:root{--ark-bg:#010104;--ark-panel:#060e169e;--ark-panel-border:#3ee6ff47;--ark-cyan:#3ee6ff;--ark-cyan-dim:#3ee6ff99;--ark-text:#d8f6ff;--ark-text-dim:#d8f6ff9e;--ark-good:#4dffb0;--ark-ok:#ffd36b;--ark-low:#ff6b7a;--ark-font:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--ark-mono:ui-monospace, Consolas, "SFMono-Regular", monospace}*{box-sizing:border-box}html,body,#root{background:var(--ark-bg);width:100%;height:100%;color:var(--ark-text);font-family:var(--ark-font);margin:0;overflow:hidden}.app{position:fixed;inset:0}.app canvas{display:block}.webgl-fallback{text-align:center;color:var(--ark-text);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.hud{pointer-events:none;padding:20px 24px;position:fixed;inset:0}.hud-location{text-shadow:0 0 12px #000000e6;position:absolute;top:20px;left:24px}.hud-location h1{letter-spacing:.12em;text-transform:uppercase;margin:2px 0 4px;font-size:22px;font-weight:300}.hud-eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--ark-cyan);font-size:11px;display:block}.hud-eyebrow:before{content:"";vertical-align:middle;background:var(--ark-cyan);width:22px;height:2px;box-shadow:0 0 8px var(--ark-cyan);margin-right:8px;display:inline-block}.hud-build{font-family:var(--ark-mono);color:var(--ark-text-dim);font-size:11px}.hud-panel{pointer-events:auto;background:var(--ark-panel);border:1px solid var(--ark-panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;width:220px;padding:12px 14px;position:absolute;top:20px;right:24px;box-shadow:0 0 24px #3ee6ff14,inset 0 0 0 1px #ffffff05}.hud-panel-title{letter-spacing:.3em;text-transform:uppercase;color:var(--ark-cyan-dim);margin-bottom:8px;font-size:10px}.hud-segmented{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.hud-segmented button{font:inherit;cursor:pointer;color:var(--ark-text-dim);background:#3ee6ff0a;border:1px solid #3ee6ff2e;border-radius:4px;padding:6px 0;font-size:12px;transition:background .12s,color .12s,border-color .12s}.hud-segmented button:hover{color:var(--ark-text);border-color:var(--ark-cyan-dim)}.hud-segmented button.active{color:#001014;background:var(--ark-cyan);border-color:var(--ark-cyan);box-shadow:0 0 12px #3ee6ff73}.hud-segmented button:focus-visible,.hud-link:focus-visible{outline:2px solid var(--ark-cyan);outline-offset:2px}.hud-link{font:inherit;cursor:pointer;color:var(--ark-cyan-dim);text-underline-offset:3px;background:0 0;border:none;margin-top:10px;padding:0;font-size:11px;text-decoration:underline}.hud-stats{font-family:var(--ark-mono);grid-template-columns:1fr auto;gap:2px 8px;margin:8px 0 0;font-size:12px;display:grid}.hud-stats dt{color:var(--ark-text-dim)}.hud-stats dd{text-align:right;margin:0}.fps-good{color:var(--ark-good)}.fps-ok{color:var(--ark-ok)}.fps-low{color:var(--ark-low)}.hud-hint{text-align:center;max-width:calc(100% - 32px);color:var(--ark-text);background:var(--ark-panel);border:1px solid var(--ark-panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hud-hint strong{color:var(--ark-cyan);font-weight:600}.hud-hint-sub{color:var(--ark-text-dim);font-size:11px;display:block}@media (width<=640px){.hud-panel{top:auto;bottom:90px;right:16px}.hud-location{left:16px}}.hud-slider{margin-top:12px}.hud-slider-label{color:var(--ark-text-dim);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.hud-slider-label span{font-family:var(--ark-mono);color:var(--ark-text)}.hud-slider input[type=range]{width:100%;accent-color:var(--ark-cyan);cursor:pointer}.hud-check{color:var(--ark-text-dim);cursor:pointer;align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.hud-check input{accent-color:var(--ark-cyan);margin:0}