*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;min-width:100%;min-height:100%;margin:0;overflow:hidden;touch-action:none;background:#07120c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100dvw;height:100dvh;min-width:100vw;min-height:100vh;overflow:hidden;background:#1e7d37}#game canvas{display:block;width:100%!important;height:100%!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff}.scorebar{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:14px;min-height:42px;padding:8px 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080e12c7;box-shadow:0 12px 28px #00000052;transform:translate(-50%);white-space:nowrap;font-size:13px;font-weight:800}.scorebar strong{font-size:24px;line-height:1}#joystick,.buttons{pointer-events:auto}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:136px;height:136px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:radial-gradient(circle,#ffffff38,#07100c80);box-shadow:inset 0 0 0 12px #ffffff0d,0 14px 30px #0000004d}#stick{position:absolute;left:50%;top:50%;width:58px;height:58px;border:1px solid rgba(255,255,255,.44);border-radius:50%;background:#ebf5ff66;transform:translate(-50%,-50%)}.buttons{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));display:grid;grid-template-columns:72px 78px;grid-template-rows:52px 52px 52px;gap:10px}button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:8px;color:#fff;background:#0d1820c7;box-shadow:0 12px 24px #00000052;font-size:12px;font-weight:900}button:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--power, 0%);background:#ffe05661;pointer-events:none}#sprint{grid-column:1;grid-row:1;width:64px}#pass{grid-column:1;grid-row:2}#cross{grid-column:1;grid-row:3}#shoot{grid-column:2;grid-row:2 / 4;background:#c4202cd1}button.pressed{filter:brightness(1.25);transform:translateY(2px) scale(.98)}@media (max-width: 760px){.scorebar{gap:10px;font-size:12px}}