body,html{padding:0;margin:0}body{font-family:Open Sans,sans-serif;font-size:16px}body.overlay-open,body.page-transition{overflow:hidden}body.page-transition .form-container{margin-top:20vw;opacity:0;filter:blur(10px)}body.login .actions{display:none}*{box-sizing:border-box}a{color:#91d1d3}.small,small{font-size:.75em}.hidden{display:none!important}.p-0{padding:0!important}.affix-bottom{bottom:0}.affix-bottom,.affix-top{position:sticky!important}.affix-top{top:0}.container{width:100vw;min-height:100vh;background-color:#1f1f1f}.danger-color{color:#d9534f}.success-color{color:#5cb85c}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@-webkit-keyframes hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-1turn)}}@keyframes hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-1turn)}}.btn{cursor:pointer;background-color:#f5f7fa;color:#1f1f1f;border:1px solid rgba(145,209,211,.5);padding:.3em .6em;transition:all .3s ease;font-family:Open Sans,sans-serif;font-size:1rem;border-radius:3px;text-shadow:1px 1px 1px #f1f1f1}.btn-dark{background-color:#1f1f1f;color:#f1f1f1}.btn-large{font-size:1.7rem}.btn-small{padding:.3em}.btn-delete{color:#f1f1f1;background-color:#d9534f}.debug-btn{display:none!important}.debug-btn svg path{fill:#d9534f}.debug-btn.debug-active{display:flex!important}.btn-link{cursor:pointer}.forgot-btn{display:block;text-align:right;margin-top:.3em}.form-container{text-align:center;transition:all .3s ease;transform-origin:center}.form-container form{display:inline-block;box-shadow:0 3px 5px rgba(31,31,31,.15);background-image:linear-gradient(135deg,#e4e9f2,#d3dce9);border-radius:5px;width:70vw}.form-container form legend{display:block;width:100%;padding:.5em 1em;font-size:.95em;background:#d3dce9;margin-bottom:1em;box-shadow:0 2px 1px rgba(145,209,211,.2);text-transform:uppercase;text-shadow:1px 1px 1px #f1f1f1}.form-container form .response-text{font-size:.75em;padding:1em;color:#5cb85c}.form-container form .response-text.hidden{display:none}.form-container form .validate-error{font-size:.75em;padding:1em;color:#d9534f}.form-container form .validate-error.hidden{display:none}.form-container form .form-group{padding:0 1em 1em}.form-container form .form-group .col-label,.form-container form .form-group label{display:block;text-align:left;font-size:.75em;color:#1f1f1f;margin-bottom:.2em}.form-container form .form-group input{text-align:left;-webkit-appearance:none;border:0;outline:0;border-radius:5px;padding:1em;display:block;width:100%}.switch{position:relative;display:inline-block;width:48px;height:22px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:#5cb85c}.switch input:focus+.slider{box-shadow:0 0 1px #5cb85c}.switch input:checked+.slider:before{transform:translateX(26px)}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.switch .slider.round{border-radius:22px}.switch .slider.round:before{border-radius:50%}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal.show{display:block}.modal-content{background-color:#f1f1f1;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.collapse-arrow{position:relative;color:#1f1f1f;text-decoration:none;font-size:.85em;width:20px}.collapse-arrow:before{content:"";position:absolute;transition:all .3s ease;top:9px;right:5px;border-top:5px solid #1f1f1f;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(-90deg)}.collapse.open .collapse-arrow:before{transform:rotate(0)}.collapsible{display:none}.collapsible.open{display:block}.panel-header{display:flex;width:100%;text-align:center;font-weight:700;border-bottom:1px solid #1f1f1f;margin-bottom:1em}.panel-header h2{flex:1 1}.panel-header .close{margin-top:-.5em}.panel-header .close svg{fill:#1f1f1f;transition:transform 1s ease-in}.panel-header .close:hover svg{animation:rotation 5s linear infinite reverse}.options-panel{position:fixed;z-index:999;background:hsla(0,0%,94.5%,.99);right:-100%;width:100%;top:0;bottom:0;opacity:0;padding:2em;transition:all .3s ease;overflow:scroll}.options-panel.open{right:0;opacity:.99;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.logo{padding:1em;max-width:50vw;margin:0 auto}.logo svg{max-width:100%}.middle-score-offset{position:absolute;opacity:.75;font-size:.75em;right:0;padding:.2em .3em;background:#fff;border-radius:10em 0 0 10em;z-index:1}.middle-score-offset.plus{background-color:#5cb85c;color:#fff}.middle-score-offset.minus{background-color:#d9534f;color:#fff}.delete-player,.save-player{display:inline-block}.delete-player svg,.save-player svg{fill:#f1f1f1;line-height:0;vertical-align:sub}.col-label{margin:.1em}.end-game-reset{margin:1em 0;justify-content:center}.actions{background:#333;color:#f1f1f1;z-index:10;position:relative}.actions .row{border-bottom:3px solid #91d1d3;justify-content:space-between;align-items:center;padding-top:.3em;padding-bottom:.3em}.actions button svg{max-height:100%}.actions h2{margin:0}.actions .options svg{fill:#f1f1f1;transition:transform 1s ease-in}.actions .options:hover svg{-webkit-animation:rotation 5s linear infinite;animation:rotation 5s linear infinite}.actions .top-action-link{margin-right:1.4em;display:flex}.actions .top-action-link:last-child{margin-right:0}.actions .top-action-link svg{fill:#f1f1f1;transition:transform 1s ease-in}.scorecard{box-shadow:10px 10px 40px hsla(0,0%,100%,.15);background:#fefefe;min-height:100vh}.scorecard .row{display:flex}.scorecard .row .col{flex:1 1 0;border-right:1px solid #91d1d3;border-bottom:1px solid #91d1d3;display:flex;align-items:center}.scorecard .row .col.col-title{max-width:90px;min-width:90px;background-color:#e4e9f2;padding:.5em;font-size:.85em}.scorecard .row .col input,.scorecard .row .col select{padding:.5em;width:100%;border:0;z-index:1;font-size:1rem;text-align:center;-moz-text-align-last:center;text-align-last:center;background:transparent;border-radius:0;-moz-appearance:none;appearance:none;font-family:Open Sans,sans-serif;-webkit-appearance:none}.scorecard .row .col input:focus,.scorecard .row .col select:focus{outline:none}.scorecard .row .col input[disabled],.scorecard .row .col select[disabled]{background-color:#e4e9f2}.scorecard .row .col .player-saved-name{position:absolute;opacity:0;z-index:0}.scorecard .row .col.player{position:relative;background-color:#f5f7fa}.scorecard .row .col.player.active input{font-weight:700}.scorecard .row .col.player input{text-align:center}.scorecard .row .col.player .player-actions{position:absolute;right:.5em}.scorecard .row .col.type-ones{border-top:2px solid #91d1d3}.scorecard .row .col.type-middle{border-bottom-width:3px;border-color:currentcolor #6dc2c4 #6dc2c4;border-top:2px solid #6dc2c4;background-color:#b5e0e2;position:relative}.scorecard .row .col.type-bonus{border-bottom-width:3px;border-color:#6dc2c4;background-color:#b5e0e2}.scorecard .row .col.type-total{position:relative;border-color:currentcolor #6dc2c4 #6dc2c4;border-top:2px solid #6dc2c4;border-bottom-width:2px;background-color:#b5e0e2}.scorecard .row .col.action{padding:.5em;border:0;min-width:auto;flex:0 0 auto;height:40px}.scorecard .row .col.action.flex-column{flex-direction:column}.scorecard .row .col.action img{max-width:100%;height:100%;padding:.6em .5em;margin-left:.3em;filter:invert(1)}.scorecard .row .col.action .btn{margin:0;border-radius:0;border-right:1px solid #91d1d3;font-size:.85em;height:40px;min-width:90px}.scorecard .row .col.skipped{background-color:#f4cecd}.scorecard .row .col.handled{background-color:#c7e6c7}.scorecard .row.calculated .col{background-color:#ffeb7a!important}.scorecard .row.calculated .col input[type=number],.scorecard .row.calculated .col select{background-color:#ffeb7a!important;color:#1f1f1f}.scorecard .players{z-index:5;box-shadow:0 1px 4px rgba(145,209,211,.75)}.list{padding:0;margin:0;flex:1}.list li{font-size:1.1em;padding:.5em;display:flex;justify-content:space-between;border-bottom:1px solid #91d1d3}.list li.disabled{opacity:.5;color:#525252}.winner{padding:2em;top:100vh;height:100vh;z-index:9;background:#f1f1f1;transition:all 1s ease}.winner.open{top:0}.winner .winner-list{padding:0;margin:0;display:none}.winner .winner-list.ready{display:block}.winner .winner-list li{width:100%;font-size:1.2em;display:flex;justify-content:space-between;border-bottom:1px solid #91d1d3;padding:.5em 0}.winner .winner-list li strong{width:20px;display:inline-block}.winner .winner-list li.numberone{font-weight:700}.winner h2{text-align:center}.final-score{display:none;position:absolute;width:100%;height:100%;z-index:5!important;background-color:#deebdd;background-image:linear-gradient(90deg,#deebdd 0,#bbdbbe,#deebdd);color:#233329;font-weight:700;font-size:1.5em;align-items:center;justify-content:center}.total-stats{margin-top:1em}.stats-container{margin-bottom:.25em}.stats-container .stats-header{background-color:#d8d8d8;padding:.25em}.stats-container .stats-header,.stats-container .stats-won-lost{display:flex;justify-content:space-between;border-top:1px solid #91d1d3}.stats-container .stats-won-lost{align-items:center;font-size:.85em;color:#393939;border-bottom:1px solid #91d1d3;background-color:#e4e4e4;padding:.75em .25em}.stats-container .stats-won-lost svg{height:16px}.stats-container .stats-won-lost .stats-total{margin-left:auto;color:#1f1f1f}.stats-container .stats-won-lost .stats-won{display:flex;align-content:center}.stats-container .stats-won-lost .stats-won svg{fill:#5cb85c}.stats-container .stats-won-lost .stats-lost{margin-left:1em;display:flex;align-content:center}.stats-container .stats-won-lost .stats-lost svg{fill:#d9534f;transform:rotate(180deg)}.stats-container .chart-container{position:relative;width:80vw;margin:5px auto}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;flex:1;align-items:center;padding:2em;font-size:2em;background-color:#c7e6c7;-webkit-animation:hue 5s linear infinite;animation:hue 5s linear infinite}.inline-dice{position:fixed;top:2em;width:80%;height:auto;background:#fff;z-index:999;left:10%;display:none;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.inline-dice.show{display:block}.inline-dice .dice{padding:1em;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px}.inline-dice .dice .die,.inline-dice .dice .roll-dice{aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:10%}.inline-dice .dice .die input,.inline-dice .dice .roll-dice input{opacity:0;position:absolute;z-index:-1}.inline-dice .dice .die input:checked+.die-label,.inline-dice .dice .roll-dice input:checked+.die-label{width:80%;height:80%;opacity:.75;background-color:rgba(92,184,92,.2)}.inline-dice .dice .die .die-label,.inline-dice .dice .roll-dice .die-label{width:100%;height:100%;display:block;cursor:pointer;border-radius:10%}.inline-dice .dice .die .die-label.die-0,.inline-dice .dice .roll-dice .die-label.die-0{pointer-events:none;cursor:default;border:1px solid #1f1f1f}.inline-dice .dice .die .die-label.die-1,.inline-dice .dice .roll-dice .die-label.die-1{background-image:url(images/6a24178840169bd864c748faa0de1d50.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.inline-dice .dice .die .die-label.die-2,.inline-dice .dice .roll-dice .die-label.die-2{background-image:url(images/d5ce8b544d80c3439ac5c86c869431a2.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.inline-dice .dice .die .die-label.die-3,.inline-dice .dice .roll-dice .die-label.die-3{background-image:url(images/4fbf0b7f2b9e2c93feaa939658e13696.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.inline-dice .dice .die .die-label.die-4,.inline-dice .dice .roll-dice .die-label.die-4{background-image:url(images/b636106f64733799ab7bfb8169056588.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.inline-dice .dice .die .die-label.die-5,.inline-dice .dice .roll-dice .die-label.die-5{background-image:url(images/d803fb64cfd64fb9aa69f4334c126e5e.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.inline-dice .dice .die .die-label.die-6,.inline-dice .dice .roll-dice .die-label.die-6{background-image:url(images/023eec007b73940badf3fbf18a676b84.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.inline-dice .dice .roll-dice{background-color:#91d1d3;margin:1em;font-size:2em;display:flex;justify-content:center;align-items:center;cursor:pointer}