:root{color-scheme:dark;--hud-bg: rgba(0, 0, 0, .6);--hud-fg: #d6f0d8;--loading-bg: #07090c;--loading-fg: #b8d2c0;--loading-accent: #7ed98a}html,body{margin:0;padding:0;height:100%;background:#050505;color:#e8e8e8;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#stage{display:block;width:100vw;height:100vh;touch-action:none;background:#050505}#hud{position:fixed;top:max(8px,env(safe-area-inset-top,8px));left:max(8px,env(safe-area-inset-left,8px));padding:6px 10px;background:var(--hud-bg);color:var(--hud-fg);font-size:12px;line-height:1.45;border-radius:4px;pointer-events:none;white-space:pre;display:none;z-index:10;letter-spacing:.02em}#hud.visible{display:block}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--loading-bg);color:var(--loading-fg);z-index:20;transition:opacity .35s ease}#loading.done{opacity:0;pointer-events:none}.loading-mark{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#7ed98a2e,#7ed98a00 60%),conic-gradient(from 0deg,transparent 0deg,var(--loading-accent) 70deg,transparent 140deg);animation:loading-spin 1.1s linear infinite;filter:saturate(.85)}.loading-label{font-size:13px;letter-spacing:.15em;text-transform:uppercase;opacity:.85}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-mark{animation:none}}