@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
[hidden]{display:none!important}
:root{color-scheme:dark;--lime:#d8f474;--muted:#8c9a92}*{box-sizing:border-box}body{margin:0;background:#111a17;color:#f0f2e9;font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}main{max-width:1600px;margin:auto;padding:0 36px}header{height:102px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #344039}.brand{text-decoration:none;color:#f3f2e7;font:900 32px 'Barlow Condensed',sans-serif;letter-spacing:1px;position:relative}.brand>span:not(.ball){color:var(--lime)}.brand small{display:block;font:9px 'DM Sans';letter-spacing:2.2px;margin:3px 0 0 43px;color:var(--muted)}.ball{color:var(--lime);font-size:36px;margin-right:8px}.live{margin-left:auto;font-size:10px;letter-spacing:1.6px}.live i,.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.live span{border:1px solid #465047;padding:4px 6px;margin-left:10px;color:var(--muted)}#sound{border:1px solid #465047;background:none;color:#b5bcb4;padding:10px;font-size:9px;letter-spacing:1px}.layout{display:grid;grid-template-columns:260px minmax(330px,1fr) 220px;gap:32px;padding:32px 0}aside{padding-top:9px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lime)}h1{font:800 46px/.98 'Barlow Condensed',sans-serif;margin:18px 0}aside>p{font-size:12px;color:var(--muted);line-height:1.8}.team{display:flex;align-items:center;border-block:1px solid #344039;margin:25px 0;padding:12px 0}.team img{width:66px;image-rendering:pixelated}.team small{font-size:8px;color:var(--muted);letter-spacing:1.7px}.team h2{font:700 23px 'Barlow Condensed';margin:3px 0}.team span{font-size:8px;color:#b2beb3;letter-spacing:.7px}.panel>.eyebrow{color:var(--muted);margin-bottom:12px}.play{width:100%;display:flex;align-items:center;gap:12px;background:#19241e;border:1px solid #354036;color:#dfe4d9;margin-bottom:8px;padding:14px 10px;text-align:left;border-radius:4px}.play b{font-size:10px;color:#758476}.play span{font-size:12px;font-weight:700}.play small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px}.play em{margin-left:auto;font-size:23px;font-style:normal;color:#90a481}.play.active{border-color:var(--lime);background:#273322}.play.active b,.play.active em{color:var(--lime)}#start{display:flex;justify-content:space-between;width:100%;margin:18px 0 28px;padding:16px;border:0;background:var(--lime);color:#172018;font-weight:800;font-size:12px;border-radius:3px}.keys{border-top:1px solid #344039;padding-top:16px}.keys h3{font-size:9px;letter-spacing:2px;color:#a2b09f}.keys p{font-size:10px;color:#a5afa4}.keys small{display:block;color:#79897e;font-size:10px;line-height:1.8;margin-top:15px}kbd{font-size:9px;border:1px solid #475144;border-radius:3px;padding:3px;color:#e5e9dc}footer{font-size:7px;color:#64776a;line-height:1.9;margin-top:30px}.arena{border:1px solid #46513e;border-radius:8px;overflow:hidden;align-self:start;background:#18251b}.scoreboard{height:96px;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;background:#202b22;border-bottom:3px solid #a4b870}.scoreteam small{font-size:8px;letter-spacing:1px;color:#b4c1a9}.scoreteam strong{display:block;font:700 43px/.98 'Barlow Condensed';color:var(--lime);margin-top:6px}.away{text-align:right}.away strong{color:#ee9784}.clock{text-align:center}.clock>span{font-size:9px;color:#bcc9ad}.clock strong{display:block;font:700 31px 'Barlow Condensed';letter-spacing:2px}.clock small{font-size:8px;color:#c3d09f;letter-spacing:.7px}.field-wrap{position:relative;background:#3c6134;touch-action:pan-y}canvas{display:block;width:100%;aspect-ratio:640/760;image-rendering:pixelated}#banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(#0c201545,#0e2219e8);padding:20px}#banner h2{font:900 clamp(36px,4vw,64px)/.95 'Barlow Condensed';letter-spacing:1px;margin:20px 0}#banner p{font-size:12px;line-height:1.8;color:#c0caba}#banner button{background:var(--lime);border:0;border-radius:3px;padding:15px 30px;color:#172018;font-size:11px;font-weight:800;margin:15px}#pause{position:absolute;right:12px;top:12px;background:#15291cc9;color:#d6e5c2;border:1px solid #7d986855;width:30px;height:30px;border-radius:4px}#toast{position:absolute;top:15px;left:50%;transform:translateX(-50%);color:#e5efcc;font-size:8px;letter-spacing:2px;white-space:nowrap;text-shadow:0 1px #000}.ticker{display:flex;gap:8px;align-items:center;padding:15px 14px;font-size:9px;color:#92a288}.ticker b{color:var(--lime);font-size:8px;letter-spacing:1px}.ticker .dot{margin:0;width:5px;height:5px}.north{margin-left:auto;font-weight:700;color:#d3dfb8}.right{padding-top:9px}.right>.eyebrow{color:var(--muted)}.right>h2{font:700 29px 'Barlow Condensed';margin:12px 0 20px}.roster-player{display:flex;gap:8px;align-items:center;border-bottom:1px solid #303d32;padding:9px 0}.roster-player img{width:51px;height:51px;image-rendering:pixelated;background:#202d23;border-radius:5px}.roster-player h3{font:600 18px 'Barlow Condensed';margin:0 0 4px}.roster-player small{font-size:8px;color:var(--muted)}.roster-player b{margin-left:auto;font-size:9px;color:var(--lime)}.note{padding:28px 0}.note>span{font-size:35px;color:var(--lime)}.note h3{font:600 25px/1.1 'Barlow Condensed';margin:10px 0}.note p,.coming p{font-size:11px;line-height:1.8;color:var(--muted)}.coming{border:1px dashed #4a5846;padding:17px;border-radius:4px}.coming small{font-size:8px;letter-spacing:1px;color:var(--muted)}.coming h3{font:600 24px 'Barlow Condensed';margin:10px 0}.coming span{font-size:7px;color:var(--lime)}.mobile-controls{position:absolute;bottom:14px;left:16px;right:16px;display:none;justify-content:space-between;align-items:end;pointer-events:none}.mobile-controls button,#stick{pointer-events:auto}#stick{width:90px;height:90px;border:1px solid #d9eab577;border-radius:50%;background:#10271c55;position:relative}#stick span{position:absolute;left:27px;top:27px;width:34px;height:34px;background:#d8f47499;border:1px solid #e6ffb2;border-radius:50%}.actions{text-align:right}.actions button{padding:12px 8px;border:1px solid #bbd38b88;border-radius:5px;background:#172c20db;color:#e0efc4;font-size:9px;margin:3px}#snap{background:var(--lime);color:#172018;font-weight:700;padding:13px 24px}@media(max-width:1150px){.layout{grid-template-columns:220px 1fr}.right{display:none}main{max-width:1050px;padding:0 24px}}@media(pointer:coarse){.mobile-controls{display:flex}}@media(max-width:680px){main{padding:0 10px}header{height:70px;gap:8px}.brand{font-size:25px}.brand small{font-size:6px;margin-left:32px}.ball{font-size:27px}.live{font-size:7px;letter-spacing:.5px}.live span{display:none}#sound{font-size:7px;padding:7px}.layout{display:flex;flex-direction:column;padding:12px 0;gap:12px}.arena{order:0;width:100%}aside{order:1;padding:0}aside>.eyebrow,aside>h1,aside>p,.team,.keys,footer{display:none}.panel{display:flex;gap:5px}.panel>.eyebrow{display:none}.play{margin:0;padding:10px 6px;gap:5px}.play span{font-size:10px}.play small{font-size:7px}.play em{display:none}#start{margin:10px 0}.scoreboard{height:77px;padding:10px 15px}.scoreteam small{font-size:7px}.scoreteam strong{font-size:33px}.clock strong{font-size:26px}.field-wrap{max-height:68svh;overflow:hidden}canvas{height:68svh;max-height:760px;object-fit:fill}.ticker{padding:11px;font-size:8px}.mobile-controls{display:flex}#banner h2{font-size:49px}}
/* Spectator mode and scouting */
.speed-controls{display:flex;gap:8px}.speed-controls button,.tabs button,.stat-tabs button{background:#1b2920;color:#afbdac;border:1px solid #41513b;padding:11px 18px;border-radius:3px;font-size:11px}.speed-controls button.active,.tabs button.active,.stat-tabs button.active{background:var(--lime);color:#152416;border-color:var(--lime)}.keys p{font-size:12px;line-height:1.8}.layout{grid-template-columns:240px minmax(340px,1fr) 220px}.broadcast{position:absolute;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;letter-spacing:1px;color:#e5f0d0}.broadcast span{background:#172c20e8;padding:10px;border:1px solid #aac68d55;border-radius:3px}#feed{list-style:none;padding:0;margin:0;max-height:420px;overflow:auto}#feed li{font-size:11px;line-height:1.7;padding:13px 0;border-bottom:1px solid #334432;color:#b5c4ae}#feed li:first-child{color:#e8edcf}#feed small{display:block;color:#87a075;font-size:9px;letter-spacing:1px;margin-bottom:5px}.scouting{border-top:1px solid #344039;padding:32px 0 45px}.scouting h2{font:700 33px 'Barlow Condensed';margin:10px 0}.scouting-head,.box-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.scouting p{font-size:12px;color:var(--muted);line-height:1.8}.tabs,.stat-tabs{display:flex;gap:8px}.ratings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.player-card{text-align:left;color:#e9eedb;border:1px solid #344735;background:#19271e;border-radius:5px;padding:15px;transition:border-color .15s}.player-card:hover{border-color:var(--lime)}.card-top{display:flex;align-items:center;gap:10px}.card-top img{width:65px;height:65px;image-rendering:pixelated}.card-top h3{font:600 23px 'Barlow Condensed';margin:0 0 4px}.card-top small{color:#9bad95;font-size:9px;letter-spacing:1px}.ovr{margin-left:auto;font:700 28px 'Barlow Condensed';color:var(--lime);text-align:center}.ovr small{display:block;font:7px 'DM Sans';letter-spacing:1px}.skill{display:grid;grid-template-columns:78px 1fr 23px;align-items:center;gap:8px;font-size:9px;margin-top:12px;color:#b1c0aa}.meter{height:4px;background:#344733;border-radius:3px;overflow:hidden}.meter i{display:block;background:#a8c577;height:100%}.skill b{color:#e7edcc;text-align:right}.player-card .skill{grid-template-columns:67px 1fr 20px}.box-head{margin:35px 0 15px}select{background:#1d2c22;color:#dce7cd;padding:10px;border:1px solid #4a5b42;border-radius:3px;font:11px 'DM Sans'}.stat-tabs{margin:0 0 14px}.table-wrap{overflow:auto;border:1px solid #344735;border-radius:5px}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:right;background:#223321;color:#a7be94;font-size:9px;letter-spacing:.7px}td,th{padding:12px 14px;border-bottom:1px solid #30412f}td{text-align:right;color:#c4d2b7}td:first-child,th:first-child{text-align:left}td:nth-child(2),th:nth-child(2){text-align:left;color:#8da97d}tbody tr:last-child td{border:0}.ratings-note{max-width:850px;font-size:10px!important}dialog{background:#19271e;border:1px solid #70875a;color:#eaf1d8;border-radius:9px;width:min(460px,90vw);padding:30px}dialog::backdrop{background:#07100bd9}#closeDialog{position:absolute;top:10px;right:12px;background:none;border:0;color:#c9ddb4;font-size:25px}#playerReport .card-top img{width:96px;height:96px}#playerReport h3{font-size:32px}#playerReport p{font-size:12px;color:#b5c5ac;line-height:1.8}#playerReport .skill{margin-top:17px;font-size:11px;grid-template-columns:90px 1fr 25px}.ticker{min-height:51px}.ticker #hint{line-height:1.6}button:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:1150px){.layout{grid-template-columns:210px 1fr}.right{display:none}.ratings-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.layout{display:flex}.scouting{padding-top:24px}.scouting-head{display:block}.scouting h2{font-size:28px}.scouting-head p{font-size:11px}.tabs{margin-top:15px}.ratings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-card{padding:10px}.card-top{gap:2px;flex-wrap:wrap}.card-top img{width:42px;height:42px}.card-top h3{font-size:19px}.ovr{font-size:23px}.card-top small{font-size:7px}.player-card .skill{grid-template-columns:57px 1fr 17px;gap:5px;font-size:8px}.panel{display:block}.speed-controls{justify-content:center}.speed-controls button{flex:1;padding:9px}#start{margin:10px 0 0}#banner h2{font-size:42px}.broadcast{bottom:12px;left:10px;right:10px;font-size:8px}.broadcast span{padding:7px}.ticker{font-size:9px}.box-head{align-items:end}.scouting p{margin:10px 0}.right{display:none}}
.effects-control{width:100%;margin-top:10px;background:none;color:#9eb291;border:1px solid #3b5038;border-radius:3px;padding:10px;font-size:9px;letter-spacing:1px}.field-wrap{overflow:hidden}.broadcast{z-index:2}.play-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#172d2166}.play-progress i{display:block;background:#d8f474;height:100%;width:0}.action-call{position:absolute;top:25%;left:50%;transform:translate(-50%,15px) scale(.8);opacity:0;pointer-events:none;white-space:nowrap;font:900 clamp(24px,3vw,46px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#f1f7d4;text-shadow:3px 3px #172d21;background:#172d21e8;border-block:2px solid #b2cd76;padding:12px 22px;transition:opacity .12s,transform .16s;z-index:3}.action-call.show{opacity:1;transform:translate(-50%,0) scale(1)}.action-call.score{color:#e6ff81;background:#203d2bf2;border-color:#d8f474}.action-call.turnover{color:#ffb296;border-color:#e89276}@media(prefers-reduced-motion:reduce){.action-call{transition:none}}@media(max-width:680px){.panel{display:grid;grid-template-columns:1fr 135px;gap:7px;align-items:center}.effects-control{margin:0;padding:10px 5px;font-size:8px}.speed-controls{gap:4px}.action-call{font-size:32px;max-width:95%;padding:10px 15px}}
@media(max-width:680px){canvas{height:auto;max-height:none;aspect-ratio:640/760}.field-wrap{max-height:none}}
.audio-buttons{display:flex;align-items:center;gap:7px}.audio-buttons button{background:transparent;border:1px solid #465047;color:#bac5b3;padding:10px;font-size:9px;letter-spacing:.6px;white-space:nowrap}#music[aria-pressed=true]{color:var(--lime);border-color:#8ca95d;background:#263622}.jukebox{margin:18px 0;border:1px solid #3b5038;border-radius:4px;padding:13px}.jukebox .eyebrow{font-size:8px;letter-spacing:1.3px;color:#9eb58d;margin-bottom:12px}.jukebox select{width:100%;font-size:11px;padding:9px 7px;background:#17281e}.music-volume{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:8px;color:#a3b393}.music-volume label{letter-spacing:.7px}.music-volume input{width:100%;min-width:0;height:16px;accent-color:var(--lime);cursor:pointer}.music-volume output{min-width:27px;text-align:right;font-size:9px}.jukebox p{font-size:8px!important;color:#8fa67f;line-height:1.6!important;margin:9px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:680px){header{gap:6px}.brand{font-size:23px}.ball{font-size:24px;margin-right:4px}.brand small{letter-spacing:1.1px;margin-left:29px}.live{display:none}.audio-buttons{margin-left:auto;gap:5px}.audio-buttons button,#sound{font-size:8px;padding:8px 6px}.jukebox{margin:10px 0;padding:11px}.jukebox .eyebrow{margin-bottom:8px}.jukebox select{font-size:12px}.music-volume{margin-top:10px}.music-volume input{height:24px}.jukebox p{font-size:9px!important}}