.chat-panel.svelte-13e0hvb{background:var(--color-surface);border:var(--border-thick);flex-direction:column;height:100%;display:flex}.chat-messages.svelte-13e0hvb{padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-small);background:var(--color-text);color:var(--color-surface);flex:1;line-height:1.4;overflow-y:auto}.chat-empty.svelte-13e0hvb{justify-content:center;align-items:center;height:100%;display:flex}.chat-message.svelte-13e0hvb{word-break:break-word;margin-bottom:.25rem}.chat-message.self.svelte-13e0hvb{opacity:.7}.msg-time.svelte-13e0hvb{color:var(--color-signal-muted);margin-right:.5rem}.msg-user.svelte-13e0hvb{font-weight:var(--weight-bold);color:var(--color-accent);text-transform:lowercase;margin-right:.5rem}.msg-user.system-user.svelte-13e0hvb{color:var(--color-signal-sys)}.msg-content.svelte-13e0hvb{color:var(--color-surface)}.system-msg.svelte-13e0hvb{color:var(--color-signal-muted);font-style:italic}.chat-input-form.svelte-13e0hvb{border-top:var(--border-medium);display:flex}.chat-input.svelte-13e0hvb{padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-body);background:var(--color-background);color:var(--color-text);border:none;flex:1}.chat-input.svelte-13e0hvb::placeholder{color:var(--color-signal-muted)}.chat-input.svelte-13e0hvb:focus{background:var(--color-surface);outline:none}.chat-input.svelte-13e0hvb:disabled{opacity:.5}.chat-send.svelte-13e0hvb{padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-surface);font-family:var(--font-mono);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--transition-fast);border:none}.chat-send.svelte-13e0hvb:hover:not(:disabled){background:var(--color-accent);color:var(--color-text)}.chat-send.svelte-13e0hvb:disabled{opacity:.5;cursor:not-allowed}.connection-overlay.svelte-12wz6uj{z-index:9999;background:var(--color-text);color:var(--color-background);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay-top.svelte-12wz6uj,.overlay-bottom.svelte-12wz6uj{flex:1;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.split.svelte-12wz6uj .overlay-top:where(.svelte-12wz6uj){transform:translateY(-100%)}.split.svelte-12wz6uj .overlay-bottom:where(.svelte-12wz6uj){transform:translateY(100%)}.status-text.svelte-12wz6uj{font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--weight-black);letter-spacing:var(--tracking-widest);animation:1.5s ease-in-out infinite svelte-12wz6uj-pulse}.loading-bar.svelte-12wz6uj{background:var(--color-signal-muted);width:200px;height:4px;position:relative;overflow:hidden}.loading-bar.svelte-12wz6uj:after{content:"";background:var(--color-accent);width:50%;height:100%;animation:1s ease-in-out infinite svelte-12wz6uj-loading;position:absolute;top:0;left:0}@keyframes svelte-12wz6uj-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes svelte-12wz6uj-loading{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media (prefers-reduced-motion:reduce){.status-text.svelte-12wz6uj,.loading-bar.svelte-12wz6uj:after{animation:none}.overlay-top.svelte-12wz6uj,.overlay-bottom.svelte-12wz6uj{transition:none}}.modal-backdrop.svelte-12dvz77{z-index:var(--z-modal);padding:var(--space-3);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content.svelte-12dvz77{background:var(--color-background);border:var(--border-thick);width:100%;max-width:400px;box-shadow:8px 8px 0 var(--color-border)}.modal-header.svelte-12dvz77{padding:var(--space-2) var(--space-3);border-bottom:var(--border-medium);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.modal-title.svelte-12dvz77{font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.modal-close.svelte-12dvz77{-webkit-appearance:none;appearance:none;border:var(--border-thin);padding:var(--space-1);font-size:var(--text-body);cursor:pointer;background:0 0;line-height:1}.modal-close.svelte-12dvz77:hover{background:var(--color-surface-alt)}.modal-body.svelte-12dvz77{padding:var(--space-3)}.modal-description.svelte-12dvz77{font-size:var(--text-body);color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-3)}.action-buttons.svelte-12dvz77{gap:var(--space-2);flex-direction:column;display:flex}.action-btn.svelte-12dvz77{align-items:center;gap:var(--space-1);padding:var(--space-3);border:var(--border-thick);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.action-btn.svelte-12dvz77:hover{box-shadow:4px 4px 0 var(--color-border);transform:translate(-2px,-2px)}.action-btn.svelte-12dvz77:active{box-shadow:none;transform:translate(0)}.action-btn--primary.svelte-12dvz77{background:var(--color-success)}.action-btn--secondary.svelte-12dvz77{background:var(--color-surface)}.btn-icon.svelte-12dvz77{font-size:var(--text-h2)}.btn-text.svelte-12dvz77{font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.btn-subtext.svelte-12dvz77{font-size:var(--text-small);color:var(--color-text-muted)}.divider.svelte-12dvz77{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.divider.svelte-12dvz77:before,.divider.svelte-12dvz77:after{content:"";background:var(--color-border);flex:1;height:1px}.divider.svelte-12dvz77 span:where(.svelte-12dvz77){font-family:var(--font-mono);font-size:var(--text-tiny);text-transform:uppercase}.pending-overlay.svelte-j0gr03{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out svelte-j0gr03-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.pending-card.svelte-j0gr03{background:var(--color-surface);border:var(--border-thick);padding:var(--space-4);text-align:center;min-width:280px;box-shadow:8px 8px 0 var(--color-border);animation:.3s ease-out svelte-j0gr03-slide-up}.header.svelte-j0gr03{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-thin);justify-content:space-between;align-items:center;display:flex}.room-code.svelte-j0gr03{font-family:var(--font-mono);font-size:var(--text-h3);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide)}.countdown.svelte-j0gr03{font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-bold);background:var(--color-accent);border:var(--border-thin);padding:2px 8px}.status.svelte-j0gr03{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.spinner.svelte-j0gr03{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite svelte-j0gr03-spin}.icon.svelte-j0gr03{font-size:var(--text-h2);font-weight:var(--weight-black)}.status-approved.svelte-j0gr03 .icon:where(.svelte-j0gr03){color:var(--color-signal-live)}.status-error.svelte-j0gr03 .icon:where(.svelte-j0gr03){color:var(--color-signal-busy)}.text.svelte-j0gr03{font-weight:var(--weight-semibold);text-transform:uppercase;font-size:var(--text-small)}.cancel-button.svelte-j0gr03{width:100%;padding:var(--space-2);border:var(--border-medium);font-weight:var(--weight-bold);text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);background:0 0}.cancel-button.svelte-j0gr03:hover{background:var(--color-disabled);transform:translate(-2px,-2px)}.cancel-button.svelte-j0gr03:active{transform:translate(2px,2px)}@keyframes svelte-j0gr03-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-j0gr03-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-j0gr03-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pending-overlay.svelte-j0gr03,.pending-card.svelte-j0gr03,.spinner.svelte-j0gr03{animation:none}}.modal-backdrop.svelte-1xv02vn{z-index:var(--z-modal);padding:var(--space-3);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content.svelte-1xv02vn{background:var(--color-background);border:var(--border-thick);width:100%;max-width:400px;box-shadow:8px 8px 0 var(--color-border)}.modal-header.svelte-1xv02vn{padding:var(--space-2) var(--space-3);border-bottom:var(--border-medium);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.modal-title.svelte-1xv02vn{font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.modal-close.svelte-1xv02vn{-webkit-appearance:none;appearance:none;border:var(--border-thin);padding:var(--space-1);font-size:var(--text-body);cursor:pointer;background:0 0;line-height:1}.modal-close.svelte-1xv02vn:hover{background:var(--color-surface-alt)}.modal-body.svelte-1xv02vn{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.modal-description.svelte-1xv02vn{font-size:var(--text-body);color:var(--color-text-muted);text-align:center;margin:0}.input-group.svelte-1xv02vn{gap:var(--space-1);flex-direction:column;display:flex}.code-input.svelte-1xv02vn{width:100%;padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-h2);font-weight:var(--weight-bold);text-align:center;text-transform:uppercase;letter-spacing:.2em;border:var(--border-thick);background:var(--color-surface)}.code-input.svelte-1xv02vn:focus{outline:3px solid var(--color-primary);outline-offset:2px}.code-input.svelte-1xv02vn::placeholder{color:var(--color-text-muted);opacity:.5}.error-message.svelte-1xv02vn{font-size:var(--text-small);color:var(--color-danger);text-align:center;margin:0}.action-buttons.svelte-1xv02vn{flex-direction:column;display:flex}.join-btn.svelte-1xv02vn{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-success);border:var(--border-thick);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.join-btn.svelte-1xv02vn:hover:not(:disabled){box-shadow:4px 4px 0 var(--color-border);transform:translate(-2px,-2px)}.join-btn.svelte-1xv02vn:active:not(:disabled){box-shadow:none;transform:translate(0)}.join-btn.svelte-1xv02vn:disabled{opacity:.5;cursor:not-allowed}.switch-mode.svelte-1xv02vn{align-items:center;gap:var(--space-1);font-size:var(--text-small);color:var(--color-text-muted);flex-direction:column;display:flex}.link-btn.svelte-1xv02vn{-webkit-appearance:none;appearance:none;font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn.svelte-1xv02vn:hover{color:var(--color-primary-dark)}.admin-backdrop.svelte-17h2az9{z-index:var(--z-modal);padding:var(--space-3);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.admin-panel.svelte-17h2az9{background:var(--color-background);border:var(--border-thick);width:100%;max-width:800px;max-height:80vh;box-shadow:8px 8px 0 var(--color-border);flex-direction:column;display:flex}.panel-header.svelte-17h2az9{padding:var(--space-2) var(--space-3);border-bottom:var(--border-medium);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.header-left.svelte-17h2az9{align-items:center;gap:var(--space-2);display:flex}.panel-title.svelte-17h2az9{font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.role-badge.svelte-17h2az9{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--weight-semibold);text-transform:uppercase;padding:var(--space-0) var(--space-1);border:var(--border-thin)}.role-badge--moderator.svelte-17h2az9{background:var(--color-info);color:var(--color-info-contrast)}.role-badge--admin.svelte-17h2az9{background:var(--color-warning);color:var(--color-warning-contrast)}.role-badge--super_admin.svelte-17h2az9{background:var(--color-error);color:var(--color-error-contrast)}.panel-close.svelte-17h2az9{-webkit-appearance:none;appearance:none;border:var(--border-thin);padding:var(--space-1);font-size:var(--text-body);cursor:pointer;background:0 0;line-height:1}.panel-close.svelte-17h2az9:hover{background:var(--color-surface-alt)}.panel-tabs.svelte-17h2az9{border-bottom:var(--border-thin);background:var(--color-surface-alt);gap:0;display:flex}.tab-btn.svelte-17h2az9{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;flex:1}.tab-btn.svelte-17h2az9:hover{background:var(--color-surface)}.tab-btn.active.svelte-17h2az9{background:var(--color-background);border-bottom-color:var(--color-primary)}.panel-body.svelte-17h2az9{padding:var(--space-3);flex:1;overflow:auto}.error-message.svelte-17h2az9{padding:var(--space-2);background:var(--color-error);color:var(--color-error-contrast);font-size:var(--text-small);margin-bottom:var(--space-2)}.loading.svelte-17h2az9,.empty-state.svelte-17h2az9{text-align:center;padding:var(--space-4);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-small)}.section-actions.svelte-17h2az9{margin-bottom:var(--space-2);justify-content:flex-end;display:flex}.action-btn.svelte-17h2az9{font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-semibold);text-transform:uppercase;padding:var(--space-1) var(--space-2);border:var(--border-thin);cursor:pointer;background:var(--color-surface);transition:all var(--transition-fast)}.action-btn.svelte-17h2az9:hover{background:var(--color-surface-alt)}.action-btn--danger.svelte-17h2az9{background:var(--color-error);color:var(--color-error-contrast)}.action-btn--danger.svelte-17h2az9:hover{opacity:.9}.action-btn--small.svelte-17h2az9{font-size:var(--text-tiny);padding:var(--space-0) var(--space-1)}.table-container.svelte-17h2az9{overflow-x:auto}.data-table.svelte-17h2az9{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--text-small)}.data-table.svelte-17h2az9 th:where(.svelte-17h2az9){padding:var(--space-1) var(--space-2);text-align:left;border-bottom:var(--border-thin)}.data-table.svelte-17h2az9 td:where(.svelte-17h2az9){padding:var(--space-1) var(--space-2);text-align:left;border-bottom:var(--border-thin)}.data-table.svelte-17h2az9 th:where(.svelte-17h2az9){font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--color-surface);color:var(--color-text-muted)}.data-table.svelte-17h2az9 tr:where(.svelte-17h2az9):hover{background:var(--color-surface-alt)}.mono.svelte-17h2az9{font-family:var(--font-mono)}.status-badge.svelte-17h2az9{font-size:var(--text-tiny);font-weight:var(--weight-semibold);text-transform:uppercase;padding:var(--space-0) var(--space-1);border:var(--border-thin)}.status-badge--waiting.svelte-17h2az9{background:var(--color-info);color:var(--color-info-contrast)}.status-badge--playing.svelte-17h2az9{background:var(--color-success);color:var(--color-success-contrast)}.status-badge--completed.svelte-17h2az9,.status-badge--abandoned.svelte-17h2az9{background:var(--color-surface-alt);color:var(--color-text-muted)}.google-button.svelte-1214vgo{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);background:var(--color-surface);color:var(--color-text);border:var(--border-medium);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-medium);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.google-button.svelte-1214vgo:hover:not(:disabled){box-shadow:3px 3px 0 var(--color-border);transform:translate(-2px,-2px)}.google-button.svelte-1214vgo:active:not(:disabled){box-shadow:none;transform:translate(0)}.google-button.svelte-1214vgo:disabled{opacity:.6;cursor:not-allowed}.google-button.svelte-1214vgo:focus-visible{outline:3px solid var(--color-border);outline-offset:2px}.google-icon.svelte-1214vgo{flex-shrink:0;width:20px;height:20px}.button-text.svelte-1214vgo{line-height:1.2}.loading-indicator.svelte-1214vgo{font-size:var(--text-small);color:var(--color-text-muted)}.error-message.svelte-1214vgo{margin-top:var(--space-1);padding:var(--space-1);font-size:var(--text-small);color:var(--color-danger);text-align:center}@media (min-width:768px){.google-button.svelte-1214vgo{max-width:320px}}.magic-link-form.svelte-10lvdgo{width:100%}.input-group.svelte-10lvdgo{gap:var(--space-1);flex-direction:column;display:flex}.email-input.svelte-10lvdgo{width:100%;min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);background:var(--color-surface);color:var(--color-text);border:var(--border-medium);font-family:var(--font-sans);font-size:var(--text-body)}.email-input.svelte-10lvdgo::placeholder{color:var(--color-text-muted)}.email-input.svelte-10lvdgo:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.email-input.svelte-10lvdgo:disabled{background:var(--color-background);cursor:not-allowed}.submit-button.svelte-10lvdgo{width:100%;min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);background:var(--color-border);color:var(--color-surface);border:var(--border-medium);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-medium);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.submit-button.svelte-10lvdgo:hover:not(:disabled){box-shadow:3px 3px 0 var(--color-text-muted);transform:translate(-2px,-2px)}.submit-button.svelte-10lvdgo:active:not(:disabled){box-shadow:none;transform:translate(0)}.submit-button.svelte-10lvdgo:disabled{opacity:.6;cursor:not-allowed}.submit-button.svelte-10lvdgo:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.success-message.svelte-10lvdgo{align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-success);color:var(--color-surface);border:var(--border-medium);display:flex}.success-icon.svelte-10lvdgo{font-size:var(--text-h3);font-weight:var(--weight-bold)}.success-text.svelte-10lvdgo{font-size:var(--text-body)}.error-message.svelte-10lvdgo{margin-top:var(--space-1);padding:var(--space-1);font-size:var(--text-small);color:var(--color-danger)}.visually-hidden.svelte-10lvdgo{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:768px){.magic-link-form.svelte-10lvdgo{max-width:400px}.input-group.svelte-10lvdgo{flex-direction:row}.email-input.svelte-10lvdgo{flex:1}.submit-button.svelte-10lvdgo{white-space:nowrap;width:auto}}.settings-button.svelte-u89d3f{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.settings-button.svelte-u89d3f:hover{background:var(--color-background);border-color:var(--color-accent)}.settings-button.active.svelte-u89d3f{background:color-mix(in srgb, var(--color-accent) 15%, transparent);border-color:var(--color-accent)}.icon.svelte-u89d3f{font-size:var(--text-h4);transition:transform var(--transition-normal)}.settings-button.svelte-u89d3f:hover .icon:where(.svelte-u89d3f){transform:rotate(30deg)}.settings-button.active.svelte-u89d3f .icon:where(.svelte-u89d3f){transform:rotate(90deg)}.backdrop.svelte-1pr2ugv{z-index:var(--z-modal);background:#0009;position:fixed;top:0;bottom:0;left:0;right:0}.modal.svelte-1pr2ugv{width:calc(100% - var(--space-3));max-width:480px;max-height:calc(100vh - var(--space-4));background:var(--color-surface);border:var(--border-thick);box-shadow:var(--shadow-brutal-lg);z-index:calc(var(--z-modal) + 1);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-header.svelte-1pr2ugv{padding:var(--space-2) var(--space-3);border-bottom:var(--border-medium);background:var(--color-background);justify-content:space-between;align-items:center;display:flex}.modal-title.svelte-1pr2ugv{align-items:center;gap:var(--space-1);font-size:var(--text-h3);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);margin:0;display:flex}.title-icon.svelte-1pr2ugv{font-size:var(--text-h2)}.close-btn.svelte-1pr2ugv{width:var(--touch-target-min);height:var(--touch-target-min);border:var(--border-thin);font-size:var(--text-h2);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.close-btn.svelte-1pr2ugv:hover:not(:disabled){background:var(--color-background);color:var(--color-text);border-color:var(--color-text)}.close-btn.svelte-1pr2ugv:disabled{opacity:.5;cursor:not-allowed}.modal-content.svelte-1pr2ugv{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.alert.svelte-1pr2ugv{align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:var(--border-medium);display:flex}.alert-error.svelte-1pr2ugv{background:color-mix(in srgb, var(--color-danger) 10%, transparent);border-color:var(--color-danger)}.alert-success.svelte-1pr2ugv{background:color-mix(in srgb, var(--color-success) 10%, transparent);border-color:var(--color-success)}.alert-icon.svelte-1pr2ugv{font-size:var(--text-h3);flex-shrink:0}.alert-text.svelte-1pr2ugv{font-size:var(--text-small);font-weight:var(--weight-medium);line-height:1.4}.form-group.svelte-1pr2ugv{gap:var(--space-1);flex-direction:column;display:flex}.form-label.svelte-1pr2ugv{font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--color-text)}.required.svelte-1pr2ugv{color:var(--color-danger)}.form-input.svelte-1pr2ugv,.form-textarea.svelte-1pr2ugv{width:100%;padding:var(--space-2);background:var(--color-surface);border:var(--border-medium);font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);transition:border-color var(--transition-fast)}.form-input.svelte-1pr2ugv:focus,.form-textarea.svelte-1pr2ugv:focus{border-color:var(--color-accent);outline:none}.form-input.svelte-1pr2ugv:disabled,.form-textarea.svelte-1pr2ugv:disabled{background:var(--color-background);opacity:.7;cursor:not-allowed}.form-textarea.svelte-1pr2ugv{resize:vertical;min-height:80px}.severity-grid.svelte-1pr2ugv{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.severity-btn.svelte-1pr2ugv{padding:var(--space-2) var(--space-1);background:var(--color-surface);border:var(--border-medium);font-size:var(--text-small);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);text-align:center;min-height:var(--touch-target-min)}.severity-btn.svelte-1pr2ugv:hover:not(:disabled){background:var(--color-background)}.severity-btn.selected.danger.svelte-1pr2ugv{background:color-mix(in srgb, var(--color-danger) 15%, white);border-color:var(--color-danger)}.severity-btn.selected.warning.svelte-1pr2ugv{background:color-mix(in srgb, var(--color-warning) 15%, white);border-color:var(--color-warning)}.severity-btn.selected.muted.svelte-1pr2ugv{background:var(--color-background);border-color:var(--color-text)}.severity-btn.svelte-1pr2ugv:disabled{opacity:.5;cursor:not-allowed}.voice-section.svelte-1pr2ugv{gap:var(--space-2);flex-direction:column;display:flex}.voice-btn.svelte-1pr2ugv{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);background:var(--color-surface);border:var(--border-medium);font-size:var(--text-body);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-comfortable);display:flex}.voice-btn.svelte-1pr2ugv:hover:not(:disabled){background:var(--color-background);border-color:var(--color-accent)}.voice-btn.recording.svelte-1pr2ugv{background:color-mix(in srgb, var(--color-danger) 10%, white);border-color:var(--color-danger)}.voice-btn.svelte-1pr2ugv:disabled{opacity:.5;cursor:not-allowed}.pulse.svelte-1pr2ugv{animation:1s infinite svelte-1pr2ugv-pulse}@keyframes svelte-1pr2ugv-pulse{0%,to{opacity:1}50%{opacity:.5}}.timer.svelte-1pr2ugv{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-muted)}.transcribing.svelte-1pr2ugv{align-items:center;gap:var(--space-1);font-size:var(--text-small);color:var(--color-text-muted);display:flex}.spinner.svelte-1pr2ugv{animation:1s linear infinite svelte-1pr2ugv-spin}@keyframes svelte-1pr2ugv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transcription.svelte-1pr2ugv{padding:var(--space-2);background:var(--color-background);border:var(--border-thin)}.transcription-label.svelte-1pr2ugv{font-size:var(--text-tiny);font-weight:var(--weight-bold);color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.transcription-text.svelte-1pr2ugv{font-size:var(--text-small);color:var(--color-text);margin:0;font-style:italic;line-height:1.5}.modal-actions.svelte-1pr2ugv{gap:var(--space-2);padding-top:var(--space-2);border-top:var(--border-thin);display:flex}.btn.svelte-1pr2ugv{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-body);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min);border:var(--border-medium);flex:1;display:flex}.btn.svelte-1pr2ugv:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.svelte-1pr2ugv{background:var(--color-surface);color:var(--color-text)}.btn-secondary.svelte-1pr2ugv:hover:not(:disabled){background:var(--color-background)}.btn-primary.svelte-1pr2ugv{background:var(--color-accent);color:var(--color-text);border-color:var(--color-text)}.btn-primary.svelte-1pr2ugv:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:var(--shadow-brutal-sm)}.btn-primary.svelte-1pr2ugv:disabled{background:var(--color-disabled)}@media (max-width:480px){.modal.svelte-1pr2ugv{width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:none;top:0;left:0;transform:none}.modal-content.svelte-1pr2ugv{padding:var(--space-2);gap:var(--space-2)}.severity-grid.svelte-1pr2ugv{grid-template-columns:1fr}.severity-btn.svelte-1pr2ugv{padding:var(--space-2)}.modal-actions.svelte-1pr2ugv{flex-direction:column-reverse}}.trigger-btn.svelte-cdwd2o{justify-content:center;align-items:center;gap:var(--space-1);background:var(--color-surface);border:var(--border-medium);font-family:var(--font-sans);font-weight:var(--weight-bold);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);width:100%;display:flex}.trigger-btn.sm.svelte-cdwd2o{padding:var(--space-1) var(--space-2);font-size:var(--text-small);min-height:36px}.trigger-btn.default.svelte-cdwd2o{padding:var(--space-2);font-size:var(--text-body);min-height:var(--touch-target-min)}.trigger-btn.lg.svelte-cdwd2o{padding:var(--space-2) var(--space-3);font-size:var(--text-h4);min-height:var(--touch-target-comfortable)}.trigger-btn.default.svelte-cdwd2o:not(.outline):not(.ghost){background:var(--color-accent);border-color:var(--color-text)}.trigger-btn.default.svelte-cdwd2o:not(.outline):not(.ghost):hover{box-shadow:var(--shadow-brutal-sm)}.trigger-btn.outline.svelte-cdwd2o{background:var(--color-surface);border-color:var(--color-border)}.trigger-btn.outline.svelte-cdwd2o:hover{background:var(--color-background);border-color:var(--color-accent)}.trigger-btn.ghost.svelte-cdwd2o{background:0 0;border-color:#0000}.trigger-btn.ghost.svelte-cdwd2o:hover{background:var(--color-background);border-color:var(--color-border)}.btn-icon.svelte-cdwd2o{font-size:1.1em}.settings-panel.svelte-1dkkct{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-md);min-width:280px;max-width:320px;box-shadow:var(--shadow-lg)}.panel-header.svelte-1dkkct{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin);justify-content:space-between;align-items:center;display:flex}.panel-title.svelte-1dkkct{align-items:center;gap:var(--space-2);font-size:var(--text-h4);font-weight:var(--weight-bold);margin:0;display:flex}.title-icon.svelte-1dkkct{font-size:var(--text-h3)}.close-btn.svelte-1dkkct{padding:var(--space-1);font-size:var(--text-h3);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;line-height:1}.close-btn.svelte-1dkkct:hover{color:var(--color-text)}.panel-content.svelte-1dkkct{padding:var(--space-3);gap:var(--space-4);flex-direction:column;display:flex}.control-group.svelte-1dkkct{gap:var(--space-2);flex-direction:column;display:flex}.group-title.svelte-1dkkct{font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin:0}.volume-slider.svelte-1dkkct{gap:var(--space-1);flex-direction:column;display:flex}.volume-slider.svelte-1dkkct label:where(.svelte-1dkkct){font-size:var(--text-small);justify-content:space-between;align-items:center;display:flex}.slider-label.svelte-1dkkct{font-weight:var(--weight-medium)}.slider-value.svelte-1dkkct{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--color-text-muted);text-align:right;min-width:3em}.volume-slider.svelte-1dkkct input[type=range]:where(.svelte-1dkkct){-webkit-appearance:none;appearance:none;background:var(--color-border);cursor:pointer;border-radius:3px;width:100%;height:6px}.volume-slider.svelte-1dkkct input[type=range]:where(.svelte-1dkkct)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%}.volume-slider.svelte-1dkkct input[type=range]:where(.svelte-1dkkct)::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider.svelte-1dkkct input[type=range]:where(.svelte-1dkkct)::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.volume-slider.svelte-1dkkct input[type=range]:where(.svelte-1dkkct):disabled{opacity:.5;cursor:not-allowed}.toggle-btn.svelte-1dkkct{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-background);border:var(--border-thin);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.toggle-btn.svelte-1dkkct:hover:not(:disabled){border-color:var(--color-accent)}.toggle-btn.active.svelte-1dkkct{background:color-mix(in srgb, var(--color-accent) 15%, transparent);border-color:var(--color-accent)}.toggle-btn.svelte-1dkkct:disabled{opacity:.5;cursor:not-allowed}.toggle-icon.svelte-1dkkct{font-size:var(--text-h4)}.toggle-label.svelte-1dkkct{font-weight:var(--weight-semibold)}.support-note.svelte-1dkkct{font-size:var(--text-tiny);color:var(--color-text-muted);font-style:italic}.bug-report-section.svelte-1dkkct{gap:var(--space-1);flex-direction:column;display:flex}.bug-report-section.svelte-1dkkct button{justify-content:center}.setting-description.svelte-1dkkct{font-size:var(--text-tiny);color:var(--color-text-muted);line-height:1.4}.reset-section.svelte-1dkkct{padding-top:var(--space-2);border-top:var(--border-thin)}.reset-btn.svelte-1dkkct{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-thin);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-small);cursor:pointer;transition:all var(--transition-fast);background:0 0;width:100%;display:flex}.reset-btn.svelte-1dkkct:hover{border-color:var(--color-warning);color:var(--color-warning)}.reset-icon.svelte-1dkkct{font-size:var(--text-base)}@media (max-width:480px){.settings-panel.svelte-1dkkct{border-radius:0;min-width:100%}}.cartridge.svelte-qrh653{gap:var(--space-1);padding:var(--space-2);background-color:var(--bg-color);border:var(--cartridge-border);box-shadow:var(--cartridge-shadow);transform:rotate(var(--rotation));transition:var(--cartridge-transition-transform);grid-template:"status content players action""status meta players action"/auto 1fr auto auto;align-items:center;display:grid;position:relative}.cartridge.svelte-qrh653:hover{transform:rotate(var(--rotation)) translate(-2px, -2px);box-shadow:var(--cartridge-shadow-hover)}.shake.svelte-qrh653{animation:var(--cartridge-animation-shake)}@keyframes svelte-qrh653-shake{0%,to{transform:rotate(var(--rotation)) translateX(0)}20%{transform:rotate(var(--rotation)) translateX(-8px)}40%{transform:rotate(var(--rotation)) translateX(8px)}60%{transform:rotate(var(--rotation)) translateX(-6px)}80%{transform:rotate(var(--rotation)) translateX(6px)}}.status.svelte-qrh653{writing-mode:vertical-rl;text-orientation:mixed;padding:var(--space-1) .25rem;background:var(--color-text);color:var(--color-surface);font-size:var(--cartridge-code-size);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-align:center;grid-area:status;transform:rotate(180deg)}.status.open.svelte-qrh653{background:var(--color-signal-live);color:var(--color-text)}.status.live.svelte-qrh653{background:var(--color-accent);color:var(--color-text)}.content.svelte-qrh653{grid-area:content;min-width:0}.hype-name.svelte-qrh653{font-size:var(--cartridge-name-size);font-weight:var(--cartridge-name-weight);letter-spacing:var(--cartridge-name-tracking);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.1;overflow:hidden}.room-info.svelte-qrh653{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.room-code.svelte-qrh653{font-family:var(--font-mono);font-size:var(--cartridge-code-size);font-weight:var(--weight-semibold);color:var(--color-signal-muted)}.round-progress.svelte-qrh653{font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-accent)}.meta.svelte-qrh653{gap:var(--space-2);font-size:var(--text-small);color:var(--color-signal-muted);grid-area:meta;display:flex}.host.svelte-qrh653{font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.players.svelte-qrh653{font-family:var(--font-mono);font-weight:var(--weight-bold)}.players-display.svelte-qrh653{padding:0 var(--space-1);grid-area:players;align-items:center;gap:4px;display:flex}.player-avatar.svelte-qrh653{width:24px;height:24px;position:relative}.host-badge.svelte-qrh653{background:var(--color-accent);color:var(--color-text);border:1px solid var(--color-text);padding:0 2px;font-size:10px;line-height:1;position:absolute;top:-4px;right:-4px}.overflow-indicator.svelte-qrh653{font-size:var(--text-small);font-weight:var(--weight-bold);color:var(--color-signal-muted)}.action-btn.svelte-qrh653{padding:var(--space-1) var(--space-2);background:var(--color-text);color:var(--color-surface);font-size:var(--text-small);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:var(--cartridge-transition-background);border:none;grid-area:action;align-self:stretch}.action-btn.svelte-qrh653:hover:not(:disabled){background:var(--color-accent);color:var(--color-text)}.action-btn.svelte-qrh653:disabled{opacity:.5;cursor:not-allowed}.action-btn.spectate.svelte-qrh653{background:var(--color-accent);color:var(--color-text)}.action-btn.spectate.svelte-qrh653:hover:not(:disabled){background:var(--color-primary)}@media (max-width:480px){.cartridge.svelte-qrh653{grid-template:"status content""players players""meta meta""action action"/auto 1fr}.players-display.svelte-qrh653{justify-content:center}.status.svelte-qrh653{writing-mode:horizontal-tb;padding:.25rem var(--space-1);transform:none}.action-btn.svelte-qrh653{width:100%}.hype-name.svelte-qrh653{font-size:1rem}}.stack-container.svelte-p0s9um{width:100%;min-height:200px}.stack.svelte-p0s9um{gap:var(--cartridge-gap,-2px);flex-direction:column;display:flex}.stack-item.svelte-p0s9um{z-index:1;position:relative}.stack-item.svelte-p0s9um:first-child{z-index:10}.stack-item.svelte-p0s9um:nth-child(2){z-index:9}.stack-item.svelte-p0s9um:nth-child(3){z-index:8}.stack-item.svelte-p0s9um:nth-child(4){z-index:7}.stack-item.svelte-p0s9um:nth-child(5){z-index:6}.stack-item.svelte-p0s9um:nth-child(n+6){z-index:5}.stack-item.svelte-p0s9um:hover,.stack-item.svelte-p0s9um:focus-within{z-index:20}.empty-state.svelte-p0s9um{justify-content:center;align-items:center;gap:var(--space-2);min-height:200px;padding:var(--space-4);border:3px dashed var(--color-border);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.empty-icon.svelte-p0s9um{opacity:.5;font-size:3rem}.empty-message.svelte-p0s9um{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-signal-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}@media (prefers-reduced-motion:reduce){.stack-item.svelte-p0s9um{animation:none}}.invite-popup.svelte-kf3h2e{bottom:var(--space-3);right:var(--space-3);z-index:var(--z-modal);background:var(--color-background);border:var(--border-thick);width:100%;max-width:360px;box-shadow:8px 8px 0 var(--color-border);animation:.3s ease-out svelte-kf3h2e-slide-up;position:fixed}@keyframes svelte-kf3h2e-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invite-header.svelte-kf3h2e{padding:var(--space-2) var(--space-3);background:var(--color-primary);border-bottom:var(--border-medium);justify-content:space-between;align-items:center;display:flex}.invite-title.svelte-kf3h2e{font-size:var(--text-body);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.countdown.svelte-kf3h2e{font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-bold);padding:var(--space-1) var(--space-2);background:var(--color-background);border:var(--border-thin)}.countdown.warning.svelte-kf3h2e{color:var(--color-warning)}.countdown.urgent.svelte-kf3h2e{color:var(--color-danger);animation:1s ease-in-out infinite svelte-kf3h2e-pulse}@keyframes svelte-kf3h2e-pulse{50%{opacity:.6}}.invite-body.svelte-kf3h2e{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.host-info.svelte-kf3h2e{align-items:center;gap:var(--space-2);display:flex}.host-details.svelte-kf3h2e{flex-direction:column;gap:0;display:flex}.host-name.svelte-kf3h2e{font-size:var(--text-body);font-weight:var(--weight-bold)}.host-action.svelte-kf3h2e{font-size:var(--text-small);color:var(--color-text-muted)}.room-info.svelte-kf3h2e{gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:var(--border-thin);flex-wrap:wrap;display:flex}.room-detail.svelte-kf3h2e{gap:var(--space-1);font-size:var(--text-small);display:flex}.room-detail.svelte-kf3h2e .label:where(.svelte-kf3h2e){color:var(--color-text-muted)}.room-detail.svelte-kf3h2e .value:where(.svelte-kf3h2e){font-weight:var(--weight-semibold)}.room-detail.svelte-kf3h2e .value.code:where(.svelte-kf3h2e){font-family:var(--font-mono);letter-spacing:.1em}.invite-actions.svelte-kf3h2e{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);display:flex}.decline-btn.svelte-kf3h2e,.accept-btn.svelte-kf3h2e{padding:var(--space-2);font-size:var(--text-body);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border:var(--border-thick);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex:1}.decline-btn.svelte-kf3h2e{background:var(--color-surface)}.accept-btn.svelte-kf3h2e{background:var(--color-success)}.decline-btn.svelte-kf3h2e:hover,.accept-btn.svelte-kf3h2e:hover{box-shadow:4px 4px 0 var(--color-border);transform:translate(-2px,-2px)}.decline-btn.svelte-kf3h2e:active,.accept-btn.svelte-kf3h2e:active{box-shadow:none;transform:translate(0)}@media (max-width:480px){.invite-popup.svelte-kf3h2e{max-width:none;box-shadow:0 -4px 0 var(--color-border);border-bottom:none;border-left:none;border-right:none;bottom:0;right:0}}.tab-toggle.svelte-1yfys4q{border:var(--border-thick);background:var(--color-surface);display:flex}.tab.svelte-1yfys4q{padding:var(--space-1) var(--space-2);font-weight:var(--weight-bold);text-transform:uppercase;cursor:pointer;background:var(--color-surface);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-small);border:none;flex:1;transition:none;position:relative}.tab.svelte-1yfys4q:not(.active):before{content:"";background:repeating-linear-gradient(45deg, transparent, transparent 2px, var(--color-text) 2px, var(--color-text) 3px);opacity:.1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.tab.active.svelte-1yfys4q{background:var(--color-text);color:var(--color-surface)}.unread-badge.svelte-1yfys4q{background:var(--color-signal-busy);color:#fff;min-width:1.25rem;height:1.25rem;font-size:var(--text-tiny);font-weight:var(--weight-black);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin-left:.5rem;padding:0 .25rem;display:inline-flex}.ticker.svelte-a59tw9{background:var(--lobby-ticker-bg,#0a0a0a);height:2rem;color:var(--lobby-ticker-fg,#2f2);border-bottom:var(--border-medium);position:relative;overflow:hidden}.ticker-led.svelte-a59tw9{left:var(--space-2);background:var(--lobby-ticker-fg,#2f2);width:6px;height:6px;box-shadow:0 0 4px var(--lobby-ticker-fg,#2f2);z-index:1;border-radius:50%;animation:2s ease-in-out infinite svelte-a59tw9-led-blink;position:absolute;top:50%;transform:translateY(-50%)}@keyframes svelte-a59tw9-led-blink{0%,to{opacity:1}50%{opacity:.4}}.ticker-content.svelte-a59tw9{white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--weight-semibold);padding-left:var(--space-6);letter-spacing:.05em;text-shadow:0 0 8px;line-height:2rem;animation:25s linear infinite svelte-a59tw9-scroll;display:flex}.ticker-content.paused.svelte-a59tw9{animation-play-state:paused}.ticker-text.svelte-a59tw9{text-transform:uppercase}.ticker.highlight.svelte-a59tw9{animation:.5s ease-out svelte-a59tw9-ticker-flash}.ticker.highlight.svelte-a59tw9 .ticker-led:where(.svelte-a59tw9){background:var(--color-warning,#fa0);box-shadow:0 0 8px var(--color-warning,#fa0);animation:.3s ease-out infinite svelte-a59tw9-led-flash}@keyframes svelte-a59tw9-ticker-flash{0%,to{background:var(--lobby-ticker-bg,#0a0a0a)}50%{background:#22ff221a}}@keyframes svelte-a59tw9-led-flash{0%,to{opacity:1;transform:translateY(-50%)scale(1)}50%{opacity:.8;transform:translateY(-50%)scale(1.3)}}@keyframes svelte-a59tw9-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker-content.svelte-a59tw9,.ticker-led.svelte-a59tw9{animation:none}.ticker.highlight.svelte-a59tw9 .ticker-led:where(.svelte-a59tw9){animation:none}}.lobby-landing.svelte-imop4q{min-height:100vh;background:var(--color-background);touch-action:manipulation;flex-direction:column;min-height:100svh;display:flex}.lobby-header.svelte-imop4q{padding:var(--space-2) var(--space-3);border-bottom:var(--border-thick);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex;position:relative}.settings-dropdown.svelte-imop4q{top:100%;right:var(--space-3);z-index:100;margin-top:var(--space-2);position:absolute}.header-left.svelte-imop4q{align-items:center;gap:var(--space-3);display:flex}.logo.svelte-imop4q{font-size:var(--text-h2);font-weight:var(--weight-black);letter-spacing:var(--tracking-widest);margin:0}.online-indicator.svelte-imop4q{font-family:var(--font-mono);font-size:var(--text-tiny);color:var(--color-signal-muted);border:var(--border-thin);border-radius:var(--radius-sm);background:var(--color-background);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.25rem .625rem;display:flex}.online-indicator.svelte-imop4q:hover{background:var(--color-surface)}.online-indicator.connected.svelte-imop4q{color:var(--color-signal-live);border-color:var(--color-signal-live)}.online-users-dropdown.svelte-imop4q{z-index:100;margin-top:var(--space-2);position:absolute;top:100%;left:0}.online-users-panel.svelte-imop4q{background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius-md);min-width:200px;max-width:280px;box-shadow:var(--shadow-lg)}.online-users-panel.svelte-imop4q .panel-header:where(.svelte-imop4q){padding:var(--space-2) var(--space-3);border-bottom:var(--border-thin);justify-content:space-between;align-items:center;display:flex}.online-users-panel.svelte-imop4q .panel-header:where(.svelte-imop4q) h3:where(.svelte-imop4q){font-size:var(--text-small);font-weight:var(--weight-semibold);margin:0}.online-users-panel.svelte-imop4q .close-btn:where(.svelte-imop4q){padding:var(--space-1);font-size:var(--text-h4);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;line-height:1}.online-users-panel.svelte-imop4q .close-btn:where(.svelte-imop4q):hover{color:var(--color-text)}.users-list.svelte-imop4q{padding:var(--space-2);max-height:200px;margin:0;list-style:none;overflow-y:auto}.user-item.svelte-imop4q{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-small);border-radius:var(--radius-sm);display:flex}.user-item.svelte-imop4q:hover:not(.empty){background:var(--color-background)}.user-item.empty.svelte-imop4q{color:var(--color-text-muted);font-style:italic}.user-avatar.svelte-imop4q{font-size:var(--text-base)}.user-name.svelte-imop4q{font-weight:var(--weight-medium)}.status-dot.svelte-imop4q{background:currentColor;border-radius:50%;width:6px;height:6px}.online-indicator.connected.svelte-imop4q .status-dot:where(.svelte-imop4q){animation:2s ease-in-out infinite svelte-imop4q-pulse-dot}@keyframes svelte-imop4q-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.header-right.svelte-imop4q{align-items:center;gap:var(--space-2);display:flex}.user-link.svelte-imop4q{font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-semibold);color:var(--color-text);padding:var(--space-1) var(--space-2);border:var(--border-thin);transition:background var(--transition-fast);text-decoration:none}.user-link.svelte-imop4q:hover{background:var(--color-accent)}.auth-link.svelte-imop4q{font-family:var(--font-mono);font-size:var(--text-small);font-weight:var(--weight-bold);text-transform:uppercase;color:var(--color-text);background:var(--color-surface);padding:var(--space-1) var(--space-2);border:var(--border-medium);cursor:pointer;transition:background var(--transition-fast)}.auth-link.svelte-imop4q:hover{background:var(--color-accent)}.lobby-main.svelte-imop4q{flex-direction:column;flex:1;display:flex;overflow:hidden}.mobile-tabs.svelte-imop4q{padding:var(--space-2)}.lobby-content.svelte-imop4q{gap:var(--space-2);padding:var(--space-2);flex:1;grid-template-columns:1fr;display:grid;overflow:hidden}.lobby-content.svelte-imop4q:not(.mobile){grid-template-columns:2fr 1fr}.games-panel.svelte-imop4q{flex-direction:column;display:flex;overflow:hidden}.games-panel.hidden.svelte-imop4q{display:none}.panel-header.svelte-imop4q{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.panel-header.svelte-imop4q h2:where(.svelte-imop4q){font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.room-counts.svelte-imop4q{gap:var(--space-2);display:flex}.room-counts.svelte-imop4q .count:where(.svelte-imop4q){font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--weight-semibold);border:var(--border-thin);text-transform:uppercase;padding:.125rem .5rem}.room-counts.svelte-imop4q .count.open:where(.svelte-imop4q){background:var(--color-signal-live);border-color:var(--color-signal-live)}.room-counts.svelte-imop4q .count.live:where(.svelte-imop4q){background:var(--color-accent);border-color:var(--color-accent)}.panel-actions.svelte-imop4q{align-items:center;gap:var(--space-2);display:flex}.admin-btn.svelte-imop4q{font-family:var(--font-mono);font-size:var(--text-tiny);font-weight:var(--weight-semibold);background:var(--color-danger);color:#fff;border:var(--border-thin);border-color:var(--color-danger);cursor:pointer;transition:opacity var(--transition-fast);padding:.25rem .5rem}.admin-btn.svelte-imop4q:hover:not(:disabled){opacity:.8}.admin-btn.svelte-imop4q:disabled{opacity:.5;cursor:not-allowed}.room-stack-container.svelte-imop4q{padding-bottom:var(--space-4);flex:1;overflow-y:auto}.chat-section.svelte-imop4q{flex-direction:column;min-height:300px;max-height:100%;display:flex;overflow:hidden}.chat-section.hidden.svelte-imop4q{display:none}.mode-cards.svelte-imop4q{gap:var(--space-2);padding:var(--space-2) var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.mode-card.svelte-imop4q{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:var(--border-thick);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.mode-card.svelte-imop4q:hover{box-shadow:4px 4px 0 var(--color-border);transform:translate(-2px,-2px)}.mode-card.svelte-imop4q:active{box-shadow:none;transform:translate(0)}.mode-card--primary.svelte-imop4q{background:var(--color-success)}.mode-card--secondary.svelte-imop4q{background:var(--color-primary);color:var(--color-text-on-primary,var(--color-text))}.mode-card--tertiary.svelte-imop4q{background:var(--color-surface)}.mode-icon.svelte-imop4q{font-size:var(--text-h2)}.mode-title.svelte-imop4q{font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mode-subtitle.svelte-imop4q{font-size:var(--text-tiny);color:var(--color-text-muted);text-align:center}.mode-card--secondary.svelte-imop4q .mode-subtitle:where(.svelte-imop4q){color:inherit;opacity:.8}.modal-backdrop.svelte-imop4q{z-index:var(--z-modal);padding:var(--space-3);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content.svelte-imop4q{background:var(--color-background);border:var(--border-thick);width:100%;max-width:600px;max-height:90vh;box-shadow:8px 8px 0 var(--color-border);flex-direction:column;display:flex;overflow:hidden}.modal-header.svelte-imop4q{padding:var(--space-2) var(--space-3);border-bottom:var(--border-medium);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.modal-title.svelte-imop4q{font-size:var(--text-h3);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.modal-close.svelte-imop4q{-webkit-appearance:none;appearance:none;border:var(--border-thin);padding:var(--space-1);font-size:var(--text-body);cursor:pointer;background:0 0;line-height:1}.modal-close.svelte-imop4q:hover{background:var(--color-surface-alt)}.modal-body.svelte-imop4q{padding:var(--space-3);flex:1;overflow-y:auto}.modal-description.svelte-imop4q{font-size:var(--text-body);color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-2)}.modal-footer.svelte-imop4q{z-index:1;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:var(--border-medium);background:var(--color-surface);flex-shrink:0;justify-content:flex-end;display:flex;position:sticky;bottom:0}.cancel-btn.svelte-imop4q,.start-btn.svelte-imop4q{padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.cancel-btn.svelte-imop4q{background:var(--color-surface);border:var(--border-medium)}.start-btn.svelte-imop4q{background:var(--color-success);border:var(--border-medium)}.cancel-btn.svelte-imop4q:hover,.start-btn.svelte-imop4q:hover:not(:disabled){box-shadow:2px 2px 0 var(--color-border);transform:translate(-1px,-1px)}.start-btn.svelte-imop4q:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.mode-cards.svelte-imop4q{grid-template-columns:1fr}.mode-card.svelte-imop4q{justify-content:flex-start;gap:var(--space-2);padding:var(--space-2);flex-direction:row}.mode-icon.svelte-imop4q{font-size:var(--text-h3)}.mode-card.svelte-imop4q>:where(.svelte-imop4q):not(.mode-icon){text-align:left}.mode-subtitle.svelte-imop4q{text-align:left}}@media (min-width:768px){.lobby-content.svelte-imop4q{padding:var(--space-3);width:100%;max-width:1200px;margin:0 auto}.chat-section.svelte-imop4q{min-height:400px}.mode-cards.svelte-imop4q{max-width:1200px;margin:0 auto}}@media (min-width:1024px){.lobby-content.svelte-imop4q{grid-template-columns:2fr 1fr}}.auth-options.svelte-imop4q{gap:var(--space-3);flex-direction:column;display:flex}.auth-description.svelte-imop4q{font-size:var(--text-body);color:var(--color-text-muted);text-align:center;margin:0}.auth-buttons.svelte-imop4q{gap:var(--space-2);flex-direction:column;display:flex}.divider.svelte-imop4q{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.divider.svelte-imop4q:before,.divider.svelte-imop4q:after{content:"";background:var(--color-border);opacity:.3;flex:1;height:1px}.divider.svelte-imop4q span:where(.svelte-imop4q){font-family:var(--font-mono);font-size:var(--text-tiny);text-transform:uppercase}.auth-note.svelte-imop4q{font-size:var(--text-small);color:var(--color-text-muted);text-align:center;margin:0}