#hud .back{display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--glow);text-decoration:none;pointer-events:auto;border-bottom:1px solid transparent}#hud .back:hover{border-bottom-color:var(--glow)}#controls{gap:5px;padding:7px 10px;flex-direction:column;border-radius:18px;max-width:min(900px,calc(100vw - 28px))}#controls .row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}#controls .group{display:flex;align-items:center;gap:4px;padding:0 6px;border-right:1px solid var(--border)}#controls .group:last-child{border-right:0}#controls .tag{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted);padding:0 4px 0 6px}#debug-row{border-top:1px solid var(--border);padding-top:5px}#scrub{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:130px;height:2px;background:#e7f0ea33;border-radius:2px;outline:none;cursor:pointer}#scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--glow);box-shadow:0 0 8px var(--glow)}#scrub::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--glow)}#views{position:fixed;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;padding:7px;background:var(--panel);border:1px solid var(--border);border-radius:14px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#views button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:600;letter-spacing:.14em;padding:7px 12px;border-radius:999px;cursor:pointer;transition:color .15s,background .15s}#views button:hover{color:var(--ink);background:#e7f0ea14}#views button.on{color:#05131a;background:var(--glow)}#compass{position:fixed;right:20px;bottom:20px;pointer-events:none;-webkit-user-select:none;user-select:none}#debug-readout{position:fixed;right:20px;top:132px;width:268px;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:right;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#debug-readout section{margin-bottom:12px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}#debug-readout h2{margin:0 0 6px;font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--glow)}#debug-readout .line{display:flex;justify-content:flex-end;gap:8px;line-height:1.55;font-variant-numeric:tabular-nums}#debug-readout .line b{font-weight:600;color:var(--ink);min-width:108px;text-align:right}#debug-readout .ok b{color:#7dff9b}#debug-readout .bad b{color:#ff6b6b}#debug-readout .swatch{display:inline-block;width:16px;height:2px;margin-bottom:3px;margin-left:6px}#stats dd.bad{color:#ff6b6b}@media (max-width: 1100px){#debug-readout{display:none}}@media (max-width: 760px){#views{left:50%;top:auto;bottom:130px;transform:translate(-50%);flex-direction:row}#views button{padding:6px 8px;letter-spacing:.08em}#compass{display:none}}