.live-root{--stage-bg:#f4ba34;--stage-panel:#efad2f;--stage-panel-hi:#f6c447;--stage-ink:#3a3a3a;--stage-ink-dim:#5a5a5a;--stage-gold:#3a3a3a;--stage-amber:#7b3c00;--stage-line:#3a3a3a2e;--stage-miss:#3a3a3a59;--stage-mono:var(--font-dm-mono),ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--stage-bg);color:var(--stage-ink);margin:16px 0 32px;padding:28px 0}.live-heading{letter-spacing:.01em;font-size:1.35rem;font-weight:700}.live-btn{color:var(--stage-ink);border:1px solid var(--stage-line);cursor:pointer;text-align:center;background:0 0;border-radius:0;padding:10px 18px;font-size:.95rem;font-weight:600;display:inline-block}.live-btn:hover{border-color:var(--stage-gold)}.live-btn:focus-visible{outline:2px solid var(--stage-gold);outline-offset:2px}.live-btn:disabled{opacity:.4;cursor:not-allowed}.live-btn-primary{background:var(--stage-ink);color:#f4ba34;border-color:var(--stage-ink)}.live-btn-primary:hover:not(:disabled){background:#1a1200}.live-btn-active{background:var(--stage-panel-hi);border-color:var(--stage-gold);color:var(--stage-gold)}.live-btn-ghost{color:var(--stage-ink-dim);border:none;padding:10px 18px}.live-btn-ghost:hover{color:var(--stage-ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.live-stepper .live-btn-ghost{border:1px solid var(--stage-line)}.live-stepper .live-btn-ghost:hover{border-color:var(--stage-ink);text-decoration:none}.live-setup{flex-direction:column;gap:22px;max-width:620px;display:flex}.live-setup-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.live-xp-badge{font-family:var(--stage-mono);color:var(--stage-ink-dim);text-transform:lowercase;letter-spacing:.02em;white-space:nowrap;font-size:.8rem}.live-field{flex-direction:column;gap:8px;display:flex}.live-field-row{flex-wrap:wrap;gap:32px;display:flex}.live-label{letter-spacing:.02em;text-transform:lowercase;color:var(--stage-ink-dim);font-size:.75rem;font-weight:700}.live-select{background:var(--stage-panel);color:var(--stage-ink);border:1px solid var(--stage-line);border-radius:0;max-width:100%;padding:10px 12px}.live-select:focus-visible{outline:2px solid var(--stage-gold);outline-offset:2px}.live-field-note{color:var(--stage-ink-dim);max-width:46ch;font-size:.85rem}.live-stepper{align-items:center;gap:12px;display:flex}.live-stepper-value{font-family:var(--stage-mono);text-align:center;min-width:7.5ch;color:var(--stage-gold);font-size:1.3rem}.live-toggle{gap:8px;display:flex}.live-input-choice{border:none;min-width:0;margin:0;padding:0}.live-input-choice legend{margin-bottom:8px;padding:0}.live-calibration{flex-direction:column;gap:10px;margin-top:14px;display:flex}.live-cal-instruction{font-size:.95rem}.live-cal-checks{gap:8px;display:flex}.live-cal-check{border:1px solid var(--stage-line);background:0 0;width:22px;height:22px}.live-cal-check-on{background:var(--stage-gold);border-color:var(--stage-gold)}.live-meter{border:1px solid var(--stage-line);background:var(--stage-panel);max-width:320px;height:10px}.live-meter-fill{background:var(--stage-gold);height:100%;transition:width .12s linear}.live-notice{color:var(--stage-amber);border-left:3px solid var(--stage-amber);padding-left:12px;font-size:.9rem}.live-setup-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.live-stage-wrap{flex-direction:column;gap:18px;display:flex}.live-hud{align-items:flex-end;gap:32px;display:flex}.live-hud-item{flex-direction:column;gap:2px;display:flex}.live-hud-label{letter-spacing:.02em;text-transform:lowercase;color:var(--stage-ink-dim);font-size:.7rem;font-weight:700}.live-hud-value{font-family:var(--stage-mono);color:var(--stage-ink);font-size:1.7rem;line-height:1}.live-combo{color:var(--stage-gold);animation:.22s ease-out live-combo-pop}@keyframes live-combo-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.live-stop{margin-left:auto}.live-lane{background:var(--stage-panel);border:1px solid var(--stage-line);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;height:220px;position:relative;overflow:hidden}.live-lane:focus-visible{outline:2px solid var(--stage-gold);outline-offset:2px}.live-sand{opacity:.5;pointer-events:none;position:absolute;inset:0}.live-lane-center{background:var(--stage-line);pointer-events:none;height:1px;position:absolute;top:50%;left:0;right:0}.live-strike{background:var(--stage-gold);pointer-events:none;width:3px;position:absolute;top:8%;bottom:8%;left:18%}.live-strike[data-heat="1"]{width:4px}.live-strike[data-heat="2"]{width:5px;box-shadow:0 0 6px #3a3a3a4d}.live-strike[data-heat="3"]{width:6px;box-shadow:0 0 10px #3a3a3a6b}.live-strike[data-heat="4"]{width:7px;box-shadow:0 0 15px #3a3a3a8c}.live-strike-break{animation:.12s ease-out live-strike-shudder}@keyframes live-strike-shudder{0%{transform:translate(-2px)}33%{transform:translate(2px)}66%{transform:translate(-1px)}to{transform:translate(0)}}.live-strike-stray{animation:.26s ease-out live-stray}@keyframes live-stray{0%{background:var(--stage-miss);box-shadow:0 0 0 6px #3a3a3a33}to{background:var(--stage-gold);box-shadow:none}}.live-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:18%}.live-burst span{background:var(--stage-ink);opacity:0;width:2px;height:18px;animation:.4s ease-out forwards live-ray;position:absolute;top:-9px;left:-1px}@keyframes live-ray{0%{opacity:.85;transform:rotate(var(--ray-angle))translateY(-10px)scaleY(.4)}to{opacity:0;transform:rotate(var(--ray-angle))translateY(-36px)scaleY(1)}}.live-hand-labels{font-family:var(--stage-mono);color:var(--stage-ink-dim);pointer-events:none;flex-direction:column;justify-content:space-around;font-size:.8rem;display:flex;position:absolute;top:0;bottom:0;left:10px}.live-note{border:2px solid var(--stage-ink);pointer-events:none;will-change:transform;background:0 0;width:14px;margin-left:-7px;position:absolute;left:0}.live-note-r{bottom:52%}.live-note-l{top:52%}.live-note-normal{height:38px}.live-note-accent{background:var(--stage-gold);border-color:var(--stage-gold);height:58px}.live-note-ghost{opacity:.6;height:20px}.live-note-hand{font-family:var(--stage-mono);color:var(--stage-ink-dim);font-size:.6rem;position:absolute;left:50%;transform:translate(-50%)}.live-note-r .live-note-hand{top:-16px}.live-note-l .live-note-hand{bottom:-16px}.live-note[data-verdict=perfect]{background:var(--stage-gold);border-color:var(--stage-gold);animation:.34s ease-out live-flash-perfect}.live-note[data-verdict=perfect]:after{content:"";border-right:2px solid var(--stage-gold);border-bottom:2px solid var(--stage-gold);width:6px;height:11px;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(45deg)}.live-note-l[data-verdict=perfect]:after{top:auto;bottom:-30px}@keyframes live-flash-perfect{0%{box-shadow:0 0 0 10px #3a3a3a66}to{box-shadow:0 0 #3a3a3a00}}.live-note[data-verdict=good]{background:var(--stage-amber);border-color:var(--stage-amber);animation:.3s ease-out live-flash-good}@keyframes live-flash-good{0%{box-shadow:0 0 0 6px #7b3c0066}to{box-shadow:0 0 #7b3c0000}}.live-note[data-verdict=good]:before{font-family:var(--stage-mono);letter-spacing:.02em;color:var(--stage-amber);white-space:nowrap;font-size:.55rem;position:absolute;left:50%;transform:translate(-50%)}.live-note[data-direction=early]:before{content:"early"}.live-note[data-direction=late]:before{content:"late"}.live-note-r[data-verdict=good]:before{top:-30px}.live-note-l[data-verdict=good]:before{bottom:-30px}.live-note[data-verdict=miss]{border:1px solid var(--stage-miss);opacity:.8;background:0 0}.live-note[data-verdict=miss] .live-note-hand{color:var(--stage-miss)}.live-note-static{margin-left:0;transform:none}.live-note-static[data-active=true]{outline:2px solid var(--stage-gold);outline-offset:3px}.live-measure-readout{font-family:var(--stage-mono);color:var(--stage-ink-dim);font-size:.9rem}.live-input-hint{color:var(--stage-ink-dim);font-size:.85rem}.live-toast-slot{align-items:flex-end;height:30px;display:flex}.live-toast{font-family:var(--stage-mono);color:var(--stage-ink);background:var(--stage-panel);border-left:3px solid var(--stage-ink);padding:6px 12px;font-size:.85rem;line-height:1;animation:.22s ease-out live-toast-in}@keyframes live-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.live-countin{pointer-events:none;background:#f4ba34e0;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.live-count-squares{gap:12px;display:flex}.live-count-square{border:2px solid var(--stage-ink);background:0 0;width:14px;height:14px}.live-count-square-on{background:var(--stage-ink)}.live-countin-numeral{font-family:var(--stage-mono);color:var(--stage-gold);font-size:6rem;font-weight:500;line-height:1;animation:.24s ease-out live-count-beat}@keyframes live-count-beat{0%{opacity:.4;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.live-milestone{font-family:var(--stage-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--stage-gold);pointer-events:none;opacity:0;padding:6px 0;font-size:1rem;animation:1.4s ease-out forwards live-milestone-flash;position:absolute;top:14px;right:16px}@keyframes live-milestone-flash{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0}}.live-results{flex-direction:column;gap:20px;max-width:640px;display:flex}.live-stars{gap:14px;display:flex}.live-star{border:2px solid var(--stage-miss);background:0 0;width:34px;height:34px;transform:rotate(45deg)}.live-star-earned{border-color:var(--stage-gold);background:var(--stage-gold);opacity:0;animation:.42s ease-out forwards live-star-reveal}@keyframes live-star-reveal{0%{opacity:0;transform:rotate(45deg)scale(.4)}60%{opacity:1;transform:rotate(45deg)scale(1.18)}to{opacity:1;transform:rotate(45deg)scale(1)}}.live-results-title{margin-top:4px}.live-medal-moment{align-items:center;gap:16px;padding:6px 0;display:flex}.live-medal{flex-shrink:0;width:24px;height:24px;margin:5px;animation:.3s ease-out live-medal-stamp;transform:rotate(45deg)}@keyframes live-medal-stamp{0%{opacity:0;transform:rotate(45deg)scale(1.4)}to{opacity:1;transform:rotate(45deg)scale(1)}}.live-medal-bronze{border:1px solid var(--stage-ink);background:0 0}.live-medal-silver{border:1px solid var(--stage-line);background:var(--stage-panel-hi)}.live-medal-gold{border:1px solid var(--stage-ink);background:var(--stage-ink)}.live-medal-master{border:1px solid var(--stage-ink);background:var(--stage-ink);outline:1px solid var(--stage-ink);outline-offset:3px}.live-medal-label{font-family:var(--stage-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--stage-ink);font-size:.85rem}.live-ring-block{color:var(--stage-ink);flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.live-ring-caption{font-family:var(--stage-mono);letter-spacing:.02em;text-transform:lowercase;color:var(--stage-ink-dim);text-align:center;text-wrap:balance;max-width:42ch;font-size:.7rem}.live-stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:20px 24px;display:grid}.live-stat{border-top:1px solid var(--stage-line);padding:12px 0 0}.live-stat dt{letter-spacing:.02em;text-transform:lowercase;color:var(--stage-ink-dim);margin-bottom:6px;font-size:.7rem;font-weight:700}.live-stat dd{font-family:var(--stage-mono);color:var(--stage-gold);margin:0;font-size:1.6rem}.live-analysis{flex-direction:column;gap:6px;font-size:.95rem;display:flex}.live-hands,.live-consistency{font-family:var(--stage-mono);color:var(--stage-ink-dim);font-size:.85rem}.live-tendency{color:var(--stage-ink)}.live-coach{border-left:3px solid var(--stage-gold);background:var(--stage-panel);text-wrap:balance;padding:14px 16px;font-size:1.05rem;line-height:1.5}.live-xp-line{font-family:var(--stage-mono);color:var(--stage-ink-dim);font-size:.8rem}.live-results-actions{flex-wrap:wrap;gap:12px;display:flex}.live-skeleton{flex-direction:column;justify-content:center;gap:14px;min-height:200px;display:flex}.live-skeleton-line{background:var(--stage-panel-hi);max-width:420px;height:18px}@media (max-width:640px){.live-root{padding:16px 0}.live-setup{gap:clamp(20px,5vw,32px)}.live-setup-head{flex-direction:column;align-items:flex-start;gap:8px}.live-field-row{flex-direction:column;gap:clamp(20px,5vw,32px)}.live-field-row>.live-field,.live-select{width:100%}.live-setup-actions{border-top:1px solid var(--stage-line);padding-top:clamp(20px,5vw,32px)}.live-results{gap:clamp(20px,5vw,32px)}.live-hud{flex-wrap:wrap;gap:12px 18px}.live-hud-value{font-size:1.3rem}.live-lane{height:180px}.live-countin-numeral{font-size:4rem}}@media (prefers-reduced-motion:reduce){.live-combo,.live-countin-numeral,.live-note[data-verdict=perfect],.live-note[data-verdict=good],.live-strike-stray,.live-strike-break,.live-star-earned,.live-milestone,.live-toast,.live-medal{animation:none}.live-star-earned,.live-milestone{opacity:1}.live-meter-fill{transition:none}.live-burst{display:none}.live-strike[data-heat="2"],.live-strike[data-heat="3"],.live-strike[data-heat="4"]{box-shadow:none}}