:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#06452e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,svg{-webkit-tap-highlight-color:transparent;font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #fff}.game{isolation:isolate;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;--lime:#dfff58;--ink:#071a14;--danger:#ff5d62;background:#06452e;position:fixed;inset:0;overflow:hidden}.game:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 43%,#01110b7a 125%);position:absolute;inset:0;box-shadow:inset 0 0 82px #000c0847}.pitch{z-index:1;width:100%;height:100%;position:absolute;inset:0}.field-marks{fill:none;stroke:#ffffff8c;stroke-width:.35px;vector-effect:non-scaling-stroke;color:#ffffffa6}.finish-zone path{fill:none;stroke:#dfff587a;stroke-width:.55px;stroke-dasharray:1.5 1.2;transition:all .16s}.finish-zone.is-live path{stroke:#edff98;stroke-width:.9px;filter:drop-shadow(0 0 2px #dfff58);animation:.65s ease-in-out infinite alternate zone-pulse}.goal-frame{fill:none;stroke:#fffffff0;stroke-width:.5px}.player-token .token-disc,.defender .token-disc{fill:var(--kit);stroke:var(--trim);stroke-width:.62px;filter:drop-shadow(0 1px .7px #0000008c)}.player-token text,.defender text{fill:var(--trim);letter-spacing:-.05px;paint-order:stroke;stroke:#00000061;stroke-width:.08px;font:900 1.08px/1 system-ui,sans-serif}.player-token .control-ring{fill:#dfff581a;stroke:var(--lime);stroke-width:.5px;animation:.75s ease-out infinite player-pulse}.player-token .receiver-ring{fill:none;stroke:#fff;stroke-width:.42px;stroke-dasharray:.8 .55;animation:2.8s linear infinite receiver-spin}.defender .pressure{fill:#ff46460b;stroke:#ff7d7033;stroke-width:.3px}.pass-lane{fill:none;stroke:#ffffff8a;stroke-width:.42px;stroke-dasharray:1.2 .8;animation:.65s linear infinite lane-flow}.pass-lane.is-blocked{stroke:#ff777c;stroke-width:.58px}.ball-trail{fill:none;stroke:#fff9;stroke-width:.45px;stroke-linecap:round;stroke-dasharray:1 .8}.ball-trail.shot{stroke:var(--lime);stroke-width:.58px}.soccer-ball{filter:drop-shadow(0 1px .7px #000000a6);transform-box:fill-box;transform-origin:50%}.soccer-ball.is-moving{animation:.24s linear infinite ball-spin}.ball-shell{fill:#fffef6;stroke:#121916;stroke-width:.18px}.ball-patch{fill:#141b18;stroke:#141b18;stroke-width:.06px;stroke-linejoin:round}.hud{z-index:8;top:max(12px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));pointer-events:none;justify-content:center;align-items:flex-start;gap:10px;height:62px;display:flex;position:absolute}.brand{letter-spacing:.14em;text-shadow:0 2px 8px #0006;align-items:center;gap:9px;font-size:11px;font-weight:950;display:flex;position:absolute;top:0;left:0}.brand-mark{border:2px solid var(--lime);width:40px;height:40px;color:var(--lime);letter-spacing:0;border-radius:50%;place-items:center;font-size:11px;display:grid;transform:skew(-4deg)}.score,.lives,.matchup{box-sizing:border-box;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#051812c9;border:1px solid #ffffff29;min-height:41px;box-shadow:0 8px 24px #0000002e}.score{border-radius:6px 0 0 6px;justify-items:center;min-width:88px;padding:5px 14px 6px;display:grid}.score small{letter-spacing:.2em;color:#ffffff9e;font-size:7px;font-weight:850;line-height:1}.score strong{font-variant-numeric:tabular-nums;font-size:22px;font-style:italic;line-height:1.1}.matchup{letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-width:180px;padding:0 14px;font-size:12px;font-weight:950;display:flex}.matchup i{color:#ffffff6b;text-transform:uppercase;font-size:9px;font-style:normal}.lives{color:#ffffff2e;border-radius:0 6px 6px 0;justify-content:center;align-items:center;gap:7px;min-width:88px;display:flex}.lives span{font-size:18px}.lives .live{color:var(--lime);text-shadow:0 0 9px #dfff58b3}.clock{z-index:2;background:var(--ink);border-radius:50%;width:55px;height:55px;margin:-6px -7px 0;position:relative;box-shadow:0 5px 20px #0000005c}.clock svg{width:100%;height:100%;transform:rotate(-90deg)}.clock circle{fill:none;stroke:#ffffff24;stroke-width:2.2px}.clock .clock-fill{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:94.25;stroke-dashoffset:calc(94.25 * (1 - var(--clock)));transition:stroke-dashoffset .15s linear}.clock strong{font-variant-numeric:tabular-nums;place-items:center;font-size:18px;font-style:italic;display:grid;position:absolute;inset:0}.clock.is-urgent{animation:.55s ease-in-out infinite alternate urgent}.clock.is-urgent .clock-fill{stroke:var(--danger)}.sound{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051812b3;border:1px solid #ffffff2e;border-radius:50%;width:42px;height:42px;font-size:20px;font-weight:900;position:absolute;top:0;right:0}.objective{z-index:7;color:#ffffffd1;letter-spacing:.1em;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#051812a6;border-radius:99px;align-items:center;gap:9px;min-height:24px;padding:4px 12px 4px 5px;font-size:8px;font-weight:800;display:flex;position:absolute;top:75px;left:50%;translate:-50%}.objective strong{color:#fff;font-size:9px}.round-tag{width:24px;height:24px;color:var(--ink);background:var(--lime);border-radius:50%;place-items:center;font-size:9px;font-weight:1000;display:grid}.ready .objective,.over .objective{opacity:0}.feedback{z-index:9;color:var(--lime);letter-spacing:.04em;text-shadow:0 3px 12px #000000b3;white-space:nowrap;padding:9px 18px;font-size:clamp(15px,2vw,24px);font-style:italic;font-weight:1000;animation:1s both feedback;position:absolute;top:25%;left:50%;translate:-50% -50%}.feedback.bad{color:#ff8589}.feedback.info{color:#fff}.energy{z-index:7;left:max(42px, calc(env(safe-area-inset-left) + 28px));bottom:max(28px, calc(env(safe-area-inset-bottom) + 22px));background:#0000004d;border-radius:8px;width:132px;height:5px;position:absolute;overflow:visible}.energy span{border-radius:inherit;background:var(--lime);height:100%;transition:width .15s linear;display:block;box-shadow:0 0 8px #dfff5899}.energy small{letter-spacing:.18em;color:#ffffffa6;font-size:8px;font-weight:900;position:absolute;bottom:8px;left:0}.joystick{z-index:10;left:max(22px, env(safe-area-inset-left));bottom:max(48px, calc(env(safe-area-inset-bottom) + 40px));aspect-ratio:1;touch-action:none;cursor:grab;border-radius:50%;width:clamp(126px,16vw,162px);position:absolute}.stick-rings{background:#03160f2e;border:1px solid #ffffff38;border-radius:50%;position:absolute;inset:13%;box-shadow:inset 0 0 28px #00000026,0 0 0 18px #ffffff06}.stick-knob{will-change:transform;background:#0f261dcc;border:2px solid #ffffff8c;border-radius:50%;place-items:center;display:grid;position:absolute;inset:31%;box-shadow:0 8px 18px #00000047}.stick-knob span{background:var(--lime);border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #dfff58b3}.joystick>small{display:none}.ready .joystick,.over .joystick,.ready .energy,.over .energy{opacity:.24}.action{z-index:10;right:max(36px, calc(env(safe-area-inset-right) + 22px));bottom:max(56px, calc(env(safe-area-inset-bottom) + 46px));aspect-ratio:1;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;touch-action:manipulation;background:#0a1c17d1;border:3px solid #ffffffc7;border-radius:50%;place-content:center;width:clamp(112px,14vw,142px);display:grid;position:absolute;box-shadow:0 10px 28px #00000059,inset 0 0 0 6px #ffffff12}.action span{letter-spacing:.02em;font-size:clamp(18px,2.1vw,25px);font-style:italic;font-weight:1000}.action small{color:#ffffff8c;letter-spacing:.1em;max-width:90px;font-size:7px;font-weight:900}.action:active{transform:scale(.93)}.action.is-ready{color:var(--ink);background:var(--lime);border-color:#fff;animation:.55s ease-in-out infinite alternate action-ready;box-shadow:0 0 0 7px #dfff582b,0 0 34px #dfff588c}.action.is-ready small{color:#091c17a3}.action:disabled{cursor:default;filter:grayscale(.35)}.ready .action,.over .action{opacity:.24}.curtain{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:radial-gradient(circle,#032c1cba,#02120deb);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-logo{text-shadow:0 6px 24px #00000059;display:grid;rotate:-2deg}.game-logo span{color:var(--lime);letter-spacing:.32em;margin-bottom:-5px;font-size:clamp(23px,3vw,38px);font-style:italic;font-weight:1000;line-height:1}.game-logo h1{color:#fff;letter-spacing:-.065em;margin:0;font-size:clamp(54px,8.5vw,104px);font-style:italic;font-weight:1000;line-height:.95}.curtain p{color:#ffffffbd;margin:18px 0 25px;font-size:clamp(14px,1.5vw,19px);font-weight:750}.curtain button{min-width:220px;min-height:61px;color:var(--ink);background:var(--lime);letter-spacing:.05em;cursor:pointer;border:0;border-radius:5px;padding:0 24px;font-size:17px;font-style:italic;font-weight:1000;box-shadow:0 10px 28px #00000047,0 0 28px #dfff5833}.curtain button span{vertical-align:-2px;padding-left:16px;font-size:24px}.curtain>small{color:#ffffff73;letter-spacing:.18em;margin-top:18px;font-size:8px;font-weight:900}.results .whistle{color:var(--lime);letter-spacing:.28em;font-size:12px;font-weight:950}.results>strong{letter-spacing:-.07em;margin:5px 0 -10px;font-size:clamp(76px,12vw,140px);font-style:italic;font-weight:1000;line-height:1}.results p{color:var(--lime);letter-spacing:.18em;font-size:13px;font-weight:950}.rotate-message{display:none}@keyframes zone-pulse{to{opacity:.55}}@keyframes player-pulse{60%,to{r:4.45;opacity:.15}}@keyframes receiver-spin{to{stroke-dashoffset:-5.4px}}@keyframes lane-flow{to{stroke-dashoffset:-2px}}@keyframes ball-spin{to{rotate:360deg}}@keyframes urgent{to{scale:1.08}}@keyframes feedback{0%{opacity:0;scale:.75}14%,70%{opacity:1;scale:1}to{opacity:0;translate:-50% -80%}}@keyframes action-ready{to{box-shadow:0 0 0 10px #dfff581f,0 0 42px #dfff58b8}}@media (width<=1120px){.brand>span:last-child{display:none}.matchup{min-width:150px;padding-inline:9px}.objective{top:70px}}@media (height<=600px){.hud{transform-origin:top;top:8px;scale:.88}.brand{left:5%}.sound{right:5%}.objective{top:59px}.joystick{width:118px;bottom:28px}.action{width:106px;bottom:38px}}@media (orientation:portrait){.game>*{visibility:hidden}.game .rotate-message{visibility:visible;z-index:50;color:var(--lime);background:var(--ink);text-align:center;letter-spacing:.08em;place-content:center;font-size:22px;font-weight:1000;display:grid;position:absolute;inset:0}.rotate-message small{color:#ffffff8c;letter-spacing:.16em;margin-top:8px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}