:root{--ink:#e1ebffeb;--dim:#becdeb80;--line:#c8dcff8c;--warn:#ff4d6d;--amber:#ffb04a;--cyan:#5ff2ff;--font:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:#04040a;height:100%;margin:0;overflow:hidden}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;font-family:var(--font);color:var(--ink);letter-spacing:.08em;position:fixed;inset:0}.hud{transition:opacity .4s;position:absolute;inset:0}.hud.off{opacity:0}.corner{position:absolute}.tl{align-items:center;gap:14px;display:flex;top:24px;left:28px}.tr{text-align:right;top:22px;right:30px}.br{align-items:flex-end;gap:12px;display:flex;bottom:26px;right:30px}.bl{bottom:28px;left:30px}.tc{text-align:center;top:22px;left:50%;transform:translate(-50%)}.label{color:var(--dim);text-transform:uppercase;letter-spacing:.24em;font-size:10px}.big{font-size:22px;font-weight:300}.huge{letter-spacing:.02em;font-size:34px;font-weight:200}.timer-ring circle{fill:none;stroke-width:1.5px}.timer-ring .bg{stroke:#c8dcff26}.timer-ring .fg{stroke:var(--cyan);stroke-linecap:round;transition:stroke .3s}.timer-ring.low .fg{stroke:var(--warn)}.chain{font-size:34px;font-weight:200;line-height:1}.chain small{opacity:.7;font-size:16px}.pips{gap:8px;display:flex}.pip{border:1.5px solid var(--line);border-radius:50%;width:16px;height:16px;transition:all .25s}.pip.on{background:radial-gradient(circle,#d6fbff 0%,#5ff2ff 45%,#5ff2ff1a 70%);border-color:#bff8ff;box-shadow:0 0 10px #5ff2ff}.rule{background:linear-gradient(90deg, transparent, var(--line), transparent);height:1px;position:absolute;bottom:20px}.marker{width:0;height:0;position:absolute;top:0;left:0}.marker .dot{border:1.5px solid var(--amber);width:18px;height:18px;position:absolute;top:-9px;left:-9px;transform:rotate(45deg);box-shadow:0 0 12px #ffb04a99}.marker.drop .dot{border-color:var(--cyan);box-shadow:0 0 12px #5ff2ffb3}.marker .txt{white-space:nowrap;color:var(--ink);text-shadow:0 0 6px #000;font-size:11px;position:absolute;top:-7px;left:16px}.marker .arrow{border-top:2px solid var(--amber);border-right:2px solid var(--amber);width:16px;height:16px;display:none;position:absolute;top:-8px;left:-8px}.marker.drop .arrow{border-color:var(--cyan)}.marker.edge .dot{display:none}.marker.edge .arrow{display:block}.tele{width:0;height:0;position:absolute;top:50%;left:50%}.tele svg{position:absolute;top:-70px;left:-70px;overflow:visible}.tele circle{fill:none;stroke:var(--amber);stroke-width:1.5px}.hint{letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 12px #5ff2ff99;opacity:0;font-size:15px;transition:opacity .5s;position:absolute;top:64%;left:50%;transform:translate(-50%)}.hint.on{opacity:1}.toast{opacity:0;text-shadow:0 0 14px #5ff2ffb3;font-size:26px;font-weight:200;transition:opacity .3s,transform .6s;position:absolute;top:30%;left:50%;transform:translate(-50%)}.toast.on{opacity:1;transform:translate(-50%,-12px)}.cross{background:#e6f0ff8c;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}.cross.target{border:1.5px solid var(--cyan);background:0 0;border-radius:50%;width:22px;height:22px;margin:-11px}.overlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.overlay.hidden{opacity:0}.overlay.title-screen{background:radial-gradient(at 50% 48%,#03030cb8 0%,#03030c59 38%,#0000 70%)}.overlay.results-screen{background:radial-gradient(#03040ed9 0%,#03040e8c 45%,#03040e33 80%)}.best-line{letter-spacing:.35em;color:var(--amber);min-height:1em;margin-top:26px;font-size:11px}.title{letter-spacing:.5em;text-shadow:0 0 28px #ff3caa99,0 0 60px #5ff2ff59;margin-right:-.5em;font-size:64px;font-weight:100}.sub{letter-spacing:.5em;color:var(--dim);margin-top:18px;font-size:12px;animation:2.4s ease-in-out infinite breathe}.keys{color:var(--dim);letter-spacing:.2em;text-align:center;margin-top:44px;font-size:11px;line-height:2}@keyframes breathe{50%{opacity:.35}}.card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;background:linear-gradient(90deg,#0000,#040610bf,#0000);padding:26px 60px}.card .row{justify-content:center;gap:60px;margin-top:18px;display:flex}.card .v{font-size:30px;font-weight:200}.card .again{letter-spacing:.5em;color:var(--cyan);margin-top:28px;font-size:12px;animation:2.4s ease-in-out infinite breathe}.fade{opacity:0;background:#000;transition:opacity .35s;position:absolute;inset:0}.fade.on{opacity:1}.debug{color:var(--dim);white-space:pre;text-align:right;font-size:10px;position:absolute;bottom:60px;right:8px}.look-hint{letter-spacing:.35em;color:var(--dim);text-transform:uppercase;opacity:0;font-size:11px;transition:opacity .4s;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.look-hint.on{opacity:1;animation:2.4s ease-in-out infinite breathe}.card .v{font-size:40px}.card{padding:34px 80px}.card .row{gap:80px}