@property --tc{syntax:"<color>";inherits:true;initial-value:#34e08e}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.es-page{--tc:#34e08e;--t-on:#04140b;--t-soft:color-mix(in srgb, var(--tc) 14%, transparent);--t-line:color-mix(in srgb, var(--tc) 32%, transparent);--t-text:color-mix(in srgb, var(--tc) 82%, #fff);--panel:#ffffff09;--panel-2:#ffffff0f;--hair:#ffffff12;--spring:cubic-bezier(.2, .9, .25, 1.2);--out:cubic-bezier(.16, 1, .3, 1);--accent:var(--tc);background:color-mix(in srgb, var(--tc) 3.5%, #060607);transition:--tc .6s var(--out), background-color .6s var(--out);overflow-x:hidden}.es-page[data-tier=easy]{--tc:#34e08e;--accent-rgb:52 224 142;--t-on:#03140b}.es-page[data-tier=medium]{--tc:#ffc83d;--accent-rgb:255 200 61;--t-on:#1a1200}.es-page[data-tier=hard],.es-page[data-tier=all]{--tc:#ff6b2c;--accent-rgb:255 107 44;--t-on:#1a0700}.es-page[data-tier=expert]{--tc:#ff4d5e;--accent-rgb:255 77 94;--t-on:#1c0306}.es-page[data-tier=insane]{--tc:#a970ff;--accent-rgb:169 112 255;--t-on:#12061f}.es-page :focus-visible{outline-color:var(--tc)}[data-t=easy]{--pc:#34e08e;--pc-on:#03140b}[data-t=medium]{--pc:#ffc83d;--pc-on:#1a1200}[data-t=hard],[data-t=all]{--pc:#ff6b2c;--pc-on:#1a0700}[data-t=expert]{--pc:#ff4d5e;--pc-on:#1c0306}[data-t=insane]{--pc:#a970ff;--pc-on:#12061f}.spot{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.spot:after{content:"";background:radial-gradient(120% 90% at 50% 35%,#0000 40%,#000000bf 100%);position:absolute;inset:0}.spot-beam{background:conic-gradient(from 180deg at 50% 0%, transparent 152deg, color-mix(in srgb, var(--tc) 12%, transparent) 161deg, color-mix(in srgb, var(--tc) 26%, transparent) 170deg, color-mix(in srgb, var(--tc) 34%, transparent) 180deg, color-mix(in srgb, var(--tc) 26%, transparent) 190deg, color-mix(in srgb, var(--tc) 12%, transparent) 199deg, transparent 208deg);filter:blur(18px);mix-blend-mode:screen;transform-origin:50% 0;width:min(1500px,170vw);height:125vh;transition:opacity .6s;animation:9s ease-in-out infinite alternate sway;position:absolute;top:-12vh;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 95%);mask-image:linear-gradient(#000 0% 50%,#0000 95%)}.spot-beam--soft{opacity:.55;filter:blur(60px);width:min(900px,110vw);animation-duration:13s;animation-direction:alternate-reverse}@keyframes sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}.spot-floor{background:radial-gradient(closest-side, color-mix(in srgb, var(--tc) 13%, transparent), transparent 75%);filter:blur(12px);width:min(900px,95vw);height:30vh;transition:opacity .6s;animation:5s ease-in-out infinite breathe;position:absolute;top:66vh;left:50%;translate:-50%}@keyframes breathe{50%{opacity:.7;transform:scale(.96)}}.curtain{background:repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 26px,#00000040 26px 30px,#0000 30px 44px);width:34vw;position:absolute;top:0;bottom:0}.curtain--l{left:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.curtain--r{right:0;-webkit-mask-image:linear-gradient(-90deg,#000,#0000);mask-image:linear-gradient(-90deg,#000,#0000)}.spot-dust{opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,#fff8,#0000),radial-gradient(1px 1px at 70% 60%,#fff6,#0000),radial-gradient(1.5px 1.5px at 40% 80%,#fff5,#0000),radial-gradient(1px 1px at 85% 20%,#fff7,#0000),radial-gradient(1px 1px at 55% 45%,#fff5,#0000);background-size:220px 260px;width:420px;height:70vh;transition:opacity .6s;animation:22s linear infinite dust;position:absolute;top:0;left:50%;translate:-50%;-webkit-mask-image:radial-gradient(closest-side,#000,#0000);mask-image:radial-gradient(closest-side,#000,#0000)}@keyframes dust{to{background-position:40px -520px}}.es-page.no-spot .spot-beam,.es-page.no-spot .spot-floor,.es-page.no-spot .spot-dust{opacity:0}.es-top{z-index:60;pointer-events:none;align-items:center;gap:14px;padding:16px 18px;display:flex;position:fixed;inset:0 0 auto}.es-top>*{pointer-events:auto}.es-round-btn{border:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--text-2);cursor:pointer;transition:transform .2s var(--spring), border-color .2s, color .2s, background .2s;background:#0a0a0c99;border-radius:50%;place-items:center;display:grid}.es-round-btn:hover{color:var(--text);border-color:var(--t-line);transform:scale(1.06)}.es-round-btn:active{transform:scale(.94)}.es-round-btn[aria-expanded=true]{color:var(--tc);border-color:var(--t-line)}.es-brand{min-height:32px;font:600 13px var(--font-mono);color:var(--muted);letter-spacing:.02em;align-items:center;text-decoration:none;transition:color .2s;display:inline-flex}.es-brand span{color:var(--tc)}.es-brand:hover{color:var(--text)}.es-top-right{align-items:center;gap:10px;margin-left:auto;display:flex}#options-btn{display:none}.streak{border:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:36px;font:500 12px var(--font-body);color:var(--muted);background:#0a0a0c99;border-radius:999px;align-items:center;gap:6px;padding:0 14px;transition:color .3s,border-color .3s;display:inline-flex}.streak svg{color:var(--muted);transition:color .3s}.streak b{font:700 14px var(--font-display);color:var(--text);font-variant-numeric:tabular-nums}.streak.is-hot{border-color:var(--t-line)}.streak.is-hot svg{color:var(--tc);filter:drop-shadow(0 0 6px var(--tc))}.streak.bump{animation:bump .6s var(--spring)}.streak.broke{animation:.5s broke}@keyframes bump{30%{transform:scale(1.18)}}@keyframes broke{20%,60%{border-color:#ff4d5e;transform:translate(-4px)}40%,80%{transform:translate(4px)}}.stage{grid-template-columns:minmax(190px,230px) minmax(0,480px) minmax(190px,230px);justify-content:center;align-items:center;column-gap:clamp(28px,7vw,150px);min-height:100svh;padding:88px 24px 132px;display:grid;position:relative}.rails{display:contents}.rail{grid-row:1;align-content:center;gap:18px;display:grid}.rail--left{grid-column:1}.rail--right{grid-column:3}.center{flex-direction:column;grid-area:1/2;align-items:center;gap:22px;min-width:0;display:flex}.rail-block{border-bottom:1px solid var(--hair);gap:8px;padding-bottom:18px;display:grid}.rail-h{font:600 10px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:flex}.rail-h-note{letter-spacing:.04em;text-transform:none;color:var(--t-text);font-weight:400}.rail-note{font:400 11px/1.5 var(--font-mono);color:var(--muted)}.rail-note:empty{display:none}.mode{background:var(--panel);border:1px solid var(--hair);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.mode-btn{z-index:1;height:34px;color:var(--muted);font:600 12px var(--font-body);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:9px;transition:color .25s;position:relative}.mode-btn.is-on{color:var(--t-on)}.mode-btn:not(.is-on):hover{color:var(--text)}.mode-ink{background:var(--tc);width:calc(50% - 4px);box-shadow:0 4px 18px color-mix(in srgb, var(--tc) 35%, transparent);transition:transform .35s var(--spring);border-radius:9px;position:absolute;top:4px;bottom:4px;left:4px}.mode[data-mode=artist] .mode-ink{transform:translate(100%)}.dd{position:relative}.dd-btn{border:1px solid var(--hair);background:var(--panel);width:100%;height:42px;color:var(--text);font:500 13px var(--font-body);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:0 12px;transition:border-color .2s,background .2s,transform .15s;display:flex}.dd-btn:hover{border-color:var(--t-line);background:var(--panel-2)}.dd-btn:active{transform:scale(.98)}.dd-ico{color:var(--muted)}.dd-value{text-align:left;flex:1}.dd-chev{color:var(--muted);transition:transform .25s var(--out)}.dd.is-open .dd-chev{transform:rotate(180deg)}.dd-list{z-index:40;animation:drop .22s var(--out);background:#111113;border:1px solid #ffffff1a;border-radius:12px;outline:none;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 20px 50px #0009}.dd-list li{color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.dd-list li small{font:400 10px var(--font-mono);color:var(--muted);display:block}.dd-list li em{font:400 11px var(--font-mono);color:var(--muted);font-style:normal}.dd-list li.is-active,.dd-list li:hover{background:var(--panel-2);color:var(--text)}.dd-list li[aria-selected=true]{color:var(--tc)}.dd-list li[aria-disabled=true]{opacity:.35;cursor:not-allowed}@keyframes drop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.tier-list{gap:6px;display:grid}.tier-row{background:var(--panel);height:42px;color:var(--text-2);font:500 13px var(--font-body);cursor:pointer;text-align:left;transition:background .25s, color .25s, border-color .25s, transform .2s var(--spring);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:relative}.tier-row small{font:400 10px var(--font-mono);color:var(--muted);transition:color .25s}.tier-row:hover{background:color-mix(in srgb, var(--pc) 10%, transparent);color:var(--text);transform:translate(3px)}.tier-row[aria-checked=true]{background:color-mix(in srgb, var(--pc) 16%, transparent);border-color:color-mix(in srgb, var(--pc) 35%, transparent);color:var(--pc);font-weight:600}.tier-row[aria-checked=true] small{color:color-mix(in srgb, var(--pc) 70%, #fff)}.tier-row:before{content:"";background:var(--pc);width:3px;transition:transform .3s var(--spring);border-radius:3px;position:absolute;top:10px;bottom:10px;left:-1px;transform:scaleY(0)}.tier-row[aria-checked=true]:before{transform:scaleY(1)}.rail-actions{gap:4px;display:grid}.rail-link{height:34px;color:var(--text-2);font:500 12px var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:0 6px;transition:color .2s,background .2s;display:inline-flex}.rail-link svg{transition:transform .5s var(--out)}.rail-link:hover{color:var(--tc);background:var(--panel)}.rail-link:hover svg{transform:rotate(-180deg)}.rail-link:disabled{opacity:.4;cursor:not-allowed}.seg{gap:6px;display:grid}.seg-btn{background:var(--panel);height:40px;color:var(--text-2);font:500 12px var(--font-body);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:0 12px;transition:background .25s,color .25s,border-color .25s;display:flex}.seg-btn em{font:600 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--panel-2);color:var(--muted);border-radius:999px;margin-left:auto;padding:2px 6px;font-style:normal}.seg-btn.is-on{background:var(--t-soft);border-color:var(--t-line);color:var(--t-text)}.seg-btn:disabled{opacity:.45;cursor:not-allowed}.switch{background:var(--panel);width:100%;min-height:44px;color:var(--text-2);font:500 12px var(--font-body);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:8px 12px;transition:background .25s,border-color .25s;display:flex}.switch span{flex:1;display:grid}.switch small{font:400 10px var(--font-mono);color:var(--muted)}.switch:hover{background:var(--panel-2)}.knob{background:#ffffff1f;border-radius:999px;flex:none;width:34px;height:20px;transition:background .3s;position:relative}.knob:after{content:"";width:14px;height:14px;transition:transform .35s var(--spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0006}.switch[aria-checked=true] .knob{background:var(--tc)}.switch[aria-checked=true] .knob:after{transform:translate(14px)}.switch--sm{min-height:38px}.stage-toggles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.st-btn{border:1px solid var(--t-line);background:var(--t-soft);height:34px;color:var(--t-text);font:600 12px var(--font-mono);cursor:pointer;transition:background .2s, color .2s, border-color .2s, transform .2s var(--spring);border-radius:9px}.st-btn:hover{transform:translateY(-2px)}.st-btn:active{transform:scale(.92)}.st-btn[aria-pressed=false]{border-color:var(--hair);color:var(--muted);background:0 0;-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.st-btn.nope{animation:.35s nope}@keyframes nope{25%,75%{transform:translate(-3px)}50%{transform:translate(3px)}}.vol{align-items:center;gap:10px;display:flex}.vol-mute{background:var(--panel);width:34px;height:34px;color:var(--text-2);cursor:pointer;transition:color .2s, background .2s, transform .2s var(--spring);border:0;border-radius:9px;flex:none;place-items:center;display:grid}.vol-mute:hover{color:var(--tc);background:var(--panel-2)}.vol-mute:active{transform:scale(.9)}.vol-mute path:not(.spk){fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;transition:opacity .2s}.vol-mute .x,.vol[data-level=off] .w1,.vol[data-level=off] .w2,.vol[data-level=low] .w2{opacity:0}.vol[data-level=off] .x{opacity:1}.vol-slider{--v:.8;cursor:pointer;touch-action:none;outline:none;flex:1;align-items:center;height:28px;display:flex;position:relative}.vol-track{width:100%;height:6px;transition:height .2s var(--out);background:#ffffff17;border-radius:999px;position:relative;overflow:hidden}.vol-fill{width:calc(var(--v) * 100%);border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 55%, transparent), var(--tc));box-shadow:0 0 12px color-mix(in srgb, var(--tc) 50%, transparent);position:absolute;inset:0 auto 0 0}.vol-thumb{top:50%;left:calc(var(--v) * 100%);width:16px;height:16px;box-shadow:0 0 0 4px color-mix(in srgb, var(--tc) 30%, transparent), 0 2px 6px #00000080;transition:transform .2s var(--spring), box-shadow .2s;background:#fff;border-radius:50%;margin:-8px 0 0 -8px;position:absolute;transform:scale(.8)}.vol-tip{color:#000;font:600 10px var(--font-mono);white-space:nowrap;opacity:0;transition:opacity .2s, transform .2s var(--out);pointer-events:none;background:#fff;border-radius:6px;padding:2px 7px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateY(4px)}.vol-slider:hover .vol-track,.vol-slider.is-drag .vol-track,.vol-slider:focus-visible .vol-track{height:8px}.vol-slider:hover .vol-thumb,.vol-slider.is-drag .vol-thumb,.vol-slider:focus-visible .vol-thumb{transform:scale(1)}.vol-slider.is-drag .vol-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--tc) 30%, transparent), 0 2px 6px #00000080}.vol-slider:hover .vol-tip,.vol-slider.is-drag .vol-tip,.vol-slider:focus-visible .vol-tip{opacity:1;transform:none}.vol-slider:focus-visible{outline:2px solid var(--tc);outline-offset:4px;border-radius:6px}.ui-opts{background:var(--panel);border:1px solid var(--hair);border-radius:12px}.ui-opts summary{cursor:pointer;font:600 12px var(--font-body);color:var(--text-2);justify-content:space-between;align-items:center;padding:12px 14px;list-style:none;display:flex}.ui-opts summary::-webkit-details-marker{display:none}.ui-opts summary svg{transition:transform .3s var(--out)}.ui-opts[open] summary svg{transform:rotate(180deg)}.ui-opts-body{animation:drop .25s var(--out);gap:6px;padding:0 8px 8px;display:grid}.artist-pick{gap:8px;display:grid}.recent{flex-wrap:wrap;gap:6px;display:flex}.recent button{border:1px solid var(--hair);background:var(--panel);color:var(--text-2);font:500 11px var(--font-body);cursor:pointer;border-radius:999px;padding:5px 10px;transition:border-color .2s,color .2s}.recent button:hover{border-color:var(--t-line);color:var(--text)}.artist-card{border:1px solid var(--t-line);background:var(--t-soft);animation:pop-in .4s var(--spring);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.artist-card img{object-fit:cover;background:var(--panel-2);border-radius:50%;width:44px;height:44px}.artist-info{flex:1;min-width:0}.artist-name{font:700 15px/1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.artist-meta{font:400 10px/1.4 var(--font-mono);color:var(--muted)}.icon-mini{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-mini:hover{background:var(--panel-2);color:var(--text)}.combo{align-items:center;width:100%;display:flex;position:relative}.combo-icon{z-index:2;color:var(--muted);pointer-events:none;transition:color .2s;position:absolute;left:15px}.combo input{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;height:50px;color:var(--text);font:500 14px var(--font-body);background:#0a0a0cb3;border:1px solid #ffffff1a;border-radius:14px;outline:none;padding:0 92px 0 42px;transition:border-color .25s,box-shadow .25s,background .25s}.combo--sm input{background:var(--panel);border-radius:12px;height:42px;padding:0 12px 0 36px;font-size:13px}.combo--sm .combo-icon{left:12px}.combo input::placeholder{color:var(--muted)}.combo input:focus{border-color:var(--t-line);box-shadow:0 0 0 4px color-mix(in srgb, var(--tc) 14%, transparent)}.combo:focus-within .combo-icon{color:var(--tc)}.combo input:disabled{opacity:.5}.listbox{z-index:50;max-height:300px;animation:drop .2s var(--out);background:#111113;border:1px solid #ffffff1a;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 60px #000000a6}.listbox--up{animation-name:rise;top:auto;bottom:calc(100% + 8px)}@keyframes rise{0%{opacity:0;transform:translateY(6px)scale(.98)}}.listbox li{cursor:pointer;animation:opt-in .25s var(--out) backwards;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;padding:9px 11px;display:grid}.listbox li:nth-child(2){animation-delay:20ms}.listbox li:nth-child(3){animation-delay:40ms}.listbox li:nth-child(4){animation-delay:60ms}.listbox li:nth-child(n+5){animation-delay:80ms}@keyframes opt-in{0%{opacity:0;transform:translateY(4px)}}.listbox li:not(:has(img)){grid-template-columns:1fr}.listbox li img{object-fit:cover;border-radius:50%;grid-row:span 2;width:32px;height:32px}.listbox li[aria-selected=true],.listbox li:hover{background:var(--panel-2)}.listbox li[aria-selected=true] .opt-title{color:var(--tc)}.opt-title{font:600 13px/1.3 var(--font-body);color:var(--text)}.opt-artist{font:400 11px/1.3 var(--font-mono);color:var(--muted)}.wordmark{font:700 clamp(44px, 6vw, 64px)/1 var(--font-display);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff21,#ffffff08);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-6px}.wheel{align-items:center;gap:10px;display:flex}.wheel-spin{border:1px solid var(--hair);background:var(--panel);width:30px;height:30px;color:var(--muted);cursor:pointer;transition:color .2s, border-color .2s, transform .5s var(--out);border-radius:50%;place-items:center;display:grid}.wheel-spin:hover{color:var(--tc);border-color:var(--t-line);transform:rotate(180deg)}.wheel-spin.is-spinning{color:var(--tc);animation:.5s linear infinite spin}.wheel-spin:disabled{opacity:.35;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.wheel-window{--item:104px;width:calc(var(--item) * 3);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.wheel-reel{will-change:transform;display:flex}.wheel-reel button{width:var(--item);height:30px;color:var(--muted);font:500 12px var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;transition:color .3s,transform .3s}.wheel-reel button.is-current{color:var(--text);font-weight:700;transform:scale(1.08)}.wheel-reel button:not(.is-current):hover{color:var(--text-2)}.wheel.is-off{visibility:hidden}.pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pill-t{cursor:pointer;background:color-mix(in srgb, var(--pc) 13%, transparent);height:32px;color:color-mix(in srgb, var(--pc) 85%, #fff);font:600 12px var(--font-body);transition:background .25s, color .25s, transform .25s var(--spring), box-shadow .25s;border:0;border-radius:999px;padding:0 15px;position:relative}.pill-t:hover{background:color-mix(in srgb, var(--pc) 22%, transparent);transform:translateY(-2px)}.pill-t:active{transform:scale(.94)}.pill-t[aria-checked=true]{background:var(--pc);color:var(--pc-on);box-shadow:0 6px 22px color-mix(in srgb, var(--pc) 40%, transparent), inset 0 1px 0 #ffffff59;transform:scale(1.06)}.timebar{width:100%;padding-bottom:28px;position:relative}.tb-track{background:#ffffff0b;border-radius:4px;height:20px;position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.tb-open,.tb-play{border-radius:4px 0 0 4px;position:absolute;top:0;bottom:0;left:0}.tb-open{width:calc(var(--w,0) * 100%);background:color-mix(in srgb, var(--tc) 24%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--tc) 40%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--tc) 40%, transparent), inset 1px 0 0 color-mix(in srgb, var(--tc) 40%, transparent);transition:width .6s var(--spring)}.tb-play{width:calc(var(--w,0) * 100%);background:linear-gradient(90deg, color-mix(in srgb, var(--tc) 55%, transparent), var(--tc));opacity:0;transition:opacity .2s}.timebar.is-playing .tb-play{opacity:1}.tb-head{top:0;bottom:0;left:calc(var(--x,0) * 100%);width:2px;box-shadow:0 0 8px var(--tc);opacity:0;background:#fff;margin-left:-1px;transition:opacity .15s;position:absolute}.timebar.is-playing .tb-head{opacity:1}.tb-ticks i{background:#ffffff29;width:1px;transition:background .3s,opacity .2s;position:absolute;top:6px;bottom:6px}.tb-ticks i.is-open{background:color-mix(in srgb, var(--tc) 60%, #fff)}.tb-ticks i.is-now{opacity:0}.tb-pointer{top:-4px;left:clamp(1px, var(--x,0) * 100%, 100% - 1px);pointer-events:none;width:2px;transition:left .6s var(--spring);position:absolute;translate:-50%}.tb-stem{background:var(--tc);width:2px;height:28px;box-shadow:0 0 10px color-mix(in srgb, var(--tc) 70%, transparent);display:block}.tb-label{translate:calc(-50% + var(--lx,0px)) 0;transition:translate .6s var(--spring);background:var(--tc);color:#0a0a0a;font:700 11px/1 var(--font-mono);white-space:nowrap;box-shadow:0 4px 14px color-mix(in srgb, var(--tc) 35%, transparent);border-radius:3px;padding:3px 6px 2px;position:absolute;top:28px;left:50%}.timebar.is-revealed .tb-open{background:color-mix(in srgb, var(--tc) 40%, transparent);border-radius:4px}.timebar.flash-bad{animation:.5s tb-shake}.timebar.flash-bad .tb-track{animation:.5s tb-bad}.timebar.flash-ok .tb-track{animation:.8s tb-ok}@keyframes tb-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes tb-bad{0%{box-shadow:inset 0 0 0 1px #ff4d5e,0 0 #ff4d5e80}to{box-shadow:inset 0 0 0 1px #ffffff12,0 0 0 10px #ff4d5e00}}@keyframes tb-ok{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tc) 60%, transparent)}to{box-shadow:0 0 0 14px #0000}}.play-zone{justify-content:center;align-items:center;gap:22px;margin:2px 0;padding-left:70px;display:flex}.play{cursor:pointer;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tc) 80%, #fff), var(--tc) 55%);width:116px;height:116px;color:var(--t-on);box-shadow:0 0 0 10px color-mix(in srgb, var(--tc) 9%, transparent), 0 18px 60px color-mix(in srgb, var(--tc) 40%, transparent), inset 0 2px 0 #ffffff4d;transition:transform .3s var(--spring), box-shadow .3s, filter .2s;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.play:hover:not(:disabled){box-shadow:0 0 0 14px color-mix(in srgb, var(--tc) 12%, transparent), 0 22px 70px color-mix(in srgb, var(--tc) 55%, transparent), inset 0 2px 0 #ffffff4d;transform:scale(1.05)}.play:active:not(:disabled){transition-duration:80ms;transform:scale(.93)}.play:disabled{cursor:progress;filter:saturate(.4)brightness(.55)}.play .i-play{transition:transform .25s var(--spring), opacity .15s;translate:2px}.play .i-stop,.play .i-load{opacity:0;transition:transform .25s var(--spring), opacity .15s;position:absolute;transform:scale(.5)}.play.is-playing .i-play{opacity:0;transform:scale(.5)}.play.is-playing .i-stop{opacity:1;transform:none}.play.is-loading .i-play{opacity:0}.play.is-loading .i-load{opacity:1;border:3px solid;border-right-color:#0000;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;transform:none}.ring{pointer-events:none;width:calc(100% + 28px);height:calc(100% + 28px);position:absolute;inset:-14px;rotate:-90deg}.ring circle{fill:none;stroke-width:3px}.ring-bg{stroke:#0000}.ring-fg{stroke:var(--tc);stroke-linecap:round;stroke-dasharray:351.86;stroke-dashoffset:351.86px;opacity:0;filter:drop-shadow(0 0 6px var(--tc));transition:opacity .2s}.play.is-playing .ring-fg{opacity:1}.play.is-playing:before,.play.is-playing:after{content:"";border:2px solid var(--tc);animation:ripple 1.4s var(--out) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:0}.play.is-playing:after{animation-delay:.7s}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.play.pulse{animation:play-pulse .5s var(--spring)}@keyframes play-pulse{40%{transform:scale(1.12)}}.clip{min-width:70px;margin-left:-6px;display:grid}.clip-len{font:700 30px/1 var(--font-mono);color:var(--tc);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.clip-len.tick{animation:tick-up .5s var(--spring)}@keyframes tick-up{0%{opacity:0;transform:translateY(10px)scale(.8)}}.clip-status{font:400 11px var(--font-mono);color:var(--muted);white-space:nowrap;margin-top:4px}.guess{grid-template-columns:1fr auto;gap:8px;width:100%;display:grid}.guess-go{background:var(--tc);height:38px;color:var(--t-on);font:700 12px var(--font-body);cursor:pointer;transition:transform .25s var(--spring), opacity .2s, box-shadow .2s;box-shadow:0 6px 20px color-mix(in srgb, var(--tc) 35%, transparent);border:0;border-radius:10px;padding:0 15px;position:absolute;right:6px}.guess-go:hover:not(:disabled){transform:scale(1.05)}.guess-go:active:not(:disabled){transform:scale(.94)}.guess-go:disabled{opacity:0;pointer-events:none;box-shadow:none;transform:scale(.8)}.skip-btn{height:50px;color:var(--text);font:700 13px var(--font-body);cursor:pointer;transition:border-color .2s, color .2s, transform .2s var(--spring), background .2s;background:#0a0a0cb3;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.skip-btn:hover:not(:disabled){border-color:var(--t-line);color:var(--tc)}.skip-btn:hover:not(:disabled) svg{animation:nudge .6s var(--out)}.skip-btn:active:not(:disabled){transform:scale(.94)}.skip-btn:disabled{opacity:.45;cursor:not-allowed}.skip-btn.is-giveup{color:#ff8a95;border-color:#ff4d5e73}@keyframes nudge{40%{transform:translate(3px)}}.guess.shake{animation:.45s shake}.guess.shake .combo input{border-color:#ff4d5e;box-shadow:0 0 0 4px #ff4d5e2e}@keyframes shake{15%,55%{transform:translate(-8px)}35%,75%{transform:translate(8px)}90%{transform:translate(-2px)}}.log{gap:5px;width:100%;margin:-8px 0 0;padding:0;list-style:none;display:grid}.log:empty{display:none}.log li{background:var(--panel);font:400 12px var(--font-mono);color:var(--text-2);animation:log-in .4s var(--spring);border-radius:10px;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.log li em{color:var(--muted);white-space:nowrap;margin-left:auto;font-style:normal}.log li span{font-weight:700}.log .bad span{color:#ff6b78}.log .skip span{color:var(--muted)}.log .ok{background:var(--t-soft);color:var(--text)}.log .ok span{color:var(--tc)}@keyframes log-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}}.reveal{text-align:center;width:100%;animation:reveal-in .6s var(--out);flex-direction:column;align-items:center;gap:6px;display:flex}@keyframes reveal-in{0%{opacity:0;filter:blur(6px);transform:translateY(16px)scale(.97)}}.reveal-art{background:var(--panel-2);cursor:pointer;width:148px;height:148px;animation:art-in .8s var(--spring);border:0;border-radius:14px;margin-bottom:10px;padding:0;position:relative}.reveal-art img{border-radius:inherit;object-fit:cover;opacity:0;filter:blur(12px);width:100%;height:100%;transition:opacity .5s,filter .8s;display:block;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff14}.reveal-art img.is-loaded{opacity:1;filter:none}.reveal-art:after{content:"▶";border-radius:inherit;color:#fff;opacity:0;background:#00000073;place-items:center;font-size:26px;transition:opacity .2s;display:grid;position:absolute;inset:0}.reveal-art:hover:after,.reveal-art:focus-visible:after{opacity:1}.reveal-art.is-playing:after{content:"■";opacity:1}@keyframes art-in{0%{opacity:0;transform:scale(.6)rotate(-8deg)}}.stamp{z-index:2;font:800 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;animation:stamp .55s .35s var(--spring) backwards;background:#08080ad9;border:2px solid;border-radius:10px;padding:6px 12px;position:absolute;top:-14px;right:-48px;transform:rotate(-8deg)}.stamp.ok{color:var(--tc);box-shadow:0 0 24px color-mix(in srgb, var(--tc) 35%, transparent)}.stamp.bad{color:#ff5c6b}@keyframes stamp{0%{opacity:0;transform:rotate(-20deg)scale(2.2)}60%{opacity:1;transform:rotate(-6deg)scale(.92)}}.stamp{transform:rotate(8deg)}.reveal-title{font:700 clamp(24px, 3vw, 32px)/1.1 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.reveal-sub{color:var(--muted);font-size:14px}.reveal-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.pill-link{background:var(--panel-2);color:var(--text-2);font:600 11px var(--font-body);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.pill-link:hover{background:var(--t-soft);color:var(--tc)}.reveal-progress{font:400 11px var(--font-mono);color:var(--muted)}.reveal-vs{background:var(--t-soft);color:var(--t-text);font:600 12px var(--font-body);border-radius:999px;padding:6px 12px}.reveal-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.btn-soft,.btn-solid{height:44px;font:700 13px var(--font-body);cursor:pointer;transition:transform .25s var(--spring), background .2s, box-shadow .2s, color .2s;border-radius:12px;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.btn-soft{border:1px solid var(--t-line);background:var(--t-soft);color:var(--t-text)}.btn-soft:hover{background:color-mix(in srgb, var(--tc) 22%, transparent)}.btn-solid{background:var(--tc);color:var(--t-on);box-shadow:0 8px 26px color-mix(in srgb, var(--tc) 40%, transparent);border:0}.btn-solid:hover{box-shadow:0 12px 32px color-mix(in srgb, var(--tc) 50%, transparent);transform:translateY(-2px)}.btn-soft:active,.btn-solid:active{transform:scale(.95)}.confetti{background:var(--c,var(--tc));pointer-events:none;width:8px;height:8px;animation:confetti .9s var(--out) forwards;border-radius:2px;position:absolute;top:50%;left:50%}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--r));opacity:0}}.challenge-bar{border:1px dashed var(--t-line);color:var(--t-text);font:500 12px var(--font-body);text-align:center;animation:pop-in .4s var(--spring);border-radius:999px;padding:8px 14px}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}}.center>*{animation:enter .7s var(--out) backwards}.center>:nth-child(2){animation-delay:40ms}.center>:nth-child(3){animation-delay:80ms}.center>:nth-child(4){animation-delay:.12s}.center>:nth-child(5){animation-delay:.16s}.center>:nth-child(6){animation-delay:.2s}.center>:nth-child(7){animation-delay:.24s}.rail{animation:enter .8s .15s var(--out) backwards}@keyframes enter{0%{opacity:0;transform:translateY(14px)}}.stage-foot{pointer-events:none;justify-content:center;align-items:flex-end;padding:0 24px;display:flex;position:absolute;bottom:22px;left:0;right:0}.stage-foot>*{pointer-events:auto}.more-games{gap:8px;display:flex}.mg{border:1px solid var(--hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;min-width:128px;transition:transform .25s var(--spring), border-color .2s;background:#0a0a0c99;border-radius:12px;padding:9px 14px;text-decoration:none;display:grid}.mg b{font:700 13px var(--font-display);color:var(--text)}.mg small{font:400 10px var(--font-mono);color:var(--muted)}.mg--home:hover{border-color:var(--t-line);transform:translateY(-3px)}.mg.is-soon{opacity:.45}.stage-links{gap:16px;display:flex;position:absolute;bottom:4px;right:24px}.stage-links a{min-height:28px;font:500 11px var(--font-body);color:var(--muted);align-items:center;padding-inline:4px;text-decoration:none;transition:color .2s;display:inline-flex}.stage-links a:hover{color:var(--text)}.article{z-index:1;border-top:1px solid var(--hair);max-width:880px;margin:0 auto;padding:72px 24px 64px;position:relative}.art-row{border-bottom:1px solid var(--hair);grid-template-columns:180px 1fr;gap:24px;padding:40px 0;display:grid}.art-label{font:600 13px var(--font-body);color:var(--text-2)}.art-body{gap:14px;display:grid}.art-body h2{font:700 28px/1.15 var(--font-display);letter-spacing:-.02em}.art-body p{color:var(--muted);font-size:14px;line-height:1.8}.art-body b{color:var(--text-2)}.art-link{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--t-line);text-decoration-color:var(--t-line);text-underline-offset:4px;font-weight:600}.art-steps{gap:18px;margin:0;padding:0;list-style:none;display:grid}.art-steps li{gap:16px;display:flex}.art-steps li>span{font:400 11px var(--font-mono);color:var(--tc);padding-top:3px}.art-steps b{font-size:14px}.art-steps p{color:var(--muted);margin-top:3px;font-size:14px;line-height:1.7}.faq details{border-bottom:1px solid var(--hair)}.faq summary{cursor:pointer;font:600 14px var(--font-body);justify-content:space-between;align-items:center;padding:14px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 18px var(--font-mono);color:var(--muted);transition:transform .3s var(--out)}.faq details[open] summary:after{color:var(--tc);transform:rotate(45deg)}.faq details p{animation:drop .3s var(--out);padding-bottom:14px}.art-credit{font:400 11px var(--font-mono);color:var(--muted);padding-top:32px}.toast{z-index:120;color:#0a0a0b;font:600 13px var(--font-body);opacity:0;pointer-events:none;transition:opacity .25s, transform .35s var(--spring);background:#f4f4f5;border-radius:12px;padding:10px 16px;position:fixed;bottom:28px;left:50%;transform:translateY(16px)scale(.96);box-shadow:0 16px 40px #00000080}.toast.is-on{opacity:1;transform:none}.toast.bad{color:#fff;background:#ff4d5e}@media (width<=1100px){#options-btn{display:grid}.stage{grid-template-columns:minmax(0,480px);align-content:start;padding:84px 18px 150px}.center{grid-column:1}.rails{border:1px solid var(--hair);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0c0ed9;border-radius:18px;grid-area:2/1;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;padding:18px;display:none}.rails.is-open{animation:drop .3s var(--out);display:grid}.rail{grid-area:auto;align-content:start}.stage-links{display:none}}@media (width<=640px){.rails{grid-template-columns:1fr}.play{width:96px;height:96px}.ring{width:calc(100% + 24px);height:calc(100% + 24px);inset:-12px}.play-zone{gap:16px;padding-left:54px}.clip-len{font-size:24px}.wheel-window{--item:92px}.more-games .mg.is-soon{display:none}.art-row{grid-template-columns:1fr;gap:10px}.es-brand{display:none}.stamp{right:-28px}.curtain{display:none}}.es-page.calm *,.es-page.calm :before,.es-page.calm :after{transition-duration:10ms!important;animation:none!important}@media (prefers-reduced-motion:reduce){.es-page *,.es-page :before,.es-page :after{transition-duration:10ms!important;animation:none!important}}