.live{--stage-ring:#18507924;background-color:var(--surface);background-image:linear-gradient(180deg, var(--mist) 0%, #f6eee5 100%);color:var(--fg)}.live[data-mode=replay]{background-image:linear-gradient(180deg, var(--mist) 0%, #e8eff3 48%, var(--accent-1) 100%)}.live-snap{scroll-snap-type:y proximity}.live-head{border-bottom:1px solid #1850791f;flex-wrap:wrap;align-items:center;gap:12px 16px;min-height:64px;display:flex}.seg{letter-spacing:.01em;background:#ffffff8c;border:1px solid #18507938;border-radius:999px;padding:3px;font-size:13px;font-weight:800;display:inline-flex}.seg>button{min-height:32px;color:var(--muted);border-radius:999px;padding:0 14px}.seg>button[aria-checked=true]{background:var(--ink);color:var(--mist)}.mode-line{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;font-size:13px;display:flex}.mode-line>strong{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.mode-line .dot{background:var(--ink);border-radius:999px;width:8px;height:8px}.stage{gap:8px;display:grid}.stage-slot{scroll-snap-align:center;align-items:center;min-height:46vh;display:grid}.stage-card{background:#fff;border:1px solid #1850791a;border-radius:14px;padding:24px;position:relative;box-shadow:0 1px #1850790a}.stage-slot>.stage-card{opacity:.5;transform-origin:50%;transition:opacity .4s var(--ease-settle), transform .4s var(--ease-settle), box-shadow .4s var(--ease-settle);transform:scale(.96)}.stage-slot>.stage-card[data-active=true]{opacity:1;box-shadow:0 0 0 1px var(--stage-ring), 0 24px 48px -28px #18507973;transform:none}.stage-card[data-unanchored=true]{background:color-mix(in srgb, #fff 70%, var(--mist))}.stage-index{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:12px}.stage-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);font-size:32px;font-weight:800;line-height:1}.stage-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border:1px solid #1850791a;border-radius:14px}@media (min-width:1024px){.panel-sticky{max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow-y:auto}}.attack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.attack-tile{text-align:left;background:#fff;border:1px solid #1850791f;border-radius:10px;flex-direction:column;gap:8px;min-height:100%;padding:12px;display:flex}.attack-tile[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.attack-tile .btn{margin-top:auto}@media (max-width:479px){.attack-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px){.attack-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.live-snap{scroll-snap-type:none}.stage-slot>.stage-card{transition:none;transform:none}}