@font-face{font-family:Yellowtail;font-style:normal;font-display:swap;font-weight:400;src:url(./yellowtail-latin-400-normal-BfFX3xIh.woff2)format("woff2"),url(./yellowtail-latin-400-normal-qKkxeRph.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(./rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-500-normal-1os41rQk.woff2)format("woff2"),url(./rubik-latin-500-normal-LZYVHeqz.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff)format("woff")}:root{--bg:#12071a;--panel:#1a0a24;--panel-border:#4a1f5e;--line:#2b1238;--text:#f4eafa;--muted:#c6b0d6;--accent:#ff3ea5;--accent-hover:#ff6dbb;--accent-ink:#2a0618;--violet:#8b5cf6;--glow-text:#ffe0f2;--correct:#2bd67b;--wrong:#ff7a9e;--vinyl:#0d0610;--gold:#ffc94a;--gold-ink:#2a1a00;--card-w:124px;--card-h:124px;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--script:Yellowtail, "Brush Script MT", cursive;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 50% 0%, #8b5cf61f, transparent 70%), var(--bg);min-height:100vh;margin:0}h1,h2{font-family:var(--display);letter-spacing:.04em;margin:0 0 .75rem;font-weight:800}h2{font-size:1.35rem}button{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.25rem;font-weight:700;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 16px #ff3ea573}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{border:2px solid var(--panel-border);color:var(--text);background:0 0;padding:calc(.65rem - 2px) calc(1.25rem - 2px);font-weight:500}button.secondary:hover:not(:disabled){border-color:var(--violet);box-shadow:none;background:#8b5cf626}input,select{font:inherit;border:2px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:10px;padding:.55rem 1.05rem .55rem .8rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]{background:0 0;border:none;padding:0}label{flex-direction:column;gap:.35rem;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--wrong)}.panel{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:1.25rem}.tube.pink{filter:drop-shadow(0 0 3px #ff2bd6)drop-shadow(0 0 12px #ff2bd6)}.tube.violet{filter:drop-shadow(0 0 3px #9d4dff)drop-shadow(0 0 12px #9d4dff)}.tube.rose{filter:drop-shadow(0 0 3px #ff5c8a)drop-shadow(0 0 10px #ff5c8a)}.neon-jukebox{flex-shrink:0;overflow:visible}.header{border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.6rem 1.5rem;display:flex;box-shadow:0 2px #4a1f5e99}.brand{white-space:nowrap;align-items:center;gap:.6rem;display:flex}.room-code{font-family:var(--display);letter-spacing:.25em;color:#ffc6e6;background:#2a1036;border-radius:999px;padding:.2rem .5rem .2rem .75rem;font-size:1.05rem;font-weight:700}.reconnecting{color:var(--wrong);font-size:.9rem}.spacer{flex:1}.locale-toggle{border:2px solid var(--panel-border);border-radius:999px;display:flex;overflow:hidden}.locale-toggle button{color:var(--muted);background:0 0;border-radius:0;padding:.3rem .75rem}.locale-toggle button:hover:not(:disabled){box-shadow:none;background:#8b5cf626}.locale-toggle button.active{color:var(--glow-text);background:#2a1036}main{max-width:1300px;margin:0 auto;padding:1.5rem}.home{text-align:center;flex-direction:column;gap:1rem;max-width:400px;margin:3rem auto;display:flex}.logo{letter-spacing:normal;flex-direction:column;align-items:center;gap:.75rem;margin:.5rem 0 .25rem;font-weight:400;display:flex}.wordmark{flex-direction:column;align-items:center;line-height:1;display:flex}.wordmark-top{font-family:var(--script);color:#f1e2ff;text-shadow:0 0 4px #9d4dff,0 0 14px #9d4dff,0 0 30px #9d4dff;font-size:3rem;transform:rotate(-4deg)}.wordmark-main{font-family:var(--display);letter-spacing:.2em;color:var(--glow-text);text-shadow:0 0 4px #ff2bd6,0 0 14px #ff2bd6,0 0 36px #ff2bd6;margin-right:-.2em;font-size:3.4rem;font-weight:800}.wordmark.small .wordmark-top{text-shadow:0 0 3px #9d4dff,0 0 10px #9d4dff;margin-bottom:-.1rem;font-size:1.35rem}.wordmark.small .wordmark-main{letter-spacing:.16em;text-shadow:0 0 3px #ff2bd6,0 0 10px #ff2bd6;margin-right:-.16em;font-size:1.35rem}.logo .neon-jukebox{animation:1.4s ease-out both neon-on}@keyframes neon-on{0%,12%,22%{opacity:.15}10%,18%,30%,to{opacity:1}}.home form>button{width:100%}.divider{color:var(--muted);margin:.25rem 0}.join-row{gap:.5rem;display:flex}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-family:var(--display);flex:1;font-weight:700}.lobby{grid-template-columns:1fr 1.2fr 1.9fr;align-items:start;gap:1.25rem;display:grid}.lobby section{flex-direction:column;gap:.9rem;display:flex}.big-code{font-family:var(--display);color:var(--glow-text);text-shadow:0 0 6px var(--accent), 0 0 18px var(--accent);letter-spacing:.25em;margin:0;font-size:3.6rem;font-weight:800}.lobby .settings-panel{gap:0}.settings-panel h2{margin-bottom:.4rem}.setting{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem 1rem;padding:.75rem 0;display:grid}.setting.wide{grid-template-columns:minmax(0,1fr)}.setting-text{flex-direction:column;gap:.15rem;display:flex}.setting-name{font-weight:700}.setting-hint{color:var(--muted);font-size:.8rem}.settings-panel>button,.settings-panel>p{margin-top:.9rem}.stepper{align-items:center;gap:.6rem;display:flex}.stepper b{text-align:center;min-width:2.2rem;font-family:var(--display);font-size:1.5rem}.stepper .round{border:2px solid var(--panel-border);width:2rem;height:2rem;color:var(--text);background:0 0;border-radius:50%;padding:0;font-size:1.1rem;line-height:1}.stepper .round:hover:not(:disabled){border-color:var(--accent);box-shadow:none;background:#ff3ea51f}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:2px solid var(--panel-border);color:#e6cdf5;background:0 0;padding:.3rem .85rem;font-size:.85rem}.chip:hover:not(:disabled){border-color:var(--accent);box-shadow:none;background:#ff3ea51f}.chip.selected,.chip.selected:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip:disabled:not(.selected),.stepper .round:disabled{opacity:.35}.chip.selected:disabled{opacity:1}.switch{background:#3a1650;border-radius:999px;width:2.9rem;height:1.6rem;padding:0;position:relative}.switch:after{content:"";background:#8d6aa6;border-radius:50%;width:1.2rem;height:1.2rem;transition:left .15s,background .15s;position:absolute;top:.2rem;left:.2rem}.switch.on{background:var(--accent)}.switch.on:after{background:#fff;left:1.5rem}.switch:hover:not(:disabled){box-shadow:none;background:#4a1f5e}.switch.on:hover:not(:disabled){background:var(--accent-hover)}.switch:disabled{opacity:.8}.player-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--bg);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:.3rem;padding:.6rem .75rem;display:flex}.player-row{align-items:center;gap:.5rem;display:flex}.player-name{font-weight:600}.dot{border-radius:50%;width:8px;height:8px}.dot.online{background:var(--correct)}.dot.offline{background:var(--muted)}.badge{text-transform:uppercase;letter-spacing:.05em;background:var(--panel-border);color:var(--muted);border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.badge.warn{color:var(--wrong)}.table{border:2px solid var(--line);background:radial-gradient(60% 45% at 50% 45%,#ff3ea514,#0000 70%),#150920;border-radius:24px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.opponents{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.75rem;display:grid}.seat{border:2px solid var(--line);background:#0003;border-radius:16px;min-width:0;padding:.75rem}.seat.active{border-color:var(--accent);box-shadow:0 0 20px #ff3ea54d,inset 0 0 20px #ff3ea50f}.seat.my-turn{border-color:var(--gold);box-shadow:0 0 18px #ffc94a59,inset 0 0 18px #ffc94a0f}.seat.my-turn.urgent{animation:1.4s ease-in-out infinite gold-pulse}@keyframes gold-pulse{50%{box-shadow:0 0 0 5px #ffc94a29,0 0 38px #ffc94ab3,inset 0 0 22px #ffc94a1f}}.your-turn-tag{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:.15rem .7rem;font-size:.85rem;font-weight:800}.seat .player-name{font-family:var(--display);letter-spacing:.02em;font-size:1.3rem;font-weight:800}.my-seat .seat .player-name{color:var(--glow-text)}.seat.compact{--card-w:76px;--card-h:76px}.seat.compact .card-year{font-size:1.3rem}.seat.compact .card-artist{-webkit-line-clamp:1;font-size:.55rem}.seat.compact .card-title{display:none}.seat.compact .gap{min-width:18px}.seat.compact .gap-button{width:14px}.seat.dense .vinyl{display:none}.seat.dense .record{width:var(--card-w)}.my-seat .seat.dense{--card-w:96px;--card-h:96px}.seat.dense .gap{min-width:20px}.seat.dense .gap-button{width:16px}.my-seat .seat.dense .card-year{font-size:1.9rem}.seat.compact.dense{--card-w:50px;--card-h:50px}.seat.compact.dense .card-artist{display:none}.seat.compact.dense .song-card{grid-template-rows:1fr;place-items:center;padding:.25rem}.seat.compact.dense .card-year{font-size:1.05rem}.seat.compact.dense .gap{min-width:10px}.seat.compact.dense .gap-button{width:8px}.seat-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.table-center{grid-template-columns:minmax(0,1fr) minmax(0,580px) minmax(0,1fr);grid-template-areas:"deck arch goal";align-items:center;gap:1rem 1.75rem;display:grid}.jukebox-arch{--arch-h:480px;--record:150px;--stage-h:calc(var(--record) + 3.25rem);height:var(--arch-h);grid-area:arch;grid-template-rows:3rem minmax(0, 1fr) var(--stage-h) 7rem 1.25rem;border:3px solid var(--accent);box-shadow:0 0 0 6px #150920, 0 0 0 8px var(--violet), 0 0 28px #ff3ea573, inset 0 0 30px #ff3ea524;background:#1a0a24;border-radius:290px 290px 24px 24px;justify-items:center;padding:2.75rem 1.75rem 0;display:grid;container-type:inline-size}.arch-stage{align-items:flex-start;display:flex}.arch-headline .result.stolen{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:var(--gold-ink);text-shadow:none;box-shadow:0 0 0 3px #1a0a24, 0 0 0 5px var(--gold), 0 0 26px #ffc94ab3;border-radius:10px;padding:.3rem .9rem;font-size:min(1.35rem,3.9cqi);font-weight:800;line-height:1;animation:.45s cubic-bezier(.3,1.6,.5,1) both pop-in;translate:0 .35rem;rotate:-3deg}.arch-headline{justify-content:center;align-items:center;min-width:0;display:flex}.arch-headline p{white-space:nowrap;margin:0;font-size:min(2.6rem,7cqi)}.arch-headline p:not(.stolen){font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;margin-right:-.12em;font-size:min(2.3rem,6.4cqi);font-weight:800;line-height:1}.arch-headline p.long:not(.stolen){letter-spacing:.08em;margin-right:-.08em;font-size:min(1.5rem,4.2cqi)}.arch-body{text-align:center;flex-direction:column;justify-content:center;place-self:stretch stretch;align-items:center;gap:.4rem;padding:.15rem 0;display:flex;overflow-y:auto}.arch-body p{margin:0}.waiting:after{content:"…";text-align:left;width:1.2em;animation:1.4s steps(4,end) infinite waiting-dots;display:inline-block}@keyframes waiting-dots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -10% 0 0)}}.turntable{align-items:flex-start;gap:1.75rem;display:flex}.record-deck{flex-direction:column;align-items:center;gap:.4rem;display:flex}.jukebox-arch .card{--card-w:var(--record);--card-h:var(--record)}.turntable .record{width:var(--card-w)}.turntable .vinyl{display:none}.turntable .card-year{font-size:calc(var(--card-w) * .24)}.turntable .card-artist,.turntable .card-title{font-size:calc(var(--card-w) * .065)}.turntable-record{--size:var(--record);width:var(--size);height:var(--size);background:conic-gradient(from 20deg, transparent 0 8%, #ffffff21 12%, transparent 17% 52%, #ffffff17 57%, transparent 62%), repeating-radial-gradient(circle, #160a1c 0 3px, #241030 3px 4px), var(--vinyl);border:2px solid #3a1a48;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 34px #8b5cf680,0 10px 26px #0000008c}.turntable-record.spinning{animation:1.8s linear infinite spin}.turntable-record.spinning.paused{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}.record-label{box-sizing:border-box;background:var(--accent);color:#fff;width:40%;height:40%;font-family:var(--display);font-weight:800;font-size:calc(var(--size) * .165);letter-spacing:-.01em;text-shadow:0 1px 2px #2a061859;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:relative;overflow:hidden}.record-label.mystery{font-size:calc(var(--size) * .36)}.record-label:after{content:"";background:var(--vinyl);border-radius:50%;width:11%;height:11%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1.5px #2a061859}.sleeve-slot{border:2px dashed var(--panel-border);border-radius:8px}.deck-pile{--card-w:96px;--card-h:96px;grid-area:deck;justify-self:end;width:116px;height:116px;position:relative}.deck-pile .pile-cover{position:absolute;top:0;left:0;box-shadow:0 6px 14px #00000080}.deck-pile .pile-0{transform:translate(2px,2px)rotate(-2deg)}.deck-pile .pile-1{transform:translate(6px,7px)rotate(4deg)}.deck-pile .pile-2{transform:translate(11px,12px)rotate(-5deg)}.deck-pile .pile-3{transform:translate(16px,17px)rotate(7deg)}.deck-pile.empty{border:2px dashed var(--panel-border);box-sizing:border-box;width:var(--card-w);height:var(--card-h);border-radius:10px}.deck-count{z-index:5;box-sizing:border-box;background:var(--accent);min-width:2.4rem;height:2.4rem;color:var(--accent-ink);font-family:var(--display);border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:1.2rem;font-weight:800;display:flex;position:absolute;top:-14px;left:-14px;box-shadow:0 0 0 3px #12071a,0 0 16px #ff3ea5b3}.deal-flyer{z-index:50;pointer-events:none;border-radius:8px;position:fixed;top:0;left:0}.deal-flyer .card{width:100%;height:100%}.sleeve-holder.arriving{visibility:hidden}.turntable-record.arriving{opacity:0}.goal{font-family:var(--display);flex-direction:column;grid-area:goal;gap:.2rem;display:flex}.turn-label{font-family:var(--display);color:var(--glow-text);text-shadow:0 0 6px var(--accent), 0 0 20px var(--accent);font-weight:800}.turn-label.mine{color:#fff3c9;text-shadow:0 0 6px var(--gold), 0 0 22px #ffb000}.my-seat .seat{background:#0000004d}.timeline{flex-wrap:wrap;align-items:center;row-gap:.75rem;display:flex}.gap{min-width:28px;height:var(--card-h);border-radius:999px;justify-content:center;align-items:center;transition:background .15s;display:flex}.gap.filled{padding:0 .5rem}.gap.over{background:#ff3ea52e}.gap-button{border:2px dashed var(--panel-border);width:22px;height:64%;color:var(--muted);background:0 0;border-radius:999px;padding:0}.gap-button:hover:not(:disabled){border:2px solid var(--accent);color:var(--accent);box-shadow:none;background:#ff3ea526}.card{width:var(--card-w);height:var(--card-h);flex-shrink:0}.record{width:calc(var(--card-w) * 1.32);position:relative}.vinyl{left:calc(var(--card-w) * .4);width:calc(var(--card-h) * .9);height:calc(var(--card-h) * .9);background:repeating-radial-gradient(circle, #160a1c 0 calc(var(--card-h) * .07), #2c1338 0 calc(var(--card-h) * .075)), var(--vinyl);border:2px solid #3a1a48;border-radius:50%;position:absolute;top:5%}.sleeve{border-radius:8px;box-shadow:0 6px 16px #00000073}.record .sleeve{width:var(--card-w);position:absolute;inset:0 auto 0 0}.song-card{text-align:left;background:linear-gradient(160deg, #ffffff24, transparent 45%), var(--sleeve);color:#fff;border:2px solid #ffffff1f;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);justify-items:start;row-gap:.15rem;padding:.55rem .6rem;display:grid}.record.correct .sleeve{border-color:var(--correct);box-shadow:0 0 18px var(--correct)}.record.wrong .sleeve{border-color:var(--wrong);box-shadow:0 0 18px var(--wrong)}.card-year{font-family:var(--display);font-size:2.4rem;font-weight:800;line-height:1}.card-artist,.card-title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.7rem;line-height:1.15;display:-webkit-box;overflow:hidden}.card-artist{text-transform:uppercase;letter-spacing:.03em;align-self:end;font-weight:700}.card-title{align-self:start;font-style:italic}.mystery-card{background:radial-gradient(circle at 50% 50%, transparent 0 58%, #00000021 59% 60.5%, transparent 61.5%), radial-gradient(circle at 50% 42%, #ffffff59, transparent 58%), var(--wash,linear-gradient(135deg, #ff3ea5, #7c3aed));border:2px solid #ffffff24;position:relative;overflow:hidden}.cover-art{width:100%;height:100%;display:block;position:absolute;inset:0}.mystery-card.draggable{cursor:grab;touch-action:none;box-shadow:0 0 0 2px var(--glow-text), 0 0 24px #ff3ea599, 0 6px 16px #00000073}.mystery-card.drag-source{opacity:.35}.mystery-card.dragging{cursor:grabbing;z-index:10;position:relative;transform:rotate(-4deg)}.mystery-mark{aspect-ratio:1;color:#c21f7a;width:24%;font-family:var(--display);font-weight:800;font-size:calc(var(--card-w) * .17);background:#fff3c4;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:6%;right:6%;transform:rotate(12deg);box-shadow:0 2px 4px #00000059}.result{font-family:var(--display);font-weight:800}.result.correct{color:#d6ffe8;text-shadow:0 0 6px var(--correct), 0 0 18px var(--correct)}.result.wrong{color:#ffe0e8;text-shadow:0 0 6px var(--wrong), 0 0 18px var(--wrong)}@media (width<=860px){.table-center{grid-template-columns:1fr 1fr;grid-template-areas:"arch arch""deck goal"}.jukebox-arch{--arch-h:420px;--record:104px;padding:2.5rem .75rem 0}}@media (height<=820px) and (width>=861px){.jukebox-arch{--arch-h:440px;--record:120px;padding-top:2.25rem}}@media (prefers-reduced-motion:reduce){.turntable-record.spinning,.logo .neon-jukebox,.seat.my-turn.urgent,.waiting:after,.gap.claimed,.claim-coin,.confirm-check,.jukebox-button,.vote-card,.arch-headline .result.stolen{animation:none}.jukebox-stamp{animation:2.4s step-end forwards stamp-still}}.end{flex-direction:column;gap:1.25rem;display:flex}.end>section:first-child{text-align:center}.winner{font-family:var(--script);color:var(--glow-text);text-shadow:0 0 6px var(--accent), 0 0 20px var(--accent);font-size:2.6rem}.end .timeline{gap:.5rem}@media (width<=900px){.lobby{grid-template-columns:1fr}}.lobby .deck-panel{grid-column:1/-1}.source-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.source-list li{background:var(--bg);border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.source-list li.error-row .source-label .muted{color:var(--wrong)}.source-icon{color:var(--accent);font-size:1.1rem}.source-label{flex:1;min-width:0}.small-button{padding:.2rem .55rem;font-size:.85rem}.library{flex-direction:column;gap:.5rem;display:flex}.library-account{justify-content:space-between;align-items:center;gap:.5rem;margin:0;display:flex}.library-list{max-height:18rem;overflow-y:auto}.library-list .source-label strong{overflow-wrap:anywhere}.sounds-toggle{border:2px solid var(--panel-border);width:2.4rem;height:2.4rem;color:var(--glow-text);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.sounds-toggle svg{width:1.15rem;height:1.15rem}.sounds-toggle.off{color:var(--muted)}.sounds-toggle:hover:not(:disabled){box-shadow:none;background:#8b5cf626}.enable-audio{white-space:nowrap}.media-bar{background:var(--bg);border:2px solid #3a1650;border-radius:999px;gap:.2rem;padding:.2rem;display:flex}.media-button{color:#e6cdf5;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex}.media-button svg{width:1.1rem;height:1.1rem}.media-button:hover:not(:disabled){box-shadow:none;background:#8b5cf633}.media-button.on,.media-button.on:disabled{background:var(--accent);color:var(--accent-ink);opacity:1}.volume-control{position:relative}.volume-popover{background:var(--bg);visibility:hidden;opacity:0;z-index:5;border:2px solid #3a1650;border-radius:14px;justify-content:center;width:2.6rem;height:8.5rem;padding:.75rem 0;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:calc(100% + .6rem);left:50%;translate:-50%;box-shadow:0 8px 24px #00000080}.volume-popover:after{content:"";height:.9rem;position:absolute;bottom:100%;left:0;right:0}.volume-control:hover .volume-popover{visibility:visible;opacity:1}.volume-control:has(:focus-visible) .volume-popover{visibility:visible;opacity:1}@media (hover:none){.volume-control:focus-within .volume-popover{visibility:visible;opacity:1}}.volume-popover input{writing-mode:vertical-lr;width:1.2rem;height:100%;accent-color:var(--accent);direction:rtl;margin:0;padding:0}.seat-actions{gap:.4rem;margin:-.3rem .4rem -.3rem 0;display:flex}.seat-action{padding:.2rem .8rem;font-size:.8rem}.vote-card{border:2px solid var(--violet);background:#8b5cf624;border-radius:16px;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem 1.25rem .75rem;animation:.45s cubic-bezier(.3,1.6,.5,1) both pop-in;display:flex;position:relative;box-shadow:0 0 22px #8b5cf673,inset 0 0 18px #8b5cf61f}.vote-question{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--glow-text);text-shadow:0 0 10px #ff3ea599;font-size:1.35rem;font-weight:800;line-height:1.1}.vote-hint{color:var(--muted);margin-top:-.2rem;font-size:.75rem}.vote-buttons{gap:.75rem;margin-top:.15rem;display:flex}.vote-buttons button{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:.35rem;padding:.4rem 1.2rem .4rem .9rem;font-size:1.15rem;font-weight:800;display:inline-flex}.vote-buttons svg{width:1.1rem;height:1.1rem}.vote-yes{background:var(--correct);color:#04210f}.vote-yes:hover:not(:disabled){background:#5ff0a0;box-shadow:0 0 18px #2bd67bb3}.vote-no{background:var(--wrong);color:#2a0610}.vote-no:hover:not(:disabled){background:#ff9bb5;box-shadow:0 0 18px #ff7a9eb3}.vote-buttons .picked{outline:3px solid var(--glow-text);outline-offset:2px}.vote-buttons .unpicked{opacity:.4}.vote-card .countdown{width:auto;height:.25rem;margin:0;position:absolute;bottom:.3rem;left:1rem;right:1rem}.vote-card .countdown-text{display:none}.year-report{max-width:13rem;margin-top:1.5rem;font-family:Rubik,system-ui,sans-serif}.report-button{color:var(--muted);border:1.5px solid var(--panel-border);background:0 0;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;display:inline-flex}.report-button svg{width:.9rem;height:.9rem}.report-button:hover:not(:disabled){border-color:var(--wrong);color:var(--wrong);box-shadow:none;background:#ff7a9e1a}.report-button.active{border-color:var(--wrong);color:var(--wrong)}.paste-login .small{margin:.5rem 0 .35rem}.paste-row{gap:.5rem;display:flex}.paste-row input{flex:1;min-width:0}.actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.countdown{background:var(--bg);border-radius:999px;flex-shrink:0;width:12rem;max-width:100%;height:1.1rem;margin:.1rem auto;position:relative;overflow:hidden}.countdown-bar{background:var(--accent);opacity:.6;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.countdown-text{text-align:center;font-size:.75rem;line-height:1.1rem;display:block;position:relative}.gap{position:relative}.gap.claimed{min-width:calc(var(--card-w) * .8);border:2px dashed var(--gold);background:#ffc94a12;border-radius:10px;margin:0 .25rem;animation:1s ease-in-out infinite claim-pulse}@keyframes claim-pulse{50%{box-shadow:0 0 22px #ffc94ab3}}.claim{pointer-events:none;flex-direction:column;align-items:center;gap:.3rem;display:flex}.claim-coin{width:calc(var(--card-w) * .34);height:calc(var(--card-w) * .34);background:radial-gradient(circle at 35% 30%, #fff4c2, var(--gold) 45%, #b07a10);color:#5a3a00;font-family:var(--display);font-weight:800;font-size:calc(var(--card-w) * .17);border-radius:50%;justify-content:center;align-items:center;animation:1.6s ease-in-out infinite coin-flip;display:flex;box-shadow:0 0 14px #ffc94acc,inset 0 0 0 2px #6e460059}@keyframes coin-flip{30%{transform:scaleX(.1)}60%{transform:scaleX(1)}}.claim-name{max-width:calc(var(--card-w) * .8);text-overflow:ellipsis;white-space:nowrap;background:var(--gold);color:var(--gold-ink);font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:0 .45rem;font-size:.75rem;font-weight:800;overflow:hidden}.seat.compact .claim-name{font-size:.6rem}.seat.compact.dense .gap.claimed{min-width:2.6rem}.seat.compact.dense .claim-coin{width:1.1rem;height:1.1rem;font-size:.6rem}.seat.compact.dense .claim-name{display:none}.placed-card{position:relative}.confirm-check{z-index:2;width:max(2.1rem, calc(var(--card-w) * .3));height:max(2.1rem, calc(var(--card-w) * .3));background:var(--correct);color:#04210f;border:3px solid #12071a;border-radius:50%;justify-content:center;align-items:center;padding:0;animation:1.4s ease-in-out infinite check-pulse;display:flex;position:absolute;bottom:-.6rem;right:-.6rem;box-shadow:0 0 14px #2bd67bb3}.confirm-check svg{width:60%;height:60%}.confirm-check:hover:not(:disabled){background:#5ff0a0;transform:scale(1.08);box-shadow:0 0 22px #2bd67be6}@keyframes check-pulse{50%{box-shadow:0 0 0 5px #2bd67b33,0 0 24px #2bd67be6}}.jukebox-tag{font-family:var(--display);letter-spacing:.12em;background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:800}.jukebox-arch{position:relative}.jukebox-stamp{z-index:3;background:var(--gold);color:var(--gold-ink);font-family:var(--display);letter-spacing:.08em;box-shadow:0 0 0 4px #1a0a24, 0 0 0 7px var(--gold), 0 0 40px #ffc94acc;pointer-events:none;border-radius:12px;flex-direction:column;align-items:center;padding:.2rem 1.6rem .35rem;font-size:min(3.4rem,12cqi);font-weight:800;line-height:1;animation:2.4s ease-out forwards stamp;display:flex;position:absolute;top:36%;left:50%}.jukebox-stamp-name{letter-spacing:.16em;text-transform:uppercase;font-size:1rem}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(2.4)}12%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(.92)}18%,80%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}.correct-text{color:var(--correct)}button.secondary.active{border-color:var(--wrong);color:var(--wrong)}.correct-year{flex-direction:column;align-items:center;gap:.25rem;display:flex}.correct-year input{text-align:center;width:5rem}.offline-notice{color:var(--wrong);margin-top:.5rem}.coin{vertical-align:-.12em;background:radial-gradient(circle at 35% 30%, #fff4c2, var(--gold) 45%, #b07a10);border-radius:50%;flex-shrink:0;width:.85rem;height:.85rem;display:inline-block;box-shadow:0 0 6px #ffc94a8c,inset 0 0 0 1.5px #6e460066}.coin.empty{border:1.5px dashed var(--panel-border);box-shadow:none;background:0 0}.coin-row{gap:.15rem;display:inline-flex}.coin-row.none .coin.empty{border-color:var(--wrong)}.seat-stats{align-items:center;gap:.5rem;display:inline-flex}.coin-cost{align-items:center;gap:.2rem;margin-left:.2rem;display:inline-flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.token-hint{color:var(--wrong)}.jukebox-button{font-family:var(--display);letter-spacing:.05em;background:var(--gold);color:var(--gold-ink);margin:.25rem 0;padding:.6rem 1.75rem;font-size:1.6rem;font-weight:800;animation:.45s cubic-bezier(.3,1.6,.5,1) both pop-in,1.4s ease-in-out .45s infinite gold-glow;box-shadow:0 0 22px #ffc94a99}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes gold-glow{50%{box-shadow:0 0 0 5px #ffc94a2e,0 0 34px #ffc94ad9}}.jukebox-button:hover:not(:disabled){background:#ffd773;box-shadow:0 0 28px #ffc94acc}.jukebox-button .coin{width:1.1rem;height:1.1rem}.link-button{color:var(--muted);background:0 0;padding:.25rem .5rem;font-weight:500;text-decoration:underline}.link-button:hover:not(:disabled){color:var(--text);box-shadow:none;background:0 0}.pick-hint{color:var(--gold);font-weight:700}.gap-button.pick,.seat.compact .gap-button.pick{border:2px solid var(--gold);background:var(--gold);width:auto;height:auto;color:var(--gold-ink);white-space:nowrap;margin:0 .75rem;padding:.35rem .6rem;font-size:.75rem;font-weight:800;animation:1.2s ease-in-out infinite pick-pulse}.gap-button.pick:hover:not(:disabled){color:var(--gold-ink);background:#ffd773;border-color:#ffd773}@keyframes pick-pulse{50%{background:#fff0b8;border-color:#fff0b8;box-shadow:0 0 18px #ffc94af2}}@media (prefers-reduced-motion:reduce){.gap-button.pick{animation:none}}@keyframes stamp-still{0%{transform:translate(-50%,-50%)rotate(-8deg)}to{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)}}.gap.filled>*{animation:.45s cubic-bezier(.3,1.5,.5,1) both card-drop}@keyframes card-drop{0%{opacity:0;transform:translateY(-36px)scale(1.06)}}.turntable .record{animation:.55s ease-out both sleeve-flip}@keyframes sleeve-flip{0%{transform:perspective(600px)rotateY(90deg)}}.record.correct{animation:.5s cubic-bezier(.3,1.6,.5,1) both won-pop}.record.correct:after{content:"+1";top:-.6rem;left:calc(var(--card-w) - .9rem);font-family:var(--display);color:var(--correct);text-shadow:0 0 10px var(--correct);pointer-events:none;font-size:1.6rem;font-weight:800;animation:1.8s ease-out .2s both float-up;position:absolute}@keyframes won-pop{0%{transform:scale(.85)}}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.record.wrong{animation:.6s ease-in-out .25s both shake}@keyframes shake{20%{transform:translate(-8px)rotate(-4deg)}40%{transform:translate(8px)rotate(4deg)}60%{transform:translate(-5px)rotate(-2deg)}80%{transform:translate(3px)}}.coin.fresh{animation:.8s ease-out both coin-in}@keyframes coin-in{0%{box-shadow:0 0 18px var(--gold);transform:scale(2.2)rotateY(0)}70%{transform:scale(1.1)rotateY(720deg)}to{transform:scale(1)rotateY(720deg)}}.countdown.urgent .countdown-bar{background:var(--wrong);opacity:.85}.countdown.urgent{animation:1s ease-in-out infinite urgent-pulse}@keyframes urgent-pulse{50%{box-shadow:0 0 14px #ff7a9ecc}}.winner-line{justify-content:center;display:flex;position:relative}.record-burst{pointer-events:none;position:absolute;top:50%;left:50%}.record-burst span{background:radial-gradient(circle, var(--accent) 0 22%, transparent 23%), repeating-radial-gradient(circle, #160a1c 0 2px, #3a1650 2px 3px);border:1px solid var(--accent);border-radius:50%;width:1.4rem;height:1.4rem;margin:-.7rem;animation:1.6s ease-out both burst;position:absolute}@keyframes burst{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}15%{opacity:1}to{transform:translate(var(--x), var(--y)) scale(1) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.gap.filled>*,.turntable .record,.record.correct,.record.correct:after,.record.wrong,.coin.fresh,.countdown.urgent,.record-burst span{animation:none}.record-burst{display:none}}.timeline.rail{--rail-y:.9rem;--rail-color:#c54fcf;row-gap:2.6rem;padding:0 1.25rem 1.9rem 0}.seat.compact .timeline.rail{--rail-y:.6rem;row-gap:2rem;padding-bottom:1.4rem}.rail-card{position:relative}.timeline.rail>.gap:after,.rail-card:after{content:"";left:0;right:0;top:calc(100% + var(--rail-y));background:var(--rail-color);pointer-events:none;height:3px;position:absolute;translate:0 -50%;box-shadow:0 0 8px #ff3ea58c}.timeline.rail>:first-child:after{background:linear-gradient(90deg, transparent, var(--rail-color) 80%)}.timeline.rail>:last-child:before{content:"";left:100%;top:calc(100% + var(--rail-y));border-left:12px solid var(--rail-color);filter:drop-shadow(0 0 4px var(--accent));pointer-events:none;border-top:7px solid #0000;border-bottom:7px solid #0000;position:absolute;translate:0 -50%}.timeline.rail>.gap.claimed:after,.timeline.rail>.gap.claimed:last-child:before{top:calc(100% + 2px + var(--rail-y))}.timeline.rail>.gap.claimed:after{left:calc(-.25rem - 2px);right:calc(-.25rem - 2px)}.rail-dot{z-index:1;left:calc(var(--card-w) / 2);top:calc(100% + var(--rail-y));width:12px;height:12px;box-shadow:0 0 8px var(--accent);pointer-events:none;background:#ffe0f2;border-radius:50%;position:absolute;translate:-50% -50%}.rail-dot:before{content:"";width:2px;height:calc(var(--rail-y) - 6px);background:#ffe0f273;position:absolute;bottom:100%;left:50%;translate:-50%}.gap.filled>.rail-dot{left:calc(.5rem + var(--card-w) / 2);animation:none}.rail-decade{left:calc(var(--card-w) / 2);top:calc(100% + var(--rail-y) + .5rem);font-family:var(--display);letter-spacing:.08em;color:#ffc6e6;white-space:nowrap;pointer-events:none;font-size:.85rem;font-weight:700;line-height:1;position:absolute;translate:-50%}.rail-decade.same{opacity:.4}.seat.compact .rail-dot{width:8px;height:8px}.seat.compact .rail-dot:before{height:calc(var(--rail-y) - 4px)}.seat.compact .rail-decade{top:calc(100% + var(--rail-y) + .35rem);font-size:.68rem}.seat.compact.dense .rail-decade{letter-spacing:.02em;font-size:.58rem}.rail-ring{z-index:2;left:50%;top:calc(100% + var(--rail-y));box-sizing:border-box;color:#e6cdf5;background:#12071a;border:2px solid #8d6aa6;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;font-size:.85rem;font-weight:800;line-height:1;display:flex;position:absolute;translate:-50% -50%}.gap.claimed .rail-ring{border-color:var(--gold);background:var(--gold);margin-top:2px}.timeline.rail .gap-button{position:static}.timeline.rail .gap-button .rail-ring{width:22px;height:22px}.seat.compact .timeline.rail .gap-button .rail-ring{width:16px;height:16px;font-size:.7rem}.timeline.rail .gap-button:not(.pick){background:repeating-linear-gradient(var(--panel-border) 0 5px, transparent 5px 10px) center / 2px 100% no-repeat;border:none}.timeline.rail .gap-button:not(.pick):hover:not(:disabled){border:2px solid var(--accent);background:#ff3ea526}.timeline.rail .gap-button:hover:not(:disabled) .rail-ring,.timeline.rail .gap.over .rail-ring{border-color:var(--accent);color:var(--accent)}.timeline.rail .gap-button.pick .rail-ring{border-color:var(--gold);background:var(--gold);width:14px;height:14px}.to-win{color:var(--muted);justify-content:flex-end;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.to-win-pips{flex-wrap:wrap;gap:3px;display:flex}.to-win-pips span{box-sizing:border-box;border:1.5px solid var(--panel-border);border-radius:2px;width:9px;height:9px}.to-win-pips span.on{background:var(--accent);border-color:var(--accent)}.to-win.near{color:var(--gold);font-weight:700}.to-win.near .to-win-pips span.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 5px #ffc94ab3}.seat.compact .to-win{font-size:.7rem}.seat.compact .to-win-pips span{width:7px;height:7px}.mystery-card.beckon{transform-origin:50% 85%;animation:1.6s ease-in-out infinite beckon}@keyframes beckon{0%,55%,90%,to{rotate:0deg}60%{rotate:-5deg}66%{rotate:5deg}72%{rotate:-4deg}78%{rotate:3deg}84%{rotate:-1deg}}.mystery-card.lifted{box-shadow:0 0 0 2px var(--gold), 0 0 26px #ffc94ad9, 0 12px 22px #00000080;transition:translate .2s,scale .2s;translate:0 -8px;scale:1.06}.sleeve-holder{position:relative}.drag-cue{color:var(--gold);filter:drop-shadow(0 0 5px var(--gold));pointer-events:none;flex-direction:column;align-items:center;animation:1s ease-in-out infinite cue-bounce;display:flex;position:absolute;top:calc(100% + .3rem);left:50%;translate:-50%}.drag-cue svg{width:26px;height:14px}.drag-cue svg+svg{opacity:.5}@keyframes cue-bounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.timeline.guide-lit .gap-button:not(.pick){border:2px dashed var(--gold);width:46px;height:100%;color:var(--gold);background:#ffc94a1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;margin:0 .2rem;font-weight:800;animation:1s ease-in-out infinite gap-glow;display:flex}.timeline.guide-lit .gap-button:not(.pick):hover:not(:disabled),.timeline.guide-lit .gap.over .gap-button:not(.pick){border-style:solid;border-color:var(--gold);color:var(--gold);background:#ffc94a4d}@keyframes gap-glow{50%{background:#ffc94a38;box-shadow:0 0 20px #ffc94ab3,inset 0 0 12px #ffc94a40}}.gap-arrow{width:18px;height:20px;filter:drop-shadow(0 0 5px var(--gold));animation:.8s ease-in-out infinite arrow-bob}@keyframes arrow-bob{50%{transform:translateY(5px)}}.my-seat .seat.dense .timeline.guide-lit .gap-button:not(.pick){width:36px}.timeline.guide-lit .gap-button .rail-ring{border-color:var(--gold);background:var(--gold);color:var(--gold-ink);box-shadow:0 0 12px var(--gold)}.timeline.guide-soft .gap-button .rail-ring{color:#ffc94ad9;border-color:#ffc94a80}@media (prefers-reduced-motion:reduce){.mystery-card.beckon,.drag-cue,.timeline.guide-lit .gap-button:not(.pick),.gap-arrow{animation:none}}.arch-headline .ch{animation-fill-mode:both;animation-delay:var(--d,0s);display:inline-block}.arch-headline .drop .ch{animation-name:hl-drop;animation-duration:.4s;animation-timing-function:cubic-bezier(.3,1.5,.5,1)}@keyframes hl-drop{0%{opacity:0;transform:translateY(-.7em)}}.arch-headline .hop .ch{animation-name:hl-hop;animation-duration:.75s;animation-timing-function:ease-out}.arch-headline .mine .ch{animation-name:hl-hop,hl-wave;animation-duration:.75s,2.6s;animation-timing-function:ease-out,ease-in-out;animation-delay:var(--d,0s), calc(var(--d,0s) + 1.2s);animation-iteration-count:1,infinite;animation-fill-mode:both,none}@keyframes hl-wave{0%,40%,to{transform:none}12%{transform:translateY(-.3em)}24%{transform:translateY(.04em)}}@keyframes hl-hop{0%{opacity:0;transform:translateY(.9em)}35%{opacity:1;transform:translateY(-.45em)}65%{transform:translateY(0)}82%{transform:translateY(-.12em)}to{opacity:1;transform:translateY(0)}}.arch-headline p.mine{animation:1.6s ease-in-out 1s infinite hl-glow}@keyframes hl-glow{50%{text-shadow:0 0 8px var(--gold), 0 0 26px #ffb000, 0 0 44px #ffb00099}}.arch-headline .wilt .letters{animation:.5s ease-in-out .55s both hl-shake;display:inline-block}.arch-headline .wilt .ch{--r:-8deg;animation-name:hl-wilt;animation-duration:1.7s;animation-timing-function:cubic-bezier(.5,0,.6,1)}.arch-headline .wilt .ch:nth-child(3n+2){--r:7deg}.arch-headline .wilt .ch:nth-child(3n){--r:-4deg}.arch-headline .wilt .ch:nth-child(4n){--r:12deg}@keyframes hl-wilt{0%{opacity:0;transform:translateY(-1.2em)}18%{opacity:1;transform:translateY(0)}23%{transform:translateY(-.12em)}28%,60%{transform:translateY(0)}to{transform:translateY(.2em) rotate(var(--r));opacity:.85}}@keyframes hl-shake{20%{transform:translate(-.3em)}40%{transform:translate(.25em)}60%{transform:translate(-.15em)}80%{transform:translate(.08em)}}.start-countdown{width:calc(var(--record) + 18px);height:calc(var(--record) + 18px);justify-content:center;align-items:center;display:flex;position:relative}.start-ring{position:absolute;inset:0;overflow:visible;rotate:-90deg}.start-ring circle{fill:none;stroke-width:3.5px}.start-ring .track{stroke:#ffffff14}.start-ring .fill{stroke:var(--accent);stroke-linecap:round;filter:drop-shadow(0 0 4px var(--accent));transition:stroke-dashoffset .1s linear}.start-countdown.urgent .start-ring .fill{stroke:var(--gold);filter:drop-shadow(0 0 5px var(--gold))}.start-number{width:46%;height:46%;font-size:calc(var(--record) * .28);animation:.45s cubic-bezier(.3,1.7,.5,1) count-pop}.start-countdown.urgent .start-number{background:var(--gold);color:var(--gold-ink);box-shadow:0 0 22px #ffc94acc}.start-number:after{display:none}@keyframes count-pop{0%{scale:1.45}}.begin-stamp{z-index:3;font-family:var(--display);letter-spacing:.06em;color:#fff3c9;-webkit-text-stroke:2px var(--gold);text-shadow:0 0 8px var(--gold), 0 0 26px #ffb000, 0 0 60px var(--accent);white-space:nowrap;pointer-events:none;font-size:min(5.5rem,19cqi);font-weight:800;line-height:1;animation:1.9s cubic-bezier(.2,1.4,.4,1) forwards begin-in;position:absolute;top:44%;left:50%}@keyframes begin-in{0%{opacity:0;transform:translate(-50%,-50%)rotate(-6deg)scale(2.6)}22%{opacity:1;transform:translate(-50%,-50%)rotate(-6deg)scale(.94)}32%{transform:translate(-50%,-50%)rotate(-6deg)scale(1.03)}40%,46%{opacity:1}43%{opacity:.35}50%,82%{opacity:1;transform:translate(-50%,-50%)rotate(-6deg)scale(1)}to{opacity:0;transform:translate(-50%,-50%)rotate(-6deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.arch-headline .ch,.arch-headline .wilt .letters,.arch-headline p.mine,.start-number{animation:none}.begin-stamp{animation:1.9s step-end forwards stamp-still;transform:translate(-50%,-50%)rotate(-6deg)}}.arch-body .muted,.arch-body .correct-text,.arch-body .token-hint,.arch-body .pick-hint,.arch-body .offline-notice p{font-family:var(--display);letter-spacing:.03em;font-size:1.12rem;font-weight:600;line-height:1.2}.arch-body .muted,.arch-body .offline-notice p{color:var(--glow-text);text-shadow:0 0 5px #ff2bd6e6,0 0 14px #ff2bd673}.arch-body .correct-text{color:#d6ffe8;text-shadow:0 0 5px var(--correct), 0 0 14px #2bd67b80}.arch-body .token-hint{color:#ffe0e8;text-shadow:0 0 5px var(--wrong), 0 0 14px #ff7a9e80}.arch-body .pick-hint{color:#fff3c9;text-shadow:0 0 5px var(--gold), 0 0 14px #ffb0008c;font-weight:700}.next-round{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1.6rem;font-size:1.2rem;font-weight:800;animation:1.3s ease-in-out infinite next-pulse}.next-round:disabled{animation:none}@keyframes next-pulse{0%,to{box-shadow:0 0 #ff3ea5b3,0 0 14px #ff3ea580}50%{box-shadow:0 0 0 10px #ff3ea500,0 0 30px #ff3ea5f2}}@media (prefers-reduced-motion:reduce){.next-round{animation:none}}dialog.rules{border:3px solid var(--accent);width:min(34rem,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--text,#f4eafa);box-shadow:0 0 0 5px #150920, 0 0 0 7px var(--violet), 0 0 40px #ff3ea580;background:#1a0a24;border-radius:22px;padding:0}dialog.rules::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a030fb8}dialog.rules[open]{animation:.35s cubic-bezier(.3,1.5,.5,1) both pop-in}.rules-content{flex-direction:column;gap:1rem;padding:1.5rem 1.5rem 1.25rem;display:flex}.rules-title{text-align:center;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--glow-text);text-shadow:0 0 4px #ff2bd6,0 0 14px #ff2bd6;margin:0;font-size:2rem;font-weight:800}.rules-steps{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.rules-steps li{align-items:flex-start;gap:.85rem;display:flex}.rules-number{background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);font-family:var(--display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 0 12px #ff3ea599}.rules-steps b{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:#fff3c9;text-shadow:0 0 6px #ffc94a99;font-size:1.1rem;font-weight:800}.rules-steps p{margin:.15rem 0 0;line-height:1.4}.rules-close{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;align-self:center;padding:.55rem 1.8rem;font-size:1.1rem;font-weight:800}.headline-with-chip{display:inline-flex;position:relative}.result-chip{white-space:nowrap;font-family:var(--display);letter-spacing:.04em;pointer-events:none;border-radius:999px;padding:.15rem .65rem;font-size:.95rem;font-weight:800;position:absolute;top:calc(100% + .35rem);left:50%;translate:-50%}.result-chip.won{background:var(--correct);color:#05301a;animation:3.2s ease-out .55s both chip-float;box-shadow:0 0 14px #2bd67bb3}.result-chip.lost{color:#ffc6e6;background:#3a1650;animation:3.2s ease-out 1.1s both chip-float;top:calc(100% + 1rem);box-shadow:0 0 0 1px #ff7a9e80,0 0 12px #ff7a9e59}@keyframes chip-float{0%{opacity:0;transform:translateY(16px)scale(.6)}12%{opacity:1;transform:translateY(0)scale(1.1)}20%,75%{opacity:1;transform:translateY(-4px)scale(1)}to{opacity:0;transform:translateY(-20px)scale(1)}}@media (prefers-reduced-motion:reduce){.result-chip{animation:none}}