:root{--padding:10px;--padding-2x:20px}@media (min-width:768px) and (max-width:1024px){:root{--padding:14px;--padding-2x:28px}}@media (min-width:1025px){:root{--padding:20px;--padding-2x:40px}}html{box-sizing:border-box;color:#222;font-size:1em;line-height:1.2;-webkit-text-size-adjust:100%;font-family:Open Sans,sans-serif}*,:after,:before{box-sizing:border-box;font-family:inherit}body{margin:0}h1,h2,h3,h4,p{margin:var(--padding) 0}iframe,img{max-width:100%}@media (min-width:1025px){html{line-height:1.35}}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}details{display:block}summary{display:list-item}[hidden],template{display:none}::-moz-selection{background:#fcb900;text-shadow:none}::selection{background:#fcb900;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}textarea{resize:vertical}.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}body{color:#222;font-family:Open Sans,sans-serif;font-weight:400}.screen,body{overflow:hidden}.screen{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative}footer,header{flex:0 0 auto}main{display:flex;flex:1 1 auto;flex-direction:column;margin:0 auto;max-width:768px;overflow-y:auto;overscroll-behavior:contain;padding:var(--padding);width:100%;-webkit-overflow-scrolling:touch}main ul{list-style:none;margin:0;padding:0}main li{margin-bottom:4px}footer{display:flex;gap:4px;margin:0 auto;max-width:768px;padding:var(--padding);width:100%}footer:empty{display:none}footer button.action{flex:1;min-height:52px}.version{color:#b3b3b3;flex:1;font-size:14px;text-align:center}header{align-items:center;background:#000;color:#fff;display:flex;gap:10px;height:60px;padding:0 max(var(--padding),calc(50% - 384px + var(--padding)));width:100%}.header-label{flex:1;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-controls{align-items:center;display:flex;flex:0 0 auto;gap:10px}.header-controls:empty{display:none}.header-menu{background:none;border:0;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;gap:5px;height:48px;justify-content:center;padding:0;width:48px}.screen:not(.has-menu) .header-menu{display:none}.header-menu-bar{background:#fff;display:block;height:2px;margin:0 auto;transition:transform .15s ease,opacity .15s ease;width:24px}.screen.is-menu-open .header-menu-bar:first-child{transform:translateY(7px) rotate(45deg)}.screen.is-menu-open .header-menu-bar:nth-child(2){opacity:0}.screen.is-menu-open .header-menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu{background:#000;max-width:320px;overflow-y:auto;overscroll-behavior:contain;padding:var(--padding);transform:translateX(100%);transition:transform .2s ease,visibility 0s linear .2s;width:75%;z-index:20}.menu,.screen:before{bottom:0;position:absolute;right:0;top:60px;visibility:hidden}.screen:before{background:rgba(0,0,0,.5);content:"";left:0;opacity:0;transition:opacity .2s ease,visibility 0s linear .2s;z-index:10}.screen.is-menu-open .menu{transform:none;transition:transform .2s ease;visibility:visible}.screen.is-menu-open:before{opacity:1;transition:opacity .2s ease;visibility:visible}.menu-item{background:#262626;border:0;border-radius:6px;color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;margin-bottom:12px;min-height:52px;padding:0 10px;text-align:left;width:100%}.menu-item:last-child{margin-bottom:0}.menu-item:active{background:#333}@media (prefers-reduced-motion:reduce){.menu,.screen.is-menu-open .menu,.screen.is-menu-open:before,.screen:before{transition:none}}.clock{align-items:center;background:#262626;border:0;border-radius:21.5px;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;font-family:Poppins,sans-serif;font-size:17px;font-weight:400;gap:5px;height:43px;line-height:1;padding:0 15px}.clock.is-stopped{background:#fcb900;color:#222}.clock-icon{display:block;flex:0 0 auto;height:18px;width:18px}.clock-time{font-variant-numeric:tabular-nums;min-width:5ch;text-align:center}.clock-toggle{align-items:center;display:flex;flex:0 0 auto}.clock.is-stopped .clock-toggle{border-left-color:rgba(0,0,0,.2)}.clock-toggle-icon{display:block;height:18px;width:18px}button.action{background:#262626;border:0;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;min-height:48px;padding:0 24px}button.action:disabled{background:#d1d1d1;cursor:default}button.action.is-secondary{background:#d1d1d1;color:#222}button.action.is-danger{background:#e33431}.screen-home .option{margin-bottom:12px}.screen-home .option button.action{display:block;min-height:52px;text-align:left;width:100%}.screen-home .update{align-items:center;background:#f2f2f2;border-radius:2px;display:flex;gap:4px;justify-content:space-between;margin-top:var(--padding-2x);padding:var(--padding)}.screen-home .update-text{color:#b3b3b3}.screen-manage-team .players{margin-bottom:var(--padding-2x)}.screen-manage-team .player{align-items:center;background:#f2f2f2;border-radius:2px;display:flex;gap:4px;min-height:48px;padding:0 4px 0 10px}.screen-manage-team .player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-manage-team .player-remove{background:#e33431}.screen-manage-team .players-empty{color:#b3b3b3}.screen-manage-team .add-player{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin-bottom:var(--padding-2x)}.screen-manage-team .add-player-names{border:1px solid #dbdbdb;border-radius:2px;font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5;padding:5px 10px;resize:vertical;width:100%}.screen-manage-team .share-team{margin-bottom:var(--padding-2x)}.screen-manage-team .share-team-link{display:flex;gap:4px;margin-top:4px}.screen-manage-team .share-team-url{background:#f2f2f2;border:1px solid #dbdbdb;border-radius:2px;color:#222;flex:1;font-family:Open Sans,sans-serif;font-size:16px;font-weight:400;min-height:48px;min-width:0;padding:0 10px}.screen-import-team .player{align-items:center;background:#f2f2f2;border-radius:2px;display:flex;min-height:48px;padding:0 10px}.screen-import-team .warning{color:#e33431;margin-top:var(--padding)}.section-heading{color:#b3b3b3;font-family:Poppins,sans-serif;font-size:14px;font-weight:400;letter-spacing:.05em;margin:0 0 4px;text-transform:uppercase}.game-player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-player-time{font-family:Poppins,sans-serif;font-variant-numeric:tabular-nums;font-weight:400}.screen-start-game .warning{color:#e33431}.screen-start-game .roster,.screen-start-game .warning{margin-bottom:var(--padding-2x)}.screen-start-game .roster-player{align-items:center;background:#f2f2f2;border-left:4px solid #dbdbdb;border-radius:2px;color:#b3b3b3;cursor:pointer;display:flex;gap:4px;min-height:48px;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screen-start-game .roster-player.is-ready{border-left-color:#262626;color:#222}.screen-start-game .roster-player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-start-game .roster-player-state{font-family:Poppins,sans-serif;font-size:14px;font-weight:400;text-transform:uppercase}.screen-start-game .field-size{align-items:center;display:flex;gap:10px;margin-bottom:var(--padding-2x)}.screen-start-game .field-size button.action{font-size:24px;width:52px}.screen-start-game .field-size-value{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;min-width:2ch;text-align:center}.screen-game .game-section{margin-bottom:var(--padding-2x)}.screen-game .game-player{align-items:center;background:#f2f2f2;border-left:4px solid #dbdbdb;border-radius:2px;cursor:pointer;display:flex;gap:4px;min-height:48px;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screen-game .game-field .game-player{background-image:linear-gradient(to right,rgba(38,38,38,.18) 0,rgba(38,38,38,.18) var(--played,0),transparent var(--played,0));border-left-color:#262626}.screen-game .game-bench .game-player{background-image:linear-gradient(to right,rgba(252,185,0,.3) 0,rgba(252,185,0,.3) var(--played,0),transparent var(--played,0));border-left-color:#fcb900}.screen-game .game-out .game-player{background-image:linear-gradient(to right,hsla(0,0%,86%,.6) 0,hsla(0,0%,86%,.6) var(--played,0),transparent var(--played,0));border-left-color:#dbdbdb;color:#b3b3b3}.screen-game .game-players-empty{color:#b3b3b3}.screen-game .game-messages{margin-bottom:var(--padding-2x)}.screen-game .game-message{background:#f2f2f2;border-left:4px solid #dbdbdb;border-radius:2px;line-height:1.5;padding:5px 10px}.screen-game .game-message+.game-message{margin-top:4px}.screen-game .game-message-out{border-left-color:#e33431}.screen-game .game-message-in{border-left-color:#00a410}.screen-game .game-message-label{color:#b3b3b3;display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:400}.screen-game .end-game{display:flex;flex:1;flex-direction:column;gap:4px}.screen-game .end-game-text{color:#b3b3b3;line-height:1.5}.screen-game .end-game-actions{display:flex;gap:4px}.screen-game .end-game-actions button.action{flex:1;min-height:52px}.screen-move-player .places{display:flex;gap:4px;margin-bottom:var(--padding-2x)}.screen-move-player .places button.action{flex:1;min-height:52px}.screen-move-player .game-player{align-items:center;background:#f2f2f2;border-left:4px solid #dbdbdb;border-radius:2px;cursor:pointer;display:flex;gap:4px;min-height:48px;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screen-move-player .game-field .game-player{border-left-color:#262626}.screen-move-player .game-bench .game-player{border-left-color:#fcb900}.screen-move-player .game-player.is-selected{background:#262626;border-left-color:#262626;color:#fff}.screen-move-player .move{display:flex;flex:1;flex-direction:column;gap:4px}.screen-move-player .move-summary{color:#b3b3b3;line-height:1.5}.screen-move-player .move-actions{display:flex;gap:4px}.screen-move-player .move-actions button.action{flex:1;min-height:52px}