*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;overflow-anchor:none;overscroll-behavior:none;background:#0d1620;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;background:#0d1620;color:#f4f7f9;font-family:Archivo Narrow,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.scroll-surface{height:600vh;pointer-events:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;transition:right var(--gate-slide) var(--gate-ease)}.pitch{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:pan-y}:root{--panel-w: min(450px, 42vw);--panel-inset: 12px;--gate-slide: .42s;--gate-ease: cubic-bezier(.4, 0, .2, 1)}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(120% 90% at 50% 40%,#0d1620b8,#0d1620f5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.eyebrow{margin:0 0 1.25rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffe9b8}kbd{display:inline-block;min-width:1.4em;padding:.1em .35em;border:1px solid rgba(255,255,255,.22);border-bottom-width:2px;border-radius:3px;background:#ffffff12;font:inherit;font-size:.85em;text-align:center}.copy-code,.join-row button{width:100%;margin-top:.65rem;padding:.75rem 1rem;border:1px solid rgba(79,209,139,.5);border-radius:3px;background:#4fd18b14;color:#dff9eb;font:inherit;font-weight:700;cursor:pointer}.copy-code:hover,.join-row button:hover{background:#4fd18b29}.friend-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:1.5rem;background:#050c10c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.friend-card{position:relative;width:min(27rem,100%);padding:2rem;border:1px solid rgba(255,233,184,.18);border-radius:4px;background:linear-gradient(165deg,#123524,#0d1620);box-shadow:0 2rem 5rem #000000a6;text-align:center}.friend-card h2{margin:0 0 1.5rem;font:800 2rem/1 Bricolage Grotesque,sans-serif}.friend-close{position:absolute;top:.65rem;right:.75rem;border:0;background:transparent;color:#ffffffa6;font-size:1.75rem;cursor:pointer}.join-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:1rem}.join-row input{min-width:0;padding:.8rem;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:#00000040;color:#fff;font:800 1.1rem/1 monospace;letter-spacing:.16em;text-align:center}.join-row button{width:auto;margin:0}.invite-label{margin:.5rem 0;color:#ffffff9e}.invite-code{display:block;margin:.2rem 0 1rem;color:#ffe9b8;font:800 3rem/1 monospace;letter-spacing:.18em}.room-status{min-height:1.5rem;margin:1.25rem 0 0;color:#bcebd1}.form-error{color:#ff9d7a}.practice{padding:.7rem 1rem;border:1px solid rgba(79,209,139,.45);border-radius:3px;background:#4fd18b14;color:#4fd18b;font-family:inherit;font-size:.9375rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.practice:hover{border-color:#4fd18bcc;background:#4fd18b29}.practice.on{border-color:#4fd18b;background:#4fd18b38;color:#d9f7e6}.practice:active{transform:translateY(1px)}.practice-bar{position:fixed;top:1rem;left:0;right:0;z-index:3;display:flex;justify-content:center;pointer-events:none;transition:opacity var(--gate-slide) var(--gate-ease),visibility 0s}.practice-bar .practice{pointer-events:auto;padding:.6rem 1.4rem;background:#0d1620d1;box-shadow:0 .5rem 1.5rem #00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.practice-bar .practice:hover{background:#142e22e6}.practice-bar .practice.on{background:#154a32e0}.hint{margin:.6rem 0 0;font-size:.75rem;line-height:1.45;color:#f4f7f973}.kickoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:start center;padding-top:11vh;pointer-events:none;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}.kickoff-wait{display:flex;flex-direction:column;gap:12px;align-items:center}.kickoff p{margin:0;font-size:24px;font-weight:600;letter-spacing:.04em;color:#fff}.kickoff p.kickoff-hint{display:flex;gap:8px;align-items:center;font-size:20px}.kickoff strong{font-size:100px;font-weight:600;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.2);animation:kickoff-beat .5s var(--gate-ease) both}@keyframes kickoff-beat{0%{opacity:0;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.kickoff-waiting p{opacity:1}@media(prefers-reduced-motion:reduce){.kickoff strong{animation:none}}.gate-frame{display:flex;height:100%;padding:2px;border-radius:26px;background:#ffffff1a;box-shadow:0 10px 16px #0003}.gate-panel{overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;border-radius:24px;background:linear-gradient(to bottom,#053222cc,#0a1b21cc);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gate-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2.5rem}.gate-crest{width:360px;height:180px;max-width:100%;object-fit:cover}.online-count{display:flex;align-items:center;gap:.75rem;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600;color:#fff}.online-count span{width:12px;height:12px;border-radius:50%;background:#7eb158;box-shadow:0 0 .7rem #7eb158b3}.gate-controls{display:flex;flex-direction:column;gap:1.5rem;width:100%}.control-group{display:flex;flex-direction:column;gap:1rem}.control-group h2{display:flex;align-items:center;gap:.75rem;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;color:#e0c852}.control-group h2:after{content:"";flex:1;height:2px;background-image:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1px);background-size:6px 2px}.control-group dl{display:flex;flex-direction:column;gap:.75rem;margin:0}.control-group div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.control-group dt{max-width:250px;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:400;color:#fff}.control-group dd{display:flex;align-items:center;gap:.5rem;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;color:#fff;white-space:nowrap}.control-group kbd{display:flex;align-items:center;justify-content:center;min-width:20px;padding:3px 6px;border:0;border-radius:4px;background:#fff;box-shadow:inset 0 -3px #bcbcbc;font-family:inherit;font-size:14px;font-weight:600;text-align:center;color:#394935}.pad-glyph{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:11px;background:#2b3340;box-shadow:inset 0 -2px #00000059;font-size:12px;font-weight:700;line-height:1;color:#fff}.pad-south,.pad-east,.pad-west,.pad-north{width:22px;padding:0}.pad-xbox.pad-south,.pad-generic.pad-south{background:#5fb04a}.pad-xbox.pad-east,.pad-generic.pad-east{background:#d9483e}.pad-xbox.pad-west,.pad-generic.pad-west{background:#3e7ad8}.pad-xbox.pad-north,.pad-generic.pad-north{background:#f0c330;color:#3a2d00}.pad-playstation.pad-south{color:#8db3f0;font-size:13px}.pad-playstation.pad-east{color:#ec6873;font-size:14px}.pad-playstation.pad-west{color:#e98fca;font-size:14px}.pad-playstation.pad-north{color:#4fd3b8;font-size:12px}.pad-stick,.pad-rstick{width:22px;padding:0;box-shadow:inset 0 0 0 3px #4a5566,inset 0 -2px #00000059}.pad-dpad{width:22px;padding:0;font-size:14px;color:#c9d1dc}.control-group .control-aside{font-weight:400;color:#ffffffb3}.control-switch{align-self:stretch}.control-switch .tab{flex:1}.control-note{margin:-.5rem 0 0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:13px;color:#ffffffbf}:root[data-input=pad] :focus{outline:3px solid #ffe9b8;outline-offset:3px;box-shadow:0 0 0 7px #ffe9b82e}.gate-actions{display:flex;flex-direction:column;gap:2rem;padding:2rem 2.5rem 1rem;border-top:1px solid rgba(255,255,255,.1)}.gate-options{display:flex;flex-direction:column;gap:1.5rem}.option{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:500;color:#fff}.tabs{display:flex;gap:2px;padding:2px;border-radius:10px;background:#ffffff1a}.tab{width:84px;padding:6px 12px;border:1px solid transparent;border-radius:8px;background:none;font-family:inherit;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease}.tab:hover{background:#ffffff1a}.tab.on{border-color:#fff3;background:#669055;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25))}.gate-buttons{display:flex;flex-direction:column;gap:.75rem}.gate-start,.gate-friend{padding:1rem;border:0;border-radius:8px;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.2;color:#fff;cursor:pointer;transition:background .15s ease}.gate-start{background:#669055;box-shadow:inset 0 -2px #486442}.gate-start:hover{background:#77a364}.gate-start:active{box-shadow:inset 0 0 #486442}.gate-friend{border:1px solid #fff;background:none}.gate-friend:hover{background:#ffffff1a}@media(min-width:60rem){.beside-menu{right:calc(var(--panel-w) + var(--panel-inset) * 2)}.gate-side{inset:var(--panel-inset) var(--panel-inset) var(--panel-inset) auto;width:var(--panel-w);display:block;place-items:stretch;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}}.gate-side{transition:transform var(--gate-slide) var(--gate-ease),opacity var(--gate-slide) var(--gate-ease),visibility 0s}.gate-side:not(.open){transform:translate(calc(100% + var(--panel-inset)));opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--gate-slide) var(--gate-ease),opacity var(--gate-slide) var(--gate-ease),visibility 0s var(--gate-slide)}.practice-bar.leaving{opacity:0;visibility:hidden;transition:opacity var(--gate-slide) var(--gate-ease),visibility 0s var(--gate-slide)}.practice-bar.leaving .practice{pointer-events:none}.gate-thin{background:radial-gradient(120% 90% at 50% 45%,#0d162061,#0d1620c7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pause-frame{width:min(454px,100%);padding:2px;border-radius:26px;background:#ffffff1a;box-shadow:0 10px 16px #0003;transition:transform .22s cubic-bezier(.2,.8,.3,1)}.pause-card{overflow:hidden;display:flex;flex-direction:column;align-items:center;width:100%;border-radius:24px;background:linear-gradient(to bottom,#053222cc,#0a1b21cc);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-head,.pause-foot{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:2.5rem}.pause-foot{border-top:2px solid rgba(255,255,255,.1)}.pause-crest{width:320px;height:160px;object-fit:cover}.pause-title{width:100%;margin:0;padding:1rem .75rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;text-align:center;color:#e0c852}.pause-time{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;color:#fff}.pause-time>span{display:flex;align-items:center;gap:.5rem;font-size:16px;font-weight:500}.pause-time img{display:block;width:20px;height:20px}.pause-time strong{font-size:18px;font-weight:600}.pause-score,.result-score{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;line-height:normal;color:#f4f7f9;white-space:nowrap}.pause-score>span,.result-score>span{display:flex;align-items:baseline;gap:1rem}.pause-score .team,.result-score .team{font-family:Barlow Condensed,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:48px;font-weight:400}.pause-score strong,.pause-score .dash,.result-score strong,.result-score .dash{font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:56px;font-weight:600}.pause-verdict{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}@keyframes pause-nudge-shake{0%{transform:translate(0)}20%{transform:translate(18px)}40%{transform:translate(-18px)}60%{transform:translate(18px)}80%{transform:translate(-18px)}to{transform:translate(0)}}.pause-frame.nudged{animation:pause-nudge-shake .56s ease-in-out both}.pause-note{width:100%;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:center;color:#ffffffb3}.pause-nudge{width:100%;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:500;line-height:1.5;text-align:center;color:#e0c852}.pause-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}.pause-option{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0a;color:#fff;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease}.pause-option:hover:not(:disabled){background:#ffffff1a}.pause-option:disabled{opacity:.45;cursor:default}.pause-option[aria-pressed=true]{border-color:#ffe9b88c}.pause-option svg{flex:none;width:14px;height:14px;margin-top:-1.6px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.pause-option svg *{vector-effect:non-scaling-stroke}.pause-mute svg{width:13px;height:13px}.pause-camera svg{width:18px;height:18px}@supports (text-box: trim-both cap alphabetic){.pause-option span{text-box:trim-both cap alphabetic}.pause-option svg{margin-top:0}}.pause-exit.confirming{border-color:#ec6873cc;background:#d9483e38;color:#ffd9dc}.pause-play{width:100%;padding:1rem;border:0;border-radius:8px;background:#669055;box-shadow:inset 0 -2px #486442;color:#fff;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease}.pause-play:hover{background:#77a364}.pause-play:active{box-shadow:inset 0 0 #486442}.kickoff p.kickoff-hint kbd{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:22px;padding:.25rem .375rem;border:0;border-radius:4px;background:#fff;box-shadow:inset 0 -3px #bcbcbc;font-family:inherit;font-size:14px;font-weight:600;color:#394935}.pause-gate{transition:opacity .2s ease,visibility 0s}.pause-gate:not(.open){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s .2s}.pause-gate:not(.open) .pause-frame{transform:translateY(.75rem) scale(.98)}@media(max-height:44rem){.pause-head,.pause-foot{gap:1.25rem;padding:1.5rem 2.5rem}.pause-crest{width:240px;height:120px}}.card-frame{width:min(454px,100%);padding:2px;border-radius:26px;background:#ffffff1a;box-shadow:0 10px 16px #0003}.card-fill{overflow:hidden;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 3rem);border-radius:24px;background:linear-gradient(to bottom,#053222cc,#0a1b21cc);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-title{flex-shrink:0;margin:0;padding:1rem .75rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600;text-align:center;color:#e0c852}.card-body{flex:1;min-height:0;max-height:450px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 2.5rem}.result-verdict{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-crest{width:200px;height:100px;object-fit:cover}.result-note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;text-align:center;color:#ffffffb3}.result-note .pens{font-weight:600;color:#e0c852;white-space:nowrap}.result-note strong{color:#e0c852;font-weight:600;font-variant-numeric:tabular-nums}.halftime-body{gap:1.5rem}.halftime-note{font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5;text-align:center;color:#ffffffb3}.halftime-note p{margin:0}.result-stats{display:flex;flex-direction:column;gap:1rem;width:100%}.result-stats table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.result-stats h2{display:flex;align-items:center;gap:.75rem;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;color:#e0c852}.result-stats h2:before,.result-stats h2:after{content:"";flex:1;height:2px;background-image:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1px);background-size:6px 2px}.result-stats thead th{padding:0 0 .5rem;border:0;font-family:Barlow Condensed,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:500;color:#fff}.result-stats td,.result-stats tbody th{padding:.25rem 0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;color:#fff}.result-stats td{width:48px}.result-stats td:first-child{text-align:left}.result-stats td:last-child{text-align:right}.result-stats tbody th{text-align:center;font-size:15px;font-weight:400}.result-stats td span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:.25rem .375rem;border-radius:8px;font-size:14px;font-weight:600}.result-stats .best.blue{background:#1d7dde}.result-stats .best.red{background:#e8343e}.card-foot{flex-shrink:0;width:100%;padding:2rem 2.5rem;border-top:1px solid rgba(255,255,255,.1)}.card-play{width:100%;padding:1rem;border:0;border-radius:8px;background:#669055;box-shadow:inset 0 -2px #486442;color:#fff;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease}.card-play:hover{background:#77a364}.card-play:active{box-shadow:inset 0 0 #486442}@media(max-height:44rem){.card-body{gap:1.25rem;padding:1.5rem 2.5rem}.card-foot{padding:1.5rem 2.5rem}.card-crest{width:150px;height:75px}}:focus-visible{outline:2px solid #ffe9b8;outline-offset:3px}.sprint-pill{position:fixed;z-index:2;right:1rem;bottom:1rem;min-width:8.5rem;padding:.5rem .75rem .55rem;border:1px solid rgba(255,233,184,.18);border-radius:3px;background:#0d1620e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.pill-label{display:block;margin-bottom:.2rem;font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffe9b8b3}.sprint-pill strong{font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.meter{height:.4rem;margin-top:.3rem;border-radius:999px;background:#ffffff1f;overflow:hidden}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd18b,#ffe9b8);transition:width .1s linear}.sprint-active strong{color:#ffe9b8}.sprint-cooling strong{color:#ff9d7a}.sprint-active{border-color:#ffe9b880}.sprint-cooling{border-color:#ff9d7a73}.goal-row{position:fixed;z-index:2;left:50%;transform:translate(-50%);display:flex;align-items:center;pointer-events:none}.goal-sign{flex:none;width:50px;height:56px;--tuck: 0%;transform:translateY(var(--tuck));transition:transform .28s cubic-bezier(.33,1,.68,1),opacity .28s ease,margin .28s cubic-bezier(.33,1,.68,1);border-radius:16.5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.goal-sign svg{display:block;width:100%;height:100%}.goal-row{--inset: .75rem}.goal-row-top{top:var(--inset)}.goal-row-bottom{bottom:var(--inset)}.goal-sign.tucked{opacity:0;margin:0 -29.5px}.goal-sign-top.tucked{--tuck: calc(-1 * (var(--inset) + 100%))}.goal-sign-bottom.tucked{--tuck: calc(var(--inset) + 100%)}@media(prefers-reduced-motion:reduce){.goal-sign{transition:opacity .28s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.meter-sprint{height:.25rem;margin-top:.25rem}.sprint-active .meter-sprint i{background:#ffe9b8}.sprint-cooling .meter-sprint i{background:#ff9d7a}.scoreboard{position:fixed;z-index:2;top:.75rem;left:.75rem;display:flex;flex-direction:column;align-items:center;gap:0;isolation:isolate;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s}.scoreboard.tucked{opacity:0;transform:translateY(-.5rem);visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}.score-bar{position:relative;z-index:2;display:flex;align-items:center;box-sizing:content-box;height:56px;border:2px solid rgba(255,255,255,.25);border-radius:14px;background:linear-gradient(90deg,#0048e5,#e50000);background-clip:padding-box;box-shadow:0 .35rem 1.1rem #00000073}.scoreboard .team{display:flex;align-self:stretch;align-items:center;gap:12px;padding:0 12px;font-family:Barlow Condensed,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:32px;line-height:normal;color:#fff;white-space:nowrap}.scoreboard .pip{width:12px;height:12px;border-radius:10px;background:#fff6;transition:background .15s ease,box-shadow .15s ease}.scoreboard .team.has-ball .pip{background:#fff;box-shadow:0 0 .4rem #ffffffbf}.scoreboard .tally{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border-radius:14px;background:#00003f;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:32px;line-height:normal;font-variant-numeric:tabular-nums;color:#fff}.scoreboard .tally b{font-weight:inherit}.scoreboard .pip-star{width:12px;height:12px;fill:#e0a96e;flex:none}.score-meta{position:relative;z-index:1;display:flex;align-items:center;height:32px;border-radius:0 0 8px 8px;background:#181847}.scoreboard .clock{display:flex;align-items:center;gap:8px;padding:0 12px;font-family:Barlow Condensed,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:normal;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.scoreboard .clock small{font-size:16px;font-weight:400;color:#ffffffb3}.scoreboard .mute{position:relative;pointer-events:auto;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-left:1px solid #46466c;border-radius:0;background:none;color:#fff;cursor:pointer}.scoreboard .mute svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.scoreboard .mute:hover{color:#fff}.scoreboard .mute.on{color:#ff9d7a}.scoreboard .camera-toggle.selected{color:#ffcc83}.scoreboard .camera-toggle:disabled{opacity:.4;cursor:default}.scoreboard .mute[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#0d1620eb;font-size:12px;font-weight:600;line-height:1.2;color:#fff;white-space:nowrap;opacity:0;pointer-events:none}.scoreboard .mute[data-tip]:hover:after,.scoreboard .mute[data-tip]:focus-visible:after{opacity:1}.scoreboard .tips-toggle.off{color:#ffffff80}.scoreboard .tips-toggle.off:hover{color:#fff}.control-tip-slot{position:fixed;z-index:2;left:50%;bottom:calc(1.375rem + 56px);transform:translate(-50%);pointer-events:none}.control-tip{display:flex;align-items:center;gap:.625rem;margin:0;padding:.375rem .875rem .375rem .5rem;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;background:#1b281fb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:.875rem;font-weight:600;line-height:1.2;color:#ffffffeb;white-space:nowrap;animation:control-tip-in .22s cubic-bezier(.33,1,.68,1);transition:opacity .18s ease}.control-tip.leaving{opacity:0}.control-tip-keys{display:flex;gap:.25rem}.control-tip kbd{min-width:1.6em;padding:.12em .45em;border-color:#ffffff73;background:#ffffff24;color:#fff;font-weight:700}@keyframes control-tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.event{position:fixed;z-index:2;top:20%;left:50%;transform:translate(-50%);margin:0;padding:.5rem 1.4rem .6rem;border-radius:2px;background:#ffe9b8f0;color:#08291a;font-size:clamp(1rem,4vw,1.5rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none}@media(max-width:40rem){.hud-block.poss{display:none}}.shootout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.shootout-hud{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:32px;padding:12px 28px;background:#0e1d23f0;border-radius:4px;text-align:center}.so-title,.so-pause{position:absolute;top:20px;margin:0;padding:14px 18px;background:#0e1d23e6;border:0;border-radius:4px;color:#e5e6d8;font:inherit;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.so-title{left:20px}.so-pause{right:20px;pointer-events:auto;cursor:pointer}.so-pause:focus-visible{outline:2px solid #e5e6d8;outline-offset:4px}.so-side{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:.75rem;letter-spacing:.14em}.so-side.blue{color:#9bc0ed}.so-side.red{color:#e6b0a7}.so-dots{display:flex;gap:7px;max-width:150px;flex-wrap:wrap}.so-dots span{width:10px;height:10px;border-radius:50%;background:#546064;color:#192c2b;font-size:11px;line-height:10px}.so-dots .goal{background:#72dda6}.so-dots .miss{background:#e39786}.so-dots .current{outline:1px solid #e5e6d8;outline-offset:3px}.so-score{margin:0}.so-score strong{font-size:2rem;font-variant-numeric:tabular-nums}.so-score i{padding:0 .4rem;font-style:normal;color:#97a5a6}.so-kicks{margin:2px 0 0;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:#b0bcba;white-space:nowrap}.so-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;background:#0e1d23f0;border-radius:6px;text-align:center;width:max-content;max-width:calc(100% - 24px)}.so-call{margin:0 0 8px;font-size:.95rem;font-weight:700;color:#eee6cc}.so-power-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.7rem;font-variant-numeric:tabular-nums;color:#d7e0d8}.so-power-row small{color:#abbab5}.so-power{width:120px;height:5px;background:#465650;overflow:hidden}.so-power i{display:block;height:100%;background:#72dda6;transform-origin:left}.so-power.risky i{background:#e9ac77}.so-controls .hint{color:#c1cec8;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0 0}.so-controls .hint span{margin-left:12px}@media(max-width:760px){.so-title{top:12px;left:12px;padding:8px;font-size:.6rem}.so-pause{top:12px;right:12px;padding:8px;font-size:.6rem}.shootout-hud{top:56px;gap:20px;padding:10px 16px}.so-controls{bottom:12px;padding:10px 12px}.so-power-row small{display:none}}.release{display:grid;grid-template-columns:0fr;transition:grid-template-columns .34s cubic-bezier(.33,1,.68,1)}.release.open{grid-template-columns:1fr}.release-clip{min-width:0;overflow:hidden}.release-pill{display:flex;align-items:center;gap:12px;width:max-content;margin-left:9px;padding:14px 16px;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:#8a352f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;opacity:0;transform:translate(-12px);transition:opacity .22s ease,transform .34s cubic-bezier(.33,1,.68,1)}.release.open .release-pill{opacity:1;transform:none;transition-delay:.06s}.release-pill img{display:block;flex:none;width:24px;height:24px}.release-pill p{display:flex;align-items:baseline;gap:8px;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.2;white-space:nowrap}.release-pill strong{font-weight:600;font-variant-numeric:tabular-nums;min-width:1ch;text-align:center}.goal-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;pointer-events:none;overflow:hidden}.goal-banner p{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(4rem,13vw,200px);font-weight:900;font-style:italic;line-height:1;white-space:nowrap;letter-spacing:-.01em;color:#fff;text-shadow:0 .02em .05em rgba(6,14,10,.28);will-change:transform;animation:goal-sweep 1.6s cubic-bezier(.35,.3,.8,.6) forwards}.goal-banner.conceded p{color:#ffd9d9}.replay-label{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));z-index:5;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(24px,3.8vw,52px);font-weight:900;font-style:italic;line-height:1;letter-spacing:-.01em;color:#fff;text-shadow:0 .02em .05em rgba(6,14,10,.28)}.replay-wipe{position:fixed;top:-40vh;left:-50vw;width:200vw;height:180vh;z-index:20;pointer-events:none;background:#050505;animation:replay-diagonal-wipe .5s cubic-bezier(.55,0,.45,1) both}@keyframes replay-diagonal-wipe{0%{transform:translate(-150%) skew(-18deg)}50%{transform:translate(0) skew(-18deg)}to{transform:translate(150%) skew(-18deg)}}@media(prefers-reduced-motion:reduce){.replay-wipe{animation-name:replay-wipe-fade}@keyframes replay-wipe-fade{0%,to{opacity:0}45%,55%{opacity:1}}}@keyframes goal-sweep{0%{transform:translate(100vw)}to{transform:translate(calc(-100% - 10vw))}}.goal-banner.still{justify-content:center}.goal-banner.still p{animation:goal-fade 1.4s ease forwards;white-space:normal;text-align:center}@media(prefers-reduced-motion:reduce){.goal-banner{justify-content:center}.goal-banner p{animation:goal-fade 1.4s ease forwards;white-space:normal;text-align:center}}@keyframes goal-fade{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}.desktop-only-body{gap:1.5rem;text-align:center}.desktop-only-note{display:flex;flex-direction:column;gap:.75rem;margin:0;color:#ffffffc7;font-size:.95rem;line-height:1.5}.desktop-only-note p{margin:0}.desktop-only-call{color:#fff;font-weight:600}@media(pointer:coarse)and (hover:none){.scroll-surface{display:none}}.rate-line{display:flex;align-items:center;justify-content:center;gap:.75rem;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#ffffffb3}.rate-label{transform:translateY(.06em)}.gate-actions .rate-line{margin-top:-.75rem}.card-foot .rate-line{margin-top:1.25rem}.result-gate .card-foot{padding:2rem 2.5rem 1rem}.stars{display:inline-flex;gap:2px}.star{display:grid;place-items:center;padding:2px;border:0;border-radius:4px;background:none;cursor:pointer;transition:transform .12s ease}.star svg{display:block;width:20px;height:20px;fill:#ffffff1f;stroke:#ffffff73;stroke-width:1.4;stroke-linejoin:round;transition:fill .12s ease,stroke .12s ease}.star.on svg{fill:#f6c64b;stroke:#f6c64b}.star:hover{transform:scale(1.12)}.star:focus-visible{outline:2px solid rgba(246,198,75,.8);outline-offset:1px}.stars-large{gap:6px}.stars-large .star svg{width:36px;height:36px}.feedback-layer:not(.gate-thin){background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.feedback-card{animation:feedback-in .24s var(--gate-ease) both}.feedback-card.leaving{animation:feedback-out .24s var(--gate-ease) both;pointer-events:none}@keyframes feedback-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes feedback-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(12px) scale(.97)}}.result-gate .card-frame{transition:opacity .24s var(--gate-ease),transform .24s var(--gate-ease),visibility 0s}.result-gate.away .card-frame{opacity:0;transform:translateY(-12px) scale(.97);visibility:hidden;pointer-events:none;transition:opacity .24s var(--gate-ease),transform .24s var(--gate-ease),visibility 0s .24s}.feedback-body{gap:1.5rem;padding:2rem 2.5rem 1rem}.feedback-rating{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feedback-word{min-height:1.3em;margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;color:#f6c64b}.feedback-comment{display:flex;flex-direction:column;gap:.5rem;width:100%;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#ffffffd9}.feedback-comment em{font-style:normal;color:#ffffff80}.feedback-comment textarea{width:100%;min-height:6.5rem;padding:.75rem;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#00000040;color:#fff;font:inherit;line-height:1.45;resize:vertical}.feedback-comment textarea::placeholder{color:#ffffff59}.feedback-comment textarea:focus{outline:none;border-color:#f6c64bb3}.feedback-count{align-self:flex-end;font-size:12px;color:#ffffff73}.feedback-count.low{color:#f6c64b}.feedback-error{margin:0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;color:#ff9a8a}.feedback-thanks{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:14px;text-align:center;color:#ffffffb3}.feedback-thanks p{margin:0}.feedback-thanks-head{font-size:18px;font-weight:600;color:#fff}.feedback-foot{display:flex;flex-direction:column;gap:.75rem}.card-play:disabled{opacity:.6;cursor:default}.card-cancel{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:none;color:#fff;font-family:Oxanium,Archivo Narrow,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease}.card-cancel:hover{background:#ffffff1a}@media(prefers-reduced-motion:reduce){.feedback-card,.feedback-card.leaving{animation-duration:.01s}.result-gate .card-frame,.result-gate.away .card-frame{transition-duration:.01s}}