:root{--ocean-deep: #0b3a5b;--ocean-mid: #0f5a86}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--ocean-deep);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;position:fixed;inset:0}#game-root{position:absolute;inset:0;width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none}#game-root canvas{display:block;touch-action:none}#offline-indicator{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:50%;transform:translate(-50%);padding:6px 14px;border-radius:999px;font:600 14px/1 system-ui,-apple-system,sans-serif;color:#fff;pointer-events:none;z-index:50;transition:opacity .25s ease}#offline-indicator[data-state=online]{opacity:0}#offline-indicator[data-state=offline]{opacity:1;background:#0000008c}#offline-indicator[data-state=ready]{opacity:1;background:#147846d9}#debug-overlay{position:fixed;top:calc(env(safe-area-inset-top) + 8px);left:calc(env(safe-area-inset-left) + 8px);z-index:100;max-width:42vw;padding:8px 10px;border-radius:8px;background:#0000009e;color:#b6f0c2;font:500 12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre;pointer-events:none}