:root{font-family:system-ui,sans-serif;color:#e1e9ec;background:#0b1423;color-scheme:dark}*{box-sizing:border-box}body{margin:0}#app{position:relative;width:100%;height:100vh;height:100dvh;min-height:240px}#title-canvas{display:block;width:100%;height:100%}.battle-canvas-gesture-lock{touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}.safe-content{position:absolute;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:none}.safe-content>*{pointer-events:auto}#offline-status{position:absolute;bottom:20px;left:24px;margin:0;font-size:13px}#build-id{position:absolute;top:16px;right:20px;margin:0;color:#bdccd4;font-size:11px}#install-help{position:absolute;z-index:3;top:12px;left:16px;max-width:min(420px,calc(100% - 32px));font-size:13px;border-radius:8px;background:#0b1423e8}summary{min-height:44px;padding:12px;cursor:pointer}#install-help p{margin:0;padding:8px 12px 12px}#update-prompt{position:absolute;right:16px;bottom:12px;padding:8px 12px;border:1px solid #8b7d59;border-radius:8px;background:#0b1423;font-size:13px}button{min-height:44px;min-width:64px;margin-left:8px;padding:8px 12px;border:1px solid #8b7d59;border-radius:5px;background:#182e3d;color:#f0e4c4;font:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid #f0d38b;outline-offset:2px}#portrait-overlay{display:none;position:absolute;inset:0;z-index:2;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));text-align:center;background:#0b1423f5;font-size:20px}@media(orientation:portrait){#portrait-overlay{display:flex}}@media(max-width:680px){#build-id{top:auto;bottom:10px;right:12px;font-size:9px}#offline-status{bottom:30px;left:16px}#update-prompt{bottom:56px;left:16px;right:auto}}