:root{--bg:#f1e7d3;--bg-deep:#e8dcc4;--surface:#fff8e8;--surface-2:#ebdfc8;--ink:#0a0a0a;--ink-soft:#2a2520;--ink-dim:#6b5e4a;--ink-mute:#a99a82;--accent:#d8392c;--accent-hover:#b62b21;--accent-soft:#d8392c1f;--correct:#4a7c3a;--correct-soft:#4a7c3a24;--wrong:#d8392c;--wrong-soft:#d8392c1f;--border:#0a0a0a1f;--border-strong:#0a0a0a66;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Anton", "Archivo Black", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:14px/1.5 var(--sans);color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(#f1e7d373, #f1e7d373), url(/bg.jpg) center / cover no-repeat fixed, var(--bg);min-height:100svh;margin:0;position:relative}@media (width<=640px){body{background: radial-gradient(ellipse 90% 65% at 50% 35%, #d8392c24 0%, transparent 70%),  radial-gradient(ellipse 130% 100% at center, #f8efdb 0%, var(--bg) 75%)}}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:700}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.45}input{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.app{width:100%;max-width:480px;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));z-index:1;flex-direction:column;gap:14px;margin:0 auto;animation:.4s ease-out fade-in;display:flex;position:relative}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.enter-pop{animation:.35s cubic-bezier(.2,.9,.3,1.2) pop-in}.enter-pop-delay{animation:.35s cubic-bezier(.2,.9,.3,1.2) .18s both pop-in}.confetti{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:visible}.confetti-particle{opacity:1;animation:confetti-burst var(--dur) cubic-bezier(.18, .7, .4, 1) var(--delay) forwards;will-change:transform, opacity;border-radius:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.confetti.origin-top .confetti-particle{top:18%}@keyframes confetti-burst{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)}18%{opacity:1}to{transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r));opacity:0}}.score-value.pulse{animation:.6s cubic-bezier(.2,.9,.3,1.4) score-pulse}@keyframes score-pulse{0%{color:var(--accent);transform:scale(1)}35%{color:var(--accent);text-shadow:0 0 18px #d8392c8c;transform:scale(1.35)}to{color:var(--accent);transform:scale(1)}}.play-screen.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) wrong-shake}@keyframes wrong-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.dropdown-input.wrong-flash{animation:.55s ease-out wrong-flash}@keyframes wrong-flash{0%{border-color:var(--accent);background:#d8392c1f}to{border-color:var(--ink);background:#fff}}.tier-pill.just-activated{animation:.7s ease-out tier-flash}@keyframes tier-flash{0%{transform:scale(1);box-shadow:0 0 #d8392cb3}35%{transform:scale(1.08);box-shadow:0 0 0 8px #d8392c00}to{transform:scale(1);box-shadow:0 0 #d8392c00}}.play-icon{transition:transform .18s cubic-bezier(.3,.7,.4,1.2);display:inline-block}.play-btn:not(:disabled):active .play-icon{transform:scale(.85)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.disk{animation:none!important}}::selection{background:var(--accent);color:var(--bg)}.header{justify-content:space-between;align-items:center;gap:16px;padding:2px 0 6px;display:flex}.logo{width:auto;max-width:130px;height:20px;display:block}.score-display{font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex}.score-label{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);font-size:11px;font-weight:700}.score-value{font-family:var(--display);color:var(--accent);letter-spacing:.01em;font-size:28px;font-weight:400;line-height:.9}.score-max{color:var(--ink-mute);font-size:18px;font-family:var(--display)}.progress-row{border-top:2px solid var(--ink);justify-content:space-between;align-items:center;padding:10px 0 2px;display:flex}.song-dots{align-items:center;gap:12px;display:flex}.song-dot{border:2px solid var(--ink);background:0 0;border-radius:50%;width:12px;height:12px;transition:all .2s}.song-dot.current{background:var(--ink)}.song-dot.done.win{background:var(--accent);border-color:var(--accent)}.song-dot.done.lose{background:var(--bg);border-color:var(--ink-mute);opacity:.5}.progress-text{font-family:var(--display);color:var(--ink);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:18px}.main{flex-direction:column;gap:10px;display:flex}.play-screen{flex-direction:column;align-items:center;gap:14px;padding-top:4px;display:flex}.disk-wrap{filter:drop-shadow(0 10px 22px #00000038);justify-content:center;align-items:center;width:188px;height:188px;margin:2px 0 4px;display:flex;position:relative}button.disk-wrap.as-button{cursor:pointer;background:0 0;border:0;padding:0;transition:filter .15s,transform .12s}button.disk-wrap.as-button:not(:disabled):hover{filter:drop-shadow(0 14px 26px #0000004d)}button.disk-wrap.as-button:not(:disabled):active{transform:scale(.97)}button.disk-wrap.as-button:disabled{cursor:progress;opacity:.7}.disk{z-index:3;transform-origin:50%;background:radial-gradient(circle at 38% 36%,#ffffff12 0,#0000 55%),radial-gradient(circle,#0000 38px,#c3b29142 38.5px,#0000 39.5px),radial-gradient(circle,#0000 45px,#c3b29133 45.5px,#0000 46.5px),radial-gradient(circle,#0000 52px,#c3b2913d 52.5px,#0000 53.5px),radial-gradient(circle,#0000 59px,#c3b29133 59.5px,#0000 60.5px),radial-gradient(circle,#0000 64px,#c3b29147 64.5px,#0000 65.5px),repeating-radial-gradient(circle,#1a1714 0 1.5px,#0b0908 1.5px 2.4px);border-radius:50%;width:150px;height:150px;animation:1.8s linear infinite paused spin,.9s ease-in-out infinite paused disk-pulse;position:relative;rotate:0deg;scale:1;box-shadow:inset 0 0 0 1px #0009}.disk.playing{animation-play-state:running,running}.disk-label{background:url(/label.jpg) center / cover no-repeat, var(--accent);z-index:1;border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 .5px #00000059,0 0 0 1.5px #0000008c}.disk-label:after{content:"";background:var(--bg);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 .5px #00000080}.disk-mark{z-index:4;background:linear-gradient(#000000a6,#00000059);border-radius:1.5px;width:3px;height:16px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.disk-mark-sm{z-index:4;background:#00000073;border-radius:50%;width:4px;height:4px;position:absolute;bottom:30px;right:36px}.disk-sweep{pointer-events:none;z-index:4;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 38%,#ffffff2e 50%,#0000 62%);border-radius:50%;width:150px;height:150px;animation:4.2s linear infinite disk-sweep-rotate;position:absolute}@keyframes disk-sweep-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disk-gloss{pointer-events:none;z-index:5;background:linear-gradient(135deg,#ffffff2e 0%,#ffffff0a 22%,#0000 40% 65%,#0000001a 100%);border-radius:50%;width:150px;height:150px;position:absolute}.disk-pulse{border:2px solid var(--accent);opacity:0;pointer-events:none;z-index:1;border-radius:50%;width:168px;height:168px;margin:-84px 0 0 -84px;position:absolute;top:50%;left:50%}.disk-wrap.playing .disk-pulse{animation:1.8s ease-out infinite emanate}.disk-wrap.playing .disk-pulse:nth-child(2){animation-delay:.6s}.disk-wrap.playing .disk-pulse:nth-child(3){animation-delay:1.2s}@keyframes spin{to{rotate:360deg}}@keyframes disk-pulse{0%,to{scale:1}50%{scale:1.045}}@keyframes emanate{0%{opacity:.65;transform:scale(.65)}to{opacity:0;transform:scale(1.35)}}.play-btn{background:var(--ink);width:62px;height:62px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .1s,background .15s;display:flex;box-shadow:0 4px 14px #00000040}.play-btn:not(:disabled):hover{background:var(--accent);transform:scale(1.06)}.play-btn:not(:disabled):active{transform:scale(.96)}.play-icon{margin-left:2px;font-size:22px;line-height:1}.tier-pills{flex-wrap:nowrap;justify-content:center;gap:6px;width:100%;display:flex}.tier-pill{border:1.5px solid var(--ink);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;background:0 0;border-radius:4px;flex:0 auto;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.tier-pill.current{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tier-pill.past{opacity:.35;border-color:var(--ink-mute);text-decoration:line-through}.tier-pill.upcoming{opacity:.55}.tier-dot{opacity:.5}.tier-pill.current .tier-points,.tier-pill:not(.current) .tier-points{color:var(--accent)}.tier-pill.current .tier-points{color:var(--bg)}.play-meta{color:var(--ink-dim);letter-spacing:.04em;text-transform:uppercase;margin-top:-4px;font-size:11px;font-weight:600}.more-btn{color:var(--ink);border:1.5px solid var(--ink);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:4px;padding:7px 16px;font-size:11px;font-weight:700;transition:all .15s}.more-btn:hover{background:var(--ink);color:var(--bg)}.giveup-btn{color:var(--accent);text-underline-offset:3px;letter-spacing:.02em;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s}.giveup-btn:hover{color:var(--accent-hover)}.kbd-hint{color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:11px;font-weight:600;display:none}.kbd-hint kbd{font-family:var(--mono);color:var(--ink-dim);background:#0a0a0a0d;border:1px solid #0a0a0a26;border-radius:3px;margin-right:3px;padding:1px 5px;font-size:10px;font-weight:700}@media (hover:hover) and (pointer:fine){.kbd-hint{display:flex}}.collection{flex-direction:column;gap:8px;padding-top:4px;display:flex}.collection-row{justify-content:space-between;align-items:baseline;display:flex}.collection-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:11px;font-weight:700}.collection-count{font-family:var(--display);color:var(--accent);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:18px}.collection-bar{background:var(--bg-deep);border:1px solid var(--border);border-radius:999px;width:100%;height:6px;overflow:hidden}.collection-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, #e8b340 100%);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.2,.7,.3,1)}.dropdown{width:100%;position:relative}.dropdown-row{gap:8px;display:flex}.dropdown-input{border:1.5px solid var(--ink);min-width:0;color:var(--ink);appearance:none;background:#fff;border-radius:4px;flex:1;padding:11px 14px;font-size:16px;font-weight:500;transition:border-color .15s}.dropdown-input::-webkit-search-decoration{appearance:none;display:none}.dropdown-input::-webkit-search-cancel-button{appearance:none;display:none}.dropdown-input::-webkit-search-results-button{appearance:none;display:none}.dropdown-input::-webkit-search-results-decoration{appearance:none;display:none}.dropdown-input:focus{border-color:var(--accent)}.dropdown-input::placeholder{color:var(--ink-mute);font-weight:500}.guess-btn{background:var(--accent);color:var(--bg);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:0 22px;font-size:12px;font-weight:700;transition:background .15s,transform .1s}.guess-btn:not(:disabled):hover{background:var(--accent-hover)}.guess-btn:not(:disabled):active{transform:scale(.98)}.dropdown-list{background:var(--surface);border:1.5px solid var(--ink);z-index:10;max-height:280px;box-shadow:4px 4px 0 var(--ink);border-radius:4px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.dropdown-list li{cursor:pointer;border-radius:2px;flex-direction:column;padding:10px 12px;display:flex}.dropdown-list li.active{background:var(--ink);color:var(--bg)}.dropdown-list li.active .song-title,.dropdown-list li.active .song-album{color:var(--bg)}.song-title{color:var(--ink);font-size:14px;font-weight:600}.song-album{color:var(--ink-dim);margin-top:2px;font-size:12px}.dropdown-empty{background:var(--surface);border:1.5px solid var(--ink);color:var(--ink-dim);text-align:center;border-radius:4px;padding:12px;font-size:13px;position:absolute;top:calc(100% + 6px);left:0;right:0}.error{color:var(--accent);text-align:center;font-size:13px}.song-result{background:var(--surface);border:2px solid var(--ink);text-align:center;box-shadow:6px 6px 0 var(--ink);border-radius:6px;flex-direction:column;align-items:center;gap:18px;padding:32px 24px 24px;display:flex}.result-banner{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:6px 16px;font-size:22px}.result-banner.win{background:var(--accent);color:var(--bg)}.result-banner.lose{background:var(--ink);color:var(--bg)}.result-song-title{font-family:var(--display);color:var(--ink);letter-spacing:.01em;text-transform:uppercase;font-size:30px;line-height:1}.result-song-album{color:var(--ink-dim);letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:13px;font-weight:600}.result-tag{background:var(--bg-deep);color:var(--ink-dim);letter-spacing:.02em;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.session-end{background:var(--surface);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:6px;flex-direction:column;gap:20px;padding:36px 24px 24px;display:flex}.session-score{text-align:center}.score-big{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:88px;line-height:.9}.score-denom{color:var(--ink);font-size:44px}.score-caption{color:var(--ink-dim);letter-spacing:.04em;text-transform:uppercase;margin-top:10px;font-size:14px;font-weight:600}.session-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.session-item{background:var(--bg-deep);border-left:3px solid #0000;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;animation:.3s ease-out both slide-in;display:flex}.session-item.lose{color:var(--ink-dim);border-left-color:var(--ink-mute);opacity:.7}.session-item.tier-0{border-left-color:var(--accent)}.session-item.tier-1{border-left-color:#d8a73b}.session-item.tier-2{border-left-color:#c98640}.session-item-num{color:var(--ink-mute);font-family:var(--display);width:18px;font-size:14px}.session-item-title{flex:1;font-weight:600}.session-item-tag{font-family:var(--display);letter-spacing:.02em;font-size:16px}.session-item.win .session-item-tag{color:var(--accent)}.session-item.lose .session-item-tag{color:var(--ink-mute)}.share-grid{font-family:var(--mono);background:var(--bg-deep);white-space:pre-wrap;text-align:left;color:var(--ink);border-radius:4px;margin:0;padding:16px 18px;font-size:14px;line-height:1.55}.end-actions{gap:12px;display:flex}.end-actions-stack{flex-direction:column;gap:10px;display:flex}.end-action-wide{width:100%}.primary-btn{background:var(--accent);color:var(--bg);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;flex:1;padding:13px 20px;font-size:13px;font-weight:700;transition:background .15s,transform .1s}.primary-btn:hover{background:var(--accent-hover)}.primary-btn:active{transform:scale(.98)}.secondary-btn{color:var(--ink);border:1.5px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:4px;flex:1;padding:13px 20px;font-size:13px;font-weight:700;transition:all .15s}.secondary-btn:hover{background:var(--ink);color:var(--bg)}.stats-row{color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase;justify-content:center;gap:10px;font-size:12px;font-weight:600;display:flex}.intro-backdrop{z-index:200;background:#0a0a0a8c;justify-content:center;align-items:center;padding:20px;animation:.22s ease-out fade-in;display:flex;position:fixed;inset:0}.intro-modal{background:var(--surface);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:8px;width:100%;max-width:380px;padding:28px 24px 22px;animation:.4s cubic-bezier(.2,.9,.3,1.25) intro-rise}@keyframes intro-rise{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.intro-title{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;text-align:center;color:var(--ink);margin-bottom:18px;font-size:28px}.intro-list{flex-direction:column;gap:14px;margin:0 0 18px;padding:0;list-style:none;display:flex}.intro-list li{color:var(--ink);align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.intro-list strong{color:var(--accent);font-weight:700}.intro-num{background:var(--accent);width:26px;height:26px;color:var(--bg);font-family:var(--display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:14px;display:flex}.intro-foot{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);margin-bottom:10px;font-size:11px;font-weight:600}.intro-plays{text-align:center;color:var(--ink-dim);letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:600;animation:.4s ease-out .15s both fade-in}.intro-plays-num{font-family:var(--display);color:var(--accent);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:16px}.help-btn{border:1.5px solid var(--ink);width:22px;height:22px;color:var(--ink);font-size:11px;font-weight:700;font-family:var(--sans);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s,color .15s,transform .1s;display:inline-flex}.help-btn:hover{background:var(--ink);color:var(--bg)}.help-btn:active{transform:scale(.92)}.header-right{align-items:center;gap:12px;display:flex}.version{text-align:center;font-family:var(--mono);letter-spacing:.08em;color:var(--ink-mute);opacity:.55;-webkit-user-select:all;user-select:all;margin-top:20px;font-size:9px}.yt-host{opacity:0;pointer-events:none;z-index:-1;width:1px;height:1px;position:fixed;bottom:0;right:0;overflow:hidden}.vd-page{width:100%;max-width:1080px;font-family:var(--sans);color:var(--ink);margin:0 auto;padding:32px 24px 80px}.vd-header{margin-bottom:32px}.vd-header h1{font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;font-size:44px}.vd-header p{color:var(--ink-dim);max-width:540px;margin-top:6px;font-size:14px}.vd-back a{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.vd-back a:hover{text-decoration:underline}.vd-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.vd-card{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 14px;display:flex}.vd-card-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);text-align:center;font-size:16px}.vd-card-desc{color:var(--ink-dim);text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.vd-stage{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.vd-disk-wrap{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.vd-disk{--label-color:var(--accent);transform-origin:50%;background:radial-gradient(circle at center, var(--bg) 0, var(--bg) 2.5px, transparent 3px), radial-gradient(circle at center, var(--label-color) 0, var(--label-color) 32px, transparent 32.5px), radial-gradient(circle at center, transparent 22px, #0000002e 22.5px, transparent 23.5px), radial-gradient(circle at center, transparent 31px, #0009 32px, transparent 33.5px), radial-gradient(circle at 38% 36%, #ffffff12 0, transparent 55%), radial-gradient(circle at center, transparent 38px, #c3b29142 38.5px, transparent 39.5px), radial-gradient(circle at center, transparent 45px, #c3b29133 45.5px, transparent 46.5px), radial-gradient(circle at center, transparent 52px, #c3b2913d 52.5px, transparent 53.5px), radial-gradient(circle at center, transparent 59px, #c3b29133 59.5px, transparent 60.5px), radial-gradient(circle at center, transparent 64px, #c3b29147 64.5px, transparent 65.5px), repeating-radial-gradient(circle at center, #1a1714 0, #1a1714 1.5px, #0b0908 1.5px, #0b0908 2.4px);border-radius:50%;width:134px;height:134px;animation:1.8s linear infinite vd-spin;position:relative;box-shadow:inset 0 0 0 1px #0009}.vd-disk-mark{z-index:4;background:linear-gradient(#000000a6,#00000059);border-radius:1.5px;width:3px;height:16px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.vd-disk-mark-sm{z-index:4;background:#00000073;border-radius:50%;width:4px;height:4px;position:absolute;bottom:30px;right:36px}@keyframes vd-spin{to{transform:rotate(360deg)}}.has-smooth .vd-disk{animation:2.1s cubic-bezier(.4,0,.6,1) infinite vd-spin}.vd-tonearm{pointer-events:none;z-index:6;filter:drop-shadow(0 2px 3px #00000040);width:130px;height:130px;position:absolute;top:-18px;right:-18px}.vd-ring{z-index:2;pointer-events:none;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px;transform:rotate(-90deg)}.vd-ring-fill{stroke-dasharray:100 100;stroke-dashoffset:100px;animation:3s ease-in-out infinite vd-ring-fill}@keyframes vd-ring-fill{0%{stroke-dashoffset:100px}90%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}.vd-eq{z-index:5;align-items:flex-end;gap:4px;height:50px;display:flex;position:absolute;bottom:10px;right:-8px}.vd-eq-bar{background:var(--accent);transform-origin:bottom;border-radius:1px;width:4px;height:100%;animation:.85s ease-in-out infinite alternate vd-eq-bounce;display:block}@keyframes vd-eq-bounce{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.vd-crackle{pointer-events:none;z-index:7;background:#c3b291a6;border-radius:50%;width:3px;height:3px;animation:linear infinite vd-crackle-float;position:absolute}@keyframes vd-crackle-float{0%{opacity:0;transform:translate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(8px,-14px)}}.vd-sweep{pointer-events:none;z-index:8;background:linear-gradient(115deg,#0000 35%,#ffffff38 50%,#0000 65%);border-radius:50%;animation:4s linear infinite vd-sweep-rotate;position:absolute;inset:0}@keyframes vd-sweep-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.has-album-label.label-figure8 .vd-disk{background:radial-gradient(circle at center, var(--bg) 0, var(--bg) 2.5px, transparent 3px),  radial-gradient(ellipse 18px 26px at center, transparent 0, transparent 12px, var(--accent) 12.5px, var(--accent) 14px, transparent 14.5px), radial-gradient(circle at center, var(--label-color) 0, var(--label-color) 32px, transparent 32.5px), radial-gradient(circle at center, transparent 31px, #0009 32px, transparent 33.5px), radial-gradient(circle at 38% 36%, #ffffff12 0, transparent 55%), radial-gradient(circle at center, transparent 38px, #c3b29142 38.5px, transparent 39.5px), radial-gradient(circle at center, transparent 45px, #c3b29133 45.5px, transparent 46.5px), radial-gradient(circle at center, transparent 52px, #c3b2913d 52.5px, transparent 53.5px), radial-gradient(circle at center, transparent 59px, #c3b29133 59.5px, transparent 60.5px), radial-gradient(circle at center, transparent 64px, #c3b29147 64.5px, transparent 65.5px), repeating-radial-gradient(circle at center, #1a1714 0, #1a1714 1.5px, #0b0908 1.5px, #0b0908 2.4px)}@media (width<=640px){.vd-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.vd-stage{width:170px;height:170px}.vd-disk-wrap{width:140px;height:140px}.vd-disk{width:118px;height:118px}}