:root,:root[data-theme=light]{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f2f5;--surface-3:#e9eaee;--border:#e7e8ec;--border-strong:#d7d9df;--text:#1f2023;--text-muted:#61646c;--text-faint:#8e9199;--primary:#1f2023;--primary-strong:#000;--primary-soft:#eef0f4;--on-primary:#fff;--secondary:#1f2023;--secondary-soft:#f1f2f5;--on-secondary:#fff;--accent:#3f6ea6;--accent-strong:#33587f;--accent-soft:#e9f1fb;--on-accent:#fff;--success:#2f7d5b;--success-soft:#e8f3ee;--warning:#8a6a24;--warning-soft:#f6f0e2;--danger:#b04a40;--danger-strong:#8f3a32;--danger-soft:#f8eae8;--info:#3f6ea6;--info-soft:#e9f1fb;--stage:#f6f7f9;--stage-2:#fff;--stage-3:#f1f2f5;--stage-line:#e7e8ec;--on-stage:#1f2023;--on-stage-soft:#61646c;--stage-primary:#1f2023;--stage-accent:#3f6ea6;--ring:#3f6ea652;--shadow-sm:0 1px 2px #1011140a;--shadow-md:0 2px 8px #1011140f;--shadow-lg:0 8px 28px #1011141a;--shadow-primary:0 2px 8px #1011141f;--scrim:#18191c52;color-scheme:light}:root[data-theme=dark]{--bg:#17181b;--surface:#1e2023;--surface-2:#26282c;--surface-3:#2e3035;--border:#2c2e33;--border-strong:#3b3e45;--text:#e2e3e6;--text-muted:#999ca3;--text-faint:#6e7178;--primary:#e6e7ea;--primary-strong:#fff;--primary-soft:#2a2c31;--on-primary:#17181b;--secondary:#e6e7ea;--secondary-soft:#26282c;--on-secondary:#17181b;--accent:#86a9d1;--accent-strong:#a3c0e0;--accent-soft:#232b35;--on-accent:#14181d;--success:#5fa383;--success-soft:#1d2825;--warning:#b3924f;--warning-soft:#2a2519;--danger:#c47b71;--danger-strong:#d59a92;--danger-soft:#2c1f1d;--info:#86a9d1;--info-soft:#232b35;--stage:#17181b;--stage-2:#1e2023;--stage-3:#26282c;--stage-line:#2c2e33;--on-stage:#e2e3e6;--on-stage-soft:#999ca3;--stage-primary:#e6e7ea;--stage-accent:#86a9d1;--ring:#86a9d159;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 8px 28px #0006;--shadow-primary:0 2px 8px #00000057;--scrim:#08090b99;color-scheme:dark}:root{--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-display:var(--font-body);--font-mono:"JetBrains Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-md:1rem;--fs-lg:1.0625rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.9rem;--fs-display:clamp(2rem,4vw,3rem);--fw-normal:400;--fw-medium:500;--fw-semi:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:48px;--sp-10:64px;--sp-11:80px;--sp-12:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:999px;--ease:cubic-bezier(0.2,0.7,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:130ms;--dur-md:200ms;--dur-slow:320ms;--z-nav:100;--z-dropdown:200;--z-modal:400;--z-toast:500}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f7f9;background-color:var(--bg);color:#1f2023;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:1rem;font-size:var(--fs-md);line-height:1.55;margin:0;transition:background-color .2s cubic-bezier(.2,.7,.2,1),color .2s cubic-bezier(.2,.7,.2,1);transition:background-color var(--dur-md) var(--ease),color var(--dur-md) var(--ease)}h1,h2,h3,h4{text-wrap:balance;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-weight:600;font-weight:var(--fw-semi);letter-spacing:-.014em;line-height:1.2}h1{letter-spacing:-.021em}p{text-wrap:pretty}code,kbd,pre{font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;font-family:var(--font-mono)}button{color:inherit;font-family:inherit}a{color:#3f6ea6;color:var(--accent);text-underline-offset:2px}img,svg{max-width:100%;vertical-align:middle}::selection{background:#e9f1fb;background:var(--accent-soft);color:#1f2023;color:var(--text)}:focus-visible{border-radius:4px;outline:2px solid #3f6ea6;outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.clue-code{background:#f1f2f5;background:var(--surface-2);border:1px solid #e7e8ec;border-left:2px solid #d7d9df;border:1px solid var(--border);border-left:2px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-md);color:#1f2023;color:var(--text);display:block;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;font-family:var(--font-mono);font-size:.95em;line-height:1.65;margin:18px auto 0;max-width:640px;overflow-x:auto;padding:16px 20px;tab-size:4;text-align:left;white-space:pre}.clue-code.small{font-size:.85em;margin-top:12px;padding:12px 14px}.clue-media{background:#fff;background:var(--surface);border-radius:10px;border-radius:var(--radius-md);display:block;margin:18px auto 0;max-height:320px;max-width:min(560px,90%);object-fit:contain}.clue-media,.clue-tf-badge{border:1px solid #e7e8ec;border:1px solid var(--border)}.clue-tf-badge{background:#f1f2f5;background:var(--surface-2);border-radius:999px;border-radius:var(--radius-full);color:#61646c;color:var(--text-muted);display:inline-block;font-size:.8em;font-weight:500;font-weight:var(--fw-medium);letter-spacing:.04em;margin-bottom:14px;padding:4px 12px}.bb-page{margin-inline:auto;padding-block:var(--sp-7) var(--sp-10);width:min(1120px,100% - var(--sp-8))}.bb-page.narrow{width:min(760px,100% - var(--sp-8))}.bb-page.wide{width:min(1320px,100% - var(--sp-8))}@media (max-width:640px){.bb-page,.bb-page.narrow,.bb-page.wide{padding-block:var(--sp-5) var(--sp-8);width:calc(100% - var(--sp-6))}}.bb-eyebrow{color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.02em}.bb-section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-5)}.bb-section-title{font-size:var(--fs-xl);font-weight:600}.bb-divider{border:0;border-top:1px solid var(--border);margin:var(--sp-6) 0}.bb-btn{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-border:var(--border-strong);align-items:center;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);color:var(--btn-fg);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;gap:var(--sp-2);justify-content:center;min-height:44px;padding:0 var(--sp-5);text-decoration:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.bb-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.bb-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.bb-btn:disabled{cursor:not-allowed;opacity:.5}.bb-btn.primary{--btn-bg:var(--primary);--btn-fg:var(--on-primary);--btn-border:#0000}.bb-btn.primary:hover:not(:disabled){box-shadow:var(--shadow-primary)}.bb-btn.secondary{--btn-bg:var(--secondary);--btn-fg:var(--on-secondary);--btn-border:#0000}.bb-btn.soft{--btn-bg:var(--primary-soft);--btn-fg:var(--primary);--btn-border:#0000}:root[data-theme=dark] .bb-btn.soft{--btn-fg:var(--primary-strong)}.bb-btn.ghost{--btn-bg:#0000;--btn-border:#0000}.bb-btn.ghost:hover:not(:disabled){--btn-bg:var(--surface-2);box-shadow:none}.bb-btn.outline{--btn-bg:#0000}.bb-btn.danger{--btn-bg:var(--danger);--btn-fg:#fff;--btn-border:#0000}:root[data-theme=dark] .bb-btn.danger{--btn-fg:var(--on-primary)}.bb-btn.danger-soft{--btn-bg:var(--danger-soft);--btn-fg:var(--danger);--btn-border:#0000}.bb-btn.sm{border-radius:var(--radius-sm);font-size:var(--fs-xs);min-height:34px;padding:0 var(--sp-3)}.bb-btn.lg{border-radius:var(--radius-lg);font-size:var(--fs-md);min-height:52px;padding:0 var(--sp-7)}.bb-btn.block{width:100%}.bb-btn.icon-only{padding:0;width:44px}.bb-btn.icon-only.sm{width:34px}.bb-field{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.bb-label{color:var(--text);font-size:var(--fs-sm);font-weight:600}.bb-label .req{color:var(--danger)}.bb-input,.bb-select,.bb-textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);min-height:44px;padding:10px var(--sp-4);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);width:100%}.bb-textarea{line-height:1.5;min-height:88px;resize:vertical}.bb-input::placeholder,.bb-textarea::placeholder{color:var(--text-faint)}.bb-input:focus,.bb-select:focus,.bb-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.bb-input.mono{font-family:var(--font-mono);font-weight:600;letter-spacing:.2em;text-transform:uppercase}.bb-hint{color:var(--text-muted);font-size:var(--fs-xs)}.bb-field-error{color:var(--danger);font-size:var(--fs-xs);font-weight:600}.bb-select-wrap{display:inline-flex;min-width:0;position:relative}.bb-select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:var(--sp-8)}.bb-select-wrap:after{border-bottom:2px solid var(--text-muted);border-right:2px solid var(--text-muted);content:"";height:9px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-70%) rotate(45deg);width:9px}.bb-switch{align-items:center;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;flex:none;height:28px;position:relative;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);width:48px}.bb-switch:after{background:var(--surface);border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:20px;left:3px;position:absolute;transition:transform var(--dur-fast) var(--ease);width:20px}.bb-switch[aria-checked=true]{background:var(--primary);border-color:var(--primary)}.bb-switch[aria-checked=true]:after{background:var(--on-primary);transform:translateX(20px)}.bb-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;gap:2px;padding:3px}.bb-seg-btn{align-items:center;background:#0000;border:0;border-radius:calc(var(--radius-md) - 4px);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;gap:var(--sp-2);justify-content:center;min-height:36px;padding:0 var(--sp-4);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.bb-seg-btn[aria-checked=true],.bb-seg-btn[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.bb-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-6)}.bb-card.flush{overflow:hidden;padding:0}.bb-card.interactive{color:inherit;cursor:pointer;display:block;text-decoration:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.bb-card.interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bb-card.interactive:active{transform:translateY(0)}.bb-card.arena{background:var(--stage-2);border-color:var(--stage-line);color:var(--on-stage)}.bb-badge{align-items:center;background:var(--surface-2);border:1px solid #0000;border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;gap:var(--sp-1);letter-spacing:.02em;padding:3px 10px}.bb-badge.primary{background:var(--primary-soft);color:var(--primary)}.bb-badge.accent{background:var(--accent-soft);color:var(--accent)}.bb-badge.success{background:var(--success-soft);color:var(--success)}.bb-badge.warning{background:var(--warning-soft);color:var(--warning)}.bb-badge.danger{background:var(--danger-soft);color:var(--danger)}.bb-badge.info{background:var(--info-soft);color:var(--info)}.bb-badge.outline{background:#0000;border-color:var(--border-strong)}:root[data-theme=dark] .bb-badge.primary{color:var(--primary-strong)}:root[data-theme=dark] .bb-badge.accent{color:var(--accent-strong)}.bb-tag{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-weight:500;padding:2px 10px}.bb-status,.bb-tag{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--fs-xs)}.bb-status{font-weight:600;gap:var(--sp-2)}.bb-status:before{background:var(--text-faint);border-radius:50%;content:"";flex:none;height:8px;width:8px}.bb-status.live:before{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.bb-status.warn:before{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.bb-status.off:before{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.bb-code{font-weight:600;letter-spacing:.28em;text-transform:uppercase}.bb-code,.bb-kbd{font-family:var(--font-mono)}.bb-kbd{background:var(--surface);border:solid var(--border-strong);border-radius:6px;border-width:1px 1px 2px;color:var(--text-muted);display:inline-block;font-size:var(--fs-xs);padding:1px 7px}.bb-num{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums}.bb-avatar{--avatar-size:40px;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;flex:none;font-family:var(--font-display);font-size:calc(var(--avatar-size)*.42);font-weight:var(--fw-medium);height:var(--avatar-size);justify-content:center;letter-spacing:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:var(--avatar-size)}.bb-avatar.sm{--avatar-size:30px}.bb-avatar.lg{--avatar-size:64px}.bb-avatar.xl{--avatar-size:96px}.bb-progress{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);height:10px;overflow:hidden;width:100%}.bb-progress-fill{background:var(--accent);border-radius:inherit;height:100%;min-width:0;transition:width var(--dur-slow) var(--ease-out)}.bb-progress.timer .bb-progress-fill{background:var(--primary);transition:width 1s linear}.bb-skeleton{background:var(--surface-2);border-radius:var(--radius-sm);min-height:12px;overflow:hidden;position:relative}.bb-skeleton:after{animation:bb-shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffff59,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}:root[data-theme=dark] .bb-skeleton:after{background:linear-gradient(90deg,#0000,#ffffff12,#0000)}@keyframes bb-shimmer{to{transform:translateX(100%)}}.bb-spinner{animation:bb-spin .7s linear infinite;border:2.5px solid var(--border-strong);border-radius:50%;border-top-color:var(--primary);flex:none;height:20px;width:20px}.bb-spinner.lg{border-width:3.5px;height:36px;width:36px}@keyframes bb-spin{to{transform:rotate(1turn)}}.bb-loading-screen{color:var(--text-muted);font-weight:500;gap:var(--sp-4);justify-content:center;min-height:60vh}.bb-empty,.bb-loading-screen{align-items:center;display:flex;flex-direction:column}.bb-empty{background:var(--surface);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);gap:var(--sp-3);padding:var(--sp-10) var(--sp-6);text-align:center}.bb-empty-icon{align-items:center;background:var(--primary-soft);border-radius:var(--radius-md);color:var(--primary);display:flex;height:52px;justify-content:center;margin-bottom:var(--sp-1);width:52px}.bb-empty.error .bb-empty-icon{background:var(--danger-soft);color:var(--danger)}.bb-empty-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600}.bb-empty-body{color:var(--text-muted);max-width:44ch}.bb-empty-actions{flex-wrap:wrap;justify-content:center;margin-top:var(--sp-2)}.bb-alert,.bb-empty-actions{display:flex;gap:var(--sp-3)}.bb-alert{align-items:flex-start;background:var(--info-soft);border-radius:var(--radius-md);color:var(--info);font-size:var(--fs-sm);font-weight:500;padding:var(--sp-4)}.bb-alert.success{background:var(--success-soft);color:var(--success)}.bb-alert.warning{background:var(--warning-soft);color:var(--warning)}.bb-alert.danger{background:var(--danger-soft);color:var(--danger)}.bb-toast-viewport{bottom:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2);left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);width:min(420px,calc(100vw - var(--sp-6)));z-index:var(--z-toast)}.bb-toast{align-items:center;animation:bb-toast-in var(--dur-md) var(--ease-out);background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--on-stage);display:flex;font-size:var(--fs-sm);font-weight:500;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);pointer-events:auto}.bb-toast.leaving{animation:bb-toast-out var(--dur-fast) var(--ease) forwards}.bb-toast-icon{display:flex;flex:none}.bb-toast.success .bb-toast-icon{color:var(--stage-primary)}.bb-toast.error .bb-toast-icon{color:var(--danger)}.bb-toast-close{background:none;border:0;border-radius:var(--radius-sm);color:var(--on-stage-soft);cursor:pointer;display:flex;margin-left:auto;padding:4px}.bb-toast-close:hover{color:var(--on-stage)}@keyframes bb-toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bb-toast-out{to{opacity:0;transform:translateY(8px) scale(.97)}}.bb-modal-overlay{align-items:center;animation:bb-fade-in var(--dur-fast) var(--ease);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--scrim);display:flex;inset:0;justify-content:center;padding:var(--sp-5);position:fixed;z-index:var(--z-modal)}.bb-modal{animation:bb-pop-in var(--dur-md) var(--ease-out);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:min(85vh,720px);overflow:auto;padding:var(--sp-6);width:min(460px,100%)}.bb-modal.wide{width:min(680px,100%)}.bb-modal-head{align-items:flex-start;display:flex;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-4)}.bb-modal-title{font-size:var(--fs-xl);font-weight:600}.bb-modal-body{color:var(--text-muted);font-size:var(--fs-sm)}.bb-modal-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-6)}@keyframes bb-fade-in{0%{opacity:0}}@keyframes bb-pop-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}[data-tooltip]{position:relative}[data-tooltip]:after{background:var(--stage);border-radius:var(--radius-sm);bottom:calc(100% + 8px);color:var(--on-stage);content:attr(data-tooltip);font-size:var(--fs-xs);font-weight:500;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(3px);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);white-space:nowrap;z-index:var(--z-dropdown)}[data-tooltip]:focus-visible:after,[data-tooltip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.bb-tabs{border-bottom:1px solid var(--border);display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none}.bb-tabs::-webkit-scrollbar{display:none}.bb-tab{align-items:center;background:none;border:0;border-bottom:2.5px solid #0000;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;gap:var(--sp-2);margin-bottom:-1px;padding:var(--sp-3) var(--sp-4);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);white-space:nowrap}.bb-tab:hover{color:var(--text)}.bb-tab[aria-selected=true]{border-bottom-color:var(--primary);color:var(--primary)}.bb-tab-count{background:var(--surface-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--fs-xs);padding:0 6px}.bb-stats{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bb-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:var(--sp-4) var(--sp-5)}.bb-stat-num{font-feature-settings:"tnum";color:var(--text);font-family:var(--font-mono);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.bb-stat-label{color:var(--text-faint);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.bb-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}.bb-table{border-collapse:collapse;font-size:var(--fs-sm);width:100%}.bb-table th{color:var(--text-faint);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-align:left;text-transform:uppercase}.bb-table td,.bb-table th{border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-4)}.bb-table tr:last-child td{border-bottom:0}.bb-list{display:flex;flex-direction:column;list-style:none}.bb-list-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-1)}.bb-list-item:last-child{border-bottom:0}.bb-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.bb-rise{animation:bb-rise var(--dur-slow) var(--ease-out) both}@keyframes bb-rise{0%{opacity:0;transform:translateY(14px)}}.quiz-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5)}.quiz-card-top{align-items:center;display:flex;gap:var(--sp-2);justify-content:space-between;min-height:30px}.quiz-card-tools{display:flex;gap:var(--sp-1);opacity:0;transition:opacity var(--dur-fast) var(--ease)}.quiz-card:focus-within .quiz-card-tools,.quiz-card:hover .quiz-card-tools{opacity:1}@media (hover:none){.quiz-card-tools{opacity:1}}.quiz-card-tool{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);width:30px}.quiz-card-tool:hover{border-color:var(--border-strong);color:var(--primary)}.quiz-card-tool.danger:hover{color:var(--danger)}.quiz-card-title{font-size:var(--fs-lg);font-weight:600}.quiz-card-desc,.quiz-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quiz-card-desc{color:var(--text-muted);font-size:var(--fs-sm);min-height:2.6em}.quiz-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:auto}.quiz-card-facts{align-items:center;display:inline-flex;font-weight:600;gap:6px}.quiz-card-creator,.quiz-card-facts{color:var(--text-faint);font-size:var(--fs-xs)}.quiz-card-meta .bb-btn{margin-left:auto}.quiz-card.royale{padding:0}.quiz-cat-banner{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);position:relative}.quiz-cat-label{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;opacity:.9;text-transform:uppercase}.quiz-card-tools.on-banner{position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%)}.quiz-card-tools.on-banner .quiz-card-tool{background:#08142059;border-color:#0000;color:var(--text-muted)}.quiz-card-tools.on-banner [data-tooltip]:after{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-3px)}.quiz-card-tools.on-banner [data-tooltip]:focus-visible:after,.quiz-card-tools.on-banner [data-tooltip]:hover:after{transform:translateX(-50%) translateY(0)}.quiz-card-tools.on-banner .quiz-card-tool:hover{background:#08142099}.quiz-card-body{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) var(--sp-5)}.quiz-card-cta{display:flex;gap:var(--sp-2);margin-left:auto}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface) 86%,#0000);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-nav)}.nav-inner{align-items:center;display:flex;gap:var(--sp-6);margin-inline:auto;min-height:60px;width:min(1320px,100% - var(--sp-6))}.nav-brand{align-items:center;display:inline-flex;flex:none;text-decoration:none}.nav-links{align-items:center;display:flex;gap:var(--sp-1)}.nav-link{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;gap:7px;padding:8px 12px;text-decoration:none;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--primary-soft);color:var(--primary)}.nav-right{align-items:center;display:flex;gap:var(--sp-2);margin-left:auto}.nav-icon-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);width:38px}.nav-icon-btn:hover{border-color:var(--border-strong);color:var(--text)}.nav-auth{align-items:center;display:flex;gap:var(--sp-3)}.nav-user{position:relative}.nav-user-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);cursor:pointer;display:inline-flex;font-size:var(--fs-sm);font-weight:600;gap:var(--sp-2);padding:4px 10px 4px 5px;transition:border-color var(--dur-fast) var(--ease)}.nav-user-btn:hover{border-color:var(--border-strong)}.nav-user-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dropdown{animation:bb-pop-in var(--dur-fast) var(--ease-out);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:190px;padding:var(--sp-2);position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-dropdown)}.nav-dropdown-item{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;font-size:var(--fs-sm);font-weight:500;gap:var(--sp-3);padding:10px 12px;text-align:left;text-decoration:none;width:100%}.nav-dropdown-item:hover{background:var(--surface-2)}.nav-dropdown-sep{border-top:1px solid var(--border);margin:var(--sp-1) 0}.nav-burger,.nav-mobile{display:none}@media (max-width:860px){.nav-auth,.nav-links,.nav-user{display:none}.nav-burger{display:inline-flex}.nav-mobile{animation:bb-fade-in var(--dur-fast) var(--ease);background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4) var(--sp-4)}.nav-mobile .nav-link{font-size:var(--fs-md);padding:12px}}.auth-container{background:var(--bg);flex:1 1;justify-content:center;min-height:calc(100dvh - 60px);padding:var(--sp-8) var(--sp-5)}.auth-box,.auth-container{align-items:center;display:flex}.auth-box{animation:bb-rise var(--dur-slow) var(--ease-out) both;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;padding:var(--sp-8) var(--sp-7);text-align:center;width:min(420px,100%)}.auth-logo{margin-bottom:var(--sp-4)}.auth-title{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em}.auth-subtitle{color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;line-height:1.5;margin:var(--sp-2) 0 var(--sp-5)}.auth-form{gap:var(--sp-4);text-align:left;width:100%}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:var(--sp-2)}.auth-form .form-group label{font-size:var(--fs-sm);font-weight:600}.auth-form .form-group input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);min-height:44px;padding:10px var(--sp-4);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);width:100%}.auth-form .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.auth-button{align-items:center;background:var(--primary);border:0;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;justify-content:center;min-height:46px;padding:0 var(--sp-5);text-decoration:none;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.auth-button:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.5}.auth-button.secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.auth-button.secondary:hover:not(:disabled){box-shadow:var(--shadow-sm)}.auth-error,.auth-success,.auth-warning{border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);text-align:left;width:100%}.auth-error{background:var(--danger-soft);color:var(--danger)}.auth-success{background:var(--success-soft);color:var(--success)}.auth-warning{background:var(--warning-soft);color:var(--warning)}.auth-footer{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-5)}.auth-footer a,.auth-link-btn{background:none;border:0;color:var(--primary);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;text-decoration:none}.auth-footer a:hover,.auth-link-btn:hover{text-decoration:underline}.landing{display:flex;flex-direction:column}.landing-hero{background:var(--bg);border-bottom:1px solid var(--border)}.landing-hero-inner{grid-gap:var(--sp-10);align-items:center;display:grid;gap:var(--sp-10);grid-template-columns:1.1fr .9fr;margin-inline:auto;padding:var(--sp-11) 0 var(--sp-10);width:min(1120px,100% - var(--sp-8))}.landing-title{font-size:var(--fs-display);font-weight:600;letter-spacing:-.03em;margin:var(--sp-4) 0}.landing-title-charge{color:var(--primary);position:relative;white-space:nowrap}.landing-sub{color:var(--text-muted);font-size:var(--fs-lg);margin-bottom:var(--sp-6);max-width:46ch}.landing-cta-row{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.landing-cta-row.centered{justify-content:center}.landing-hero-note{color:var(--text-faint);font-size:var(--fs-sm);margin-top:var(--sp-4)}.arena-mock{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--on-stage);display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6);transform:rotate(1.2deg)}.arena-mock-top{align-items:center;display:flex;justify-content:space-between}.arena-mock-code{border:1px solid var(--stage-line);border-radius:var(--radius-sm);color:var(--stage-primary);font-size:var(--fs-sm);padding:4px 10px}.arena-mock-timer{color:var(--on-stage-soft);font-weight:600}.arena-mock-q{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;line-height:1.3}.arena-mock-answers{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:1fr 1fr}.arena-mock-answers span{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;padding:10px 14px}.arena-mock-answers .picked{background:var(--stage-primary);border-color:var(--stage-primary);color:var(--stage)}.arena-mock-board{border-top:1px solid var(--stage-line);display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-3)}.arena-mock-row{align-items:center;display:flex;font-size:var(--fs-sm);gap:var(--sp-3)}.arena-mock-rank{align-items:center;background:var(--stage-3);border-radius:50%;color:var(--on-stage-soft);display:inline-flex;flex:none;font-size:var(--fs-xs);font-weight:600;height:22px;justify-content:center;width:22px}.arena-mock-row:first-child .arena-mock-rank{background:var(--stage-primary);color:var(--stage)}.arena-mock-name{font-weight:600}.arena-mock-score{color:var(--stage-primary);font-weight:600;margin-left:auto}.landing-section{margin-inline:auto;padding:var(--sp-11) 0;text-align:center;width:min(1120px,100% - var(--sp-8))}.landing-h2{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.02em;margin:var(--sp-3) 0 var(--sp-6)}.landing-h2.on-stage{color:var(--on-stage)}.landing-body{color:var(--text-muted);font-size:var(--fs-lg);margin-bottom:var(--sp-6);max-width:56ch}.landing-body.centered{margin-inline:auto}.landing-steps{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(3,1fr);text-align:left}.landing-step h3{font-size:var(--fs-lg);margin:var(--sp-4) 0 var(--sp-2)}.landing-step p{color:var(--text-muted);font-size:var(--fs-sm)}.landing-step-icon{align-items:center;background:var(--primary-soft);border-radius:var(--radius-md);color:var(--primary);display:flex;height:44px;justify-content:center;width:44px}.landing-royale{background:var(--stage);border-block:1px solid var(--stage-line);color:var(--on-stage)}.landing-royale-inner{grid-gap:var(--sp-10);align-items:center;display:grid;gap:var(--sp-10);grid-template-columns:1.05fr .95fr;margin-inline:auto;padding:var(--sp-11) 0;width:min(1120px,100% - var(--sp-8))}.landing-royale-copy p{color:var(--on-stage-soft);font-size:var(--fs-lg);max-width:48ch}.landing-royale-list{display:flex;flex-direction:column;gap:var(--sp-3);list-style:none;margin-top:var(--sp-6)}.landing-royale-list li{align-items:center;display:flex;font-weight:600;gap:var(--sp-3)}.landing-royale-list svg{color:var(--stage-primary);flex:none}.landing-royale-classes{background:var(--surface);border:1px solid var(--stage-line);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5)}.landing-classes-label{color:var(--on-stage-soft);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;margin-bottom:var(--sp-2);text-transform:uppercase}.landing-class{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--sp-3);padding:var(--sp-3);transition:background-color var(--dur-fast) var(--ease)}.landing-class:hover{background:var(--surface-2)}.landing-class-icon{align-items:center;background:var(--stage-3);border-radius:var(--radius-sm);color:var(--stage-primary);display:inline-flex;flex:none;height:36px;justify-content:center;width:36px}.landing-class div{display:flex;flex-direction:column;text-align:left}.landing-class strong{font-family:var(--font-display);font-size:var(--fs-sm)}.landing-class span{color:var(--on-stage-soft);font-size:var(--fs-xs)}.landing-split{grid-gap:var(--sp-10);align-items:center;display:grid;gap:var(--sp-10);grid-template-columns:1.1fr .9fr;text-align:left}.landing-checklist{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--sp-3);list-style:none;padding:var(--sp-6)}.landing-checklist li{align-items:center;display:flex;font-size:var(--fs-sm);font-weight:600;gap:var(--sp-3)}.landing-checklist svg{color:var(--success);flex:none}.landing-prog-chips{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.landing-prog-chips .bb-badge{font-size:var(--fs-sm);padding:8px 16px}.landing-cta-band{background:var(--stage-2);border-top:1px solid var(--stage-line);padding:var(--sp-11) var(--sp-5);text-align:center}.landing-cta-band .landing-h2{margin-bottom:var(--sp-6)}.landing-cta-ghost{--btn-bg:#0000;--btn-fg:var(--on-stage);--btn-border:var(--stage-line)}@media (max-width:900px){.landing-hero-inner,.landing-royale-inner,.landing-split{gap:var(--sp-7);grid-template-columns:1fr}.landing-steps{grid-template-columns:1fr}.arena-mock{max-width:480px;transform:none}.landing-hero-inner{padding-block:var(--sp-8)}.landing-royale-inner,.landing-section{padding-block:var(--sp-9)}}.hub-head{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--sp-7);justify-content:space-between;padding-bottom:0}.hub-title{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.02em;margin:var(--sp-3) 0 var(--sp-2)}.hub-sub{color:var(--text-muted);max-width:48ch}.hub-stats{flex:none;grid-template-columns:repeat(3,minmax(110px,1fr))}.hub-actions-row{flex-wrap:wrap;gap:var(--sp-4);padding-block:var(--sp-6) 0}.hub-actions-row,.hub-join{align-items:center;display:flex}.hub-join{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4)}.hub-join-label{align-items:center;color:var(--text-muted);display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;gap:6px;white-space:nowrap}.hub-join-label svg{color:var(--primary)}.hub-join-input{min-height:36px;text-align:center;width:110px}.hub-library{display:flex;flex-direction:column;gap:var(--sp-5);padding-top:var(--sp-6)}@media (max-width:720px){.hub-head{align-items:stretch;flex-direction:column;gap:var(--sp-5)}.hub-stats{grid-template-columns:repeat(3,1fr)}.hub-actions-row .bb-btn.primary,.hub-join{width:100%}.hub-join-input{flex:1 1;width:auto}}.hub-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3)}.hub-search-wrap{flex:1 1;min-width:220px;position:relative}.hub-search-icon{color:var(--text-faint);left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.hub-search{padding-left:38px}.hub-toolbar .bb-select-wrap{min-width:150px}.hub-legacy-note{color:var(--text-muted);font-size:var(--fs-sm);max-width:64ch}.hub-legacy-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between}.create-game-container{flex:1 1}.create-game-content{margin-inline:auto;padding:var(--sp-7) 0 var(--sp-10);width:min(920px,100% - var(--sp-8))}.create-game-heading{margin-bottom:var(--sp-6)}.create-game-title{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--sp-2)}.create-game-sub{color:var(--text-muted);max-width:62ch}.error-message{background:var(--danger-soft);border-radius:var(--radius-md);color:var(--danger);font-size:var(--fs-sm);font-weight:500;margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.game-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--sp-5);margin-bottom:var(--sp-6);padding:var(--sp-6)}.form-group,.game-info{display:flex;flex-direction:column}.form-group{gap:var(--sp-2)}.form-group label{font-size:var(--fs-sm);font-weight:600}.form-group input,.form-group textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);min-height:44px;padding:10px var(--sp-4);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);width:100%}.form-group textarea{line-height:1.5;min-height:0;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.visibility-toggle{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}.visibility-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-4);text-align:left;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.visibility-btn:hover{border-color:var(--border-strong)}.visibility-btn.active{background:var(--primary-soft);border-color:var(--primary)}.visibility-name{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600}.visibility-hint{color:var(--text-muted);font-size:var(--fs-xs)}.round-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-5);padding:var(--sp-6)}.round-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-5)}.round-badge{background:var(--secondary);border-radius:var(--radius-full);color:var(--on-secondary);flex:none;font-size:var(--fs-xs);letter-spacing:.08em;padding:6px 14px;text-transform:uppercase}.round-badge,.round-name-input{font-family:var(--font-display);font-weight:600}.round-name-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);flex:1 1;font-size:var(--fs-md);min-height:42px;min-width:160px;padding:8px var(--sp-4)}.round-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.remove-category-btn,.remove-round-btn{background:none;border:0;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;font-size:var(--fs-sm);font-weight:600;padding:var(--sp-2)}.remove-category-btn:hover,.remove-round-btn:hover{background:var(--danger-soft);color:var(--danger)}.categories-section{display:flex;flex-direction:column;gap:var(--sp-4)}.category-editor{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4)}.category-header{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}.category-name-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);flex:1 1;font-family:var(--font-body);font-size:var(--fs-md);font-weight:600;min-height:42px;padding:8px var(--sp-4)}.category-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.question-editor,.questions-list{display:flex;flex-direction:column;gap:var(--sp-3)}.question-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);transition:border-color var(--dur-fast) var(--ease)}.question-editor.is-dd{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.question-type-row{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.type-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-size:var(--fs-xs);font-weight:600;min-height:30px;padding:0 var(--sp-3);transition:all var(--dur-fast) var(--ease)}.type-btn.active{background:var(--secondary);border-color:var(--secondary);color:var(--on-secondary)}.question-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--sp-3)}.question-input-group{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-1);min-width:180px}.question-input-group label{color:var(--text-muted);font-size:var(--fs-xs);font-weight:600}.question-input-group input,.question-input-group textarea{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);min-height:40px;padding:8px var(--sp-3);width:100%}.question-input-group input:focus,.question-input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.question-input-group.points-group{flex:0 0 96px;min-width:96px}.question-input-group.points-group input{font-feature-settings:"tnum";font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.question-input-group.extra-field{flex-basis:100%}.code-input{font-family:var(--font-mono)!important;line-height:1.6;white-space:pre}.media-preview{border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:var(--sp-2);max-height:140px;max-width:260px;object-fit:contain}.tf-answer{display:flex;gap:var(--sp-2)}.tf-btn{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-height:40px;transition:all var(--dur-fast) var(--ease)}.tf-btn.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.remove-question-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;flex:none;font-size:var(--fs-lg);height:40px;transition:all var(--dur-fast) var(--ease);width:40px}.remove-question-btn:hover{border-color:var(--danger);color:var(--danger)}.dd-toggle{align-items:center;align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:var(--fs-xs);font-weight:600;gap:var(--sp-2);min-height:32px;padding:0 var(--sp-3);transition:all var(--dur-fast) var(--ease)}.dd-toggle-dot{background:var(--border-strong);border-radius:50%;height:8px;transition:background-color var(--dur-fast) var(--ease);width:8px}.dd-toggle.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.dd-toggle.active .dd-toggle-dot{background:var(--accent)}.add-category-btn,.add-question-btn,.add-round-btn{background:#0000;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-height:44px;transition:all var(--dur-fast) var(--ease)}.add-category-btn:hover,.add-question-btn:hover,.add-round-btn:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.add-category-btn{margin-top:var(--sp-4);width:100%}.add-round-btn{margin-bottom:var(--sp-6);min-height:52px;width:100%}.save-section{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 92%,#0000);border:1px solid var(--border);border-radius:var(--radius-lg);bottom:0;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-4) var(--sp-5);position:-webkit-sticky;position:sticky}.save-meta{color:var(--text-muted);font-size:var(--fs-sm)}.save-actions{display:flex;gap:var(--sp-3);margin-left:auto}.cancel-button{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-height:44px;padding:0 var(--sp-5)}.cancel-button:hover{box-shadow:var(--shadow-sm)}.save-button{background:var(--primary);border:0;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-height:44px;padding:0 var(--sp-6);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.save-button:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.create-game-content{width:calc(100% - var(--sp-6))}.visibility-toggle{grid-template-columns:1fr}.save-actions{width:100%}.save-actions .save-button{flex:1 1}}.cc-head{margin-bottom:var(--sp-7);text-align:center}.cc-title{font-size:var(--fs-3xl);font-weight:var(--fw-semi);margin:var(--sp-2) 0}.cc-sub{color:var(--text-muted)}.cc-types{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr}.cc-type{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6);text-align:left;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.cc-type:hover:not(:disabled){border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.cc-type:disabled{cursor:not-allowed;opacity:.55}.cc-type-icon{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);display:inline-flex;height:40px;justify-content:center;margin-bottom:var(--sp-2);width:40px}.cc-type-title{font-size:var(--fs-lg);font-weight:var(--fw-semi)}.cc-type-bullets,.cc-type-tagline{color:var(--text-muted);font-size:var(--fs-sm)}.cc-type-bullets{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:var(--sp-4) 0}.cc-type-bullets li{align-items:flex-start;display:flex;gap:var(--sp-2)}.cc-type-bullets svg{color:var(--text-faint);flex:none;margin-top:3px}.cc-type-cta{align-items:center;color:var(--text);display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-medium);gap:6px;margin-top:auto}@media (max-width:640px){.cc-types{grid-template-columns:1fr}}.qe{display:flex;flex-direction:column;min-height:calc(100dvh - 60px)}.qe-topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--surface) 92%,#0000);border-bottom:1px solid var(--border);display:flex;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);position:-webkit-sticky;position:sticky;top:60px;z-index:calc(var(--z-nav) - 1)}.qe-topbar-title{display:flex;flex:1 1;flex-direction:column;min-width:0}.qe-topbar-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qe-save{align-items:center;color:var(--text-faint);display:inline-flex;font-size:var(--fs-xs);gap:5px}.qe-save-saving svg{animation:bb-spin .9s linear infinite}.qe-save-saved{color:var(--success)}.qe-save-dirty{color:var(--text-muted)}.qe-save-error{color:var(--danger)}.qe-topbar-right{align-items:center;display:flex;gap:var(--sp-3)}.qe-body{grid-gap:var(--sp-6);align-items:start;display:grid;flex:1 1;gap:var(--sp-6);grid-template-columns:300px 1fr;margin-inline:auto;padding:var(--sp-5) var(--sp-4) var(--sp-9);width:min(1320px,100%)}.qe-outline-toggle{display:none}.qe-outline{display:flex;flex-direction:column;gap:var(--sp-4);max-height:calc(100dvh - 140px);overflow-y:auto;padding-right:var(--sp-2);position:-webkit-sticky;position:sticky;top:122px}.qe-details-link{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;gap:var(--sp-3);padding:var(--sp-3);text-align:left;transition:border-color var(--dur-fast) var(--ease)}.qe-details-link:hover{border-color:var(--border-strong)}.qe-details-link.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.qe-details-icon{align-items:center;background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;flex:none;height:34px;justify-content:center;width:34px}.qe-details-copy{display:flex;flex:1 1;flex-direction:column;min-width:0}.qe-details-copy strong{font-family:var(--font-display);font-size:var(--fs-sm)}.qe-details-copy span{color:var(--text-muted);font-size:var(--fs-xs)}.qe-round{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:visible}.qe-round-head{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3)}.qe-round-name{background:none;border:0;cursor:text;overflow:hidden;padding:4px 2px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.qe-round-name,.qe-round-rename{color:var(--text);flex:1 1;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-width:0}.qe-round-rename{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius-sm);padding:3px 6px}.qe-round-count{background:var(--surface-2);border-radius:var(--radius-full);color:var(--text-faint);font-size:var(--fs-xs);padding:1px 8px}.qe-round-tools{position:relative}.qe-tool{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.qe-tool:hover{background:var(--surface-2);color:var(--text)}.qe-menu{animation:bb-pop-in var(--dur-fast) var(--ease-out);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;min-width:180px;padding:var(--sp-1);position:absolute;right:0;top:calc(100% + 4px);z-index:var(--z-dropdown)}.qe-menu button{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:flex;font-size:var(--fs-xs);font-weight:600;gap:var(--sp-2);padding:8px 10px;text-align:left}.qe-menu button:hover:not(:disabled){background:var(--surface-2)}.qe-menu button:disabled{cursor:not-allowed;opacity:.4}.qe-menu button.danger{color:var(--danger)}.qe-round-questions{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2)}.qe-oq{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--fs-xs);gap:var(--sp-2);padding:7px 8px;text-align:left;width:100%}.qe-oq:hover{background:var(--surface-2)}.qe-oq.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.qe-oq-num{align-items:center;background:var(--surface-2);border-radius:6px;color:var(--text-faint);display:inline-flex;flex:none;font-size:10px;font-weight:600;height:20px;justify-content:center;width:20px}.qe-oq.active .qe-oq-num{background:var(--primary);color:var(--on-primary)}.qe-oq-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qe-oq-warn{color:var(--warning);display:inline-flex;flex:none}.qe-add-q{align-items:center;background:none;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--fs-xs);font-weight:600;gap:var(--sp-2);margin:4px 4px 2px;padding:7px 8px;transition:all var(--dur-fast) var(--ease)}.qe-add-q:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.qe-add-q:disabled{cursor:not-allowed;opacity:.4}.qe-main{min-width:0}.qe-details,.qe-question{animation:bb-rise var(--dur-md) var(--ease-out) both;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-7)}.qe-panel-title{font-size:var(--fs-xl);font-weight:600}.qe-panel-subtitle{border-top:1px solid var(--border);font-size:var(--fs-md);font-weight:600;margin-top:var(--sp-2);padding-top:var(--sp-5)}.qe-q-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between}.qe-q-round{color:var(--text-faint);font-size:var(--fs-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.qe-q-number{font-size:var(--fs-xl);font-weight:600}.qe-q-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-1)}.qe-q-delete:hover{color:var(--danger)}.qe-q-problem{align-items:center;background:var(--warning-soft);border-radius:var(--radius-sm);color:var(--warning);display:flex;font-size:var(--fs-xs);font-weight:600;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.qe-q-text{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600}.qe-options{display:flex;flex-direction:column;gap:var(--sp-2)}.qe-options-hint{color:var(--text-faint);font-size:var(--fs-xs);font-weight:400}.qe-option{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--sp-3);padding:var(--sp-2);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.qe-option.correct{background:var(--success-soft);border-color:var(--success)}.qe-option-radio{align-items:center;background:var(--surface);border:2px solid var(--border-strong);border-radius:50%;color:#0000;cursor:pointer;display:inline-flex;flex:none;height:28px;justify-content:center;transition:all var(--dur-fast) var(--ease);width:28px}.qe-option-radio:hover{border-color:var(--success)}.qe-option.correct .qe-option-radio{background:var(--success);border-color:var(--success);color:var(--text-muted)}.qe-option-input{background:none;border:0;color:var(--text);flex:1 1;font-family:var(--font-body);font-size:var(--fs-md);min-width:0;padding:6px 4px}.qe-option-input:focus{outline:none}.qe-option-fixed{font-family:var(--font-display);font-weight:600;padding:6px 4px}.qe-q-extras{grid-gap:var(--sp-5);align-items:end;display:grid;gap:var(--sp-5);grid-template-columns:auto minmax(200px,240px)}.qe-q-move{max-width:280px}.qe-details-row{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr}.qe-switch-row{align-items:center;display:flex;gap:var(--sp-3)}.qe-card-preview{align-items:center;border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:var(--sp-4);max-width:420px;overflow:hidden}.qe-card-banner{align-items:center;background:var(--surface-2);color:var(--text-muted);display:flex;flex:none;height:74px;justify-content:center;width:84px}.qe-card-preview-body{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:var(--sp-4)}.qe-card-preview-body strong{font-family:var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qe-card-preview-body span{color:var(--text-muted);font-size:var(--fs-xs)}.qe-card-hint{margin-top:calc(var(--sp-3)*-1)}.qe-issue-list{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:var(--fs-xs);gap:var(--sp-1);margin:var(--sp-3) 0 0 var(--sp-5)}@media (max-width:900px){.qe-body{gap:var(--sp-4);grid-template-columns:1fr}.qe-outline-toggle{align-self:flex-start;display:inline-flex}.qe-outline{display:none;max-height:none;position:static}.qe-outline.open{display:flex}.qe-details,.qe-question{padding:var(--sp-5)}.qe-details-row,.qe-q-extras{grid-template-columns:1fr}}.play-game-container{background:var(--stage);color:var(--on-stage);display:flex;flex:1 1;flex-direction:column}.play-game-container .error-screen,.play-game-container .loading-screen{align-items:center;color:var(--on-stage-soft);display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:var(--sp-4);justify-content:center;padding:var(--sp-8);text-align:center}.back-button{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-md);color:var(--on-stage);cursor:pointer;font-family:var(--font-display);font-weight:600;min-height:44px;padding:0 var(--sp-5)}.back-button:hover{border-color:var(--stage-primary)}.setup-screen{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--sp-8) var(--sp-5)}.setup-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--sp-8) var(--sp-7);text-align:center;width:min(560px,100%)}.setup-eyebrow{color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.setup-title{font-size:var(--fs-2xl);font-weight:var(--fw-semi);margin:var(--sp-2) 0}.setup-subtitle{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-normal);margin-bottom:var(--sp-6)}.setup-modes{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr;margin-bottom:var(--sp-6)}.setup-mode{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);text-align:left;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.setup-mode:hover{border-color:var(--border-strong)}.setup-mode.active{background:var(--surface-2);border-color:var(--primary)}.setup-mode-icon{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;height:34px;justify-content:center;width:34px}.setup-mode.active .setup-mode-icon{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.setup-mode-title{font-weight:var(--fw-semi)}.setup-mode-body{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.5}.setup-hint{color:var(--text-faint);font-size:var(--fs-xs);margin-top:var(--sp-3)}.lobby-screen{flex:1 1;padding:var(--sp-7) var(--sp-5) var(--sp-9)}.lobby-grid{grid-gap:var(--sp-7);align-items:start;display:grid;gap:var(--sp-7);grid-template-columns:minmax(280px,340px) 1fr;margin-inline:auto;width:min(1120px,100%)}.lobby-join{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--sp-7) var(--sp-6);position:-webkit-sticky;position:sticky;text-align:center;top:80px}.lobby-join-label{color:var(--text-muted);font-size:var(--fs-sm)}.lobby-join-label strong{color:var(--text);font-weight:var(--fw-medium)}.lobby-code{color:var(--text);font-size:clamp(2.6rem,7vw,4rem);font-weight:var(--fw-semi);letter-spacing:.14em;line-height:1;margin:var(--sp-3) 0}.lobby-join-sub{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-5)}.lobby-controls{display:flex;flex-direction:column;gap:var(--sp-3)}.lobby-hint{color:var(--text-faint);font-size:var(--fs-xs);margin-top:var(--sp-3)}.lobby-error{color:var(--danger);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.lobby-empty,.lobby-roster{display:flex;flex-direction:column;gap:var(--sp-4)}.lobby-empty{align-items:center;padding:var(--sp-11) var(--sp-6)}.lobby-empty,.lobby-note{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted)}.lobby-note{font-size:var(--fs-sm);padding:var(--sp-6);text-align:center}.lobby-team{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5)}.lobby-team.unassigned{background:#0000;border-style:dashed}.lobby-team-head{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}.lobby-team-name{font-size:var(--fs-md);font-weight:var(--fw-semi)}.lobby-team-count{background:var(--surface-2);border-radius:var(--radius-full);color:var(--text-faint);font-size:var(--fs-xs);padding:1px 8px}.lobby-team-tools{display:flex;gap:var(--sp-1);margin-left:auto;opacity:0;transition:opacity var(--dur-fast) var(--ease)}.lobby-team:focus-within .lobby-team-tools,.lobby-team:hover .lobby-team-tools{opacity:1}@media (hover:none){.lobby-team-tools{opacity:1}}.lobby-tool{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;display:inline-flex;height:30px;justify-content:center;width:30px}.lobby-tool:hover{border-color:var(--border-strong);color:var(--text)}.lobby-tool.danger:hover{border-color:var(--danger);color:var(--danger)}.lobby-rename{display:flex;flex:1 1;gap:var(--sp-2)}.lobby-team-empty{color:var(--text-faint);font-size:var(--fs-xs)}.lobby-members,.lobby-players{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.lobby-players{align-content:flex-start}.lobby-chip{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);display:inline-flex;font-size:var(--fs-sm);gap:var(--sp-2);padding:5px 8px 5px 5px}.lobby-chip-name{font-weight:var(--fw-medium)}.lobby-chip-remove{background:none;border:0;border-radius:var(--radius-full);color:var(--text-faint);cursor:pointer;display:inline-flex;padding:2px}.lobby-chip-remove:hover{background:var(--danger-soft);color:var(--danger)}@media (max-width:860px){.lobby-grid{grid-template-columns:1fr}.lobby-join{position:static}}@media (max-width:560px){.setup-modes{grid-template-columns:1fr}}.game-board-screen{flex:1 1;margin-inline:auto;padding:var(--sp-5) var(--sp-5) var(--sp-7);width:min(1320px,100%)}.game-board-screen,.game-header{display:flex;flex-direction:column}.game-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.game-header h1{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em;text-align:center}.join-banner{align-items:center;background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-full);display:inline-flex;font-size:var(--fs-sm);gap:var(--sp-3);padding:var(--sp-2) var(--sp-4)}.join-banner.error{border-color:var(--danger);color:var(--danger)}.join-label{color:var(--on-stage-soft);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.join-code{color:var(--stage-primary);font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:600;letter-spacing:.3em}.join-hint{color:var(--on-stage-soft)}.round-bar{align-items:center;display:flex;gap:var(--sp-4)}.round-nav-btn{background:#0000;border:1px solid var(--stage-line);border-radius:var(--radius-sm);color:var(--on-stage);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-height:36px;padding:0 var(--sp-4);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.round-nav-btn:hover:not(:disabled){background:var(--stage-2)}.round-nav-btn:disabled{cursor:not-allowed;opacity:.35}.round-nav-btn.highlight{animation:bb-pulse 1.6s var(--ease) infinite;background:var(--stage-primary);border-color:var(--stage-primary);color:var(--stage)}@keyframes bb-pulse{0%,to{box-shadow:0 0 0 0 var(--ring)}50%{box-shadow:0 0 0 8px var(--ring)}}.round-indicator{color:var(--on-stage-soft);font-size:var(--fs-sm);font-weight:600}.teams-display{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.team-score{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-md);min-width:130px;padding:var(--sp-3) var(--sp-4);text-align:center}.team-score .team-name{color:var(--on-stage-soft);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.team-score .score{font-feature-settings:"tnum";color:var(--stage-primary);font-family:var(--font-mono);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:600}.score-editor{align-items:center;display:flex;gap:var(--sp-1);justify-content:center}.score-step{cursor:pointer;font-size:var(--fs-md);height:30px;width:30px}.score-input,.score-step{background:var(--stage);border:1px solid var(--stage-line);border-radius:var(--radius-sm);color:var(--on-stage);font-weight:600}.score-input{font-family:var(--font-mono);min-height:30px;text-align:center;width:76px}.edit-scores-btn{background:none;border:0;color:var(--on-stage-soft);cursor:pointer;font-size:var(--fs-xs);font-weight:600;text-decoration:underline;text-underline-offset:3px}.edit-scores-btn:hover{color:var(--on-stage)}.board-container{flex:1 1;overflow-x:auto}.game-board{border-collapse:initial;border-spacing:6px;height:100%;min-width:640px;table-layout:fixed;width:100%}.game-board th{background:var(--stage-3);border-radius:var(--radius-md);color:var(--on-stage);font-family:var(--font-display);font-size:clamp(.8rem,1.4vw,1.05rem);font-weight:600;letter-spacing:.04em;padding:var(--sp-4) var(--sp-2);text-transform:uppercase}.game-board td{font-feature-settings:"tnum";background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-md);color:var(--stage-primary);cursor:pointer;font-family:var(--font-mono);font-size:clamp(1.2rem,2.6vw,2rem);font-variant-numeric:tabular-nums;font-weight:600;height:clamp(64px,11vh,110px);text-align:center;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.game-board td:hover:not(.answered):not(.empty-cell){border-color:var(--stage-primary);transform:scale(1.02)}.game-board td.answered{background:#0d192680;border-color:#0000;color:#0000;cursor:default}.game-board td.empty-cell{background:#0000;border-color:#0000;cursor:default}.question-screen{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--sp-6) var(--sp-5)}.question-container{animation:bb-rise var(--dur-slow) var(--ease-out) both;display:flex;flex-direction:column;gap:var(--sp-6);width:min(920px,100%)}.question-header{align-items:center;display:flex;gap:var(--sp-4)}.back-btn{background:#0000;border:1px solid var(--stage-line);border-radius:var(--radius-sm);color:var(--on-stage-soft);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-height:38px;padding:0 var(--sp-4)}.back-btn:hover{border-color:var(--on-stage-soft);color:var(--on-stage)}.category-label{color:var(--on-stage-soft);flex:1 1;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;letter-spacing:.12em;text-align:center;text-transform:uppercase}.point-value{font-feature-settings:"tnum";color:var(--stage-primary);font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;font-weight:600}.point-value.dd-badge{color:var(--stage-accent);font-family:var(--font-display)}.question-content{text-align:center}.question-content h2{font-size:clamp(1.5rem,3.4vw,2.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.25}.buzzer-section{border:1px dashed var(--stage-line);border-radius:var(--radius-lg);padding:var(--sp-5);text-align:center}.buzzer-section h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2)}.buzz-waiting-text{color:var(--on-stage-soft);font-size:var(--fs-sm)}.buzz-waiting-text strong{color:var(--stage-primary);font-family:var(--font-mono);letter-spacing:.2em}.lockout-note{color:var(--on-stage-soft);font-size:var(--fs-xs);margin-top:var(--sp-2)}.buzz-pulse-dot{animation:bb-pulse 1.4s var(--ease) infinite;background:var(--stage-primary);border-radius:50%;height:14px;margin:0 auto var(--sp-3);width:14px}.buzzer-notification{background:var(--ring);border:1px solid var(--stage-primary);border-radius:var(--radius-lg);padding:var(--sp-6);text-align:center}.buzz-alert h3{font-size:var(--fs-xl);margin-bottom:var(--sp-1)}.buzz-alert p{color:var(--on-stage-soft);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.buzz-countdown{font-feature-settings:"tnum";align-items:center;border:3px solid var(--stage-primary);border-radius:50%;color:var(--stage-primary);display:flex;font-family:var(--font-mono);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:600;height:62px;justify-content:center;margin:0 auto var(--sp-3);width:62px}.buzz-countdown.expired{border-color:var(--danger);color:var(--danger)}.scoring-section{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:center}.scoring-card{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-lg);min-width:min(340px,100%);padding:var(--sp-5)}.scoring-card-header{align-items:baseline;display:flex;gap:var(--sp-3);justify-content:space-between;margin-bottom:var(--sp-4)}.scoring-card-header h4{font-size:var(--fs-lg);font-weight:600}.current-score{font-feature-settings:"tnum";color:var(--on-stage-soft);font-family:var(--font-mono);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.scoring-actions{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:1fr 1fr}.scoring-btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-display);font-weight:600;gap:2px;padding:var(--sp-3);transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease)}.scoring-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.scoring-btn.correct{background:var(--success);border-color:var(--success);color:var(--success)}.scoring-btn.incorrect{background:var(--danger);border-color:var(--danger);color:var(--danger)}.scoring-icon{font-size:var(--fs-xl);line-height:1}.scoring-label{font-size:var(--fs-sm)}.scoring-points{font-feature-settings:"tnum";font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;opacity:.85}.answer-display{background:var(--success);border:1px solid var(--success);border-radius:var(--radius-lg);padding:var(--sp-5);text-align:center}.answer-display h3{color:var(--success);font-size:var(--fs-xs);font-weight:600;letter-spacing:.14em;margin-bottom:var(--sp-1);text-transform:uppercase}.answer-display p{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600}.reveal-btn{text-align:center}.reveal-btn button,.reveal-btn-inline{background:var(--stage-primary);border:0;border-radius:var(--radius-md);color:var(--stage);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;min-height:46px;padding:0 var(--sp-6);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.reveal-btn button:hover,.reveal-btn-inline:hover:not(:disabled){box-shadow:0 8px 24px var(--ring);transform:translateY(-1px)}.reveal-btn-inline:disabled{cursor:not-allowed;opacity:.4}.keyboard-hint{color:var(--on-stage-soft);font-size:var(--fs-xs);margin-top:var(--sp-3)}.buzzer-buttons{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-4)}.buzzer-btn{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-md);color:var(--on-stage);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;min-height:48px;padding:0 var(--sp-6);transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.buzzer-btn:hover{border-color:var(--stage-primary);transform:translateY(-1px)}.daily-double-splash{background:var(--stage);cursor:pointer;flex:1 1;gap:var(--sp-6);justify-content:center;min-height:60vh}.daily-double-splash,.dd-text{align-items:center;display:flex;flex-direction:column}.dd-text{animation:bb-dd-in .7s var(--ease-out) both;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:.95;text-transform:uppercase}.dd-line1{color:var(--on-stage);font-size:clamp(2.6rem,8vw,5.5rem)}.dd-line2{color:var(--stage-accent);font-size:clamp(3.4rem,11vw,7.5rem)}@keyframes bb-dd-in{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.05)}}.dd-continue{color:var(--on-stage-soft);font-size:var(--fs-sm)}.dd-only-note{color:var(--stage-accent);font-weight:600;text-align:center}.wager-section{background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-lg);padding:var(--sp-6);text-align:center}.wager-section h3{font-size:var(--fs-xl);margin-bottom:var(--sp-2)}.wager-info{color:var(--on-stage-soft);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.wager-input{font-feature-settings:"tnum";background:var(--stage);border:1px solid var(--stage-line);border-radius:var(--radius-md);color:var(--on-stage);font-family:var(--font-mono);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:600;min-height:52px;text-align:center;width:min(240px,100%)}.wager-input:focus{border-color:var(--stage-accent);box-shadow:0 0 0 3px var(--ring);outline:none}.wager-warning{color:var(--danger);font-size:var(--fs-sm);margin-top:var(--sp-2)}.wager-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-5)}.no-answer-btn{background:#0000;border:1px solid var(--stage-line);border-radius:var(--radius-md);color:var(--on-stage-soft);cursor:pointer;font-family:var(--font-display);font-weight:600;min-height:46px;padding:0 var(--sp-5)}.no-answer-btn:hover{color:var(--on-stage)}.scoring-section.single{margin-top:var(--sp-2)}@media (max-width:640px){.question-header{flex-wrap:wrap}.category-label{flex-basis:100%;order:3;text-align:left}.scoring-card{min-width:100%}}.match-timer{align-items:center;display:inline-flex;flex:none;height:48px;justify-content:center;position:relative;width:48px}.match-timer.large{height:72px;width:72px}.match-timer-ring{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.match-timer-track{fill:none;stroke:var(--surface-2);stroke-width:4}.match-timer-progress{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.match-timer.urgent .match-timer-progress{stroke:var(--danger)}.match-timer-num{color:var(--text);font-size:var(--fs-md);font-weight:600}.match-timer.large .match-timer-num{font-size:var(--fs-xl)}.match-timer.urgent .match-timer-num{color:var(--danger)}.lb-title{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;letter-spacing:.06em;margin-bottom:var(--sp-3);text-transform:uppercase}.lb-list{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none}.lb-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3)}.lb-row.me{background:var(--primary-soft);border-color:var(--primary)}.lb-rank{color:var(--text-faint);display:inline-flex;flex:none;font-weight:600;justify-content:center;text-align:center;width:26px}.lb-name{flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-members{color:var(--text-faint);font-weight:400}.lb-score{color:var(--primary);font-weight:600}.lb-empty{color:var(--text-faint);font-size:var(--fs-sm);padding:var(--sp-4);text-align:center}.lb.podium .lb-row.rank-1{background:var(--surface);border-color:var(--primary)}.lb.podium .lb-rank{color:var(--text)}.cm{max-width:820px}.cm-back{align-items:center;background:none;border:0;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;gap:4px;margin-bottom:var(--sp-5)}.cm-back:hover{color:var(--text)}.cm-head{gap:var(--sp-4);margin-bottom:var(--sp-7)}.cm-head,.cm-quiz-icon{align-items:center;display:flex}.cm-quiz-icon{background:var(--surface-2);border-radius:var(--radius-md);color:var(--text-muted);flex:none;height:52px;justify-content:center;width:52px}.cm-title{font-size:var(--fs-2xl);font-weight:600}.cm-facts{color:var(--text-muted);font-size:var(--fs-sm)}.cm-presets{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--sp-5)}.cm-preset{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-4);text-align:left;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.cm-preset:hover{border-color:var(--border-strong)}.cm-preset.active{background:var(--primary-soft);border-color:var(--primary)}.cm-preset-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600}.cm-preset-hint{color:var(--text-muted);font-size:var(--fs-xs)}.cm-settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--sp-6);overflow:hidden}.cm-settings-toggle{align-items:center;background:none;border:0;color:var(--text);cursor:pointer;display:flex;font-family:var(--font-display);font-weight:600;justify-content:space-between;padding:var(--sp-4) var(--sp-5);width:100%}.cm-settings-summary,.cm-settings-toggle>span{align-items:center;display:inline-flex;gap:var(--sp-2)}.cm-settings-summary{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.cm-settings-body{border-top:1px solid var(--border);padding:0 var(--sp-5) var(--sp-5)}.cm-actions{align-items:center;display:flex;flex-direction:column;gap:var(--sp-2)}.cm-actions-hint{color:var(--text-faint);font-size:var(--fs-sm)}.ms{grid-gap:var(--sp-6);align-items:start;display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding-top:var(--sp-5)}@media (max-width:720px){.ms{grid-template-columns:1fr}}.ms-group-title{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-sm);font-weight:600;gap:var(--sp-2);letter-spacing:.05em;margin-bottom:var(--sp-3);text-transform:uppercase}.ms-group-title svg{color:var(--primary)}.ms-group-body{display:flex;flex-direction:column}.ms-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-3) 0}.ms-row:last-child{border-bottom:0}.ms-row-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.ms-row-label{font-size:var(--fs-sm);font-weight:600}.ms-row-hint{color:var(--text-muted);font-size:var(--fs-xs)}.ms-row-control{flex:none}.mh{display:flex;flex-direction:column;min-height:calc(100dvh - 60px)}.mh.large-text{font-size:1.15em}.mh-lobby{grid-gap:var(--sp-7);align-items:start;display:grid;flex:1 1;gap:var(--sp-7);grid-template-columns:minmax(300px,380px) 1fr;margin-inline:auto;padding:var(--sp-8) 0;width:min(1200px,100% - var(--sp-8))}.mh-lobby-join{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--sp-7) var(--sp-6);position:-webkit-sticky;position:sticky;text-align:center;top:80px}.mh-join-label{color:var(--text-muted);font-size:var(--fs-sm)}.mh-join-label strong{color:var(--text)}.mh-join-code{color:var(--primary);font-size:clamp(3rem,8vw,5rem);font-weight:600;letter-spacing:.15em;line-height:1;margin:var(--sp-3) 0}.mh-join-sub{color:var(--text-muted);margin-bottom:var(--sp-5)}.mh-lobby-controls{display:flex;flex-direction:column;gap:var(--sp-3)}.mh-shortcut-hint{color:var(--text-faint);font-size:var(--fs-xs);margin-top:var(--sp-3);min-height:1em}.mh-lobby-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-11) var(--sp-6)}.mh-player-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mh-player-chip{align-items:center;animation:bb-pop-in var(--dur-md) var(--ease-out);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);position:relative}.mh-player-chip.offline{opacity:.5}.mh-player-name{flex:1 1;font-size:var(--fs-sm);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mh-player-ready{color:var(--success);flex:none}.mh-player-remove{background:none;border:0;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;display:inline-flex;flex:none;padding:3px}.mh-player-remove:hover{background:var(--danger-soft);color:var(--danger)}.mh-teams{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mh-team{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4)}.mh-team.unassigned{border-style:dashed}.mh-team-name{display:flex;font-size:var(--fs-md);font-weight:600;justify-content:space-between;margin-bottom:var(--sp-3)}.mh-team-name span{color:var(--text-faint)}.mh-team-members{display:flex;flex-direction:column;gap:var(--sp-2)}.mh-team-member{align-items:center;display:flex;font-size:var(--fs-sm);font-weight:500;gap:var(--sp-2)}.mh-present{display:flex;flex:1 1;flex-direction:column;margin-inline:auto;padding:var(--sp-6) 0 var(--sp-8);width:min(1100px,100% - var(--sp-6))}.mh-present-top{align-items:center;display:flex;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-6)}.mh-round{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase}.mh-answered,.mh-round{color:var(--text-muted);font-weight:600}.mh-question-text{text-wrap:balance;font-size:clamp(1.6rem,4vw,3rem);font-weight:600;line-height:1.2;margin:auto 0 var(--sp-7);text-align:center}.mh-question-text.sm{font-size:clamp(1.3rem,3vw,2rem);margin:0 0 var(--sp-5)}.mh-answers{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr}.mh-answers.two{grid-template-columns:1fr 1fr;margin-inline:auto;max-width:720px;width:100%}.mh-answer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);display:flex;font-size:clamp(1.05rem,1.8vw,1.45rem);gap:var(--sp-4);min-height:88px;overflow:hidden;padding:var(--sp-5) var(--sp-6);position:relative;transition:border-color var(--dur-fast) var(--ease)}.mh-answer,.mh-answer-letter{align-items:center;font-weight:var(--fw-medium)}.mh-answer-letter{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;flex:none;font-size:var(--fs-sm);height:30px;justify-content:center;width:30px}.mh-answer-text{flex:1 1;z-index:1}.mh-answers.reveal .mh-answer.dim{background:var(--surface-2);color:var(--text-faint)}.mh-answers.reveal .mh-answer.dim .mh-answer-letter{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;flex:none;font-size:var(--fs-sm);font-weight:var(--fw-medium);height:30px;justify-content:center;width:30px}.mh-answers.reveal .mh-answer.correct{box-shadow:0 0 0 3px var(--success),var(--shadow-md)}.mh-answer-check{flex:none;z-index:1}.mh-answer-bar{bottom:0;left:0;position:absolute;top:0;transition:width var(--dur-slow) var(--ease-out)}.mh-answer-bar,.mh-answers.reveal .mh-answer.dim .mh-answer-bar{background:var(--surface-2)}.mh-answer-count{bottom:var(--sp-2);font-size:var(--fs-sm);opacity:.85;position:absolute;right:var(--sp-4);z-index:1}.mh-explanation{align-items:flex-start;background:var(--info-soft);border-radius:var(--radius-md);color:var(--text);display:flex;font-size:var(--fs-md);gap:var(--sp-2);margin-top:var(--sp-5);margin-inline:auto;max-width:800px;padding:var(--sp-4);width:100%}.mh-explanation svg{color:var(--primary);flex:none;margin-top:2px}.mh-reveal-lb{margin:var(--sp-6) auto 0;max-width:520px;width:100%}.mh-present-controls{align-items:center;border-top:1px solid var(--border);display:flex;gap:var(--sp-4);justify-content:space-between;margin-top:var(--sp-7);padding-top:var(--sp-5)}.mh-results{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-5);margin-inline:auto;padding:var(--sp-8) 0;width:min(560px,100% - var(--sp-6))}.mh-results-head{text-align:center}.mh-results-head svg{color:var(--text-muted)}.mh-results-head h1{font-size:var(--fs-3xl);font-weight:600;margin:var(--sp-2) 0 4px}.mh-results-head p{color:var(--text-muted)}.mh-results-actions{gap:var(--sp-3);margin-top:var(--sp-3)}.mh-results-actions,.pm-screen{display:flex;justify-content:center}.pm-screen{align-items:center;background:var(--bg);flex-direction:column;min-height:100dvh;padding:var(--sp-5)}.pm-screen.play{justify-content:flex-start;padding:0}.pm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-7) var(--sp-6);text-align:center;width:min(380px,100%)}.pm-eyebrow{color:var(--primary);font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.pm-h1{font-size:var(--fs-2xl);font-weight:600}.pm-sub{color:var(--text-muted);font-size:var(--fs-sm)}.pm-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-md);min-height:52px;padding:10px var(--sp-4);text-align:center;width:100%}.pm-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.pm-input.code{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:600;letter-spacing:.3em;text-transform:uppercase}.pm-btn{background:var(--primary);border:0;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;min-height:50px;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);width:100%}.pm-btn.sm{font-size:var(--fs-sm);min-height:44px;padding:0 var(--sp-4);width:auto}.pm-btn:active:not(:disabled){transform:scale(.98)}.pm-btn:disabled{cursor:not-allowed;opacity:.45}.pm-error{color:var(--danger);font-size:var(--fs-sm);font-weight:500}.pm-bar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--sp-3) var(--sp-4);padding-top:max(var(--sp-3),env(safe-area-inset-top));width:100%}.pm-bar-name{font-family:var(--font-display);font-weight:600}.pm-bar-stats{align-items:center;display:flex;gap:var(--sp-3)}.pm-streak{align-items:center;color:var(--warning);display:inline-flex;font-size:var(--fs-sm);font-weight:600;gap:2px}.pm-bar-score{color:var(--primary);font-size:var(--fs-lg);font-weight:600}.pm-play-top{align-items:center;display:flex;justify-content:space-between;padding:var(--sp-4);width:100%}.pm-q-counter{color:var(--text-muted);font-weight:600}.pm-answer-grid{grid-gap:var(--sp-3);align-content:stretch;display:grid;flex:1 1;gap:var(--sp-3);grid-template-columns:1fr 1fr;margin-inline:auto;max-width:640px;padding:0 var(--sp-4) var(--sp-4);width:100%}.pm-answer{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;display:flex;flex-direction:column;font-size:var(--fs-md);font-weight:var(--fw-medium);gap:var(--sp-3);justify-content:center;min-height:110px;padding:var(--sp-4);position:relative;text-align:center;touch-action:manipulation;transition:transform 80ms var(--ease),border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.pm-answer:active:not(:disabled){transform:scale(.96)}.pm-answer.picked{background:var(--accent-soft);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.pm-answer:disabled:not(.picked){opacity:.5}.pm-answer-letter{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-medium);height:30px;justify-content:center;width:30px}.pm-answer-text{z-index:1}.pm-answer-check{color:var(--primary);position:absolute;right:var(--sp-2);top:var(--sp-2)}.pm-play-status{color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-3);text-align:center}.pm-feedback{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2);justify-content:center;padding:var(--sp-8) var(--sp-5);text-align:center}.pm-feedback h2{font-size:var(--fs-2xl);font-weight:600}.pm-feedback.correct{color:var(--success)}.pm-feedback.wrong{color:var(--danger)}.pm-feedback.none{color:var(--text-muted)}.pm-gained{font-size:var(--fs-xl);font-weight:600}.pm-mini-lb{max-width:480px;padding:var(--sp-4) var(--sp-5) var(--sp-8)}.pm-lobby,.pm-mini-lb{margin-inline:auto;width:100%}.pm-lobby{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--sp-4);max-width:420px;padding:var(--sp-8) var(--sp-5);text-align:center}.pm-name{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4)}.pm-name svg{color:var(--text-faint)}.pm-name-edit{display:flex;gap:var(--sp-2);width:100%}.pm-teams{display:flex;flex-direction:column;gap:var(--sp-3);width:100%}.pm-teams-title{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.pm-team-list{display:flex;flex-direction:column;gap:var(--sp-2)}.pm-team-btn{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;font-family:var(--font-display);font-weight:600;justify-content:space-between;min-height:48px;padding:0 var(--sp-4)}.pm-team-btn:hover{border-color:var(--primary)}.pm-team-btn span{color:var(--text-faint)}.pm-team-create{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.pm-my-team{padding:var(--sp-3)}.pm-my-team strong{color:var(--primary)}.pm-link{background:none;border:0;color:var(--text-muted);cursor:pointer;font-size:var(--fs-sm);margin-top:4px;text-decoration:underline}.pm-ready-btn{align-items:center;background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600;gap:var(--sp-2);min-height:56px;padding:0 var(--sp-8);transition:all var(--dur-fast) var(--ease)}.pm-ready-btn.ready{background:var(--success-soft);border-color:var(--success);color:var(--success)}.pm-finished{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--sp-4);margin-inline:auto;max-width:440px;padding:var(--sp-8) var(--sp-5);text-align:center;width:100%}.pm-finished svg{color:var(--text-muted)}.pm-finished h1{font-size:var(--fs-2xl);font-weight:600}.pm-finished .lb{width:100%}.pm-thanks{color:var(--text-muted)}@media (max-width:860px){.mh-lobby{grid-template-columns:1fr}.mh-lobby-join{position:static}}@media (max-width:560px){.mh-answers,.mh-answers.two{grid-template-columns:1fr}.mh-answer{min-height:68px;padding:var(--sp-4)}.mh-present-controls{flex-direction:column-reverse}.mh-present-controls .bb-btn{width:100%}}.join-screen{align-items:center;background:var(--stage);color:var(--on-stage);display:flex;flex:1 1;justify-content:center;min-height:100dvh;padding:var(--sp-6) var(--sp-5)}.join-screen.play{align-items:stretch;flex-direction:column;justify-content:flex-start;padding:0}.join-card{animation:bb-rise var(--dur-slow) var(--ease-out) both;background:var(--stage-2);border:1px solid var(--stage-line);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-7) var(--sp-6);text-align:center;width:min(400px,100%)}.join-h1{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em}.join-sub{color:var(--on-stage-soft);font-size:var(--fs-sm)}.join-input{background:var(--stage);border:1px solid var(--stage-line);border-radius:var(--radius-md);color:var(--on-stage);font-family:var(--font-body);font-size:var(--fs-md);min-height:52px;padding:10px var(--sp-4);text-align:center;width:100%}.join-input::placeholder{color:var(--text-faint)}.join-input:focus{border-color:var(--stage-primary);box-shadow:0 0 0 3px var(--ring);outline:none}.join-input.code{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:600;letter-spacing:.35em;text-transform:uppercase}.join-btn{background:var(--stage-primary);border:0;border-radius:var(--radius-md);color:var(--stage);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;min-height:50px;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);width:100%}.join-btn:active:not(:disabled){transform:scale(.98)}.join-btn:disabled{cursor:not-allowed;opacity:.4}.join-error{color:var(--danger);font-size:var(--fs-sm);font-weight:500}.join-error.center{padding:var(--sp-4);text-align:center}.team-pick{display:flex;flex-direction:column;gap:var(--sp-2)}.team-pick-btn{background:var(--stage);border:1px solid var(--stage-line);border-radius:var(--radius-md);color:var(--on-stage);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;min-height:48px;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.team-pick-btn.active{background:var(--stage-primary);border-color:var(--stage-primary);color:var(--stage)}.player-bar{align-items:center;background:var(--stage-2);border-bottom:1px solid var(--stage-line);display:flex;justify-content:space-between;padding:var(--sp-4) var(--sp-5);padding-top:max(var(--sp-4),env(safe-area-inset-top))}.player-team{font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.player-score{font-feature-settings:"tnum";color:var(--stage-primary);font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;font-weight:600}.player-wait{align-items:center;color:var(--on-stage-soft);gap:var(--sp-4);justify-content:center;padding:var(--sp-8) var(--sp-5)}.player-clue,.player-wait{display:flex;flex:1 1;flex-direction:column}.player-clue{margin-inline:auto;padding:var(--sp-6) var(--sp-5);padding-bottom:max(var(--sp-6),env(safe-area-inset-bottom));text-align:center;width:min(560px,100%)}.player-clue-cat{color:var(--stage-primary);font-size:var(--fs-xs);letter-spacing:.12em;margin-bottom:var(--sp-4);text-transform:uppercase}.player-clue-cat,.player-clue-text{font-family:var(--font-display);font-weight:600}.player-clue-text{font-size:var(--fs-xl);line-height:1.3}.player-buzz-area{align-items:center;display:flex;flex-direction:column;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-6)}.player-msg{font-size:var(--fs-md);font-weight:600}.player-msg.good{color:var(--success)}.player-msg.muted{color:var(--on-stage-soft)}.buzz-big{-webkit-tap-highlight-color:transparent;aspect-ratio:1;background:var(--primary);border:0;border-radius:50%;box-shadow:0 10px 40px var(--ring),inset 0 -6px 14px #040c144d;color:var(--stage);cursor:pointer;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:600;letter-spacing:.08em;touch-action:manipulation;transition:transform 80ms var(--ease),box-shadow 80ms var(--ease);width:min(230px,62vw)}.buzz-big:active:not(:disabled){box-shadow:0 4px 18px var(--ring),inset 0 -2px 8px #040c1459;transform:scale(.94)}.buzz-big:disabled{opacity:.6}.join-eyebrow{color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.join-myteam{background:var(--surface-2);border:1px solid var(--primary);border-radius:var(--radius-md);color:var(--text);font-size:var(--fs-xl);font-weight:var(--fw-semi);padding:var(--sp-3) var(--sp-4)}.join-team-list{display:flex;flex-direction:column;gap:var(--sp-2)}.join-team-btn{align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);cursor:pointer;display:flex;font-size:var(--fs-md);font-weight:var(--fw-medium);justify-content:space-between;min-height:48px;padding:0 var(--sp-4);transition:border-color var(--dur-fast) var(--ease)}.join-team-btn:hover:not(:disabled){border-color:var(--primary)}.join-team-btn:disabled{cursor:not-allowed;opacity:.5}.join-team-btn .bb-num{color:var(--text-faint);font-size:var(--fs-sm)}.join-team-create{display:flex;gap:var(--sp-2)}.join-team-create .join-input{text-align:left}.join-btn.sm{flex:none;min-height:48px;padding:0 var(--sp-4);width:auto}.join-link{background:none;border:0;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:2px}.join-link:hover{color:var(--text)}.player-msg.good{align-items:center;display:inline-flex;gap:var(--sp-2)}.join-entry{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100dvh;padding:var(--sp-5)}.join-entry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-8) var(--sp-6);text-align:center;width:min(380px,100%)}.join-entry-title{font-size:var(--fs-2xl);font-weight:var(--fw-semi)}.join-entry-sub{color:var(--text-muted);font-size:var(--fs-sm)}.join-entry-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:var(--fw-semi);letter-spacing:.3em;min-height:60px;padding:10px var(--sp-4);text-align:center;text-transform:uppercase;width:100%}.join-entry-input::placeholder{color:var(--text-faint);letter-spacing:.3em}.join-entry-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring);outline:none}.join-entry-btn{background:var(--primary);border:0;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-semi);min-height:50px;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);width:100%}.join-entry-btn:active:not(:disabled){transform:scale(.98)}.join-entry-btn:disabled{cursor:not-allowed;opacity:.45}.join-entry-error{color:var(--danger);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.explore-hero{background:var(--surface);border-bottom:1px solid var(--border)}.explore-hero-inner{margin-inline:auto;padding:var(--sp-9) 0 var(--sp-8);width:min(1320px,100% - var(--sp-8))}.explore-title{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.02em;margin:var(--sp-3) 0 var(--sp-2)}.explore-sub{color:var(--text-muted);margin-bottom:var(--sp-6)}.explore-search-wrap{max-width:480px;position:relative}.explore-search-icon{color:var(--text-faint);left:15px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.explore-search{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--text);font-family:var(--font-body);font-size:var(--fs-md);min-height:50px;padding:12px var(--sp-4) 12px 46px;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);width:100%}.explore-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.explore-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-5)}.explore-live{margin-bottom:var(--sp-6)}.explore-live-title{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-sm);font-weight:600;gap:var(--sp-2);letter-spacing:.05em;margin-bottom:var(--sp-3);text-transform:uppercase}.explore-live-dot{background:var(--success);border-radius:50%;height:8px;width:8px}.explore-live-count{color:var(--text-faint)}.explore-live-list{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.explore-live-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);text-decoration:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.explore-live-card:hover{background:var(--surface-2);border-color:var(--border-strong)}.explore-live-card.full{opacity:.55;pointer-events:none}.explore-live-copy{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.explore-live-quiz{font-size:var(--fs-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-live-host,.explore-live-players{color:var(--text-muted);font-size:var(--fs-xs)}.explore-live-players{align-items:center;display:inline-flex;flex:none;gap:4px}.explore-live-cta{color:var(--accent);flex:none;font-size:var(--fs-xs);font-weight:600}.explore-count{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500}.explore-sort{min-width:200px}@media (max-width:640px){.explore-hero-inner{padding-block:var(--sp-7) var(--sp-6);width:calc(100% - var(--sp-6))}}.htp-container{background:var(--bg);min-height:100vh}.htp-hero{background:var(--surface);color:var(--text);padding:56px 28px 60px;text-align:center}.htp-hero-inner{margin:0 auto;max-width:680px}.htp-title{font-size:2.5em;font-weight:600;letter-spacing:-1px;line-height:1.12;margin:0 0 12px}.htp-sub{color:var(--text-muted);font-size:1.02em;line-height:1.6;margin:0}.htp-content{margin:0 auto;max-width:860px;padding:44px 28px 72px}.htp-steps{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.htp-step{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:18px;padding:22px 24px}.htp-step-num{align-items:center;background:var(--surface-3);border-radius:12px;color:var(--text);display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:1.05em;font-weight:var(--fw-semi);height:40px;justify-content:center;width:40px}.htp-step-title{color:var(--text);font-size:1.1em;font-weight:600;letter-spacing:-.2px;margin:0 0 6px}.htp-step-text{color:var(--text-muted);font-size:.95em;line-height:1.6;margin:0}.htp-step-body{flex:1 1;min-width:0}.htp-step-art{align-self:center;flex-shrink:0;width:108px}.htp-step-art svg{display:block;height:auto;width:100%}@media (max-width:560px){.htp-step-art{display:none}}.htp-tips{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:36px;padding:24px 26px}.htp-tips-title{color:var(--text);font-size:1.05em;font-weight:var(--fw-semi);margin:0 0 14px}.htp-tips-list{color:var(--text-muted);display:flex;flex-direction:column;font-size:.95em;gap:10px;line-height:1.6;margin:0;padding-left:20px}.htp-tips-list strong{color:var(--text)}.htp-tips-list kbd{background:var(--surface);border:solid var(--border-strong);border-radius:6px;border-width:1px 1px 2px;color:var(--text);font-family:var(--font-mono);font-size:.85em;font-weight:var(--fw-semi);padding:1px 7px}.htp-cta{margin-top:44px;text-align:center}.htp-cta-title{color:var(--text);font-size:1.4em;font-weight:600;letter-spacing:-.4px;margin:0 0 18px}.htp-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:600px){.htp-hero{padding:40px 16px 44px}.htp-title{font-size:1.8em}.htp-content{padding:32px 16px 56px}.htp-step{gap:14px;padding:18px}}.htp-modes{justify-content:center;margin-bottom:20px}.htp-modes .bb-tab{font-size:1em;padding:var(--sp-3) var(--sp-5)}.htp-tagline{color:var(--text-muted);font-size:1em;line-height:1.6;margin:0 0 28px;text-align:center}.htp-note{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:36px;padding:24px 26px;text-align:center}.htp-note-title{color:var(--text);font-size:1.05em;font-weight:var(--fw-semi);margin:0 0 8px}.htp-note-text{color:var(--text-muted);font-size:.95em;line-height:1.6;margin:0 auto;max-width:56ch}@media (max-width:600px){.htp-modes{justify-content:flex-start}}.profile-card{display:flex;flex-direction:column;gap:var(--sp-6)}.profile-identity{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-5)}.profile-who{display:flex;flex-direction:column;gap:var(--sp-2)}.profile-name{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em}.profile-badges{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.profile-email{color:var(--text-faint);font-size:var(--fs-sm)}.profile-settings-btn{margin-left:auto}.profile-xp{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-5)}.profile-xp-row{align-items:center;display:flex;justify-content:space-between}.profile-xp-label{align-items:center;display:inline-flex;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;gap:6px}.profile-xp-label svg{color:var(--primary)}.profile-xp-num{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.profile-xp-hint{color:var(--text-faint);font-size:var(--fs-xs)}.profile-section{margin-top:var(--sp-8)}.profile-note{color:var(--text-faint);font-size:var(--fs-xs);margin-top:var(--sp-3)}@media (max-width:560px){.profile-identity{align-items:flex-start;flex-direction:column}.profile-settings-btn{margin-left:0}}.settings-title{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.02em;margin:var(--sp-3) 0 var(--sp-6)}.settings-card{display:flex;flex-direction:column;gap:var(--sp-5);margin-bottom:var(--sp-4)}.settings-card-title{align-items:center;display:flex;font-size:var(--fs-lg);font-weight:600;gap:var(--sp-2)}.settings-card-title svg{color:var(--primary)}.settings-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-5);justify-content:space-between}.settings-row-label{font-size:var(--fs-sm);font-weight:600}.settings-row-hint{color:var(--text-muted);font-size:var(--fs-xs);overflow-wrap:anywhere}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-main{display:flex;flex:1 1;flex-direction:column}.app-main>*{flex:1 1}.app-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:auto}.app-footer-inner{display:flex;flex-wrap:wrap;gap:var(--sp-7);justify-content:space-between;margin-inline:auto;padding:var(--sp-8) 0 var(--sp-6);width:min(1120px,100% - var(--sp-8))}.app-footer-brand{display:flex;flex-direction:column;gap:var(--sp-3);max-width:34ch}.app-footer-brand p{color:var(--text-muted);font-size:var(--fs-sm)}.app-footer-links{display:flex;flex-direction:column;gap:var(--sp-2)}.app-footer-links a{color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;text-decoration:none}.app-footer-links a:hover{color:var(--primary)}.app-footer-legal{border-top:1px solid var(--border);color:var(--text-faint);font-size:var(--fs-xs);margin-inline:auto;padding:var(--sp-4) 0 var(--sp-6);width:min(1120px,100% - var(--sp-8))}@media (max-width:640px){.app-footer-inner,.app-footer-legal{width:calc(100% - var(--sp-6))}}
/*# sourceMappingURL=main.cd8e95c5.css.map*/