@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-500.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-700.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/barlow-900.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/barlow-italic-800.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/barlow-italic-900.ttf) format("truetype")}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/share-tech-mono.ttf) format("truetype")}: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)}.profile-card{width:min(100%,410px);margin-bottom:14px;border:1px solid #ff23de;background:#080808ed;box-shadow:4px 4px #3d42e8}.profile-header{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:12px 14px 8px}.profile-header small,.profile-rank span{color:#ffe300;font:9px var(--mono);letter-spacing:.12em}.profile-header h2{margin:3px 0 0;font:900 24px/.95 var(--display);text-transform:uppercase}.profile-header .quiet{font-size:12px}.profile-rank,.rank-chip{--tier: #aeb0b9}.tier-péon{--tier: #d48b58}.tier-délivré{--tier: #dae0ef}.tier-génial{--tier: #ffe300}.tier-mk-ultra{--tier: #746eff}.tier-annunaki{--tier: #44e8ff}.tier-nqnt{--tier: #ff23de}.profile-rank{position:relative;display:flex;align-items:center;gap:10px;margin:0 14px;border:1px solid var(--tier);background:linear-gradient(115deg,color-mix(in srgb,var(--tier) 28%,#080808),#080808 70%);color:#fff;padding:9px 11px;box-shadow:inset 4px 0 0 var(--tier)}.profile-rank span{color:var(--tier)}.profile-rank strong{color:var(--tier);font:900 italic 27px/.9 var(--display);text-shadow:2px 2px 0 #000}.profile-rank b{margin-left:auto;white-space:nowrap;font:14px var(--mono)}.profile-rank b small{font-size:9px}.rank-help-button{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border:1px solid #ffe300;color:#ffe300;background:#080808;cursor:pointer;font:900 15px var(--display)}.rank-help-button:hover{color:#080808;background:#ffe300}.rank-help-button:focus-visible{outline:2px solid #ff23de;outline-offset:3px}.rank-help-panel{position:fixed;inset:0;width:min(420px,calc(100vw - 36px));max-height:min(75dvh,600px);overflow:auto;margin:auto;border:1px solid #ffe300;background:#080808;box-shadow:5px 5px #3d42e8;padding:18px 20px;font:11px/1.45 var(--mono);color:#ddd}.rank-help-panel:popover-open{animation:panel-enter .2s ease-out both}.rank-help-panel::backdrop{background:#000b}.rank-help-panel strong{display:block;color:#ffe300;font:900 18px var(--display)}.rank-help-panel p{margin:8px 0}.rank-help-panel ul{margin:8px 0;padding-left:18px}.rank-help-panel li+li{margin-top:5px}.rank-help-panel em{color:#ffe300;font-style:normal}.rank-track{height:4px;margin:8px 14px 0;background:#ffffff24}.rank-track i{display:block;height:100%;background:#ff23de;transition:width .55s cubic-bezier(.2,.8,.2,1)}.profile-note{margin:8px 14px 10px;color:#c9baca;font:10px/1.4 var(--mono)}.profile-details{border-top:1px solid #ffffff40}.profile-summary{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 14px;border:0;background:transparent;cursor:pointer;color:#fff;font:11px var(--mono);text-align:left}.profile-summary svg{transition:transform .18s ease}.profile-summary[aria-expanded=true] svg{transform:rotate(180deg)}.profile-summary:focus-visible{outline:2px solid #ffe300;outline-offset:-2px}.profile-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1),opacity .18s ease}.profile-content.open{grid-template-rows:1fr;opacity:1}.profile-content>div{min-height:0;overflow:hidden}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px 14px 15px}.profile-stat-grid>div{display:grid;align-content:center;min-height:52px;gap:3px;border:1px solid #ffffff30;text-align:center}.profile-stat-grid b{color:#ff23de;font:900 19px var(--display)}.profile-stat-grid small{color:#aaa;font:8px var(--mono)}.profile-modes{padding:0 14px 12px}.profile-modes>b{display:block;color:#ffe300;font:10px var(--mono);letter-spacing:.1em;margin-bottom:5px}.profile-modes>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #ffffff20;padding:6px 0;font:15px var(--display)}.profile-modes>div span{display:grid;gap:2px}.profile-modes>div small{color:#aaa;font:9px var(--mono)}.profile-modes>div strong{flex:0 0 auto;color:#ffe300;font:10px var(--mono)}.profile-modes>div strong.negative{color:#ff6b5c}.profile-modes p{color:#aaa;font:10px 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;animation:panel-enter .2s both}.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;animation:menu-enter .18s cubic-bezier(.2,.8,.2,1) both}.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;transition:background-color .18s,color .18s}.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-card.selected .mode-corner{animation:corner-signal .32s ease-out}.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;display:flex;flex-direction:column;max-height:min(80dvh,760px);overflow:hidden;border:1px solid #ff23de;background:#070707ed;padding:24px;box-shadow:6px 6px #3d42e8}.entry-card{position:relative;z-index:2;animation:panel-enter .22s cubic-bezier(.2,.8,.2,1) both}.leader-list{min-height:0;overflow-y:auto;padding-right:10px;scrollbar-color:#ff23de #171019;scrollbar-width:thin}.leader-list::-webkit-scrollbar{width:8px}.leader-list::-webkit-scrollbar-track{background:#171019}.leader-list::-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 strong>span{display:inline-block;animation:code-lock .24s both;animation-delay:calc(var(--index) * 36ms)}.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}.player{animation:player-arrive .26s ease-out both}.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}.lobby-rank-note{margin:12px 0 0;color:#ffe300;font:10px/1.4 var(--mono);letter-spacing:.03em}.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{position:relative;margin:48px 0 26px;padding:45px 25px;background:#070707ef;border:1px solid #fff;box-shadow:8px 8px #3d42e8;transition:border-color .2s,box-shadow .2s}.game[data-phase=playing] .lyric-card:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff23de,#6849ff 50%,#ffe300);transform-origin:left;animation:launch-trace .27s ease-out both;pointer-events:none}.lyric-card.submitted{border-color:#ff23de;box-shadow:8px 8px #6527b7}.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;transition:border-color .15s,background-color .15s,transform .15s}.choice:hover:not(:disabled){transform:translateY(-2px)}.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:none;user-select:none;-webkit-user-select:none}.pool-word:hover:not(:disabled),.pool-word:focus-visible{background:#ff23de;color:#080808;outline:none}.pool-word.placed.is-drag-source{opacity:.24}.pool-drag-ghost{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;border-color:#ffe300;background:#ffe300;color:#080808;box-shadow:0 15px 36px #000b,0 0 22px #ff28e78c;cursor:grabbing;transform-origin:center}.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{display:inline-block;color:#ffe300;text-shadow:2px 2px 0 #692589;animation:answer-reveal .24s ease-out both}.reveal-feedback b{color:#ffe300}.feedback{margin-top:30px;display:grid;gap:5px;font-size:16px;color:#ccc}.feedback{animation:panel-enter .2s ease-out both}.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{animation:player-arrive .25s both}.rank:nth-child(2){animation-delay:35ms}.rank:nth-child(3){animation-delay:70ms}.rank:nth-child(4){animation-delay:105ms}.rank:nth-child(5){animation-delay:.14s}.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%}.result-rating{display:grid;gap:5px;margin-bottom:22px;border:1px solid #ffe300;background:#140d19;padding:14px}.result-rating span{color:#ffe300;font:10px var(--mono);letter-spacing:.08em}.result-rating strong{font:900 25px var(--display)}.result-rating strong small{margin-left:8px;color:#ffe300;font:13px var(--mono)}.result-rating strong small.negative{color:#ff6b5c}.result-rating strong small{display:inline-block;animation:rating-delta .36s ease-out .16s both}.leader-self{animation:panel-enter .24s ease-out both}.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-preview{align-self:flex-start;margin:0 0 10px;padding:5px 8px;color:#080808;background:#ffe300;font:10px var(--mono);letter-spacing:.08em}.leader-list>div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:3px 9px;border-top:1px solid #ffffff2d;padding:8px 0}.leader-list>div.is-you{background:#ff23de1d;box-shadow:inset 3px 0 #ffe300;padding-left:9px}.leader-list>div>.leader-position{color:#ffe300;font:12px var(--mono)}.leader-list b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:16px}.leader-list b i{margin-left:8px;color:#ffe300;font:10px var(--mono);font-style:normal}.leader-list>div>small{grid-column:2;grid-row:2;color:#aaa;font:10px var(--mono)}.rank-chip{display:grid;justify-items:end;align-content:center;gap:1px;grid-column:3;grid-row:1 / 3;min-width:94px;border:1px solid var(--tier);background:linear-gradient(110deg,color-mix(in srgb,var(--tier) 20%,#080808),#080808 75%);box-shadow:inset 3px 0 0 var(--tier);padding:4px 7px 4px 10px}.rank-chip strong{color:var(--tier);font:900 italic 17px/.9 var(--display);text-shadow:1px 1px 0 #000}.rank-chip small{color:#eee;font:9px var(--mono);white-space:nowrap}.leader-self{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:12px;border-top:1px solid #ffe300;padding:12px 10px 0 0}.leader-self>span{color:#ffe300;font:10px var(--mono);letter-spacing:.1em}.leader-self>strong{color:#fff;font:900 italic 22px var(--display);text-transform:uppercase}.leader-self>small{grid-column:1;color:#bbb;font:10px var(--mono)}.leader-self .rank-chip{grid-column:2;grid-row:1 / 4;align-self:center}@media(min-width:901px){.hero-leaderboard{padding:16px 20px}.hero-leaderboard .eyebrow{margin-bottom:6px}.hero-leaderboard h2{line-height:1}.hero-leaderboard p:not(.eyebrow){margin:4px 0 8px;font-size:11px;line-height:1.2}.leader-list>div{gap:2px 7px;padding:3px 0}.leader-list b{font-size:15px}.leader-list>div>small{font-size:9px}.leader-list .rank-chip{gap:0;padding:2px 5px 2px 8px}.leader-list .rank-chip strong{font-size:15px}.leader-self .rank-chip{gap:0;padding:2px 5px 2px 8px}.leader-self .rank-chip strong{font-size:15px}.leader-self{gap:2px 10px;margin-top:8px;padding-top:7px}}.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)}}@keyframes scene-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes code-lock{0%{opacity:0;transform:translateY(-7px);color:#ff23de}to{opacity:1;transform:translateY(0);color:#ffe300}}@keyframes player-arrive{0%{opacity:0;transform:translate(-9px)}to{opacity:1;transform:translate(0)}}@keyframes launch-trace{0%{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}@keyframes word-place{0%{transform:translateY(5px) scale(.92);opacity:.5}to{transform:translateY(0) scale(1);opacity:1}}@keyframes answer-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rating-delta{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes corner-signal{50%{opacity:1;filter:drop-shadow(0 0 6px #ffe300)}}.home,.lobby,.game,.results{animation:scene-enter .22s cubic-bezier(.2,.8,.2,1) both}@media(min-width:1500px){header,.home{max-width:1880px}header{padding-inline:clamp(48px,4vw,90px)}.home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,4vw,90px);padding:64px clamp(48px,4vw,90px)}.hero h1{font-size:clamp(100px,5.5vw,138px)}.lede{max-width:570px;font-size:23px}.mode-switch,.identity-card,.profile-card,.entry-card{width:min(100%,560px)}.hero-leaderboard{width:100%;max-width:620px;margin-inline:auto}.hero-galaxy{width:min(118%,950px);margin-left:-9%}.lobby{max-width:1600px;gap:clamp(80px,8vw,170px)}.game{max-width:1000px}}@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:490px}.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%}.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}.profile-rank>span{display:none}.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}}:root{--edge: #ffffff24;--muted: #c6bfd0;--pink: #ff28e7;--yellow: #ffe500}button,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}button{touch-action:manipulation}.app{background-image:radial-gradient(#ffffff70 .8px,transparent 1.2px),radial-gradient(#765bd96b .8px,transparent 1.2px),radial-gradient(ellipse at 85% 15%,#30116750,transparent 45%),repeating-linear-gradient(140deg,transparent 0 100px,#ffffff03 101px 102px,transparent 103px 220px)}.app:before{opacity:.15}.app>header{width:calc(100% - 80px);max-width:1640px;height:76px;padding:0;border-color:var(--edge)}.home.hero{max-width:1720px;padding:42px 64px 64px;gap:clamp(40px,6vw,120px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{min-width:0}.hero-intro{margin-bottom:26px}.hero h1{font-size:clamp(74px,6.4vw,110px);line-height:.86;transform:none;letter-spacing:-.025em}.hero.is-creating h1{font-size:clamp(66px,5.3vw,90px)}.hero .eyebrow{font-size:12px;margin-bottom:18px;text-shadow:none}.hero .lede{font-size:19px;max-width:440px;margin:22px 0 16px;color:#c9c5d2}.hero-facts{display:flex;flex-wrap:wrap;gap:16px;font:13px/1.4 var(--mono);color:var(--muted)}.hero-facts span{display:flex;align-items:center;gap:6px}.hero-facts svg{color:#cbb9d9}.launch-panel{width:100%;max-width:580px;padding:22px;background:linear-gradient(135deg,#17101eea,#09090ced 60%);border:1px solid #7c548443;border-top-color:#ba67aa80;box-shadow:0 18px 60px #0003}.launch-panel .entry-card,.launch-panel .identity-card,.launch-panel .mode-switch{width:100%;max-width:none}.launch-panel .mode-switch{margin:0 0 18px;border:1px solid var(--edge);padding:4px;background:#08080c;gap:4px}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;font-size:16px;border:0;transition:background .18s,color .18s}.mode-switch button.active{background:var(--yellow);color:#090909}.identity-strip{width:100%;display:flex;align-items:center;gap:12px;text-align:left;color:#fff;padding:0 0 17px;margin-bottom:18px;border:0;border-bottom:1px solid var(--edge);background:none}.identity-strip:hover b{color:var(--yellow)}.identity-avatar{width:34px;height:34px;display:grid;place-items:center;background:#ff28e71c;color:var(--pink);font-size:22px;font-weight:900;text-transform:uppercase}.identity-strip>span:nth-child(2){display:grid;gap:3px;min-width:0}.identity-strip>span:nth-child(2) small{font:11px var(--mono);color:var(--muted)}.identity-strip b{font-size:19px;overflow-wrap:anywhere}.identity-strip .rank-chip{margin-left:auto;flex-shrink:0}.launch-panel .identity-card{border:0;border-bottom:1px solid var(--edge);padding:0 0 18px;background:none;box-shadow:none}.identity-tabs button{min-height:35px;border-color:transparent;background:#ffffff06;color:#aaa;font-weight:700}.identity-tabs button.active{color:#fff;background:#ff28e71a;border-color:#ff28e750}.identity-card small{font:12px/1.5 var(--display);color:var(--muted)}.launch-panel .entry-card{gap:18px}.entry-card label,.field-label{font:12px var(--mono);letter-spacing:.04em;color:#ddd5e2}.field-label{display:block;margin-bottom:8px}.entry-card input:not([type=checkbox]),.auth-fields input{border-color:#ffffff35;background:#08080b;border-radius:0}.entry-card input:focus{box-shadow:none;border-color:var(--yellow)}.field-help{color:var(--muted);font:14px/1.4 var(--display);letter-spacing:0}.entry-card .code-input{font:24px var(--mono);letter-spacing:.22em}.launch-note{color:var(--muted);font:14px/1.4 var(--display);margin:0;text-align:center}.primary{min-height:50px;box-shadow:4px 4px 0 var(--yellow);transition:transform .18s,box-shadow .18s,background .18s}.primary:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--yellow)}.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--yellow)}.primary:disabled{box-shadow:2px 2px #776c18}.hero-side{min-width:0;width:100%;padding-top:0}.hero-side .hero-leaderboard{width:100%;max-width:580px;max-height:min(82dvh,760px);margin:0 auto;padding:20px 22px;border-color:#9e4ba37d;box-shadow:4px 4px #4c35bd;background:#0c0b11ed}.leaderboard-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.leaderboard-heading>svg{color:var(--yellow);opacity:.8}.leaderboard-heading .eyebrow{margin-bottom:8px}.hero-leaderboard h2{font-size:30px;margin-bottom:0}.hero-leaderboard>p{color:var(--muted);margin:8px 0 14px}.leader-list>div:not(.leader-empty){border-bottom:1px solid #ffffff0c;min-height:33px}.leader-list>div:nth-child(1) .leader-position{color:var(--yellow)}.leader-list>div:nth-child(2) .leader-position{color:#d6d8ec}.leader-list>div:nth-child(3) .leader-position{color:#d48b58}.leader-list>.leader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 10px;text-align:center;color:#9c91b0}.leader-empty b{color:#eee;font-size:20px}.leader-empty small{font:14px var(--display)}.leader-self{margin-top:12px;padding-top:10px}.galaxy-stage{position:relative;width:100%;margin-top:22px}.hero-side .hero-galaxy{position:relative;display:block;width:112%;max-width:none;height:auto;max-height:570px;object-fit:contain;margin:0 0 0 -6%;animation:orbit-float 9s ease-in-out infinite}.orbit-label{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:10px;width:80%;margin:0 auto;font:8px var(--mono);letter-spacing:.15em;color:#8d819e}.orbit-label span{color:#615671}@keyframes orbit-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.album-trigger{box-shadow:none;padding:14px;border-color:#9c548b80;min-height:78px;background:#110b15}.album-trigger:hover{border-color:var(--pink);background:#201026}.album-trigger>span:nth-child(2){flex:1;min-width:0}.album-trigger .album-icon{width:48px;height:48px;place-items:center;border:1px solid #ff28e730;background:#ff28e70a;flex-shrink:0;overflow:hidden}.album-trigger .album-icon img,.album-tile-art img,.now-playing .cover img{display:block;width:100%;height:100%;object-fit:cover}.album-trigger b{font-size:21px;letter-spacing:0}.album-trigger small{font-size:12px;line-height:1.4}.modal{position:fixed;inset:0;margin:auto;padding:0;width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 48px);color:#fff;border:1px solid #a452a3;background:#0c0a11;box-shadow:0 35px 140px #000b,4px 4px #5135b5;overflow:auto;scrollbar-color:#ad309f #17101f;scrollbar-width:thin}.modal[open]{animation:panel-enter .22s cubic-bezier(.2,.8,.2,1) both}.modal::backdrop{background:#050309cf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-surface{padding:26px}.modal-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.modal-heading .eyebrow{margin:0 0 8px;font-size:12px}.modal-heading h2{margin:0;font:900 italic 36px/1 var(--display);text-transform:uppercase}.icon-button{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;color:#d9cde4;background:#ffffff06;border:1px solid var(--edge)}.icon-button:hover{color:var(--yellow);border-color:var(--yellow)}.modal-intro{color:#b7acbf;font-size:16px;margin:14px 0 20px}.guide-trigger{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:11px 0 15px;padding:10px 12px;border:1px solid #ffe50087;background:linear-gradient(90deg,#ffe50017,#ff28e70d);color:var(--yellow);font:800 16px var(--display);cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.guide-trigger:hover{border-color:var(--yellow);background:#ffe50027;transform:translateY(-2px)}.guide-trigger svg:last-child{margin-left:auto}.guide-steps{display:grid;gap:10px}.guide-steps section{padding:14px 16px;border:1px solid #ffffff32;border-left:3px solid var(--pink);background:#111017}.guide-steps section:nth-child(2){border-left-color:#6859ff}.guide-steps section:nth-child(3){border-left-color:var(--yellow)}.guide-steps span{color:var(--yellow);font:11px var(--mono);letter-spacing:.1em}.guide-steps h3{margin:6px 0;font:900 21px var(--display);text-transform:uppercase}.guide-steps p{margin:0;color:#ddd5e1;font:15px/1.45 var(--display)}.guide-source{margin:16px 0 0;color:#cfc4d3;font:13px/1.4 var(--display)}.guide-source a{color:var(--yellow);text-underline-offset:3px}.entry-card .album-search{display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--edge);color:#988ba4;margin-bottom:20px}.entry-card .album-search input{width:100%;min-width:0;height:46px;border:0;outline:none;background:transparent;color:#fff;font-size:17px;padding:0}.album-search:focus-within{border-color:var(--yellow)}.album-search input:focus-visible{outline:none}.album-library{display:grid;grid-template-columns:1fr 1fr;gap:10px}.album-tile{position:relative;display:flex;align-items:center;gap:12px;min-height:90px;padding:12px;border:1px solid #ffffff20;background:#141018;color:#fff;text-align:left;transition:border-color .15s,background .15s}.album-tile:hover{border-color:var(--album-color);background:#201626}.album-tile.selected{border-color:var(--yellow);background:#ffe5000a}.album-tile-art{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;color:var(--album-color);background:color-mix(in srgb,var(--album-color) 12%,#100c16);border:1px solid color-mix(in srgb,var(--album-color) 30%,transparent);overflow:hidden}.album-tile-art small{font:8px var(--mono)}.album-tile-art:has(svg){gap:0}.album-tile>span:nth-child(2){display:grid;gap:6px;padding-right:8px}.album-tile b{font:900 20px/1 var(--display)}.album-tile>span:nth-child(2) small{color:var(--muted);font:11px/1.4 var(--mono)}.album-selected{position:absolute;right:6px;top:6px;color:var(--yellow)}.modal .profile-card{width:100%;max-width:none;margin:24px 0 0;border-color:var(--edge);box-shadow:none}.modal .profile-header{padding:18px}.modal .profile-rank{min-height:68px}.modal .profile-summary{min-height:48px}.modal .profile-stat-grid>div{min-height:74px}.modal .profile-stat-grid b{font-size:26px}.modal .profile-stat-grid small{font-size:11px}.settings-panel{border:1px solid var(--edge);background:#08080b}.settings-trigger{display:flex;width:100%;align-items:center;gap:12px;padding:14px;color:#fff;background:none;border:0;text-align:left}.settings-trigger>span{flex:1;display:grid;gap:5px}.settings-trigger b{font-size:17px}.settings-trigger small{font:11px/1.4 var(--mono);color:var(--muted)}.settings-trigger>svg:first-child{color:var(--yellow)}.settings-trigger>svg:last-child{transition:transform .2s}.settings-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.settings-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s,opacity .18s}.settings-content.open{grid-template-rows:1fr;opacity:1}.settings-content>div{min-height:0;overflow:hidden}.settings-content .game-settings{border:0;border-top:1px solid var(--edge);padding:16px;gap:18px}.game-settings fieldset{border:0;padding:0;margin:0;min-width:0}.game-settings legend{font:12px var(--mono);color:var(--muted);margin-bottom:9px}.difficulty-explain{display:grid;gap:3px;margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--yellow);background:linear-gradient(90deg,#ffe50016,#ff28e70b);color:#e8dfec;font:14px/1.35 var(--display);animation:tile-arrive .24s ease-out both}.difficulty-explain b{color:var(--yellow);font:11px var(--mono);letter-spacing:.08em}.wide-setting{grid-column:1/-1}.setting-options{display:flex;gap:5px}.setting-options button{flex:1;min-height:38px;padding:5px;color:#bfb5c9;border:1px solid #ffffff25;background:#121017}.setting-options button[aria-pressed=true]{color:var(--yellow);border-color:var(--yellow);background:#ffe5000b}.difficulty-options{flex-wrap:wrap}.difficulty-options button{min-width:calc(50% - 3px)}.difficulty-options .hardcore-option{display:flex;align-items:center;justify-content:center;gap:6px;border-color:#ff28e78a;color:#ff8cf4}.difficulty-options .hardcore-option[aria-pressed=true]{border-color:var(--pink);color:#fff;background:#ff28e72b}.difficulty-options .hardcore-option.locked{color:#a39aa6;border-color:#ffffff2c;background:#151219;cursor:not-allowed}.difficulty-options .hardcore-option small{font:10px var(--mono);color:var(--yellow)}.rc-note{display:block;margin-top:4px;color:#f6dd8a}.hardcore-eliminated{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #ff28e7;background:linear-gradient(90deg,#4a0b39,#181020);color:#fff;font:15px/1.4 var(--display)}.hardcore-eliminated svg{flex:none;color:var(--yellow)}.mode-picker{box-shadow:none;border-color:var(--edge);background:#09080c}.mode-card{transition:border-color .18s,background .18s,transform .18s}.mode-card:hover{transform:translateY(-2px)}.connection-notice{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;background:#33260b;color:#ffe7a7;font-size:16px}.lobby{max-width:1480px;gap:60px;padding-top:55px}.lobby h1{line-height:.95;font-size:clamp(46px,5vw,78px);overflow-wrap:anywhere}.lobby-intro>p:not(.eyebrow){color:#b7adbf;font-size:18px;line-height:1.4}.lobby-panel{border-color:#9e4ba370;box-shadow:4px 4px #4c35bd;background:#0c0b11}.invite-link,.pool-reset{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:12px 0 20px;border:0;color:#d0c2dc;background:none;font-size:15px}.invite-link:hover,.pool-reset:hover:not(:disabled){color:var(--yellow)}.player{padding:14px 0}.game{max-width:1100px;padding-top:30px}.game-top{padding-bottom:18px;border-bottom:1px solid var(--edge)}.timer{min-width:80px;justify-content:center;padding:9px 13px;background:#ffe5000a;border:1px solid #ffe50045;font-variant-numeric:tabular-nums}.now-playing{margin:22px 0}.lyric-card{padding:clamp(24px,4vw,48px);background:#0c0a11f5;border-color:#a189bd70;box-shadow:5px 5px #4932b0}.lyric-line{font-size:clamp(30px,3.5vw,49px);line-height:1.2}.instruction{color:#ded2e8;font-size:12px;letter-spacing:.1em;margin-bottom:26px}.choice-list{gap:10px}.choice{padding:15px 18px;border-color:#ffffff28;background:#16101d;transition:border-color .16s,background .16s}.choice:hover:not(:disabled){border-color:var(--pink);background:#2a1431}.choice.is-correct,.choice.is-picked{opacity:1}.choice b{line-height:1.3}.pool-target{background:#170f21;border-style:solid;border-color:#9d5ead;min-height:130px}.pool-word{min-height:44px;border-color:#ffffff35}.pool-word.placed{border-color:#ffe300;background:#ffe300;color:#080808}.pool-reset{margin:8px auto}.feedback{border-top:1px solid var(--edge);padding-top:20px}.results{max-width:800px}.results h1{line-height:.9}.ranking{background:#0d0a13;border:1px solid var(--edge)}.rank{padding:16px 20px}.rank:first-child{background:linear-gradient(90deg,#ffe50012,transparent)}.rank-eliminated{display:block;margin-top:2px;color:#ff72e9!important;font:10px var(--mono);letter-spacing:.05em}.result-rating{background:#120e1a;padding:20px;border:1px solid #7c548460}.hero-leaderboard p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.35}.leader-list>div>small{color:var(--muted);font-size:11px}.rank-chip small,.leader-self>small,.leader-self>span{font-size:11px}.eyebrow,.profile-header small,.profile-rank span,.profile-rank b small{font-size:11px}.profile-note,.profile-modes>b,.profile-modes p{font-size:12px;color:var(--muted)}.profile-summary,.profile-modes>div small,.profile-modes>div strong{font-size:11px}.profile-stat-grid small{color:var(--muted);font-size:11px}.rank-help-panel,.mode-picker-head small,.mode-number,.mode-card small{font-size:12px}.mode-card small{font-size:13px}.mode-picker-head small,.mode-card small{color:var(--muted)}.setting-explain,.album-filter>b small,.catalog-note,.form-error{color:var(--muted);font-size:12px}.share-code span,.lobby-mode span,.panel-title,.panel-title b,.playlist-head small,.track small,.round-rules span,.lobby-rank-note{font-size:12px}.playlist-head small,.track small{color:var(--muted)}.game-top>div:first-child,.now-playing p,.now-playing span,.choice span,.pool-context small,.pool-target>small,.pool-help,.answer-slot small,.round-hint,.hint{font-size:12px}.now-playing span,.pool-help,.hint{color:var(--muted)}.rank>span,.rank small,.result-rating span{font-size:12px}.rank>span,.rank small{color:var(--muted)}@keyframes rift-open{0%{opacity:.2;transform:translateY(18px) scale(.975);clip-path:inset(48% 0 48% 0);filter:brightness(2)}34%{opacity:1;clip-path:inset(42% 0 42% 0);filter:brightness(1.5)}72%{clip-path:inset(0 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0);filter:none}}@keyframes signal-sweep{0%{transform:translate(-105%);opacity:0}20%{opacity:1}to{transform:translate(105%);opacity:0}}@keyframes tile-arrive{0%{opacity:0;transform:translateY(15px) scale(.96);filter:saturate(0)}to{opacity:1;transform:none;filter:saturate(1)}}@keyframes signal-lock{0%{filter:brightness(2.1);box-shadow:inset 0 0 0 2px var(--yellow),0 0 18px var(--pink)}to{filter:none;box-shadow:none}}@keyframes panel-unfold{0%{opacity:.1;transform:translateY(-8px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}@keyframes scene-charge{0%{opacity:.35;transform:translateY(12px);filter:brightness(1.8)}to{opacity:1;transform:none;filter:none}}.modal[open]{animation:rift-open .52s cubic-bezier(.16,.84,.2,1) both}.modal::backdrop{background:radial-gradient(circle at 74% 72%,#4c12a2a0,transparent 35%),radial-gradient(circle at 16% 19%,#bf17827a,transparent 30%),radial-gradient(#ffffff4a 1px,transparent 2px) 0 0 / 70px 70px,#050309d9;animation:backdrop-in .36s ease-out both}.modal[open].closing{pointer-events:none;animation:rift-open .32s ease-in reverse both}.modal.closing::backdrop{animation:backdrop-in .32s ease-in reverse both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.app:has(.modal[open]) .hero-galaxy{animation:galaxy-react .72s ease-out both}@keyframes galaxy-react{0%{transform:scale(1);filter:saturate(1.08) contrast(1.04)}45%{transform:scale(1.045);filter:saturate(1.6) contrast(1.15) drop-shadow(0 0 24px #ff28e76e)}to{transform:scale(1);filter:saturate(1.08) contrast(1.04)}}.modal-surface{position:relative;overflow:hidden}.modal-surface:before{content:"";position:absolute;z-index:2;top:0;left:0;width:100%;height:3px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--pink) 25%,white 50%,var(--yellow) 75%,transparent);animation:signal-sweep .68s ease-out both}.modal[open] .modal-heading{animation:tile-arrive .42s .12s both}.modal[open] .album-tile{animation:tile-arrive .4s calc(.14s + min(var(--tile-index),9)*35ms) cubic-bezier(.2,.8,.2,1) both}.album-tile:hover,.album-tile:focus-visible{transform:translate(3px);box-shadow:inset 3px 0 0 var(--album-color),0 0 20px color-mix(in srgb,var(--album-color) 25%,transparent)}.album-tile{transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.album-tile.selected{box-shadow:inset 3px 0 0 var(--yellow)}.mode-switch button.active,.identity-tabs button.active{animation:signal-lock .38s ease-out}.hero-intro{animation:scene-charge .46s cubic-bezier(.2,.8,.2,1) both}.entry-card{animation:rift-open .46s cubic-bezier(.2,.8,.2,1) both}.mode-card{isolation:isolate}.mode-card:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ff28e72a 48%,#ffe5001c 52%,transparent 80%);transform:translate(-130%);transition:transform .52s cubic-bezier(.2,.8,.2,1)}.mode-card>:not(.mode-corner){position:relative;z-index:1}.mode-card:hover:before,.mode-card:focus-visible:before,.mode-card.selected:before{transform:translate(130%)}.mode-card.selected{animation:mode-lock .42s ease-out}.mode-card-locked{cursor:default;color:#c9bed4;border-color:#775682;background:radial-gradient(circle at 80% 20%,#50245d5c,transparent 55%),#08070d;min-height:112px}.mode-card-locked:hover{transform:none;border-color:#775682}.mode-card-locked:before{display:none}.mode-card-locked>svg{color:#ffe300;margin:3px 0}.mode-card-locked strong{color:#ece7ee}.mode-card-locked small{letter-spacing:.09em}.release-announcement{display:flex;align-items:center;gap:10px;padding:12px 14px;border-left:3px solid #ffe300;background:#24152f;color:#fff;font:13px/1.45 var(--mono)}.release-announcement svg{flex:none;color:#ffe300}.admin-page{min-height:100dvh;padding:clamp(20px,5vw,64px) 20px;color:#fff;background:radial-gradient(circle at 80% 10%,#2b0e46,transparent 45%),#08070b}.admin-shell{max-width:880px;margin:auto}.admin-shell h1{font:900 clamp(42px,8vw,88px)/.9 var(--display);text-transform:uppercase;margin:28px 0}.admin-shell h1 em{color:#ff28e7}.admin-card{border:1px solid #81618d;box-shadow:5px 5px #3b2ebe;background:#0e0c13;padding:clamp(20px,3vw,30px);margin:18px 0}.admin-card h2{font:900 28px var(--display);text-transform:uppercase;margin:0 0 9px}.admin-card p{color:#d3c9d7;font-size:14px;line-height:1.5}.admin-card label{display:grid;gap:8px;color:#ffe300;font:12px var(--mono);margin:16px 0}.admin-card input,.admin-card textarea{width:100%;border:1px solid #8c6a94;background:#07060a;color:#fff;padding:12px;font:15px var(--mono)}.admin-card textarea{min-height:90px;resize:vertical}.admin-card input:focus-visible,.admin-card textarea:focus-visible{outline:2px solid #ffe300;outline-offset:2px}.admin-login{max-width:500px}.admin-modes{display:grid;gap:9px;margin-top:20px}.admin-modes>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #5e4a64;padding:12px 14px}.admin-modes span{display:grid;gap:4px}.admin-modes b{font:900 18px var(--display)}.admin-modes small{color:#bcb0c3}.admin-modes button{min-width:130px}.admin-danger{border-color:#b54955}.danger-button{background:#ac283e;border:1px solid #f77081;color:#fff;padding:12px 16px;font:900 15px var(--display);text-transform:uppercase;cursor:pointer}.danger-button:disabled{opacity:.4;cursor:not-allowed}.admin-notice{color:#ffe300}@keyframes mode-lock{0%{filter:brightness(1.9)}45%{filter:brightness(1.3)}to{filter:none}}.settings-content.open .game-settings,.profile-content.open>div{animation:panel-unfold .38s cubic-bezier(.2,.8,.2,1) both}.profile-content.open .profile-stat-grid>div{animation:tile-arrive .32s both}.profile-content.open .profile-stat-grid>div:nth-child(2){animation-delay:45ms}.profile-content.open .profile-stat-grid>div:nth-child(3){animation-delay:.09s}.profile-content.open .profile-stat-grid>div:nth-child(4){animation-delay:.135s}.lobby,.results{animation:scene-charge .55s cubic-bezier(.16,.84,.2,1) both}.results:before{content:"";position:fixed;z-index:8;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 7%,#5aceffb0 10%,#6b20e88c 19%,#ff28e744 26%,transparent 45%);animation:star-gate .75s ease-out both}@keyframes star-gate{0%{opacity:0;transform:scale(.5) rotate(-12deg)}24%{opacity:.85}to{opacity:0;transform:scale(1.5) rotate(12deg)}}.game[data-phase=playing] .lyric-card{animation:rift-open .43s cubic-bezier(.2,.8,.2,1) both}.game[data-phase=revealing] .revealed-answer{animation:tile-arrive .3s ease-out both}@media(min-width:1500px){.home.hero{padding-top:50px}.hero-copy{padding-left:12px}}@media(min-width:901px)and (max-width:1350px){.home.hero{padding-top:22px}.hero-side .hero-leaderboard{max-height:calc(100dvh - 110px);padding:15px 20px}.leader-self{margin-top:7px;padding-top:5px}}@media(max-width:1100px)and (min-width:901px){.home.hero{padding:32px;gap:32px}.launch-panel{padding:16px}.hero h1{font-size:72px}}@media(max-width:900px){.app>header{width:calc(100% - 36px);height:68px}.home.hero{grid-template-columns:1fr;padding:30px 22px 48px;gap:34px;max-width:650px}.hero h1{font-size:clamp(66px,11vw,88px)}.hero.is-creating h1{font-size:66px}.hero-intro{margin-bottom:24px}.hero .lede{margin:20px 0 14px;font-size:18px}.hero-side{display:flex;flex-direction:column}.hero-side .hero-leaderboard{width:100%;max-width:none;max-height:490px}.galaxy-stage{max-width:480px;align-self:center}.hero-side .hero-galaxy{width:100%;margin:0;max-height:360px;animation:none}.launch-panel{max-width:none;padding:18px}.lobby{gap:30px;padding:30px 22px}.game{padding:24px 20px 40px}.lyric-card{padding:25px 20px}.game .lyric-line{font-size:32px}.header-right{gap:8px}.header-right .quiet{display:block;font-size:12px;padding:6px}.modal{max-height:calc(100dvh - 32px)}}@media(max-width:520px){.home.hero{padding:26px 18px 40px}.hero-facts{gap:12px;font-size:13px}.launch-panel{padding:15px}.mode-switch button{font-size:15px;gap:6px}.identity-strip{gap:8px}.identity-strip>span:nth-child(2) small{font-size:10px}.identity-strip b{font-size:17px}.identity-strip .rank-chip{min-width:74px}.hero-side .hero-leaderboard{padding:18px 14px}.album-library{grid-template-columns:1fr}.modal-surface{padding:20px 16px}.modal-heading h2{font-size:30px}.modal-heading .eyebrow{font-size:11px}.album-tile{min-height:80px}.album-trigger{gap:9px;padding:11px}.album-trigger .album-icon{width:42px;height:42px;border:0;background:none}.album-trigger b{font-size:19px}.album-trigger small{font-size:11px}.game .lyric-line{font-size:28px}.game-top{gap:10px}.game-top>div:first-child>span{font-size:11px}.timer{min-width:65px;padding:8px;font-size:20px}.game-top .players-count{display:none}.room-pill{position:static;transform:none;width:auto;font-size:0;gap:6px;padding:6px}.room-pill b{font-size:10px}.app:has(.room-pill) .logo span,.app:has(.room-pill) .logo i{display:none}.header-right .score{font-size:11px}.header-right .icon-button{width:30px}.profile-rank{flex-wrap:wrap}.modal .profile-rank span{width:100%}.profile-stat-grid{grid-template-columns:1fr 1fr}.choice{padding:13px 12px}.results{padding:35px 20px}.rank{padding:14px 10px;gap:9px}}@media(prefers-reduced-motion:reduce){.app *,.app *:before,.app *:after,.modal,.modal::backdrop,.modal *,.modal *:before,.modal *:after{animation:none!important;transition:none!important;filter:none!important;clip-path:none!important;scroll-behavior:auto!important}}