: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}main{display:block}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}.has-header{padding-top:60px}.header{background:#000;color:#fff;left:0;position:fixed;right:0;top:0;z-index:20}.header-inner{align-items:center;display:flex;gap:10px;height:60px;margin:0 auto;max-width:768px;padding:0 var(--padding)}.header-title{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-toggle{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}.header-toggle.is-close .header-toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}.header-toggle.is-close .header-toggle-bar:nth-child(2){opacity:0}.header-toggle.is-close .header-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-toggle-bar{background:#fff;display:block;height:2px;margin:0 auto;transition:transform .15s ease,opacity .15s ease;width:24px}.header-menu{display:none;margin:0 auto;max-width:768px;padding:0 var(--padding) var(--padding) var(--padding)}.header-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%}.header-menu-item:last-child{margin-bottom:0}.header-menu-item:active{background:#333}.header-scrim{display:none}.header-region.is-open .header-menu{display:block}.header-region.is-open .header-scrim{background:rgba(0,0,0,.5);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10}.header-region.is-open .header-toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}.header-region.is-open .header-toggle-bar:nth-child(2){opacity:0}.header-region.is-open .header-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.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}.coach{color:#222;font-family:Open Sans,sans-serif;font-weight:400;margin:0 auto;max-width:768px;padding:var(--padding)}.screen h1{font-family:Poppins,sans-serif;font-weight:700;margin:0 0 var(--padding-2x) 0}.screen ul{list-style:none;margin:0;padding:0}.screen li{margin-bottom:4px}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}.screen-menu .option{margin-bottom:12px}.screen-menu .option button.action{display:block;min-height:52px;text-align:left;width:100%}.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)}.screen-import-team .actions{display:flex;gap:4px;margin-top:var(--padding-2x)}.screen-import-team .actions button.action:last-child{background:#d1d1d1;color:#222}.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}.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-start-game button.action[data-action=start-game]{display:block;min-height:52px;width:100%}.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-player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-game .game-player-time{font-family:Poppins,sans-serif;font-variant-numeric:tabular-nums;font-weight:400}.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}