:root{color-scheme:dark;font-family:Arial Black,Impact,system-ui,sans-serif;background:#090d14;color:#f6f2d8;touch-action:none;user-select:none}html,body,#app-shell{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 30% 15%,rgba(255,201,64,.12),transparent 28%),linear-gradient(145deg,#101827,#0b1018 48%,#17151f)}#app-shell{position:fixed;inset:0}#game-wrap{position:absolute;inset:0;display:grid;place-items:center}canvas{display:block;max-width:100vw;max-height:100vh;image-rendering:pixelated}#hud-root{position:absolute;inset:0;pointer-events:none}.hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;font-family:system-ui,sans-serif;font-weight:800;letter-spacing:0;text-shadow:0 2px 0 #000}.hud__panel{padding:8px 10px;background:#060a109e;border:2px solid rgba(246,242,216,.2);border-radius:6px;backdrop-filter:blur(4px)}.hud__center{text-align:center}.hud__right{text-align:right}.hud__bar{width:180px;height:12px;margin-top:6px;border:2px solid #f6f2d8;background:#151924}.hud__bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#f24a4a,#ffc940,#6ed35a)}.mobile-controls{position:absolute;inset:0;pointer-events:none;display:none}.touch-btn{position:absolute;width:clamp(46px,7.5vw,68px);height:clamp(46px,7.5vw,68px);border:2px solid rgba(246,242,216,.6);border-radius:999px;background:#0e1622b3;color:#f6f2d8;font:900 14px system-ui,sans-serif;pointer-events:auto;box-shadow:inset 0 -5px #0000004d,0 6px 18px #00000059}.touch-btn[data-active=true]{background:#ffc940bf;color:#101827}.touch-left{left:max(18px,env(safe-area-inset-left));bottom:max(62px,env(safe-area-inset-bottom))}.touch-right{left:max(130px,calc(env(safe-area-inset-left) + 130px));bottom:max(62px,env(safe-area-inset-bottom))}.touch-up{left:max(74px,calc(env(safe-area-inset-left) + 74px));bottom:max(118px,calc(env(safe-area-inset-bottom) + 118px))}.touch-down{left:max(74px,calc(env(safe-area-inset-left) + 74px));bottom:max(12px,env(safe-area-inset-bottom))}.touch-attack{right:max(112px,calc(env(safe-area-inset-right) + 112px));bottom:max(68px,calc(env(safe-area-inset-bottom) + 68px))}.touch-jump{right:max(44px,calc(env(safe-area-inset-right) + 44px));bottom:max(126px,calc(env(safe-area-inset-bottom) + 126px))}.touch-dash{right:max(44px,calc(env(safe-area-inset-right) + 44px));bottom:max(18px,env(safe-area-inset-bottom))}.touch-special{right:max(174px,calc(env(safe-area-inset-right) + 174px));bottom:max(18px,env(safe-area-inset-bottom))}@media(hover:none),(max-width:900px){.mobile-controls{display:block}.hud{grid-template-columns:1fr auto;font-size:12px}.hud__right{display:none}.hud__bar{width:130px}}