@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700&family=Playfair+Display:ital,wght@1,700&display=swap";.delete-profile{margin-left:12px;border:1px solid #744;background:transparent;color:#d98f8f;padding:10px 14px;font:10px DM Mono;letter-spacing:.1em}.delete-profile:hover{border-color:#ff5d3a;color:#ff5d3a}[hidden]{display:none!important}.name-input{display:block;width:100%;border-bottom:1px solid #f5f1e8}.spotify-button{display:block;width:100%;height:56px;margin-top:16px;border:0;background:#1ed760;color:#0c160f;font:700 11px DM Mono;letter-spacing:.1em}.spotify-button span{margin-right:10px}.demo-button{display:block;margin:15px auto 0;border:0;border-bottom:1px solid #777;background:transparent;color:#aaa49a;padding:5px;font:10px DM Mono;letter-spacing:.08em}.spotify-button:disabled,.demo-button:disabled{opacity:.55}.hero small{text-align:center;margin-top:20px}.spotify-disclosure{margin-top:22px;padding:16px 18px;border:1px solid #ffffff24;background:#ffffff05;color:#aaa49a;font-size:12px;line-height:1.55}.spotify-disclosure strong{display:block;color:#f5f1e8;font:500 9px DM Mono;letter-spacing:.14em}.spotify-disclosure p{margin:7px 0}.spotify-disclosure span{font:9px DM Mono;letter-spacing:.05em}.spotify-disclosure a,.legal-page a,.footer-links a{color:#f5f1e8}.legal-page{max-width:900px;min-height:calc(100vh - 172px);padding:80px 0}.legal-page h1{font-size:clamp(48px,7vw,88px);margin-bottom:14px}.legal-updated{color:#8e8980;font:10px DM Mono;letter-spacing:.1em}.legal-page section{padding:26px 0;border-top:1px solid #ffffff20}.legal-page section:first-of-type{margin-top:50px}.legal-page h2{margin:0 0 10px;color:#f5f1e8;font:600 22px Manrope}.legal-page section p,.legal-links{max-width:760px;color:#b6b0a6;line-height:1.75}.footer-links{display:flex;height:auto;border:0;gap:20px}.footer-links a{text-decoration:none;font-size:9px}@media(max-width:700px){footer{height:auto;min-height:86px;gap:15px;flex-wrap:wrap;padding:20px 0}.footer-links{order:3;width:100%;justify-content:center}.legal-page{padding:50px 0}}.result-actions{display:flex;align-items:center;justify-content:space-between}.share-button{border:1px solid #ffffff35;background:transparent;color:#f5f1e8;padding:10px 14px;font:10px DM Mono;letter-spacing:.1em}.share-button:hover{border-color:var(--accent);color:var(--accent)}.compare{margin-top:70px;padding:42px;border:1px solid #ffffff20;background:#ffffff05}.compare>div:first-child{max-width:610px}.compare h2{color:#f5f1e8;font:700 clamp(28px,3vw,44px) Manrope;margin:10px 0}.compare>div>p{color:#aaa49a}.compare form{display:flex;width:100%;margin-top:28px}.compare form input{border:1px solid #ffffff35;padding:16px;min-width:0}.compare form button{border:0;background:var(--accent);color:#11110f;padding:0 24px;font:700 10px DM Mono;letter-spacing:.1em}.compare form .error{flex-basis:100%}.compatibility{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;border-top:1px solid #ffffff20;margin-top:35px;padding-top:35px}.compat-score{display:flex;align-items:center;color:var(--accent)}.compat-score strong{font-size:72px;line-height:1}.compat-score span{font:10px DM Mono;margin-left:8px}.compatibility h3{font-size:30px;margin:8px 0}.compatibility p{color:#c3bdb3}.compatibility small{text-align:left}@media(max-width:560px){.compare{padding:25px 20px}.compare form{display:block}.compare form input,.compare form button{width:100%}.compare form button{height:50px;margin-top:10px}.compatibility{grid-template-columns:1fr}.compat-score strong{font-size:58px}}.game-link{color:#ff5d3a;text-decoration:none;font:10px DM Mono;letter-spacing:.1em}.game-shell{min-height:100vh}.game-entry,.game-room{padding:70px 3vw}.game-entry>p{color:#aaa49a;font-size:18px}.game-entry-grid,.game-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.game-entry form,.game-columns form,.game-columns aside{width:100%;margin:0;padding:30px;border:1px solid #ffffff25}.game-shell h2,.scoreboard h2{font:500 11px DM Mono;letter-spacing:.14em;color:#aaa49a}.game-shell form input{display:block;width:100%;border-bottom:1px solid #ffffff44}.game-shell form button,.game-columns aside button,.host-action{width:100%;height:52px;margin-top:16px;border:0;background:#ff5d3a;color:#11110f;font:700 11px DM Mono}.game-room header{display:flex;justify-content:space-between;align-items:flex-start}.game-room header h1{font-size:clamp(48px,6vw,90px)}.round{max-width:900px;margin:30px auto}.song-card{border:1px solid #ffffff25;padding:55px;text-align:center;background:radial-gradient(circle,#32251e,#151411)}.song-card>span{font:10px DM Mono;color:#ff5d3a;letter-spacing:.15em}.song-card h2{font:700 clamp(38px,5vw,70px) Manrope;color:#f5f1e8;margin:20px}.song-card p{font:italic 24px Playfair Display}.song-card strong{display:block;color:#ff5d3a;margin-top:30px}.guess-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.guess-grid button{padding:18px;background:transparent;border:1px solid #ffffff30;color:#fff}.guess-grid button:disabled{opacity:.4}.scoreboard{max-width:900px;margin:45px auto;border-top:1px solid #ffffff25;padding-top:25px}.scoreboard div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18;padding:13px 0}.scoreboard strong{color:#ff5d3a}.game-columns aside p{border-bottom:1px solid #ffffff18;padding:10px 0}@media(max-width:700px){.game-entry-grid,.game-columns{grid-template-columns:1fr}.game-room header{display:block}.guess-grid{grid-template-columns:1fr 1fr}.song-card{padding:35px 15px}}.room-chat{max-width:900px;margin:50px auto;border:1px solid #ffffff25;padding:24px;background:#ffffff05}.room-chat header h2{font-size:20px;color:#f5f1e8;margin:8px 0}.chat-messages{max-height:260px;overflow:auto;margin:20px 0}.chat-messages p{display:grid;grid-template-columns:130px 1fr auto;gap:12px;margin:0;padding:11px;border-bottom:1px solid #ffffff16}.chat-messages strong{color:#ff5d3a}.chat-messages small{color:#f58ab0;font:9px DM Mono}.chat-messages .private-message{background:#f58ab00b}.chat-messages .chat-empty{display:block;color:#8f8a82}.room-chat form{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.room-chat select,.room-chat input,.track-picker select{background:#151411;color:#f5f1e8;border:1px solid #ffffff30;padding:12px}.room-chat button{background:#ff5d3a;border:0;padding:0 22px;font:700 10px DM Mono}@media(max-width:700px){.chat-messages p,.room-chat form{grid-template-columns:1fr}.room-chat button{height:44px}}.invite-only{grid-template-columns:minmax(280px,620px);justify-content:center}.loading-room{display:grid;place-items:center;font:12px DM Mono;letter-spacing:.18em}.player-card{position:relative}.player-card .remove-player{position:absolute;right:6px;top:6px;width:28px;height:28px;margin:0;border:1px solid #ffffff25;background:transparent;color:#aaa}.round-meter{margin:15px 0;font:10px DM Mono;letter-spacing:.12em}.round-meter>i{display:block;height:3px;margin-top:9px;background:#ff5d3a;transition:width 1s linear}.reaction-row{display:flex;justify-content:center;gap:8px;margin:18px 0}.reaction-row button{border:1px solid #ffffff24;background:#ffffff08;color:#fff;border-radius:30px;padding:9px 13px}.reaction-row button:disabled{opacity:.45}.round-notice,.round-result{margin:18px 0;padding:18px;border:1px solid #ff5d3a66;text-align:center;font:11px DM Mono;letter-spacing:.08em}.round-result{background:#ff5d3a12;color:#f5f1e8;font-size:14px}.host-controls{display:grid;grid-template-columns:1fr auto;gap:10px}.danger-action{margin-top:16px;border:1px solid #ff5d3a;background:transparent;color:#ff8c75;padding:0 22px;font:700 10px DM Mono}.game-entry select{display:block;width:100%;margin:8px 0 20px;padding:12px 0;border:0;border-bottom:1px solid #ffffff44;background:#11110f;color:#f5f1e8}.game-entry label{font:9px DM Mono;letter-spacing:.1em;color:#aaa}.error[role=alert]{border-left:3px solid #ff5d3a;padding:12px 15px;background:#ff5d3a0d}@media(max-width:700px){.host-controls{grid-template-columns:1fr}.danger-action{height:48px}.reaction-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.profile-games{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:70px;padding:42px;border:1px solid #ffffff20;background:#ffffff04}.profile-games h2{font-size:clamp(28px,4vw,48px);margin:14px 0}.profile-stats{display:flex;gap:25px;margin-top:26px}.profile-stats span{font:10px DM Mono;color:#aaa}.profile-stats strong{display:block;font:700 38px Manrope;color:var(--accent)}.history-list article{display:grid;grid-template-columns:90px 1fr auto;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff18}.history-list span,.history-list small{font:9px DM Mono;color:#aaa}.profile-play{display:grid;place-items:center;min-height:150px;border:1px solid var(--accent);color:var(--accent);font:11px DM Mono;text-decoration:none}.result-actions{position:relative;z-index:2}@media(max-width:700px){.profile-games{grid-template-columns:1fr;padding:25px 20px}.history-list article{grid-template-columns:1fr}.profile-stats{justify-content:space-between}}.profile-pass{display:inline-block;margin-top:20px;padding:10px 14px;border:1px solid #1ed76066;color:#1ed760;font:10px DM Mono;letter-spacing:.1em}.player-card{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff18;padding:12px 0}.player-card>b,.guess-grid button>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--player-accent,#ff5d3a);color:#111}.player-card span{display:flex;flex:1;flex-direction:column}.player-card small,.guess-grid small{display:block;margin:3px 0 0;color:#817d75;text-align:left}.player-card i{color:var(--player-accent);font: 9px DM Mono}.game-columns button:disabled,.host-action:disabled{opacity:.35;cursor:not-allowed}.mini-vinyl{width:74px;height:74px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#111 0,#111 4px,#333,#333 6px);color:#ff5d3a;font-size:24px}.spinning .mini-vinyl{animation:spin 3s linear infinite}.revealed{animation:reveal-pop .45s ease}.guess-status{text-align:center;margin:18px 0 8px;color:#aaa49a;font:10px DM Mono;letter-spacing:.14em}.guess-grid button{display:flex;align-items:center;gap:10px;text-align:left;transition:.2s transform,.2s border-color}.guess-grid button:hover:not(:disabled){transform:translateY(-3px);border-color:#ff5d3a}.guess-grid button b{flex:0 0 34px;background:#ff5d3a}.guess-grid button small{margin-left:auto}.host-action{transition:.2s transform}.host-action:not(:disabled):hover{transform:scale(1.015)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal-pop{50%{transform:scale(1.025);border-color:#ff5d3a}}.track-picker{padding:30px;border:1px solid #ffffff25}.track-search{display:flex!important;padding:0!important;border:0!important}.track-search button{width:auto!important;padding:0 18px;margin:0!important}.track-results{display:grid;gap:7px;max-height:330px;overflow:auto;margin-top:16px}.track-results button{display:flex;align-items:center;gap:12px;border:1px solid #ffffff1f;background:#ffffff05;color:#fff;padding:9px;text-align:left}.track-results button.selected{border-color:#1ed760;background:#1ed76012}.track-results img{width:48px;height:48px;object-fit:cover}.track-results span{display:flex;flex-direction:column}.track-results small{color:#8e8980}.lock-track{width:100%;height:52px;border:0;margin-top:15px;background:#1ed760;color:#0b160e;font:700 10px DM Mono}.album-art{width:112px;height:112px;object-fit:cover;margin:0 auto 20px;box-shadow:0 18px 40px #0008}.spotify-embed{display:block;width:min(520px,100%);border:0;margin:24px auto 0}.spotify-link{display:block;color:#1ed760;margin-top:18px;font:10px DM Mono;letter-spacing:.1em}.afterparty{max-width:900px;margin:30px auto;padding:45px;border:1px solid #ffffff25;text-align:center;background:radial-gradient(circle at center,#273426,#141512)}.afterparty h2{color:#f5f1e8;font:700 42px Manrope}.afterparty button,.afterparty>a{display:inline-block;padding:16px 22px;margin:8px;border:0;background:#1ed760;color:#0b160e;text-decoration:none;font:700 10px DM Mono}:root{font-family:Manrope,sans-serif;color:#f5f1e8;background:#11110f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 46%,#29231d 0,#11110f 34%)}main{min-height:100vh;padding:0 6vw;overflow:hidden}nav,footer{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24;font:500 11px DM Mono,monospace;letter-spacing:.14em}.brand{color:inherit;font-size:19px;font-weight:700;text-decoration:none;letter-spacing:-.03em}.brand span,.eyebrow{color:#ff5d3a}.hero{min-height:calc(100vh - 150px);position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px 0}.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.18em}h1{font-size:clamp(54px,7.2vw,112px);line-height:.91;margin:22px 0 28px;max-width:900px;letter-spacing:-.065em}h1 em{font-family:Playfair Display,serif;color:#ff5d3a}.lede{color:#b6b0a6;max-width:585px;font-size:18px;line-height:1.65}form{margin-top:38px;width:min(620px,100%);position:relative;z-index:2}label,small{display:block;font:500 10px DM Mono,monospace;letter-spacing:.14em;color:#918c82;margin-bottom:12px}.input-row{display:flex;border-bottom:1px solid #f5f1e8}input{flex:1;border:0;color:#fff;background:transparent;padding:16px 0;font-size:20px;outline:0}button{cursor:pointer}.input-row button{border:0;background:#ff5d3a;color:#11110f;padding:0 25px;font:700 11px DM Mono;letter-spacing:.08em}.input-row button:disabled{opacity:.6}small{margin-top:14px}.error{color:#ff8f79;font-size:13px}.record{position:absolute;width:min(38vw,510px);aspect-ratio:1;border-radius:50%;right:-2vw;top:50%;transform:translateY(-50%);background:repeating-radial-gradient(circle,#191917 0,#191917 3px,#32302d,#32302d 5px);box-shadow:0 35px 90px #0009;display:grid;place-items:center}.record-label{width:29%;aspect-ratio:1;display:grid;place-items:center;text-align:center;border-radius:50%;background:#ff5d3a;color:#11110f;font:12px DM Mono;transform:rotate(-10deg)}.record-label b{font-size:38px}footer{border-top:1px solid #ffffff24;border-bottom:0;color:#77736b}.result{padding:65px 0 80px;min-height:calc(100vh - 172px)}.back{background:none;border:0;color:#aaa49a;font:11px DM Mono;letter-spacing:.12em;padding:0}.result-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff2b;padding:45px 0 38px}.result h1{color:var(--accent);margin:12px 0;font-size:clamp(50px,7vw,105px)}.tagline{font-family:Playfair Display;font-style:italic;font-size:24px;margin:0}.stamp{border:1px solid var(--accent);color:var(--accent);padding:18px;font:11px DM Mono;transform:rotate(3deg);text-align:center}.stamp b{font-size:22px}.result-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;padding-top:55px}.story>p{font-size:clamp(22px,2.3vw,35px);line-height:1.45;margin:0 0 32px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips span{border:1px solid #ffffff35;border-radius:30px;padding:9px 15px;font:11px DM Mono}.result h2{margin:48px 0 22px;font:500 10px DM Mono;letter-spacing:.15em;color:#8e8980}ol{list-style:none;padding:0}li{display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff20;padding:14px 0;font-size:17px}li i{color:var(--accent);font: 10px DM Mono}.meter{margin-bottom:24px}.meter-copy{display:flex;justify-content:space-between;font:12px DM Mono;text-transform:uppercase}.meter-copy strong,.genres span{color:var(--accent)}.track{height:3px;background:#ffffff20;margin-top:9px}.track i{display:block;height:100%;background:var(--accent)}.genres span{display:block;margin:9px 0;font:13px DM Mono}.next-note{color:#8e8980;border-top:1px solid #ffffff20;padding-top:25px;margin-top:50px;font:11px DM Mono;letter-spacing:.08em}@media(max-width:850px){.record{opacity:.2;width:70vw;right:-30vw}.result-grid{grid-template-columns:1fr;gap:10px}.result-head{align-items:flex-start}.stamp{display:none}}@media(max-width:560px){main{padding:0 22px}.edition{display:none}.input-row{display:block;border:0}.input-row input{width:100%;border-bottom:1px solid white}.input-row button{width:100%;height:54px;margin-top:14px}.hero{padding:45px 0}h1{font-size:49px}.result{padding-top:40px}footer span:first-child{display:none}}:root{--vibe-coral:#ff5d3a;--vibe-violet:#a978ff;--vibe-lime:#c8ff4d}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.08em}.brand .brand-mark{width:39px;height:34px;overflow:visible}.brand-mark path{fill:none;stroke-linecap:round;stroke-linejoin:round}.brand-mark .identity-outline{stroke:#f5f1e8;stroke-width:1.4}.brand-mark .finger-line{stroke:#ff5d3a;stroke-width:1.7}.brand-mark .groove-line{stroke:#a978ff;stroke-width:1.7}.brand-mark .split-line{stroke:#c8ff4d;stroke-width:1.2;stroke-dasharray:2 3}.brand .brand-word{display:flex;align-items:baseline;color:#f5f1e8;letter-spacing:.11em}.brand .brand-word>span{color:#f5f1e8}.brand .brand-word strong{margin-left:1px;color:#ff5d3a;font:italic 700 1.18em Playfair Display,serif;letter-spacing:-.02em}.hero:before{content:"";display:none}.record{background:repeating-radial-gradient(circle,#151317 0,#151317 3px,#37313d,#37313d 5px);box-shadow:0 0 0 1px #a978ff33,0 35px 100px #000b}.record:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid #a978ff55;border-radius:50%;animation:vibe-orbit 8s linear infinite}.record-label{background:linear-gradient(145deg,#ff5d3a,#a978ff);font-weight:700}.record-label span,.record-label small{margin:0;color:#11110f;font:8px DM Mono;letter-spacing:.12em}.record-label b{line-height:.8}.game-entry{position:relative}.game-entry:after{content:"V";position:absolute;z-index:-1;right:3vw;top:50px;color:#ffffff05;font:700 min(35vw,520px) Manrope;line-height:.8}.game-link{color:#c8ff4d}.game-shell .eyebrow,.scoreboard strong{color:#a978ff}@keyframes vibe-orbit{50%{transform:scale(1.03);border-color:#c8ff4d66}to{transform:rotate(360deg)}}@media(max-width:560px){.brand-word{font-size:14px}.brand-mark{width:28px!important;height:28px!important}.hero:before{display:none}}