@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap";:root{--color-bg-base:#0a0a0f;--color-bg-surface:#12121a;--color-bg-elevated:#1a1a28;--color-neon-peach:#ffb085;--color-neon-cyan:#00f5ff;--color-neon-pink:#ff2d78;--color-neon-yellow:#ffe600;--color-text-primary:#e8e8f0;--color-text-muted:#6b6b8a;--color-word-hidden-bg:#3a3a55;--glow-peach:0 0 8px #ffb085, 0 0 20px #ffb08560;--glow-cyan:0 0 8px #00f5ff, 0 0 20px #00f5ff80;--glow-pink:0 0 8px #ff2d78, 0 0 20px #ff2d7880;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}html,body{background-color:var(--color-bg-base);min-height:100vh;color:var(--color-text-primary);min-width:900px;margin:0;padding:0}#root{min-height:100vh}button{cursor:pointer;background:0 0;border:none;padding:0}h1,h2,h3,h4{margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:#2a2a40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a55}.animations-disabled .starfield{display:none}.animations-disabled .starfield__t1,.animations-disabled .starfield__t2,.animations-disabled .starfield__t3,.animations-disabled .starfield__t4{opacity:.75;animation:none}.animations-disabled .starfield__meteor-1,.animations-disabled .starfield__meteor-2,.animations-disabled .starfield__meteor-3{display:none}.animations-disabled .word-hidden{animation:none}.animations-disabled .word-player,.animations-disabled .word-autofill,.animations-disabled .title-x,.animations-disabled .title-lyrics{text-shadow:none;animation:none}.animations-disabled .timer--pink,.animations-disabled .headline--perfect{animation:none}.animations-disabled .surprise-btn,.animations-disabled .guess-input:focus,.animations-disabled .guess-input--correct,.animations-disabled .hint-btn:hover:not(:disabled),.animations-disabled .give-up-btn:hover,.animations-disabled .back-btn:hover{box-shadow:none}.animations-disabled .progress-seg--player,.animations-disabled .progress-seg--autofill{box-shadow:none;animation:none}.animations-disabled .surprise-btn,.animations-disabled .song-card--high .song-card__pct,.animations-disabled .timer,.animations-disabled .timer--yellow,.animations-disabled .timer--pink,.animations-disabled .word-count__guessed,.animations-disabled .game-over-panel__headline,.animations-disabled .headline--perfect,.animations-disabled .go-stat__value,.animations-disabled .loading-text{text-shadow:none}.animations-disabled .song-select:after{display:none}.animations-disabled .score-panel--glitch{animation:none}.animations-disabled .song-select:before,.animations-disabled .game-board:before{display:none}.animations-disabled .song-card--played{animation:none}.animations-disabled .song-card:not(.song-card--played):before{display:none}.animations-disabled .cassette,.animations-disabled .cassette__reel--left,.animations-disabled .cassette__reel--right{animation:none}.animations-disabled .error-toast,.animations-disabled .song-card:hover,.animations-disabled .song-card--high:hover{box-shadow:none}[data-tooltip],[data-tooltip-below]{position:relative}[data-tooltip]:after,[data-tooltip-below]:after{background:var(--color-bg-elevated);border:1px solid var(--color-neon-cyan);color:var(--color-neon-cyan);white-space:pre;text-align:center;pointer-events:none;opacity:0;z-index:110;border-radius:4px;padding:.25rem .6rem;font-family:Share Tech Mono,monospace;font-size:.75rem;transition:opacity .15s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 8px #00f5ff40}[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 6px)}[data-tooltip-below]:after{content:attr(data-tooltip-below);top:calc(100% + 6px)}[data-tooltip]:hover:after,[data-tooltip-below]:hover:after{opacity:1}.animations-disabled [data-tooltip]:after,.animations-disabled [data-tooltip-below]:after{box-shadow:none}.song-select{isolation:isolate;flex-direction:column;align-items:center;gap:2rem;min-height:100vh;padding:3rem 2rem 1.5rem;display:flex;position:relative;overflow-y:auto}.song-select:after{content:"";z-index:100;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000014 3px 4px);position:fixed;inset:0}.song-select:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#020208 0%,#06061a 25%,#120330 50%,#2e0a48 72%,#6a1858 88%,#882218 98%,#9e2820 100%);position:fixed;inset:0}.song-select__header{text-align:center}.song-select__title{align-items:flex-start;margin:0 0 .5rem;font-family:Orbitron,monospace;font-weight:900;line-height:1;display:flex}.title-x{color:#1ab95e;text-shadow:-3px 0 #ff2d7870,3px 0 #00f5ff70,0 0 10px #1ab95e,0 0 30px #1ab95e44,0 0 60px #1ab95e22;letter-spacing:-.05em;font-size:5.5rem;animation:6s linear infinite glitchX;display:inline-block;transform:skew(-14deg)}.title-lyrics{color:var(--color-neon-cyan);text-shadow:-2px 0 #ff2d7860,2px 0 #a855f760,0 0 8px #00f5ff,0 0 20px #00f5ff80;letter-spacing:.22em;margin-top:.2em;margin-left:-.55em;font-size:2.6rem;animation:6s linear -.07s infinite glitchLyrics}@keyframes glitchX{0%,88%,to{text-shadow:-3px 0 #ff2d7870,3px 0 #00f5ff70,0 0 10px #1ab95e,0 0 30px #1ab95e44,0 0 60px #1ab95e22;transform:skew(-14deg)}89%{text-shadow:-9px 0 1px #ff2d78cc,9px 0 1px #00f5ffcc,0 0 10px #1ab95e;transform:skew(-14deg)translate(-3px)}90%{text-shadow:7px 0 1px #ff2d78cc,-7px 0 1px #00f5ffcc,0 0 10px #1ab95e;transform:skew(-14deg)translate(3px)}91%{text-shadow:-3px 0 #ff2d7870,3px 0 #00f5ff70,0 0 10px #1ab95e,0 0 30px #1ab95e44;transform:skew(-14deg)}92%{text-shadow:-5px 0 2px #ff2d78aa,5px 0 2px #00f5ffaa,0 0 10px #1ab95e;transform:skew(-14deg)translate(-2px)}93%{text-shadow:-3px 0 #ff2d7870,3px 0 #00f5ff70,0 0 10px #1ab95e,0 0 30px #1ab95e44,0 0 60px #1ab95e22;transform:skew(-14deg)}}@keyframes glitchLyrics{0%,88%,to{text-shadow:-2px 0 #ff2d7860,2px 0 #a855f760,0 0 8px #00f5ff,0 0 20px #00f5ff80}89%{text-shadow:-8px 0 1px #ff2d78bb,8px 0 1px #a855f7bb,0 0 8px #00f5ff}90%{text-shadow:6px 0 1px #ff2d78bb,-6px 0 1px #a855f7bb,0 0 8px #00f5ff}91%{text-shadow:-2px 0 #ff2d7860,2px 0 #a855f760,0 0 8px #00f5ff,0 0 20px #00f5ff80}92%{text-shadow:-4px 0 2px #ff2d7899,4px 0 2px #a855f799,0 0 8px #00f5ff}93%{text-shadow:-2px 0 #ff2d7860,2px 0 #a855f760,0 0 8px #00f5ff,0 0 20px #00f5ff80}}.error-toast{z-index:100;border:1px solid var(--color-neon-pink);box-shadow:var(--glow-pink);color:var(--color-neon-pink);white-space:nowrap;background:#2a0a14;border-radius:8px;align-items:center;gap:.75rem;max-width:700px;padding:.75rem 1.5rem;font-family:Share Tech Mono,monospace;animation:10s forwards toast-in-out;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%)translateY(1rem)}5%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.error-toast__icon{font-size:1.2rem}.animations-disabled .error-toast{opacity:1;animation:none}.surprise-btn{border:2px solid var(--color-neon-cyan);color:var(--color-neon-cyan);cursor:pointer;text-shadow:var(--glow-cyan);box-shadow:var(--glow-cyan);letter-spacing:.1em;background:0 0;border-radius:8px;padding:.75rem 2rem;font-family:Orbitron,monospace;font-size:1rem;transition:all .2s}.surprise-btn:hover:not(:disabled){background:var(--color-neon-cyan);color:var(--color-bg-base);text-shadow:none;box-shadow:none}.surprise-btn:disabled{color:#6868a0;text-shadow:none;box-shadow:none;cursor:not-allowed;opacity:1;border-color:#44446a}.playlist-section{width:100%;max-width:990px}.playlist-section__name{color:#9090b0;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #44446a;align-items:baseline;gap:.75rem;margin:0 0 1rem;padding-bottom:.5rem;font-family:Orbitron,monospace;font-size:.85rem;display:flex}.playlist-section__name:hover{color:var(--color-neon-cyan)}.playlist-section__progress{color:#6868a0;letter-spacing:.05em;text-transform:none;margin-left:auto;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:400}.playlist-section__chevron{color:var(--color-text-muted);font-size:1rem;line-height:1;transition:transform .2s;display:inline-block;transform:rotate(90deg)}.playlist-section__chevron--collapsed{transform:rotate(0)}.playlist-section__subtitle{color:#6868a0;letter-spacing:.1em;text-transform:none;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:400}.song-cards{flex-wrap:wrap;gap:.75rem;display:flex}.song-card{background:var(--color-bg-surface);cursor:pointer;border:1px solid #2a2a40;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:88px;min-height:88px;padding:.5rem;transition:all .2s;display:flex;position:relative}.song-card:hover{border-color:var(--color-neon-cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.song-card__number{color:var(--color-text-muted);font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;line-height:1}.song-card:not(.song-card--played) .song-card__number{color:#3a3a55;font-size:2rem}.song-card:not(.song-card--played):before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000 0 8px,#ffffff06 8px 9px);border-radius:7px;position:absolute;inset:0}.song-card--played{background:var(--color-bg-elevated);border-color:#2a2a40;justify-content:flex-start;min-height:100px;padding-top:.5rem;animation:5s ease-in-out infinite cardShimmer}.song-cards .song-card--played:nth-child(3n+1){animation-delay:-1.7s}.song-cards .song-card--played:nth-child(3n+2){animation-delay:-3.4s}@keyframes cardShimmer{0%,to{box-shadow:none;border-color:#2a2a40}50%{border-color:#3d3d6a;box-shadow:0 0 7px #00f5ff17}}.song-card--played .song-card__number{color:var(--color-text-muted);letter-spacing:.1em;align-self:flex-start;font-size:.7rem}.song-card--high{border-color:#3a2a20;animation-name:cardShimmerHigh}.song-card--high:hover{border-color:var(--color-neon-peach);box-shadow:var(--glow-peach)}@keyframes cardShimmerHigh{0%,to{box-shadow:none;border-color:#3a2a20}50%{border-color:#5a3828;box-shadow:0 0 7px #ffb0851f}}.song-card__score-info{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.1rem;display:flex}.song-card__pct{color:var(--color-neon-cyan);font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;line-height:1}.song-card--high .song-card__pct{color:var(--color-neon-peach);text-shadow:0 0 6px #ffb08560}.song-card__meta{color:var(--color-text-muted);font-family:Share Tech Mono,monospace;font-size:.62rem;line-height:1.3}.song-select__footer{color:#9090b0;letter-spacing:.1em;text-align:center;flex-direction:column;gap:.3rem;margin-top:1rem;font-family:Share Tech Mono,monospace;font-size:.72rem;display:flex}.song-select__footer-attr{color:#9090b0;font-size:.58rem}.song-select__footer-link{color:inherit;text-underline-offset:2px;text-decoration:underline}.song-select__footer-link:hover{color:#9090b0}.starfield{z-index:-1;pointer-events:none;position:fixed;inset:0}.starfield:before{content:"";background-image:radial-gradient(1px 1px at 3% 7%,#ffffffb3,#0000),radial-gradient(1px 1px at 7% 22%,#d2e1ff99,#0000),radial-gradient(1px 1px at 11% 5%,#ffffff8c,#0000),radial-gradient(1px 1px at 15% 38%,#dce6ffa6,#0000),radial-gradient(1px 1px at 19% 15%,#ffffff80,#0000),radial-gradient(1px 1px at 23% 52%,#d2e1ff99,#0000),radial-gradient(1px 1px at 27% 8%,#ffffffb3,#0000),radial-gradient(1px 1px at 31% 44%,#ffffff8c,#0000),radial-gradient(1px 1px at 35% 18%,#dce6ffa6,#0000),radial-gradient(1px 1px at 39% 63%,#ffffff80,#0000),radial-gradient(1px 1px at 43% 28%,#d2e1ff99,#0000),radial-gradient(1px 1px at 47% 72%,#ffffff8c,#0000),radial-gradient(1px 1px at 50% 12%,#ffffffb3,#0000),radial-gradient(1px 1px at 54% 55%,#dce6ff99,#0000),radial-gradient(1px 1px at 58% 35%,#ffffff8c,#0000),radial-gradient(1px 1px at 62% 78%,#d2e1ffa6,#0000),radial-gradient(1px 1px at 66% 20%,#ffffff80,#0000),radial-gradient(1px 1px at 70% 48%,#fff9,#0000),radial-gradient(1px 1px at 74% 9%,#dce6ffb3,#0000),radial-gradient(1px 1px at 78% 68%,#ffffff8c,#0000),radial-gradient(1px 1px at 82% 32%,#d2e1ff99,#0000),radial-gradient(1px 1px at 86% 85%,#ffffff80,#0000),radial-gradient(1px 1px at 90% 16%,#ffffffa6,#0000),radial-gradient(1px 1px at 94% 42%,#dce6ff8c,#0000),radial-gradient(1px 1px at 97% 58%,#ffffffb3,#0000),radial-gradient(1px 1px at 5%,#d2e1ff8c,#0000),radial-gradient(1px 1px at 13% 72%,#fff9,#0000),radial-gradient(1px 1px at 21% 88%,#dce6ff80,#0000),radial-gradient(1px 1px at 29% 65%,#ffffffa6,#0000),radial-gradient(1px 1px at 37% 42%,#d2e1ff8c,#0000),radial-gradient(1px 1px at 45% 80%,#fff9,#0000),radial-gradient(1px 1px at 53% 95%,#dce6ff80,#0000),radial-gradient(1px 1px at 61% 58%,#ffffffa6,#0000),radial-gradient(1px 1px at 69% 82%,#d2e1ff8c,#0000),radial-gradient(1px 1px at 77% 34%,#fff9,#0000),radial-gradient(1px 1px at 84% 72%,#dce6ff8c,#0000),radial-gradient(1px 1px at 92% 90%,#ffffff80,#0000),radial-gradient(1px 1px at 9% 93%,#d2e1ff99,#0000),radial-gradient(1px 1px at 49% 3%,#ffffffa6,#0000),radial-gradient(1px 1px at 88% 52%,#dce6ff8c,#0000);position:absolute;inset:0}.starfield__t1,.starfield__t2,.starfield__t3,.starfield__t4{position:absolute;inset:0}.starfield__t1{background-image:radial-gradient(2px 2px at 8% 40%,#fffffff2,#0000),radial-gradient(2px 2px at 48% 62%,#dcebffe6,#0000),radial-gradient(2px 2px at 85% 45%,#fffffff2,#0000),radial-gradient(2px 2px at 38% 82%,#fff0c8e6,#0000);animation:3.8s ease-in-out infinite alternate twinkle}.starfield__t2{background-image:radial-gradient(2px 2px at 18% 68%,#c8dcfff2,#0000),radial-gradient(2px 2px at 63% 15%,#ffffffe6,#0000),radial-gradient(2px 2px at 25% 92%,#fffffff2,#0000),radial-gradient(2px 2px at 42% 38%,#fff,#0000);animation:5.2s ease-in-out -1.3s infinite alternate twinkle}.starfield__t3{background-image:radial-gradient(2px 2px at 33% 28%,#fffffff2,#0000),radial-gradient(2px 2px at 72% 82%,#c8dcffe6,#0000),radial-gradient(2px 2px at 57% 88%,#c8dcfff2,#0000),radial-gradient(2px 2px at 67% 62%,#dcebffe6,#0000);animation:4.5s ease-in-out -2.8s infinite alternate twinkle}.starfield__t4{background-image:radial-gradient(2px 2px at 92% 72%,#dcebfff2,#0000),radial-gradient(2px 2px at 16% 55%,#fff0c8e6,#0000),radial-gradient(2px 2px at 88% 28%,#fffffff2,#0000);animation:6.1s ease-in-out -4.2s infinite alternate twinkle}@keyframes twinkle{0%{opacity:.1;filter:brightness(.6)}to{opacity:1;filter:brightness(2)}}.starfield__meteor-1,.starfield__meteor-2,.starfield__meteor-3{opacity:0;background:linear-gradient(90deg,#ffffffe6,#ffffff4d 60%,#0000);border-radius:1px;height:1px;position:absolute;box-shadow:0 0 2px #fff9}.starfield__meteor-1{width:70px;animation:42s linear infinite meteorFly;top:-1%;left:78%;rotate:-32deg}.starfield__meteor-2{width:90px;animation:42s linear -14s infinite meteorFly;top:4%;left:91%;rotate:-38deg}.starfield__meteor-3{width:60px;animation:42s linear -28s infinite meteorFly;top:-3%;left:62%;rotate:-26deg}@keyframes meteorFly{0%,87%{opacity:0;translate:0}88%{opacity:1}96%{opacity:0;translate:-110vw 65vh}to{opacity:0;translate:-110vw 65vh}}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;display:flex}.cassette{filter:drop-shadow(0 0 10px #00f5ff73)drop-shadow(0 0 28px #00f5ff2e);width:280px;height:auto;animation:3.2s ease-in-out infinite cassetteFloat}@keyframes cassetteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cassette__reel--left,.cassette__reel--right{transform-box:fill-box;transform-origin:50%;animation:2.4s linear infinite reelCCW}@keyframes reelCCW{to{transform:rotate(-360deg)}}.loading-text{color:var(--color-neon-cyan);text-shadow:var(--glow-cyan);letter-spacing:.15em;font-family:Orbitron,monospace;font-size:1.2rem;animation:1.2s ease-in-out infinite alternate blink}@keyframes blink{0%{opacity:.55}to{opacity:1}}.loading-song{color:var(--color-text-muted);font-family:Share Tech Mono,monospace;font-size:.9rem}.score-panel{background:var(--color-bg-surface);z-index:10;border-bottom:1px solid #2a2a40;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 4rem .75rem 2rem;display:flex;position:sticky;top:0}.score-panel__left{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.score-panel__song{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:Share Tech Mono,monospace;font-size:.85rem;overflow:hidden}.hint-buttons{gap:.4rem;display:flex}.hint-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #3a3a55;border-radius:4px;max-width:160px;padding:.2rem .5rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .2s;overflow:hidden}.hint-btn:hover:not(:disabled){border-color:var(--color-neon-yellow);color:var(--color-neon-yellow);box-shadow:0 0 6px #ffe60060}.hint-btn--revealed{color:var(--color-neon-yellow);cursor:default;border-color:#2a2a40}.hint-btn--revealed:hover{text-overflow:clip;max-width:400px}.score-panel__center{flex:none}.timer{color:var(--color-neon-cyan);text-shadow:0 0 8px #00f5ff70,0 0 20px #00f5ff30;letter-spacing:.1em;font-family:Orbitron,monospace;font-size:2rem;font-weight:700;transition:color .5s,text-shadow .5s}.timer--yellow{color:var(--color-neon-yellow);text-shadow:0 0 8px #ffe600,0 0 20px #ffe60080}.timer--pink{color:var(--color-neon-pink);text-shadow:var(--glow-pink);animation:.5s ease-in-out infinite alternate timerPulse}@keyframes timerPulse{0%{opacity:.8}to{opacity:1}}.score-panel__right{flex-direction:row;flex:1;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.score-panel__progress-group{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.word-count{color:var(--color-text-primary);font-family:Orbitron,monospace;font-size:.9rem}.word-count__guessed{color:var(--color-neon-cyan);text-shadow:var(--glow-cyan)}.word-count__label{color:var(--color-text-muted);font-size:.75rem}.score-panel__actions{flex-direction:row;gap:.35rem;margin-left:.75rem;display:flex}.give-up-btn{color:var(--color-text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border:1px solid #3a3a55;border-radius:4px;padding:.25rem .6rem;font-family:Share Tech Mono,monospace;font-size:.75rem;transition:all .2s}.give-up-btn:hover{border-color:var(--color-neon-pink);color:var(--color-neon-pink);box-shadow:0 0 6px #ff2d7860}.back-btn{color:var(--color-text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border:1px solid #3a3a55;border-radius:4px;margin-right:.75rem;padding:.25rem .6rem;font-family:Share Tech Mono,monospace;font-size:.75rem;transition:all .2s}.back-btn:hover{border-color:var(--color-neon-cyan);color:var(--color-neon-cyan);box-shadow:0 0 6px #00f5ff60}.progress-bar-track{align-items:center;gap:2px;width:180px;height:10px;display:flex}.progress-seg{background:#2e2e45;border-radius:1px;flex:1;height:6px;transition:background .2s,box-shadow .2s}.progress-seg--player{background:var(--color-neon-peach);box-shadow:0 0 5px var(--color-neon-peach);animation:.3s ease-out seg-pop}.progress-seg--autofill{background:var(--color-neon-cyan);box-shadow:0 0 5px var(--color-neon-cyan);animation:.3s ease-out seg-pop}@keyframes seg-pop{0%{filter:brightness(2.5);transform:scaleY(2.5)}60%{transform:scaleY(.85)}to{filter:brightness();transform:scaleY(1)}}.score-panel--glitch{animation:.6s ease-out forwards scorePanelGlitch}@keyframes scorePanelGlitch{0%{filter:none;transform:translate(0)}10%{filter:hue-rotate(40deg)saturate(2.5)brightness(1.2);transform:translate(-5px)skew(-3deg)}22%{filter:hue-rotate(-25deg)saturate(2);transform:translate(4px)skew(2deg)}33%{filter:hue-rotate(20deg)saturate(1.8);transform:translate(-3px)}45%{filter:hue-rotate(-10deg)saturate(1.4)brightness(1.1);transform:translate(3px)skew(-1deg)}57%{filter:hue-rotate(8deg);transform:translate(-2px)}68%{filter:none;transform:translate(1px)}80%{filter:none;transform:translate(-1px)}to{filter:none;transform:translate(0)}}.word-token{vertical-align:middle;margin:0 1px;font-family:Share Tech Mono,monospace;font-size:1rem;line-height:1.8;transition:all .15s;display:inline-block}.word-hidden{background-color:var(--color-word-hidden-bg);width:calc(var(--char-count,5) * .65ch);border-radius:3px;min-width:1ch;height:1.1em}.word-revealed{border-radius:3px;padding:0 2px}.word-player{color:var(--color-neon-peach);text-shadow:var(--glow-peach);animation:.4s ease-out forwards revealBloomPeach}.word-autofill{color:var(--color-neon-cyan);text-shadow:var(--glow-cyan);animation:.4s ease-out forwards revealBloomCyan}.word-timeout{color:#889;opacity:.7}.word-profane{color:var(--color-text-muted);opacity:.6;letter-spacing:.05em}.punctuation{color:var(--color-text-muted);font-family:Share Tech Mono,monospace;font-size:1rem;line-height:1.8}@keyframes revealBloomPeach{0%{opacity:0;text-shadow:0 0 40px #ffb085,0 0 80px #ffb085cc,0 0 120px #ffb08566;transform:scale(.75)}50%{text-shadow:0 0 20px #ffb085,0 0 50px #ffb08599,0 0 80px #ffb08544;transform:scale(1.15)}to{opacity:1;text-shadow:var(--glow-peach);transform:scale(1)}}@keyframes revealBloomCyan{0%{opacity:0;text-shadow:0 0 40px #00f5ff,0 0 80px #00f5ffcc,0 0 120px #00f5ff66;transform:scale(.75)}50%{text-shadow:0 0 20px #00f5ff,0 0 50px #00f5ff99,0 0 80px #00f5ff44;transform:scale(1.15)}to{opacity:1;text-shadow:var(--glow-cyan);transform:scale(1)}}.lyrics-display{flex:1;padding:2rem 1rem;overflow-y:auto}.lyrics-content{column-count:2;column-gap:3rem;max-width:1100px;margin:0 auto}.lyrics-line{break-inside:avoid;word-spacing:4px;line-height:1.8}.guess-input-wrapper{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 0;display:flex}.guess-input{background:var(--color-bg-elevated);border:2px solid var(--color-text-muted);width:400px;max-width:90%;color:var(--color-text-primary);text-align:center;border-radius:8px;outline:none;padding:.75rem 1.25rem;font-family:Share Tech Mono,monospace;font-size:1.2rem;transition:border-color .15s,box-shadow .15s}.guess-input:focus{border-color:var(--color-neon-peach);box-shadow:var(--glow-peach)}.guess-input--correct{animation:.3s ease-out correctFlash;border-color:var(--color-neon-peach)!important;box-shadow:var(--glow-peach)!important}.guess-input:disabled{opacity:.4;cursor:not-allowed}@keyframes correctFlash{0%{box-shadow:0 0 20px #ffb085,0 0 40px #ffb085}to{box-shadow:var(--glow-peach)}}.game-over-panel{flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.85rem 2rem;display:flex}.game-over-panel__left{flex-direction:column;gap:.2rem;min-width:0;display:flex}.game-over-panel__headline{color:var(--color-text-primary);letter-spacing:.1em;white-space:nowrap;font-family:Orbitron,monospace;font-size:1rem;font-weight:900}.headline--perfect{color:var(--color-neon-peach);text-shadow:var(--glow-peach);animation:1.5s ease-in-out infinite alternate perfectGlow}@keyframes perfectGlow{0%{text-shadow:0 0 8px #ffb085}to{text-shadow:0 0 24px #ffb085,0 0 48px #ffb08560}}.game-over-panel__revealed{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:Share Tech Mono,monospace;font-size:.82rem;overflow:hidden}.game-over-panel__revealed em{color:var(--color-text-primary);font-style:normal}.game-over-panel__stats{flex-wrap:wrap;flex:1;align-items:center;gap:.75rem;display:flex}.go-stat{flex-direction:column;align-items:center;gap:.1rem;display:flex}.go-stat__value{color:var(--color-text-primary);font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;line-height:1}.go-stat__value--missed{color:var(--color-neon-yellow);text-shadow:0 0 8px #ffe60080}.go-stat__value--peach{color:var(--color-neon-peach);text-shadow:0 0 6px #ffb08560}.go-stat__value--cyan{color:var(--color-neon-cyan);text-shadow:0 0 6px #00f5ff80}.go-stat__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:Share Tech Mono,monospace;font-size:.7rem}.go-stat-divider{background:#2a2a40;flex-shrink:0;width:1px;height:2rem}.game-over-panel__actions{gap:.75rem;margin-left:auto;display:flex}.go-btn{cursor:pointer;letter-spacing:.05em;white-space:nowrap;border:2px solid;border-radius:6px;padding:.6rem 1.25rem;font-family:Orbitron,monospace;font-size:.8rem;transition:all .2s}.go-btn--primary{background:var(--color-neon-cyan);border-color:var(--color-neon-cyan);color:var(--color-bg-base)}.go-btn--primary:hover{color:var(--color-neon-cyan);box-shadow:var(--glow-cyan);background:0 0}.go-btn--primary:disabled{color:#44446a;cursor:not-allowed;background:#1a1a28;border-color:#44446a}.go-btn--secondary{border-color:var(--color-text-muted);color:var(--color-text-muted);background:0 0}.go-btn--secondary:hover{border-color:var(--color-neon-peach);color:var(--color-neon-peach);box-shadow:var(--glow-peach)}.game-board{isolation:isolate;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.game-board:before{content:"";z-index:-1;pointer-events:none;opacity:.6;background:linear-gradient(#020208 0%,#06061a 25%,#0e0220 50%,#1a0628 72%,#2e0e24 88%,#380e10 98%,#400e0e 100%);position:fixed;inset:0}.game-board__bottom{background:var(--color-bg-surface);border-top:1px solid #2a2a40;flex-shrink:0}.options-menu{z-index:100;position:fixed;top:1rem;right:1rem}.options-btn{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:1.6rem;transition:all .2s;display:flex}.options-btn:hover{border-color:var(--color-neon-cyan);color:var(--color-neon-cyan);box-shadow:var(--glow-cyan)}.options-backdrop{z-index:90;position:fixed;inset:0}.options-panel{background:var(--color-bg-elevated);z-index:100;border:1px solid #2a2a40;border-radius:12px;flex-direction:column;gap:1rem;min-width:280px;padding:1.25rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 32px #00000080}.options-panel__title{color:var(--color-text-muted);letter-spacing:.2em;margin:0;font-family:Orbitron,monospace;font-size:.85rem}.option-row{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem;transition:background .15s;display:flex}.option-row:hover{background:#ffffff08}.option-row--active .option-row__name{color:var(--color-neon-cyan)}.option-row--disabled{cursor:not-allowed;opacity:.5}.option-row__name{color:var(--color-text-primary);font-family:Share Tech Mono,monospace;font-size:.9rem}.option-row__desc{color:var(--color-text-muted);margin-top:.1rem;font-family:Share Tech Mono,monospace;font-size:.75rem}.toggle{cursor:pointer;background:#2a2a40;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle:after{content:"";background:#6b6b8a;border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.toggle--on{background:#003d40}.toggle--on:after{background:var(--color-neon-cyan);box-shadow:0 0 6px var(--color-neon-cyan);transform:translate(18px)}.toggle--disabled{cursor:not-allowed}.options-divider{background:#2a2a40;height:1px;margin:.25rem 0}.option-row--action{cursor:default;align-items:flex-start}.option-row--action:hover{background:0 0}.score-io-btns{flex-direction:column;flex-shrink:0;gap:.4rem;display:flex}.io-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #3a3a55;border-radius:4px;padding:.3rem .6rem;font-family:Share Tech Mono,monospace;font-size:.72rem;transition:all .2s}.io-btn:hover{border-color:var(--color-neon-cyan);color:var(--color-neon-cyan);box-shadow:0 0 6px #00f5ff40}.io-btn--danger:hover{border-color:var(--color-neon-pink);color:var(--color-neon-pink);box-shadow:0 0 6px #ff2d7840}.import-error{color:var(--color-neon-pink);padding:0 .5rem;font-family:Share Tech Mono,monospace;font-size:.75rem}
