*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#14181e;touch-action:none;-webkit-user-select:none;user-select:none;font-family:VT323,monospace}#app{position:relative;width:100%;height:100%}#game{width:100%;height:100%}#game canvas{display:block;margin:0 auto}#orient{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;align-items:center;justify-content:center;background:#14181e;color:#f5c542;font-family:"Press Start 2P",monospace;font-size:14px;text-align:center;padding:24px}@media (orientation: portrait) and (max-width: 900px){#orient{display:flex}}#touch-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#joystick{pointer-events:auto;position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;background:#14181e73;border:3px solid rgba(245,197,66,.35)}#knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#f5c542d9;border:3px solid #1a1e24}#act-btn{pointer-events:auto;position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;border:4px solid #1a1e24;background:#f5c542;color:#1a1e24;font-family:"Press Start 2P",monospace;font-size:22px;box-shadow:0 6px #b45309}#act-btn:active{transform:translateY(4px);box-shadow:0 2px #b45309}
