:root{color:#f6f1df;font-synthesis:none;text-rendering:geometricprecision;--lime:#a8e830;--gold:#ffd54a;--panel:#08160cd1;--edge:#a8e83059;background:#06120a;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{position:relative}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;z-index:5;position:absolute;inset:0}#scoreboard{top:max(10px, env(safe-area-inset-top));background:var(--panel);border:2px solid var(--edge);border-radius:10px;align-items:stretch;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)skew(-6deg);box-shadow:0 6px 24px #0000008c}.score-team{align-items:center;gap:8px;padding:6px 12px;font-weight:800;display:flex}.score-flag{font-size:22px}.score-abbr{letter-spacing:1px;opacity:.9;font-size:15px}.score-num{text-align:center;min-width:34px;color:var(--gold);font-variant-numeric:tabular-nums;font-size:26px}#match-timer{border-left:1px solid var(--edge);border-right:1px solid var(--edge);color:var(--lime);font-variant-numeric:tabular-nums;background:#a8e8301f;align-items:center;padding:6px 12px;font-size:20px;font-weight:900;display:flex}#power-dock{left:max(14px, env(safe-area-inset-left));bottom:max(14px, env(safe-area-inset-bottom));width:min(240px,34vw);position:absolute}#power-meter{border:2px solid var(--edge);background:#0000008c;border-radius:7px;height:14px;overflow:hidden}#power-fill{background:linear-gradient(90deg, #4a8a20, var(--lime));border-radius:5px;width:0%;height:100%;transition:width .15s linear}#power-meter.full #power-fill{background:linear-gradient(90deg, #ff9d1d, var(--gold));animation:.7s ease-in-out infinite alternate pulse}@keyframes pulse{0%{filter:brightness(.9)}to{filter:brightness(1.5)}}#power-label,#defense-label{letter-spacing:.5px;text-shadow:0 2px 4px #000;margin-top:5px;font-size:13px;font-weight:800}#defense-label{opacity:.85;margin-top:2px;font-size:11.5px}#power-label kbd,.controls-hint kbd{background:#ffffff1f;border:1px solid #ffffff4d;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px}#action-cluster{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));z-index:7;pointer-events:none;width:285px;height:245px;position:absolute}#action-cluster .ring{pointer-events:auto;background:conic-gradient(var(--ring-color,#ffffff40) calc(var(--fill,100) * 1%), #ffffff17 0);border-radius:50%;padding:4px;position:absolute;box-shadow:0 4px 16px #00000073}#action-cluster button{color:#fff;width:58px;height:58px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#1e301ef2,#061008f2);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:transform 80ms,filter 80ms;display:flex}#action-cluster button:active{filter:brightness(1.5);transform:scale(.9)}#action-cluster .btn-ico{font-size:19px;line-height:1.1}#action-cluster .btn-txt{letter-spacing:.6px;opacity:.9;font-size:8.5px;font-weight:900}#action-cluster kbd{color:#dfe8d0;background:#000000bf;border:1px solid #ffffff59;border-radius:6px;padding:1px 5px;font-family:inherit;font-size:9px;font-weight:700;position:absolute;top:-3px;right:-3px}@media (pointer:coarse){#action-cluster kbd{display:none}}#ring-shoot{--ring-color:#ff7a1f;bottom:6px;right:6px}#ring-shoot button{width:84px;height:84px}#ring-shoot .btn-ico{font-size:30px}#ring-shoot .btn-txt{font-size:10px}#ring-pass{bottom:14px;right:116px}#ring-tackle{bottom:92px;right:138px}#ring-run{bottom:112px;right:30px}#ring-super{--ring-color:var(--lime);bottom:172px;right:118px}#ring-super button{width:62px;height:62px}#ring-defense{--ring-color:#7fd4ff;bottom:118px;right:205px}#ring-defense button{width:58px;height:58px}#ring-super.ready,#ring-defense.ready{animation:.7s ease-in-out infinite alternate pulse}#ring-super.ready{--ring-color:var(--gold);box-shadow:0 0 22px #ffd54a8c}#ring-defense.ready{box-shadow:0 0 20px #7fd4ff8c}#ring-super:not(.ready) button,#ring-defense:not(.ready) button{filter:saturate(.45)brightness(.8)}#ring-shoot.charging{animation:.35s ease-in-out infinite alternate pulse;box-shadow:0 0 20px #ff7a1f99}#announce{letter-spacing:4px;color:var(--gold);-webkit-text-stroke:2px #1a0e00;text-shadow:0 8px 30px #000c,0 0 40px #ffd54a59;z-index:8;pointer-events:none;white-space:nowrap;font-size:clamp(38px,9vw,92px);font-style:italic;font-weight:900;animation:.35s cubic-bezier(.2,2.2,.4,1) slam;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)skew(-8deg)}@keyframes slam{0%{opacity:0;transform:translate(-50%,-50%)skew(-8deg)scale(2.4)}to{opacity:1;transform:translate(-50%,-50%)skew(-8deg)scale(1)}}.overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 50% 120%,#a8e83029,#0000 60%),linear-gradient(#030a05e0,#030c06f0);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0;overflow-y:auto}#menu{justify-content:flex-start;padding-top:max(3vh,16px)}.logo{letter-spacing:2px;color:#fff;text-shadow:0 6px #1c4d12,0 14px 40px #000c;margin:0;font-size:clamp(34px,7vw,64px);font-style:italic;font-weight:900}.logo span{color:var(--lime)}.logo em{font-style:normal}.tagline{opacity:.85;margin:-8px 0 4px;font-size:clamp(14px,2.4vw,18px);font-weight:600}#country-grid{grid-template-columns:repeat(6,minmax(108px,142px));gap:10px;display:grid}@media (width<=1000px){#country-grid{grid-template-columns:repeat(4,minmax(108px,1fr));width:100%;max-width:640px}}@media (width<=600px){#country-grid{grid-template-columns:repeat(3,minmax(96px,1fr))}}.country-card{background:var(--panel);border:2px solid var(--edge);cursor:pointer;color:inherit;font:inherit;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 10px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.country-card:hover,.country-card:focus-visible{border-color:var(--lime);outline:none;transform:translateY(-4px)scale(1.04);box-shadow:0 10px 30px #a8e83040}.country-card .flag{font-size:32px;line-height:1}.country-card .name{letter-spacing:.4px;font-size:13.5px;font-weight:800}.country-card .power{color:var(--gold);background:#ffd54a24;border:1px solid #ffd54a59;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.country-card .power.defense{color:#7fd4ff;background:#7fd4ff1f;border-color:#7fd4ff59}.controls-hint{opacity:.8;flex-wrap:wrap;justify-content:center;gap:8px 16px;max-width:640px;font-size:13px;font-weight:600;display:flex}#end-title{color:var(--gold);text-shadow:0 6px #4d3400,0 14px 40px #000c;margin:0;font-size:clamp(40px,8vw,72px);font-style:italic;font-weight:900}#end-score{letter-spacing:1px;font-size:clamp(24px,5vw,40px);font-weight:800}.end-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.end-buttons button,.country-card{-webkit-tap-highlight-color:transparent}.end-buttons button{font:inherit;letter-spacing:1px;border:2px solid var(--lime);color:var(--lime);cursor:pointer;background:#a8e83024;border-radius:10px;padding:12px 28px;font-size:17px;font-weight:900;transition:transform .12s,background .12s}.end-buttons button:hover{background:#a8e83047;transform:scale(1.05)}#touch-controls{z-index:6;pointer-events:none;display:none;position:absolute;inset:0}@media (pointer:coarse){#touch-controls{display:block}.controls-hint,#power-dock{display:none}}#touch-stick{left:max(18px, env(safe-area-inset-left));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 56px);pointer-events:auto;background:#0000004d;border:2px solid #ffffff59;border-radius:50%;width:118px;height:118px;position:absolute}#touch-knob{background:#a8e8308c;border:2px solid #ffffff80;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-ball{font-size:64px;animation:.9s linear infinite spinball}@keyframes spinball{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(180deg)translateY(-14px)}to{transform:rotate(360deg)translateY(0)}}#loading-label{letter-spacing:3px;color:var(--lime);font-weight:900}.wc-badge{letter-spacing:1px;color:#0a1408;background:linear-gradient(90deg, var(--gold), var(--lime));border-radius:20px;margin-right:8px;padding:2px 10px;font-size:11px;font-weight:900;display:inline-block}@media (pointer:coarse) and (height<=500px){#scoreboard{transform-origin:top;transform:translate(-50%)skew(-6deg)scale(.82)}#action-cluster{transform-origin:100% 100%;transform:scale(.82)}#touch-stick{width:104px;height:104px}#announce{font-size:clamp(30px,7vw,60px)}.logo{font-size:clamp(28px,5vw,44px)}}#freeze-overlay{z-index:4;pointer-events:none;background:radial-gradient(#0000 40%,#50a0ff59 100%);position:absolute;inset:0;box-shadow:inset 0 0 120px #78beff80}