@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,900;1,800;1,900&family=Share+Tech+Mono&display=swap";:root{--display: "Barlow Condensed", Impact, "Arial Narrow", Arial, sans-serif;--mono: "Share Tech Mono", "DejaVu Sans Mono", monospace;font-family:var(--display);color:#fff;background:#030303}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#030303}html{overflow-x:clip}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.app{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow-x:clip;background-color:#030303;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#4e3a8f 1px,transparent 1.5px),radial-gradient(ellipse at 82% 25%,#310c8755,transparent 37%),repeating-linear-gradient(140deg,transparent 0 80px,#ffffff08 81px 83px,transparent 84px 180px);background-size:93px 93px,153px 153px,100% 100%,100% 100%;background-position:0 0,34px 71px,0 0,0 0}.app:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;background:radial-gradient(circle at 75% 28%,#32158f33,transparent 28%),radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#6551c9 1px,transparent 1.5px);background-size:100% 100%,117px 117px,191px 191px;background-position:0 0,13px 22px,64px 91px}header,.home,.lobby,.game,.results{position:relative;z-index:1}header{height:80px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #ffffff3a}.logo{display:flex;align-items:baseline;gap:9px;padding:0;border:0;color:#fff;background:none;letter-spacing:.04em}.logo strong{font:900 italic 31px/1 var(--display);color:#ff23de;text-shadow:3px 3px 0 #7018aa}.logo span{font:900 14px/1 var(--display);color:#ffe300;letter-spacing:.17em}.logo i{font:10px var(--mono);color:#fff;letter-spacing:.13em}.header-right{display:flex;align-items:center;gap:18px}.quiet,.host-link{border:0;background:none;color:#ddd;font-size:15px}.quiet:hover,.back:hover{color:#ffe300}.score{font:12px var(--mono);color:#ffe300}.sound-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff66;background:#050505;color:#fff}.sound-toggle:hover{border-color:#ffe300;color:#ffe300}.sound-toggle svg{width:17px}.room-pill{display:flex;align-items:center;gap:8px;border:1px solid #fff;background:#070707;padding:7px 10px 7px 12px;font:10px var(--mono);letter-spacing:.08em;color:#ddd}.room-pill b{color:#ffe300}.room-pill button{display:grid;place-items:center;border:0;background:none;color:#fff}.live-dot{display:inline-block;width:7px;height:7px;background:#ff23de;box-shadow:0 0 8px #ff23de}.home{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;min-height:calc(100vh - 80px);align-items:start;gap:34px;padding:56px 42px}.eyebrow{display:flex;gap:8px;align-items:center;color:#ffe300;font:10px var(--mono);letter-spacing:.15em;margin:0 0 20px}.hero .eyebrow{display:inline-flex;padding:5px 0 5px 10px;border-left:3px solid #ffe300;font-size:12px;font-weight:700;letter-spacing:.09em;text-shadow:0 0 10px #ffe30055}.hero h1,.lobby h1,.results h1{font:900 italic clamp(62px,8vw,100px)/.76 var(--display);text-transform:uppercase;letter-spacing:-.035em;margin:0;transform:skew(-5deg)}.hero h1 em,.results h1 em{font-style:inherit;color:#ff23de;text-shadow:5px 5px 0 #661497}.lede{max-width:460px;color:#d3d3d3;font-size:20px;line-height:1.35;margin:30px 0}.entry-card{display:flex;flex-direction:column;width:min(100%,410px);gap:12px}.identity-card{width:min(100%,410px);display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff55;background:#080808ed;padding:12px;margin-bottom:14px}.identity-card>div:first-child:not(.identity-tabs){display:grid;gap:3px}.identity-card b{color:#ffe300;font:900 17px var(--display)}.identity-card small{color:#bbb;font:11px/1.4 var(--mono)}.guest-choice{display:grid}.identity-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.identity-tabs button{border:1px solid #ffffff55;background:#111;color:#ddd;padding:7px 3px;font:900 13px var(--display)}.identity-tabs button.active{border-color:#ff23de;color:#000;background:#ff23de}.auth-fields{display:grid;gap:8px}.auth-fields input,.game-settings select{width:100%;min-height:41px;border:1px solid #ffffff88;background:#090909;color:#fff;padding:0 10px;outline:none}.auth-fields input:focus,.game-settings select:focus{border-color:#ffe300}.secondary{border:1px solid #ffe300;background:#ffe300;color:#000;min-height:39px;font:900 15px var(--display);text-transform:uppercase}.game-settings{display:grid;grid-template-columns:1fr 1fr;gap:11px;border:1px solid #ffffff44;padding:13px;background:#080808e8}.game-settings label{min-width:0}.game-settings select{color-scheme:dark;accent-color:#ff23de;font:14px var(--display)}.setting-toggle{grid-column:1 / -1;display:flex!important;align-items:center;gap:9px!important}.setting-explain{grid-column:1 / -1;color:#aaa;font:10px/1.5 var(--mono);margin:0}.album-filter{border:1px solid #ffffff44;background:#080808e8;padding:12px}.album-filter>b{font:900 16px var(--display)}.album-filter>b small{font:10px var(--mono);color:#aaa;margin-left:6px}.album-filter>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;max-height:170px;overflow:auto;scrollbar-color:#ff23de #171019;scrollbar-width:thin}.entry-card label{font:12px var(--mono);color:#ddd;display:grid;gap:7px;letter-spacing:.06em}.entry-card input{height:52px;border:1px solid #fff;background:#070707;color:#fff;outline:none;padding:0 15px;font-size:17px}.entry-card input:focus{border-color:#ff23de;box-shadow:5px 5px #ff23de}.entry-card .album-filter label{display:flex;align-items:center;gap:9px;min-height:39px;padding:5px 7px;border:1px solid #ffffff1c;background:#130b18;font:700 13px var(--display);letter-spacing:.04em;cursor:pointer}.entry-card .album-filter label:hover,.entry-card .album-filter label:has(input:focus-visible){border-color:#ff23de}.entry-card .album-filter label:has(input:checked){border-color:#ff23de;background:#28102b;color:#fff}.entry-card .album-filter input,.entry-card .setting-toggle input{appearance:none;flex:0 0 19px;width:19px;height:19px;margin:0;padding:0;border:2px solid #ff23de;border-radius:0;background:#080808;box-shadow:none;cursor:pointer}.entry-card .album-filter input:focus,.entry-card .setting-toggle input:focus{box-shadow:none}.entry-card .album-filter input:checked,.entry-card .setting-toggle input:checked{border-color:#ffe300;background:#ffe300;box-shadow:inset 0 0 0 4px #080808}.entry-card .album-filter input:focus-visible,.entry-card .setting-toggle input:focus-visible{outline:2px solid #ffe300;outline-offset:2px}.album-filter>div::-webkit-scrollbar{width:8px}.album-filter>div::-webkit-scrollbar-track{background:#171019}.album-filter>div::-webkit-scrollbar-thumb{background:#ff23de;border:2px solid #171019}.album-picker{position:relative}.album-trigger{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #ff23de;background:#090909;color:#fff;padding:10px 14px;text-align:left;box-shadow:5px 5px #ffe300}.album-trigger>span,.album-options button{display:grid;gap:3px}.album-trigger b,.album-options b{font:900 18px var(--display);letter-spacing:.04em}.album-trigger small,.album-options small{color:#c8c8c8;font:10px var(--mono);letter-spacing:.03em}.album-trigger svg{color:#ffe300;transition:transform .15s}.album-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.album-options{position:absolute;z-index:5;bottom:calc(100% + 7px);left:0;right:0;max-height:min(62vh,520px);overflow-y:auto;scrollbar-color:#ff23de #080808;border:1px solid #ff23de;background:#080808;box-shadow:6px 6px #3d42e8}.album-options button{width:100%;border:0;border-bottom:1px solid #ffffff22;background:transparent;color:#fff;padding:12px 14px;text-align:left}.album-options button:last-child{border-bottom:0}.album-options button:hover,.album-options button:focus-visible{background:#ff23de;color:#090909;outline:none}.album-options button:hover small,.album-options button:focus-visible small{color:#25001f}.album-options button.selected{background:#ffe300;color:#090909}.album-options button.selected small{color:#332c00}.code-input{font-family:var(--mono)!important;letter-spacing:.22em;text-transform:uppercase}.mode-switch{display:grid;grid-template-columns:1fr 1fr;width:min(100%,410px);margin-bottom:14px;border:1px solid #ffffff66}.mode-switch button{height:40px;border:0;background:#080808;color:#aaa;font-weight:800;text-transform:uppercase}.mode-switch button.active{background:#ffe300;color:#000}.mode-picker{margin:5px 0 7px;padding:12px;border:1px solid #ffffff55;background:#070707ef}.mode-picker-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}.mode-picker-head b{color:#ffe300;font:900 14px var(--display);letter-spacing:.12em}.mode-picker-head small{color:#aaa;font:9px var(--mono);letter-spacing:.08em}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-card{position:relative;min-width:0;min-height:90px;display:grid;align-content:start;gap:3px;overflow:hidden;border:1px solid #ffffff45;background:linear-gradient(145deg,#170e1f,#080808 65%);color:#fff;padding:10px 12px;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s}.mode-card:last-child{grid-column:1 / -1;min-height:73px}.mode-card:hover,.mode-card:focus-visible{border-color:#ff23de;transform:translateY(-2px);outline:none}.mode-card.selected{border-color:#ff23de;background:linear-gradient(125deg,#3b0d43,#170b24 70%);box-shadow:inset 4px 0 #ff23de,3px 3px #ffe300}.mode-number{color:#ffe300;font:10px var(--mono);letter-spacing:.1em}.mode-card strong{font:900 19px/.95 var(--display);text-transform:uppercase;letter-spacing:.02em}.mode-card small{color:#c8bccc;font:10px/1.3 var(--mono)}.mode-corner{position:absolute;top:0;right:0;width:14px;height:14px;border-top:3px solid #ff23de;border-right:3px solid #ff23de;opacity:.35}.mode-card.selected .mode-corner{opacity:1;border-color:#ffe300}.catalog-note,.form-error{margin:0;padding:9px 11px;font:11px/1.4 var(--mono)}.catalog-note{border-left:3px solid #ffe300;background:#ffe30010;color:#ddd}.form-error{border-left:3px solid #ff3b24;background:#ff3b2418;color:#ffb3a7}.primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:2px solid #000;background:#ff23de;color:#000;height:53px;padding:0 20px;font:900 17px var(--display);text-transform:uppercase;letter-spacing:.03em;box-shadow:5px 5px #ffe300;transition:.15s}.primary:hover{transform:translate(2px,2px);box-shadow:3px 3px #ffe300}.primary:disabled{transform:none;box-shadow:3px 3px #555;filter:grayscale(.55)}.host-link{margin-top:5px;text-align:center;color:#ffe300;text-decoration:underline;text-underline-offset:4px}.host-link:hover{color:#fff}.hero-side{min-width:0}.hero-leaderboard{position:relative;z-index:1;max-height:min(40dvh,360px);overflow-y:auto;scrollbar-color:#ff23de #171019;scrollbar-width:thin;border:1px solid #ff23de;background:#070707ed;padding:24px;box-shadow:6px 6px #3d42e8}.hero-leaderboard::-webkit-scrollbar{width:8px}.hero-leaderboard::-webkit-scrollbar-track{background:#171019}.hero-leaderboard::-webkit-scrollbar-thumb{background:#ff23de;border:2px solid #171019}.hero-galaxy{display:block;width:min(135%,750px);max-width:none;height:auto;margin:24px 0 0 -15%;pointer-events:none;filter:saturate(1.08) contrast(1.04)}.lobby{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:82px 42px}.back{display:flex;align-items:center;gap:5px;border:0;background:none;padding:0;color:#ddd;font-size:15px;margin-bottom:65px}.lobby h1{font-size:62px}.lobby-intro>p:not(.eyebrow){color:#ccc;font-size:18px;line-height:1.45;max-width:400px;margin:22px 0}.share-code{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:18px 0;display:flex;align-items:center;gap:14px;max-width:360px}.share-code span{font:9px var(--mono);letter-spacing:.1em;color:#aaa}.share-code strong{font:15px var(--mono);color:#ffe300}.share-code button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#ff23de;text-decoration:underline;margin-left:auto;font-size:13px}.lobby-intro .mode-picker{margin-top:28px}.lobby-mode{display:grid;gap:5px;margin-top:28px;border-left:4px solid #ff23de;padding:10px 14px;background:#160d19}.lobby-mode span{color:#ffe300;font:9px var(--mono);letter-spacing:.1em}.lobby-mode b{font:900 italic 24px var(--display);text-transform:uppercase}.copy-ok{color:#ffe300!important}.lobby-panel,.ranking{background:#070707ef;border:1px solid #fff;padding:25px;box-shadow:7px 7px #3d42e8}.panel-title,.player{display:flex;align-items:center}.panel-title{justify-content:space-between;font:10px var(--mono);color:#ddd;letter-spacing:.08em}.panel-title b{font-size:10px;color:#ffe300}.players{margin:20px 0;border-top:1px solid #ffffff3b}.player{gap:10px;border-bottom:1px solid #ffffff25;padding:12px 0}.avatar{display:grid;place-items:center;width:30px;height:30px;color:#000;font-weight:900;font-size:15px;font-style:normal}.player b{font-size:16px}.player i{width:6px;height:6px;background:#ff23de;margin-left:auto}.host-badge{display:flex;align-items:center;gap:4px;color:#ffe300;font-size:11px;margin-left:auto}.playlist-head{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;margin:25px 0 10px}.playlist-head span{display:flex;align-items:center;gap:7px}.playlist-head small{font:9px var(--mono);color:#aaa}.track-list{display:grid;gap:6px}.track{border:1px solid #ffffff25;background:#ffffff0b;color:#d0d0d0;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;transition:.16s}.track:hover{transform:translate(3px);border-color:#fff7}.track.chosen{border-color:#ff23de;background:#ff23de1c;color:#fff}.track>span{width:25px;height:25px;display:grid;place-items:center;color:#000}.track div{display:grid;gap:2px}.track b{font-size:14px}.track small{font:10px var(--mono);color:#aaa}.track>svg{margin-left:auto}.launch{width:100%;margin-top:20px;height:48px}.waiting{text-align:center;padding:45px 15px 25px;display:grid;gap:10px;place-items:center}.waiting b{font-size:16px}.waiting span{font-size:13px;line-height:1.5;color:#aaa;max-width:250px}.pulse{width:10px;height:10px;background:#ff23de;box-shadow:0 0 #ff23de77;animation:pulse 1.4s infinite}.round-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px}.round-rules span{display:grid;place-items:center;gap:5px;min-height:58px;border:1px solid #ffffff2c;color:#ccc;font:9px var(--mono);text-align:center}.round-rules svg{width:17px;color:#ffe300}.game{max-width:800px;margin:0 auto;padding:54px 30px;text-align:center}.game-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.game-top>div:first-child{text-align:left;font:10px var(--mono);color:#ddd;letter-spacing:.1em;width:200px}.progress{height:4px;background:#ffffff20;margin-top:10px}.progress i{display:block;height:100%;background:#ff23de;transition:.4s}.players-count{display:flex;align-items:center;gap:7px;border:1px solid #fff;background:#000;color:#fff;padding:8px 12px;font-size:14px}.timer{display:flex;align-items:center;gap:7px;color:#ffe300;font:18px var(--mono)}.timer svg{width:18px}.timer.urgent{color:#ff3b24;animation:timer-pulse .7s infinite alternate}.reveal-timer{color:#ff23de;font:12px var(--mono);letter-spacing:.12em}.now-playing{display:flex;align-items:center;gap:13px;text-align:left;margin:auto;width:min(100%,420px)}.cover{display:grid;place-items:center;width:55px;height:55px;color:#000;border:1px solid #fff}.game .cover{background:#ff23de}.now-playing p{font:9px var(--mono);letter-spacing:.12em;color:#ddd;margin:0 0 4px}.now-playing h2{font-size:19px;margin:0}.now-playing span{font:10px var(--mono);color:#bbb}.play-button{margin-left:auto;display:grid;place-items:center;width:37px;height:37px;border:1px solid #fff;background:#000;color:#fff}.lyric-card{margin:48px 0 26px;padding:45px 25px;background:#070707ef;border:1px solid #fff;box-shadow:8px 8px #3d42e8;transition:.25s}.lyric-card.correct{border-color:#ffe300;box-shadow:8px 8px #ffe300;animation:correct-pop .34s ease-out}.lyric-card.wrong{border-color:#ff3b24;box-shadow:8px 8px #ff3b24;animation:wrong-shake .28s ease-out}.instruction{font:10px var(--mono);letter-spacing:.13em;color:#ddd;margin:0 0 24px}.lyric-line{font:900 italic clamp(34px,5vw,56px)/1 var(--display);text-transform:uppercase;color:#fff}.choice-prompt{font-size:clamp(27px,4vw,42px);line-height:1.08;white-space:pre-line}.choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.choice{min-height:74px;display:flex;align-items:center;gap:11px;border:1px solid #ffffff66;background:#120b19;color:#fff;padding:12px;text-align:left}.choice:hover:not(:disabled),.choice:focus-visible{border-color:#ff23de;background:#2b102f;outline:none}.choice span{align-self:start;color:#ffe300;font:11px var(--mono)}.choice b{font:900 18px/1.1 var(--display);text-transform:uppercase}.choice svg{flex:0 0 auto;width:15px;margin-left:auto;color:#ff23de}.choice:disabled{opacity:.8}.choice.is-picked,.choice.is-picked:disabled{border-color:#ff23de;background:#33103a;opacity:1}.choice.is-correct,.choice.is-correct:disabled{border-color:#ffe300;background:#ffe300;color:#080808;opacity:1}.choice.is-correct span,.choice.is-correct svg{color:#080808}.choice.is-wrong{border-color:#ff3b24}.pool-game{display:grid;gap:17px}.pool-context{display:grid;gap:6px;margin:0;color:#eee;font:900 italic clamp(22px,3vw,31px)/1.1 var(--display);text-transform:uppercase}.pool-context small{color:#ffe300;font:10px var(--mono);letter-spacing:.1em}.pool-target{min-height:128px;border:1px solid #ffe300;background:#140d19;padding:12px;text-align:left}.pool-target>small{display:block;color:#ffe300;font:10px var(--mono);letter-spacing:.1em;margin-bottom:11px}.pool-target>div,.pool-bank{display:flex;flex-wrap:wrap;align-content:start;gap:8px}.pool-placeholder{color:#a998ad;font:16px var(--display)}.pool-bank{justify-content:center;min-height:53px}.pool-word{border:1px solid #ff23de;background:#220b2b;color:#fff;padding:8px 11px;font:900 19px var(--display);text-transform:uppercase;cursor:grab;touch-action:manipulation}.pool-word:hover:not(:disabled),.pool-word:focus-visible{background:#ff23de;color:#080808;outline:none}.pool-word.placed{border-color:#ffe300;background:#ffe300;color:#080808}.pool-word.placed span{margin-left:3px;opacity:.5}.pool-word.used{opacity:.25}.pool-help{color:#aaa;font:10px/1.4 var(--mono)}.pool-reveal{margin:0;color:#ffe300;font:900 italic clamp(32px,5vw,50px)/1 var(--display);text-transform:uppercase}.answer-slot{display:inline-grid;width:min(34ch,100%);vertical-align:middle;margin:.12em .14em}.answer-slot small{justify-self:center;background:#ffe300;color:#050505;font:900 9px var(--mono);letter-spacing:.08em;margin-bottom:5px;padding:4px 8px}.lyric-answer{width:100%;min-height:1.3em;max-height:4.2em;resize:none;overflow-x:hidden;overflow-y:auto;border:0;border-bottom:3px solid #ff23de;background:transparent;color:#ff23de;font:inherit;line-height:1;outline:none;text-align:center;padding:.08em .22em}.lyric-answer::placeholder{color:#ffffff28;font-size:.6em}.lyric-answer:focus{border-color:#ffe300;box-shadow:0 4px #ffe300}.lyric-answer:disabled{opacity:1}.round-hint{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #ffffff44;margin-top:26px;padding-top:14px;font:11px var(--mono)}.round-hint b{color:#000;background:#ffe300;padding:5px 8px}.round-hint span{color:#ffe300;font-size:15px}.round-hint small{width:100%;color:#aaa}.revealed-answer{color:#ffe300;text-shadow:2px 2px 0 #692589}.reveal-feedback b{color:#ffe300}.feedback{margin-top:30px;display:grid;gap:5px;font-size:16px;color:#ccc}.feedback b{color:#fff}.feedback span strong{color:#ffe300}.answer{min-width:240px}.hint{font:11px var(--mono);color:#aaa;margin-top:16px}.results{max-width:610px;margin:0 auto;text-align:center;padding:70px 30px}.results h1{font-size:76px}.results>p:not(.eyebrow){color:#ccc;margin:18px 0 30px}.results .eyebrow{justify-content:center}.ranking{margin-bottom:22px;padding:5px 20px}.rank{height:65px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff25;text-align:left}.rank:last-child{border:0}.rank>span{font:11px var(--mono);color:#aaa;width:22px}.rank b{font-size:16px}.rank>svg{color:#ffe300}.rank>strong{margin-left:auto;font:13px var(--mono);color:#ff23de}.rank small{font-size:9px;color:#aaa}.results>.primary{width:100%}.hero-leaderboard h2{font:900 italic 35px var(--display);text-transform:uppercase;margin:0}.hero-leaderboard p:not(.eyebrow){color:#aaa;font-size:14px}.leader-list>div{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff2d;padding:11px 0}.leader-list>div>span{color:#ffe300;font:12px var(--mono)}.leader-list b{font-size:15px}.leader-list small{color:#aaa;font:10px var(--mono)}.leader-list strong{margin-left:auto;color:#ff23de;white-space:nowrap;font:12px var(--mono)}.entry-card input:focus-visible,.album-trigger:focus-visible,.primary:focus-visible,.track:focus-visible,.sound-toggle:focus-visible,.back:focus-visible,.quiet:focus-visible,.host-link:focus-visible,.share-code button:focus-visible,.mode-switch button:focus-visible,.mode-card:focus-visible,.pool-word:focus-visible,.choice:focus-visible{outline:2px solid #ffe300;outline-offset:3px}@keyframes pulse{to{box-shadow:0 0 0 12px transparent}}@keyframes scene-float{50%{transform:translate3d(0,-8px,0) rotate(.5deg)}}@keyframes correct-pop{50%{transform:scale(1.015)}}@keyframes wrong-shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes timer-pulse{to{transform:scale(1.08)}}@media(max-width:900px){.home,.lobby{grid-template-columns:1fr}.home{align-items:start;gap:0}.hero-copy{max-width:600px}.hero-side{margin-top:36px}.hero-leaderboard{max-height:360px}.hero-galaxy{width:100%;margin:20px 0 0}.lobby{gap:40px}}@media(max-width:760px){header{padding:0 20px;height:68px}.logo strong{font-size:25px}.logo i{display:none}.room-pill{position:absolute;top:78px;left:50%;width:max-content;transform:translate(-50%)}.header-right .quiet{display:none}.sound-toggle{width:34px;height:34px}.home{display:block;padding:70px 25px 40px}.hero h1{font-size:clamp(58px,18vw,82px)}.lobby{display:block;padding:100px 25px 45px}.back{margin-bottom:40px}.lobby-panel{margin-top:40px}.game{padding:100px 20px 40px}.game:has(.lyric-answer:not(:disabled)){padding-bottom:32vh}.game-top{display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:40px}.game-top>div:first-child{grid-column:1 / -1;width:100%}.players-count{justify-self:end}.lyric-card{padding:38px 15px;margin-top:40px}.lyric-line{font-size:clamp(28px,9vw,42px)}.choice-list{grid-template-columns:1fr}.answer-slot{width:min(24ch,100%)}.lyric-answer{font-size:.85em;scroll-margin-block:28vh}.answer{position:sticky;bottom:max(14px,env(safe-area-inset-bottom));z-index:4;width:100%}.leader-list>div{flex-wrap:wrap}.leader-list small{order:4;width:100%;padding-left:30px}.results{padding-top:100px}.results h1{font-size:60px}}@media(max-width:420px){header{padding-inline:14px}.header-right{gap:10px}.logo span{font-size:12px}.home{padding-inline:18px}.hero h1{font-size:clamp(52px,17vw,70px)}.lede{font-size:17px}.mode-switch button{font-size:14px}.lobby,.game{padding-inline:16px}.lyric-card{padding-inline:10px;box-shadow:5px 5px #3d42e8}.answer{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}