:root{color-scheme:dark;--font-display: "Fraunces", "Recoleta", "Georgia", serif;--font-body: "Manrope", "Avenir Next", "Helvetica Neue", sans-serif;--color-night-950: #120d13;--color-night-900: #1a121b;--color-night-800: #251923;--color-wine-700: #6f2638;--color-terracotta-500: #d8694a;--color-amber-300: #f4c979;--color-cream-100: #fff2dd;--color-cream-200: #f4dfbe;--color-mint-300: #9cd9bd;--color-danger-400: #ff7a74;--bg-app: radial-gradient(circle at top left, rgb(216 105 74 / 20%), transparent 36%), radial-gradient(circle at 80% 10%, rgb(244 201 121 / 14%), transparent 30%), var(--color-night-950);--surface-strong: rgb(255 242 221 / 12%);--surface-soft: rgb(255 242 221 / 8%);--surface-border: rgb(255 242 221 / 18%);--text-primary: var(--color-cream-100);--text-secondary: rgb(255 242 221 / 72%);--text-muted: rgb(255 242 221 / 54%);--accent-primary: var(--color-terracotta-500);--accent-secondary: var(--color-amber-300);--accent-success: var(--color-mint-300);--accent-danger: var(--color-danger-400);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 1.75rem;--radius-xl: 2.25rem;--radius-pill: 999px;--shadow-soft: 0 24px 70px rgb(0 0 0 / 32%);--shadow-glow: 0 0 60px rgb(216 105 74 / 24%);--tap-target: 3rem;--container-max: 72rem;--motion-fast: .15s ease;--motion-smooth: .26s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{min-height:100%;background:var(--color-night-950);font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{min-height:100vh;margin:0;background:var(--bg-app);color:var(--text-primary)}button,a,input,select,textarea{font:inherit}@media(max-width:48rem){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:1rem!important}}a{color:inherit;text-decoration:none}button,[role=button],a{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:4px}::selection{background:#d8694a6b;color:var(--text-primary)}h1,h2,h3,p{margin-block:0}h1,h2,h3{font-family:var(--font-display);font-weight:750;letter-spacing:-.04em}h1{max-width:12ch;font-size:clamp(3rem,16vw,6.5rem);line-height:.92}p{line-height:1.65}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app-shell{min-height:100vh;overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:min(100% - 2rem,var(--container-max));min-height:5rem;margin-inline:auto;padding-block:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--tap-target);font-weight:800;letter-spacing:-.03em}.brand__mark{width:2.35rem;aspect-ratio:1;border:1px solid rgb(255 242 221 / 34%);border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--accent-secondary),var(--accent-primary) 54%,var(--color-wine-700));box-shadow:var(--shadow-glow)}.brand__text{font-family:var(--font-display);font-size:1.15rem}.topbar__nav{display:none;align-items:center;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:#120d1370;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__nav a{min-height:2.5rem;padding:.65rem 1rem;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.95rem;font-weight:750;transition:background var(--motion-fast),color var(--motion-fast)}.topbar__nav a:hover,.topbar__nav a.is-active{background:var(--surface-strong);color:var(--text-primary)}.app-main{width:min(100% - 2rem,var(--container-max));margin-inline:auto}.app-shell--create{background:#0b1017}.app-main.app-main--create{width:100%;max-width:none;margin:0}.page-shell{display:grid;justify-items:center;min-height:calc(100vh - 8rem);padding-block:clamp(var(--space-8),8vh,var(--space-16))}.page-shell>*{margin-inline:auto}@media(min-width:48rem){.topbar__nav{display:inline-flex}.app-main{width:min(100% - 4rem,var(--container-max))}}.surface-card{position:relative;overflow:hidden;border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--surface-strong),var(--surface-soft));box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.surface-card:after{position:absolute;inset:auto -8rem -10rem auto;width:18rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(244 201 121 / 20%),transparent 70%);content:"";pointer-events:none}.surface-kicker{color:var(--accent-secondary);font-size:.82rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.placeholder-page{align-items:center}.placeholder-page__content{display:grid;gap:var(--space-6);max-width:48rem;padding:clamp(var(--space-6),7vw,var(--space-12))}.page-lead{max-width:42rem;color:var(--text-secondary);font-size:clamp(1.1rem,3.5vw,1.45rem)}.helper-copy{max-width:42rem;color:var(--text-muted);font-size:1rem}.button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:var(--tap-target);padding:.85rem 1.2rem;border:0;border-radius:var(--radius-pill);cursor:pointer;font-weight:850;letter-spacing:-.01em;transition:transform var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 18px 44px #d8694a42;color:#1a1213}.form-page,.lobby-page{align-items:start}.form-card{display:grid;gap:var(--space-6);width:min(100%,48rem);margin-inline:auto;padding:clamp(var(--space-6),7vw,var(--space-12))}.room-setup-card{width:min(100%,64rem)}.lobby-card{width:min(100%,58rem)}.stack-form,.form-section,.game-mode-grid,.field-grid,.rules-grid,.field-stack{display:grid;gap:var(--space-4)}.form-section{border-top:1px solid rgb(255 242 221 / 12%);padding-top:var(--space-6)}.form-section:first-child{border-top:0;padding-top:0}.form-section h2{font-size:clamp(1.55rem,5vw,2.4rem)}.field-label{color:var(--text-secondary);font-size:.92rem;font-weight:850}.text-input{width:100%;min-height:var(--tap-target);border:1px solid var(--surface-border);border-radius:var(--radius-md);background:#120d137a;color:var(--text-primary);padding:.9rem 1rem;font-size:1rem;outline:none;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{border-color:#f4c979b8;box-shadow:0 0 0 4px #f4c9791f;background:#120d13ad}.field-label .text-input{margin-top:var(--space-2)}.field-stack{gap:var(--space-2)}.unit-input{position:relative}.unit-input .text-input{padding-right:4.75rem}.unit-input span{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);color:var(--text-muted);font-size:.9rem;font-weight:850;pointer-events:none}.text-input--code{text-transform:uppercase;letter-spacing:.16em}.info-panel,.invite-panel,.players-panel,.mini-card{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#120d1357;padding:var(--space-5)}.info-panel strong,.mini-card strong{display:block;color:var(--text-primary)}.info-panel p,.mini-card span{color:var(--text-secondary)}.copy-row{display:grid;gap:var(--space-3)}.qr-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-4);border:1px solid rgb(255 242 221 / 12%);border-radius:var(--radius-lg);background:#fff2dd12;padding:var(--space-4)}.qr-panel img{width:8.5rem;aspect-ratio:1;border-radius:var(--radius-md);background:#fff}.qr-panel strong{color:var(--text-primary)}.game-mode-card,.toggle-field{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#120d1357}.game-mode-card{display:grid;gap:var(--space-2);width:100%;min-height:8.5rem;padding:var(--space-5);color:var(--text-primary);cursor:pointer;text-align:left;transition:transform var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast)}.game-mode-card:hover{transform:translateY(-1px)}.game-mode-card--active{border-color:#f4c9799e;background:linear-gradient(145deg,#f4c9792b,#d8694a1f);box-shadow:0 18px 48px #d8694a29}.game-mode-card strong{font-size:1.15rem}.game-mode-card span{color:var(--text-secondary);line-height:1.5}.toggle-field{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-3);padding:var(--space-4)}.toggle-field input{width:1.25rem;aspect-ratio:1;margin-top:.15rem;accent-color:var(--accent-secondary)}.toggle-field span{display:grid;gap:var(--space-1)}.toggle-field strong{color:var(--text-primary)}.toggle-field small{color:var(--text-muted);line-height:1.45}.info-panel--error{border-color:#ff7a746b;background:#ff7a741a}.info-panel--success{border-color:#9cd9bd6b;background:#9cd9bd1a}.form-message{font-size:.95rem;font-weight:700}.form-message--error{color:var(--accent-danger)}.form-actions,.section-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.button--ghost{border:1px solid var(--surface-border);background:#fff2dd14;color:var(--text-primary)}.button:disabled{cursor:wait;opacity:.68;transform:none}.lobby-summary{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.mini-card{display:grid;gap:var(--space-2)}.mini-card strong{font-size:clamp(1.35rem,5vw,2rem);letter-spacing:-.03em}.section-row{justify-content:space-between}.section-row h2{font-size:clamp(1.5rem,5vw,2.35rem)}.player-list-clean{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.player-list-clean li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:2.75rem;border:1px solid rgb(255 242 221 / 12%);border-radius:var(--radius-md);background:#fff2dd12;padding:.78rem 1rem;color:var(--text-primary);font-weight:800}.music-card{width:min(100%,64rem)}.music-source-grid,.playlist-list-clean,.genre-chip-grid,.artist-option-list,.selected-chip-row,.music-builder-controls,.artist-search-row{display:grid;gap:var(--space-3)}.music-source-grid{grid-template-columns:1fr}.music-source-card,.music-panel,.playlist-row-clean,.artist-option{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:#120d1357}.music-source-card,.music-panel{display:grid;gap:var(--space-5);padding:var(--space-5)}.music-source-card h2,.music-panel h2,.builder-section h3{margin:0;letter-spacing:-.03em}.music-source-card--disabled{opacity:.72}.status-pill{display:inline-flex;align-items:center;width:fit-content;min-height:2.25rem;padding:.45rem .8rem;border:1px solid var(--surface-border);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.9rem;font-weight:850}.status-pill--success{border-color:#9cd9bd61;background:#9cd9bd1a;color:var(--accent-success)}.playlist-row-clean,.artist-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap-target);padding:var(--space-3);color:var(--text-primary);text-align:left}.playlist-row-clean{cursor:pointer}.playlist-row-clean img,.playlist-fallback,.artist-option img{width:3.25rem;aspect-ratio:1;border-radius:var(--radius-md);object-fit:cover}.playlist-fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,var(--accent-secondary),var(--accent-primary));color:#1a1213;font-weight:900}.playlist-row-clean small{display:block;margin-top:var(--space-1);color:var(--text-muted)}.music-builder-controls,.artist-search-row{grid-template-columns:1fr}.builder-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-target);color:var(--text-secondary);font-weight:800}.builder-section{display:grid;gap:var(--space-4);border-top:1px solid rgb(255 242 221 / 12%);padding-top:var(--space-5)}.genre-chip-grid,.selected-chip-row{display:flex;flex-wrap:wrap}.genre-chip{min-height:2.75rem;border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:#fff2dd12;color:var(--text-secondary);padding:.7rem 1rem;cursor:pointer;font-weight:850}.genre-chip--active{border-color:#f4c979a3;background:#f4c97926;color:var(--text-primary)}.genre-chip:disabled{cursor:not-allowed;opacity:.5}@media(min-width:48rem){.lobby-summary{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.game-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid,.rules-grid,.music-source-grid,.music-builder-controls,.artist-search-row{grid-template-columns:repeat(2,minmax(0,1fr))}.music-source-grid{align-items:stretch}.builder-checkbox{align-self:end}}.button--danger{border:1px solid rgb(255 122 116 / 46%);background:#ff7a7424;color:var(--text-primary)}.status-pill--danger{border-color:#ff7a746b;background:#ff7a741a;color:var(--accent-danger)}.app-shell--home{min-height:100dvh;background:#0b1017}.app-main.app-main--home{width:100%;max-width:none;margin:0}.app-main--home>app-home-page{display:block;width:100%}.home-landing{--home-bg: #0b1017;--home-surface: #151c25;--home-surface-high: #1a222d;--home-line: rgb(255 247 232 / 14%);--home-line-strong: rgb(255 247 232 / 28%);--home-text: #fff7e8;--home-muted: #aeb6be;--home-quiet: #697581;--home-coral: #ff5c4d;--home-yellow: #ffca3a;--home-aqua: #55d6be;--home-ink: #101319;--home-display: "Bricolage Grotesque", sans-serif;--home-ui: "Sora", sans-serif;--home-mono: "DM Mono", monospace;min-height:100dvh;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));background:radial-gradient(circle at 8% 6%,rgb(255 92 77 / 7%),transparent 27rem),radial-gradient(circle at 92% 88%,rgb(85 214 190 / 5%),transparent 26rem),var(--home-bg);color:var(--home-text);font-family:var(--home-ui);font-synthesis:none}.home-landing *,.home-landing *:before,.home-landing *:after{box-sizing:border-box}.home-landing a{-webkit-tap-highlight-color:transparent}.home-landing a:focus-visible{outline:2px solid var(--home-aqua);outline-offset:3px}.home-landing__frame{position:relative;isolation:isolate;width:min(100%,92rem);min-height:calc(100dvh - 1.25rem);margin-inline:auto;overflow:hidden;border:1px solid var(--home-line-strong);border-top:3px solid var(--home-yellow);border-radius:1.35rem;background:radial-gradient(circle at 70% 14%,rgb(255 202 58 / 4%),transparent 27rem),linear-gradient(145deg,#111923,#09111a);box-shadow:0 1.5rem 4rem #00000057}.home-landing__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5.25rem;padding:.85rem clamp(1.4rem,3.4vw,3.4rem)}.home-landing__brand{display:flex;align-items:center;gap:.8rem;font-family:var(--home-display);font-size:1.3rem;font-weight:800;letter-spacing:-.045em}.home-landing__brand-mark{position:relative;display:grid;width:2.6rem;aspect-ratio:1;place-items:center;border:1px solid var(--home-line-strong);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 .38rem,rgb(255 247 232 / 13%) .4rem .43rem)}.home-landing__brand-mark i{width:.75rem;aspect-ratio:1;border:.2rem solid #ff776b;border-radius:50%;background:var(--home-coral)}.home-landing main{padding:clamp(1rem,2vw,1.8rem) clamp(1.4rem,3.4vw,3.4rem) 1.4rem}.home-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(24rem,.97fr);align-items:center;gap:clamp(2.5rem,5vw,6rem);min-height:clamp(22rem,32vw,27rem)}.home-hero__copy{max-width:44rem}.home-hero h1{max-width:12ch;color:var(--home-text);font-family:var(--home-display);font-size:clamp(3.35rem,5.2vw,5.2rem);font-weight:800;line-height:.9;letter-spacing:-.075em}.home-hero__lead{max-width:34rem;margin-top:1.15rem;color:var(--home-muted);font-size:clamp(.88rem,1.35vw,1.1rem);line-height:1.5}.home-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.6rem}.home-action{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-width:13.8rem;min-height:3.6rem;border-radius:.65rem;padding:.8rem 1.35rem;font-size:.82rem;font-weight:800;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.home-action:hover{transform:translateY(-1px)}.home-action--primary{border:1px solid var(--home-coral);background:var(--home-coral);color:#fff;box-shadow:0 .8rem 2rem #ff5c4d38}.home-action__group{display:grid;width:1.6rem;aspect-ratio:1;place-items:center;border:1px solid rgb(255 255 255 / 58%);border-radius:50%;font-family:var(--home-mono);font-size:.82rem;line-height:1}.home-action--secondary{border:1px solid rgb(255 247 232 / 72%);background:#ffffff04;color:var(--home-text)}.home-action--secondary>span{font-family:var(--home-mono);font-size:1.25rem;font-weight:400}.home-signal{display:grid;justify-items:center;min-width:0}.home-signal__rings{position:relative;width:min(35vw,31rem);min-width:23rem;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 2.05rem,rgb(255 202 58 / 12%) 2.09rem 2.14rem),radial-gradient(circle,rgb(85 214 190 / 4%),transparent 62%)}.home-signal__axis{position:absolute;top:50%;right:18%;left:18%;height:1px;background:repeating-linear-gradient(90deg,rgb(255 247 232 / 46%) 0 .28rem,transparent .28rem .52rem)}.home-signal__node{position:absolute;top:50%;display:grid;aspect-ratio:1;place-items:center;transform:translateY(-50%);border:1px solid var(--home-line-strong);border-radius:50%;background:#0b131d;text-align:center}.home-signal__node strong{display:block;font-family:var(--home-display);line-height:.9}.home-signal__node small{margin-top:.12rem;color:var(--home-muted);font-size:.42rem;font-weight:700;line-height:1;text-transform:uppercase}.home-signal__node--group,.home-signal__node--ranking{width:5.2rem}.home-signal__node--group{left:9%;color:var(--home-aqua)}.home-signal__node--group strong,.home-signal__node--ranking strong{font-size:1.55rem}.home-signal__node--music{left:50%;display:flex;width:7rem;align-items:center;justify-content:center;gap:.22rem;transform:translate(-50%,-50%);border-color:var(--home-aqua);box-shadow:0 0 1.8rem #55d6be14}.home-signal__node--music span{width:.22rem;border-radius:999px;background:var(--home-aqua);animation:home-level 1.9s ease-in-out infinite}.home-signal__node--music span:nth-child(1),.home-signal__node--music span:nth-child(5){height:1.1rem}.home-signal__node--music span:nth-child(2),.home-signal__node--music span:nth-child(4){height:2rem;animation-delay:-.35s}.home-signal__node--music span:nth-child(3){height:3rem;animation-delay:-.7s}.home-signal__node--ranking{right:9%;color:var(--home-yellow)}.home-signal__facts{display:grid;grid-template-columns:repeat(3,1fr);width:min(35vw,31rem);min-width:23rem;margin-top:-4.8rem;color:var(--home-text);font-size:.66rem;text-align:center}.home-signal__facts span{position:relative;padding-top:.85rem;white-space:nowrap}.home-signal__facts span:before{position:absolute;top:0;left:50%;width:.32rem;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:var(--home-aqua);content:""}.home-signal__facts span:last-child:before{background:var(--home-yellow)}.home-journey{position:relative;min-height:15rem;margin-top:clamp(2.6rem,4vw,4rem)}.home-journey__route{position:absolute;z-index:0;top:.25rem;left:0;width:100%;height:6rem;overflow:visible}.home-journey__route path{fill:none;stroke:#ffca3ad1;stroke-width:1.35;vector-effect:non-scaling-stroke}.home-journey__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.2rem,2.8vw,2.7rem);margin:0;padding:0;list-style:none}.home-step{position:relative;display:grid;align-content:start;justify-items:center;min-width:0;padding-top:5.5rem;text-align:center}.home-step--room{transform:translateY(.8rem)}.home-step--music{transform:translateY(1.15rem)}.home-step--buzzer{transform:translateY(-.4rem)}.home-step--winner{transform:translateY(.8rem)}.home-step__number{position:absolute;top:1.2rem;left:50%;display:grid;width:3rem;aspect-ratio:1;transform:translate(-50%);place-items:center;border:2px solid var(--home-yellow);border-radius:50%;background:#09111a;color:var(--home-yellow);font-family:var(--home-mono);font-size:.85rem;box-shadow:0 0 0 .16rem #0b1017d1}.home-step__number:after{position:absolute;top:calc(100% + .25rem);width:.28rem;aspect-ratio:1;border-radius:50%;background:var(--home-yellow);content:""}.home-step__copy h2{color:var(--home-text);font-family:var(--home-display);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:800;line-height:1;letter-spacing:-.045em}.home-step__copy p{max-width:17.5rem;min-height:4.8rem;margin:.55rem auto 0;color:var(--home-muted);font-size:.74rem;line-height:1.55}@keyframes home-level{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1)}}@media(max-width:62rem){.home-hero{grid-template-columns:1fr;gap:1rem}.home-signal__rings,.home-signal__facts{width:min(75vw,28rem)}.home-signal__rings,.home-signal__facts{min-width:0}.home-journey__route{display:none}.home-journey__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.home-step,.home-step--room,.home-step--music,.home-step--buzzer,.home-step--winner{transform:none}}@media(max-width:42rem){.home-landing{padding:0}.home-landing__frame{min-height:100dvh;border-right:0;border-bottom:0;border-left:0;border-radius:0}.home-landing__bar{min-height:4.25rem;padding:.65rem 1rem;border-bottom:1px solid var(--home-line)}.home-landing__brand{gap:.55rem;font-size:.98rem}.home-landing__brand-mark{width:2rem}.home-landing main{padding:1.5rem 1rem 2rem}.home-hero{display:grid;min-height:0}.home-hero h1{max-width:10ch;font-size:clamp(3rem,15.2vw,4.2rem);line-height:.88}.home-hero__lead{max-width:31rem;margin-top:1rem;font-size:.82rem}.home-hero__actions{display:grid;gap:.65rem;margin-top:1.3rem}.home-action{width:100%;min-width:0;min-height:3.35rem;border-radius:999px}.home-signal{margin-top:.9rem}.home-signal__rings{width:min(88vw,22rem)}.home-signal__node--group,.home-signal__node--ranking{width:4.2rem}.home-signal__node--music{width:5.7rem}.home-signal__node--group{left:7%}.home-signal__node--ranking{right:7%}.home-signal__facts{width:min(88vw,22rem);margin-top:-3.9rem;font-size:.52rem}.home-journey{min-height:0;margin-top:3.5rem}.home-journey__steps{position:relative;display:grid;grid-template-columns:1fr;gap:0;padding-left:3.5rem}.home-journey__steps:before{position:absolute;top:1.5rem;bottom:2rem;left:1.5rem;width:1px;background:linear-gradient(var(--home-yellow),rgb(255 247 232 / 16%),var(--home-yellow));content:""}.home-step,.home-step--room,.home-step--music,.home-step--buzzer,.home-step--winner{display:grid;justify-items:stretch;min-height:0;border-bottom:1px solid var(--home-line);padding:1.25rem 0 1.6rem;text-align:left}.home-step:last-child{border-bottom:0}.home-step__number{top:1.15rem;left:-3.5rem;width:2.25rem;transform:none;border-width:1px;font-size:.6rem}.home-step__number:after{display:none}.home-step__copy h2{font-size:1.45rem}.home-step__copy p{max-width:none;min-height:0;margin:.4rem 0 0;font-size:.74rem}}@media(prefers-reduced-motion:reduce){.home-landing *,.home-landing *:before,.home-landing *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-main--create>app-create-room-page{display:block;width:100%}.create-room{--setup-bg: #0b1017;--setup-surface: #151c25;--setup-surface-high: #1a222d;--setup-soft: rgb(255 255 255 / 5%);--setup-line: rgb(255 247 232 / 14%);--setup-line-strong: rgb(255 247 232 / 23%);--setup-text: #fff7e8;--setup-muted: #aeb6be;--setup-quiet: #697581;--setup-coral: #ff5c4d;--setup-yellow: #ffca3a;--setup-aqua: #55d6be;--setup-ink: #101319;--setup-display: "Bricolage Grotesque", sans-serif;--setup-ui: "Sora", sans-serif;--setup-mono: "DM Mono", monospace;min-height:100dvh;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));background:radial-gradient(circle at 10% 4%,rgb(255 92 77 / 12%),transparent 28rem),radial-gradient(circle at 90% 92%,rgb(85 214 190 / 8%),transparent 28rem),var(--setup-bg);color:var(--setup-text);font-family:var(--setup-ui);font-synthesis:none}.create-room *,.create-room *:before,.create-room *:after{box-sizing:border-box}.create-room button,.create-room input{font-family:inherit}.create-room button,.create-room a,.create-room label{-webkit-tap-highlight-color:transparent}.create-room button:focus-visible,.create-room a:focus-visible,.create-room input:focus-visible{outline:2px solid var(--setup-aqua);outline-offset:3px}.create-room__frame{position:relative;isolation:isolate;width:min(100%,88rem);min-height:calc(100dvh - 1.25rem);margin-inline:auto;overflow:hidden;border:1px solid var(--setup-line);border-top:3px solid var(--setup-yellow);border-radius:1.35rem;background:radial-gradient(circle at 51% 0,rgb(255 202 58 / 9%),transparent 30rem),linear-gradient(145deg,#171e28,#111720);box-shadow:0 1.5rem 4rem #00000057}.create-room__frame:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 88% 15%,transparent 12%,rgb(255 247 232 / 4%) 12.2%,transparent 12.5%),radial-gradient(circle at 88% 15%,transparent 22%,rgb(85 214 190 / 4%) 22.2%,transparent 22.5%),radial-gradient(circle at 88% 15%,transparent 32%,rgb(255 202 58 / 3%) 32.2%,transparent 32.5%);content:"";pointer-events:none}.create-room__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4.2rem;padding:.75rem clamp(.8rem,2vw,1.35rem);border-bottom:1px solid var(--setup-line)}.create-room__brand{font-family:var(--setup-display);font-size:1rem;font-weight:800;letter-spacing:-.04em}.create-room__status,.setup-panel__heading p{color:var(--setup-muted);font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.create-room__join{display:inline-grid;min-height:2.55rem;place-items:center;padding:.6rem .85rem;border:1px solid rgb(85 214 190 / 34%);border-radius:999px;background:#55d6be12;color:var(--setup-aqua);font-size:.64rem;font-weight:800}.create-room__layout{display:grid;gap:.9rem;padding:clamp(1rem,2.5vw,2rem)}.create-room__hero{display:grid;align-content:center;min-height:clamp(7rem,13vw,10rem);padding:clamp(.4rem,1vw,.8rem) 0}.create-room__status{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;color:var(--setup-aqua)}.create-room__status span{width:.58rem;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 #55d6be59;animation:setup-pulse 1.8s infinite}.create-room__hero h1{max-width:none;color:var(--setup-text);font-family:var(--setup-display);font-size:clamp(2.45rem,7vw,5.4rem);font-weight:800;line-height:.9;letter-spacing:-.075em}.create-room__hero>p:last-child{max-width:43rem;margin-top:.75rem;color:var(--setup-muted);font-size:clamp(.82rem,1.6vw,1.02rem);line-height:1.55}.setup-form{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:.75rem}.setup-form__primary,.setup-form__secondary{display:grid;align-content:start;gap:.75rem}.setup-panel{position:relative;display:grid;gap:1rem;overflow:hidden;border:1px solid var(--setup-line);border-radius:1.05rem;background:linear-gradient(145deg,#ffffff0d,#ffffff05);padding:clamp(1rem,2vw,1.4rem)}.setup-panel--host{border-left:3px solid var(--setup-coral)}.setup-panel--win{border-left:3px solid var(--setup-yellow)}.setup-panel--special{background:linear-gradient(145deg,#55d6be0d,#ffffff05)}.setup-panel__heading{display:flex;align-items:center;gap:.8rem}.setup-panel__number{display:grid;flex:0 0 2.35rem;width:2.35rem;aspect-ratio:1;place-items:center;border:1px solid var(--setup-line);border-radius:50%;background:#ffffff0a;color:var(--setup-yellow);font-family:var(--setup-mono);font-size:.68rem;font-weight:500}.setup-panel__heading p{margin-bottom:.18rem;color:var(--setup-aqua)}.setup-panel__heading h2{color:var(--setup-text);font-family:var(--setup-display);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:800;line-height:1;letter-spacing:-.045em}.setup-field{display:grid;gap:.5rem;color:var(--setup-muted);font-size:.65rem;font-weight:700}.setup-field>span:first-child{letter-spacing:.02em}.setup-field--numeric{width:fit-content;max-width:100%}.setup-field__label{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.setup-field__label>small{color:var(--setup-quiet);font-family:var(--setup-mono);font-size:.55rem;font-weight:500;white-space:nowrap}.setup-field input{width:100%;min-height:3.2rem;border:1px solid var(--setup-line-strong);border-radius:.78rem;background:#05090e75;color:var(--setup-text);padding:.82rem .9rem;font-size:.86rem;font-weight:700;outline:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.setup-field input::placeholder{color:var(--setup-quiet)}.setup-field input:focus{border-color:#55d6beb8;background:#05090ead;box-shadow:0 0 0 3px #55d6be17}.mode-grid{display:grid;gap:.55rem}.mode-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:5.25rem;border:1px solid var(--setup-line);border-radius:.9rem;background:#ffffff08;color:var(--setup-text);padding:.9rem;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.mode-card:hover{transform:translateY(-1px);border-color:var(--setup-line-strong)}.mode-card--active{border-color:#ffca3a94;background:linear-gradient(120deg,#ffca3a1c,#ff5c4d12)}.mode-card__index{color:var(--setup-quiet);font-family:var(--setup-mono);font-size:.58rem}.mode-card--active .mode-card__index{color:var(--setup-yellow)}.mode-card__copy{display:grid;gap:.28rem}.mode-card__copy strong{font-size:.82rem;line-height:1.2}.mode-card__copy small{color:var(--setup-muted);font-size:.61rem;line-height:1.45}.mode-card__check{display:grid;width:1.15rem;aspect-ratio:1;place-items:center;border:1px solid var(--setup-line-strong);border-radius:50%}.mode-card--active .mode-card__check{border:.3rem solid var(--setup-yellow);background:var(--setup-ink)}.mode-limit{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.85rem;padding-top:.2rem}.mode-limit>p{align-self:center;color:var(--setup-muted);font-size:.65rem;line-height:1.55}.unit-input{position:relative;display:block;max-width:100%}.unit-input--score,.unit-input--time{width:7.5rem}.unit-input--rounds{width:9.25rem}.unit-input input{padding-right:4.2rem}.unit-input small{position:absolute;top:50%;right:.85rem;transform:translateY(-50%);color:var(--setup-quiet);font-family:var(--setup-mono);font-size:.58rem;pointer-events:none}.time-grid{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:.65rem}.setup-field output.unit-input{display:flex;align-items:center;min-width:7.2rem;min-height:3.2rem;border:1px solid var(--setup-line);border-radius:.78rem;background:#ffffff0a;color:var(--setup-text);padding:.82rem 2.4rem .82rem .9rem;font-family:var(--setup-mono);font-size:.86rem;font-weight:700}.toggle-list{display:grid;gap:.45rem}.toggle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.1rem;border:1px solid var(--setup-line);border-radius:.8rem;background:#ffffff08;padding:.75rem .8rem;cursor:pointer}.toggle-row>span{display:grid;gap:.18rem}.toggle-row strong{color:var(--setup-text);font-size:.72rem}.toggle-row small{color:var(--setup-muted);font-size:.57rem;line-height:1.4}.toggle-row input{position:relative;width:2.5rem;height:1.4rem;margin:0;border:1px solid var(--setup-line-strong);border-radius:999px;appearance:none;background:#0d131b;cursor:pointer;transition:border-color .16s ease,background .16s ease}.toggle-row input:after{position:absolute;top:.18rem;left:.2rem;width:.92rem;aspect-ratio:1;border-radius:50%;background:var(--setup-muted);content:"";transition:transform .16s ease,background .16s ease}.toggle-row input:checked{border-color:#55d6bea6;background:#55d6be2e}.toggle-row input:checked:after{transform:translate(1.08rem);background:var(--setup-aqua)}.challenge-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;border:1px solid rgb(255 202 58 / 28%);border-radius:.8rem;background:#ffca3a12;padding:.7rem .8rem;color:#e9d99a;font-size:.61rem;line-height:1.5}.challenge-note span{display:grid;width:2rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--setup-yellow);color:var(--setup-ink);font-family:var(--setup-mono);font-size:.54rem;font-weight:700}.setup-submit{position:sticky;z-index:4;bottom:max(.5rem,env(safe-area-inset-bottom));grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.65rem;border:1px solid var(--setup-line-strong);border-radius:1rem;background:#0d131beb;padding:.65rem .7rem .65rem 1rem;box-shadow:0 1rem 2.5rem #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setup-submit__copy{min-width:0}.setup-submit__copy>p{color:var(--setup-muted);font-size:.64rem;line-height:1.45}.create-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.7rem;min-width:10rem;min-height:3.25rem;border:0;border-radius:.78rem;background:var(--setup-coral);color:#fff;padding:.8rem 1rem;font-size:.74rem;font-weight:800;cursor:pointer;box-shadow:0 .8rem 2rem #ff5c4d38;transition:transform .16s ease,box-shadow .16s ease}.create-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1rem 2.3rem #ff5c4d47}.create-button:disabled{cursor:wait;opacity:.62}.create-button span:last-child{font-size:1rem}.setup-message{font-size:.64rem;font-weight:700;line-height:1.45}.setup-message--error{color:#ff9a90!important}.setup-message--success{color:var(--setup-aqua)!important}@keyframes setup-pulse{70%{box-shadow:0 0 0 .45rem transparent}}@media(min-width:62rem){.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-card{grid-template-columns:1fr auto;align-content:space-between;min-height:9rem}.mode-card__index{align-self:start}.mode-card__copy{grid-column:1 / -1;align-self:end}.mode-card__copy strong{font-size:.86rem}.mode-card__check{grid-column:2;grid-row:1}}@media(max-width:52rem){.setup-form{grid-template-columns:1fr}.setup-submit{grid-column:1}}@media(max-width:34rem){.create-room__join{font-size:.6rem}.create-room__hero{min-height:7rem}.mode-limit,.time-grid{grid-template-columns:1fr}.setup-field--numeric{width:auto}.setup-submit{align-items:stretch;flex-direction:column;padding:.75rem}.create-button{width:100%}}@media(prefers-reduced-motion:reduce){.create-room__status span{animation:none}}.app-shell--join{min-height:100dvh;background:#0b1017}.app-main.app-main--join{width:100%;max-width:none;margin:0}.app-main--join>app-join-room-page{display:block;width:100%}.join-room{--join-bg: #0b1017;--join-surface: #151c25;--join-surface-high: #1a222d;--join-line: rgb(255 247 232 / 14%);--join-line-strong: rgb(255 247 232 / 23%);--join-text: #fff7e8;--join-muted: #aeb6be;--join-quiet: #697581;--join-coral: #ff5c4d;--join-yellow: #ffca3a;--join-aqua: #55d6be;--join-ink: #101319;--join-display: "Bricolage Grotesque", sans-serif;--join-ui: "Sora", sans-serif;--join-mono: "DM Mono", monospace;min-height:100dvh;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));background:radial-gradient(circle at 8% 5%,rgb(255 92 77 / 12%),transparent 28rem),radial-gradient(circle at 92% 90%,rgb(85 214 190 / 8%),transparent 26rem),var(--join-bg);color:var(--join-text);font-family:var(--join-ui);font-synthesis:none}.join-room *,.join-room *:before,.join-room *:after{box-sizing:border-box}.join-room button,.join-room input{font:inherit}.join-room button,.join-room a,.join-room label{-webkit-tap-highlight-color:transparent}.join-room button:focus-visible,.join-room a:focus-visible,.join-room input:focus-visible{outline:2px solid var(--join-aqua);outline-offset:3px}.join-room__frame{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(100%,88rem);min-height:calc(100dvh - 1.25rem);margin-inline:auto;overflow:hidden;border:1px solid var(--join-line);border-top:3px solid var(--join-yellow);border-radius:1.35rem;background:radial-gradient(circle at 50% 18%,rgb(255 202 58 / 8%),transparent 28rem),linear-gradient(145deg,#171e28,#111720);box-shadow:0 1.5rem 4rem #00000057}.join-room__frame:before,.join-room__frame:after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}.join-room__frame:before{top:46%;left:50%;width:min(78vw,52rem);aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,transparent 0 2.1rem,rgb(255 247 232 / 3%) 2.14rem 2.19rem),radial-gradient(circle,rgb(255 202 58 / 5%),transparent 68%)}.join-room__frame:after{right:-9rem;bottom:-11rem;width:26rem;aspect-ratio:1;background:radial-gradient(circle,rgb(85 214 190 / 8%),transparent 68%)}.join-room__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4.2rem;padding:.75rem clamp(.85rem,2vw,1.45rem);border-bottom:1px solid var(--join-line)}.join-room__brand{font-family:var(--join-display);font-size:1.05rem;font-weight:800;letter-spacing:-.045em}.join-room__status{display:flex;align-items:center;gap:.48rem;color:var(--join-muted);font-size:.58rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.join-room__status span,.join-room__eyebrow span{width:.52rem;aspect-ratio:1;border-radius:50%;background:var(--join-aqua);box-shadow:0 0 #55d6be52;animation:join-pulse 1.8s infinite}.join-room__stage{display:grid;align-content:center;justify-items:center;width:100%;min-height:0;padding:clamp(1.5rem,4.5vw,3.5rem) clamp(.8rem,3vw,2rem) clamp(1.2rem,3vw,2rem)}.join-room__hero{display:grid;justify-items:center;width:min(100%,40rem);margin-bottom:clamp(1.2rem,3vw,2rem);text-align:center}.join-room__eyebrow{display:flex;align-items:center;gap:.5rem;margin-bottom:.65rem;color:var(--join-aqua);font-size:.6rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.join-room__hero h1{max-width:none;color:var(--join-text);font-family:var(--join-display);font-size:clamp(2.65rem,7vw,5.4rem);font-weight:800;line-height:.88;letter-spacing:-.075em}.join-room__hero>p:last-child{margin-top:.75rem;color:var(--join-muted);font-size:clamp(.82rem,1.5vw,1rem);line-height:1.5}.join-card{position:relative;display:grid;gap:1rem;width:min(100%,35rem);margin-inline:auto;overflow:hidden;border:1px solid var(--join-line-strong);border-radius:1.15rem;background:radial-gradient(circle at 100% 0,rgb(255 202 58 / 7%),transparent 16rem),linear-gradient(145deg,#1a222df5,#0d141df5);padding:clamp(1.15rem,3vw,1.65rem);box-shadow:0 1.25rem 3rem #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.join-card:before{position:absolute;top:0;right:1.6rem;left:1.6rem;height:1px;background:linear-gradient(90deg,transparent,rgb(255 202 58 / 58%),transparent);content:""}.join-card__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.2rem}.join-card__heading p{margin-bottom:.2rem;color:var(--join-aqua);font-size:.52rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase}.join-card__heading h2{color:var(--join-text);font-family:var(--join-display);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;line-height:1;letter-spacing:-.045em}.join-card__signal{display:flex;align-items:end;justify-content:center;gap:.18rem;width:2.45rem;height:2.45rem;border:1px solid var(--join-line);border-radius:50%;background:#ffffff08;padding-bottom:.72rem}.join-card__signal i{width:.18rem;border-radius:999px;background:var(--join-yellow)}.join-card__signal i:nth-child(1){height:.35rem}.join-card__signal i:nth-child(2){height:.75rem}.join-card__signal i:nth-child(3){height:.52rem}.join-field{display:grid;gap:.48rem;color:var(--join-muted);font-size:.65rem;font-weight:700}.join-field>span:first-child{letter-spacing:.02em}.join-field__control{position:relative;display:grid}.join-field__control input{width:100%;min-height:3.45rem;border:1px solid var(--join-line);border-radius:.8rem;outline:none;background:#080d1394;color:var(--join-text);padding:.85rem 3.1rem .85rem 1rem;font-size:.86rem;font-weight:600;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.join-field__control input::placeholder{color:var(--join-quiet)}.join-field__control input:focus{border-color:#55d6bea3;background:#080d13d1;box-shadow:0 0 0 .22rem #55d6be1a}.join-field__control svg,.join-field__control>span{position:absolute;top:50%;right:1rem;width:1.2rem;transform:translateY(-50%);color:var(--join-aqua);pointer-events:none}.join-field__control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.join-field__control--code input{color:var(--join-yellow);font-family:var(--join-mono);font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase}.join-field__control--code>span{width:auto;color:var(--join-yellow);font-family:var(--join-mono);font-size:1.05rem}.join-invite{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.7rem;border:1px solid rgb(255 202 58 / 34%);border-radius:.9rem;background:linear-gradient(105deg,#ffca3a14,#ffffff05);padding:.9rem 1rem}.join-invite>div{display:grid;gap:.28rem}.join-invite>div span{color:var(--join-muted);font-size:.58rem;font-weight:700}.join-invite strong{color:var(--join-yellow);font-family:var(--join-mono);font-size:clamp(1.3rem,4vw,1.65rem);font-weight:500;line-height:1;letter-spacing:.15em}.join-invite__check{display:grid;flex:0 0 2.2rem;width:2.2rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--join-aqua);color:var(--join-ink);font-size:.9rem;font-weight:800}.join-card__helper{display:flex;align-items:center;gap:.45rem;margin-top:-.35rem;color:var(--join-muted);font-size:.61rem;line-height:1.4}.join-card__helper span{color:var(--join-aqua);font-family:var(--join-mono)}.join-card__error{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;border:1px solid rgb(255 92 77 / 34%);border-radius:.8rem;background:#ff5c4d14;padding:.75rem .85rem}.join-card__error>span{display:grid;width:1.45rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--join-coral);color:#fff;font-size:.7rem;font-weight:800}.join-card__error strong{display:block;color:#ff9b92;font-size:.68rem;line-height:1.35}.join-card__error p{margin-top:.18rem;color:var(--join-muted);font-size:.6rem;line-height:1.45}.join-card__submit,.join-card__create{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:3.4rem;border-radius:999px;padding:.8rem 1.15rem;font-size:.72rem;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.join-card__submit{border:0;background:var(--join-coral);color:#fff;box-shadow:0 .9rem 2rem #ff5c4d42}.join-card__submit>span:last-child{font-family:var(--join-mono);font-size:1rem}.join-card__submit:hover:not(:disabled),.join-card__create:hover{transform:translateY(-1px)}.join-card__submit:disabled{cursor:wait;opacity:.62}.join-card__spinner{width:1rem;aspect-ratio:1;border:.13rem solid rgb(255 255 255 / 38%);border-top-color:#fff;border-radius:50%;animation:join-spin .75s linear infinite}.join-card__secondary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem}.join-card__secondary span{height:1px;background:var(--join-line)}.join-card__secondary p{color:var(--join-quiet);font-size:.55rem;font-weight:700;line-height:1;white-space:nowrap}.join-card__create{min-height:3.1rem;border:1px solid var(--join-line-strong);background:#ffffff05;color:var(--join-text)}.join-room__footnote{display:flex;align-items:center;gap:.45rem;margin-top:1rem;color:var(--join-quiet);font-size:.55rem;line-height:1.35;text-align:center}.join-room__footnote span{width:.32rem;aspect-ratio:1;border-radius:50%;background:var(--join-yellow)}@keyframes join-pulse{70%{box-shadow:0 0 0 .45rem #55d6be00}}@keyframes join-spin{to{transform:rotate(360deg)}}@media(max-width:36rem){.join-room__status{font-size:.5rem;letter-spacing:.05em}.join-room__stage{align-content:start;padding-top:clamp(1.5rem,8vw,2.5rem)}.join-room__hero h1{font-size:clamp(2.7rem,15vw,4.2rem)}.join-card{border-radius:1rem}}@media(max-height:48rem)and (min-width:48rem){.join-room__stage{align-content:start;padding-block:1.25rem}.join-room__hero{margin-bottom:1rem}.join-room__hero h1{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){.join-room *,.join-room *:before,.join-room *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell--music{background:#0b1017}.app-main--music{width:100%;max-width:none;margin:0}.app-main--music>app-music-setup-page{display:block;width:100%}.music-screen{--music-bg: #0b1017;--music-surface: #151c25;--music-surface-soft: rgb(255 255 255 / 5%);--music-line: rgb(255 247 232 / 14%);--music-line-strong: rgb(255 247 232 / 23%);--music-text: #fff7e8;--music-muted: #aeb6be;--music-quiet: #697581;--music-coral: #ff5c4d;--music-yellow: #ffca3a;--music-aqua: #55d6be;--music-ink: #101319;--music-display: "Bricolage Grotesque", sans-serif;--music-ui: "Sora", sans-serif;--music-mono: "DM Mono", monospace;--music-shadow: 0 1.5rem 4rem rgb(0 0 0 / 34%);width:100%;min-height:100dvh;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));background:radial-gradient(circle at 11% 6%,rgb(255 92 77 / 12%),transparent 28rem),radial-gradient(circle at 89% 88%,rgb(85 214 190 / 8%),transparent 26rem),var(--music-bg);color:var(--music-text);font-family:var(--music-ui);font-synthesis:none}.music-screen button,.music-screen a{-webkit-tap-highlight-color:transparent}.music-screen button:focus-visible,.music-screen a:focus-visible,.music-screen input:focus-visible{outline:2px solid var(--music-aqua);outline-offset:3px}.music-screen button:disabled{cursor:wait;opacity:.58}.music-screen__frame{position:relative;isolation:isolate;width:min(100%,88rem);min-height:calc(100dvh - max(.5rem,env(safe-area-inset-top)) - max(.75rem,env(safe-area-inset-bottom)));margin-inline:auto;overflow:hidden;border:1px solid var(--music-line);border-top:3px solid var(--music-yellow);border-radius:1.35rem;background:radial-gradient(circle at 53% 0,rgb(255 202 58 / 9%),transparent 30rem),linear-gradient(145deg,#171e28,#111720);box-shadow:var(--music-shadow)}.music-screen__frame:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 86% 18%,transparent 12%,rgb(255 247 232 / 4%) 12.2%,transparent 12.5%),radial-gradient(circle at 86% 18%,transparent 21%,rgb(85 214 190 / 4%) 21.2%,transparent 21.5%),radial-gradient(circle at 86% 18%,transparent 31%,rgb(255 202 58 / 3%) 31.2%,transparent 31.5%);content:"";pointer-events:none}.music-room-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;min-height:4.2rem;padding:.75rem clamp(.8rem,2vw,1.35rem);border-bottom:1px solid var(--music-line)}.music-brand{font-family:var(--music-display);font-size:1rem;font-weight:800;letter-spacing:-.04em}.music-room-code{display:grid;justify-items:center}.music-room-code span,.music-eyebrow,.music-status-line{color:var(--music-muted);font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.music-room-code strong{margin-top:.12rem;font-family:var(--music-mono);font-size:1rem;letter-spacing:.14em}.music-back-action,.music-text-action{border:0;background:transparent;color:var(--music-aqua);font-size:.64rem;font-weight:800;cursor:pointer}.music-back-action{justify-self:end;display:inline-grid;min-height:2.55rem;place-items:center;padding:.6rem .85rem;border:1px solid rgb(85 214 190 / 34%);border-radius:999px;background:#55d6be12}.music-screen__layout{display:grid;gap:.75rem;padding:clamp(1rem,2.5vw,2rem)}.music-screen__hero{display:grid;align-content:center;min-height:clamp(4.35rem,7vw,6.25rem);padding:clamp(.25rem,.7vw,.55rem) 0}.music-status-line{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem;color:var(--music-aqua)}.music-status-dot{width:.58rem;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 #55d6be59;animation:music-pulse 1.8s infinite}.music-screen__hero h1{max-width:none;margin:0;font-family:var(--music-display);font-size:clamp(2.1rem,3vw,3.25rem);font-weight:800;line-height:.92;letter-spacing:-.055em;white-space:nowrap}.music-screen__hero p{max-width:min(100%,42rem);margin:.45rem 0 0;color:var(--music-muted);font-size:clamp(.76rem,1.4vw,.95rem);line-height:1.6}.music-panel,.music-message{min-width:0;border:1px solid var(--music-line);border-radius:1.1rem;background:#151c25d1}.music-message{display:grid;gap:.25rem;padding:.85rem 1rem}.music-message strong{font-family:var(--music-display);font-size:.85rem}.music-message p{margin:0;color:var(--music-muted);font-size:.65rem}.music-message--error{border-color:#ff5c4d6b;background:#ff5c4d14}.music-connection-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;overflow:hidden;padding:clamp(1rem,3vw,1.7rem)}.music-connection-card:after{position:absolute;right:-3rem;width:12rem;aspect-ratio:1;border:1px solid rgb(85 214 190 / 9%);border-radius:50%;content:""}.music-provider-mark{display:grid;width:4.4rem;aspect-ratio:1;place-items:center;border:1px solid rgb(85 214 190 / 34%);border-radius:1.2rem;background:#55d6be17;color:var(--music-aqua);font-family:var(--music-mono);font-size:1.1rem;font-weight:800}.music-provider-mark--small{width:2.75rem;border-radius:.8rem;font-size:.7rem}.music-provider-mark--disabled{width:2.65rem;border-color:var(--music-line);border-radius:.8rem;background:var(--music-surface-soft);color:var(--music-quiet);font-size:.65rem}.music-connection-copy h2,.music-section-heading h2,.music-progress-card h2,.music-ready-card h2,.music-builder h2,.music-guest-card h2{margin:.2rem 0 0;font-family:var(--music-display);font-size:clamp(1.35rem,3vw,2.1rem);font-weight:800;line-height:1;letter-spacing:-.045em}.music-connection-copy p,.music-progress-card p,.music-ready-card p,.music-builder p,.music-guest-card p{max-width:38rem;margin:.45rem 0 0;color:var(--music-muted);font-size:.68rem;line-height:1.55}.music-primary-action,.music-secondary-action{position:relative;z-index:1;display:inline-grid;min-height:3.25rem;place-items:center;padding:.75rem 1.2rem;border-radius:.9rem;font-weight:800;cursor:pointer}.music-primary-action{border:0;background:var(--music-yellow);box-shadow:0 .38rem #a66e00;color:var(--music-ink);font-family:var(--music-display);font-size:.95rem;text-align:center}.music-primary-action:active:not(:disabled){transform:translateY(.22rem);box-shadow:0 .12rem #a66e00}.music-primary-action--compact{min-height:2.9rem;padding-inline:1rem;font-size:.82rem}.music-secondary-action{border:1px solid var(--music-line-strong);background:var(--music-surface-soft);color:var(--music-text);font-size:.7rem}.music-connection-card[data-flow=busy] .music-primary-action{cursor:wait;opacity:.7}.music-return-card{border-top:3px solid var(--music-aqua);background:radial-gradient(circle at 0 50%,rgb(85 214 190 / 12%),transparent 13rem),#151c25e0}.music-connection-steps{grid-column:2 / -1;display:flex;align-items:center;gap:.45rem;color:var(--music-quiet);font-size:.52rem;font-weight:800}.music-connection-steps span.is-current{color:var(--music-aqua)}.music-connection-steps i{width:1.4rem;height:1px;background:var(--music-line)}.music-connected-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.7rem}.music-connected-note strong,.music-connected-note small{display:block}.music-connected-note strong{margin-top:.08rem;font-family:var(--music-display);font-size:.9rem}.music-connected-note small{margin-top:.1rem;color:var(--music-muted);font-size:.52rem}.music-workspace,.music-primary{display:grid;gap:.75rem;min-width:0}.music-progress-card,.music-ready-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem 1rem;padding:1rem}.music-progress-card{border-top:3px solid var(--music-yellow)}.music-progress-track{grid-column:1 / -1;height:.5rem;overflow:hidden;border-radius:999px;background:#ffffff12}.music-progress-track span{display:block;min-width:4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--music-coral),var(--music-yellow));animation:music-progress-breathe 1.5s ease-in-out infinite}.music-inline-error{grid-column:1 / -1;color:var(--music-coral)!important}.music-ready-card{grid-template-columns:auto minmax(0,1fr) auto;border-top:3px solid var(--music-aqua);background:radial-gradient(circle at 0 50%,rgb(85 214 190 / 12%),transparent 13rem),#151c25e0}.music-ready-pulse{width:1rem;aspect-ratio:1;border-radius:50%;background:var(--music-aqua);box-shadow:0 0 #55d6be59;animation:music-pulse 1.8s infinite}.music-playlist-section,.music-builder{padding:clamp(.9rem,2vw,1.25rem)}.music-section-heading,.music-playlist-selection,.music-apple-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.music-library-count,.music-soon-badge{flex:0 0 auto;padding:.35rem .55rem;border:1px solid var(--music-line);border-radius:999px;color:var(--music-muted);font-size:.5rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.music-playlist-list{display:grid;max-height:15rem;gap:.45rem;margin-top:.95rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--music-line-strong) transparent;scrollbar-width:thin}.music-playlist-row{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:4.35rem;padding:.4rem;border:1px solid transparent;border-bottom-color:var(--music-line);border-radius:.85rem;background:transparent;color:var(--music-text);text-align:left;cursor:pointer;transition:.15s ease}.music-playlist-row:hover,.music-playlist-row:focus-visible{border-color:var(--music-line-strong);background:var(--music-surface-soft)}.music-playlist-row.is-selected{border-color:#ffca3a6b;background:#ffca3a0f}.music-playlist-row img,.music-playlist-fallback{width:3.5rem;aspect-ratio:1;border-radius:.72rem}.music-playlist-row img{object-fit:cover}.music-playlist-fallback{display:grid;place-items:center;border:1px solid rgb(85 214 190 / 25%);background:#55d6be14;color:var(--music-aqua);font-family:var(--music-mono);font-size:.68rem}.music-playlist-copy{min-width:0}.music-playlist-copy strong,.music-playlist-copy small{display:block}.music-playlist-copy strong{overflow:hidden;font-family:var(--music-display);font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.music-playlist-copy small{margin-top:.16rem;overflow:hidden;color:var(--music-muted);font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.music-selection-mark{display:none;padding:.42rem .65rem;border:1px solid rgb(255 202 58 / 38%);border-radius:999px;color:var(--music-yellow);font-size:.54rem;font-weight:800}.music-playlist-row.is-selected .music-selection-mark{display:inline-flex}.music-playlist-selection{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--music-line)}.music-playlist-selection strong{display:block;margin-top:.12rem;font-family:var(--music-display);font-size:.85rem}.music-library-loading,.music-library-empty{display:flex;align-items:center;gap:.65rem;min-height:7rem;margin-top:.95rem;padding:1rem;border:1px dashed var(--music-line);border-radius:.85rem;color:var(--music-muted);font-size:.68rem}.music-library-empty{align-items:flex-start;flex-direction:column;justify-content:center}.music-library-empty strong{color:var(--music-text);font-family:var(--music-display);font-size:.86rem}.music-library-empty .music-secondary-action{min-height:2.6rem;padding:.55rem .8rem}.music-builder{display:grid;gap:1rem;border-top:3px solid var(--music-yellow)}.music-builder__heading{align-items:flex-start}.music-builder__heading p{margin-top:.35rem}.music-builder-subheading strong,.music-builder-submit strong{display:block;margin-top:.14rem;font-family:var(--music-display);font-size:.82rem}.music-year-builder,.music-builder-group,.music-artist-builder{display:grid;gap:.65rem;padding:.85rem;border:1px solid var(--music-line);border-radius:.9rem;background:#080c1145}.music-year-builder{gap:.9rem}.music-year-selection{--range-start: 50%;--range-end: 100%;display:grid;gap:.55rem}.music-year-values{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--music-muted);font-size:.52rem;font-weight:800}.music-year-values strong{margin-left:.18rem;color:var(--music-yellow);font-family:var(--music-mono);font-size:.72rem}.music-year-range{position:relative;height:3rem}.music-year-range__rail{position:absolute;top:50%;right:.7rem;left:.7rem;height:.6rem;border:1px solid var(--music-line-strong);border-radius:999px;background:#ffffff0f;box-shadow:inset 0 .15rem .35rem #00000059;transform:translateY(-50%)}.music-year-range__fill{position:absolute;top:-1px;bottom:-1px;left:var(--range-start);width:calc(var(--range-end) - var(--range-start));border-radius:inherit;background:linear-gradient(90deg,var(--music-coral),var(--music-yellow));box-shadow:0 0 1rem #ffca3a3d}.music-year-range__beat{position:absolute;z-index:1;top:50%;width:.3rem;aspect-ratio:1;border-radius:50%;background:var(--music-bg);transform:translate(-50%,-50%)}.music-year-range input[type=range]{position:absolute;z-index:2;top:0;left:0;width:100%;height:3rem;margin:0;appearance:none;background:transparent;pointer-events:none}.music-year-range input[type=range]::-webkit-slider-runnable-track{height:.6rem;background:transparent}.music-year-range input[type=range]::-webkit-slider-thumb{width:1.35rem;height:1.35rem;margin-top:-.4rem;appearance:none;border:.24rem solid var(--music-surface);border-radius:50%;background:var(--music-yellow);box-shadow:0 0 0 1px #ffca3a94,0 .35rem .85rem #00000075;cursor:grab;pointer-events:auto}.music-year-range input[type=range]::-moz-range-track{height:.6rem;background:transparent}.music-year-range input[type=range]::-moz-range-thumb{width:1rem;height:1rem;border:.24rem solid var(--music-surface);border-radius:50%;background:var(--music-yellow);box-shadow:0 0 0 1px #ffca3a94,0 .35rem .85rem #00000075;cursor:grab;pointer-events:auto}.music-year-scale{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));color:var(--music-quiet);font-family:var(--music-mono);font-size:.52rem;text-align:center}.music-year-scale span:first-child{text-align:left}.music-year-scale span:last-child{text-align:right}.music-builder-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.music-builder-tabs button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.12rem .65rem;min-height:4.35rem;padding:.65rem;border:1px solid var(--music-line);border-radius:.9rem;background:#080c1145;color:var(--music-muted);text-align:left;cursor:pointer;transition:.16s ease}.music-builder-tabs button:after{position:absolute;right:.7rem;bottom:-1px;left:.7rem;height:3px;border-radius:999px 999px 0 0;background:transparent;content:""}.music-builder-tabs button.is-active{border-color:#ffca3a61;background:#ffca3a0f;color:var(--music-text)}.music-builder-tabs button.is-active:after{background:var(--music-yellow)}.music-builder-tabs button>span{grid-row:1 / 3;color:var(--music-yellow);font-family:var(--music-mono);font-size:.58rem}.music-builder-tabs strong,.music-builder-tabs small{display:block}.music-builder-tabs strong{font-family:var(--music-display);font-size:.82rem}.music-builder-tabs small{color:var(--music-muted);font-size:.5rem}.music-builder-subheading--row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.music-selection-counter{display:inline-flex;flex:0 0 auto;align-items:baseline;gap:.08rem;padding:.35rem .55rem;border:1px solid var(--music-line);border-radius:999px;color:var(--music-muted);font-family:var(--music-mono);font-size:.55rem;line-height:1;white-space:nowrap}.music-selection-counter strong{display:inline;margin:0;color:var(--music-aqua)}.music-choice-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.45rem}.music-choice-chips button{min-height:2.25rem;padding:.45rem .65rem;border:1px solid var(--music-line);border-radius:999px;background:var(--music-surface-soft);color:var(--music-muted);font-size:.55rem;font-weight:800;cursor:pointer}.music-choice-chips button.is-selected{border-color:#55d6be73;background:#55d6be17;color:var(--music-aqua)}.music-choice-chips button:disabled{cursor:not-allowed;opacity:.35}.music-artist-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.music-artist-search input{min-width:0;min-height:2.75rem;border:1px solid var(--music-line);border-radius:.75rem;outline:0;background:#080c1199;padding:.55rem .7rem;color:var(--music-text);font-size:.7rem}.music-artist-search button{min-height:2.75rem;padding-inline:.85rem;border:1px solid var(--music-line);border-radius:.75rem;background:var(--music-surface-soft);color:var(--music-aqua);font-size:.62rem;font-weight:800;cursor:pointer}.music-artist-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.4rem}.music-artist-options button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;min-height:2.9rem;border:1px solid var(--music-line);border-radius:.75rem;background:var(--music-surface-soft);padding:.35rem;color:var(--music-text);font-size:.6rem;text-align:left;cursor:pointer}.music-artist-options img{width:2.15rem;aspect-ratio:1;border-radius:.6rem;object-fit:cover}.music-selected-artists{display:flex;flex-wrap:wrap;gap:.4rem}.music-selected-artists button{min-height:2.1rem;padding:.38rem .6rem;border:1px solid rgb(85 214 190 / 35%);border-radius:999px;background:#55d6be14;color:var(--music-aqua);font-size:.55rem;font-weight:800;cursor:pointer}.music-builder-submit{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.85rem;border-top:1px solid var(--music-line)}.music-mode-switch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;padding:.75rem;color:var(--music-text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.music-playlist-section,.music-builder,.music-mode-switch{animation:music-workspace-swap .18s ease both}.music-mode-switch:hover,.music-mode-switch:focus-visible{border-color:#ffca3a6b;background:#ffca3a0d;transform:translateY(-.08rem)}.music-mode-switch__symbol{display:grid;width:2.75rem;aspect-ratio:1;place-items:center;border:1px solid var(--music-line);border-radius:.8rem;background:var(--music-surface-soft);color:var(--music-yellow);font-family:var(--music-display);font-size:1.4rem;font-weight:800}.music-mode-switch__symbol--library{color:var(--music-aqua);font-family:var(--music-mono);font-size:.68rem}.music-mode-switch__copy,.music-mode-switch__copy strong,.music-mode-switch__copy small{display:block;min-width:0}.music-mode-switch__copy strong{margin-top:.12rem;font-family:var(--music-display);font-size:.95rem}.music-mode-switch__copy small{margin-top:.1rem;color:var(--music-muted);font-size:.52rem}.music-mode-switch__action{color:var(--music-aqua);font-size:.58rem;font-weight:800}.music-apple-card{justify-content:flex-start;padding:.7rem;opacity:.6}.music-apple-card div{min-width:0;flex:1}.music-apple-card strong,.music-apple-card small{display:block}.music-apple-card strong{font-family:var(--music-display);font-size:.82rem}.music-apple-card small{margin-top:.12rem;color:var(--music-muted);font-size:.5rem}.music-guest-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.7rem);border-top:3px solid var(--music-aqua)}.music-screen .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes music-pulse{70%{box-shadow:0 0 0 .5rem transparent}}@keyframes music-progress-breathe{50%{filter:brightness(1.25)}}@keyframes music-workspace-swap{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.music-screen{padding-top:.28rem;padding-inline:max(.275rem,env(safe-area-inset-left))}.music-screen__frame{min-height:calc(100dvh - .28rem - max(.75rem,env(safe-area-inset-bottom)));border-radius:1rem}.music-room-bar{grid-template-columns:1fr auto;min-height:4rem}.music-brand{display:none}.music-room-code{justify-items:start}.music-screen__layout{padding:.85rem}.music-screen__hero{min-height:7.8rem;padding:.25rem 0 .45rem}.music-screen__hero h1{max-width:none;font-size:clamp(1.72rem,8vw,2.05rem);line-height:.94;letter-spacing:-.055em;white-space:nowrap}.music-screen__hero p{max-width:100%;margin-top:.55rem;font-size:.69rem;line-height:1.45}.music-connection-card{grid-template-columns:auto minmax(0,1fr)}.music-connection-card .music-primary-action,.music-connection-steps{grid-column:1 / -1}.music-connection-card .music-primary-action{width:100%}.music-provider-mark{width:3.6rem;border-radius:1rem}.music-progress-card,.music-ready-card,.music-guest-card{grid-template-columns:minmax(0,1fr)}.music-ready-pulse{width:.72rem}.music-playlist-row{grid-template-columns:3.2rem minmax(0,1fr) auto}.music-playlist-row img,.music-playlist-fallback{width:3.2rem}.music-playlist-section{display:flex;flex-direction:column}.music-playlist-section>.music-section-heading{order:1}.music-playlist-list,.music-library-loading,.music-library-empty{order:2}.music-playlist-selection{order:3;align-items:stretch;flex-direction:column;margin-top:.75rem;padding:.7rem;border:1px solid rgb(255 202 58 / 28%);border-radius:.85rem;background:#ffca3a0d}.music-playlist-selection .music-primary-action{width:100%}.music-selection-mark{padding-inline:.5rem}.music-builder__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.music-builder__heading h2{font-size:clamp(1.35rem,7vw,1.75rem)}.music-builder__heading .music-library-count{align-self:start;padding-inline:.48rem;font-size:.45rem}.music-builder-subheading--row{align-items:flex-start}.music-builder-tabs{grid-template-columns:minmax(0,1fr)}.music-builder-submit{align-items:stretch;flex-direction:column}.music-builder-submit .music-primary-action{width:100%}.music-mode-switch{grid-template-columns:auto minmax(0,1fr)}.music-mode-switch__action{grid-column:2}}@media(max-width:390px){.music-screen__hero h1{font-size:clamp(1.52rem,7.6vw,1.8rem)}.music-selection-mark{display:none!important}}@media(prefers-reduced-motion:reduce){.music-screen *,.music-screen *:before,.music-screen *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell--immersive{min-height:0;height:100dvh;overflow:hidden}.app-main--immersive{width:100%;height:100dvh;margin:0}.app-main--immersive>app-active-round-page{display:block;width:100%;height:100%}.active-round-immersive{--round-bg: #0b1017;--round-surface: #151c25;--round-line: rgb(255 247 232 / 14%);--round-line-strong: rgb(255 247 232 / 23%);--round-text: #fff7e8;--round-muted: #aeb6be;--round-quiet: #697581;--round-coral: #ff5c4d;--round-coral-dark: #9d2e2a;--round-yellow: #ffca3a;--round-aqua: #55d6be;--round-ink: #101319;--round-font-display: "Bricolage Grotesque", sans-serif;--round-font-ui: "Sora", sans-serif;--round-font-mono: "DM Mono", monospace;--round-shadow: 0 1.5rem 4rem rgb(0 0 0 / 34%);width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 12% 5%,rgb(255 92 77 / 12%),transparent 27rem),radial-gradient(circle at 88% 90%,rgb(85 214 190 / 7%),transparent 25rem),var(--round-bg);color:var(--round-text);font-family:var(--round-font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.active-round-immersive *,.active-round-immersive *:before,.active-round-immersive *:after{box-sizing:border-box}.active-round-immersive button{font:inherit}.active-round-game-shell{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.5rem;width:min(calc(100% - .8rem),88rem);height:100dvh;margin-inline:auto;padding:max(.4rem,env(safe-area-inset-top)) 0 max(.4rem,env(safe-area-inset-bottom))}.active-round-arena,.active-round-live-board{border:1px solid var(--round-line);background:#151c25f0;box-shadow:var(--round-shadow)}.active-round-arena{position:relative;isolation:isolate;display:grid;min-height:0;place-items:center;overflow:hidden;border-top:3px solid var(--round-yellow);border-radius:1.35rem;background:radial-gradient(circle at 50% 55%,rgb(255 92 77 / 10%),transparent 34%),linear-gradient(145deg,#171e28,#111720)}.active-round-arena-grid{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at center,transparent 26%,rgb(255 202 58 / 8%) 26.2%,transparent 26.5%),radial-gradient(circle at center,transparent 43%,rgb(85 214 190 / 7%) 43.2%,transparent 43.5%)}.active-round-game-status{position:absolute;z-index:5;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;padding:.65rem .8rem}.active-round-round-identity,.active-round-song-clock,.active-round-player-score{display:flex;align-items:center}.active-round-round-identity{gap:.35rem}.active-round-round-identity span,.active-round-song-clock span,.active-round-player-score span{color:var(--round-muted);font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.active-round-round-identity strong{font-family:var(--round-font-display);font-size:1.65rem;line-height:.9}.active-round-song-clock{justify-self:center;gap:.45rem;text-align:left}.active-round-song-clock strong,.active-round-player-score strong{display:block;margin-top:.12rem;font-family:var(--round-font-mono);font-size:.85rem}.active-round-live-dot{width:.58rem;aspect-ratio:1;border-radius:50%;background:var(--round-aqua);box-shadow:0 0 #55d6be59;animation:active-round-pulse 1.8s infinite}.active-round-player-score{display:block;justify-self:end;text-align:right}.active-round-exit-action,.active-round-corner-action{position:absolute;z-index:8;bottom:max(.75rem,env(safe-area-inset-bottom));display:grid;width:2.9rem;aspect-ratio:1;place-items:center;border:1px solid var(--round-line-strong);border-radius:50%;color:var(--round-text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease;-webkit-tap-highlight-color:transparent}.active-round-audio-activation{position:absolute;z-index:8;top:5.25rem;left:50%;min-height:2.75rem;padding:.7rem 1rem;transform:translate(-50%);border:1px solid rgb(255 202 58 / 70%);border-radius:999px;background:var(--round-yellow);color:#17120a;font-size:.78rem;font-weight:800;box-shadow:0 .8rem 2rem #00000052;cursor:pointer}.active-round-exit-action{left:.75rem;background:#0b1017c2;box-shadow:0 .65rem 1.6rem #00000040}.active-round-exit-action span{margin-top:-.08em;font-family:var(--round-font-ui);font-size:1.8rem;font-weight:500;line-height:1}.active-round-exit-action:hover,.active-round-exit-action:focus-visible{border-color:#ff5c4dad;background:#ff5c4d26;transform:translateY(-.12rem)}.active-round-exit-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;overflow:hidden;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#05080cc2;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.active-round-exit-dialog{position:relative;display:grid;gap:.8rem;width:min(100%,29rem);max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--round-line-strong);border-top:3px solid var(--round-coral);border-radius:1.35rem;background:radial-gradient(circle at 100% 0,rgb(255 92 77 / 12%),transparent 13rem),#151c25;box-shadow:0 2rem 6rem #0000007a;padding:clamp(1.2rem,5vw,2rem);color:var(--round-text)}.active-round-exit-dialog h2{max-width:11ch;margin:0;font-family:var(--round-font-display);font-size:clamp(2rem,8vw,3rem);line-height:.95;letter-spacing:-.06em}.active-round-exit-dialog p{max-width:34rem;margin:0;color:var(--round-muted);font-size:.9rem;line-height:1.55}.active-round-exit-dialog-close{position:absolute;top:.8rem;right:.8rem;display:grid;width:2.5rem;aspect-ratio:1;place-items:center;border:1px solid var(--round-line);border-radius:50%;background:#ffffff0d;color:var(--round-muted);cursor:pointer;font-size:1.4rem}.active-round-exit-dialog-actions{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.3rem}.active-round-exit-dialog-actions button{min-height:3.25rem;border-radius:.9rem;font-weight:800;cursor:pointer}.active-round-exit-cancel{border:1px solid var(--round-line-strong);background:#ffffff0d;color:var(--round-text)}.active-round-exit-confirm{border:1px solid rgb(255 92 77 / 56%);background:var(--round-coral);color:#190b0a}.active-round-exit-dialog button:disabled{cursor:wait;opacity:.58}.active-round-exit-error{border:1px solid rgb(255 92 77 / 42%);border-radius:.8rem;background:#ff5c4d1a;padding:.75rem;color:#ffb0a9;font-size:.8rem;line-height:1.45}.active-round-round-state{display:grid;width:min(92%,38rem);height:100%;min-height:0;padding-top:3.5rem;place-items:center;text-align:center;animation:active-round-state-in .22s ease both}.active-round-state-listening{grid-template-rows:auto minmax(0,1fr) auto;gap:.35rem}.active-round-state-copy h1,.active-round-responder-copy h1,.active-round-validation-card h1,.active-round-reveal-copy h1,.active-round-state-system h1{max-width:none;margin:0;font-family:var(--round-font-display);font-size:clamp(2rem,9vw,3rem);font-weight:800;line-height:.92;letter-spacing:-.065em}.active-round-state-copy p,.active-round-responder-copy p,.active-round-validation-card p,.active-round-reveal-copy p,.active-round-state-system p{margin:.3rem auto 0;color:var(--round-muted);font-size:.72rem;line-height:1.45}.active-round-state-label{color:var(--round-coral);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.active-round-buzzer{display:grid;width:clamp(9.3rem,22vh,12.5rem);aspect-ratio:1;place-items:center;align-self:center;padding:0;border:0;border-radius:50%;outline:.5rem solid rgb(255 92 77 / 10%);outline-offset:.38rem;background:var(--round-coral-dark);box-shadow:0 .75rem #74211f,0 1.8rem 3rem #00000061;color:#fff;cursor:pointer;transition:.12s ease;-webkit-tap-highlight-color:transparent}.active-round-buzzer-face{display:grid;width:89%;aspect-ratio:1;place-content:center;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;background:radial-gradient(circle at 37% 28%,rgb(255 255 255 / 30%),transparent 18%),linear-gradient(145deg,#ff7669,var(--round-coral) 56%,#d43e37)}.active-round-buzzer strong,.active-round-buzzer small{display:block}.active-round-buzzer strong{font-family:var(--round-font-display);font-size:2rem;letter-spacing:-.07em}.active-round-buzzer small{max-width:9rem;margin-top:.15rem;color:#fff;font-size:.6rem;font-weight:800}.active-round-buzzer:active:not(:disabled){transform:translateY(.45rem) scale(.98);box-shadow:0 .25rem #74211f,0 .8rem 1.5rem #00000052}.active-round-buzzer.is-blocked{cursor:not-allowed;opacity:.55;filter:saturate(.35)}.active-round-arena-hint{display:flex;align-items:center;gap:.35rem;margin:0;padding-bottom:.65rem;color:var(--round-muted);font-size:.6rem;font-weight:700;line-height:1}.active-round-arena-hint span{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--round-aqua)}.active-round-state-answering{grid-template-rows:minmax(0,1fr) auto;align-content:center;gap:.3rem}.active-round-answering-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;width:100%;min-height:0}.active-round-responder-panel,.active-round-late-buzz-panel{display:grid;min-width:0;place-items:center;align-content:center}.active-round-responder-panel{height:min(100%,18rem);padding:.45rem .65rem .45rem 0;border-right:1px solid var(--round-line)}.active-round-responder-copy h1{max-width:8ch;margin-inline:auto;font-size:clamp(1.5rem,6vw,2.35rem)}.active-round-responder-copy p{max-width:16rem}.active-round-answer-clock{position:relative;display:grid;width:clamp(6.3rem,15vh,8rem);aspect-ratio:1;place-items:center;margin-top:.55rem}.active-round-answer-clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.active-round-answer-clock circle{fill:none;stroke:#ffffff12;stroke-width:9}.active-round-answer-clock .active-round-answer-progress{stroke:var(--round-coral);stroke-dasharray:490.1;stroke-dashoffset:0;stroke-linecap:round;filter:drop-shadow(0 0 6px rgb(255 92 77 / 45%));transition:stroke-dashoffset .3s linear}.active-round-answer-clock strong{font-family:var(--round-font-display);font-size:clamp(3.1rem,12vw,4rem);line-height:1}.active-round-answer-clock small{position:absolute;bottom:20%;color:var(--round-coral);font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.active-round-late-buzz-panel{gap:.45rem;padding:.45rem 0 .45rem .65rem}.active-round-late-buzz-copy span,.active-round-late-buzz-copy strong{display:block}.active-round-late-buzz-copy span{color:var(--round-aqua);font-size:.48rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.active-round-late-buzz-copy strong{max-width:12ch;margin-top:.18rem;font-family:var(--round-font-display);font-size:clamp(1rem,4.6vw,1.4rem);line-height:1}.active-round-buzzer--queue{width:clamp(7.4rem,18vh,9.6rem);outline-width:.38rem;outline-offset:.28rem}.active-round-buzzer--queue strong{font-size:clamp(1.35rem,6vw,1.8rem)}.active-round-buzzer--queue.is-blocked{outline-color:#55d6be17;background:#234a43;box-shadow:0 .38rem #17332f,0 1rem 2rem #0000003d;color:var(--round-text);cursor:default;opacity:.78;filter:none}.active-round-buzzer--queue.is-blocked .active-round-buzzer-face{border-color:#55d6be38;background:radial-gradient(circle at 37% 28%,rgb(255 255 255 / 13%),transparent 18%),linear-gradient(145deg,#356c63,#28574f 56%,#1d403b)}.active-round-late-buzz-panel>p{max-width:17rem;margin:0;color:var(--round-muted);font-size:.52rem;line-height:1.35}.active-round-answer-auto{margin:0;padding-bottom:.45rem;color:var(--round-muted);font-size:.58rem}.active-round-state-validating{align-content:center}app-validation-modal{display:block;width:min(100%,28rem)}.active-round-validation-card{width:100%}.active-round-validation-card h1{margin-top:.25rem}.active-round-validation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.9rem}.active-round-correct-action,.active-round-wrong-action{min-height:2.9rem;padding:.7rem 1.2rem;border-radius:.8rem;font-size:.78rem;font-weight:800;cursor:pointer}.active-round-correct-action{border:0;background:var(--round-aqua);box-shadow:0 .35rem #2e897c;color:var(--round-ink)}.active-round-wrong-action{border:1px solid rgb(255 92 77 / 45%);background:#ff5c4d1a;color:#ff8d82}.active-round-correct-action:disabled,.active-round-wrong-action:disabled{cursor:wait;opacity:.55}.active-round-validation-card>small{display:block;margin-top:.65rem;color:var(--round-muted);font-size:.62rem}.active-round-validation-card--waiting{max-width:24rem}.active-round-validation-loading{margin-top:.7rem;color:var(--round-muted);font-size:.65rem}.active-round-expected-answer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;width:min(100%,20rem);margin:.75rem auto 0;padding:.45rem;border:1px solid var(--round-line);border-radius:.8rem;background:#ffffff0d;text-align:left}.active-round-expected-answer img{width:3.2rem;aspect-ratio:1;border-radius:.65rem;object-fit:cover}.active-round-expected-answer span,.active-round-expected-answer strong,.active-round-expected-answer small{display:block}.active-round-expected-answer span,.active-round-expected-answer small{color:var(--round-muted);font-size:.48rem}.active-round-expected-answer strong{overflow:hidden;font-family:var(--round-font-display);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.active-round-state-reveal{grid-template-columns:minmax(7rem,.8fr) minmax(9rem,1fr);gap:1.4rem;text-align:left}.active-round-album-frame{position:relative;width:min(100%,10.5rem);aspect-ratio:1;justify-self:end}.active-round-album-frame:before{position:absolute;z-index:-1;inset:5% -6% -5% 6%;border-radius:.9rem;background:var(--round-yellow);content:"";transform:rotate(4deg)}.active-round-album-frame img,.active-round-album-fallback{display:block;width:100%;height:100%;border-radius:.9rem;object-fit:cover}.active-round-album-fallback{display:grid;place-items:center;background:radial-gradient(circle at center,rgb(255 202 58 / 22%),transparent 48%),#172029;color:var(--round-yellow);font-family:var(--round-font-display);font-size:3rem}.active-round-album-result{position:absolute;right:-.2rem;bottom:.45rem;padding:.38rem .55rem;border-radius:999px;background:var(--round-aqua);color:var(--round-ink);font-size:.57rem;font-weight:800}.active-round-reveal-copy{justify-self:start}.active-round-reveal-copy h1{max-width:9ch;font-size:clamp(1.65rem,7vw,2.5rem)}.active-round-points-earned{display:flex;align-items:baseline;gap:.45rem;margin-block:.55rem .2rem;color:var(--round-muted);font-size:.7rem}.active-round-points-earned strong{color:var(--round-yellow);font-family:var(--round-font-display);font-size:1rem}.active-round-host-waiting{display:block;color:var(--round-muted);font-size:.55rem}.active-round-state-system{align-content:center;gap:.85rem}.active-round-state-system>div{max-width:27rem}.active-round-system-pulse{width:1.1rem;aspect-ratio:1;border-radius:50%;background:var(--round-aqua);box-shadow:0 0 #55d6be59;animation:active-round-pulse 1.4s infinite}.active-round-system-error{display:block;max-width:25rem;margin:.65rem auto 0;color:#ff9d93;font-size:.62rem;line-height:1.45}app-active-round-scoreboard{display:block;align-self:start;min-height:0}.active-round-live-board{display:grid;grid-template-rows:auto minmax(0,auto);align-self:start;width:100%;max-height:min(44dvh,23rem);min-height:0;padding:.55rem;overflow:hidden;border-radius:1.25rem}.active-round-leaders-grid{display:grid;grid-template-columns:repeat(var(--leader-count, 3),minmax(0,1fr));min-height:6.4rem;border-block:1px solid var(--round-line)}.active-round-leader-column{position:relative;display:grid;grid-template-rows:auto auto auto;align-items:center;min-width:0;padding:.28rem .45rem;overflow:hidden;color:var(--round-quiet);text-align:center;transition:.18s ease}.active-round-leader-column+.active-round-leader-column{border-left:1px solid var(--round-line)}.active-round-player-heading{display:flex;align-items:center;justify-content:center;gap:.28rem;min-width:0}.active-round-rank{color:var(--round-quiet);font-family:var(--round-font-mono);font-size:.58rem}.active-round-player-heading strong{overflow:hidden;color:var(--round-text);font-family:var(--round-font-display);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.active-round-score{display:flex;align-items:baseline;justify-content:center;gap:.16rem}.active-round-score b{color:var(--round-text);font-family:var(--round-font-display);font-size:clamp(1.8rem,8vw,2.7rem);line-height:1}.active-round-score span{color:var(--round-muted);font-size:.52rem;font-weight:800}.active-round-buzz-data{display:grid;gap:.08rem;padding-top:.2rem;border-top:1px solid var(--round-line)}.active-round-buzz-data span,.active-round-buzz-data small{color:var(--round-muted);font-size:.48rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.active-round-buzz-data strong{overflow:hidden;font-family:var(--round-font-mono);font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.active-round-player-list{display:block;height:auto;max-height:14.2rem;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--round-coral) transparent;scrollbar-width:thin;touch-action:pan-y}.active-round-player-list:empty{display:none}.active-round-player-list::-webkit-scrollbar{width:.28rem}.active-round-player-list::-webkit-scrollbar-thumb{border-radius:999px;background:var(--round-coral)}.active-round-player-list::-webkit-scrollbar-track{background:transparent}.active-round-player-row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 2.5rem minmax(4.8rem,auto);align-items:center;gap:.45rem;min-height:3.35rem;padding:.42rem .5rem;border-bottom:1px solid var(--round-line);color:var(--round-quiet);transition:.18s ease}.active-round-player-row .active-round-rank{font-size:.58rem;text-align:center}.active-round-row-player,.active-round-row-score,.active-round-row-buzz{min-width:0}.active-round-row-player strong,.active-round-row-player small,.active-round-row-score b,.active-round-row-score small,.active-round-row-buzz strong,.active-round-row-buzz small{display:block}.active-round-row-player strong{overflow:hidden;color:var(--round-text);font-family:var(--round-font-display);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.active-round-row-player small,.active-round-row-score small,.active-round-row-buzz small{color:var(--round-muted);font-size:.43rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.active-round-row-score{text-align:center}.active-round-row-score b{color:var(--round-text);font-family:var(--round-font-display);font-size:1.2rem;line-height:1}.active-round-row-buzz{text-align:right}.active-round-row-buzz strong{overflow:hidden;margin-top:.12rem;font-family:var(--round-font-mono);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.active-round-immersive .is-self .active-round-player-heading strong,.active-round-immersive .is-self .active-round-row-player strong{color:var(--round-aqua)}.active-round-immersive .is-muted{opacity:.46;filter:saturate(.25)}.active-round-immersive[data-state=listening] .is-muted,.active-round-immersive[data-state=preparing_song] .is-muted,.active-round-immersive[data-state=playback_starting] .is-muted{opacity:.78;filter:none}.active-round-immersive .is-buzzed{color:var(--round-yellow)}.active-round-immersive .is-current{z-index:2;background:linear-gradient(180deg,rgb(255 92 77 / 14%),transparent 70%);box-shadow:inset 0 0 0 2px var(--round-coral),0 0 1.25rem #ff5c4d29;color:var(--round-coral)}.active-round-immersive .is-current .active-round-buzz-data strong,.active-round-immersive .is-current .active-round-buzz-data small,.active-round-immersive .is-buzzed .active-round-buzz-data strong{color:currentColor}.active-round-immersive .is-buzzed:not(.is-current){background:linear-gradient(180deg,rgb(255 202 58 / 9%),transparent 75%)}.active-round-immersive .is-missed{opacity:.42;filter:saturate(.3)}.active-round-immersive .is-self.active-round-leader-column{background:linear-gradient(180deg,rgb(85 214 190 / 8%),transparent 70%)}.active-round-immersive .is-self.active-round-player-row:not(.is-current){box-shadow:inset 3px 0 var(--round-aqua)}.active-round-immersive[data-player-density=compact] .active-round-live-board,.active-round-immersive[data-player-density=medium] .active-round-live-board{max-height:none}.active-round-immersive[data-player-density=compact] .active-round-leaders-grid{min-height:6.15rem}.active-round-immersive[data-player-density=medium] .active-round-player-list{max-height:none;overflow-y:hidden}.active-round-corner-action{position:absolute;z-index:15;right:.8rem;bottom:.8rem;display:grid;width:3.15rem;aspect-ratio:1;place-items:center;padding:0;border:1px solid rgb(255 247 232 / 18%);border-radius:50%;background:var(--round-yellow);box-shadow:0 .45rem #a66e00,0 1rem 2rem #00000057;color:var(--round-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.active-round-corner-action span{grid-area:1 / 1;font-family:sans-serif;font-size:1.35rem;font-weight:800;line-height:1}.active-round-corner-action.is-next{background:var(--round-aqua);box-shadow:0 .45rem #2e897c,0 1rem 2rem #00000057}.active-round-next-symbol{font-size:1.5rem!important;transform:translate(.08rem)}.active-round-skip-symbol{display:flex;align-items:center;gap:0;letter-spacing:-.42rem;transform:translate(-.13rem)}.active-round-skip-symbol i{font-style:normal}.active-round-corner-action.is-voted{border-color:var(--round-aqua);background:#263832;box-shadow:0 .25rem #19251f,0 0 0 2px #55d6be38;color:var(--round-aqua);transform:translateY(.2rem)}.active-round-corner-action:disabled{cursor:not-allowed}.active-round-corner-action:active:not(:disabled){transform:translateY(.35rem) scale(.97);box-shadow:0 .12rem #a66e00,0 .5rem 1rem #00000047}@keyframes active-round-pulse{70%{box-shadow:0 0 0 .5rem transparent}}@keyframes active-round-state-in{0%{opacity:0;transform:translateY(.35rem) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:69rem){.active-round-game-shell{grid-template-columns:minmax(0,1.35fr) minmax(26rem,.65fr);grid-template-rows:minmax(0,1fr);gap:.8rem;padding-block:.8rem}.active-round-round-state{width:min(86%,44rem);padding-top:5rem}.active-round-game-status{padding:1rem 1.2rem}.active-round-round-identity strong{font-size:2.4rem}.active-round-song-clock strong,.active-round-player-score strong{font-size:1.1rem}.active-round-buzzer{width:clamp(13rem,30vh,18rem)}.active-round-state-copy h1,.active-round-responder-copy h1{font-size:4rem}.active-round-answering-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2rem}.active-round-responder-panel{padding-right:1.8rem}.active-round-late-buzz-panel{padding-left:1.8rem}.active-round-responder-copy h1{font-size:clamp(2.5rem,4vw,3.7rem)}.active-round-answer-clock{width:clamp(9rem,20vh,12rem)}.active-round-buzzer--queue{width:clamp(11rem,25vh,15rem)}.active-round-live-board{max-height:calc(100dvh - 1.6rem);padding:.9rem}.active-round-player-list{max-height:calc(100dvh - 10.8rem)}}@media(min-width:34rem){.active-round-exit-dialog-actions{grid-template-columns:1fr 1fr}}@media(max-width:68rem){.active-round-state-reveal{grid-template-rows:minmax(6.5rem,1fr) auto;grid-template-columns:1fr;align-content:center;gap:1.15rem;text-align:center}.active-round-album-frame{width:auto;max-width:9.5rem;height:min(100%,9.5rem);justify-self:center}.active-round-reveal-copy{justify-self:center}.active-round-reveal-copy h1{max-width:12ch;margin-inline:auto}.active-round-points-earned{justify-content:center}}@media(max-height:44rem)and (max-width:68rem){.active-round-buzzer{width:min(8.5rem,20vh)}.active-round-state-copy p,.active-round-responder-copy p{display:none}.active-round-answer-clock{width:min(5.8rem,14vh)}.active-round-answer-clock strong{font-size:2.8rem}.active-round-buzzer--queue{width:min(6.7rem,16vh)}.active-round-late-buzz-panel{gap:.25rem}.active-round-late-buzz-panel>p{display:none}}@media(max-width:25rem){.active-round-answering-stage{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}.active-round-responder-panel{padding-right:.45rem}.active-round-late-buzz-panel{padding-left:.45rem}.active-round-responder-copy h1{font-size:1.42rem}.active-round-responder-copy p{font-size:.58rem}.active-round-answer-clock{width:clamp(5.8rem,14vh,6.8rem)}.active-round-buzzer--queue{width:clamp(7rem,17vh,8.1rem)}}@media(prefers-reduced-motion:reduce){.active-round-immersive *,.active-round-immersive *:before,.active-round-immersive *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell--lobby{min-height:100dvh;background:#0b1017}.app-main--lobby{width:100%;margin:0}.app-main--lobby>app-lobby-page{display:block;width:100%}.real-lobby{--lobby-bg: #0b1017;--lobby-surface: #151c25;--lobby-surface-high: #1a222d;--lobby-soft: rgb(255 255 255 / 5%);--lobby-line: rgb(255 247 232 / 14%);--lobby-line-strong: rgb(255 247 232 / 23%);--lobby-text: #fff7e8;--lobby-muted: #aeb6be;--lobby-quiet: #697581;--lobby-coral: #ff5c4d;--lobby-yellow: #ffca3a;--lobby-aqua: #55d6be;--lobby-ink: #101319;--lobby-display: "Bricolage Grotesque", sans-serif;--lobby-ui: "Sora", sans-serif;--lobby-mono: "DM Mono", monospace;--lobby-shadow: 0 1.5rem 4rem rgb(0 0 0 / 34%);min-height:100dvh;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));background:radial-gradient(circle at 12% 5%,rgb(255 92 77 / 12%),transparent 27rem),radial-gradient(circle at 88% 90%,rgb(85 214 190 / 7%),transparent 25rem),var(--lobby-bg);color:var(--lobby-text);font-family:var(--lobby-ui);font-synthesis:none}.real-lobby *,.real-lobby *:before,.real-lobby *:after{box-sizing:border-box}.real-lobby button,.real-lobby input,.real-lobby select{font-family:inherit}.real-lobby__frame{position:relative;isolation:isolate;display:grid;width:min(100%,88rem);min-height:calc(100dvh - 1.25rem);margin-inline:auto;overflow:hidden;border:1px solid var(--lobby-line);border-top:3px solid var(--lobby-yellow);border-radius:1.35rem;background:radial-gradient(circle at 50% 0,rgb(255 202 58 / 10%),transparent 28rem),linear-gradient(145deg,#171e28,#111720);box-shadow:var(--lobby-shadow)}.real-lobby__frame:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 24%,transparent 14%,rgb(255 247 232 / 4%) 14.2%,transparent 14.5%),radial-gradient(circle at 78% 24%,transparent 25%,rgb(85 214 190 / 4%) 25.2%,transparent 25.5%);content:"";pointer-events:none}.real-lobby__room-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;min-height:4.2rem;padding:.75rem clamp(.8rem,2vw,1.35rem);border-bottom:1px solid var(--lobby-line)}.real-lobby__brand{font-family:var(--lobby-display);font-size:1rem;font-weight:800;letter-spacing:-.04em}.real-lobby__room-code{display:grid;justify-items:center}.real-lobby__room-code span,.real-lobby__eyebrow,.real-lobby__status{color:var(--lobby-muted);font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.real-lobby__room-code strong{margin-top:.12rem;font-family:var(--lobby-mono);font-size:1rem;letter-spacing:.14em}.real-lobby__exit{justify-self:end;min-height:2.55rem;padding:.6rem .85rem;border:1px solid rgb(255 92 77 / 34%);border-radius:999px;background:#ff5c4d12;color:#ff8d82;font-size:.62rem;font-weight:800;cursor:pointer}.real-lobby__notice{margin:.75rem clamp(1rem,2.5vw,2rem) 0;padding:.75rem 1rem;border:1px solid rgb(85 214 190 / 28%);border-radius:.8rem;background:#55d6be14;color:var(--lobby-aqua);font-size:.72rem}.real-lobby__notice--error,.real-lobby__dialog-error{border-color:#ff5c4d59;background:#ff5c4d17;color:#ff9a90}.real-lobby__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(19rem,.85fr);grid-template-areas:"intro players" "invite players" "details players";gap:.75rem;min-height:0;padding:clamp(1rem,2.5vw,2rem)}.real-lobby__intro{grid-area:intro;padding:clamp(.5rem,2vw,1.2rem) 0 .5rem}.real-lobby__status{display:flex;align-items:center;gap:.45rem;margin-bottom:.75rem;color:var(--lobby-aqua)}.real-lobby__status-dot{width:.58rem;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 #55d6be59;animation:real-lobby-pulse 1.8s infinite}.real-lobby__intro h1{max-width:none;margin:0;color:var(--lobby-text);font-family:var(--lobby-display);font-size:clamp(2.3rem,6.6vw,5.5rem);font-weight:700;line-height:.86;letter-spacing:-.07em;white-space:nowrap}.real-lobby__intro p{max-width:32rem;margin:.8rem 0 0;color:var(--lobby-muted);font-size:clamp(.76rem,1.4vw,.95rem);line-height:1.65}.real-lobby__panel{min-width:0;border:1px solid var(--lobby-line);border-radius:1.1rem;background:#151c25c7}.real-lobby__invite{grid-area:invite;display:grid;align-content:start;gap:1rem;padding:clamp(1rem,2.5vw,1.5rem)}.real-lobby__panel-heading,.real-lobby__detail-heading,.real-lobby__primary-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.real-lobby__panel-heading h2{margin:.2rem 0 0;color:var(--lobby-text);font-family:var(--lobby-display);font-size:clamp(1.3rem,3vw,2rem);line-height:1;letter-spacing:-.045em}.real-lobby__text-action{border:0;background:transparent;color:var(--lobby-aqua);font-size:.64rem;font-weight:800;cursor:pointer}.real-lobby__invite-body{display:grid;grid-template-columns:minmax(7.5rem,9.5rem) minmax(0,1fr);align-items:center;gap:1rem}.real-lobby__qr{display:grid;aspect-ratio:1;place-items:center;overflow:hidden;padding:.45rem;border-radius:.9rem;background:var(--lobby-text);box-shadow:0 .8rem 2.2rem #00000038}.real-lobby__qr img{display:block;width:100%;height:100%;object-fit:cover}.real-lobby__invite-copy{display:grid;gap:.65rem;min-width:0}.real-lobby__invite-copy>strong{font-family:var(--lobby-display);font-size:1rem}.real-lobby__invite-copy p{margin:0;color:var(--lobby-muted);font-size:.67rem;line-height:1.5}.real-lobby__link-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;padding:.35rem;border:1px solid var(--lobby-line);border-radius:.8rem;background:#080c118c}.real-lobby__link-field input{min-width:0;border:0;outline:0;background:transparent;padding-inline:.35rem;color:var(--lobby-muted);font-family:var(--lobby-mono);font-size:.57rem}.real-lobby__link-field button{min-height:2.45rem;padding:.55rem .8rem;border:0;border-radius:.65rem;background:var(--lobby-aqua);color:var(--lobby-ink);font-size:.64rem;font-weight:800;cursor:pointer}.real-lobby__players-column{grid-area:players;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.75rem;min-height:0}.real-lobby__players{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:31rem;padding:clamp(1rem,2.5vw,1.5rem)}.real-lobby__player-count{display:grid;min-width:2.55rem;aspect-ratio:1;place-items:center;border-radius:50%;background:var(--lobby-coral);color:#230c0a;font-family:var(--lobby-mono);font-size:.78rem;font-weight:800}.real-lobby__player-list{display:grid;align-content:start;gap:.45rem;min-height:0;margin-top:.9rem;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--lobby-yellow) transparent;scrollbar-width:thin}.real-lobby__player{display:grid;grid-template-columns:2.35rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.35rem;padding:.45rem .55rem;border-bottom:1px solid var(--lobby-line)}.real-lobby__avatar{display:grid;width:2.25rem;aspect-ratio:1;place-items:center;border:1px solid var(--lobby-line-strong);border-radius:50%;background:var(--lobby-soft);font-family:var(--lobby-display);font-size:.76rem}.real-lobby__player-copy strong,.real-lobby__player-copy small{display:block}.real-lobby__player-copy strong{overflow:hidden;font-family:var(--lobby-display);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.real-lobby__player-copy small{margin-top:.12rem;color:var(--lobby-muted);font-size:.52rem}.real-lobby__player.is-self .real-lobby__player-copy strong{color:var(--lobby-aqua)}.real-lobby__badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.real-lobby__badge{padding:.28rem .42rem;border:1px solid var(--lobby-line);border-radius:999px;color:var(--lobby-muted);font-size:.46rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.real-lobby__badge--host{border-color:#ffca3a59;color:var(--lobby-yellow)}.real-lobby__badge--jury{border-color:#ff5c4d59;color:#ff8d82}.real-lobby__badge--ready{border-color:#55d6be59;color:var(--lobby-aqua)}.real-lobby__empty{margin:1rem 0 0;color:var(--lobby-muted);font-size:.72rem}.real-lobby__primary-row{min-height:4.6rem;padding:.7rem .35rem .25rem}.real-lobby__action-copy strong,.real-lobby__action-copy small{display:block}.real-lobby__action-copy strong{font-family:var(--lobby-display);font-size:.92rem}.real-lobby__action-copy small{max-width:18rem;margin-top:.14rem;color:var(--lobby-muted);font-size:.54rem;line-height:1.4}.real-lobby__primary{flex:0 0 auto;min-width:9.5rem;min-height:3.3rem;padding:.75rem 1.3rem;border:0;border-radius:.9rem;background:var(--lobby-yellow);box-shadow:0 .38rem #a66e00;color:var(--lobby-ink);font-family:var(--lobby-display);font-size:1rem;font-weight:800;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.real-lobby__primary:active:not(:disabled){transform:translateY(.24rem);box-shadow:0 .12rem #a66e00}.real-lobby__primary:disabled{cursor:not-allowed;opacity:.45}.real-lobby__waiting{margin-left:auto;color:var(--lobby-aqua);font-family:var(--lobby-display);font-size:.9rem;text-align:right}.real-lobby__details{grid-area:details;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.real-lobby__detail-card{display:grid;align-content:start;gap:.75rem;padding:1rem}.real-lobby__detail-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem}.real-lobby__detail-mark{display:grid;width:2.6rem;aspect-ratio:1;place-items:center;border:1px solid var(--lobby-line);border-radius:.8rem;background:var(--lobby-soft);color:var(--lobby-yellow);font-family:var(--lobby-mono);font-size:.75rem;font-weight:800}.real-lobby__detail-status strong,.real-lobby__detail-status small{display:block}.real-lobby__detail-status strong{overflow:hidden;font-family:var(--lobby-display);font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.real-lobby__detail-status small,.real-lobby__jury small{margin-top:.18rem;color:var(--lobby-muted);font-size:.55rem;line-height:1.4}.real-lobby__rule-chips{display:flex;flex-wrap:wrap;gap:.35rem}.real-lobby__rule-chips span{padding:.38rem .5rem;border:1px solid var(--lobby-line);border-radius:.6rem;background:var(--lobby-soft);color:var(--lobby-muted);font-size:.52rem;font-weight:700}.real-lobby__jury{display:grid;gap:.35rem;padding-top:.55rem;border-top:1px solid var(--lobby-line)}.real-lobby__jury label{color:var(--lobby-muted);font-size:.56rem;font-weight:800}.real-lobby__jury select{width:100%;min-height:2.45rem;border:1px solid var(--lobby-line);border-radius:.65rem;background:#101720;color:var(--lobby-text);padding:.45rem .6rem;font-size:.66rem}.real-lobby__modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;overflow:auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#05080cc2;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.real-lobby__dialog{display:grid;gap:.8rem;width:min(100%,29rem);padding:clamp(1.2rem,5vw,2rem);border:1px solid var(--lobby-line-strong);border-top:3px solid var(--lobby-coral);border-radius:1.35rem;background:radial-gradient(circle at 100% 0,rgb(255 92 77 / 12%),transparent 13rem),var(--lobby-surface);box-shadow:0 2rem 6rem #0000007a}.real-lobby__dialog--rules{width:min(100%,46rem);max-height:min(92dvh,52rem);overflow:auto;border-top-color:var(--lobby-yellow)}.real-lobby__dialog h2{max-width:14ch;margin:0;color:var(--lobby-text);font-family:var(--lobby-display);font-size:clamp(2rem,8vw,3rem);line-height:.95;letter-spacing:-.06em}.real-lobby__dialog p{margin:0;color:var(--lobby-muted);font-size:.84rem;line-height:1.55}.real-lobby__dialog-error{padding:.65rem .75rem;border:1px solid rgb(255 92 77 / 35%);border-radius:.65rem;font-size:.68rem}.real-lobby__dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.real-lobby__dialog-actions button{min-height:3.1rem;border-radius:.8rem;font-weight:800;cursor:pointer}.real-lobby__dialog-cancel{border:1px solid var(--lobby-line);background:var(--lobby-soft);color:var(--lobby-text)}.real-lobby__dialog-confirm{border:0;background:var(--lobby-coral);color:#230c0a}.real-lobby__dialog-save{border:0;background:var(--lobby-yellow);color:var(--lobby-ink)}.real-lobby__rules-form{display:grid;gap:1rem}.real-lobby__mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.real-lobby__mode-grid button{display:grid;gap:.35rem;min-height:6.5rem;padding:.8rem;border:1px solid var(--lobby-line);border-radius:.8rem;background:var(--lobby-soft);color:var(--lobby-text);text-align:left;cursor:pointer}.real-lobby__mode-grid button.is-active{border-color:#ffca3a9e;background:#ffca3a17}.real-lobby__mode-grid strong{font-family:var(--lobby-display);font-size:.88rem}.real-lobby__mode-grid small{color:var(--lobby-muted);font-size:.56rem;line-height:1.45}.real-lobby__rule-fields{display:grid;grid-template-columns:repeat(2,minmax(8rem,10rem));justify-content:start;gap:.65rem}.real-lobby__rule-fields label,.real-lobby__rule-readonly{display:grid;width:10rem;max-width:100%;gap:.35rem;color:var(--lobby-muted);font-size:.6rem;font-weight:800}.real-lobby__rule-readonly>strong{display:flex;align-items:center;min-height:2.8rem;border:1px solid var(--lobby-line);border-radius:.7rem;background:#ffffff0a;color:var(--lobby-text);padding:.6rem .7rem;font-family:var(--lobby-mono);font-size:.68rem}.real-lobby__rule-fields input{width:100%;min-height:2.8rem;border:1px solid var(--lobby-line);border-radius:.7rem;outline:0;background:#101720;color:var(--lobby-text);padding:.6rem .7rem}.real-lobby__rule-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.real-lobby__rule-label small{color:var(--lobby-quiet);font-family:var(--lobby-mono);font-size:.52rem;font-weight:500;white-space:nowrap}.real-lobby__unit-input{position:relative}.real-lobby__unit-input input{padding-right:3.4rem}.real-lobby__unit-input--rounds input{padding-right:4.4rem}.real-lobby__unit-input span{position:absolute;top:50%;right:.75rem;color:var(--lobby-muted);transform:translateY(-50%)}.real-lobby__toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.real-lobby__toggle-grid label{display:flex;align-items:center;gap:.55rem;min-height:3rem;padding:.65rem;border:1px solid var(--lobby-line);border-radius:.7rem;background:var(--lobby-soft);font-size:.64rem;font-weight:700}.real-lobby__toggle-grid input{width:1.05rem;aspect-ratio:1;accent-color:var(--lobby-yellow)}.real-lobby__toast{position:fixed;z-index:70;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));padding:.75rem 1rem;border:1px solid rgb(85 214 190 / 35%);border-radius:999px;background:var(--lobby-surface);box-shadow:var(--lobby-shadow);color:var(--lobby-aqua);font-size:.68rem;font-weight:800}@keyframes real-lobby-pulse{70%{box-shadow:0 0 0 .5rem transparent}}@media(max-width:54rem){.real-lobby__layout{grid-template-columns:1fr;grid-template-areas:"intro" "invite" "players" "details" "actions"}.real-lobby__players-column{display:contents}.real-lobby__players{grid-area:players;min-height:0}.real-lobby__player-list{max-height:18rem}.real-lobby__primary-row{grid-area:actions}}@media(max-width:36rem){.real-lobby{padding-inline:.28rem}.real-lobby__room-bar{grid-template-columns:1fr 1fr}.real-lobby__brand{display:none}.real-lobby__room-code{justify-items:start}.real-lobby__layout{padding:.7rem}.real-lobby__intro h1{font-size:clamp(2.25rem,11.5vw,4rem)}.real-lobby__invite-body{grid-template-columns:7.5rem minmax(0,1fr)}.real-lobby__link-field{grid-template-columns:1fr}.real-lobby__link-field input{display:none}.real-lobby__details{grid-template-columns:1fr}.real-lobby__primary-row{align-items:flex-end;padding-inline:.35rem}.real-lobby__primary{min-width:8rem}.real-lobby__mode-grid{grid-template-columns:1fr}}@media(max-width:25rem){.real-lobby__invite-body,.real-lobby__rule-fields,.real-lobby__toggle-grid,.real-lobby__dialog-actions{grid-template-columns:1fr}.real-lobby__qr{width:7.5rem}.real-lobby__primary-row{align-items:stretch;flex-direction:column}.real-lobby__primary{width:100%}}@media(prefers-reduced-motion:reduce){.real-lobby *,.real-lobby *:before,.real-lobby *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell--podium{min-height:100dvh;background:#0b1017}.app-main.app-main--podium{width:100%;max-width:none;margin:0}.app-main--podium>app-podium-page{display:block;width:100%}.final-podium{--podium-bg: #0b1017;--podium-surface: #151c25;--podium-surface-high: #1a222d;--podium-line: rgb(255 247 232 / 14%);--podium-line-strong: rgb(255 247 232 / 23%);--podium-text: #fff7e8;--podium-muted: #aeb6be;--podium-quiet: #697581;--podium-coral: #ff5c4d;--podium-yellow: #ffca3a;--podium-aqua: #55d6be;--podium-ink: #101319;--podium-display: "Bricolage Grotesque", sans-serif;--podium-ui: "Sora", sans-serif;--podium-mono: "DM Mono", monospace;min-height:100dvh;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));background:radial-gradient(circle at 12% 4%,rgb(255 92 77 / 10%),transparent 27rem),radial-gradient(circle at 88% 90%,rgb(85 214 190 / 7%),transparent 25rem),var(--podium-bg);color:var(--podium-text);font-family:var(--podium-ui);font-synthesis:none}.final-podium *,.final-podium *:before,.final-podium *:after{box-sizing:border-box}.final-podium button{font:inherit}.final-podium button:focus-visible,.final-podium [tabindex]:focus-visible{outline:2px solid var(--podium-aqua);outline-offset:3px}.final-podium__frame{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,88rem);height:calc(100dvh - 1.25rem);margin-inline:auto;overflow:hidden;border:1px solid var(--podium-line);border-top:3px solid var(--podium-yellow);border-radius:1.35rem;background:radial-gradient(circle at 34% 18%,rgb(255 202 58 / 8%),transparent 27rem),linear-gradient(145deg,#171e28,#111720);box-shadow:0 1.5rem 4rem #00000057}.final-podium__frame:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 34% 43%,transparent 16%,rgb(255 202 58 / 5%) 16.2%,transparent 16.5%),radial-gradient(circle at 34% 43%,transparent 27%,rgb(85 214 190 / 4%) 27.2%,transparent 27.5%),radial-gradient(circle at 34% 43%,transparent 39%,rgb(255 92 77 / 4%) 39.2%,transparent 39.5%);content:"";pointer-events:none}.final-podium__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;min-height:4.2rem;padding:.72rem clamp(.85rem,2vw,1.45rem);border-bottom:1px solid var(--podium-line)}.final-podium__brand{font-family:var(--podium-display);font-size:1.05rem;font-weight:800;letter-spacing:-.045em}.final-podium__state{display:flex;align-items:center;gap:.5rem;font-size:.72rem}.final-podium__state>span{width:.55rem;aspect-ratio:1;border:2px solid var(--podium-yellow);border-radius:50%;box-shadow:0 0 1rem #ffca3a47}.final-podium__room{display:flex;align-items:center;justify-self:end;gap:.65rem;font-size:.62rem}.final-podium__room strong{color:var(--podium-aqua)}.final-podium__room span{color:var(--podium-muted)}.final-podium__room span:before{display:inline-block;width:.42rem;aspect-ratio:1;margin-right:.4rem;border-radius:50%;background:var(--podium-aqua);content:""}.final-podium__content{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(20rem,.95fr);min-height:0;overflow:hidden}.winner-stage{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden;padding:clamp(1rem,2.2vw,1.8rem) clamp(1rem,2.5vw,2rem) .75rem}.winner-stage:after{position:absolute;z-index:-2;inset:8% 8% 6%;background:radial-gradient(ellipse at center,rgb(255 202 58 / 17%),transparent 42%),radial-gradient(ellipse at 15% 75%,rgb(85 214 190 / 10%),transparent 29%),radial-gradient(ellipse at 85% 75%,rgb(255 92 77 / 10%),transparent 29%);content:"";filter:blur(.4rem)}.winner-stage__rings{position:absolute;z-index:-1;top:41%;left:50%;width:min(68vw,40rem);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 1.25rem,rgb(255 202 58 / 7%) 1.29rem 1.35rem),radial-gradient(circle,rgb(255 202 58 / 8%),transparent 62%);opacity:0;animation:podium-rings-in .9s .65s cubic-bezier(.2,.8,.2,1) forwards}.winner-stage__hero{position:relative;z-index:4;display:grid;justify-items:center;text-align:center;opacity:0;transform:translateY(-.8rem);animation:podium-title-in .64s 1.08s cubic-bezier(.2,.8,.2,1) forwards}.winner-stage__hero>span{color:var(--podium-yellow);font-size:clamp(.82rem,1.5vw,1.08rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.winner-stage__hero h1{max-width:100%;margin:.12rem 0 0;color:var(--podium-text);font-family:var(--podium-display);font-size:clamp(3.3rem,7vw,6.4rem);font-weight:800;line-height:.78;letter-spacing:-.08em;text-transform:uppercase}.winner-stage__hero p{margin-top:.45rem;color:var(--podium-aqua);font-family:var(--podium-display);font-size:clamp(1.15rem,2.8vw,2rem);font-weight:700;line-height:1;letter-spacing:-.04em}.podium-monument{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.12fr) minmax(0,.82fr);align-items:end;align-self:end;width:min(100%,49rem);min-height:20rem;margin:-.2rem auto 0;padding:0 .6rem}.podium-monument:after{position:absolute;z-index:-1;right:0;bottom:-.45rem;left:0;height:3.1rem;border:1px solid var(--podium-line-strong);border-radius:50%;background:linear-gradient(180deg,#ffffff12,#0000006b),var(--podium-surface);box-shadow:inset 0 .2rem #ffca3a47,0 1.1rem 2rem #0000006b;content:"";transform:perspective(26rem) rotateX(55deg)}.podium-place{position:relative;display:grid;grid-template-rows:auto auto auto;justify-items:center;min-width:0;transform:translateY(110%);opacity:0}.podium-place--second{z-index:2;grid-column:1;animation:podium-rise .72s .12s cubic-bezier(.2,.8,.2,1) forwards}.podium-place--third{z-index:2;grid-column:3;animation:podium-rise .72s .26s cubic-bezier(.2,.8,.2,1) forwards}.podium-place--first{z-index:3;grid-column:2;grid-row:1;animation:podium-rise .82s .52s cubic-bezier(.16,.84,.22,1) forwards}.podium-place__medallion{position:relative;z-index:3;display:grid;width:clamp(5.1rem,9vw,7.5rem);aspect-ratio:1;margin-bottom:-.8rem;place-items:center;border:.32rem solid var(--podium-line-strong);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgb(255 255 255 / 12%),transparent 38%),#151c25;box-shadow:0 .8rem 2rem #00000073}.podium-place__medallion strong{font-family:var(--podium-display);font-size:clamp(2.4rem,5vw,4rem);line-height:1}.podium-place--first .podium-place__medallion{width:clamp(6rem,11vw,9rem);border-color:var(--podium-yellow);box-shadow:0 0 0 .18rem #ffca3a2e,0 0 2.6rem #ffca3a3d,0 1rem 2.2rem #0000007a}.podium-place--first .podium-place__medallion strong{color:var(--podium-yellow)}.podium-place--second .podium-place__medallion{border-color:#55d6bead}.podium-place--second .podium-place__medallion strong{color:var(--podium-aqua)}.podium-place--third .podium-place__medallion{border-color:#ff5c4d9e}.podium-place--third .podium-place__medallion strong{color:#ff8d82}.podium-place__name{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;width:calc(100% + .4rem);min-height:2.35rem;border:1px solid var(--podium-line-strong);border-radius:.45rem;background:#0a0f16f0;padding:.45rem .55rem;box-shadow:0 .7rem 1.2rem #0000005c}.podium-place__name>strong{overflow:hidden;font-family:var(--podium-display);font-size:clamp(.75rem,1.4vw,1.08rem);text-overflow:ellipsis;white-space:nowrap}.podium-place__block{display:grid;align-content:center;justify-items:center;width:100%;min-height:9.2rem;border:1px solid var(--podium-line-strong);border-bottom:0;background:linear-gradient(90deg,rgb(255 255 255 / 3%),transparent 18% 82%,rgb(0 0 0 / 18%)),repeating-linear-gradient(90deg,transparent 0 .85rem,rgb(255 255 255 / 2%) .9rem .94rem),linear-gradient(180deg,#202933,#111821);box-shadow:inset 0 .18rem #ffffff12,0 1rem 2rem #0000005c}.podium-place--first .podium-place__block{min-height:12rem;border-color:#ffca3a6b;box-shadow:inset 0 .2rem #ffca3a73,0 0 2rem #ffca3a17,0 1rem 2rem #0000006b}.podium-place--second .podium-place__block{min-height:8.6rem;box-shadow:inset 0 .18rem #55d6be6b,0 1rem 2rem #0000005c}.podium-place--third .podium-place__block{min-height:7.4rem;box-shadow:inset 0 .18rem #ff5c4d61,0 1rem 2rem #0000005c}.podium-place__block>span{color:var(--podium-muted);font-family:var(--podium-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:.9}.podium-place--first .podium-place__block>span{color:var(--podium-yellow)}.podium-place__block>strong{margin-top:.65rem;color:var(--podium-text);font-family:var(--podium-mono);font-size:clamp(1.6rem,3.4vw,2.8rem);line-height:1}.podium-place--first .podium-place__block>strong{color:var(--podium-yellow)}.podium-place--second .podium-place__block>strong{color:var(--podium-aqua)}.podium-place--third .podium-place__block>strong{color:#ff8d82}.podium-place__block>small{margin-top:.22rem;color:var(--podium-muted);font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.podium-badge{display:inline-flex;align-items:center;min-height:1.2rem;border-radius:999px;padding:.2rem .42rem;font-size:.48rem;font-weight:800;line-height:1;white-space:nowrap}.podium-badge--self{background:var(--podium-yellow);color:var(--podium-ink)}.podium-badge--host{background:var(--podium-coral);color:#fff}.podium-badge--jury{background:var(--podium-aqua);color:var(--podium-ink)}.winner-stage__summary{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,35rem);min-height:3.2rem;margin:-.3rem auto 0;border:1px solid var(--podium-line-strong);border-radius:.9rem;background:#0b1017eb;box-shadow:0 .8rem 1.8rem #00000057;opacity:0;animation:podium-summary-in .52s 1.28s ease forwards}.winner-stage__summary>div{display:grid;align-content:center;min-width:0;padding:.55rem .8rem}.winner-stage__summary>div+div{border-left:1px solid var(--podium-line)}.winner-stage__summary span{color:var(--podium-aqua);font-size:.45rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.winner-stage__summary strong{overflow:hidden;margin-top:.18rem;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.final-ranking{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;margin:clamp(.85rem,1.8vw,1.5rem) clamp(.85rem,1.8vw,1.5rem) clamp(.85rem,1.8vw,1.5rem) 0;overflow:hidden;border:1px solid var(--podium-line-strong);border-radius:1.1rem;background:radial-gradient(circle at 50% 0,rgb(255 202 58 / 5%),transparent 13rem),#0d141deb;box-shadow:0 1.2rem 2.8rem #00000047;opacity:0;transform:translate(1rem);animation:podium-ranking-in .58s .98s cubic-bezier(.2,.8,.2,1) forwards}.final-ranking__heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;padding:1.2rem 1.2rem .85rem}.final-ranking__heading h2{color:var(--podium-text);font-family:var(--podium-ui);font-size:.85rem;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase}.final-ranking__heading span{height:1px;background:linear-gradient(90deg,transparent,rgb(255 202 58 / 50%))}.final-ranking__heading span:last-child{background:linear-gradient(90deg,rgb(255 202 58 / 50%),transparent)}.final-ranking__columns,.final-ranking__row{display:grid;grid-template-columns:2.6rem minmax(0,1fr) 3.4rem 3.2rem;align-items:center;gap:.4rem}.final-ranking__columns{padding:0 1rem .55rem;color:var(--podium-quiet);font-family:var(--podium-mono);font-size:.45rem;letter-spacing:.07em;text-transform:uppercase}.final-ranking__columns span:last-child{text-align:right}.final-ranking__list{position:relative;min-height:0;margin:0 .35rem .5rem 0;padding:0 .55rem 1rem .85rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgb(255 247 232 / 32%) transparent;scrollbar-width:thin}.final-ranking__list:after{position:sticky;right:0;bottom:-1rem;left:0;display:block;height:1.4rem;background:linear-gradient(transparent,#0d141df5);content:"";pointer-events:none}.final-ranking__list::-webkit-scrollbar{width:.35rem}.final-ranking__list::-webkit-scrollbar-track{background:transparent}.final-ranking__list::-webkit-scrollbar-thumb{border-radius:999px;background:#fff7e847}.final-ranking__row{min-height:3.8rem;border-bottom:1px solid var(--podium-line);padding:.55rem .65rem;opacity:0;transform:translateY(.65rem);animation:podium-row-in .44s calc(1.18s + (var(--row-index) * 65ms)) ease forwards}.final-ranking__row.is-winner{margin-bottom:.2rem;border:1px solid rgb(255 202 58 / 58%);border-radius:.75rem;background:linear-gradient(100deg,#ffca3a17,#ff5c4d0a);box-shadow:0 0 1.3rem #ffca3a14}.final-ranking__position{color:var(--podium-muted);font-family:var(--podium-display);font-size:1.15rem;font-weight:800;text-align:center}.final-ranking__row.is-winner .final-ranking__position{color:var(--podium-yellow)}.final-ranking__player{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:0}.final-ranking__avatar{display:grid;width:2rem;aspect-ratio:1;place-items:center;border:1px solid var(--podium-line-strong);border-radius:50%;background:#ffffff0d;color:var(--podium-muted);font-family:var(--podium-display);font-size:.85rem;font-weight:800}.final-ranking__row.is-winner .final-ranking__avatar{border-color:var(--podium-yellow);color:var(--podium-yellow)}.final-ranking__identity{display:grid;min-width:0}.final-ranking__identity>strong{overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.final-ranking__badges{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.15rem}.final-ranking__delta{color:var(--podium-quiet);font-family:var(--podium-mono);font-size:.68rem;text-align:center}.final-ranking__delta[data-tone=positive]{color:var(--podium-aqua)}.final-ranking__delta[data-tone=negative]{color:#ff7f75}.final-ranking__delta[data-tone=new]{color:var(--podium-yellow);font-family:var(--podium-ui);font-size:.48rem;font-weight:800}.final-ranking__delta[data-tone=hidden]{visibility:hidden}.final-ranking__score{color:var(--podium-text);font-family:var(--podium-mono);font-size:1.1rem;text-align:right}.final-ranking__row.is-winner .final-ranking__score{color:var(--podium-yellow)}.final-podium__actions{position:relative;z-index:8;display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:5.3rem;margin:0 clamp(.85rem,1.8vw,1.5rem) clamp(.85rem,1.8vw,1.25rem);border:1px solid var(--podium-line-strong);border-radius:1rem;background:#0b1017eb;padding:.7rem 1rem;box-shadow:0 .9rem 2.2rem #00000047;opacity:0;transform:translateY(1rem);animation:podium-actions-in .52s 1.72s ease forwards}.final-podium__primary,.final-podium__secondary{display:inline-flex;align-items:center;justify-content:center;min-width:13rem;min-height:3.25rem;border-radius:999px;padding:.75rem 1.4rem;font-size:.78rem;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.final-podium__primary{border:0;background:var(--podium-coral);color:#fff;box-shadow:0 .8rem 2rem #ff5c4d3b}.final-podium__secondary{border:1px solid rgb(255 247 232 / 68%);background:transparent;color:var(--podium-text)}.final-podium__primary:hover:not(:disabled),.final-podium__secondary:hover:not(:disabled){transform:translateY(-1px)}.final-podium__primary:disabled,.final-podium__secondary:disabled{cursor:wait;opacity:.58}.final-podium__actions>p{color:var(--podium-muted);font-size:.6rem}.final-podium__waiting{display:grid;min-width:min(22rem,100%)}.final-podium__waiting strong{font-size:.78rem}.final-podium__waiting span{margin-top:.2rem;color:var(--podium-muted);font-size:.58rem}.final-podium__error{position:absolute;top:-2.2rem;left:50%;max-width:calc(100% - 2rem);transform:translate(-50%);border:1px solid rgb(255 92 77 / 35%);border-radius:999px;background:#371416f0;color:#ff9a90!important;padding:.45rem .8rem;font-size:.58rem!important;white-space:nowrap}.final-podium__system{display:grid;align-content:center;justify-items:center;min-height:0;padding:2rem;text-align:center}.final-podium__system h1{max-width:18ch;font-family:var(--podium-display);font-size:clamp(2rem,5vw,4rem);line-height:.95}.final-podium__system p{margin-top:.75rem;color:var(--podium-muted)}.final-podium__loader{width:2rem;aspect-ratio:1;margin-bottom:1rem;border:.18rem solid var(--podium-line);border-top-color:var(--podium-yellow);border-radius:50%;animation:podium-spin .8s linear infinite}@keyframes podium-rise{to{opacity:1;transform:translateY(0)}}@keyframes podium-rings-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes podium-title-in{to{opacity:1;transform:translateY(0)}}@keyframes podium-ranking-in{to{opacity:1;transform:translate(0)}}@keyframes podium-row-in{to{opacity:1;transform:translateY(0)}}@keyframes podium-summary-in{to{opacity:1;transform:translateY(0)}}@keyframes podium-actions-in{to{opacity:1;transform:translateY(0)}}@keyframes podium-spin{to{transform:rotate(1turn)}}@media(max-width:70rem){.final-podium__frame{height:auto;min-height:calc(100dvh - 1.25rem);overflow:visible}.final-podium__content{grid-template-columns:1fr;overflow:visible}.winner-stage{min-height:43rem}.final-ranking{height:min(31rem,65dvh);margin:0 1rem 1rem}}@media(max-width:44rem){.final-podium__bar{grid-template-columns:1fr auto}.final-podium__state{display:none}.winner-stage{min-height:37rem;padding-inline:.65rem}.winner-stage__hero h1{font-size:clamp(3rem,18vw,5rem)}.podium-monument{min-height:18rem;padding-inline:0}.podium-place__medallion{width:clamp(4rem,20vw,5.5rem)}.podium-place--first .podium-place__medallion{width:clamp(5rem,25vw,6.5rem)}.podium-place__name{min-height:2rem;padding-inline:.25rem}.podium-place__name>strong{max-width:7ch;font-size:.67rem}.podium-badge{font-size:.42rem}.podium-place__block{min-height:7.2rem}.podium-place--first .podium-place__block{min-height:10rem}.podium-place--second .podium-place__block{min-height:7rem}.podium-place--third .podium-place__block{min-height:6.2rem}.winner-stage__summary{width:calc(100% - 1rem)}.winner-stage__summary>div{padding-inline:.45rem}.final-ranking__columns,.final-ranking__row{grid-template-columns:2rem minmax(0,1fr) 2.9rem 2.7rem}.final-ranking__columns{padding-inline:.65rem}.final-ranking__row{padding-inline:.35rem}.final-ranking__avatar{width:1.75rem}.final-podium__actions{align-items:stretch;flex-direction:column}.final-podium__primary,.final-podium__secondary{width:100%;min-width:0}.final-podium__actions>p,.final-podium__waiting{text-align:center}}@media(max-height:49rem)and (min-width:70.01rem){.winner-stage__hero h1{font-size:clamp(3rem,6vw,5rem)}.podium-monument{min-height:16rem}.podium-place__medallion{width:5rem}.podium-place--first .podium-place__medallion{width:6rem}.podium-place__block{min-height:6.5rem}.podium-place--first .podium-place__block{min-height:8rem}.podium-place--second .podium-place__block{min-height:6.2rem}.podium-place--third .podium-place__block{min-height:5.5rem}}@media(prefers-reduced-motion:reduce){.final-podium *,.final-podium *:before,.final-podium *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}