@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/football/assets/barlow-condensed-vietnamese-800-italic-DdsBx9lY.woff2)format("woff2"),url(/football/assets/barlow-condensed-vietnamese-800-italic-aDhyDJMT.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/football/assets/barlow-condensed-latin-ext-800-italic-BbzArEj4.woff2)format("woff2"),url(/football/assets/barlow-condensed-latin-ext-800-italic-Ca7Cun8E.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/football/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2"),url(/football/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/football/assets/barlow-condensed-vietnamese-900-italic-Pw11u57-.woff2)format("woff2"),url(/football/assets/barlow-condensed-vietnamese-900-italic-BnvR5tNv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/football/assets/barlow-condensed-latin-ext-900-italic-OCLYmYcb.woff2)format("woff2"),url(/football/assets/barlow-condensed-latin-ext-900-italic-Cy3mWZLr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/football/assets/barlow-condensed-latin-900-italic-BRE8F-lA.woff2)format("woff2"),url(/football/assets/barlow-condensed-latin-900-italic-CRRJoTIA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{overscroll-behavior:none;touch-action:none;background:#000;height:100%;margin:0;overflow:hidden}body{color:var(--brand-text,#fff);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,sans-serif}#stage{position:fixed;inset:0}#game,#game canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#loading{background:var(--brand-primary,#000);place-items:center;display:grid;position:absolute;inset:0}.spinner{border:4px solid #ffffff26;border-top-color:var(--brand-accent,#fff);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#fatal{text-align:center;background:#000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#fatal[hidden]{display:none}#rotate{text-align:center;z-index:10;background:#000;align-content:center;place-items:center;gap:16px;display:none;position:fixed;inset:0}@media (orientation:landscape) and (pointer:coarse) and (max-height:500px){#rotate{display:grid}}#rotate .phone{border:3px solid;border-radius:8px;width:40px;height:70px;margin:0 auto}.debug-panel{left:8px;top:calc(8px + env(safe-area-inset-top,0px));color:#fff;pointer-events:none;z-index:5;white-space:pre;background:#0009;border-radius:4px;margin:0;padding:6px 8px;font:11px/1.35 ui-monospace,monospace;position:fixed}.clip-labels{pointer-events:none;position:fixed;inset:0}.clip-labels div{text-shadow:0 1px 2px #000;white-space:nowrap;font:600 11px/1 system-ui,sans-serif;position:absolute;transform:translate(-50%,-100%)}#ui>*{pointer-events:auto}.hidden{display:none!important}.score-bug{top:calc(10px + env(safe-area-inset-top,0px));letter-spacing:.02em;filter:drop-shadow(0 2px 6px #00000080);grid-template-columns:auto auto auto;align-items:stretch;font:italic 800 17px/1 Barlow Condensed,system-ui,sans-serif;display:grid;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.score-bug .team{color:#fff;background:#08090ce0;padding:9px 12px;position:relative}.score-bug .team.home{border-left:4px solid var(--slash);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%)}.score-bug .team.away{border-right:4px solid var(--slash);clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.score-bug .score{color:#fff;text-align:center;background:#050506;min-width:54px;padding:7px 12px;font-size:22px;font-style:normal}.score-bug .clock{color:#fff;font-variant-numeric:tabular-nums;background:#08090ce0;border-radius:0 0 6px 6px;grid-column:2;justify-self:center;padding:4px 10px 5px;font:600 13px/1 system-ui,sans-serif}.banner{text-align:center;opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,1.6,.4,1);position:absolute;top:18%;left:0;right:0;transform:scale(.8);pointer-events:none!important}.banner.on{opacity:1;transform:scale(1)}.banner .title{color:var(--brand-accent);text-shadow:0 0 24px color-mix(in srgb, var(--brand-accent) 60%, transparent), 0 4px 10px #0009;letter-spacing:-.01em;font:italic 900 78px/.9 Barlow Condensed,system-ui,sans-serif}.banner .sub{letter-spacing:.45em;color:#fff;text-shadow:0 2px 6px #000c;margin-top:8px;font:700 15px/1 system-ui,sans-serif}.toast{text-align:center;color:#fff;text-shadow:0 3px 10px #000000b3;opacity:0;font:italic 900 34px/1 Barlow Condensed,system-ui,sans-serif;transition:opacity .2s;position:absolute;top:30%;left:0;right:0;pointer-events:none!important}.toast.on{opacity:1}.controls{position:absolute;inset:0;pointer-events:none!important}.stick-zone{pointer-events:auto;touch-action:none;width:55%;height:62%;position:absolute;bottom:0;left:0}.stick-base{opacity:.85;pointer-events:none;width:132px;height:132px;left:calc(18px + 66px + env(safe-area-inset-left,0px));top:calc(100% - 30px - 66px - env(safe-area-inset-bottom,0px));background:#ffffff0a;border:3px solid #ffffffe6;border-radius:50%;margin:-66px 0 0 -66px;transition:opacity .12s;position:fixed;box-shadow:0 0 0 1px #00000040,inset 0 0 0 1px #0003}.stick-base.on{opacity:1}.stick-knob{box-sizing:border-box;background:#ffffff1f;border:3px solid #fff;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}.stick-base.on .stick-knob{background:#ffffff4d}.stick-arrow{filter:drop-shadow(0 1px 1px #00000080);border:7px solid #0000;width:0;height:0;position:absolute}.stick-arrow.up{border-top-width:0;border-bottom:9px solid #fff;margin-left:-7px;top:7px;left:50%}.stick-arrow.down{border-top:9px solid #fff;border-bottom-width:0;margin-left:-7px;bottom:7px;left:50%}.stick-arrow.left{border-left-width:0;border-right:9px solid #fff;margin-top:-7px;top:50%;left:7px}.stick-arrow.right{border-left:9px solid #fff;border-right-width:0;margin-top:-7px;top:50%;right:7px}.buttons{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));pointer-events:none;width:210px;height:210px;position:absolute}.btn{color:#fff;letter-spacing:.06em;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 40% 35%,#464b50bf,#0f1012d9);border:3px solid #fffc;border-radius:50%;font:700 15px/1 system-ui,sans-serif;position:absolute;box-shadow:0 4px 14px #00000073,inset 0 1px #ffffff26}.btn.down{filter:brightness(1.3);transform:scale(.92)}.btn-shoot{border-color:var(--brand-accent);width:96px;height:96px;box-shadow:0 0 18px color-mix(in srgb, var(--brand-accent) 55%, transparent), 0 4px 14px #00000073;font-size:17px;top:0;right:0}.btn-pass{width:82px;height:82px;bottom:0;left:0}.btn-sprint{border-color:#3ce07a;width:82px;height:82px;bottom:0;right:4px;box-shadow:0 0 14px #3ce07a80,0 4px 14px #00000073}.controls.defending .btn-shoot{border-color:#fff;box-shadow:0 4px 14px #00000073}.swipe-layer{touch-action:none;pointer-events:auto;width:100%;height:100%;display:none;position:absolute;inset:0}.swipe-layer.on{background:radial-gradient(at 50% 40%,#0000 55%,#00000059);display:block}.swipe-hint{text-align:center;opacity:0;transition:opacity .2s;position:absolute;bottom:26%;left:50%;transform:translate(-50%);pointer-events:none!important}.swipe-hint.on{opacity:1}.swipe-hint span{white-space:nowrap;letter-spacing:.3em;color:var(--brand-accent);text-shadow:0 2px 8px #000c;margin-top:8px;font:800 16px/1 system-ui,sans-serif;display:block}.swipe-hint .hand{background:#ffffffe6;border-radius:50%;width:34px;height:34px;margin:0 auto;animation:1.1s ease-in-out infinite swipeHint;box-shadow:0 0 0 6px #ffffff40}@keyframes swipeHint{0%{opacity:0;transform:translateY(40px)}20%{opacity:1}80%{opacity:1;transform:translate(18px,-150px)}to{opacity:0;transform:translate(18px,-170px)}}.card{text-align:center;z-index:4;background:radial-gradient(at 50% 35%,#00000040,#000000d1);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.card.on{display:flex}.title-card .logo svg{color:#fff;width:min(46vw,210px)}.title-card .lines .line{color:#fff;text-shadow:0 4px 16px #0009;font:italic 900 clamp(54px,17vw,92px)/.88 Barlow Condensed,system-ui,sans-serif}.title-card .lines .line.accent{color:var(--brand-accent);text-shadow:0 0 26px color-mix(in srgb, var(--brand-accent) 45%, transparent)}.title-card .strap{letter-spacing:.28em;color:#fffc;white-space:nowrap;max-width:92vw;font:600 12px/1.3 system-ui,sans-serif}.cta{border:2px solid var(--brand-accent);min-width:240px;min-height:60px;color:var(--brand-accent);letter-spacing:.12em;box-shadow:0 0 22px color-mix(in srgb, var(--brand-accent) 40%, transparent);background:#0a0c08bf;border-radius:14px;margin-top:26px;padding:0 26px;font:italic 800 26px/1 Barlow Condensed,system-ui,sans-serif;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 34px color-mix(in srgb, var(--brand-accent) 70%, transparent)}}.end-card .result{color:var(--brand-accent);font:italic 900 72px/.9 Barlow Condensed,system-ui,sans-serif}.end-card .final{color:#fff;letter-spacing:.06em;font:800 22px/1.2 system-ui,sans-serif}.btn-shoot:before{content:"";pointer-events:none;background:conic-gradient(var(--brand-accent) calc(var(--power,0) * 360deg), #ffffff1f 0);border-radius:50%;position:absolute;inset:-9px;-webkit-mask:radial-gradient(circle,#0000 54px,#000 55px);mask:radial-gradient(circle,#0000 54px,#000 55px)}.btn-shoot.powered{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--brand-accent) 55%, #222), #0f1012e6);animation:.9s ease-in-out infinite powerPulse}.btn-shoot.powered:after{content:"POWER";letter-spacing:.2em;color:var(--brand-accent);font:800 10px/1 system-ui,sans-serif;position:absolute;bottom:14px;left:0;right:0}.controls.defending .btn-shoot:before,.controls.defending .btn-shoot:after{display:none}@keyframes powerPulse{50%{box-shadow:0 0 34px var(--brand-accent), 0 4px 14px #00000073}}.replay{z-index:3;display:none;position:absolute;inset:0}.replay.on{display:block}.replay .bar{background:#000;height:9%;position:absolute;left:0;right:0}.replay .bar.top{top:0}.replay .bar.bottom{bottom:0}.replay .tag{background:var(--brand-accent);color:#000;letter-spacing:.12em;padding:5px 10px;font:italic 900 18px/1 Barlow Condensed,system-ui,sans-serif;position:absolute;top:calc(9% + 12px);left:14px}.replay .slomo{color:#fff;letter-spacing:.1em;opacity:0;text-shadow:0 2px 6px #000000b3;font:italic 900 18px/1 Barlow Condensed,system-ui,sans-serif;transition:opacity .2s;position:absolute;top:calc(9% + 12px);right:14px}.replay .slomo.on{opacity:1;animation:.8s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.45}}.replay .strip{border-left:5px solid var(--brand-accent);color:#fff;letter-spacing:.04em;background:linear-gradient(90deg,#000000d9,#0006);margin:0 16px;padding:10px 14px;font:italic 900 24px/1 Barlow Condensed,system-ui,sans-serif;position:absolute;bottom:calc(9% + 18px);left:0;right:0}.replay .skip{text-align:center;letter-spacing:.3em;color:#fff9;font:700 11px/1 system-ui,sans-serif;position:absolute;bottom:2.5%;left:0;right:0}.pens-tally{top:calc(66px + env(safe-area-inset-top,0px));background:#08090cd9;border-radius:6px;gap:5px;padding:7px 10px;display:grid;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.pens-tally .row{align-items:center;gap:6px;display:flex}.pens-tally .name{width:34px;font:italic 800 15px/1 Barlow Condensed,system-ui,sans-serif}.pens-tally .dot{box-sizing:border-box;border:2px solid #ffffff73;border-radius:50%;width:12px;height:12px}.pens-tally .dot.goal{background:var(--brand-accent);border-color:var(--brand-accent)}.pens-tally .dot.miss{background:#d23a3a;border-color:#d23a3a}.cta.secondary{color:#fff;box-shadow:none;border-color:#ffffffb3;margin-top:0;animation:none}.title-card .best{letter-spacing:.2em;color:#ffffffbf;font:700 13px/1 system-ui,sans-serif}.end-card{padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));justify-content:center;gap:8px;overflow-y:auto}.end-card .pens-line{letter-spacing:.25em;color:#fffc;font:700 14px/1 system-ui,sans-serif}.end-card .points{color:#fff;margin-top:6px;font:italic 900 40px/1 Barlow Condensed,system-ui,sans-serif}.end-card .new-best{background:var(--brand-accent);color:#000;letter-spacing:.12em;padding:4px 10px;font:italic 900 18px/1 Barlow Condensed,system-ui,sans-serif}.end-card .board{text-align:left;background:#0000008c;border-radius:10px;width:min(320px,88vw);margin-top:6px;padding:10px 12px}.end-card .board-title{letter-spacing:.3em;color:var(--brand-accent);margin-bottom:6px;font:800 12px/1 system-ui,sans-serif}.end-card .board-row,.end-card .board-more{color:#fff;font-variant-numeric:tabular-nums;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;min-height:30px;font:700 16px/1 system-ui,sans-serif;display:grid}.end-card .board-row.you{color:var(--brand-accent)}.end-card .board-more{color:var(--brand-accent);margin-top:4px;display:block}.end-card .initials{border:2px solid var(--brand-accent);width:70px;height:30px;color:var(--brand-accent);letter-spacing:.2em;text-transform:uppercase;background:#000;border-radius:6px;padding:0 6px;font:800 18px/1 system-ui,sans-serif}.end-card .cta{min-height:56px;margin-top:8px}.end-card .cta.share{color:#000;background:var(--brand-accent);animation:none}.card .link{color:#ffffffbf;letter-spacing:.3em;background:0 0;border:0;min-width:120px;min-height:56px;font:700 14px/1 system-ui,sans-serif}.share-chip{right:calc(12px + env(safe-area-inset-right,0px));top:calc(70px + env(safe-area-inset-top,0px));border:2px solid var(--brand-accent);min-height:56px;color:var(--brand-accent);letter-spacing:.1em;z-index:2;background:#000000bf;border-radius:28px;padding:0 16px;font:italic 900 18px/1 Barlow Condensed,system-ui,sans-serif;display:none;position:absolute}.share-chip.on{animation:1.6s ease-in-out infinite pulse;display:block}.tutorial{z-index:6;touch-action:none;background:#00000073;transition:background .4s,opacity .25s;position:absolute;inset:0}.tutorial.slowmo{background:radial-gradient(at 50% 30%,#00000040,#000000bf)}.tutorial.out{opacity:0}.tut-caption{left:16px;right:16px;top:calc(148px + env(safe-area-inset-top,0px));text-align:center;letter-spacing:.04em;color:#fff;text-shadow:0 3px 14px #000000b3;font:italic 900 clamp(24px,7.4vw,36px)/1 Barlow Condensed,system-ui,sans-serif;position:absolute}.tut-sub{left:16px;right:16px;top:calc(190px + env(safe-area-inset-top,0px));text-align:center;letter-spacing:.18em;color:var(--brand-accent);text-shadow:0 2px 10px #000000b3;font:800 15px/1 system-ui,sans-serif;position:absolute}.tut-goal{opacity:0;background:repeating-linear-gradient(90deg,#ffffff2e 0 2px,#0000 2px 12px),repeating-linear-gradient(0deg,#ffffff2e 0 2px,#0000 2px 12px);border:4px solid #fff;border-bottom:none;width:min(66vw,300px);height:min(24vw,110px);transition:opacity .3s;position:absolute;top:26%;left:50%;transform:translate(-50%)}.tutorial.slowmo .tut-goal{opacity:1}.tut-ball{width:22px;height:22px;box-shadow:0 0 14px var(--brand-accent);opacity:0;background:radial-gradient(circle at 35% 30%,#fff,#cfd3d6 60%,#8a9095);border-radius:50%;position:absolute;top:-11px;left:-11px}.tutorial.slowmo .tut-ball{opacity:1}.tut-ball.in{box-shadow:0 0 26px 8px var(--brand-accent)}.tut-trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tut-trail path{fill:none;stroke:var(--brand-accent);stroke-width:9px;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 8px var(--brand-accent))}.tut-hand{pointer-events:none;opacity:0;filter:drop-shadow(0 4px 8px #00000080);will-change:transform;position:absolute;top:-2px;left:-30px}.tut-skip{right:calc(14px + env(safe-area-inset-right,0px));top:calc(80px + env(safe-area-inset-top,0px));color:#fff;letter-spacing:.16em;background:#00000080;border:2px solid #ffffffb3;border-radius:12px;min-width:72px;min-height:56px;font:800 14px/1 system-ui,sans-serif;position:absolute}.tut-bar{left:24px;right:24px;top:calc(218px + env(safe-area-inset-top,0px));background:#fff3;border-radius:2px;height:4px;position:absolute;overflow:hidden}.tut-bar .fill{background:var(--brand-accent);transform-origin:0;height:100%;transform:scaleX(0)}.btn.tut-glow{box-shadow:0 0 0 6px color-mix(in srgb, var(--brand-accent) 60%, transparent), 0 0 30px var(--brand-accent)}