:root{color-scheme:dark;font-family:Inter,ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--chalk);background:var(--stadium-night);--stadium-night: #061523;--stadium-mid: #0e2c3c;--stadium-glow: #3f6f72;--pitch-deep: #0b5c3f;--pitch: #168759;--pitch-light: #23a86f;--pitch-line: rgba(229, 251, 238, .7);--chalk: #f8fff9;--chalk-soft: rgba(248, 255, 249, .62);--frame-shadow: rgba(3, 13, 18, .48);--glass: rgba(8, 25, 35, .78);--glass-line: rgba(231, 255, 241, .2);--net-line: rgba(229, 251, 238, .34);--net-flash: rgba(229, 255, 239, .9);--player-one: #ff5a5f;--player-one-dark: #ac2439;--player-two: #43d9e7;--player-two-dark: #14788e;--gold: #ffcf4a;--ball: #f6f4e9;--ball-panel: #17232a;--keeper-kit: #ffb83f;--keeper-kit-dark: #c66a1c;--keeper-skin: #9b5c38;--keeper-glove: #d8ff5a;--save: #7fe8ff;--goal: #ffe86a;--shadow: rgba(0, 0, 0, .38);--ball-flight-duration: .64s;--keeper-dive-duration: .61s;--result-duration: .5s}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button{color:inherit;font:inherit}.game{position:relative;isolation:isolate;width:100%;height:var(--visible-app-height, 100dvh);min-height:520px;overflow:hidden;background:linear-gradient(180deg,var(--stadium-night) 0%,var(--stadium-mid) 31%,var(--pitch-deep) 57%),var(--stadium-night);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game:after{position:absolute;z-index:1;right:-18%;bottom:-13%;left:-18%;height:55%;border-radius:50% 50% 0 0;background:repeating-linear-gradient(102deg,transparent 0,transparent 46px,rgba(255,255,255,.035) 47px,rgba(255,255,255,.035) 92px),linear-gradient(180deg,var(--pitch-light),var(--pitch));box-shadow:inset 0 24px 60px var(--shadow);content:""}.stadium{position:absolute;z-index:0;inset:0;pointer-events:none}.stadium:before{position:absolute;top:66px;right:-12%;left:-12%;height:195px;border-radius:50% 50% 0 0;background:radial-gradient(circle at 12% 25%,var(--chalk-soft) 0 1px,transparent 2px),radial-gradient(circle at 22% 46%,var(--player-one) 0 1px,transparent 2px),radial-gradient(circle at 37% 31%,var(--player-two) 0 1px,transparent 2px),radial-gradient(circle at 52% 58%,var(--chalk-soft) 0 1px,transparent 2px),radial-gradient(circle at 65% 28%,var(--player-one) 0 1px,transparent 2px),radial-gradient(circle at 81% 48%,var(--player-two) 0 1px,transparent 2px),radial-gradient(circle at 92% 34%,var(--chalk-soft) 0 1px,transparent 2px),linear-gradient(180deg,var(--stadium-glow),var(--stadium-mid));background-size:35px 26px,49px 31px,42px 37px,55px 30px,39px 33px,46px 29px,52px 35px,auto;box-shadow:inset 0 -30px 45px var(--stadium-night);content:"";opacity:.82}.crowd{position:absolute;right:-10%;left:-10%;border-radius:50% 50% 0 0}.crowd-back{top:150px;height:92px;border-top:1px solid var(--glass-line)}.crowd-front{top:211px;height:80px;border-top:1px solid var(--glass-line)}.floodlight{position:absolute;top:36px;width:104px;height:12px;border-radius:50%;background:var(--chalk);box-shadow:0 0 20px var(--chalk),0 0 54px var(--stadium-glow);opacity:.82}.floodlight-left{left:-30px;transform:rotate(-10deg)}.floodlight-right{right:-30px;transform:rotate(10deg)}.scoreboard{position:absolute;z-index:20;top:max(18px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;width:min(270px,calc(100% - 120px));min-height:58px;padding:8px 11px;border:1px solid var(--glass-line);border-radius:18px;background:var(--glass);box-shadow:0 10px 28px var(--frame-shadow);transform:translate(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.score-row{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-width:0;min-height:40px;gap:5px;border-radius:12px;transition:background-color .18s ease,transform .18s ease}.score-row.is-active{background:var(--glass-line);transform:translateY(-1px)}.score-row.is-active:after{position:absolute;bottom:2px;left:50%;width:0;height:0;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent;border-top:4px solid var(--chalk);content:"";transform:translate(-50%)}.kit-swatch{width:8px;height:24px;margin-right:2px;border-radius:6px;box-shadow:inset 0 -6px 8px var(--shadow)}.player-1 .kit-swatch{background:var(--player-one)}.player-2 .kit-swatch{background:var(--player-two)}.score-dot,.final-dot{position:relative;display:block;width:13px;height:13px;flex:0 0 13px;border:1px solid var(--chalk-soft);border-radius:50%;background:transparent}.score-dot.is-goal,.final-dot.is-goal{border-color:var(--goal);background:var(--goal);box-shadow:0 0 10px var(--goal)}.score-dot.is-save,.final-dot.is-save{border-color:var(--save);background:transparent}.score-dot.is-save:after,.final-dot.is-save:after{position:absolute;inset:3px;border-radius:50%;background:var(--save);content:""}.score-divider{width:1px;height:30px;margin:0 4px;background:var(--glass-line)}.pitch{position:absolute;z-index:4;inset:0}.goal{position:absolute;z-index:3;top:clamp(112px,15.5vh,142px);left:50%;width:min(350px,calc(100% - 30px));height:clamp(248px,35vh,310px);transform:translate(-50%);filter:drop-shadow(0 20px 16px var(--frame-shadow))}.net{position:absolute;z-index:0;inset:10px 8px 4px;overflow:hidden;border-radius:3px 3px 10px 10px;background:repeating-linear-gradient(90deg,transparent 0,transparent 25px,var(--net-line) 26px,transparent 27px),repeating-linear-gradient(0deg,transparent 0,transparent 23px,var(--net-line) 24px,transparent 25px),linear-gradient(180deg,#05131947,#081e1b75);box-shadow:inset 0 0 36px var(--shadow);transform:perspective(420px) rotateX(-2deg);transform-origin:top center}.net:after{position:absolute;inset:-8%;background:repeating-linear-gradient(90deg,transparent 0,transparent 25px,var(--net-flash) 26px,transparent 27px),repeating-linear-gradient(0deg,transparent 0,transparent 23px,var(--net-flash) 24px,transparent 25px);content:"";opacity:0}.net.is-rippling{animation:net-ripple var(--result-duration) cubic-bezier(.2,.9,.25,1)}.net.is-rippling:after{animation:net-flash var(--result-duration) ease-out}.goal-target{position:absolute;z-index:3;inset:11px 10px 6px;display:block;width:auto;min-width:48px;min-height:48px;margin:0;padding:0;overflow:hidden;border:0;border-radius:2px 2px 9px 9px;outline:none;background:transparent;cursor:crosshair;touch-action:manipulation}.goal-target:not(:disabled):active{background:radial-gradient(circle at var(--impact-x, 50%) var(--impact-y, 45%),var(--chalk-soft) 0 5px,transparent 26px)}.goal-target:focus-visible{box-shadow:inset 0 0 0 3px var(--goal)}.goal-target:disabled{cursor:default;opacity:1}.goal-post{position:absolute;z-index:6;display:block;border-radius:999px;background:var(--chalk);box-shadow:inset -3px -3px 2px var(--chalk-soft),0 2px 9px var(--frame-shadow);pointer-events:none}.goal-post-left,.goal-post-right{top:0;bottom:0;width:11px}.goal-post-left{left:2px}.goal-post-right{right:2px}.goal-post-top{top:0;right:2px;left:2px;height:11px}.keeper{position:absolute;z-index:4;top:72%;left:50%;display:block;width:66px;height:104px;transform:translate(-50%,-50%);transform-origin:center 68%;animation:keeper-ready .76s ease-in-out infinite alternate;will-change:transform}.has-shot+.keeper{animation:none}.phase-flying .keeper,.phase-resolved .keeper{animation:keeper-dive var(--keeper-dive-duration) cubic-bezier(.16,.76,.2,1) both}.keeper-shadow{position:absolute;z-index:-1;bottom:-3px;left:50%;width:62px;height:12px;border-radius:50%;background:var(--shadow);filter:blur(3px);transform:translate(-50%)}.keeper-body{position:absolute;top:30px;left:19px;width:30px;height:46px;border-radius:9px 9px 12px 12px;background:linear-gradient(90deg,var(--keeper-kit-dark),var(--keeper-kit));box-shadow:inset -7px 0 10px var(--shadow)}.keeper-head{position:absolute;top:12px;left:27px;width:16px;height:19px;border-radius:48% 48% 44% 44%;background:var(--keeper-skin);box-shadow:inset -4px -3px 5px var(--shadow)}.keeper-head:before{position:absolute;top:-3px;right:1px;left:1px;height:6px;border-radius:50% 50% 22% 22%;background:var(--ball-panel);content:""}.keeper-arm{position:absolute;top:36px;width:40px;height:11px;border-radius:8px;background:var(--keeper-kit);transform-origin:center}.keeper-arm-left{left:-11px;transform:rotate(-19deg)}.keeper-arm-right{right:-11px;transform:rotate(19deg)}.keeper-glove{position:absolute;top:-4px;width:16px;height:18px;border-radius:50% 50% 42% 42%;background:var(--keeper-glove);box-shadow:0 0 8px var(--keeper-glove)}.keeper-arm-left .keeper-glove{left:-7px;transform:rotate(-20deg)}.keeper-arm-right .keeper-glove{right:-7px;transform:rotate(20deg)}.keeper-leg{position:absolute;top:70px;width:14px;height:31px;border-radius:5px 5px 8px 8px;background:var(--keeper-kit-dark);transform-origin:top center}.keeper-leg-left{left:19px;transform:rotate(8deg)}.keeper-leg-right{right:17px;transform:rotate(-8deg)}.penalty-arc{position:absolute;z-index:2;top:51.5%;left:50%;width:min(430px,116vw);height:280px;border:2px solid var(--pitch-line);border-radius:50%;opacity:.52;transform:translate(-50%) perspective(400px) rotateX(64deg)}.penalty-spot{position:absolute;z-index:5;bottom:104px;left:50%;width:15px;height:8px;border-radius:50%;background:var(--chalk-soft);box-shadow:0 2px 6px var(--shadow);transform:translate(-50%)}.ball-runner{position:absolute;z-index:8;bottom:92px;left:50%;display:block;width:58px;height:58px;transform:translate(-50%,-50%);will-change:transform,opacity}.ball-runner.has-shot{animation:ball-flight var(--ball-flight-duration) cubic-bezier(.18,.72,.24,1) both}.ball-art{position:absolute;inset:0;display:block;overflow:hidden;border:1px solid var(--chalk);border-radius:50%;background:radial-gradient(circle at 34% 27%,var(--chalk) 0 8%,transparent 22%),radial-gradient(circle at 65% 68%,var(--chalk-soft) 0 8%,transparent 34%),var(--ball);box-shadow:inset -10px -12px 14px var(--chalk-soft),inset 7px 5px 8px var(--chalk),0 13px 14px var(--shadow)}.ball-runner.has-shot .ball-art{animation:ball-spin var(--ball-flight-duration) linear both}.ball-panel{position:absolute;display:block;width:15px;height:15px;background:var(--ball-panel);clip-path:polygon(50% 0%,98% 36%,79% 94%,21% 94%,2% 36%)}.ball-panel-center{top:20px;left:22px}.ball-panel-one{top:-4px;left:20px;transform:scale(.8) rotate(32deg)}.ball-panel-two{right:-2px;bottom:8px;transform:scale(.72) rotate(-22deg)}.ball-panel-three{bottom:3px;left:1px;transform:scale(.68) rotate(14deg)}.impact{position:absolute;z-index:8;top:var(--impact-y);left:var(--impact-x);display:block;width:74px;height:74px;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.3)}.phase-resolved .impact{animation:impact-pop var(--result-duration) ease-out both}.impact-goal{border:2px solid var(--goal);box-shadow:inset 0 0 24px var(--goal),0 0 26px var(--goal)}.impact-save{border:2px solid var(--save);background:radial-gradient(circle,var(--keeper-glove) 0 10%,transparent 12%),radial-gradient(circle,transparent 0 34%,var(--save) 35% 38%,transparent 40%);box-shadow:0 0 28px var(--save)}.full-screen-action{position:absolute;z-index:60;inset:0;display:grid;width:100%;min-width:48px;min-height:48px;margin:0;padding:0;place-items:center;overflow:hidden;border:0;outline:0;background:var(--glass);cursor:pointer;touch-action:manipulation;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);animation:overlay-in .24s ease-out both}.full-screen-action:active{background:var(--stadium-mid)}.full-screen-action:focus-visible{box-shadow:inset 0 0 0 3px var(--goal)}.handoff{grid-template-columns:70px 88px 52px 70px;align-content:center;justify-content:center}.handoff-player{width:62px;height:62px;border:4px solid var(--chalk-soft);border-radius:50%;box-shadow:0 10px 22px var(--shadow)}.handoff-player-one{background:var(--player-one)}.handoff-player-two{background:var(--player-two)}.handoff-phone{position:relative;width:70px;height:126px;border:5px solid var(--chalk);border-radius:16px;background:linear-gradient(180deg,var(--stadium-mid),var(--pitch));box-shadow:0 14px 28px var(--shadow),inset 0 0 0 2px var(--glass-line);animation:phone-pass .92s ease-in-out infinite alternate}.handoff-phone:before{position:absolute;top:7px;left:50%;width:22px;height:4px;border-radius:99px;background:var(--chalk-soft);content:"";transform:translate(-50%)}.handoff-ball{position:absolute;top:53px;left:50%;width:28px;height:28px;border:2px solid var(--chalk);border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--ball-panel) 0 5px,transparent 6px),var(--ball);transform:translate(-50%)}.handoff-arrow{position:relative;width:42px;height:8px;border-radius:99px;background:var(--goal);box-shadow:0 0 16px var(--goal);animation:arrow-pass .72s ease-in-out infinite}.handoff-arrow:after{position:absolute;top:50%;right:-2px;width:18px;height:18px;border-top:7px solid var(--goal);border-right:7px solid var(--goal);content:"";transform:translateY(-50%) rotate(45deg)}.winner-stage{display:grid;grid-template-columns:repeat(2,minmax(0,126px));gap:26px;align-items:end}.final-player{position:relative;display:grid;justify-items:center;gap:18px;padding:44px 10px 28px;border:1px solid var(--glass-line);border-radius:28px;background:var(--glass-line);opacity:.5;transform:scale(.9);transition:opacity .22s ease,transform .22s ease}.winner-player-1 .final-player-one,.winner-player-2 .final-player-two,.winner-tie .final-player{opacity:1;transform:scale(1)}.final-kit{display:block;width:68px;height:68px;border:4px solid var(--chalk);border-radius:50%;box-shadow:0 12px 22px var(--shadow)}.final-player-one .final-kit{background:var(--player-one)}.final-player-two .final-kit{background:var(--player-two)}.final-score{display:flex;gap:6px}.final-dot{width:15px;height:15px;flex-basis:15px}.crown{position:absolute;top:-20px;left:50%;display:none;width:72px;height:50px;background:var(--gold);clip-path:polygon(0 25%,22% 54%,43% 8%,64% 54%,100% 18%,89% 100%,11% 100%);filter:drop-shadow(0 0 14px var(--gold));transform:translate(-50%);animation:crown-float .74s ease-in-out infinite alternate}.winner-player-1 .final-player-one .crown,.winner-player-2 .final-player-two .crown,.winner-tie .crown{display:block}.replay-mark{position:absolute;bottom:max(46px,env(safe-area-inset-bottom));left:50%;width:52px;height:52px;border:5px solid var(--chalk);border-right-color:transparent;border-radius:50%;transform:translate(-50%) rotate(-28deg)}.replay-mark:after{position:absolute;top:-7px;right:-6px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid var(--chalk);content:"";transform:rotate(18deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes keeper-ready{0%{transform:translate(-50%,-50%) translateY(0) scaleY(1)}to{transform:translate(-50%,-50%) translateY(-7px) scaleY(.98)}}@keyframes keeper-dive{0%{transform:translate(-50%,-50%) translateZ(0) rotate(0)}58%{transform:translate(-50%,-50%) translate3d(var(--keeper-mid-x),var(--keeper-mid-y),0) rotate(var(--keeper-tilt))}to{transform:translate(-50%,-50%) translate3d(var(--keeper-dx),var(--keeper-dy),0) rotate(var(--keeper-tilt))}}@keyframes ball-flight{0%{opacity:1;transform:translate(-50%,-50%) translateZ(0) scale(1)}52%{opacity:1;transform:translate(-50%,-50%) translate3d(var(--ball-mid-x),var(--ball-mid-y),0) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) translate3d(var(--ball-dx),var(--ball-dy),0) scale(.48)}}@keyframes ball-spin{0%{transform:rotate(0)}to{transform:rotate(520deg)}}@keyframes net-ripple{0%,to{transform:perspective(420px) rotateX(-2deg) scale(1)}38%{transform:perspective(420px) rotateX(-8deg) scaleX(1.045) scaleY(1.065)}68%{transform:perspective(420px) rotateX(2deg) scaleX(.985) scaleY(.98)}}@keyframes net-flash{0%{opacity:0;transform:scale(1)}28%{opacity:.75;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}@keyframes impact-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}35%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.42)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes phone-pass{0%{transform:translate(-3px) rotate(-4deg)}to{transform:translate(4px) rotate(4deg)}}@keyframes arrow-pass{0%,to{opacity:.5;transform:translate(-5px)}50%{opacity:1;transform:translate(5px)}}@keyframes crown-float{0%{transform:translate(-50%) translateY(0) rotate(-2deg)}to{transform:translate(-50%) translateY(-8px) rotate(2deg)}}@media(max-height:700px){.goal{top:94px;height:228px}.scoreboard{top:12px;min-height:52px}.penalty-spot{bottom:72px}.ball-runner{bottom:60px}}@media(orientation:landscape)and (min-width:568px)and (max-height:500px)and (min-aspect-ratio:7/5)and (max-aspect-ratio:3/1){.game{--compact-landscape: 1;min-height:100%}.scoreboard{top:16px;left:17%;width:250px}.goal{top:40px;left:66%;width:min(420px,54vw);height:calc(100% - 70px)}.ball-runner{bottom:32px;left:36%}.penalty-spot{bottom:43px;left:36%}}@media(prefers-reduced-motion:reduce){:root{--ball-flight-duration: 80ms;--keeper-dive-duration: 80ms;--result-duration: 80ms}.keeper,.handoff-phone,.handoff-arrow,.crown{animation-duration:.01ms;animation-iteration-count:1}.ball-runner.has-shot{animation-name:ball-flight-reduced;animation-timing-function:linear}.ball-runner.has-shot .ball-art,.phase-flying .keeper,.phase-resolved .keeper,.full-screen-action{animation-duration:80ms}}@keyframes ball-flight-reduced{0%{opacity:1;transform:translate(-50%,-50%) translateZ(0) scale(1)}48%{opacity:0;transform:translate(-50%,-50%) translateZ(0) scale(.7)}52%{opacity:0;transform:translate(-50%,-50%) translate3d(var(--ball-dx),var(--ball-dy),0) scale(.48)}to{opacity:1;transform:translate(-50%,-50%) translate3d(var(--ball-dx),var(--ball-dy),0) scale(.48)}}