:root{color:#f5f5f7;background:#0b0b0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html{min-height:100%;background:#0b0b0c}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#root{min-height:100svh}button,input{font:inherit}button{touch-action:manipulation}.app-shell{position:relative;display:flex;min-height:100svh;flex-direction:column;gap:12px;overflow-x:clip;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#0b0b0c}.app-shell.is-join-screen{--join-bg: #ffffff;--join-text: #2f3138;--join-muted: #6e6e73;--join-header-bg: #050506;--join-header-text: #ffffff;--join-control-bg: #dedede;--join-control-text: #2f3138;--join-control-placeholder: #5a5d65;--join-control-focus: rgba(0, 0, 0, .16);--join-card-bg: #f3f3f3;--join-card-border: #dedede;--join-button-active-bg: #0b0b0c;--join-button-active-text: #ffffff;gap:0;padding:0;color-scheme:light;background:var(--join-bg);color:var(--join-text)}@media(prefers-color-scheme:dark){.app-shell.is-join-screen{--join-bg: #0b0b0c;--join-text: #f5f5f7;--join-muted: #a1a1aa;--join-header-bg: #1c1c1e;--join-header-text: #f5f5f7;--join-control-bg: #2c2c2e;--join-control-text: #f5f5f7;--join-control-placeholder: #a1a1aa;--join-control-focus: rgba(245, 245, 247, .16);--join-card-bg: #1c1c1e;--join-card-border: #3a3a3c;--join-button-active-bg: #f5f5f7;--join-button-active-text: #0b0b0c;color-scheme:dark}}.light{display:none}.app-nav{position:sticky;top:max(0px,env(safe-area-inset-top));z-index:20;display:grid;grid-template-columns:48px minmax(0,1fr) auto;width:min(100%,980px);min-height:62px;align-items:center;gap:12px;margin:0 auto;padding:8px 8px 8px 10px;border:1px solid #2c2c2e;border-radius:8px;background:#1c1c1ee0;box-shadow:0 12px 34px #00000038;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-shell.is-join-screen .app-nav{top:0;width:100%;min-height:92px;margin:0;padding:max(16px,env(safe-area-inset-top)) 20px 17px;border:0;border-radius:0;background:var(--join-header-bg);color:var(--join-header-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-leading{display:flex;min-width:0;align-items:center;justify-self:start}.nav-app-icon{display:block;width:42px;height:42px;border-radius:8px;object-fit:cover;box-shadow:0 8px 20px #0000003d}.app-shell.is-join-screen .nav-app-icon{width:36px;height:36px;box-shadow:0 8px 18px #0a145038}.nav-brand{display:grid;min-width:0;justify-items:center;text-align:center}.nav-brand strong,.nav-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-brand strong{font-size:1.16rem;font-style:italic;font-weight:950;line-height:1.1}.app-shell.is-join-screen .nav-brand strong{font-size:clamp(1.45rem,6vw,1.9rem);letter-spacing:0}.nav-brand small{color:#a1a1aa;font-size:.76rem;font-weight:800}.nav-account{position:relative;flex:0 0 auto;justify-self:end}.nav-account-button{min-height:42px;border:1px solid #3a3a3c;border-radius:8px;background:#1c1c1e;color:#f5f5f7;padding:0 14px;font-size:.84rem;font-weight:950;cursor:pointer}.app-shell.is-join-screen .nav-account-button{min-width:74px;min-height:38px;border-color:color-mix(in srgb,var(--join-header-text),transparent 72%);background:color-mix(in srgb,var(--join-header-text),transparent 86%);color:var(--join-header-text)}.app-shell.is-join-screen .nav-account-button[aria-expanded=true]{border-color:var(--join-header-text);background:color-mix(in srgb,var(--join-header-text),transparent 78%)}.nav-account-button[aria-expanded=true]{border-color:#f5f5f7;background:#2c2c2e}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;width:min(320px,calc(100vw - 28px));gap:12px;border:1px solid #3a3a3c;border-radius:8px;background:#1c1c1efa;box-shadow:0 24px 70px #00000061;padding:14px;text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.account-menu strong,.account-menu small{display:block}.account-menu small{margin-top:3px;color:#a1a1aa;font-size:.78rem;font-weight:800;line-height:1.35}.join-panel,.player-card,.answer-stage{position:relative;z-index:1;width:min(100%,520px);margin:0 auto}.join-panel,.player-card{display:flex;flex-direction:column;gap:18px}.join-panel{padding-bottom:18px}.app-shell.is-join-screen .join-panel{width:min(100%,590px);gap:22px;padding:30px max(20px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.player-card{min-height:calc(100svh - 102px);justify-content:center}.join-heading{display:grid;gap:4px;padding-top:8px}.app-shell.is-join-screen .join-heading{display:none}.join-heading h1{font-size:clamp(2.3rem,10vw,3.8rem)}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:8px;background:#f5f5f7;color:#0b0b0c;font-weight:900}.brand-lockup p,.avatar-section p,.overline{margin:0 0 4px;color:#a1a1aa;font-size:.82rem;font-weight:800;text-transform:uppercase}h1{margin:0;font-size:clamp(2.5rem,14vw,4.6rem);line-height:.92}.field-label{display:grid;gap:8px;color:#c7c7cc;font-size:.82rem;font-weight:800;text-transform:uppercase}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-shell.is-join-screen .field-label{gap:10px;color:var(--join-text);font-size:1.1rem;font-weight:950}input{width:100%;min-height:58px;border:1px solid #3a3a3c;border-radius:8px;background:#1c1c1e;color:#f5f5f7;padding:0 16px;font-size:16px;outline:none;box-shadow:inset 0 1px #ffffff0f}input:focus{border-color:#f5f5f7;box-shadow:0 0 0 4px #f5f5f71f}.app-shell.is-join-screen input{min-height:56px;border:0;border-radius:8px;background:var(--join-control-bg);color:var(--join-control-text);padding:0 18px;font-size:1.14rem;font-weight:950;text-transform:uppercase;box-shadow:none}.app-shell.is-join-screen input::placeholder{color:var(--join-control-placeholder);opacity:1}.app-shell.is-join-screen input:focus{box-shadow:0 0 0 4px var(--join-control-focus)}.avatar-grid{display:flex;gap:10px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 14px;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch}.profile-panel .avatar-section{display:grid;width:100%;min-width:0;gap:8px}.profile-panel .avatar-section p{margin:0}.profile-panel .avatar-grid{margin-inline:-2px;padding-bottom:8px;scrollbar-width:none}.profile-panel .avatar-grid::-webkit-scrollbar{display:none}.app-shell.is-join-screen .avatar-section{display:grid;gap:10px}.app-shell.is-join-screen .avatar-section p{margin:0;color:var(--join-text);font-size:1.1rem;font-weight:950}.app-shell.is-join-screen .avatar-grid{gap:8px;margin-inline:-20px;padding:2px 20px 8px;scrollbar-width:none}.app-shell.is-join-screen .avatar-grid::-webkit-scrollbar{display:none}.avatar-grid::-webkit-scrollbar{height:7px}.avatar-grid::-webkit-scrollbar-track{background:#1c1c1e;border-radius:999px}.avatar-grid::-webkit-scrollbar-thumb{background:#636366;border-radius:999px}.avatar-card{flex:0 0 112px;min-height:104px;border:1px solid color-mix(in srgb,var(--avatar-bg),white 34%);border-radius:8px;background:linear-gradient(160deg,color-mix(in srgb,var(--avatar-bg),white 12%),#1c1c1ee0);color:#f5f5f7;display:grid;place-items:center;gap:6px;padding:10px 8px}.app-shell.is-join-screen .avatar-card{flex-basis:88px;min-height:96px;border-color:var(--join-card-border);background:var(--join-card-bg);color:var(--join-text)}.app-shell.is-join-screen .avatar-card.is-selected{border-color:var(--join-button-active-bg);box-shadow:0 0 0 3px var(--join-control-focus)}.app-shell.is-join-screen .avatar-card span{font-size:.72rem}.avatar-card.is-selected{border-color:var(--avatar-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--avatar-accent),transparent 70%)}.avatar-card.is-taken{cursor:not-allowed;opacity:.42;filter:grayscale(.35)}.avatar-card.is-taken .avatar-image{transform:scale(.94)}.avatar-card span{font-size:.78rem;font-weight:900;line-height:1.1;text-align:center}.avatar-card small{margin-top:-4px;color:#f5f5f7c7;font-size:.66rem;font-weight:950;text-transform:uppercase}.avatar-image{display:block;width:64px;height:64px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.34);box-shadow:0 10px 26px #0000003d}.primary-action{width:100%;max-width:100%;min-height:62px;border:0;border-radius:8px;color:#0b0b0c;background:#f5f5f7;font-weight:950;cursor:pointer}.app-shell.is-join-screen .primary-action{width:min(100%,480px);min-height:64px;justify-self:center;color:var(--join-control-text);background:var(--join-control-bg);font-size:1.1rem;text-transform:uppercase;box-shadow:none}.app-shell.is-join-screen .primary-action:not(:disabled){color:var(--join-button-active-text);background:var(--join-button-active-bg)}.secondary-action{max-width:100%;min-height:44px;border:1px solid #3a3a3c;border-radius:8px;background:#1c1c1e;color:#f5f5f7;padding:0 14px;font-size:.86rem;font-weight:950;cursor:pointer}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.42}.join-submit{position:sticky;bottom:max(0px,env(safe-area-inset-bottom));z-index:4;flex-shrink:0;margin-top:auto;box-shadow:0 -10px 36px #00000047,0 18px 42px #0003}.app-shell.is-join-screen .join-submit{position:static;margin-top:10px}.reconnect-card{min-height:74px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;border:1px solid #3a3a3c;border-radius:8px;background:#1c1c1e;padding:12px}.app-shell.is-join-screen .reconnect-card{border-color:var(--join-card-border);background:var(--join-card-bg)}.app-shell.is-join-screen .reconnect-card small{color:var(--join-muted)}.app-shell.is-join-screen .secondary-action{border-color:var(--join-card-border);background:var(--join-control-bg);color:var(--join-control-text)}.reconnect-card strong,.reconnect-card small{display:block}.reconnect-card small{margin-top:3px;color:#a1a1aa;font-size:.78rem;font-weight:800}.player-card{align-items:center;text-align:center}.break-card{gap:14px}.break-card h1{font-size:clamp(2.35rem,13vw,4.2rem)}.large-avatar{display:grid;place-items:center;width:190px;height:190px;border-radius:999px;background:var(--avatar-bg);box-shadow:0 28px 80px #00000059}.large-avatar .avatar-image{width:172px;height:172px;border-width:4px}.avatar-pose-preview{width:min(100%,300px);aspect-ratio:4 / 3;border:1px solid color-mix(in srgb,var(--avatar-bg),white 26%);border-radius:8px;background:#0b0b0c;overflow:hidden;box-shadow:0 22px 58px #00000052}.avatar-pose-image{display:block;width:100%;height:100%;object-fit:cover}.status-text{margin:0 0 18px;color:#a1a1aa;font-weight:800}.form-error{margin:0;color:#fc0;font-weight:850}.account-form{display:grid;grid-template-columns:1fr;gap:8px;align-items:center}.account-form input{min-height:44px}.party-dashboard{position:relative;z-index:1;width:min(100%,980px);margin:0 auto;min-height:calc(100svh - 102px);display:grid;grid-template-rows:auto 1fr;gap:16px;padding-bottom:24px}.party-header{display:flex;justify-content:space-between;align-items:end;gap:16px}.party-header h1{font-size:clamp(2.4rem,12vw,4.2rem)}.role-pill{display:inline-grid;place-items:center;min-width:86px;min-height:42px;border-radius:8px;background:#1c1c1e;color:#c7c7cc;font-weight:950}.role-pill.is-vip{background:#f5f5f7;color:#0b0b0c}.role-pill.is-paused{background:#2c2c2e;color:#f5f5f7}.dashboard-grid{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(320px,1.15fr) minmax(300px,1fr);gap:14px;align-items:stretch}.panel{border:1px solid #2c2c2e;border-radius:8px;background:#151517;padding:16px;box-shadow:0 16px 48px #00000038}.profile-panel{display:grid;justify-items:center;align-content:start;text-align:center;gap:12px}.profile-copy{display:grid;gap:4px}.selected-pack-name{font-size:1.1rem}.panel-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.panel-title-row h2{min-width:0;margin:0;font-size:1.4rem}.panel-title-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a1a1aa;font-weight:850}.roster-list{display:grid;gap:10px}.roster-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:6px;border:1px solid transparent;border-radius:8px}.roster-row.is-paused{border-color:#2c2c2e;background:#1c1c1e}.roster-row.is-paused .mini-avatar,.roster-row.is-paused .roster-copy{opacity:.52;filter:grayscale(.35)}.roster-copy{min-width:0}.roster-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row small{display:block;color:#a1a1aa;font-weight:760}.roster-row b{display:inline-grid;place-items:center;min-height:24px;border-radius:999px;background:#2c2c2e;padding:0 8px;color:#f5f5f7;font-size:.78rem}.roster-badges{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}.roster-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-action{min-width:0;min-height:40px;border:1px solid #3a3a3c;border-radius:8px;background:#242426;color:#f5f5f7;font-size:.82rem;font-weight:950;cursor:pointer}.mini-action.is-danger{color:#ff9f0a}.mini-action:disabled{cursor:not-allowed;opacity:.42}.mini-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--avatar-bg);overflow:hidden}.mini-avatar .avatar-image{width:48px;height:48px;border:0;box-shadow:none}.vip-start-panel{display:grid;align-content:center;gap:18px}.vip-start-panel p{margin:0;color:#a1a1aa;font-weight:800;line-height:1.35}.pack-picker{display:grid;width:min(100%,680px);margin:0 auto;gap:14px;align-content:start}.pack-select-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:14px;align-items:start}.room-side-stack{display:grid;gap:14px;min-width:0}.compact-profile-panel .avatar-pose-preview{width:min(100%,224px)}.pack-waiting{min-height:min(420px,calc(100svh - 150px));align-content:center}.pack-picker-heading{display:grid;gap:2px}.pack-picker-heading h2{margin:0;font-size:clamp(1.9rem,9vw,3.2rem);line-height:1}.pack-picker-nav{display:flex;min-height:42px;align-items:center}.back-button{min-height:40px;border:1px solid #3a3a3c;border-radius:8px;background:#1c1c1e;color:#f5f5f7;padding:0 14px;font-weight:900;cursor:pointer}.controller-list{display:grid;gap:10px}.group-picker-row,.pack-picker-row,.selected-group-card{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0;min-height:82px;border:1px solid #2c2c2e;border-radius:8px;background:#1c1c1e;color:#f5f5f7;padding:12px;text-align:left}.group-picker-row,.pack-picker-row{cursor:pointer}.group-picker-row:disabled{cursor:default;opacity:.55}.selected-group-card{background:#f5f5f7;color:#0b0b0c}.selected-group-card small{color:#6e6e73}.browser-artwork,.pack-artwork{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#2c2c2e}.browser-artwork-fallback,.pack-artwork-fallback{display:block}.group-picker-row>span,.selected-group-card>span,.pack-copy{display:grid;min-width:0;gap:3px}.group-picker-row strong,.group-picker-row small,.selected-group-card strong,.selected-group-card small,.pack-copy strong,.pack-copy small,.pack-eyebrow{min-width:0;overflow:hidden;text-overflow:ellipsis}.group-picker-row strong,.selected-group-card strong,.pack-copy strong{white-space:nowrap}.group-picker-row small,.selected-group-card small,.pack-copy small{display:-webkit-box;color:#a1a1aa;font-size:.82rem;font-weight:760;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pack-picker-item{display:grid;min-width:0;overflow:hidden;border:1px solid #2c2c2e;border-radius:8px;background:#1c1c1e}.pack-picker-item.is-selected{border-color:#f5f5f7;background:#242426}.pack-picker-row{min-height:94px;border:0;border-radius:0;background:transparent}.pack-eyebrow{color:#a1a1aa;font-size:.72rem;font-weight:950;text-transform:uppercase;white-space:nowrap}.pack-copy strong{font-size:1.08rem}.pack-confirm{display:grid;padding:0 12px 12px 84px}.pack-confirm .primary-action{min-height:54px}.empty-browser{margin:0;color:#a1a1aa;font-weight:820}.round-results-controller{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.result-hero{display:grid;align-content:center;gap:10px;min-height:0}.result-hero h2{margin:0;font-size:clamp(1.65rem,8vw,2.65rem);line-height:.96}.result-hero .primary-action{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:2}.vip-note{color:#a1a1aa;font-weight:850}.result-list{display:grid;gap:10px;min-width:0}.result-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:8px;border:1px solid #2c2c2e;border-radius:8px;background:#1c1c1e}.result-row>span:not(.mini-avatar):not(.rank-chip){min-width:0}.result-row.is-winner{border-color:#f5f5f7;background:#242426}.result-row strong,.result-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-row small{color:#a1a1aa;font-weight:760}.result-row b{color:#f5f5f7;font-weight:950}.rank-chip{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#f5f5f7;color:#0b0b0c;font-weight:950}.result-songs-panel{grid-column:1 / -1;min-width:0}.result-song-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.result-song-row{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:8px 10px;flex:0 0 210px;max-width:100%;min-height:122px;border:1px solid #2c2c2e;border-radius:8px;background:#1c1c1e;color:#f5f5f7;padding:10px;text-align:left}.result-song-row:disabled{cursor:default}.result-song-row.is-playing{border-color:#f5f5f7;background:#242426}.result-song-row img,.result-song-artwork-fallback{width:54px;height:54px;border-radius:8px;object-fit:cover;background:#2c2c2e}.result-song-row span{display:grid;gap:3px;min-width:0}.result-song-row strong,.result-song-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-song-row small{color:#a1a1aa;font-weight:760}.result-song-row b{grid-column:1 / -1;justify-self:start;color:#f5f5f7;font-size:.72rem;font-weight:950;text-transform:uppercase}.answer-stage{min-height:calc(100svh - 102px);display:grid;grid-template-rows:auto 96px 1fr;gap:18px;place-items:center}.question-copy{width:min(100%,620px);text-align:center}.score-chip{display:inline-grid;grid-auto-flow:column;align-items:center;gap:.55rem;margin:.35rem 0 .65rem;padding:.52rem .82rem;border:1px solid #3a3a3c;border-radius:8px;background:#1c1c1e}.score-chip span{color:#a1a1aa;font-size:.72rem;font-weight:850;text-transform:uppercase}.score-chip strong{color:#f5f5f7;font-size:1.16rem;font-weight:950}.question-copy h1{font-size:clamp(1.45rem,7vw,2.55rem);line-height:1.04}.timer-ring{display:grid;place-items:center;width:84px;height:84px;border-radius:999px;background:conic-gradient(#f5f5f7 0 var(--timer-progress, 72%),#2c2c2e var(--timer-progress, 72%) 100%);font-weight:950}.timer-ring span{display:grid;place-items:center;width:66px;height:66px;border-radius:999px;background:#0b0b0c}.choice-pad{display:grid;width:min(100%,520px);max-width:100%;grid-template:"top top" clamp(104px,18svh,132px) "left right" clamp(104px,18svh,132px) "bottom bottom" clamp(104px,18svh,132px) / minmax(0,1fr) minmax(0,1fr);gap:16px}.choice{min-width:0;min-height:0;height:100%;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#f5f5f7;background:#1c1c1e;font-weight:950;display:grid;align-content:center;gap:6px;padding:10px}.choice.is-picked{background:#f5f5f7;border-color:#f5f5f7;color:#0b0b0c}.choice:disabled{opacity:.72}.choice.is-waiting{border-style:dashed;background:#151517}.choice span{color:#a1a1aa;font-size:.72rem;text-transform:uppercase}.choice strong{display:-webkit-box;min-width:0;line-height:1.05;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:clamp(1rem,4.2vw,1.18rem)}.choice-loading-bar{width:min(72px,70%);height:14px;justify-self:center;border-radius:999px;background:linear-gradient(90deg,#f5f5f72e,#f5f5f76b,#f5f5f72e);background-size:200% 100%;animation:choiceLoading 1.2s ease-in-out infinite}.choice.is-artwork{padding:8px}.choice-artwork{width:min(100%,116px);aspect-ratio:1;justify-self:center;border-radius:8px;object-fit:cover;box-shadow:0 16px 38px #00000042}.question-actions{display:grid;gap:.75rem;margin-top:1rem}.choice-top{grid-area:top;justify-self:center;width:60%}.choice-left{grid-area:left}.choice-right{grid-area:right}.choice-bottom{grid-area:bottom;justify-self:center;width:60%}@keyframes choiceLoading{0%{background-position:120% 0}to{background-position:-80% 0}}@media(max-width:820px){.dashboard-grid,.pack-select-layout{grid-template-columns:1fr}.party-dashboard{min-height:auto;grid-template-rows:auto}.round-results-controller{grid-template-columns:1fr;width:100%;min-width:0}.result-hero{grid-row:auto;min-height:0}.result-song-list{display:grid;overflow:visible}.result-song-row{width:100%;min-width:0;min-height:74px;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:auto;flex:none}.result-song-row img,.result-song-artwork-fallback{width:48px;height:48px}.result-song-row b{grid-column:auto;justify-self:end;align-self:center}.party-header{align-items:start}.profile-panel{grid-template-columns:96px 1fr;justify-items:start;text-align:left}.profile-panel .avatar-section,.profile-panel .form-error,.profile-panel .profile-copy{grid-column:1 / -1}.profile-panel .avatar-pose-preview{grid-column:1 / -1;width:min(100%,340px);justify-self:center}.profile-panel .large-avatar{width:96px;height:96px}.profile-panel .large-avatar .avatar-image{width:88px;height:88px;border-width:2px}}@media(max-width:520px){.app-shell{gap:12px}.app-nav{min-height:58px;padding:7px}.nav-brand{gap:8px}.nav-brand-mark{width:38px;height:38px}.nav-brand strong,.nav-brand small{max-width:calc(100vw - 188px)}.nav-account-button{min-height:40px;padding:0 12px}.account-menu{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 64px);right:max(14px,env(safe-area-inset-right));left:max(14px,env(safe-area-inset-left));width:auto}.join-panel{gap:14px}.join-heading h1{font-size:clamp(2rem,11vw,3rem)}.avatar-grid{margin-inline:-2px;padding-bottom:10px;scrollbar-width:none}.avatar-grid::-webkit-scrollbar{display:none}.avatar-card{flex-basis:100px;min-height:96px}.avatar-image{width:58px;height:58px}.join-submit{bottom:max(12px,env(safe-area-inset-bottom))}.reconnect-card{grid-template-columns:48px 1fr}.reconnect-card .secondary-action{grid-column:1 / -1;width:100%}.party-header{gap:10px}.party-header h1{font-size:clamp(1.9rem,10vw,3rem)}.role-pill{min-width:72px;min-height:38px}.panel{padding:14px}.roster-row{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.roster-actions{gap:7px}.mini-action{min-height:38px;padding-inline:8px}.result-hero h2{font-size:clamp(1.45rem,8vw,2.1rem)}.result-row{grid-template-columns:44px minmax(0,1fr) auto}.result-row .mini-avatar,.result-row .mini-avatar .avatar-image{width:44px;height:44px}.panel-title-row{align-items:start}.answer-stage{min-height:calc(100svh - 92px);grid-template-rows:auto 74px auto;gap:12px}.timer-ring{width:74px;height:74px}.timer-ring span{width:58px;height:58px}.choice-pad{grid-template:"top top" clamp(88px,15svh,116px) "left right" clamp(88px,15svh,116px) "bottom bottom" clamp(88px,15svh,116px) / minmax(0,1fr) minmax(0,1fr);gap:12px}.choice-top,.choice-bottom{width:68%}.choice-artwork{width:min(100%,96px)}}