:root,:root[data-theme=light]{--bg:#fbf9f9;--surface:#fff;--surface-2:#f5f3f3;--surface-3:#efeded;--border:#e3e2e2;--border-strong:#c4c7c7;--text:#1b1c1c;--text-muted:#444748;--text-faint:#747878;--primary:#000;--primary-strong:#000;--primary-soft:#efeded;--on-primary:#fff;--secondary:#000;--secondary-soft:#efeded;--on-secondary:#fff;--accent:#4e635a;--accent-strong:#374b43;--accent-soft:#cee5da;--on-accent:#fff;--success:#3f6b52;--success-soft:#d1e8dd;--warning:#8b6823;--warning-soft:#f4ead7;--danger:#ba1a1a;--danger-strong:#93000a;--danger-soft:#ffdad6;--info:#4e635a;--info-soft:#cee5da;--stage:#fbf9f9;--stage-2:#fff;--stage-3:#f5f3f3;--stage-line:#e3e2e2;--on-stage:#1b1c1c;--on-stage-soft:#444748;--stage-primary:#1b1c1c;--stage-accent:#4e635a;--sky:#4e635a;--clay:#ba1a1a;--ring:#4e635a52;--shadow-sm:0 1px 2px #1b1c1c0a;--shadow-md:0 2px 8px #1b1c1c0f;--shadow-lg:0 12px 32px #1b1c1c1a;--shadow-primary:0 2px 8px #1b1c1c1a;--scrim:#1b1c1c52;color-scheme:light}:root{--font-body:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-serif:"EB Garamond",Georgia,"Times New Roman",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:#fbf9f9;background-color:var(--bg);color:#1b1c1c;color:var(--text);font-family:Public Sans,-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:EB Garamond,Georgia,Times New Roman,serif;font-family:var(--font-serif);font-weight:600;font-weight:var(--fw-semi);letter-spacing:-.01em;line-height:1.2}h1{letter-spacing:-.015em}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:#4e635a;color:var(--accent);text-underline-offset:2px}img,svg{max-width:100%;vertical-align:middle}::selection{background:#cee5da;background:var(--accent-soft);color:#1b1c1c;color:var(--text)}:focus-visible{border-radius:4px;outline:2px solid #4e635a;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}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :after,:root[data-reduced-motion=true] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}:root[data-contrast=high]{--border:#a6a9a9;--border-strong:#5f6363;--text-muted:#2a2d2d;--text-faint:#4c5050;--accent:#2f4139;--accent-strong:#223029}:root[data-colorblind=true] a:not(.bb-btn):not([class*=card]):not([class*=row]){text-decoration:underline}:root[data-colorblind=true] .history-row.won,:root[data-colorblind=true] .summary-rank.me,:root[data-colorblind=true] .summary-you.won{outline:2px dashed #374b43;outline:2px dashed var(--accent-strong);outline-offset:-2px}.clue-code{background:#f5f3f3;background:var(--surface-2);border:1px solid #e3e2e2;border-left:2px solid #c4c7c7;border:1px solid var(--border);border-left:2px solid var(--border-strong);border-radius:10px;border-radius:var(--radius-md);color:#1b1c1c;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 #e3e2e2;border:1px solid var(--border)}.clue-tf-badge{background:#f5f3f3;background:var(--surface-2);border-radius:999px;border-radius:var(--radius-full);color:#444748;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(--accent);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(--accent);border-color:var(--accent)}.bb-switch[aria-checked=true]:after{background:var(--on-accent);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(--accent);color:var(--accent-strong)}.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-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bb-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--sp-2);padding: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)}button.quiz-card-creator.link{background:none;border:none;cursor:pointer;font:inherit;padding:0;transition:color var(--dur-fast) var(--ease)}button.quiz-card-creator.link:hover{color:var(--text);text-decoration:underline}.quiz-card-meta .bb-btn{margin-left:auto}.quiz-card-explore{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between}.quiz-card-pills{flex-wrap:wrap;gap:var(--sp-2)}.quiz-card-pill,.quiz-card-pills{align-items:center;display:inline-flex}.quiz-card-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;gap:5px;padding:2px 9px}.quiz-card-social{gap:var(--sp-3)}.quiz-card-social,.quiz-card-stat{align-items:center;display:inline-flex}.quiz-card-stat{color:var(--text-faint);font-size:var(--fs-xs);gap:4px}.quiz-card-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.like-btn{align-items:center;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);gap:5px;padding:3px 8px;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.like-btn.sm{padding:2px 7px}.like-btn:hover:not(:disabled):not(.own){border-color:var(--danger);color:var(--danger)}.like-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.like-btn:disabled{cursor:default}.like-btn.liked{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-strong)}.like-btn.liked svg{fill:currentColor}.like-btn.own{background:#0000;border-color:#0000;color:var(--text-faint);cursor:default;padding-inline:0}.like-count{font-weight:600}.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}.paper-panel{background:#fff;border:1px solid #e3e2e2;box-shadow:0 2px 8px #0000000a}.neumorphic-card{border:1px solid #e9ecef;box-shadow:0 4px 12px #1b1c1c0a;transition:all .4s cubic-bezier(.16,1,.3,1)}.neumorphic-card:hover{box-shadow:0 12px 24px #1b1c1c14;transform:translateY(-4px)}.neumorphic-card.active-class{border-color:#4e635a;box-shadow:0 12px 32px #4e635a1f}.sage-button{transition:all .3s ease}.sage-button:hover{letter-spacing:.1em;opacity:.9}.emblem-mask{filter:grayscale(1) contrast(1.2) opacity(.15);transition:all .5s ease}.neumorphic-card:hover .emblem-mask{filter:grayscale(.5) contrast(1.1) opacity(.3)}.buzzer-btn{transition:transform .1s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease}.buzzer-btn:active{background-color:#f5f3f3;transform:scale(.98)}.ready-pulse{animation:ready-pulse 2s infinite}@keyframes ready-pulse{0%{box-shadow:0 0 0 0 #4e635a33}70%{box-shadow:0 0 0 10px #4e635a00}to{box-shadow:0 0 0 0 #4e635a00}}.sage-pulse{animation:pulse-sage 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-sage{0%,to{opacity:1}50%{opacity:.6}}.paper-texture{background-color:#fbf9f9;background-image:radial-gradient(#e9e8e7 .5px,#0000 0);background-size:24px 24px}.small-caps{font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;letter-spacing:.1em}.battle-feed-scroll{-webkit-mask-image:linear-gradient(0deg,#000 80%,#0000);mask-image:linear-gradient(0deg,#000 80%,#0000)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f5f3f3}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e3e2e2;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#4e635a}@media (prefers-reduced-motion:reduce){.ready-pulse,.sage-pulse{animation:none}.buzzer-btn,.emblem-mask,.neumorphic-card,.sage-button{transition:none}.neumorphic-card:hover{transform:none}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[420px\]{max-width:420px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-lg{border-radius:.25rem}.rounded-xl{border-radius:.5rem}.border{border-width:1px}.border-outline-variant{--tw-border-opacity:1;border-color:#c4c7c7;border-color:rgb(196 199 199/var(--tw-border-opacity,1))}.bg-error-container{--tw-bg-opacity:1;background-color:#ffdad6;background-color:rgb(255 218 214/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-secondary-container{--tw-bg-opacity:1;background-color:#cee5da;background-color:rgb(206 229 218/var(--tw-bg-opacity,1))}.bg-surface{--tw-bg-opacity:1;background-color:#fbf9f9;background-color:rgb(251 249 249/var(--tw-bg-opacity,1))}.bg-surface-container-lowest{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-10{padding:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-margin-mobile{padding-left:20px;padding-right:20px}.py-16{padding-bottom:4rem;padding-top:4rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.text-center{text-align:center}.font-body{font-family:Public Sans,sans-serif}.font-headline{font-family:EB Garamond,serif}.text-\[28px\]{font-size:28px}.text-body-md{font-size:16px;font-weight:400;line-height:24px}.text-body-sm{font-size:14px;font-weight:400;line-height:20px}.text-label-md{font-size:12px;font-weight:600;letter-spacing:.05em;line-height:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-on-error-container{--tw-text-opacity:1;color:#93000a;color:rgb(147 0 10/var(--tw-text-opacity,1))}.text-on-primary{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-on-secondary-container{--tw-text-opacity:1;color:#52675e;color:rgb(82 103 94/var(--tw-text-opacity,1))}.text-on-surface{--tw-text-opacity:1;color:#1b1c1c;color:rgb(27 28 28/var(--tw-text-opacity,1))}.text-on-surface-variant{--tw-text-opacity:1;color:#444748;color:rgb(68 71 72/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:#4e635a;color:rgb(78 99 90/var(--tw-text-opacity,1))}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-outline::placeholder{--tw-text-opacity:1;color:#747878;color:rgb(116 120 120/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:border-secondary:focus{--tw-border-opacity:1;border-color:#4e635a;border-color:rgb(78 99 90/var(--tw-border-opacity,1))}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-secondary:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(78 99 90/var(--tw-ring-opacity,1))}.disabled\:opacity-60:disabled{opacity:.6}.notif,.notif-bell{display:inline-flex;position:relative}.notif-bell{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;height:40px;justify-content:center;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);width:40px}.notif-bell:hover{background:var(--surface-3);color:var(--text)}.notif-bell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notif-badge{align-items:center;background:var(--accent-strong);border-radius:var(--radius-full);color:var(--on-accent);display:inline-flex;font-size:10px;font-weight:var(--fw-semi);height:17px;justify-content:center;line-height:1;min-width:17px;padding:0 4px;position:absolute;right:3px;top:3px}.notif-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:min(70vh,520px);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:min(340px,calc(100vw - var(--sp-6)));z-index:60}.notif-panel-head{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-3) var(--sp-4)}.notif-panel-title{font-weight:var(--fw-semi)}.notif-mark{background:none;border:none;color:var(--accent-strong);cursor:pointer;font-size:var(--fs-xs);font-weight:var(--fw-medium)}.notif-mark:hover{text-decoration:underline}.notif-empty{align-items:center;color:var(--text-faint);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-7) var(--sp-4);text-align:center}.notif-empty p{font-size:var(--fs-sm)}.notif-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;overflow-y:auto;padding:var(--sp-2)}.notif-item{align-items:stretch;border-radius:var(--radius-md);display:flex;gap:2px}.notif-item.unread{background:var(--accent-soft)}.notif-item-main{align-items:flex-start;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;gap:var(--sp-3);min-width:0;padding:var(--sp-3);text-align:left}.notif-item-icon,.notif-item-main:hover{background:var(--surface-2)}.notif-item-icon{align-items:center;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;flex:none;height:30px;justify-content:center;width:30px}.notif-item.unread .notif-item-icon{border-color:var(--accent);color:var(--accent-strong)}.notif-item-copy{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.notif-item-title{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.notif-item-body{color:var(--text-muted);font-size:var(--fs-xs)}.notif-item-time{color:var(--text-faint);font-size:var(--fs-xs)}.notif-item-x{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-faint);cursor:pointer;display:inline-flex;flex:none;justify-content:center;width:28px}.notif-item-x:hover{background:var(--surface-2);color:var(--text);color:var(--danger,var(--text))}.side-nav{background:var(--surface-2);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100dvh;left:0;padding:var(--sp-4);position:fixed;top:0;width:240px;width:var(--side-w,240px);z-index:var(--z-nav)}.side-nav-head{align-items:center;display:flex;justify-content:space-between;padding:var(--sp-2) var(--sp-2) var(--sp-5)}.side-brand{align-items:center;display:inline-flex;text-decoration:none}.side-burger{display:none}.side-head-actions{align-items:center;display:flex;gap:var(--sp-1)}.side-nav-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.side-links{display:flex;flex-direction:column;gap:2px}.side-link{align-items:center;background:none;border:0;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;gap:var(--sp-3);padding:10px 12px;text-align:left;text-decoration:none;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease);width:100%}.side-link svg{flex:none}.side-link:hover{background:var(--surface-3);color:var(--text)}.side-link.active{background:var(--accent-soft);color:var(--accent-strong)}.side-foot{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:var(--sp-4)}.side-user{align-items:center;display:flex;gap:var(--sp-3);padding:6px 12px var(--sp-3)}.side-user-name{font-size:var(--fs-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-auth{display:flex;flex-direction:column;gap:var(--sp-2)}.side-auth .bb-btn{justify-content:center}@media (max-width:860px){.side-nav{border-bottom:1px solid var(--border);border-right:0;height:auto;padding:var(--sp-3) var(--sp-4);position:-webkit-sticky;position:sticky;width:100%}.side-nav-head{padding:0}.side-burger{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;width:38px}.side-burger:hover{border-color:var(--border-strong);color:var(--text)}.side-nav-body{display:none}.side-nav-body.open{animation:bb-fade-in var(--dur-fast) var(--ease);display:flex;padding-top:var(--sp-3)}.side-foot{margin-top:var(--sp-3)}.side-link{font-size:var(--fs-md);padding:12px}}.auth-container{background:var(--bg);flex:1 1;justify-content:center;min-height:100dvh;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{--stage:#eef1ef;--stage-primary:var(--accent);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{color:var(--text-muted);font-size:var(--fs-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.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(--accent);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(--accent-strong);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);margin:0 0 var(--sp-4);max-width:64ch}.hub-live{margin-bottom:var(--sp-6)}.hub-live-head{margin-bottom:var(--sp-3)}.hub-live-title{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-sm);font-weight:var(--fw-semi);gap:var(--sp-2);letter-spacing:.05em;margin:0 0 2px;text-transform:uppercase}.hub-live-dot{background:var(--success);border-radius:50%;height:8px;width:8px}.hub-live-note{color:var(--text-faint);font-size:var(--fs-sm);margin:0}.hub-live-list{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));list-style:none;margin:0;padding:0}.hub-live-card{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-3) var(--sp-4)}.hub-live-card.ended{background:var(--surface-2)}.hub-live-card.ended .hub-live-quiz{color:var(--text-muted)}.hub-live-copy{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.hub-live-quiz{color:var(--text);font-weight:var(--fw-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-live-meta{color:var(--text-muted);font-size:var(--fs-sm)}.hub-live-actions{display:flex;flex-shrink:0;gap:var(--sp-2)}@media (max-width:600px){.hub-live-card{flex-wrap:wrap}.hub-live-actions{justify-content:flex-end;width:100%}}.dash-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-6)}.dash-title{font-size:var(--fs-2xl);font-weight:var(--fw-semi);letter-spacing:-.02em;margin-top:var(--sp-1)}.dash-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.dash-kpis+.dash-kpis,.dash-note{margin-top:var(--sp-3)}.dash-note{color:var(--text-faint);font-size:var(--fs-xs)}.dash-cols{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:1fr 1fr;margin-top:var(--sp-6)}.dash-highlight{display:flex;flex-direction:column;gap:var(--sp-3)}.dash-highlight-head{align-items:baseline;display:flex;gap:var(--sp-3);justify-content:space-between}.dash-highlight-label{font-size:var(--fs-sm);font-weight:var(--fw-semi)}.dash-highlight-hint{color:var(--text-faint);font-size:var(--fs-xs)}.dash-highlight-title{font-size:var(--fs-lg);font-weight:var(--fw-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-highlight-foot{align-items:center;display:flex;gap:var(--sp-3);justify-content:space-between;margin-top:auto}.dash-highlight-metric{color:var(--text-muted);font-size:var(--fs-md);font-weight:var(--fw-semi)}.dash-highlight-empty{color:var(--text-faint);font-size:var(--fs-sm)}.dash-section{margin-top:var(--sp-8)}.dash-matches,.dash-questions,.dash-quizzes{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:0;padding:0}.dash-match,.dash-question,.dash-quiz{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.dash-question-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-question-stats{align-items:center;display:flex;flex:none;gap:var(--sp-3)}.dash-question-count{color:var(--text-muted);font-size:var(--fs-sm)}a.dash-match{color:inherit;text-decoration:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}a.dash-match:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}a.dash-match:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.dash-match-body,.dash-quiz-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dash-match-title,.dash-quiz-title{font-weight:var(--fw-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-match-meta,.dash-quiz-meta{color:var(--text-muted);font-size:var(--fs-xs)}.dash-match-chevron{color:var(--text-faint);flex:none}.dash-quiz-actions{align-items:center;display:flex;flex:none;gap:var(--sp-2)}@media (max-width:720px){.dash-cols{grid-template-columns:1fr}}@media (max-width:560px){.dash-question-count{display:none}.dash-match-meta,.dash-quiz-meta{white-space:normal}}.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:100dvh}.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:0;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 - 82px);overflow-y:auto;padding-right:var(--sp-2);position:-webkit-sticky;position:sticky;top:62px}.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-back{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--fs-sm);gap:var(--sp-1);justify-content:flex-start;margin-bottom:var(--sp-4);padding:0;transition:color var(--dur-fast) var(--ease)}.setup-back:hover{color:var(--text)}.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:var(--sp-5)}.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(--accent-soft);border-color:var(--accent)}.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{align-items:center;display:flex;gap:var(--sp-4);margin-bottom:var(--sp-7)}.cm-head-copy{flex:1 1;min-width:0}.cm-like{align-self:flex-start;flex:none}.cm-creator-link{color:var(--accent-strong);text-decoration:none}.cm-creator-link:hover{text-decoration:underline}.cm-quiz-icon{align-items:center;background:var(--surface-2);border-radius:var(--radius-md);color:var(--text-muted);display:flex;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(3,1fr);margin-bottom:var(--sp-5)}@media (max-width:860px){.cm-presets{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.cm-presets{grid-template-columns:1fr}}.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(--accent-soft);border-color:var(--accent)}.cm-preset-label{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600}.cm-preset.active .cm-preset-label{color:var(--accent-strong)}.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:100dvh}.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:var(--sp-5)}.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(--accent);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(--text-muted);display:inline-flex;font-size:var(--fs-sm);font-weight:var(--fw-semi);gap:1px}.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{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(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.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)}.pm-keep{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4);width:100%}.pm-keep svg{color:var(--accent)}.pm-keep.done svg{color:var(--success)}.pm-keep-title{font-size:var(--fs-md);font-weight:600}.pm-keep-sub{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5;margin-bottom:var(--sp-2)}.pm-keep-form{display:flex;flex-direction:column;gap:var(--sp-3);width:100%}@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%}}.ry-hearts{align-items:center;display:inline-flex;gap:2px}.ry-heart{color:var(--clay);display:inline-flex;line-height:0}.ry-heart.spent{color:var(--border-strong);opacity:.7}.ry-charge{align-items:center;color:var(--accent);display:inline-flex;font-size:var(--fs-sm);gap:3px}.ry-charge.empty{color:var(--text-faint)}.ry-picker{margin:var(--sp-4) 0;width:100%}.ry-picker-title{color:var(--text);font-size:1.05em;font-weight:var(--fw-semi);margin:0 0 2px}.ry-picker-sub{color:var(--text-muted);font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.ry-class-abilities{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:4px}.ry-class-ability{align-items:center;border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;font-size:var(--fs-xs);gap:3px;padding:1px 7px}.ry-bar{background:var(--surface);border-top:1px solid var(--border);margin-top:auto;padding:var(--sp-3)}.ry-bar-head{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-sm);gap:var(--sp-3);margin-bottom:var(--sp-2)}.ry-bar-class{align-items:center;color:var(--text);display:inline-flex;font-weight:var(--fw-semi);gap:4px}.ry-bar-passive{flex:1 1;font-size:var(--fs-xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ry-window{align-items:center;color:var(--text-muted);display:inline-flex;flex:none;font-size:var(--fs-xs);gap:3px}.ry-window.urgent{color:var(--danger);font-weight:var(--fw-semi)}.ry-window.closed{color:var(--text-faint)}.ry-abilities{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:1fr 1fr}.ry-ability{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3);text-align:left;transition:border-color var(--dur-fast) var(--ease)}.ry-ability:hover:not(:disabled){border-color:var(--border-strong)}.ry-ability:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ry-ability.locked{cursor:not-allowed;opacity:.55}.ry-ability-top{align-items:center;display:flex;gap:var(--sp-2);justify-content:space-between}.ry-ability-name{color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-semi)}.ry-ability-cost{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--fs-sm);gap:2px}.ry-ability-was{color:var(--text-faint);margin-right:3px}.ry-ability-desc{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.4}.ry-target-head{align-items:center;color:var(--text);display:flex;font-size:var(--fs-sm);font-weight:var(--fw-semi);justify-content:space-between;margin-bottom:var(--sp-2)}.ry-target-cancel{background:none;border:0;color:var(--accent);cursor:pointer;font-size:var(--fs-sm)}.ry-target-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ry-target{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);cursor:pointer;font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}.ry-target:hover{border-color:var(--border-strong)}.ry-target-empty{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.ry-feed{display:flex;flex-direction:column;gap:4px;list-style:none;margin:var(--sp-3) 0 0;padding:0}.ry-feed-item{align-items:center;color:var(--text-muted);display:flex;font-size:var(--fs-xs);gap:6px}.pm-outcomes{display:flex;flex-direction:column;gap:4px;list-style:none;margin:var(--sp-3) 0 0;padding:0;text-align:center}.pm-outcome{color:var(--text-muted);font-size:var(--fs-sm)}.pm-outcome.eliminated{color:var(--danger)}.pm-answer.removed{opacity:.3;pointer-events:none;text-decoration:line-through}.pm-answer.revealed{border-style:dashed;opacity:.6}@media (max-width:380px){.ry-abilities{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ry-ability,.ry-class{transition:none}}.pm-summary{border-top:1px solid var(--border);margin-top:var(--sp-5);padding-top:var(--sp-4);width:100%}.pm-summary-title{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semi);letter-spacing:.05em;margin:0 0 var(--sp-3);text-transform:uppercase}.pm-summary-grid{grid-gap:var(--sp-3);display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(88px,1fr));margin:0}.pm-stat{text-align:center}.pm-stat-label{color:var(--text-faint);font-size:var(--fs-xs)}.pm-stat-value{color:var(--text);font-size:1.25em;font-weight:var(--fw-semi);margin:2px 0 0}.lb-royale{align-items:center;display:inline-flex;flex-shrink:0;gap:var(--sp-2)}.lb-class{color:var(--text-muted);margin-right:4px;vertical-align:-1px}.lb-row.out{opacity:.6}.lb-out-tag{background:var(--surface-3);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--fs-xs);margin-left:6px;padding:0 6px}@keyframes ry-charge-spend{0%{opacity:1;transform:translateY(0)}40%{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes ry-charge-gain{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes ry-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ry-heart-break{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.88)}to{transform:scale(1)}}@keyframes ry-heart-restore{0%{opacity:.4;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes ry-shield-up{0%{opacity:0;transform:scale(.8)}55%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes ry-jam{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes ry-pressure-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes ry-eliminated-out{0%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.97)}}@keyframes ry-scan-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ry-answer-correct{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes ry-answer-wrong{0%,to{transform:translateX(0)}20%{transform:translateX(-3px)}60%{transform:translateX(3px)}}@keyframes ry-round-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ry-charge.spending{animation:ry-charge-spend .22s var(--ease)}.ry-charge.gaining{animation:ry-charge-gain .26s var(--ease)}.ry-heart.breaking{animation:ry-heart-break .26s var(--ease)}.ry-heart.restoring{animation:ry-heart-restore .26s var(--ease)}.ry-ability.busy{animation:ry-charge-spend .22s var(--ease)}.ry-ability.active{background:var(--accent-soft);border-color:var(--accent)}.ry-ability-on{color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.04em;text-transform:uppercase}.ry-afflicted{display:flex;gap:var(--sp-2);margin:0 0 var(--sp-2)}.ry-affliction{align-items:center;background:var(--surface-3);border-radius:var(--radius-full);color:var(--text-muted);display:inline-flex;font-size:var(--fs-xs);gap:4px;padding:1px 8px}.ry-affliction.jam{animation:ry-jam .2s var(--ease)}.ry-affliction.pressure{animation:ry-pressure-pulse 1.6s var(--ease) infinite}.pm-answer.removed{animation:ry-eliminated-out .2s var(--ease) forwards}.pm-answer.correct-flash{animation:ry-answer-correct .26s var(--ease)}.pm-answer.wrong-flash{animation:ry-answer-wrong .22s var(--ease)}.pm-feedback{animation:ry-pop .2s var(--ease)}.pm-outcome{animation:ry-round-in .24s var(--ease) backwards}.pm-outcome:nth-child(2){animation-delay:60ms}.pm-outcome:nth-child(3){animation-delay:.12s}.ry-feed-item{animation:ry-round-in .2s var(--ease)}.pm-play-top.pressured{animation:ry-pressure-pulse 1.6s var(--ease) infinite}.ry-scan{animation:ry-scan-in .2s var(--ease);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--sp-3);padding:var(--sp-3)}.ry-scan-head{color:var(--text-muted);font-size:var(--fs-xs);gap:5px;letter-spacing:.04em;margin:0 0 var(--sp-2);text-transform:uppercase}.ry-scan-head,.ry-scan-row{align-items:center;display:flex}.ry-scan-row{gap:var(--sp-2);margin-bottom:4px}.ry-scan-letter{color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semi);width:12px}.ry-scan-track{background:var(--surface-3);border-radius:var(--radius-full);flex:1 1;height:6px;overflow:hidden}.ry-scan-fill{background:var(--text-muted);display:block;height:100%;transition:width .3s var(--ease)}.ry-scan-pct{color:var(--text-muted);font-size:var(--fs-xs);text-align:right;width:34px}.ry-class-ability{background:var(--surface-2);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:1px;padding:var(--sp-2);width:100%}.ry-class-ability-head{align-items:center;color:var(--text);display:flex;gap:5px}.ry-class-ability-name{flex:1 1;font-size:var(--fs-sm);font-weight:var(--fw-semi)}.ry-class-ability-cost{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--fs-xs);gap:2px}.ry-class-ability-desc{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.4}.ry-class-ability-rules{color:var(--text-faint);font-size:var(--fs-xs);line-height:1.4}.ry-class-abilities{flex-direction:column;gap:4px}@media (prefers-reduced-motion:reduce){.pm-answer.correct-flash,.pm-answer.removed,.pm-answer.wrong-flash,.pm-feedback,.pm-outcome,.pm-play-top.pressured,.ry-ability.busy,.ry-affliction.jam,.ry-affliction.pressure,.ry-charge.gaining,.ry-charge.spending,.ry-feed-item,.ry-heart.breaking,.ry-heart.restoring,.ry-scan{animation:none}.pm-answer.removed{opacity:.3}.ry-scan-fill{transition:none}}.ry-tiles{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(5,1fr);margin-bottom:var(--sp-3)}.ry-tile{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:var(--sp-3) 2px;position:relative;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ry-tile:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.ry-tile.shown{border-color:var(--text);color:var(--text)}.ry-tile.chosen{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.ry-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ry-tile-name{font-size:var(--fs-xs);font-weight:var(--fw-semi);line-height:1.2;text-align:center}.ry-tile-check{color:var(--accent);position:absolute;right:3px;top:3px}.ry-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4)}.ry-detail-head{align-items:center;display:flex;gap:var(--sp-3);margin-bottom:var(--sp-3)}.ry-detail-icon{background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text);display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.ry-detail-titles{display:flex;flex-direction:column;gap:1px}.ry-detail-name{color:var(--text);font-size:1.05em;font-weight:var(--fw-semi)}.ry-detail-role{color:var(--text-faint);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase}.ry-detail-passive{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5;margin:0 0 var(--sp-3)}.ry-detail-passive strong{color:var(--text)}.ry-tag{background:var(--surface-3);border-radius:var(--radius-full);color:var(--text-muted);display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:.04em;margin-right:6px;padding:0 6px;text-transform:uppercase}.ry-detail-abilities{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.ry-pick-btn{align-items:center;background:var(--primary);border:0;border-radius:var(--radius-md);color:var(--on-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semi);gap:6px;justify-content:center;padding:var(--sp-3);width:100%}.ry-pick-btn:disabled{cursor:default}.ry-pick-btn.chosen{background:var(--accent-soft);color:var(--accent)}.ry-pick-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:340px){.ry-tiles{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.ry-tile{transition:none}}.ry-spectating{align-items:center;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;font-size:var(--fs-sm);gap:8px;padding:var(--sp-2) var(--sp-4);width:100%}.ry-spectating strong{color:var(--text)}.pm-answer.spectating{cursor:default;opacity:.55}.pm-status{margin:0 0 var(--sp-2);padding:0 var(--sp-4)}.ry-affliction.good{background:var(--surface-3);color:var(--text-muted)}.ry-affliction.bad{background:var(--warning-soft);color:var(--warning)}.pm-q-counter{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--fs-sm);gap:var(--sp-2)}.pm-q-round{border-right:1px solid var(--border);max-width:12ch;overflow:hidden;padding-right:var(--sp-2);text-overflow:ellipsis;white-space:nowrap}.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(--accent);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-top:var(--sp-6)}.explore-live,.explore-toolbar{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}.explore-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:flex-end}.explore-filters .bb-field{min-width:150px}@media (max-width:640px){.explore-hero-inner{padding-block:var(--sp-7) var(--sp-6);width:calc(100% - var(--sp-6))}.explore-toolbar{align-items:stretch}.explore-filters{justify-content:stretch}.explore-filters .bb-field{flex:1 1;min-width:120px}}.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)}.creator-back{align-items:center;color:var(--text-muted);display:inline-flex;gap:6px;text-decoration:none}.creator-back:hover{color:var(--text)}.profile-achievements{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));list-style:none;margin:0;padding:0}.profile-achievement{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-faint);display:flex;gap:var(--sp-2);padding:var(--sp-3)}.profile-achievement.unlocked{color:var(--text)}.profile-achievement.unlocked svg{color:var(--accent-strong)}.profile-achievement.current{background:var(--accent-soft);border-color:var(--accent)}.profile-achievement-name{flex:1 1;font-weight:var(--fw-medium);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-achievement-req{color:var(--text-faint);font-size:var(--fs-xs)}.profile-match-link{color:inherit;text-decoration:none}.profile-match-link:hover .profile-match-title{text-decoration:underline}.profile-history{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:0;padding:0}.profile-match{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.profile-match.won{background:var(--accent-soft);border-color:var(--accent)}.profile-match-place{color:var(--text-faint);flex:none;font-size:var(--fs-lg);font-weight:var(--fw-semi);min-width:2.5em}.profile-match-place.won{color:var(--accent-strong)}.profile-match-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.profile-match-title{font-weight:var(--fw-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-match-meta{color:var(--text-muted);font-size:var(--fs-xs)}.profile-match-xp{color:var(--text-muted);flex:none;font-size:var(--fs-sm)}@media (max-width:560px){.profile-identity{align-items:flex-start;flex-direction:column}.profile-settings-btn{margin-left:0}.profile-match-meta{white-space:normal}}.history-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;margin-bottom:var(--sp-6)}.history-title{font-size:var(--fs-2xl);font-weight:var(--fw-semi);letter-spacing:-.02em}.history-sub{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--sp-1)}.history-list{display:flex;flex-direction:column;gap:var(--sp-3);list-style:none;margin:0;padding:0}.history-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;display:flex;gap:var(--sp-4);padding:var(--sp-4);text-decoration:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}a.history-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}a.history-row:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.history-row.won{background:var(--accent-soft);border-color:var(--accent)}.history-place{align-items:flex-start;color:var(--text-faint);display:flex;flex:none;flex-direction:column;font-size:var(--fs-xl);font-weight:var(--fw-semi);gap:2px;min-width:3.25em}.history-place-tag,.history-place.won{color:var(--accent-strong)}.history-place-tag{font-family:var(--font-display);font-size:.6rem;font-weight:var(--fw-semi);letter-spacing:.06em;text-transform:uppercase}.history-main{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2);min-width:0}.history-quiz{font-weight:var(--fw-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--text-muted);font-size:var(--fs-xs)}.history-tags{flex-wrap:wrap}.history-tags,.history-xp{display:flex;gap:var(--sp-2)}.history-xp{align-items:center;color:var(--text-muted);flex:none}.history-xp-num{color:var(--text);font-size:var(--fs-md);font-weight:var(--fw-semi)}.history-xp-label{font-size:var(--fs-xs)}.history-chevron{color:var(--text-faint)}.history-more{display:flex;justify-content:center;margin-top:var(--sp-6)}.history-back{align-items:center;color:var(--text-muted);display:inline-flex;font-size:var(--fs-sm);gap:var(--sp-1);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.history-back:hover{color:var(--text)}.summary-head{margin:var(--sp-6) 0 var(--sp-6)}.summary-eyebrow{color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.summary-title{font-size:var(--fs-2xl);font-weight:var(--fw-semi);letter-spacing:-.02em;margin:var(--sp-2) 0 var(--sp-3)}.summary-facts{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--fs-sm);gap:var(--sp-4)}.summary-facts span{align-items:center;display:inline-flex;gap:6px}.summary-facts svg{color:var(--text-faint)}.summary-you{display:flex;flex-direction:column;gap:var(--sp-5)}.summary-you.won{border-color:var(--accent)}.summary-you-head{align-items:center;display:flex;gap:var(--sp-4)}.summary-place{color:var(--text-faint);flex:none;font-size:var(--fs-3xl);font-weight:var(--fw-semi)}.summary-place.won{color:var(--accent-strong)}.summary-you-who{display:flex;flex:1 1;flex-direction:column;min-width:0}.summary-you-label{color:var(--text-faint);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.summary-you-verdict{font-size:var(--fs-lg);font-weight:var(--fw-semi)}.summary-you-xp{color:var(--text-muted);flex:none;font-size:var(--fs-sm)}.summary-you-xp .bb-num{color:var(--text);font-size:var(--fs-lg);font-weight:var(--fw-semi)}.summary-section{margin-top:var(--sp-8)}.summary-standings{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:0;padding:0}.summary-rank{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-3) var(--sp-4)}.summary-rank.me{background:var(--accent-soft);border-color:var(--accent)}.summary-rank-place{color:var(--text-faint);flex:none;font-size:var(--fs-md);font-weight:var(--fw-semi);min-width:1.75em;text-align:center}.summary-rank-name{align-items:center;display:flex;flex:1 1;font-weight:var(--fw-medium);gap:var(--sp-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-rank-you{border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--accent-strong);font-size:var(--fs-xs);font-weight:var(--fw-semi);padding:1px 8px}.summary-rank-class{color:var(--text-faint);font-size:var(--fs-xs)}.summary-rank-acc{color:var(--text-muted);flex:none;font-size:var(--fs-sm)}.summary-rank-score{flex:none;font-weight:var(--fw-semi);min-width:4em;text-align:right}.summary-questions{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none;margin:0;padding:0}.summary-question{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--sp-4);justify-content:space-between;padding:var(--sp-3) var(--sp-4)}.summary-question-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-question-stat{color:var(--text-muted);flex:none;font-size:var(--fs-sm)}@media (max-width:560px){.history-chevron,.history-xp-label{display:none}.history-meta{white-space:normal}.summary-rank-acc{display:none}}.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}.settings-name{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--sp-3)}.settings-name-field{display:flex;flex:1 1;flex-direction:column;gap:var(--sp-2);min-width:200px}.app-shell{--side-w:240px;min-height:100dvh}.app-body{display:flex;flex-direction:column;margin-left:var(--side-w);min-height:100dvh}.app-shell.chromeless .app-body{margin-left:0}.app-main{display:flex;flex:1 1;flex-direction:column}.app-main>*{flex:1 1}.app-footer{background:#0000;margin-top:auto}.app-footer-legal{color:var(--text-faint);font-size:var(--fs-xs);margin-inline:auto;padding:var(--sp-6) 0;width:min(1120px,100% - var(--sp-8))}@media (max-width:860px){.app-body{margin-left:0}}@media (max-width:640px){.app-footer-legal{width:calc(100% - var(--sp-6))}}
/*# sourceMappingURL=main.313964b0.css.map*/