@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg: #04060f;--bg-900: #04060f;--bg-800: #0a0c1a;--bg-700: #121425;--bg-600: #1c1f36;--bg-500: #272b48;--bg-400: #373c5c;--bg-300: #4e5475;--crimson-50: #fdf0ed;--crimson-300: #ed7e6a;--crimson-500: #C03628;--crimson-700: #8a2018;--crimson-900: #5a140e;--gold-200: #f5dc84;--gold-400: #e0a830;--gold-600: #B07820;--sapphire-300: #80a8e8;--sapphire-500: #3464B8;--sapphire-700: #1c3e82;--text-primary: #f0e8d0;--text-secondary: #c8bca0;--text-tertiary: #8a7e68;--gem-white: #d8e8f8;--gem-red: #e83030;--orb: #f8f0e0;--beer-gold: #fae060;--radius-card: 10px;--radius-button: 6px;--radius-badge: 3px;--border-surface: .5px solid rgba(255,255,255,.1);--focus-ring: 2px solid var(--gold-400);--bg-screen: var(--bg-800);--bg-surface: var(--bg-600);--color-cta-primary: var(--crimson-500);--fg: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--surface: rgba(255, 255, 255, .06);--surface2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .14);--btn-bg: rgba(255, 255, 255, .1);--btn-bg-hover: rgba(255, 255, 255, .14);--btn-border: rgba(255, 255, 255, .18);--link: #8b93ff;--link-hover: #a7adff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--fg);overscroll-behavior:none}html{background-color:#04060f;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--btn-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--btn-bg);cursor:pointer;transition:border-color .25s;touch-action:manipulation}button:hover{border-color:#646cff;background-color:var(--btn-bg-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{--bg: #f6f8fb;--fg: #16202a;--muted: rgba(22, 32, 42, .7);--surface: rgba(255, 255, 255, .85);--surface2: rgba(255, 255, 255, .95);--border: rgba(22, 32, 42, .12);--btn-bg: rgba(22, 32, 42, .06);--btn-bg-hover: rgba(22, 32, 42, .1);--btn-border: rgba(22, 32, 42, .14);--link: #3b43ff;--link-hover: #2f37e6}}.muted{color:var(--muted)}.stageOuter{min-height:100vh;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;padding:12px}.stageFrame{width:min(1200px,100%);aspect-ratio:4 / 3;max-height:calc(100vh - 24px);max-width:calc((100vh - 24px) * 4 / 3);border-radius:20px;border:1px solid var(--border);background:var(--surface);overflow:hidden}@media(max-width:1024px){.stageOuter{padding:8px}.stageFrame{width:100%;aspect-ratio:auto;height:calc(100svh - 16px);max-height:none;border-radius:16px}}.stageOuter--fill{min-height:100dvh;align-items:stretch;padding:0;touch-action:none;overscroll-behavior:none}.stageFrame--fill{width:100%;height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;border:none;background:none}.stageInner{width:100%;height:100%;overflow:auto}.stageInner--fill{overflow:hidden;overscroll-behavior:none}.lobby{position:relative;height:100%;width:100%;color:var(--text-primary);overflow:hidden}.lobbyOverlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;padding:16px;box-sizing:border-box;overflow:auto}@media(min-width:761px){.lobbyCard{flex:1 1 auto;overflow-y:auto}}.lobbyCard{width:min(1100px,100%);border-radius:18px;background:#080c18eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.1);padding:14px;box-sizing:border-box;color:var(--text-primary);overflow:hidden;box-shadow:0 8px 32px #00000073}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:var(--bg-600);border:var(--border-surface);font-size:13px}.lobbyRoomCode{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:13px;letter-spacing:.08em;color:var(--text-secondary)}.btnSmall{padding:4px 8px;min-height:36px;border-radius:999px;border:1px solid var(--btn-border);background:var(--btn-bg);cursor:pointer;color:var(--fg)}.btnSmall:hover{background:var(--btn-bg-hover)}.btnSmall.active{background:color-mix(in srgb,var(--btn-bg-hover) 82%,#ffffff 18%);border-color:color-mix(in srgb,var(--border) 70%,#ffffff 30%);font-weight:700;box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 50%,#ffffff 50%) inset}.sub{margin:10px 0 14px;color:var(--text-secondary);font-size:13px}.list{margin:8px 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.list li{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:var(--radius-card);background:var(--bg-600);border:1.5px solid var(--sapphire-500)}.avatarChip{flex-shrink:0;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid var(--bg-500);align-self:center}.playerInfo{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex:1;min-width:0}.avatarPicker{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:6px}.avatarPickerBtn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;background:var(--bg-500);overflow:hidden;transition:border-color .12s,transform .1s}.avatarPickerBtn img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatarPickerBtn:hover{border-color:var(--text-secondary);transform:scale(1.08)}.avatarPickerBtn.selected{border-color:var(--gold-400)}.tag{margin-left:8px;font-size:10px;font-weight:500;padding:2px 8px;border-radius:999px;border:.5px solid rgba(255,255,255,.18);background:var(--bg-500);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.tag.me{font-weight:600;color:var(--gold-400);border-color:var(--gold-600)}.tag.bot{color:var(--text-secondary);border-color:#ffffff40;opacity:.7}.botDifficultySelect{font-size:12px;padding:3px 6px;min-height:28px;border-radius:var(--radius-button);background:var(--bg-500);color:var(--text-secondary);border:1px solid var(--bg-400, rgba(255,255,255,.15));cursor:pointer;flex-shrink:0;max-width:90px}.botDifficultySelect:disabled{opacity:.5;cursor:not-allowed}.playersHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.playersHeader h3{margin:0}.playersActions{display:flex;align-items:center;gap:8px;flex-shrink:0}.settingsGrid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;align-items:start}.settingsSection{min-width:0;border:.5px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;background:var(--bg-600)}.settingsSectionWide{grid-column:span 2}.settingsSection h4{margin:0;font-family:Cinzel,serif;font-size:13px;font-weight:500;letter-spacing:.03em;color:var(--text-primary);text-transform:uppercase}.settingsHint{margin:6px 0 10px;color:var(--muted);font-size:12px}.settingsSectionCollapsible{overflow:hidden}.settingsCollapsibleSummary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer}.settingsCollapsibleSummary::-webkit-details-marker{display:none}.settingsCollapsibleMeta{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:2px}.settingsAlert{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--border) 74%,#d46c6c 26%);background:color-mix(in srgb,var(--surface) 84%,#ab4747 16%);color:var(--fg)}.settingsAlertTitle{font-size:13px;font-weight:700}.settingsAlertDetail{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.35}.settingsAlertCode{margin-top:6px;font-size:11px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.settingRow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:8px;min-width:0}.settingRow:last-child{margin-bottom:0}.settingDescription{margin:-2px 0 10px;color:var(--muted);font-size:12px;line-height:1.35}.runtimeSummary{margin:-2px 0 10px;padding:8px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent)}.runtimeSummaryTitle{font-size:12px;margin-bottom:6px}.runtimeSummaryList{margin:0;padding-left:18px;font-size:12px;line-height:1.3}.runtimeSummaryMachine{margin-top:6px;font-size:11px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.runtimeGuardrailNotice{margin:-2px 0 10px;padding:7px 8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--border) 74%,#e3d39f 26%);background:color-mix(in srgb,var(--surface) 88%,#d6c89a 12%);color:color-mix(in srgb,var(--fg) 88%,#f0e4b8 12%);font-size:12px;line-height:1.35}.runtimeRolloutCard{margin:-2px 0 10px;padding:8px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent)}.runtimeRolloutTitle{font-size:12px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.labDeckBuilder{margin-top:12px;border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.labDeckHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.labDeckHeader h5{margin:0 0 4px;font-size:13px;letter-spacing:.03em;text-transform:uppercase}.labDeckGrid{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:2px}.labDeckRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface2) 74%,transparent)}.labDeckMeta{min-width:0}.labDeckName{font-size:13px;font-weight:700}.labDeckType{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.labDeckControls{display:inline-flex;align-items:center;gap:8px}.labDeckCountInput{width:60px;padding:6px 8px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--fg);text-align:center}.runtimeRolloutMeta,.runtimeRolloutWarnings{font-size:12px;line-height:1.35;color:var(--muted)}.runtimeRolloutWarnings{margin-top:4px}.runtimeImpactCard{margin:-2px 0 10px;padding:8px;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 85%,transparent)}.runtimeImpactTitle{margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:color-mix(in srgb,var(--fg) 86%,#d6c89a 14%)}.runtimeImpactList{margin:0;padding-left:18px;font-size:12px;line-height:1.3}.settingLabel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;min-width:0}.settingName{min-width:100px;flex:0 0 100px;opacity:.88;font-size:13px;display:flex;align-items:center;gap:5px}.settingHelpBtn{background:none;border:1px solid var(--gold-400, #e0a830);color:var(--gold-400, #e0a830);border-radius:50%;width:15px;height:15px;min-width:15px;font-size:9px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:.75;transition:opacity .15s}.settingHelpBtn:hover{opacity:1}.settingHelpPanel{margin:-2px 0 8px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.settingHelpRow{display:flex;flex-direction:column;gap:2px}.settingHelpOption{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-400, #e0a830);opacity:.9}.settingHelpText{font-size:12px;line-height:1.45;color:var(--muted, rgba(255,255,255,.72))}.settingMeta{font-size:13px;white-space:nowrap}.settingActions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}.settingRange{flex:1 1 180px;min-width:96px;max-width:100%}.settingNumber{width:72px;max-width:100%}@media(max-width:1100px){.settingsGrid{grid-template-columns:1fr}.settingsSectionWide{grid-column:span 1}.settingName{flex-basis:92px;min-width:92px}}@media(max-width:900px){.settingActions{justify-content:flex-start}}@media(max-width:760px){.lobby,.lobbyCard{padding:10px}.row{flex-wrap:wrap;align-items:flex-start}.pill{width:100%;justify-content:space-between}.settingName{flex-basis:100%;min-width:0}.settingRange{flex-basis:100%}.settingActions{width:100%;justify-content:flex-start;gap:6px}.settingActions .btnSmall{flex:1 1 128px;min-width:0;max-width:100%;white-space:normal;line-height:1.2;text-align:center}}.btnPrimary{padding:10px 20px;min-height:44px;border-radius:var(--radius-button);border:none;background:var(--crimson-500);cursor:pointer;font-weight:600;font-size:14px;color:var(--text-primary);transition:filter .15s}.btnPrimary:hover:not(:disabled){filter:brightness(1.15)}.btnPrimary:active:not(:disabled){background:var(--crimson-700);filter:none}.btnPrimary:disabled{opacity:.5;cursor:not-allowed}.btnSecondary{padding:10px 20px;min-height:44px;border-radius:var(--radius-button);border:1px solid var(--sapphire-500);background:transparent;cursor:pointer;font-weight:600;font-size:14px;color:var(--sapphire-300);transition:background .15s,filter .15s}.btnSecondary:hover:not(:disabled){background:#3464b82e}.btnSecondary:active:not(:disabled){background:#3464b84d}.btnSecondary:disabled{opacity:.4;cursor:not-allowed}.hint{margin-top:10px;font-size:12px;color:var(--text-tertiary)}.nameRow{display:inline-flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;border:1px solid var(--border);background:var(--surface2)}.dot.online{background:#2ecc71}.dot.offline{background:#e74c3c}.playerName{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:.01em}.pill .btnSmall{background:#ffffff24;border-color:#ffffff47}@media(prefers-color-scheme:light){.lobby{--surface: rgba(255, 255, 255, .06);--surface2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .14);--btn-bg: rgba(255, 255, 255, .1);--btn-bg-hover: rgba(255, 255, 255, .14);--btn-border: rgba(255, 255, 255, .18);--fg: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72)}}.homeRoot{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg)}.homeOverlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto}.homeContent{display:flex;flex-direction:column;gap:28px;width:100%;max-width:400px;padding:28px 24px;background:#0508108c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.5px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 32px #00000073}@media(orientation:landscape)and (min-width:560px){.homeOverlay{padding:16px}.homeContent{flex-direction:row;align-items:flex-start;max-width:760px;gap:32px;padding:28px 32px}}@media(orientation:landscape)and (max-height:500px){.homeContent{padding:16px 24px;gap:20px}}.homePanelLeft{display:flex;flex-direction:column;gap:16px;width:100%}@media(orientation:landscape)and (min-width:560px){.homePanelLeft{flex:0 0 260px;width:260px}}.homePanelRight{width:100%;min-width:0}@media(orientation:landscape)and (min-width:560px){.homePanelRight{flex:1}}.homeForm{display:flex;flex-direction:column;gap:10px;width:100%}.homeInput{width:100%;padding:9px 14px;min-height:44px;background:var(--bg-600);border:var(--border-surface);border-radius:var(--radius-button);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s}.homeInput::placeholder{color:var(--text-tertiary)}.homeInput:focus{outline:var(--focus-ring);outline-offset:1px}.homeBtn{width:100%;padding:9px 20px;min-height:44px;border-radius:var(--radius-button);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;border:none;transition:filter .15s,background .15s;letter-spacing:.02em}.homeBtn:disabled{opacity:.5;cursor:not-allowed}.homeBtnPrimary{background:var(--crimson-500);color:var(--text-primary)}.homeBtnPrimary:hover:not(:disabled){filter:brightness(1.15)}.homeBtnPrimary:active:not(:disabled){background:var(--crimson-700);filter:none}.homeBtnSecondary{background:#ffffff0f;color:var(--text-secondary);border:.5px solid rgba(255,255,255,.18)}.homeBtnSecondary:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.homeDivider{display:flex;align-items:center;gap:10px;padding:2px 0}.homeDividerLine{flex:1;height:.5px;background:#ffffff1a}.homeDividerText{font-size:10px;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.homeError{margin-top:4px;font-size:13px;color:var(--crimson-300);text-align:center}.homeBtnHowToPlay{background:none;color:var(--text-tertiary);font-size:12px;font-weight:400;min-height:44px;padding:6px 0;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;transition:color .15s,text-decoration-color .15s}.homeBtnHowToPlay:hover{color:var(--text-secondary);text-decoration-color:currentColor}.homeHeroWrap{display:flex;align-items:center;justify-content:center;padding:8px 0 0;border-top:1px solid var(--hero-accent, rgba(255,255,255,.08))}.homeHeroImage{width:80px;height:80px;object-fit:contain;opacity:.88;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));pointer-events:none;-webkit-user-select:none;user-select:none}@media(orientation:landscape)and (min-width:560px){.homeHeroImage{width:100px;height:100px}}.homeContent--light .homeBtnSecondary{background:#0000000d;border:.5px solid rgba(0,0,0,.12);color:var(--text-primary)}.homeContent--light .homeBtnSecondary:hover:not(:disabled){background:#00000014;color:var(--text-primary)}.homeContent--light .homeDividerLine{background:#0000001a}.homeContent--light .homeDividerText{color:var(--text-tertiary)}.homeVerifiedBanner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:8px;background:#4ade8026;border:.5px solid rgba(74,222,128,.4);color:#4ade80;font-size:13px;font-weight:500}.homeVerifiedBannerDismiss{all:unset;cursor:pointer;font-size:12px;color:#4ade80;opacity:.7;line-height:1}.profileSummary{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0 2px}.profileSummaryBtn{all:unset;display:flex;align-items:center;gap:12px;width:100%;padding:10px 0 2px;cursor:pointer;border-radius:10px;transition:opacity .15s}.profileSummaryBtn:hover{opacity:.8}.profileAvatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--crimson-700, #7a1c2e),var(--crimson-500, #c0392b));border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.profileAvatarLabel{font-family:Cinzel,serif;font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.04em;line-height:1}.profileInfo{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.profileName{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileEmail{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profileClaimBtn{all:unset;font-size:11px;color:var(--crimson-400, #e57373);cursor:pointer;letter-spacing:.03em;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;transition:color .15s,text-decoration-color .15s}.profileClaimBtn:hover{color:var(--crimson-300, #ef9a9a);text-decoration-color:currentColor}.profileEmailPending{opacity:.65}.profileEmailGuest{color:var(--crimson-400, #e57373)}.profilePending{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary);letter-spacing:.02em}.profilePendingResend{all:unset;font-size:10px;color:var(--text-tertiary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;opacity:.7;transition:opacity .15s;flex-shrink:0}.profilePendingResend:hover{opacity:1}.profilePendingResend:disabled{cursor:default;opacity:.4}.avatarPicker{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px}.avatarPickerItem{all:unset;width:36px;height:36px;border-radius:50%;background:var(--bg-600, rgba(0,0,0,.12));border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .12s,transform .12s;flex-shrink:0}.avatarPickerItem:hover{border-color:var(--text-tertiary, rgba(0,0,0,.3));transform:scale(1.08)}.avatarPickerItem--selected{border-color:var(--text-primary, #1a1410)}.avatarPickerImg{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatarPickerLabel{font-size:11px;font-weight:600;color:var(--text-primary);font-family:Cinzel,serif;letter-spacing:.02em;line-height:1}.profilePanelBackdrop{position:fixed;inset:0;background:#00000073;z-index:9000;display:flex;align-items:flex-end;justify-content:center}.profilePanel{position:relative;width:100%;max-width:440px;background:var(--bg-600, #fff);border-radius:20px 20px 0 0;padding:12px 0 32px;display:flex;flex-direction:column;gap:0;max-height:90vh;overflow-y:auto}.profilePanelHandle{width:36px;height:4px;border-radius:2px;background:var(--text-tertiary, rgba(0,0,0,.18));margin:0 auto 16px;flex-shrink:0}.profilePanelSection{padding:10px 20px;display:flex;flex-direction:column;gap:8px}.profilePanelDivider{height:1px;background:var(--border-surface, rgba(0,0,0,.08));margin:2px 0}.profilePanelLabel{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary, #6b5f52)}.profilePanelInput{width:100%;padding:9px 12px;min-height:40px;background:var(--bg-600, rgba(0,0,0,.06));border:var(--border-surface, .5px solid rgba(0,0,0,.1));border-radius:var(--radius-button, 8px);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box}.profilePanelInput:focus{border-color:var(--text-secondary, rgba(0,0,0,.3))}.profilePanelAccountRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profilePanelAccountEmail{font-size:13px;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profilePanelAccountMuted{font-size:12px;color:var(--text-tertiary);flex:1;min-width:0}.profilePanelAccountBadge{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4caf50;flex-shrink:0}.profilePanelLinkBtn{all:unset;font-size:11px;color:var(--text-tertiary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;flex-shrink:0}.profilePanelLinkBtn:disabled{opacity:.4;cursor:default}.profilePanelClaimBtn{all:unset;display:block;width:100%;padding:10px 14px;border-radius:var(--radius-button, 8px);background:var(--crimson-500, #c0392b);color:var(--text-primary);font-size:13px;font-weight:500;text-align:center;cursor:pointer;letter-spacing:.02em;box-sizing:border-box;transition:filter .15s}.profilePanelClaimBtn:hover{filter:brightness(1.12)}.profilePanelSignOutBtn{all:unset;font-size:13px;color:var(--text-tertiary);cursor:pointer;text-decoration:underline;text-underline-offset:2px;letter-spacing:.02em}.profilePanelSignOutBtn:hover{color:var(--text-secondary)}.profilePanelClose{all:unset;position:absolute;top:14px;right:16px;font-size:14px;color:var(--text-tertiary);cursor:pointer;opacity:.6;line-height:1}.profilePanelClose:hover{opacity:1}.themeSelector{display:flex;gap:8px;width:100%}.themeSelectorPanel{all:unset;box-sizing:border-box;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px 0;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .2s,background .2s;background:#ffffff08;overflow:hidden;font-family:inherit}.themeSelectorPanel:hover{border-color:#ffffff38;background:#ffffff0d}.themeSelectorPanelActive{border-color:var(--panel-accent);background:#ffffff0d}.themeSelectorPanelActive:hover{border-color:var(--panel-accent)}.themeSelectorPanelName{font-family:Cinzel,serif;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-tertiary);text-align:center;white-space:nowrap;transition:color .2s}.themeSelectorPanelActive .themeSelectorPanelName{color:var(--text-primary)}.themeSelectorPanelBar{display:block;width:100%;height:3px;background:var(--panel-accent);opacity:.5;margin-top:auto}.themeSelectorPanelActive .themeSelectorPanelBar{opacity:1}.shellRoot{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px 16px;box-sizing:border-box;overflow-y:auto;background:var(--bg-screen)}.shellContent{display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;padding:32px 24px;box-sizing:border-box;background:#050810b8;border:.5px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 32px #00000073}.shellTitle{margin:0 0 4px;font-family:Cinzel,serif;font-size:22px;font-weight:500;color:var(--text-primary);letter-spacing:.06em;line-height:1.2}.shellSubtitle{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.shellMeta{font-size:10px;color:var(--text-tertiary);line-height:1.4;text-transform:uppercase;letter-spacing:.08em}.shellForm{display:flex;flex-direction:column;gap:10px}.shellInput{width:100%;padding:9px 14px;min-height:44px;background:var(--bg-600);border:var(--border-surface);border-radius:var(--radius-button);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s}.shellInput::placeholder{color:var(--text-tertiary)}.shellInput:focus{outline:var(--focus-ring);outline-offset:1px}.shellBtnPrimary{width:100%;padding:9px 20px;min-height:44px;border-radius:var(--radius-button);border:none;background:var(--crimson-500);color:var(--text-primary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;letter-spacing:.02em;transition:filter .15s}.shellBtnPrimary:hover:not(:disabled){filter:brightness(1.15)}.shellBtnPrimary:active:not(:disabled){background:var(--crimson-700);filter:none}.shellBtnPrimary:disabled{opacity:.5;cursor:not-allowed}.shellBtnSecondary{width:100%;padding:9px 20px;min-height:44px;border-radius:var(--radius-button);background:#ffffff0f;border:.5px solid rgba(255,255,255,.14);color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;letter-spacing:.02em;transition:background .15s,color .15s}.shellBtnSecondary:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.shellBtnSecondary:disabled{opacity:.5;cursor:not-allowed}.shellError{font-size:13px;color:var(--crimson-300);line-height:1.4}.shellRoomCode{font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:13px;letter-spacing:.08em;color:var(--text-secondary)}.landingRoot{position:fixed;inset:0;overflow:hidden;background:#f4f2ed}.landingOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;padding:24px 16px}.landingCard{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:420px;width:100%;padding:40px 32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 8px 32px #0000001f;text-align:center}@media(orientation:landscape)and (max-height:560px){.landingCard{padding:20px 32px;gap:14px}}.landingTitle{font-family:Cinzel,serif;font-size:28px;font-weight:500;color:var(--text-primary);letter-spacing:.06em}.landingTagline{font-size:13px;color:var(--text-secondary);letter-spacing:.02em;line-height:1.5}.landingPlayBtn{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:0 24px;background:var(--crimson-500);color:#f8f4ee;border:none;border-radius:var(--radius-button);font-size:14px;font-weight:600;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:filter .15s}.landingPlayBtn:hover{filter:brightness(1.15)}.landingPlayBtn:active{background:var(--crimson-700);filter:none}.landingKofi{font-size:12px;color:var(--text-tertiary);text-decoration:none;letter-spacing:.02em;transition:color .15s}.landingKofi:hover{color:var(--text-secondary)}.landingAttribution{font-size:10px;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;opacity:.6}