*{box-sizing:border-box}html,body,#app,#game-shell{width:100%;height:100%;margin:0}body{-webkit-user-select:none;user-select:none;background:#40543d;font-family:Arial,sans-serif;overflow:hidden}#game-shell{width:100vw;height:100dvh;position:relative;overflow:hidden}#game{position:absolute;inset:0}#game canvas{display:block}#top-hud{z-index:10;color:#4b4e3a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff5dce0;border:2px solid #50462d40;border-radius:14px;align-items:center;gap:18px;padding:9px 16px;font-size:14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#touch-controls,#rotate-hint{display:none}.touch-button,#action-button{color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;background:#334630b8;border:2px solid #ffffff59;font-size:24px;font-weight:700}@media (pointer:coarse){#touch-controls{z-index:20;pointer-events:none;display:block;position:absolute;inset:0}.dpad{width:170px;height:150px;position:absolute;bottom:20px;left:24px}.touch-button{pointer-events:auto;border-radius:18px;width:58px;height:58px;position:absolute}.touch-button.up{top:0;left:56px}.touch-button.left{top:56px;left:0}.touch-button.down{top:86px;left:56px}.touch-button.right{top:56px;right:0}#action-button{pointer-events:auto;border-radius:50%;width:82px;height:82px;position:absolute;bottom:38px;right:30px}#top-hud{padding:7px 12px;font-size:12px}}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{z-index:100;color:#fff;text-align:center;background:#40543d;justify-content:center;align-items:center;padding:30px;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}}