html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#050b13;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}#game-shell{position:relative;width:100%;height:100%;display:grid;place-items:center;background:#050b13;overflow:hidden}canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.dpad,.actions{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));display:none;pointer-events:none;z-index:4}.dpad{left:max(18px,env(safe-area-inset-left));flex-direction:column;align-items:center;gap:6px}.dpad>div{display:flex;gap:6px}.actions{right:max(18px,env(safe-area-inset-right));align-items:flex-end;gap:12px}.dpad button,.actions button{pointer-events:auto;border:1px solid rgba(255,255,255,.2);background:rgba(5,12,22,.8);color:#fff;font-weight:900;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.32)}.dpad button{width:54px;height:54px;border-radius:16px;font-size:18px}.actions button{border-radius:50%;width:68px;height:68px}.actions .charge{width:86px;height:86px;background:rgba(255,167,46,.9);color:#151009;font-size:12px}.actions .skill{background:rgba(78,215,255,.18);font-size:22px}@media(pointer:coarse){.dpad,.actions{display:flex}}@media(max-height:500px){.dpad button{width:46px;height:46px}.actions button{width:58px;height:58px}.actions .charge{width:72px;height:72px}}