@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#f7f8f7;font-synthesis:none;--green:#73f5a6;--green2:#27dd75;--panel:#111613;--line:#273029;--muted:#8e9a92;background:#080b0a;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 9%,#1a764533,#0000 25%),radial-gradient(circle at 15% 70%,#17442f26,#0000 30%),#080b0a;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#080b0abf;border-bottom:1px solid #202521;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(24px,5vw,74px);display:flex}.logo{letter-spacing:-.6px;align-items:center;gap:4px;font-family:Manrope;font-weight:800;display:flex}.logo>span:first-child{background:var(--green);color:#07100a;border-radius:50%;place-items:center;width:34px;height:34px;margin-right:7px;display:grid}.logo>span:last-child{color:var(--green)}.connection{color:#b6c1ba;align-items:center;gap:8px;font-size:13px;display:flex}.connection .dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%}.connection button{color:#9da8a1;background:0 0;border:0}.connect{align-items:center;padding:8px 12px;display:flex;border:1px solid #415047!important;border-radius:8px!important;gap:8px!important}.start-layout{grid-template-columns:1.45fr .8fr;align-items:center;gap:90px;max-width:1120px;margin:0 auto;padding:70px 24px 65px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;color:var(--green);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.hero h1,.game h1,.result h1{letter-spacing:-3px;margin:20px 0;font:800 clamp(43px,6vw,70px)/1.02 Manrope}.hero h1 em{color:var(--green);font-style:normal}.hero>p{color:#9ba69f;margin-bottom:34px;font-size:17px}.form-card{border:1px solid var(--line);background:linear-gradient(145deg,#151a17,#0f1311);border-radius:16px;gap:17px;width:min(480px,100%);padding:25px;display:grid;box-shadow:0 22px 80px #0008}.form-card label,.search-box>label{color:#cbd3ce;font-size:13px;font-weight:600}.form-card input,.form-card select{color:#fff;background:#090c0a;border:1px solid #303a33;border-radius:9px;outline:0;width:100%;margin-top:8px;padding:13px 14px;display:block}.form-card input:focus,.form-card select:focus,.input-wrap:focus-within{border-color:#56d98b;box-shadow:0 0 0 3px #52db8820}.primary{background:linear-gradient(110deg, var(--green), var(--green2));color:#06130b;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 24px #2ee67822}.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.primary:disabled{opacity:.35;cursor:not-allowed}.form-card small{color:#77837b;text-align:center;justify-content:center;gap:6px;display:flex}.form-error,.api-warning{color:#ff959b;background:#fb59621a;border:1px solid #fb596244;border-radius:8px;padding:10px 12px;font-size:13px}.guess-history{border:1px solid var(--line);background:#0f1411e6;border-radius:14px;margin-top:18px;padding:18px}.guess-history-title{color:#8f9a93;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:11px;font-size:11px;font-weight:700}.guess-history-list{gap:8px;display:grid}.guess-history-item{border:1px solid;border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.guess-history-item>span{min-width:0;display:grid}.guess-history-item b,.guess-history-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guess-history-item b{font-size:13px}.guess-history-item small{color:#929d96;font-size:11px}.guess-history-item em{font-size:11px;font-style:normal;font-weight:700}.guess-history-item.wrong{color:#ff7c83;background:#39171a66;border-color:#7b3439}.guess-history-item.artist{color:#f3ce63;background:#352c1266;border-color:#705f2f}.guess-history-item.correct{color:var(--green);background:#12331f66;border-color:#2e6946}.start-layout aside{gap:20px;display:grid}.best{background:linear-gradient(135deg,#15271c,#101612);border:1px solid #304a38;border-radius:15px;align-items:center;gap:16px;padding:22px;display:flex}.best>svg{color:var(--green);width:33px;height:33px}.best span{color:#8e9b92;text-transform:uppercase;letter-spacing:1px;font-size:12px}.best b{color:#f6f8f6;text-transform:none;letter-spacing:0;margin-top:3px;font:700 21px Manrope;display:block}.board{border:1px solid var(--line);background:#101411;border-radius:15px;padding:22px}.section-title{text-transform:uppercase;letter-spacing:1px;gap:8px;font:700 14px Manrope;display:flex}.section-title svg{color:#f3c95c}.board ol{margin:0;padding:8px 0 0;list-style:none}.board li{border-bottom:1px solid #242b26;justify-content:space-between;padding:13px 0;font-size:13px;display:flex}.board li:last-child{border:0}.board li b{gap:10px;display:flex}.board li i{color:#6e7971;width:14px;font-style:normal}.board li span,.muted{color:#839087;font-size:12px}footer{text-align:center;color:#667069;letter-spacing:1px;border-top:1px solid #1c211e;padding:20px;font-size:12px}footer i{background:#4e5952;border-radius:50%;width:3px;height:3px;margin:3px 10px;display:inline-block}.game-stats{align-items:center;gap:25px;display:flex}.game-stats>span{color:#8d9891;align-items:center;gap:7px;font-size:12px;display:flex}.game-stats svg{width:17px;color:var(--green)}.game-stats b{color:#fff;font:700 16px Manrope}.game-stats button{border:1px solid var(--line);color:#a6b0a9;background:#131714;border-radius:7px;padding:8px}.info-tip{display:flex;position:relative}.game-stats .info-button{color:var(--green)}.info-tip>span{z-index:20;color:#dce5df;pointer-events:none;opacity:0;background:#111713;border:1px solid #3a4a40;border-radius:8px;width:max-content;max-width:240px;padding:9px 11px;font-size:12px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 12px 30px #0009}.info-tip:hover>span,.info-tip:focus-within>span{opacity:1;transform:translateY(0)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020503c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{text-align:center;background:linear-gradient(145deg,#171b18,#0e1210);border:1px solid #493337;border-radius:16px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 30px 100px #000c}.confirm-modal>svg{color:#ff7c83;width:36px;height:36px}.confirm-modal h2{margin:14px 0 8px;font:700 23px Manrope}.confirm-modal p{color:#9ca7a0;max-width:340px;margin:0 auto 24px;line-height:1.55}.game-stats .modal-close,.modal-close{background:0 0;border:0;padding:7px;position:absolute;top:12px;right:12px}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions button{border-radius:9px;padding:12px 14px;font-weight:700}.cancel-button{color:#d4dcd7;background:#171d19;border:1px solid #354139}.danger-button{color:#fff;background:#b8444d;border:1px solid #913c43}.danger-button:hover{background:#ce4c56}.game{min-width:0;max-width:1440px;margin:0 auto;padding:48px 24px}.game-intro{width:min(920px,100%);margin:0 auto}.round-layout{grid-template-columns:minmax(170px,220px) minmax(0,920px) minmax(220px,280px);align-items:start;gap:24px;display:grid}.game-stats .hot-streak{color:#ff9d42;font-weight:700}.game-stats .hot-streak svg{color:#ff6b2c;filter:drop-shadow(0 0 7px #ff5722);transform-origin:50% 85%;animation:.8s ease-in-out infinite alternate hot-flame}.round-center{min-width:0}.game-sidebar{position:sticky;top:24px}.leaderboard-sidebar .board{padding:18px}.leaderboard-sidebar .section-title{line-height:1.35}.highscore-card{text-align:center;background:linear-gradient(135deg,#15271c,#101612);border:1px solid #304a38;border-radius:15px;justify-items:center;padding:22px;display:grid}.highscore-card svg{width:32px;height:32px;color:var(--green);margin-bottom:12px}.highscore-card span,.highscore-card small{color:#8e9b92;text-transform:uppercase;letter-spacing:1px;font-size:11px}.highscore-card b{color:#fff;margin-top:5px;font:800 34px Manrope}.guesses-sidebar .guess-history{margin-top:0}.game-top{justify-content:space-between;align-items:center;display:flex}.game h1{letter-spacing:-1.5px;margin:8px 0 25px;font-size:38px}.genre-chip{color:#9ee3b8;background:#14251a;border:1px solid #31533e;border-radius:99px;padding:8px 14px;font-size:12px}.attempts{grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0 35px;display:grid}.attempts div{color:#58625b;border-top:3px solid #283029;align-items:center;gap:8px;padding-top:10px;font-size:12px;display:flex;position:relative}.attempts span{border:1px solid #3b453e;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.attempts .past{color:#5e8b6d;border-color:#44634f}.attempts .current{border-color:var(--green);color:#fff}.attempts .current span{background:var(--green);border-color:var(--green);color:#07130c}.extra-tries{color:#d5c477;background:#29230f;border:1px solid #655827;border-radius:99px;width:fit-content;margin:-22px 0 18px auto;padding:7px 11px;font-size:11px}.extra-tries b{color:#ffe47d}.play-grid{background:linear-gradient(145deg,#131815,#0d110f);border:1px solid #28302a;border-radius:18px;padding:30px;box-shadow:0 30px 100px #0007}.player{gap:18px;display:grid}.listen-label{justify-content:space-between;display:flex}.listen-label span{color:#909b94;text-transform:uppercase;letter-spacing:1.5px;gap:8px;font-size:11px;display:flex}.listen-label b{color:var(--green);font:700 13px Manrope}.wave-track{align-items:center;width:100%;min-height:78px;display:flex}.wave{height:78px;width:var(--wave-width);justify-content:center;align-items:center;gap:4px;min-width:220px;margin:0 auto;padding:14px 0;display:flex;overflow:hidden}.wave i{background:color-mix(in srgb, var(--green) calc(var(--bar-fill) * 100%), #29322c);width:100%;min-width:2px;max-width:5px;box-shadow:0 0 calc(var(--bar-fill) * 7px) #4bee8b40;border-radius:4px;transition:background 40ms linear}.time{width:var(--wave-width);color:#6f7972;justify-content:space-between;margin:-17px auto 0;font:500 11px monospace;display:flex}.play{color:#0a0d0b;text-align:left;background:#f2f5f3;border:0;border-radius:99px;align-items:center;gap:12px;min-width:190px;margin:4px auto 0;padding:11px 25px 11px 13px;font-weight:700;transition:all .2s;display:flex}.play>svg{width:38px;height:38px;color:var(--green);background:#0c1510;border-radius:50%;padding:10px}.play small{color:#758079;font-size:9px;font-weight:500;display:block}.play.active{color:#fff;background:#223229}.volume-control{color:#7f8a83;align-items:center;gap:10px;width:min(290px,100%);margin:-4px auto 0;display:flex}.volume-control input{appearance:none;background:linear-gradient(to right, var(--green) var(--volume), #303a34 var(--volume));border-radius:99px;flex:1;height:4px}.volume-control input::-webkit-slider-thumb{appearance:none;background:#f4f7f5;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 8px #0008}.volume-control span{text-align:right;width:34px;font:500 10px monospace}.skip-attempt{color:#89948d;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:14px auto -4px;padding:7px 12px;font-size:12px;display:flex}.skip-attempt:hover:not(:disabled){color:var(--green)}.skip-attempt:disabled{opacity:.35;cursor:not-allowed}.divider{color:#525c55;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:15px;height:54px;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#28302b;flex:1;height:1px}.search-box{gap:8px;display:grid;position:relative}.input-wrap{color:#68736c;background:#090c0a;border:1px solid #354139;border-radius:9px;align-items:center;height:49px;padding:0 14px;display:flex}.input-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:12px}.tiny-loader{border:2px solid #435048;border-top-color:var(--green);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.suggestions{z-index:5;background:#111713;border:1px solid #354139;border-radius:10px;max-height:270px;position:absolute;top:76px;left:0;right:0;overflow:auto;box-shadow:0 20px 50px #000}.suggestions button{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #273029;gap:11px;width:100%;padding:9px;display:flex}.suggestions button:hover{background:#1a241e}.suggestions img{object-fit:cover;border-radius:5px;width:42px;height:42px}.suggestions span{align-content:center;display:grid}.suggestions b{font-size:12px}.suggestions small{color:#849087}.submit{margin-top:9px}.loading{border:1px solid var(--line);text-align:center;background:#101512;border-radius:18px;place-content:center;justify-items:center;min-height:380px;display:grid}.loading svg{color:var(--green);animation:1s linear infinite spin}.loading h2{font:700 20px Manrope}.loading p{color:#87928a;max-width:380px}.loading .primary{margin-top:12px}.api-warning{margin-top:15px}.result{text-align:center;background:radial-gradient(circle,#153522 0,#0000 42%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:35px;display:flex}.result.lost{background:radial-gradient(circle,#30191c 0,#0000 42%)}.result-icon{background:var(--green);color:#07120b;border-radius:50%;place-items:center;width:55px;height:55px;font-size:38px;animation:.5s cubic-bezier(.2,1.8,.5,1) pop;display:grid}.lost .result-icon{color:#fff;background:#f75e67}.result h1{margin:5px 0 24px;font-size:52px}.cover{object-fit:cover;border-radius:12px;width:190px;height:190px;box-shadow:0 20px 55px #000b}.result h2{margin:19px 0 4px;font:700 23px Manrope}.artist{color:#b4beb7;margin:0}.album{color:#69756d;margin:6px;font-size:12px}.result-pill,.final-score{background:#18251d;border:1px solid #355442;border-radius:99px;margin:16px;padding:10px 17px;font-size:13px}.final-score b{color:#ff7d84;margin-left:5px;font-size:19px}.spotify-link{color:#8bddaa;gap:6px;font-size:12px;text-decoration:none;display:flex}.result-btn{min-width:210px;margin-top:18px}.score-note{color:#737e77;margin-top:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hot-flame{0%{color:#ff7a2f;filter:drop-shadow(0 0 4px #ff5722);transform:translateY(1px)rotate(-4deg)scale(.94)}45%{color:#ffb52e;filter:drop-shadow(0 0 10px #ff5722);transform:translateY(-2px)rotate(3deg)scale(1.08,1.14)}to{color:#ff4d24;filter:drop-shadow(0 0 7px #ff8a24);transform:translateY(-1px)rotate(-2deg)scale(1.02,1.1)}}@media (prefers-reduced-motion:reduce){.game-stats .hot-streak svg{animation:none}}@keyframes pop{0%{transform:scale(0)rotate(-25deg)}}@media (width<=760px){header{height:66px;padding:0 17px}.start-layout{grid-template-columns:1fr;gap:35px;padding-top:42px}.hero h1{letter-spacing:-2px;font-size:43px}.start-layout aside{width:100%}.game-stats>span{display:none}.game{width:100%;padding:35px 15px}.round-layout{flex-direction:column;display:flex}.round-center{order:1;width:100%}.highscore-card{order:0;grid-template-columns:auto auto auto auto;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px}.highscore-card svg{width:20px;height:20px;margin:0}.highscore-card b{margin:0;font-size:20px}.game-sidebar{margin-top:0;position:static}.guesses-sidebar{order:2;width:100%}.leaderboard-sidebar{order:0;width:100%}.game-top{align-items:flex-start}.game h1{font-size:31px}.play-grid{padding:20px 15px}.attempts b{font-size:10px}.wave{gap:2px;min-width:140px}.result h1{font-size:44px}.connection{font-size:0}.connect{font-size:12px!important}.logo{font-size:14px}}