:root{--fg:#e8edf5;--muted:#8a96a8;--accent:#ff9a3c;--panel:#080c14b8;color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{background:#000;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;cursor:crosshair;display:block}#loading{z-index:10;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.hidden{opacity:0;pointer-events:none}#loading.error p{color:#ff6b6b;text-align:center;max-width:80vw}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#hud{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;border-radius:10px;min-width:220px;padding:12px 14px;font-size:12px;line-height:1.5;position:fixed;top:12px;left:12px}#hud h1{margin:0 0 2px;font-size:15px;font-weight:650}#hud h1 span{color:var(--accent);font-weight:500}#backend{color:var(--muted);margin:0 0 8px}#stats{font-variant-numeric:tabular-nums;grid-template-columns:auto auto;gap:0 14px;margin:0;display:grid}#stats dt{color:var(--muted)}#stats dd{text-align:right;margin:0}#score{color:var(--accent);margin:8px 0 0;font-weight:600}.links{pointer-events:auto;margin:6px 0 0}.links a{color:var(--fg)}#hint{background:var(--panel);color:var(--muted);white-space:nowrap;pointer-events:none;border-radius:999px;margin:0;padding:6px 12px;font-size:12px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#crosshair{pointer-events:none;border:1.5px solid #ff9a3cd9;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:fixed;top:-100px;left:-100px}#notice{background:var(--panel);color:var(--accent);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;margin:0;padding:6px 12px;font-size:12px;transition:opacity .3s,transform .3s;position:fixed;top:12px;left:50%;transform:translate(-50%,-8px)}#notice.visible{opacity:1;transform:translate(-50%)}#crosshair.hidden{display:none}.lil-gui.root{--width:260px}#intro{text-align:center;pointer-events:none;text-shadow:0 2px 18px #000c;opacity:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 16px 14vh;display:flex;position:fixed;inset:0}#intro[hidden]{display:none}#intro h2{letter-spacing:-.02em;margin:0;font-size:clamp(34px,7vw,72px);font-weight:750}#intro p{margin:6px 0 0}#intro .count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(20px,3.4vw,34px);font-weight:600}#intro .calls{font-variant-numeric:tabular-nums;font-size:clamp(16px,2.4vw,24px)}#intro .features{color:var(--muted);font-size:clamp(12px,1.6vw,16px)}#intro .skip{color:var(--muted);opacity:.8;margin-top:18px;font-size:12px}body.intro #hud,body.intro #hint,body.intro #crosshair,body.intro .lil-gui.root{opacity:0;pointer-events:none}#hud,#hint,.lil-gui.root{transition:opacity .6s}@media (max-width:640px){#hud{min-width:0;padding:8px 10px;font-size:11px;top:8px;left:8px}#hud h1 span{display:none}#hud .links a{padding:4px 0;display:inline-block}#hint{bottom:calc(10px + env(safe-area-inset-bottom));font-size:11px}.lil-gui.root{--width:180px}}