:root{--color-bg:#0a0a0f;--color-accent:#4ff0ff;--color-accent-dim:#1a4a52;--color-accent-glow:#4ff0ff59;--color-trap:#ff4f6d;--color-text:#d8f6f8;--color-text-dim:#6b8a8d;--font-main:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);height:100%}body{font-family:var(--font-main);color:var(--color-text);overflow:hidden}.app-root{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.ring-board-svg{width:min(90vw,90vh);height:min(90vw,90vh)}.collapse-overlay{background:0 0;flex-direction:column;justify-content:center;align-items:center;transition:background .8s;display:flex;position:absolute;inset:0}.collapse-overlay.phase-fold,.collapse-overlay.phase-reveal{background:#00000059}.collapse-group{transform-origin:50%;transition:transform .6s ease-in}.phase-shake .collapse-group{animation:.4s ease-in-out screenShake}.phase-fold .collapse-group,.phase-reveal .collapse-group{transform:scale(.4)}@keyframes screenShake{0%{transform:translate(0)}20%{transform:translate(-8px,4px)}40%{transform:translate(6px,-6px)}60%{transform:translate(-4px,6px)}80%{transform:translate(4px,-3px)}to{transform:translate(0)}}.collapse-group circle{opacity:1}.phase-reveal .collapse-group{opacity:.55}.near-miss-node{animation:1.2s ease-in-out infinite nearMissPulse}@keyframes nearMissPulse{0%,to{opacity:.6}50%{opacity:1}}.collapse-message{text-align:center;animation:.6s ease-out fadeInMessage;position:absolute}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.collapse-title{color:var(--color-trap);letter-spacing:.05em;margin-bottom:.5rem;font-size:1.8rem}.collapse-subtitle{color:var(--color-text-dim);margin-bottom:1.5rem;font-size:1rem}.collapse-continue-btn{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:4px;padding:.6rem 1.6rem;font-size:.95rem;transition:background .2s,box-shadow .2s}.collapse-continue-btn:hover{background:var(--color-accent-glow);box-shadow:0 0 16px var(--color-accent-glow)}.run-board-wrapper{transform-origin:50%;transition:transform 1s ease-in-out,opacity 1s ease-in-out}.run-board-wrapper.zoomed-out{opacity:.35;transform:scale(.55)}.run-summary-overlay{justify-content:center;align-items:center;animation:.8s ease-out fadeInMessage;display:flex;position:absolute;inset:0}.run-summary-content{text-align:center;border:1px solid var(--color-accent-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0fb3;border-radius:8px;padding:2.5rem 3rem}.run-summary-title{color:var(--color-accent);letter-spacing:.05em;margin-bottom:.5rem;font-size:1.6rem}.run-summary-best-tag{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.85rem}.run-summary-stats{justify-content:center;gap:2.5rem;margin-bottom:2rem;display:flex}.run-summary-stat{flex-direction:column;gap:.3rem;display:flex}.run-summary-stat-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.run-summary-stat-value{color:var(--color-text);font-size:2rem}.run-summary-btn{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:4px;padding:.7rem 2rem;font-size:.95rem;transition:background .2s,box-shadow .2s}.run-summary-btn:hover{background:var(--color-accent-glow);box-shadow:0 0 16px var(--color-accent-glow)}.bank-score-btn{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:4px;padding:.7rem 2.2rem;font-size:.95rem;transition:background .2s,box-shadow .2s;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.bank-score-btn:hover{background:var(--color-accent-glow);box-shadow:0 0 16px var(--color-accent-glow)}.bank-score-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.hud-root{pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;display:flex;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.hud-primary{flex-direction:column;align-items:center;display:flex}.hud-score{color:var(--color-text);letter-spacing:.03em;font-size:2.4rem;line-height:1}.hud-ring-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;margin-top:.3rem;font-size:.85rem}.hud-secondary{margin-top:.5rem}.hud-multiplier{color:var(--color-accent);opacity:.8;font-size:.8rem}.hud-best{border-right:1px solid var(--color-accent-dim);flex-direction:column;align-items:flex-end;gap:.1rem;padding:.6rem 1rem;display:flex;position:fixed;top:2rem;right:2rem}.hud-best-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem}.hud-best-value{color:var(--color-text);font-size:1.1rem}.hud-best-ring{color:var(--color-text-dim);font-size:.7rem}.reachable-node{animation:2.4s ease-in-out infinite reachablePulse}@keyframes reachablePulse{0%,to{opacity:1}50%{opacity:.65}}.ring-node{transition:r .2s}.reachable-node:hover{r:13}.howto-hint{text-align:center;max-width:24rem;color:var(--color-text-dim);pointer-events:none;opacity:.75;padding:0 1rem;font-size:.78rem;line-height:1.5;position:absolute;bottom:6.5rem;left:50%;transform:translate(-50%)}.scan-toggle-btn{border:1px solid var(--color-accent-dim);color:var(--color-text-dim);letter-spacing:.05em;cursor:pointer;pointer-events:auto;background:0 0;border-radius:4px;margin-top:.8rem;padding:.4rem 1.1rem;font-size:.75rem;transition:border-color .2s,color .2s,box-shadow .2s}.scan-toggle-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.scan-toggle-btn.active{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.scan-toggle-btn:disabled{opacity:.35;cursor:default}.scan-label{letter-spacing:.06em;font-size:13px;font-family:var(--font-main)}.collapse-svg{margin:auto;position:absolute;inset:0}.collapse-message{z-index:2}