*,*: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}.pitch{display:block;width:100%;height:100%;touch-action:pan-y}:root{--panel-w: min(27rem, 42vw)}.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)}.gate-card{position:relative;width:min(30rem,100%);max-height:calc(100vh - 3rem);overflow:hidden;border:1px solid rgba(255,233,184,.16);border-radius:4px;background:linear-gradient(165deg,#123524f0,#0d1620f7);box-shadow:0 2rem 5rem #0009}.gate-content{max-height:calc(100vh - 3rem);overflow-y:auto;padding:2rem 2rem 10rem}.gate-actions{position:absolute;right:0;bottom:0;left:0;z-index:1;padding:1rem 2rem 1.5rem;background:linear-gradient(to bottom,#0d162000,#0d1620fa 30%)}.eyebrow{margin:0 0 1.25rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffe9b8}.gate-card h1{margin:0 0 1rem;font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.75rem,12vw,4.25rem);font-weight:800;line-height:.88;letter-spacing:-.03em}.gate-card h1 em{display:block;font-style:normal;color:#4fd18b}.online-count{display:flex;align-items:center;gap:.45rem;margin:-.25rem 0 1rem;color:#f4f7f99e;font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.online-count span{width:.48rem;height:.48rem;border-radius:50%;background:#4fd18b;box-shadow:0 0 .7rem #4fd18bb3}.gate-divider{margin:2rem 0;border:0;border-top:1px solid rgba(255,255,255,.12)}.lede{margin:0 0 1.5rem;font-size:1.0625rem;line-height:1.5;color:#f4f7f9d1}.lede strong{color:#ffe9b8}.controls{margin:0 0 1.75rem;display:grid;gap:.5rem;font-size:.875rem}.section-title{margin:0 0 .75rem;color:#ffe9b8c7;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.controls>div{display:flex;gap:.75rem;align-items:baseline;justify-content:space-between;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.controls dt{font-weight:700;color:#f4f7f9}.controls dd{margin:0;text-align:right;color:#f4f7f999}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}.gate-card .start{width:100%;padding:.85rem 1rem;border:0;border-radius:3px;background:#4fd18b;color:#08291a;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .15s ease}.gate-card .start:hover{background:#6fe0a3}.gate-card .start:active{transform:translateY(1px)}.friend-start,.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}.friend-start:hover,.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}.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}.setting{margin:0 0 1.25rem;padding:0;border:0}.setting legend{padding:0 0 .5rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffe9b8cc}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.choice{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .5rem;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:#ffffff0a;color:#f4f7f9b3;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.choice strong{font-size:.9375rem;font-weight:700}.choice small{font-size:.6875rem;line-height:1.25;color:#f4f7f973}.choice:hover{border-color:#ffffff4d;background:#ffffff12}.choice.on{border-color:#4fd18b;background:#4fd18b24;color:#f4f7f9}.choice.on small{color:#4fd18bd9}.hint{margin:.6rem 0 0;font-size:.75rem;line-height:1.45;color:#f4f7f973}@media(min-width:60rem){.beside-menu{right:var(--panel-w)}.gate-side{inset:0 0 0 auto;width:var(--panel-w);display:block;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.gate-side .gate-card{width:100%;height:100%;max-height:none;overflow:hidden;padding:0;border-width:0 0 0 1px;border-radius:0;box-shadow:-2rem 0 5rem #00000080}.gate-side .gate-content{height:100%;max-height:none}.gate-side .gate-card h1{font-size:clamp(2.25rem,4vw,3.25rem)}}.gate-card.compact .note kbd{margin:0 .15rem}.gate-thin{background:radial-gradient(120% 90% at 50% 45%,#0d162061,#0d1620c7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gate-card.compact{width:min(21rem,100%);padding:1.5rem 1.5rem 1.25rem;text-align:center}.gate-card.compact .eyebrow{margin-bottom:.75rem}.gate-card.compact .hint{margin:0 0 1.25rem}.result .final{display:flex;align-items:baseline;justify-content:center;gap:.75rem;margin:0 0 1.5rem}.result .final .team{font-size:.7rem;font-weight:700;letter-spacing:.16em;color:#ffe9b8b3}.result .final strong{font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums}.result .final i{padding:0 .4rem;font-style:normal;color:#f4f7f94d}.team-stats{width:100%;margin:0 0 1.5rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.team-stats caption{margin-bottom:.75rem;font-size:.625rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f4f7f973}.team-stats thead th{padding-bottom:.5rem;font-size:.625rem;font-weight:700;letter-spacing:.16em;color:#ffe9b8b3}.team-stats thead .stat-name{color:transparent}.team-stats td,.team-stats th.stat-name{padding:.2rem 0;font-size:.875rem;font-weight:400}.team-stats td{width:4.5rem;text-align:center}.team-stats th.stat-name{text-align:center;font-weight:400;color:#f4f7f9b8}.team-stats .best span{display:inline-block;min-width:2.5rem;padding:.2rem .55rem;border-radius:999px;font-weight:700;color:#0b1520}.team-stats .best.blue span{background:#3d7bd6;color:#f4f7f9}.team-stats .best.red span{background:#d64545;color:#f4f7f9}:focus-visible{outline:2px solid #ffe9b8;outline-offset:3px}.note{margin:1.25rem 0 0;font-size:.8125rem;line-height:1.5;color:#f4f7f973}.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-sign{position:fixed;z-index:2;left:50%;width:50px;height:56px;--tuck: 0%;transform:translate(-50%,var(--tuck));transition:transform .28s cubic-bezier(.33,1,.68,1),opacity .28s ease;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-sign{--inset: .75rem}.goal-sign-top{top:var(--inset)}.goal-sign-bottom{bottom:var(--inset)}.goal-sign.tucked{opacity:0}.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}.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{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}.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;left:50%;bottom:2rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem 1.5rem;border:1px solid rgba(255,233,184,.18);border-radius:4px;background:#0d1620d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center}.shootout-hud .eyebrow{margin:0}.so-score{display:flex;align-items:baseline;gap:.5rem;margin:0}.so-score .team{font-size:.625rem;font-weight:700;letter-spacing:.16em;color:#ffe9b8b3}.so-score strong{font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums}.so-score i{padding:0 .3rem;font-style:normal;color:#f4f7f959}.so-kicks{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#f4f7f973}.so-call{margin:.15rem 0 0;font-size:1rem;font-weight:700;color:#ffe9b8}.so-power{width:120px;height:6px;margin-top:.25rem;border-radius:3px;background:#ffffff1f;overflow:hidden}.so-power i{display:block;height:100%;background:#4fd18b}.shootout-hud .hint{margin:.35rem 0 0}.keeper-count{position:fixed;top:4.5rem;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem;border:1px solid rgba(255,209,102,.55);border-radius:3px;background:#0d1620db;color:#ffd166;box-shadow:0 .5rem 1.5rem #00000073;animation:keeper-pulse 1s steps(1,end) infinite}.keeper-count .ref-hand{width:1.5rem;height:1.5rem;flex:none}.keeper-count strong{font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-size:1.75rem;font-weight:800;line-height:1;min-width:1.1ch;text-align:center}.keeper-count small{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffd166b3}@keyframes keeper-pulse{0%{border-color:#ffd166f2}50%{border-color:#ffd16666}to{border-color:#ffd166f2}}@media(prefers-reduced-motion:reduce){.keeper-count{animation:none}}.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}@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}}