:root{color:#f4f7f1;background:#173d22;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select{font:inherit}button{min-height:44px;padding:.5rem 1rem;border:0;border-radius:.6rem;color:#173d22;background:#fff;font-weight:700;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible{outline:3px solid #ffe066;outline-offset:2px}.soccer{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgb(255 255 255 / 14%),transparent 28rem),repeating-linear-gradient(90deg,#2f8f3a 0,#2f8f3a 6rem,#2a843466 6rem,#2a843466 12rem),#2f8f3a}.soccer-home{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.5rem);padding:clamp(.75rem,2vw,1.5rem)}.soccer-menu{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2vh,1.25rem);width:100%;max-width:64rem;margin:0 auto;text-align:center}.soccer-menu-header{display:flex;flex-direction:column;align-items:center;gap:.4rem}.soccer-eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.soccer-title{margin:0;font-size:clamp(2.5rem,9vw,5rem);font-weight:900;letter-spacing:.12em;color:#fff;text-shadow:0 .2rem 0 #173d22,0 .5rem 1.2rem rgb(0 0 0 / 35%)}.soccer-secondary{background:#ffffff2e;color:#fff;border:2px solid rgb(255 255 255 / 60%)}.soccer-primary{background:#ffe066;color:#173d22}.soccer-profile{width:100%;max-width:28rem;padding:1rem;border-radius:1rem;background:#fff;color:#18212f;text-align:left}.soccer-results{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:32rem;padding:1rem;border-radius:1.1rem;background:#fffdf2;color:#18212f;border:3px solid #173d22;box-shadow:0 .4rem #173d22}.soccer-results h2{margin:0;font-size:1.2rem;font-weight:900}.soccer-results-summary{display:flex;gap:1.25rem;margin:0}.soccer-results-summary strong{font-size:1.4rem;font-weight:900}.soccer-results-list{display:flex;flex-direction:column;gap:.6rem;width:100%;max-height:18rem;margin:0;padding:0;overflow-y:auto;list-style:none}.soccer-results-match{display:flex;justify-content:space-between;margin-bottom:.3rem;font-size:.9rem}.soccer-results-match time{opacity:.7}.soccer-results-list ul{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}.soccer-results-game{display:grid;grid-template-columns:6rem 3rem 1fr;align-items:center;padding:.3rem .6rem;border-radius:.5rem;background:#e6f4e8;font-size:.9rem;text-align:left}.soccer-results-game.is-lost{background:#f7e3e1}.soccer-results-game.is-unfinished,.soccer-results-game.is-draw{background:#eceff3}.soccer-results-outcome,.soccer-results-score{font-weight:800}.soccer-results-goals{text-align:right}.soccer-tick-picker{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.soccer-tick-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.25rem .75rem}.soccer-tick-heading h2{margin:0;font-size:1rem;font-weight:800}.soccer-tick-hint{font-size:.85rem;font-weight:700;color:#ffe066}.soccer-segmented{display:inline-flex;max-width:100%;border-radius:999px;border:3px solid #173d22;background:#fffdf2;overflow:hidden}.soccer-segment{min-width:3.25rem;padding:.4rem .8rem;border:0;background:transparent;color:#18212f;font:inherit;font-weight:800;cursor:pointer}.soccer-segment+.soccer-segment{border-left:2px solid #173d22}.soccer-segment.is-selected{background:#173d22;color:#fffdf2}.soccer-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,1.5vw,1rem);width:100%}.soccer-mode-card{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;border-radius:1.1rem;background:#fffdf2;color:#18212f;border:3px solid #173d22;box-shadow:0 .4rem #173d22}.soccer-mode-button{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-height:6.5rem;padding:1rem .5rem;color:#fff;background:linear-gradient(180deg,#3aa84a,#2a7d36);box-shadow:inset 0 -.3rem #0000002e}.soccer-mode-button:not(:disabled):hover{filter:brightness(1.08)}.soccer-mode-label{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900;letter-spacing:.04em}.soccer-mode-caption{font-size:.9rem;opacity:.9}.soccer-open-games{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;min-height:2.5rem}.soccer-open-games li{display:flex;justify-content:space-between;padding:.3rem .6rem;border-radius:.5rem;background:#e6f4e8;font-size:.9rem}.soccer-open-empty{margin:0;font-size:.85rem;opacity:.7}.soccer-error{margin:0;padding:.5rem 1rem;border-radius:.6rem;background:#b3261e;color:#fff;font-weight:700}.soccer-hint{margin:0;font-weight:700;color:#ffe066}.soccer-controls{width:100%;max-width:44rem;padding:1rem 1.25rem;border-radius:1rem;background:#00000040;text-align:left}.soccer-controls h2{margin:0 0 .5rem;font-size:1.1rem}.soccer-controls ul{margin:0;padding-left:1.2rem;line-height:1.5}.soccer-controls strong{margin-right:.4rem;color:#ffe066}.soccer-game{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.soccer-game-connecting{display:grid;place-content:center;gap:1rem;text-align:center}.soccer-pitch{position:absolute;top:0;right:0;bottom:0;left:0}.soccer-joystick-layer{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.soccer-joystick,.soccer-joystick-hint{pointer-events:none}.soccer-joystick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border:1.5px solid rgb(255 255 255 / 22%);border-radius:50%;background:#ffffff0f}.soccer-joystick-sector{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.soccer-joystick-knob{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff6}.soccer-joystick-hint{position:absolute;left:max(1.25rem,env(safe-area-inset-left));bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 6.75rem);display:grid;place-items:center;width:4.5rem;height:4.5rem;border:1.5px dashed rgb(255 255 255 / 30%);border-radius:50%;color:#ffffff8c;font-size:.65rem;font-weight:700;line-height:1.1;text-align:center}.soccer-hud{position:absolute;pointer-events:none}.soccer-hud button{pointer-events:auto}.soccer-banner{position:absolute;top:clamp(4.5rem,12vh,6rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;max-width:calc(100% - 2rem);padding:.6rem 1.2rem;border-radius:.9rem;background:#0a1e10cc;color:#fff;font-size:clamp(1rem,3vw,1.4rem);font-weight:800;text-align:center;pointer-events:none;white-space:nowrap}.soccer-banner.is-goal{background:#ffe066;color:#173d22;font-size:clamp(1.4rem,5vw,2.4rem);font-weight:900;letter-spacing:.04em}.soccer-banner.soccer-finished{white-space:normal;pointer-events:auto;font-weight:600}.soccer-banner.soccer-finished strong{font-size:clamp(1.3rem,4vw,2rem)}.soccer-scoreboard{top:clamp(.5rem,1.5vh,1rem);left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:clamp(.4rem,1.5vw,.8rem);padding:.4rem;border-radius:1rem;background:#0a1e10bf;box-shadow:0 .3rem 1rem #0000004d}.soccer-team-score{display:flex;align-items:center;gap:.5rem;min-width:clamp(6rem,18vw,10rem);padding:.3rem .8rem;border-radius:.7rem;background:#ffffff14;font-weight:800}.soccer-team-score:first-child{justify-content:flex-start}.soccer-team-score:last-child{justify-content:flex-end;flex-direction:row-reverse}.soccer-team-chip{width:.9rem;height:.9rem;border-radius:50%;background:var(--team-color);box-shadow:0 0 0 2px #fff}.soccer-team-name{font-size:clamp(.8rem,2.4vw,1rem)}.soccer-score{font-size:clamp(1.6rem,5vw,2.4rem);font-variant-numeric:tabular-nums;line-height:1}.soccer-clock{display:grid;place-items:center;min-width:clamp(4.5rem,12vw,6.5rem);padding:0 .5rem;border-radius:.7rem;background:#fff;color:#173d22;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:900;font-variant-numeric:tabular-nums}.soccer-tick-rate{justify-self:center;font-size:.45em;font-weight:700;opacity:.6}.soccer-bottom-bar{bottom:max(.75rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:calc(100% - 14rem);display:flex;gap:.75rem;align-items:center;padding:.4rem;border-radius:1rem;background:#0a1e10bf}.soccer-bottom-bar .soccer-secondary{min-width:5.5rem}.soccer-camera{display:flex;align-items:center;gap:.6rem;min-width:0;min-height:52px;font-size:clamp(.95rem,3vw,1.1rem);letter-spacing:.02em;white-space:nowrap;background:#ffffff24;color:#fff;border:2px solid rgb(255 255 255 / 45%)}.soccer-camera kbd{margin-left:auto;padding:.1rem .45rem;border:2px solid currentcolor;border-radius:.35rem;font-size:.85rem}.soccer-tackle{position:absolute;left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:5.25rem;height:5.25rem;min-height:0;padding:0;border:3px solid rgb(23 61 34 / 55%);border-radius:50%;background:conic-gradient(rgb(10 30 16 / 60%) calc(var(--tackle-cooldown, 1) * 360deg),transparent 0),#ffe066;color:#173d22;font-size:.95rem;font-weight:900;letter-spacing:.04em;line-height:1;box-shadow:0 .25rem .8rem #00000059;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.soccer-tackle.is-ready{box-shadow:0 0 0 4px #ffe06673,0 .25rem .8rem #00000059}.soccer-tackle-key{padding:.05rem .35rem;border:1.5px solid currentcolor;border-radius:.3rem;font-size:.6rem;font-weight:800;opacity:.85}@media (hover: none) and (pointer: coarse){.soccer-tackle-key{opacity:.45}}.soccer-step-hint{position:absolute;bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 9rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6rem;max-width:calc(100% - 2rem);padding:.45rem .8rem;border-radius:.8rem;background:#0a1e10d9;color:#fff;font-size:.85rem;white-space:nowrap;pointer-events:auto}.soccer-step-hint button{min-height:32px;padding:.2rem .7rem;font-size:.8rem}.soccer-ping{color:#fff;font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.8;white-space:nowrap}.soccer-teams{top:clamp(4.5rem,12vh,6rem);left:clamp(.5rem,1.5vw,1rem);display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;max-width:13rem}.soccer-teams-toggle{min-height:36px;padding:.3rem .8rem;background:#0a1e10bf;color:#fff;font-size:.85rem}.soccer-teams-body{display:flex;flex-direction:column;gap:.5rem;max-height:40vh;overflow:auto;padding:.5rem .6rem;border-radius:.8rem;background:#0a1e10bf;pointer-events:auto}.soccer-team-list h3{margin:0 0 .25rem;color:var(--team-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.soccer-team-list ul{margin:0;padding:0;list-style:none;font-size:.85rem}.soccer-team-list li{display:flex;align-items:center;gap:.4rem;padding:.15rem .35rem;border-radius:.35rem}.soccer-team-list li.is-local{background:#ffe0664d;font-weight:800}.soccer-player-number{min-width:1.4rem;color:#ffe066;font-variant-numeric:tabular-nums}.soccer-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:8rem}.soccer-bot-tag{padding:0 .3rem;border-radius:.3rem;background:#fff3;font-size:.65rem;font-weight:800;letter-spacing:.06em}.soccer-connecting{top:50%;left:50%;transform:translate(-50%,-50%);padding:.6rem 1.2rem;border-radius:.8rem;background:#0a1e10bf}@media (max-width: 719px){.soccer-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.soccer-mode-button{min-height:5.5rem}.soccer-scoreboard{gap:.3rem;padding:.3rem}.soccer-team-score{min-width:0;gap:.3rem;padding:.2rem .4rem}.soccer-team-name{display:none}.soccer-clock{min-width:3.8rem}.soccer-banner{top:4.2rem}.soccer-teams{top:clamp(4.5rem,12vh,6rem);bottom:auto;left:.5rem;max-width:9rem}.soccer-teams-body{max-height:28vh;font-size:.8rem}.soccer-bottom-bar{width:calc(100% - 1rem);justify-content:center;gap:.5rem}.soccer-camera{min-height:48px;font-size:.85rem}.soccer-camera kbd{display:none}.soccer-bottom-bar .soccer-secondary{min-width:4.5rem}}@media (max-width: 480px){.soccer-title{letter-spacing:.06em}.soccer-controls{font-size:.9rem}}.soccer-game.is-portrait .soccer-scoreboard{top:max(.5rem,env(safe-area-inset-top));gap:.3rem;padding:.3rem}.soccer-game.is-portrait .soccer-team-score{min-width:0;gap:.3rem;padding:.2rem .4rem}.soccer-game.is-portrait .soccer-team-name{display:none}.soccer-game.is-portrait .soccer-clock{min-width:3.8rem}.soccer-game.is-portrait .soccer-banner{top:calc(env(safe-area-inset-top) + 4.5rem)}.soccer-game.is-portrait .soccer-teams{top:calc(max(.5rem,env(safe-area-inset-top)) + 4rem);bottom:auto;left:max(.5rem,env(safe-area-inset-left));max-width:9rem}.soccer-game.is-portrait .soccer-teams-body{max-height:45vh;font-size:.8rem}.soccer-game.is-portrait .soccer-bottom-bar{bottom:max(.5rem,env(safe-area-inset-bottom));width:calc(100% - 1rem);max-width:calc(100% - 1rem);justify-content:center;gap:.5rem}.soccer-game.is-portrait .soccer-tackle{left:max(.5rem,env(safe-area-inset-left));bottom:calc(max(.5rem,env(safe-area-inset-bottom)) + 4.75rem)}.soccer-game.is-portrait .soccer-joystick-hint{left:max(.75rem,env(safe-area-inset-left));bottom:calc(max(.5rem,env(safe-area-inset-bottom)) + 10.75rem)}.soccer-game.is-portrait .soccer-step-hint{bottom:calc(max(.5rem,env(safe-area-inset-bottom)) + 16.25rem)}.soccer-game.is-portrait .soccer-bottom-bar button{min-height:44px}.soccer-game.is-portrait .soccer-camera{min-height:48px;font-size:.85rem}.soccer-game.is-portrait .soccer-camera kbd{display:none}.soccer-game.is-portrait .soccer-bottom-bar .soccer-secondary{min-width:4.5rem}