:root{--page-background:#f5f1e8;--control-background:#fffdf7;--control-divider:#17171721;--pressed-filter:drop-shadow(0 5px 7px #24160433);color:#171717;background:var(--page-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:var(--page-background);min-width:320px;min-height:100dvh;overflow:hidden}#app{isolation:isolate;background:#fff}body[data-game-mode=mobile] #app{grid-template-rows:minmax(0,72fr) minmax(0,28fr);display:grid}body[data-game-mode=desktop] #app{display:block}body[data-game-mode=desktop] .game-stage{width:100%;height:100%}.game-stage{background:#fff;min-width:0;min-height:0;position:relative;overflow:hidden}#game-root{width:100%;height:100%}#game-root canvas{display:block}.hud{z-index:2;top:max(18px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));pointer-events:none;text-shadow:0 1px #fff;gap:7px;display:grid;position:absolute}.game-logo{width:min(180px,100vw - 40px);height:auto;display:block}.controls{max-width:calc(100vw - 40px);font-size:13px;font-weight:650}.state-pill{color:#fff;width:max-content;text-shadow:none;background:#171717;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:750}.touch-controls{border-top:1px solid var(--control-divider);background:var(--control-background);touch-action:none;-webkit-user-select:none;user-select:none;min-width:0;min-height:0;position:relative;overflow:hidden}.touch-controls__inner{width:min(100%,760px);height:100%;padding:clamp(12px, 3vmin, 28px) max(clamp(12px, 3vw, 28px), env(safe-area-inset-right)) max(clamp(12px, 3vmin, 28px), env(safe-area-inset-bottom)) max(clamp(12px, 3vw, 28px), env(safe-area-inset-left));grid-template-columns:minmax(136px,1fr) minmax(126px,1fr);place-items:center;gap:clamp(10px,6vw,72px);margin:0 auto;display:grid}.direction-pad{aspect-ratio:115/116;filter:drop-shadow(0 4px 5px #24160424);width:clamp(136px,36vw,210px);position:relative}.direction-pad__image,.action-button img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.direction-pad__hit-zones{position:absolute;inset:0}.direction-hit,.action-button{appearance:none;cursor:pointer;touch-action:none;background:0 0;border:0;padding:0}.direction-hit{position:absolute;inset:0}.direction-hit--up{clip-path:polygon(0 0,100% 0,50% 50%)}.direction-hit--left{clip-path:polygon(0 0,50% 50%,0 100%)}.direction-hit--down{clip-path:polygon(0 100%,50% 50%,100% 100%)}.direction-hit--right{clip-path:polygon(100% 0,100% 100%,50% 50%)}.direction-hit:focus-visible,.action-button:focus-visible{outline-offset:4px;outline:3px solid #1976d2}.action-buttons{width:clamp(126px,34vw,220px);height:clamp(150px,38vw,236px);position:relative}.action-button{transition:transform 60ms ease-out,filter 60ms ease-out;display:block;position:absolute}.action-button.is-active{filter:var(--pressed-filter);transform:translateY(3px)scale(.97)}.action-button--jump{aspect-ratio:1;width:clamp(72px,18vw,112px);top:2%;left:0}.action-button--attack{aspect-ratio:1;width:clamp(106px,27vw,174px);bottom:0;right:0}body[data-game-mode=mobile] .game-logo{width:min(180px,46vw)}body[data-game-mode=mobile] .touch-controls__inner{padding-top:clamp(8px,2vmin,16px);padding-bottom:max(clamp(8px, 2vmin, 16px), env(safe-area-inset-bottom));gap:clamp(8px,5vw,48px)}body[data-game-mode=mobile] .direction-pad{width:clamp(128px,36vw,170px)}body[data-game-mode=mobile] .action-buttons{width:clamp(164px,45vw,196px);height:clamp(138px,35vw,190px)}body[data-game-mode=mobile] .action-button--jump{width:clamp(68px,18vw,96px)}body[data-game-mode=mobile] .action-button--attack{width:clamp(100px,27vw,146px)}@media (width<=680px){.hud{top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));gap:4px}.game-logo{width:min(180px,46vw)}.controls{display:none}.state-pill{padding:3px 8px;font-size:10px}}@media (height<=620px){.touch-controls__inner{padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom))}.direction-pad{width:clamp(124px,29vh,174px)}.action-buttons{width:clamp(120px,32vh,192px);height:clamp(132px,33vh,196px)}.action-button--jump{width:clamp(66px,15vh,92px)}.action-button--attack{width:clamp(98px,24vh,142px)}}@media (prefers-reduced-motion:reduce){.action-button{transition:none}}