@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Geist Variable,Segoe UI,system-ui,sans-serif;font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility;--font-display: "Geist Variable", "Segoe UI", system-ui, sans-serif;--bg-deep: #070a0f;--bg-base: #0a0e14;--bg-raised: #121826;--surface-solid: rgba(18, 24, 38, .92);--surface-soft: rgba(30, 40, 60, .88);--surface-glass: rgba(18, 24, 38, .7);--surface-glass-strong: rgba(10, 14, 22, .88);--text-strong: #f3f4f6;--text-body: #d1d5db;--text-muted: #9ca3af;--text-faint: #6b7280;--pulse-green: #1db954;--green-strong: #1ed760;--green-soft: rgba(29, 185, 84, .12);--purple: #7c3aed;--purple-strong: #a78bfa;--purple-soft: rgba(124, 58, 237, .14);--warning-amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .13);--error-coral: #f06d6d;--error-soft: rgba(240, 109, 109, .12);--glass-border: rgba(255, 255, 255, .09);--glass-highlight: rgba(255, 255, 255, .07);--divider: rgba(255, 255, 255, .075);--shadow-sm: 0 12px 34px rgba(3, 6, 12, .25);--shadow-lg: 0 30px 90px rgba(3, 6, 12, .52);--focus-ring: rgba(29, 185, 84, .72);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--radius-sm: .75rem;--radius-md: 1rem;--radius-lg: 1.4rem;--radius-xl: 1.85rem;--container: 74rem;--z-content: 10;--z-sticky: 100;--z-modal: 300}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--bg-deep);scroll-behavior:smooth}body{min-width:20rem;min-height:100dvh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 14%,rgba(29,185,84,.14),transparent 32rem),radial-gradient(circle at 88% 26%,rgba(124,58,237,.14),transparent 34rem),radial-gradient(circle at 58% 78%,rgba(14,165,233,.07),transparent 38rem),var(--bg-base);background-attachment:fixed;color:var(--text-body);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,h4,p{margin:0}h1,h2,h3{color:var(--text-strong);letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:calc(var(--z-modal) + 1);padding:.65rem .9rem;border-radius:var(--radius-sm);background:var(--text-strong);color:var(--bg-deep);font-weight:700;transform:translateY(-180%);transition:transform .16s var(--ease-out)}.skip-link:focus{transform:translateY(0)}.app-shell{position:relative;isolation:isolate;display:flex;min-height:100dvh;flex-direction:column;overflow:hidden}.main-content{position:relative;z-index:var(--z-content);flex:1;padding:0 0 4rem}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.glass-panel{position:relative;border:1px solid var(--glass-border);background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 38%),var(--surface-glass);box-shadow:inset 0 1px 0 var(--glass-highlight),0 14px 40px #03060c2e;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.navbar-wrap{position:relative;z-index:var(--z-sticky);width:100%;padding:max(.75rem,env(safe-area-inset-top)) .75rem 0}.navbar{display:flex;width:min(100%,76rem);min-height:3.85rem;margin-inline:auto;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--glass-border);border-radius:1rem;background:linear-gradient(110deg,#1db9540b,#7c3aed09),var(--surface-glass-strong);box-shadow:inset 0 1px 0 var(--glass-highlight),0 10px 30px #03060c52;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}.logo-brand{display:inline-flex;min-width:0;flex:0 1 13.5rem;align-items:center;padding:.1rem;border:0;border-radius:.9rem;background:transparent;cursor:pointer;text-align:left}.brand-lockup{display:inline-flex;width:min(100%,10.5rem);min-width:0;align-items:center;gap:.58rem}.brand-lockup__mark{display:block;width:3rem;height:2.35rem;flex:0 0 3rem;overflow:visible}.brand-mark__surface{fill:#09100ceb;stroke:#63f59a38;stroke-width:1.5;transition:fill .18s var(--ease-out),stroke .18s var(--ease-out)}.brand-mark__pulse{fill:var(--text-strong);transform-origin:center;transition:transform .18s var(--ease-out)}.brand-mark__ticks{fill:none;stroke:var(--green-strong);stroke-width:1.8;stroke-linecap:round}.brand-wordmark{display:inline-flex;min-width:0;align-items:baseline;color:var(--text-strong);font-size:1.18rem;font-weight:790;letter-spacing:-.057em;line-height:1;white-space:nowrap}.brand-wordmark__i{position:relative;display:inline-block;width:.25em;height:.7em;margin-inline:.02em .01em;border-radius:.08em;background:currentColor}.brand-wordmark__i>span{position:absolute;bottom:calc(100% + .11em);left:50%;width:.25em;height:.25em;border-radius:50%;background:var(--green-strong);box-shadow:-.28em 0 0 -.08em #78dce8b8,.28em 0 0 -.08em #63f59a8a;transform:translate(-50%)}.nav-actions,.nav-user-actions{display:flex;align-items:center;gap:.45rem}.user-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.25rem .55rem .25rem .28rem;border:1px solid var(--divider);border-radius:.85rem;background:#1e283c9e;color:inherit;cursor:pointer;text-align:left;transition:transform .14s var(--ease-out),border-color .16s ease,background-color .16s ease}.user-avatar{display:block;width:2rem;height:2rem;flex:0 0 auto;border:1px solid var(--glass-border);border-radius:.68rem;object-fit:cover;background:var(--surface-soft)}.user-chip-copy{display:none;min-width:0;flex-direction:column;line-height:1.15}.user-chip-copy strong{max-width:8.5rem;overflow:hidden;color:var(--text-strong);font-size:.81rem;text-overflow:ellipsis;white-space:nowrap}.user-chip-copy small{margin-top:.15rem;color:var(--text-muted);font-size:.68rem}.btn{position:relative;display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.48rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:.78rem;cursor:pointer;font-size:.9rem;font-weight:680;letter-spacing:-.01em;text-decoration:none;transition:transform .14s var(--ease-out),background-color .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.btn:active:not(:disabled){transform:scale(.975)}.btn-primary{border-color:#1ed76047;background:var(--pulse-green);box-shadow:0 8px 22px #1db95438,inset 0 1px #ffffff3d;color:#050a07}.btn-gradient{overflow:hidden;border-color:#63f59a47;background:linear-gradient(112deg,#17783a,#1db954 44%,#2ca58d 78%,#5a4fb5 118%);box-shadow:0 10px 26px #05100a57,inset 0 1px #f1f7f33d;color:#f1f7f3;isolation:isolate}.btn-gradient:before{position:absolute;inset:-40% auto -40% -42%;z-index:-1;width:32%;content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(241,247,243,.22),transparent);transform:translate(-160%) skew(-17deg);transition:transform .26s var(--ease-out)}.btn-gradient:disabled{border-color:var(--divider);background:var(--surface-soft);box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--text-muted)}.btn-gradient:disabled:before{display:none}.btn-secondary{border-color:var(--glass-border);background:#1e283cb8;color:var(--text-strong)}.btn-outline,.btn-quiet{border-color:transparent;background:transparent;color:var(--text-body)}.btn-outline{border-color:var(--glass-border)}.btn-icon,.btn-square{width:2.75rem;flex:0 0 2.75rem;padding:0}.ranking-button{color:var(--warning-amber)}.ranking-button span{display:none}.home-container{padding-top:2.8rem}.hero-section{display:grid;width:min(100%,72rem);margin:0 auto 2rem;text-align:center}.hero-title{max-width:17ch;margin-inline:auto;font-size:2.45rem;font-weight:780;line-height:.98;letter-spacing:-.065em}.hero-subtitle{max-width:41rem;margin:.9rem auto 0;color:var(--text-muted);font-size:1rem;line-height:1.65}.play-mode-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-top:1.25rem;padding:.3rem;border:1px solid var(--glass-border);border-radius:.95rem;background:#070a0fb8;box-shadow:inset 0 1px 0 var(--glass-highlight)}.play-mode-option{display:flex;min-height:2.65rem;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .85rem;border:0;border-radius:.68rem;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:650;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),transform .14s var(--ease-out)}.play-mode-option.is-active{background:linear-gradient(135deg,#1db95426,#7c3aed1f);box-shadow:inset 0 1px 0 var(--glass-highlight),0 5px 16px #03060c3d;color:var(--text-strong)}.play-mode-option.is-active svg{color:var(--pulse-green)}.play-mode-option:active{transform:scale(.98)}.mode-view{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem}.scroll-reveal{min-width:0;opacity:1;transform:translateY(0) scale(1);transition:opacity .24s var(--ease-out),transform .24s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.scroll-reveal[data-reveal-state=waiting]{opacity:0;transform:translateY(14px) scale(.992)}.mode-reveal,.section-heading-reveal,.mode-card-reveal,.discovery-reveal{width:100%}.mode-card-reveal>.mode-card,.discovery-reveal>.discovery-panel{height:100%}.mode-view>*,.source-section,.selection-layout,.discovery-search,.input-with-icon{min-width:0}.join-room-panel,.blend-card,.discovery-panel,.mode-card{border-radius:var(--radius-lg)}.join-room-panel{display:grid;gap:1.15rem;padding:1.25rem}.join-room-form,.join-room-fields,.field-stack{display:grid;gap:.65rem;min-width:0}.field-stack{gap:.35rem}.field-stack>span{color:var(--text-muted);font-size:.72rem;font-weight:650}.room-code-input{font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.panel-heading{display:flex;min-width:0;align-items:flex-start;gap:.9rem}.panel-heading--compact{align-items:center}.panel-heading--artwork{align-items:center;gap:1rem}.mode-artwork{display:grid;width:4.25rem;height:4.25rem;flex:0 0 4.25rem;place-items:center;border:1px solid rgba(99,245,154,.18);border-radius:1.25rem;background:linear-gradient(145deg,#63f59a1a,#78dce80b),#09100cb8;box-shadow:inset 0 1px #f1f7f314}.mode-artwork svg{width:3.85rem;height:3.85rem;overflow:visible}.mode-artwork__halo{fill:#1db95414;stroke:#63f59a2b;stroke-width:1.5}.mode-artwork__orbit,.mode-artwork__compass-ring{fill:none;stroke:#78dce88f;stroke-width:1.7;stroke-dasharray:4 4;transform-origin:36px 36px;transition:transform .22s var(--ease-out)}.mode-artwork__solid{fill:#63f59ad1;stroke:#f1f7f370;stroke-width:1.3}.mode-artwork__satellite{transform-origin:36px 36px;transition:transform .22s var(--ease-out)}.mode-artwork__sheet{stroke-width:1.4;transform-origin:36px 36px;transition:transform .22s var(--ease-out)}.mode-artwork__sheet--back{fill:#78dce81a;stroke:#78dce857}.mode-artwork__sheet--middle{fill:#1db95429;stroke:#63f59a6b}.mode-artwork__sheet--front{stroke:#f1f7f361}.mode-artwork__play{fill:#0b100d}.mode-artwork__groove,.mode-artwork__wave,.mode-artwork__spark{fill:none;stroke:#f1f7f3c2;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mode-artwork__needle{transform-origin:36px 36px;transition:transform .22s var(--ease-out)}.mode-artwork__spark{stroke:#78dce8}.panel-heading h2,.panel-heading h3,.section-heading h2{font-size:1.06rem;font-weight:700;letter-spacing:-.025em}.panel-heading p,.section-heading p{margin-top:.28rem;color:var(--text-muted);font-size:.84rem;line-height:1.5}.icon-tile{display:grid;width:2.7rem;height:2.7rem;flex:0 0 2.7rem;place-items:center;border:1px solid var(--glass-border);border-radius:.82rem}.icon-tile--green{border-color:#1db95442;background:var(--green-soft);color:var(--pulse-green)}.icon-tile--purple{border-color:#a78bfa40;background:var(--purple-soft);color:var(--purple-strong)}.icon-tile--amber{border-color:#f59e0b3d;background:var(--amber-soft);color:var(--warning-amber)}.input-group{display:flex;width:100%;gap:.55rem}.input-field{width:100%;min-width:0;min-height:2.75rem;padding:.66rem .8rem;border:1px solid var(--divider);border-radius:.76rem;outline:none;background:#070a0fc2;box-shadow:inset 0 1px #ffffff06;color:var(--text-strong);font-size:.9rem;transition:border-color .18s var(--ease-out),background-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.input-field::placeholder{color:var(--text-faint);opacity:1}.input-field:focus-visible{border-color:#1db954ad;outline:none;background:#0a0e16f0;box-shadow:0 0 0 3px #1db9541f}.room-code-input{text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.09em}.blend-card{display:grid;gap:1.15rem;overflow:hidden;padding:1.3rem;border-color:#8b5cf647;background:radial-gradient(circle at 92% 0%,rgba(139,92,246,.2),transparent 18rem),radial-gradient(circle at 0% 100%,rgba(29,185,84,.16),transparent 21rem),linear-gradient(145deg,rgba(255,255,255,.055),transparent 42%),var(--surface-glass)}.blend-card:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(100deg,transparent 48%,rgba(124,58,237,.055))}.blend-copy,.blend-action{position:relative;z-index:1}.blend-kicker{display:flex;margin-bottom:.8rem;align-items:center;gap:.4rem;color:var(--pulse-green);font-size:.75rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.blend-copy h2{font-size:1.5rem;font-weight:760}.blend-copy p{max-width:41rem;margin-top:.55rem;color:var(--text-body);font-size:.92rem;line-height:1.55}.blend-action{width:100%}.source-section{min-width:0}.selection-layout{display:grid;grid-auto-flow:dense;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.section-heading{display:flex;margin-bottom:1rem;align-items:end;justify-content:space-between;gap:1rem}.section-heading h2{font-size:1.35rem}.section-hint{display:none;color:var(--text-faint);font-size:.78rem}.mode-grid{display:grid;grid-auto-flow:dense;grid-template-columns:minmax(0,1fr);gap:1rem}.mode-card{display:flex;min-height:10.5rem;flex-direction:column;justify-content:space-between;gap:1.1rem;padding:1.2rem;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),background-color .2s var(--ease-out)}.mode-card.is-active{border-color:#1db9545c;background:linear-gradient(145deg,rgba(29,185,84,.09),rgba(124,58,237,.045) 64%,transparent),var(--surface-glass)}.discovery-panel{padding:1.2rem}.discovery-heading{margin-bottom:1.15rem}.input-with-icon{position:relative;flex:1}.input-with-icon>svg{position:absolute;top:50%;left:.82rem;z-index:1;color:var(--text-muted);pointer-events:none;transform:translateY(-50%)}.input-with-icon .input-field{padding-left:2.45rem}.theme-rail{display:grid;grid-auto-columns:minmax(13rem,72%);grid-auto-flow:column;gap:.65rem;margin-top:1rem;overflow-x:auto;padding:.1rem .1rem .4rem;scrollbar-width:thin;scrollbar-color:var(--surface-soft) transparent;scroll-snap-type:x proximity}.theme-chip{display:flex;min-height:4rem;align-items:center;gap:.7rem;padding:.65rem;border:1px solid var(--divider);border-radius:.8rem;background:var(--surface-solid);color:var(--text-body);cursor:pointer;scroll-snap-align:start;text-align:left;transition:border-color .18s var(--ease-out),background-color .18s var(--ease-out),transform .14s var(--ease-out)}.theme-chip:active:not(:disabled){transform:scale(.985)}.theme-chip-mark{display:grid;width:2.3rem;height:2.3rem;flex:0 0 2.3rem;place-items:center;border-radius:.68rem;background:var(--green-soft);color:var(--pulse-green);font-size:.86rem;font-weight:750}.theme-chip>span:last-child{display:flex;min-width:0;flex-direction:column}.theme-chip strong{color:var(--text-strong);font-size:.84rem}.theme-chip small{display:-webkit-box;margin-top:.15rem;overflow:hidden;color:var(--text-muted);font-size:.72rem;-webkit-box-orient:vertical;-webkit-line-clamp:1}.site-footer{position:relative;z-index:var(--z-content);display:flex;width:min(calc(100% - 2rem),var(--container));margin-inline:auto;flex-direction:column;gap:.25rem;padding:1.5rem 0 max(1.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--divider);color:var(--text-faint);font-size:.78rem}.site-footer span:first-child{color:var(--text-body);font-weight:700}.quiz-container,.lobby-container,.scoreboard-container{padding-top:2rem}.quiz-layout{display:grid;gap:1rem}.quiz-board,.mp-live-scoreboard{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--surface-glass-strong);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-sm);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.quiz-board{min-width:0;padding:1.2rem}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.round-badge{color:var(--text-muted);font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.025em}.score-stats{display:flex;align-items:center;gap:.45rem}.streak-badge,.stat-item{display:inline-flex;min-height:2.1rem;align-items:center;gap:.35rem;padding:.35rem .55rem;border:1px solid var(--divider);border-radius:.65rem;background:var(--surface-solid);color:var(--text-body);font-size:.76rem;font-variant-numeric:tabular-nums;font-weight:680}.streak-badge svg{color:currentColor}.stat-item svg{color:var(--pulse-green)}.streak-multiplier{padding-left:.3rem;border-left:1px solid var(--divider);color:var(--warning-amber)}.connection-banner{display:flex;margin-top:.9rem;align-items:center;gap:.5rem;padding:.7rem .8rem;border:1px solid rgba(245,158,11,.22);border-radius:.75rem;background:var(--amber-soft);color:var(--warning-amber);font-size:.82rem}.timer-block{margin-top:1.15rem}.timer-label-row{display:flex;margin-bottom:.5rem;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.78rem}.timer-label-row span{display:inline-flex;align-items:center;gap:.35rem}.timer-label-row strong{color:var(--timer-color);font-size:.9rem;font-variant-numeric:tabular-nums}.timer-bar-container{height:.3rem;overflow:hidden;border-radius:999px;background:#ffffff1a}.timer-bar-fill{width:100%;height:100%;border-radius:inherit;background:var(--timer-color);transform:scaleX(var(--timer-scale));transform-origin:left center;transition:transform .1s linear,background-color .18s var(--ease-out)}.player-container{display:grid;margin:1.4rem 0;place-items:center;padding:1.4rem 1rem 1.2rem;border:1px solid var(--divider);border-radius:1.05rem;background:radial-gradient(circle at 50% 0%,rgba(29,185,84,.1),transparent 13rem),var(--surface-solid)}.sound-wave{display:flex;height:2.25rem;align-items:center;justify-content:center;gap:.23rem;opacity:.35;transition:opacity .18s var(--ease-out)}.sound-wave.is-playing{opacity:.92}.wave-bar{width:.22rem;height:24%;border-radius:999px;background:linear-gradient(180deg,var(--pulse-green),var(--warning-amber))}.sound-wave.is-playing .wave-bar{animation:sound-wave .72s ease-in-out infinite alternate}.wave-bar:nth-child(2),.wave-bar:nth-child(5){animation-delay:-.24s}.wave-bar:nth-child(3),.wave-bar:nth-child(6){animation-delay:-.42s}@keyframes sound-wave{0%{transform:scaleY(.75)}to{transform:scaleY(3.5)}}.player-controls{display:flex;margin-top:.75rem;align-items:center;gap:.55rem}.player-play-button{width:3.35rem;height:3.35rem;padding:0;border-radius:50%}.player-volume-button{width:2.65rem;height:2.65rem;padding:0;border:1px solid var(--divider);border-radius:50%;background:var(--surface-soft)}.play-icon{transform:translate(1px)}.player-status{margin-top:.75rem;color:var(--text-muted);font-size:.76rem}.answer-status{display:flex;margin-bottom:.8rem;align-items:center;gap:.7rem;padding:.78rem .85rem;border:1px solid var(--divider);border-radius:.82rem;font-size:.82rem}.answer-status>div{display:flex;min-width:0;flex-direction:column}.answer-status strong{color:var(--text-strong)}.answer-status span{margin-top:.08rem;color:var(--text-body)}.answer-status--waiting{border-color:#1db9543b;background:var(--green-soft);color:var(--pulse-green)}.answer-status--correct{border-color:#1db95447;background:var(--green-soft);color:var(--pulse-green)}.answer-status--wrong{border-color:#f06d6d45;background:var(--error-soft);color:var(--error-coral)}.options-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem}.option-button{display:flex;min-height:4.25rem;flex-direction:column;align-items:flex-start;justify-content:center;padding:.85rem .95rem;border:1px solid rgba(255,255,255,.11);border-radius:.82rem;background:var(--surface-solid);box-shadow:inset 0 1px #ffffff06;color:var(--text-strong);cursor:pointer;text-align:left;transition:transform .14s var(--ease-out),border-color .18s var(--ease-out),background-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.option-button:active:not(:disabled){transform:scale(.985)}.option-button.selected{border-color:#1db9549e;background:#1db9542e;box-shadow:0 0 0 2px #1db9541a}.option-button.correct{border-color:#1db954b3;background:var(--green-soft)}.option-button.wrong{border-color:#f06d6d9e;background:var(--error-soft)}.option-track-title{font-size:.92rem;font-weight:700;line-height:1.25}.option-artist-name{margin-top:.25rem;color:var(--text-muted);font-size:.76rem;line-height:1.25}.mp-live-scoreboard{align-self:start;overflow:hidden}.mp-live-scoreboard__header{display:flex;align-items:center;gap:.45rem;padding:.9rem 1rem;border-bottom:1px solid var(--divider);color:var(--text-strong);font-size:.84rem;font-weight:680}.player-capacity{margin-left:auto;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.74rem}.mp-live-scoreboard__list{display:grid;gap:.1rem;padding:.45rem}.mp-player-row{display:grid;grid-template-columns:1.35rem 2rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem;border-radius:.72rem}.mp-player-row__rank{color:var(--text-faint);font-size:.72rem;font-variant-numeric:tabular-nums}.mp-player-row__info{display:flex;min-width:0;flex-direction:column}.mp-player-row__name{overflow:hidden;color:var(--text-strong);font-size:.79rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mp-player-row__score{display:inline-flex;align-items:center;gap:.18rem;color:var(--text-muted);font-size:.68rem}.mp-player-row__status{display:inline-flex;align-items:center;gap:.22rem;font-size:.66rem;font-weight:650}.mp-player-row__status--done{color:var(--pulse-green)}.mp-player-row__status--waiting{color:var(--text-faint)}.lobby-container{max-width:70rem}.lobby-panel{padding:1.25rem;border-radius:var(--radius-xl)}.lobby-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.lobby-back{margin:-.25rem 0 0 -.35rem}.connection-pill{display:inline-flex;min-height:2rem;align-items:center;gap:.35rem;padding:.32rem .58rem;border:1px solid var(--divider);border-radius:999px;background:var(--surface-solid);color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.connection-pill--connected{border-color:#1db9543d;color:var(--pulse-green)}.lobby-header{margin-top:1rem;text-align:left}.lobby-state{display:inline-flex;align-items:center;gap:.4rem;color:var(--pulse-green);font-size:.73rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lobby-state>span,.player-online-label>span{width:.42rem;height:.42rem;border-radius:50%;background:var(--pulse-green);box-shadow:0 0 0 .22rem #1db9541a}.lobby-header h1{max-width:18ch;margin-top:.65rem;font-size:clamp(1.8rem,5vw,2.65rem);line-height:1.05}.lobby-header p{margin-top:.6rem;color:var(--text-muted)}.lobby-header strong{color:var(--text-strong)}.room-code-block{position:relative;display:flex;margin:1.4rem 0 1.8rem;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(29,185,84,.24);border-radius:1rem;background:var(--green-soft)}.room-code-label{display:block;color:var(--text-muted);font-size:.7rem;font-weight:650;letter-spacing:.055em;text-transform:uppercase}.room-code-value{display:block;margin-top:.2rem;color:var(--pulse-green);font-size:1.55rem;font-variant-numeric:tabular-nums;letter-spacing:.11em;line-height:1}.room-copy-button{flex:0 0 2.75rem}.copy-feedback{position:absolute;right:.85rem;bottom:-1.25rem;color:var(--text-faint);font-size:.68rem}.lobby-workspace,.lobby-primary-column,.lobby-side-column{display:grid;min-width:0;gap:1rem}.lobby-section{min-width:0;padding-top:1rem;border-top:1px solid var(--divider)}.lobby-section:first-child{padding-top:0;border-top:0}.lobby-section-heading{display:flex;margin-bottom:.8rem;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text-muted);font-size:.79rem}.lobby-section-heading>span{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-strong);font-size:.9rem;font-weight:700}.lobby-section-heading>span svg{color:var(--pulse-green)}.lobby-section-heading small{color:var(--text-faint);font-size:.68rem;text-align:right}.config-form,.config-grid,.config-field,.guest-sources form,.guest-links-field{display:grid;gap:.65rem}.config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-field,.guest-links-field{gap:.35rem;color:var(--text-muted);font-size:.72rem;font-weight:650}.config-field>span,.guest-links-field>span{display:inline-flex;align-items:center;gap:.35rem}.config-field select,.guest-links-field textarea,.source-search{width:100%;border:1px solid var(--divider);border-radius:.78rem;background:var(--surface-solid);color:var(--text-strong)}.config-field select{min-height:2.75rem;padding:.55rem 2rem .55rem .7rem}.config-field option{background:var(--bg-raised)}.config-hint{color:var(--text-faint);font-size:.71rem;line-height:1.45}.config-save{justify-self:start}.config-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.config-summary>div{padding:.65rem;border:1px solid var(--divider);border-radius:.72rem;background:#ffffff06}.config-summary dt{color:var(--text-faint);font-size:.66rem}.config-summary dd{margin:.12rem 0 0;color:var(--text-strong);font-size:.82rem;font-weight:700}.source-picker{display:grid}.source-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;margin:.65rem 0;padding:0 .75rem;color:var(--text-faint)}.source-search input{min-width:0;min-height:2.7rem;padding:0;border:0;outline:0;background:transparent;color:var(--text-strong)}.source-list,.source-skeleton,.ready-player-list{display:grid;gap:.42rem}.source-list{max-height:24rem;padding-right:.2rem;overflow-y:auto;scrollbar-color:var(--text-faint) transparent}.source-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 2.4rem;align-items:center;border:1px solid var(--divider);border-radius:.82rem;background:#ffffff06;transition:border-color .16s var(--ease-out),background-color .16s var(--ease-out)}.source-row--liked{width:100%;grid-template-columns:2.5rem minmax(0,1fr) 1.5rem;gap:.65rem;padding:.55rem .65rem;cursor:pointer;text-align:left}.source-row.is-selected{border-color:#1db95452;background:var(--green-soft)}.source-row-select{display:grid;min-width:0;grid-template-columns:2.5rem minmax(0,1fr) 1.5rem;align-items:center;gap:.65rem;padding:.55rem .4rem .55rem .65rem;border:0;background:transparent;cursor:pointer;text-align:left}.source-art{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.62rem;background:var(--surface-soft);color:var(--text-muted);object-fit:contain}.source-art--liked{background:linear-gradient(145deg,#1db9543d,#7c3aed38);color:var(--green-strong)}.source-row-copy,.ready-player-copy{display:grid;min-width:0;gap:.08rem}.source-row-copy strong,.ready-player-copy strong{overflow:hidden;color:var(--text-strong);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.source-row-copy small,.ready-player-copy small{display:inline-flex;align-items:center;gap:.22rem;color:var(--text-faint);font-size:.66rem}.source-check{display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid var(--divider);border-radius:.42rem;color:var(--pulse-green)}.is-selected .source-check{border-color:#1db95461;background:#1db95421}.source-external{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.62rem;color:var(--text-muted)}.source-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:.75rem}.source-empty,.inline-error,.inline-success{color:var(--text-muted);font-size:.74rem}.inline-error{margin-top:.5rem;color:var(--error-coral)}.inline-success{margin:.45rem 0;color:var(--pulse-green)}.source-skeleton span{height:3.7rem;border-radius:.82rem;background:linear-gradient(100deg,var(--surface-solid) 20%,var(--surface-soft) 50%,var(--surface-solid) 80%);background-size:220% 100%;animation:skeleton-slide 1.35s linear infinite}@keyframes skeleton-slide{to{background-position:-220% 0}}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guest-links-field textarea{min-height:7rem;resize:vertical;padding:.72rem;line-height:1.45}.guest-links-field>small{color:var(--text-faint);font-size:.66rem;font-weight:450}.ready-player-row{display:grid;min-width:0;grid-template-columns:2.35rem minmax(0,1fr) auto;grid-template-areas:"avatar copy state" "avatar host state";align-items:center;gap:.12rem .62rem;padding:.58rem;border:1px solid var(--divider);border-radius:.8rem;background:#ffffff06}.ready-player-row .lobby-player-avatar{grid-area:avatar;width:2.35rem;height:2.35rem}.ready-player-copy{grid-area:copy}.ready-player-row .host-label{grid-area:host;justify-self:start}.host-label,.player-online-label{display:flex;align-items:center;gap:.32rem;font-size:.67rem;font-weight:700}.host-label{color:var(--warning-amber)}.player-online-label{color:var(--text-muted)}.player-online-label>span{width:.32rem;height:.32rem;box-shadow:none}.ready-state{grid-area:state;display:inline-flex;align-items:center;gap:.25rem;color:var(--text-faint);font-size:.65rem;font-weight:700}.ready-state.is-ready{color:var(--pulse-green)}.ready-actions{display:grid;gap:.55rem}.ready-toggle,.lobby-start{width:100%}.lobby-waiting{display:flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem;border-radius:.8rem;background:var(--surface-solid);color:var(--text-muted);font-size:.82rem}.scoreboard-container{max-width:50rem}.mp-scoreboard{padding:1.25rem;border-radius:var(--radius-xl)}.mp-scoreboard__header{display:flex;align-items:center;gap:.65rem}.mp-scoreboard__title{font-size:1.65rem}.mp-scoreboard__subtitle{margin-top:.3rem;color:var(--text-muted);font-size:.85rem}.mp-scoreboard__actions{display:flex;margin:1.15rem 0 1.5rem;flex-direction:column;gap:.55rem}.mp-scoreboard__waiting-msg{display:flex;align-items:center;gap:.45rem;padding:.7rem;color:var(--text-muted);font-size:.8rem}.mp-scoreboard__champion{display:grid;grid-template-columns:auto 3.5rem minmax(0,1fr);align-items:center;gap:.75rem;padding:1rem;border:1px solid rgba(245,158,11,.23);border-radius:1rem;background:var(--amber-soft)}.mp-scoreboard__champion-avatar{width:3.5rem;height:3.5rem}.mp-scoreboard__champion-info{min-width:0}.mp-scoreboard__champion-label{color:var(--warning-amber);font-size:.69rem;font-weight:700;text-transform:uppercase}.mp-scoreboard__champion-name{overflow:hidden;color:var(--text-strong);font-size:1.05rem;font-weight:730;text-overflow:ellipsis;white-space:nowrap}.mp-scoreboard__champion-stats{color:var(--text-muted);font-size:.72rem}.mp-scoreboard__players-grid{display:grid;gap:.45rem;margin-top:.75rem}.mp-scoreboard__player-card{display:grid;grid-template-columns:2rem 2.5rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.65rem;border:1px solid var(--divider);border-radius:.8rem;background:var(--surface-solid)}.scoreboard-player-avatar{width:2.5rem;height:2.5rem}.mp-scoreboard__player-rank{color:var(--text-faint);font-size:.75rem;font-weight:700}.mp-scoreboard__player-info{display:flex;min-width:0;flex-direction:column}.mp-scoreboard__player-name{overflow:hidden;color:var(--text-strong);font-size:.84rem;font-weight:660;text-overflow:ellipsis;white-space:nowrap}.mp-scoreboard__player-stats{display:flex;margin-top:.1rem;gap:.55rem;font-size:.7rem}.mp-scoreboard__player-score,.mp-scoreboard__player-streak{display:inline-flex;align-items:center;gap:.2rem}.mp-scoreboard__player-score{color:var(--pulse-green)}.mp-scoreboard__player-streak{color:var(--warning-amber)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;overflow-y:auto;place-items:center;padding:1rem;background:#03060cc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;transition:opacity .16s var(--ease-out)}.modal-overlay[data-state=entering],.modal-overlay[data-state=exiting]{opacity:0}.modal-overlay[data-state=exiting]{pointer-events:none}.modal-content{position:relative;width:min(100%,32rem);padding:1.5rem;border-radius:var(--radius-xl);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-lg);text-align:center;opacity:1;transform:translateY(0) scale(1);transform-origin:center;transition:opacity .18s var(--ease-out),transform .22s var(--ease-out)}.modal-content[data-state=entering]{opacity:0;transform:translateY(12px) scale(.96)}.modal-content[data-state=exiting]{opacity:0;transform:translateY(7px) scale(.98);transition-duration:.12s,.15s}.modal-content [data-modal-item]{opacity:1;transform:translateY(0);transition:opacity .18s var(--ease-out),transform .2s var(--ease-out)}.modal-content[data-state=entering] [data-modal-item]{opacity:0;transform:translateY(7px)}.modal-content[data-state=open] [data-modal-item]:nth-child(2){transition-delay:35ms}.modal-content[data-state=open] [data-modal-item]:nth-child(3){transition-delay:70ms}.modal-content[data-state=open] [data-modal-item]:nth-child(4){transition-delay:105ms}.modal-content[data-state=open] [data-modal-item]:nth-child(5){transition-delay:.14s}.modal-content[data-state=exiting] [data-modal-item]{opacity:0;transform:translateY(4px);transition-delay:0ms;transition-duration:90ms,.11s}.modal-close{position:absolute;top:.8rem;right:.8rem}.modal-icon{display:grid;width:3.3rem;height:3.3rem;margin:0 auto .9rem;place-items:center;border:1px solid rgba(29,185,84,.22);border-radius:1rem;background:var(--green-soft);color:var(--pulse-green)}.modal-icon--amber{margin:0;border-color:#f59e0b38;background:var(--amber-soft);color:var(--warning-amber)}.modal-content h2{font-size:1.55rem}.modal-lead{max-width:27rem;margin:.55rem auto 0;color:var(--text-muted);font-size:.9rem;line-height:1.6}.modal-lead strong{color:var(--text-strong)}.security-note{display:flex;margin:1.35rem 0;align-items:center;gap:.75rem;padding:.85rem;border:1px solid rgba(29,185,84,.2);border-radius:.85rem;background:var(--green-soft);color:var(--pulse-green);text-align:left}.security-note>div{display:flex;flex-direction:column}.security-note strong{color:var(--text-strong);font-size:.84rem}.security-note span{margin-top:.12rem;color:var(--text-body);font-size:.73rem}.modal-primary-action{width:100%}.modal-title-row{display:flex;padding-right:2rem;align-items:center;gap:.75rem;text-align:left}.modal-title-row p{margin-top:.18rem;color:var(--text-muted);font-size:.77rem}.modal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:1.15rem 0 .75rem;padding:.25rem;border:1px solid var(--divider);border-radius:.8rem;background:#070a0fa3}.modal-tabs button{display:flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:.6rem;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;font-weight:650;transition:background-color .16s var(--ease-out),color .16s var(--ease-out),transform .14s var(--ease-out)}.modal-tabs button.is-active{background:var(--surface-soft);color:var(--text-strong)}.modal-empty{padding:2.5rem 1rem;color:var(--text-muted);font-size:.85rem}.leaderboard-scroll{max-height:23rem;overflow-y:auto}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left}.leaderboard-table th{padding:.6rem;border-bottom:1px solid var(--divider);color:var(--text-faint);font-size:.67rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.leaderboard-table th:last-child,.leaderboard-table td:last-child{text-align:right}.leaderboard-table td{padding:.62rem;border-bottom:1px solid var(--divider);color:var(--text-body);font-size:.8rem}.modal-content[data-state=open] .leaderboard-table tbody tr{animation:leaderboard-row-enter .19s var(--ease-out) both;animation-delay:calc(var(--modal-index, 0) * 28ms + 90ms)}@keyframes leaderboard-row-enter{0%{opacity:0;transform:translateY(6px)}}.rank-number{display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:.52rem;background:var(--surface-soft);font-variant-numeric:tabular-nums;font-weight:700}.rank-1 .rank-number{background:var(--amber-soft);color:var(--warning-amber)}.user-row-info{display:flex;align-items:center;gap:.5rem}.user-row-info strong{max-width:10rem;overflow:hidden;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap}.leaderboard-value{color:var(--pulse-green)!important;font-variant-numeric:tabular-nums;font-weight:700}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1.35rem 0}.result-stat{display:flex;flex-direction:column;align-items:center;padding:1rem .6rem;border:1px solid var(--divider);border-radius:.9rem;background:var(--surface-solid)}.result-stat--score svg{color:var(--pulse-green)}.result-stat--streak svg{color:var(--warning-amber)}.result-stat strong{margin-top:.35rem;color:var(--text-strong);font-size:1.55rem;font-variant-numeric:tabular-nums}.result-stat span{color:var(--text-muted);font-size:.7rem}.result-actions{display:grid;gap:.65rem}.result-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.streak-fire--cold{color:var(--text-faint)}.streak-fire--amber{color:#f2b84b}.streak-fire--orange{color:#f28a3f}.streak-fire--coral{color:var(--error-coral)}.streak-fire--violet{color:#a78bfa}.streak-badge.streak-fire--violet{border-color:#a78bfa52;box-shadow:0 0 0 3px #a78bfa17}.streak-badge.is-gained{animation:streak-rise .24s var(--ease-out)}.streak-badge.is-lost{animation:streak-drop .22s var(--ease-out)}@keyframes streak-rise{0%{opacity:.72;transform:scale(.94) translateY(3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes streak-drop{0%{transform:translate(0)}35%{transform:translate(-3px)}70%{transform:translate(3px)}to{transform:translate(0)}}.profile-container{padding-top:2rem}.profile-back{margin-bottom:1rem}.profile-hero{display:grid;gap:1.25rem;padding:1.35rem;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(29,185,84,.12),rgba(124,58,237,.08) 56%,transparent),var(--surface-glass-strong);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-sm);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}.profile-identity{display:flex;min-width:0;align-items:center;gap:1rem}.profile-avatar{width:4.75rem;height:4.75rem;flex:0 0 auto;border:1px solid rgba(29,185,84,.26);border-radius:1.25rem;object-fit:cover;background:var(--surface-soft)}.profile-identity>div>span,.profile-section-heading small{color:var(--pulse-green);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.profile-identity h1{margin-top:.18rem;font-size:clamp(1.65rem,5vw,2.35rem);line-height:1.05}.profile-identity p{max-width:54ch;margin-top:.4rem;color:var(--text-muted)}.profile-stats{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:.25rem .45rem;padding-top:1rem;border-top:1px solid var(--divider);font-variant-numeric:tabular-nums}.profile-stats strong{color:var(--text-strong);font-size:1.2rem}.profile-stats span{color:var(--text-muted);font-size:.74rem}.profile-layout{display:grid;gap:1.2rem;margin-top:1.2rem}.profile-library{min-width:0;padding:1.1rem 0;border-top:1px solid var(--divider)}.profile-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;margin-bottom:.85rem}.profile-section-heading>div{display:grid;gap:.24rem}.profile-section-heading>div>span{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-strong);font-weight:730}.profile-search{margin:.75rem 0}.profile-source-list{display:grid;max-height:34rem;overflow-y:auto;border-top:1px solid var(--divider)}.profile-source{display:grid;width:100%;min-height:4rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.62rem .25rem;border:0;border-bottom:1px solid var(--divider);background:transparent;color:inherit;cursor:pointer;text-align:left;transition:background-color .16s ease,transform .14s var(--ease-out)}.profile-source.is-selected{background:linear-gradient(90deg,var(--green-soft),transparent 72%)}.profile-source:active,.sound-toggle:active{transform:scale(.98)}.profile-empty{display:grid;justify-items:start;gap:.3rem;padding:2rem .5rem;color:var(--text-muted)}.profile-empty strong{color:var(--text-strong)}.profile-settings{align-self:start;padding:1.05rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--surface-glass);box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-setting-group{display:grid;gap:.8rem}.profile-setting-group>div,.profile-cache-note>div{display:grid;gap:.22rem}.profile-setting-group strong,.profile-cache-note strong{color:var(--text-strong)}.profile-setting-group small,.profile-cache-note span{color:var(--text-muted);font-size:.78rem}.sound-toggle{display:inline-flex;width:100%;min-height:2.8rem;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--divider);border-radius:.75rem;background:var(--surface-solid);color:var(--text-muted);cursor:pointer;font-weight:680;transition:transform .14s var(--ease-out),color .16s ease,border-color .16s ease}.sound-toggle.is-on{border-color:#1db9544d;color:var(--pulse-green)}.profile-cache-note{display:flex;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--divider)}.profile-cache-note>svg{flex:0 0 auto;color:var(--pulse-green)}.profile-message{margin-top:.8rem;color:var(--text-muted);font-size:.8rem}.profile-save{width:100%;margin-top:1rem}.profile-skeleton{display:grid;gap:.8rem;padding-top:3rem}.profile-skeleton span{height:5rem;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-solid),var(--surface-soft),var(--surface-solid));background-size:200% 100%;animation:source-shimmer 1.2s linear infinite}@media (hover: hover) and (pointer: fine){.btn-primary:hover:not(:disabled),.btn-gradient:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.045);box-shadow:0 12px 28px #1db95447,inset 0 1px #ffffff38}.btn-secondary:hover:not(:disabled),.btn-quiet:hover:not(:disabled),.btn-outline:hover:not(:disabled){border-color:#ffffff2e;background:var(--surface-soft);color:var(--text-strong)}.btn-gradient:hover:not(:disabled):before{transform:translate(520%) skew(-17deg)}.mode-card:hover{border-color:#1db95447;transform:translateY(-2px)}.theme-chip:hover:not(:disabled),.option-button:hover:not(:disabled){border-color:#1db95457;background:var(--surface-soft);transform:translateY(-1px)}.logo-brand:hover .brand-mark__surface{fill:#0e1b13fa;stroke:#63f59a6b}.logo-brand:hover .brand-mark__pulse{transform:scale(1.18)}.mode-card:hover .mode-artwork__orbit--artist{transform:rotate(10deg)}.mode-card:hover .mode-artwork__satellite{transform:rotate(18deg) translate(1px)}.mode-card:hover .mode-artwork__sheet--back{transform:translate(-2px,2px) rotate(-3deg)}.mode-card:hover .mode-artwork__sheet--middle{transform:translate(1px,-1px) rotate(2deg)}.discovery-panel:hover .mode-artwork__needle,.discovery-panel:focus-within .mode-artwork__needle{transform:rotate(9deg)}.user-chip:hover:not(:disabled),.profile-source:hover{border-color:#ffffff29;background-color:var(--surface-soft)}}@media (min-width: 36rem){.user-chip,.ranking-button span{display:flex}.brand-lockup{width:min(100%,12.8rem);gap:.68rem}.brand-lockup__mark{width:3.25rem;height:2.55rem;flex-basis:3.25rem}.brand-wordmark{font-size:1.36rem}.user-chip-copy{display:flex}.navbar{padding-inline:.8rem}.home-container{padding-top:3.4rem}.hero-title{font-size:3.2rem}.hero-subtitle{font-size:1.06rem}.join-room-panel{grid-template-columns:minmax(13rem,.8fr) minmax(18rem,1.2fr);align-items:center;padding:1.4rem}.join-room-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.join-room-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.blend-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.45rem}.blend-action{width:auto}.section-hint{display:inline}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card,.discovery-panel{padding:1.35rem}.theme-rail{grid-auto-columns:minmax(14rem,18rem)}.site-footer{flex-direction:row;justify-content:space-between}.quiz-board,.lobby-panel,.mp-scoreboard{padding:1.75rem}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-scoreboard__actions{flex-direction:row}.mp-scoreboard__btn,.mp-scoreboard__waiting-msg{flex:1}}@media (min-width: 52rem){.profile-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.6rem}.profile-stats{padding:0 0 0 1.4rem;border-top:0;border-left:1px solid var(--divider)}.profile-layout{grid-template-columns:minmax(0,1.55fr) minmax(17rem,.72fr);gap:2rem}.profile-settings{position:sticky;top:6rem}}@media (min-width: 54rem){.navbar-wrap{padding-top:1rem}.hero-section{grid-template-areas:"title subtitle" "title toggle";grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);column-gap:4rem;row-gap:.8rem;align-items:end;margin-bottom:2.2rem;padding:1.6rem 0 1rem;text-align:left}.hero-title{grid-area:title;max-width:13ch;margin:0;font-size:3.65rem}.hero-subtitle{grid-area:subtitle;max-width:34rem;margin:0}.play-mode-toggle{grid-area:toggle;justify-self:start;margin-top:.4rem}.selection-layout{grid-template-columns:minmax(0,7fr) minmax(19rem,5fr);gap:1rem}.selection-layout .mode-grid{grid-template-columns:minmax(0,1fr)}.selection-layout .mode-card{min-height:9.65rem}.discovery-panel{align-self:stretch}.discovery-search{flex-direction:column}.discovery-search .btn{width:100%}.discovery-panel .theme-rail{grid-auto-flow:dense;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.discovery-panel .theme-chip{min-width:0}.quiz-layout--multiplayer{grid-template-columns:minmax(0,1fr) 19rem;align-items:start}.mp-live-scoreboard{position:sticky;top:1rem}.lobby-workspace{grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);align-items:start;gap:1.5rem}.lobby-side-column{position:sticky;top:1rem;padding-left:1.5rem;border-left:1px solid var(--divider)}}@media (pointer: coarse){.btn,.play-mode-option,.input-field,.config-field select,.source-row-select,.source-row--liked,.source-external,.theme-chip,.option-button{min-height:3rem}}@media (max-width: 23rem){.logo-brand{flex-basis:3.2rem}.brand-lockup{width:auto}.brand-wordmark{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.scroll-reveal,.scroll-reveal[data-reveal-state=waiting],.modal-content,.modal-content[data-state=entering],.modal-content[data-state=exiting],.modal-content [data-modal-item],.modal-content[data-state=entering] [data-modal-item],.modal-content[data-state=exiting] [data-modal-item]{opacity:1;transform:none}.btn-gradient:before{display:none}}@supports not (backdrop-filter: blur(1px)){.glass-panel,.navbar,.quiz-board,.mp-live-scoreboard{background:var(--surface-glass-strong)}}