:root{--night:#071126;--cream:#fff5d7;--gold:#ffc447;--spain:#d92839;--spain-dark:#7d142d;--argentina:#76c9ee;--argentina-dark:#216b9c;--ink:#111a33}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--night);color:#fff;font-family:var(--font-geist-sans), Arial, sans-serif}button{font:inherit;touch-action:manipulation}.final-game{isolation:isolate;background:var(--night);width:100vw;height:100dvh;min-height:560px;position:relative;overflow:hidden}.final-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.final-scoreboard{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071126eb;border:3px solid #ffffffdb;border-radius:20px;grid-template-columns:1fr 145px 1fr;width:min(690px,100vw - 190px);height:76px;display:grid;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px #00000042,0 18px 50px #0000004d}.final-team{justify-content:center;align-items:center;gap:12px;padding:0 15px;display:flex}.final-team b{letter-spacing:.11em;font-size:14px;font-weight:1000}.final-team strong{font:1000 36px/1 var(--font-geist-mono), monospace}.final-spain{background:linear-gradient(100deg,#971029f2,#d92839c2)}.final-argentina{background:linear-gradient(100deg,#49a4d2b8,#206b9cf0)}.final-clock{background:var(--cream);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex}.final-clock small{letter-spacing:.16em;margin-bottom:4px;font-size:8px;font-weight:1000}.final-clock b{font:1000 24px/1 var(--font-geist-mono), monospace}.final-flag{border:2px solid #ffffffd1;border-radius:5px;width:35px;height:23px;display:grid;overflow:hidden;box-shadow:0 2px #0000002e}.final-flag i{display:block}.final-spain .final-flag i:first-child,.final-spain .final-flag i:nth-child(3){background:#c71f37}.final-spain .final-flag i:nth-child(2){background:#ffd24e}.final-argentina .final-flag i:nth-child(odd){background:#76c9ee}.final-argentina .final-flag i:nth-child(2){background:#fff}.final-callout{z-index:5;letter-spacing:.07em;text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#071126d6;border:2px solid #fffc;border-radius:99px;max-width:min(600px,70vw);padding:8px 17px;font-size:11px;font-weight:950;position:absolute;top:104px;left:50%;transform:translate(-50%);box-shadow:0 5px #0003}.final-callout.is-goal{color:var(--ink);background:var(--gold);padding:11px 28px;font-size:18px;animation:.42s ease-out both goal-pop}@keyframes goal-pop{0%{transform:translate(-50%)scale(.55)rotate(-3deg)}65%{transform:translate(-50%)scale(1.1)rotate(1deg)}to{transform:translate(-50%)scale(1)}}.final-sound,.final-active{z-index:6;color:#fff;letter-spacing:.09em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071126d1;border:2px solid #ffffffbf;border-radius:99px;font-size:9px;font-weight:950;position:absolute;top:20px}.final-sound{cursor:pointer;padding:10px 14px;right:18px}.final-sound:hover{background:var(--gold);color:var(--ink)}.final-active{padding:10px 14px;left:18px}.final-stamina{z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071126d1;border:2px solid #ffffffbf;border-radius:12px;width:154px;padding:8px 10px;position:absolute;top:61px;left:18px}.final-stamina small{letter-spacing:.12em;margin-bottom:5px;font-size:7px;font-weight:950;display:block}.final-stamina i{background:#ffffff2e;border-radius:99px;height:7px;display:block;overflow:hidden}.final-stamina span{border-radius:inherit;background:linear-gradient(90deg, #ff435c, var(--gold), #7df2b1);height:100%;transition:width 80ms linear;display:block}.final-charge{z-index:5;background:#071126bf;border:2px solid #fff;border-radius:99px;width:190px;height:12px;padding:2px;position:absolute;bottom:30px;left:50%;overflow:hidden;transform:translate(-50%)}.final-charge span{border-radius:inherit;background:linear-gradient(90deg, #7df2b1, var(--gold), #ff435c);height:100%;transition:width 50ms linear;display:block}.final-touch{z-index:6;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:22px;left:18px;right:18px}.final-touch button{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;border:3px solid #ffffffe6;box-shadow:0 6px #0000004d}.final-touch button:active{transform:translateY(4px);box-shadow:0 2px #0000004d}.final-dpad{grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;width:150px;height:118px;display:grid}.final-dpad button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071126c7;border-radius:12px}.final-dpad .up{grid-area:1/2}.final-dpad .left{grid-area:2/1}.final-dpad .right{grid-area:2/3}.final-dpad .down{grid-area:3/2}.final-actions{align-items:end;gap:8px;display:flex}.final-actions button{letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071126d1;border-radius:50%;width:70px;height:58px;font-size:9px;font-weight:1000}.final-actions small{opacity:.7;margin-top:2px;font-size:7px;display:block}.final-actions .pass{background:#216b9ce6}.final-actions .through{background:#218f7eeb}.final-actions .tackle{background:#971029e6}.final-actions .shoot{width:88px;height:88px;color:var(--ink);background:linear-gradient(#ffcf55,#f07a2d);font-size:13px}.final-overlay{z-index:12;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 45%,#17336257,#071126d4 64%),linear-gradient(90deg,#82122b47,#0000 45%,#328ebc42);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.final-loading{color:var(--cream);letter-spacing:.1em;gap:18px;font-size:13px;font-weight:900}.final-ball-loader{background:repeating-conic-gradient(var(--ink) 0 12deg, var(--cream) 12deg 25deg);width:70px;height:70px;color:var(--gold);border:5px solid #fff;border-radius:50%;place-items:center;font-size:26px;animation:1.2s linear infinite loader-roll;display:grid}@keyframes loader-roll{to{transform:rotate(360deg)}}.final-eyebrow{color:var(--gold);letter-spacing:.25em;margin:0 0 12px;font-size:clamp(10px,1.2vw,13px);font-weight:1000}.final-menu h1,.final-result h1{max-width:1000px;font-family:"Arial Black", Impact, var(--font-geist-sans), sans-serif;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 8px #00000047,0 20px 50px #00000057;margin:0;font-size:clamp(54px,9.2vw,126px);font-weight:1000;line-height:.78}.final-menu h1 span{color:var(--gold)}.final-versus{align-items:center;gap:clamp(14px,3vw,36px);margin:28px 0 18px;display:flex}.final-versus strong{letter-spacing:.1em;border:3px solid #fff;border-radius:12px;padding:9px 18px;font-size:clamp(15px,2.3vw,27px);box-shadow:0 6px #0000003d}.final-versus .spain{background:var(--spain)}.final-versus .argentina{background:var(--argentina-dark)}.final-versus i{color:var(--gold);font-size:17px;font-style:normal;font-weight:1000}.final-intro{color:#edf4ff;max-width:665px;margin:0 auto 22px;font-size:clamp(14px,1.6vw,18px);font-weight:700;line-height:1.5}.final-primary{cursor:pointer;min-width:250px;color:var(--ink);letter-spacing:.09em;background:linear-gradient(#ffd458,#f29a2f);border:4px solid #fff;border-radius:16px;padding:16px 28px 14px;font-size:15px;font-weight:1000;box-shadow:0 8px #9b4c24,0 18px 38px #00000061}.final-primary:hover{transform:translateY(-3px);box-shadow:0 11px #9b4c24,0 21px 40px #0000005c}.final-primary:active{transform:translateY(5px);box-shadow:0 3px #9b4c24}.final-keys{color:#ffffffa8;letter-spacing:.1em;margin:20px 0 0;font-size:9px;font-weight:900}.final-result{background:radial-gradient(circle,#1e3c6e6b,#071126e6)}.final-result h1{max-width:950px;color:var(--gold);font-size:clamp(42px,7vw,92px);line-height:.92}.final-result-score{font:1000 clamp(42px, 7vw, 76px)/1 var(--font-geist-mono), monospace;gap:24px;margin:24px 0 9px;display:flex}.final-result-score span{color:#ffffff73}.final-result>p:not(.final-eyebrow){margin:0 0 22px;font-size:18px;font-weight:800}.final-credit{z-index:4;color:#ffffff8f;letter-spacing:.12em;pointer-events:none;font-size:7px;font-weight:900;position:absolute;bottom:6px;right:12px}@media (pointer:fine) and (width>=900px){.final-touch{display:none}}@media (width<=760px){.final-game{min-height:620px}.final-scoreboard{border-radius:15px;grid-template-columns:1fr 105px 1fr;width:calc(100vw - 12px);height:62px;top:8px}.final-team{gap:6px;padding:0 8px}.final-team b{letter-spacing:.04em;font-size:9px}.final-team strong{font-size:25px}.final-flag{width:25px;height:17px}.final-clock small{font-size:6px}.final-clock b{font-size:17px}.final-callout{max-width:88vw;font-size:9px;top:78px}.final-sound{padding:7px 9px;font-size:7px;top:118px;right:8px}.final-active{padding:7px 9px;font-size:7px;top:118px;left:8px}.final-stamina{width:128px;padding:6px 8px;top:151px;left:8px}.final-stamina small{margin-bottom:3px;font-size:6px}.final-charge{width:150px;bottom:142px}.final-touch{bottom:20px;left:8px;right:8px}.final-dpad{width:130px;height:111px}.final-actions{grid-template-rows:46px 54px;grid-template-columns:repeat(3,52px);justify-content:end;gap:7px;width:182px;display:grid}.final-actions button{border-radius:15px;width:52px;height:46px}.final-actions .switch{grid-area:1/1}.final-actions .pass{grid-area:1/2}.final-actions .through{grid-area:1/3}.final-actions .tackle{grid-area:2/1}.final-actions .shoot{border-radius:17px;grid-area:2/2/auto/4;width:111px;height:54px}.final-menu h1{font-size:clamp(48px,18vw,78px);line-height:.82}.final-versus{gap:8px;margin:22px 0 15px}.final-versus strong{padding:7px 9px;font-size:13px}.final-intro{font-size:13px}.final-keys{max-width:320px;font-size:7px;line-height:1.6}.final-credit{font-size:5px;bottom:4px;right:5px}}@media (height<=660px) and (orientation:landscape){.final-menu h1{font-size:64px}.final-versus{margin:16px 0 10px}.final-intro{margin-bottom:12px;font-size:12px}.final-keys{margin-top:12px}.final-touch{bottom:12px}.final-dpad{width:126px;height:96px}.final-actions button{width:60px;height:50px}.final-actions .shoot{width:76px;height:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}