html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050505;font-family:Georgia,serif;touch-action:none;overscroll-behavior:none;color:#fff;-webkit-user-select:none;user-select:none}
#gameShell{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#25140d,#050505 70%)}
canvas{display:block;width:min(100vw,177.77vh);height:min(56.25vw,100vh);image-rendering:auto;box-shadow:0 0 60px #000;background:#111}
#mobileControls{position:fixed;left:0;right:0;bottom:max(7px,env(safe-area-inset-bottom));padding:0 12px;display:none;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:8}
#mobileControls button{pointer-events:auto;touch-action:none;border:1.5px solid rgba(255,255,255,.45);background:rgba(8,8,8,.48);color:#fff;border-radius:50%;font-weight:900;width:56px;height:56px;min-width:56px;min-height:56px;padding:0;box-shadow:0 2px 8px #0009;text-shadow:0 1px 2px #000;font-size:11px}
#mobileControls button:active{background:rgba(160,45,35,.7);transform:scale(.96)}
.dpad,.actions{display:flex;gap:7px;align-items:end}.dpad button{width:58px;height:58px}.actions button{width:58px;height:58px}
#fullscreenBtn{position:fixed;right:8px;top:max(8px,env(safe-area-inset-top));z-index:10;display:none;border:1px solid #ffffff55;background:#0008;color:#fff;border-radius:8px;padding:7px 10px;font:700 11px monospace;touch-action:manipulation}
#rotateHint{display:none;position:fixed;inset:0;background:#090909;color:#fff;z-index:20;place-items:center;text-align:center;padding:30px;font-size:24px}
@media (pointer:coarse){#mobileControls{display:flex}#fullscreenBtn{display:block}}
@media (orientation:portrait) and (max-width:900px){#rotateHint{display:grid}}