.rr-root{touch-action:none;font-family:var(--font-mono,monospace);background:#0a0e1f;position:absolute;inset:0;overflow:hidden}.rr-canvas{position:absolute;inset:0}.rr-canvas canvas{width:100%!important;height:100%!important;display:block!important}.rr-ui{z-index:3;pointer-events:none;color:#eaf3ff;position:absolute;inset:0}.rr-hud{top:max(8px,env(safe-area-inset-top));letter-spacing:.09em;text-align:center;background:#0a0e1fd9;border:1px solid #6ee7ff55;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:7px 9px;font-size:9px;display:grid;position:absolute;left:10px;right:62px;box-shadow:0 8px 20px #0006}.rr-hud span{justify-items:center;gap:3px;display:grid}.rr-hud b{color:#fff;font-size:clamp(13px,3.6vw,18px)}.rr-hud .is-active b{color:#ffe66d;text-shadow:0 0 10px #ffb23f}.rr-readout{top:calc(max(8px,env(safe-area-inset-top)) + 58px);letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:6px;font-size:11px;display:flex;position:absolute;left:10px;right:10px}.rr-readout span{background:#0a0e1fb3;border:1px solid #6ee7ff33;border-radius:999px;padding:3px 9px}.rr-verdict.is-good{color:#9fe3ff;border-color:#9fe3ff66}.rr-verdict.is-tight{color:#fff3b0;border-color:#fff3b088}.rr-verdict.is-miss,.rr-err.is-miss{color:#ff8aa3;border-color:#ff6b8a88}.rr-live{color:#eaf3ff}.rr-direction{color:#fff3b0;font-weight:800;border-color:#fff3b088!important}.rr-node{color:#b6ffce;border-color:#b6ffce66}.rr-goal{color:#fff3b0;text-shadow:0 1px 2px #000;font-weight:800;border-color:#fff3b088!important}.rr-overlay{pointer-events:auto;background:#080c26c9;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.rr-card{text-align:center;background:#101636f2;border:1px solid #6ee7ff88;border-radius:12px;justify-items:center;gap:10px;width:min(340px,100% - 24px);max-height:100%;padding:clamp(18px,6vw,30px);display:grid;overflow:hidden;box-shadow:0 18px 60px #000b,0 0 32px #6ee7ff33}.rr-card h2{color:#eaf3ff;font:700 clamp(20px,7vw,32px) var(--font-display,sans-serif);letter-spacing:.12em;margin:0}.rr-card p{color:#b7c4ea;letter-spacing:.06em;margin:0;font-size:11px;line-height:1.65}.rr-start-guide{justify-items:center;gap:8px;width:100%;display:grid}.rr-guide-svg{width:min(220px,72%);height:auto}.rr-guide-line{color:#6ee7ff;letter-spacing:.05em;margin:0;font-size:12px;font-weight:700}.rr-card strong{color:#ffe66d;font-size:44px}.rr-results{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:0;display:grid}.rr-results div{gap:2px;display:grid}.rr-results dt{color:#8fa0cf;letter-spacing:.08em;font-size:9px}.rr-results dd{color:#eaf3ff;margin:0;font-size:16px;font-weight:700}.rr-new-best{color:#6ee7ff;letter-spacing:.08em;margin:0;font-size:12px;font-weight:800}.rr-new-best span{color:#ffe66d;border:1px solid #ffe66d;border-radius:50%;place-items:center;width:18px;height:18px;display:inline-grid;box-shadow:0 0 14px #ffb23f}.rr-all-dirs dd{color:#ffe66d;text-shadow:0 0 10px #ffb23f}.rr-all-dirs dt:after{content:" COMPLETE";color:#ffe66d;font-size:7px;display:block}.rr-finale{color:#fff3b0;letter-spacing:.06em;text-shadow:0 1px 2px #000;font-weight:800;animation:1.4s ease-in-out infinite rr-finale-pulse;border-color:#fff3b088!important}@keyframes rr-finale-pulse{0%,to{opacity:.85}50%{opacity:1}}.rr-finale-result{letter-spacing:.08em;margin:0;font-size:11px;font-weight:800}.rr-finale-result.is-cleared{color:#fff3b0;text-shadow:0 0 10px #ffb23f}.rr-finale-result.is-missed{color:#8fa0cf}@media (prefers-reduced-motion:reduce){.rr-finale{animation:none}}.rr-card small{color:#a7b6de;letter-spacing:.1em}.rr-card button.rr-play{color:#08122a;min-height:46px;font:800 12px var(--font-mono,monospace);letter-spacing:.14em;cursor:pointer;background:#6ee7ff;border:0;border-radius:6px;padding:11px 24px}.rr-mute{top:max(8px,env(safe-area-inset-top));z-index:4;pointer-events:auto;position:absolute;right:10px}.rr-mute button{color:#eaf3ff;cursor:pointer;background:#0a0e1fd9;border:1px solid #6ee7ff55;border-radius:7px;min-width:34px;min-height:30px;padding:4px 7px;font-size:13px;line-height:1}@media (orientation:landscape) and (height<=500px){.rr-hud{grid-template-columns:repeat(4,minmax(0,1fr));font-size:8px}.rr-readout{top:calc(max(8px,env(safe-area-inset-top)) + 52px)}.rr-overlay{padding:6px}.rr-card{gap:3px;width:min(520px,100% - 12px);padding:8px 16px}.rr-card h2{font-size:20px}.rr-guide-svg{width:112px}.rr-start-guide{gap:2px}.rr-card p{font-size:9px;line-height:1.2}.rr-guide-line,.rr-guide-traverse{font-size:10px}.rr-card button.rr-play{min-height:46px;padding:9px 22px}}@media (width>=900px) and (height<=720px){.rr-overlay{padding:8px}.rr-card{gap:6px;width:min(500px,100% - 24px);padding:12px 20px}.rr-card h2{font-size:24px}.rr-guide-svg{width:148px}.rr-start-guide{gap:4px}.rr-card p{font-size:10px;line-height:1.35}.rr-guide-line,.rr-guide-traverse{font-size:11px}.rr-card button.rr-play{min-height:46px;padding:10px 24px}}@media (width<=520px) and (orientation:portrait){.rr-mute{top:max(8px,env(safe-area-inset-top));bottom:auto;left:auto;right:10px}}@media (width<=420px) and (height>=700px){.rr-overlay{place-items:start center;padding:8px}.rr-card{gap:6px;padding:12px 14px}.rr-card h2{font-size:22px}.rr-guide-svg{width:132px}.rr-start-guide{gap:4px}.rr-card p{font-size:10px;line-height:1.42}.rr-guide-line{font-size:11px}.rr-card button.rr-play{min-height:46px;padding:10px 22px}.rr-guide-traverse{font-size:11px}.rr-dir{width:14px;height:14px;font-size:10px}}.rr-guide-cut{stroke-dasharray:240;stroke-dashoffset:240px;animation:2.4s cubic-bezier(.4,0,.2,1) infinite rr-guide-draw}@keyframes rr-guide-draw{0%{stroke-dashoffset:240px}55%{stroke-dashoffset:0}82%{stroke-dashoffset:0}to{stroke-dashoffset:240px}}.rr-guide-traverse{color:#ffe66d;letter-spacing:.04em;margin:0;font-size:12px;font-weight:800}.rr-dirs{background:#0a0e1fb3;border:1px solid #6ee7ff33;border-radius:999px;gap:3px;padding:3px 8px;display:inline-flex}.rr-dir{color:#566080;border:1px solid #6ee7ff44;border-radius:4px;place-items:center;width:15px;height:15px;font-size:11px;line-height:1;display:inline-grid}.rr-dir.is-on{color:#ffe66d;text-shadow:0 0 6px #ffb23f;background:#ffe66d22;border-color:#ffe66d}@media (prefers-reduced-motion:reduce){.rr-guide-cut{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}