:root{--font-body: "Trebuchet MS", "Gill Sans", "Segoe UI", sans-serif;--font-display: "Franklin Gothic Medium", "Arial Narrow", "Trebuchet MS", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--color-bg-0: #171717;--color-bg-1: #1b1b1b;--color-bg-2: #1e1e1e;--color-bg-3: #242424;--color-bg-4: #3d3d3d;--color-border: #363636;--color-border-strong: #5b5b5b;--color-text: #ffffff;--color-text-muted: #bdbdbd;--color-text-dim: #8f8f8f;--color-accent: #4caf1d;--color-accent-2: #3f9418;--color-accent-soft: rgba(76, 175, 29, .24);--color-danger-soft: rgba(170, 74, 64, .18);--color-page-bg-rgb: 23 23 23;--color-sidebar-bg-rgb: 27 27 27;--color-panel-header-rgb: 36 36 36;--color-panel-body-rgb: 30 30 30;--color-roadmap-track-rgb: 36 36 36;--color-page-bg: rgb(var(--color-page-bg-rgb));--color-sidebar-bg: rgb(var(--color-sidebar-bg-rgb));--color-panel-header-bg: rgb(var(--color-panel-header-rgb));--color-panel-body-bg: rgb(var(--color-panel-body-rgb));--color-roadmap-track-bg: rgb(var(--color-roadmap-track-rgb));--color-text-primary: var(--color-text);--shell-sidebar-bg: var(--color-sidebar-bg);--shell-sidebar-border: var(--color-border);--shell-brand-text: var(--color-text);--shell-nav-text: var(--color-text);--shell-nav-bots-bg: linear-gradient(180deg, #c84245 0%, #ff6a2a 100%);--shell-nav-learn-bg: linear-gradient(180deg, #ffc851 0%, #4642c8 100%);--shell-nav-ranked-bg: linear-gradient(180deg, #ffbd45 0%, #d24c25 100%);--shell-dropdown-icon-bolt: #ffd04a;--shell-dropdown-icon-spark: #ff6a2a;--shell-dropdown-icon-loop: #4e8dff;--shell-dropdown-icon-chain: #e76a4f;--shell-nav-more-glyph: #4e4e4e;--shell-profile-text: var(--color-text);--shell-profile-avatar-bg: linear-gradient(180deg, #f2f5ea, #b9c3a7);--shell-profile-avatar-text: #151515;--shell-mobile-nav-border: rgba(156, 176, 154, .3);--shell-mobile-nav-bg: rgba(24, 28, 25, .74);--shell-mobile-nav-link-text: #bcc8b6;--shell-mobile-nav-link-active-border: rgba(127, 184, 108, .56);--shell-mobile-nav-link-active-bg: rgba(101, 147, 81, .34);--shell-mobile-nav-link-active-text: #effce8;--shell-nav-link-indicator-glow: 0 0 28px color-mix(in srgb, var(--color-accent) 70%, transparent);--shell-nav-ranked-inset-shadow: inset 0 -2px 0 color-mix(in srgb, #000 28%, transparent);--shell-nav-ranked-glare: linear-gradient(180deg, rgb(255 255 255 / .45), rgb(255 255 255 / 0));--shell-nav-dropdown-border: color-mix(in srgb, var(--color-border) 82%, #fff 18%);--shell-nav-dropdown-bg: linear-gradient(180deg, rgb(29 29 29 / .98), rgb(22 22 22 / .98));--shell-nav-dropdown-shadow: 0 22px 46px rgb(0 0 0 / .42);--shell-dropdown-link-hover-bg: rgb(255 255 255 / .1);--shell-dropdown-link-active-bg: rgb(255 255 255 / .15);--surface-card-bg: var(--color-bg-1);--surface-card-border: var(--color-border);--surface-panel-header-gradient: linear-gradient( 180deg, rgb(var(--color-sidebar-bg-rgb) / .97), color-mix(in srgb, rgb(var(--color-sidebar-bg-rgb)) 84%, #000 16%) );--surface-panel-body-gradient: linear-gradient( 180deg, rgb(var(--color-panel-body-rgb) / .96), color-mix(in srgb, rgb(var(--color-panel-body-rgb)) 86%, #000 14%) );--surface-section-bg: color-mix(in srgb, var(--color-panel-body-bg) 92%, rgb(0 0 0 / .45) 8%);--surface-section-border: var(--color-border);--surface-subtle-bg: color-mix(in srgb, var(--color-bg-0) 88%, rgb(0 0 0 / .55) 12%);--surface-code-bg: #121513;--surface-code-border: #2f352f;--surface-inset-highlight: rgb(255 255 255 / .03);--surface-overlay-popover: linear-gradient( 180deg, color-mix(in srgb, var(--color-panel-header-bg) 94%, rgb(0 0 0 / .4) 6%), color-mix(in srgb, var(--color-panel-body-bg) 92%, rgb(0 0 0 / .5) 8%) );--accent-ui-tab-underline: var(--color-accent);--accent-ui-section-title: color-mix(in srgb, var(--color-accent) 58%, var(--color-text) 42%);--accent-ui-eyebrow: color-mix(in srgb, var(--color-accent) 44%, var(--color-text-muted) 56%);--surface-site-hero-glow: color-mix(in srgb, var(--color-text) 8%, transparent);--text-site-kicker-strong: var(--accent-ui-eyebrow);--surface-hub-card-hover-border: color-mix(in srgb, var(--color-border) 52%, var(--color-border-strong) 48%);--auth-page-bg-gradient: radial-gradient(ellipse 80% 60% at 50% 0%, #2e2b28 0%, #1a1917 55%, #121110 100%);--auth-card-bg-gradient: linear-gradient(180deg, #2c2926 0%, #262421 100%);--auth-card-border: rgba(255, 255, 255, .08);--auth-card-shadow: 0 24px 48px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06);--auth-title-color: #f0f0f0;--auth-lead-color: rgba(255, 255, 255, .55);--auth-label-color: rgba(255, 255, 255, .5);--auth-field-border: rgba(255, 255, 255, .12);--auth-field-bg: rgba(0, 0, 0, .35);--auth-field-text: #fafafa;--auth-field-focus-border: rgba(129, 182, 76, .65);--auth-field-focus-ring: 0 0 0 2px rgba(129, 182, 76, .2);--auth-hint-color: #f0a96e;--auth-error-text: #ffb4b4;--auth-error-bg: rgba(180, 40, 40, .2);--auth-error-border: rgba(255, 100, 100, .25);--auth-btn-primary-text: #fff;--auth-btn-primary-bg: linear-gradient(180deg, #8ec85a 0%, #6a9e3f 100%);--auth-btn-primary-shadow: 0 4px 0 #4a7029, inset 0 1px 0 rgba(255, 255, 255, .25);--auth-btn-primary-shadow-active: 0 2px 0 #4a7029, inset 0 1px 0 rgba(255, 255, 255, .2);--auth-btn-secondary-text: #f2f2f2;--auth-btn-secondary-bg: linear-gradient(180deg, #3a3835 0%, #2a2826 100%);--auth-btn-secondary-shadow: 0 4px 0 #1a1918, inset 0 1px 0 rgba(255, 255, 255, .08);--auth-btn-secondary-shadow-active: 0 2px 0 #1a1918;--auth-or-line: rgba(255, 255, 255, .12);--auth-or-text: rgba(255, 255, 255, .35);--auth-footer-text: rgba(255, 255, 255, .45);--auth-footer-link: #9ecf6b;--auth-header-cta-primary-bg: linear-gradient(180deg, #8ec85a 0%, #6a9e3f 100%);--auth-header-cta-primary-shadow: 0 3px 0 #4a7029, inset 0 1px 0 rgba(255, 255, 255, .22);--auth-header-cta-secondary-text: #eee;--auth-header-cta-secondary-bg: linear-gradient(180deg, #3a3835 0%, #2a2826 100%);--auth-header-cta-secondary-shadow: 0 3px 0 #1a1918, inset 0 1px 0 rgba(255, 255, 255, .08);--auth-profile-avatar-bg: linear-gradient(145deg, #5a7c3f, #3d5228);--auth-profile-avatar-text: #fff;--auth-session-loading: rgba(255, 255, 255, .35);--control-text: var(--color-text);--control-text-muted: var(--color-text-muted);--control-text-dim: var(--color-text-dim);--control-disabled-opacity: .65;--control-focus-ring: 0 0 0 2px var(--color-accent-soft);--control-neutral-focus-ring: 0 0 0 2px rgb(255 255 255 / .08);--control-surface-border: #3a3a3a;--control-surface-border-hover: #5a5a5a;--control-surface-bg: #252525;--control-surface-bg-hover: #2c2c2c;--control-surface-muted-border: #3a3a3a;--control-surface-muted-bg: #232323;--control-panel-surface-border: color-mix(in srgb, rgb(var(--color-panel-header-rgb)) 72%, #000 28%);--control-panel-surface-border-hover: color-mix(in srgb, rgb(var(--color-panel-header-rgb)) 62%, #fff 38%);--control-panel-surface-bg: linear-gradient( 180deg, color-mix(in srgb, rgb(var(--color-panel-header-rgb)) 94%, #fff 6%), color-mix(in srgb, rgb(var(--color-panel-header-rgb)) 82%, #000 18%) );--control-panel-surface-bg-hover: linear-gradient( 180deg, color-mix(in srgb, rgb(var(--color-panel-header-rgb)) 88%, #fff 12%), color-mix(in srgb, rgb(var(--color-panel-header-rgb)) 76%, #000 24%) );--control-primary-border: color-mix(in srgb, var(--color-accent) 72%, #fff 28%);--control-primary-border-hover: color-mix(in srgb, var(--color-accent) 84%, #fff 16%);--control-primary-bg: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 86%, #fff 14%), color-mix(in srgb, var(--color-accent) 78%, #000 22%) );--control-primary-bg-hover: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 92%, #fff 8%), color-mix(in srgb, var(--color-accent) 84%, #000 16%) );--control-primary-text: #f7fff2;--control-panel-primary-border: color-mix(in srgb, var(--color-accent) 72%, #fff 28%);--control-panel-primary-border-hover: color-mix(in srgb, var(--color-accent) 84%, #fff 16%);--control-panel-primary-bg: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 86%, #fff 14%), color-mix(in srgb, var(--color-accent) 78%, #000 22%) );--control-panel-primary-bg-hover: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 92%, #fff 8%), color-mix(in srgb, var(--color-accent) 84%, #000 16%) );--control-panel-surface-text: #eef2ec;--control-panel-primary-text: #f3f7f1;--control-cta-bg: #244c30;--control-cta-bg-hover: #2a5a38;--control-field-border: var(--color-border);--control-field-border-hover: #5f5f5f;--control-field-border-focus: var(--color-accent);--control-field-bg: var(--color-bg-3);--control-field-bg-hover: #2a2a2a;--control-field-text: #f3f3f3;--control-field-chevron: #8f8f8f;--control-field-decorative-chevron: #9ea79d;--control-check-size: 1.125rem;--control-check-radius: 5px;--control-check-border: var(--color-border-strong);--control-check-border-hover: color-mix(in srgb, var(--color-accent) 52%, var(--color-border-strong) 48%);--control-check-bg: linear-gradient( 165deg, color-mix(in srgb, var(--color-bg-3) 90%, var(--color-text) 5%) 0%, color-mix(in srgb, var(--color-bg-2) 96%, var(--color-text) 4%) 100% );--control-check-bg-hover: linear-gradient( 165deg, color-mix(in srgb, var(--color-bg-3) 68%, var(--color-accent) 14%) 0%, color-mix(in srgb, var(--color-bg-2) 78%, var(--color-accent) 10%) 100% );--control-check-checked-border: color-mix(in srgb, var(--color-accent) 58%, var(--color-border-strong) 42%);--control-check-checked-bg: linear-gradient( 165deg, color-mix(in srgb, var(--color-accent) 82%, white) 0%, color-mix(in srgb, var(--color-accent) 50%, var(--color-bg-0)) 100% );--control-check-mark-color: rgb(var(--color-page-bg-rgb) / .92);--control-check-shadow: inset 0 1px 0 color-mix(in srgb, white 14%, transparent), inset 0 -1px 0 color-mix(in srgb, black 22%, transparent), 0 1px 3px color-mix(in srgb, black 32%, transparent);--control-check-shadow-hover: inset 0 1px 0 color-mix(in srgb, white 18%, transparent), inset 0 -1px 0 color-mix(in srgb, black 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-accent) 22%, transparent), 0 2px 6px color-mix(in srgb, black 34%, transparent);--control-check-shadow-checked: inset 0 1px 0 color-mix(in srgb, white 30%, transparent), inset 0 -1px 0 color-mix(in srgb, black 24%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-accent) 38%, transparent), 0 2px 10px color-mix(in srgb, var(--color-accent) 34%, transparent);--control-check-focus-ring: 0 0 0 2px color-mix(in srgb, var(--color-accent) 48%, transparent);--board-settings-switch-thumb-shadow: rgb(0 0 0 / 22%);--board-settings-rules-track-cool: #2a4a7a;--board-settings-rules-track-warm: #8b3a2e;--board-settings-rules-inset-highlight: rgb(255 255 255 / 8%);--board-settings-rules-selected-gloss-high: rgb(255 255 255 / 22%);--board-settings-rules-selected-gloss-low: rgb(255 255 255 / 6%);--board-settings-rules-selected-text-l1: #e8f1ff;--board-settings-rules-selected-text-l2: #ffe8e0;--board-settings-rules-selected-border: rgb(255 255 255 / 25%);--board-settings-rules-unselected-text: rgb(255 255 255 / 88%);--play-summary-win-result-gradient: linear-gradient(180deg, #fff5c8 0%, #c8ef84 58%, #7ecf58 100%);--play-summary-win-hard-result-gradient: linear-gradient(180deg, #faffd9 0%, #c8ff8d 54%, #74d96a 100%);--play-summary-win-soft-result-gradient: linear-gradient(180deg, #fff0b0 0%, #ffd05b 56%, #f59f3a 100%);--play-summary-win-accent: #c7ea6d;--play-summary-win-border-mix: #9dcd57;--play-summary-win-hard-accent: #98e96b;--play-summary-win-hard-border-mix: #69b84a;--play-summary-win-soft-accent: #ffbb52;--play-summary-win-soft-border-mix: #d8932f;--play-panel-raised-shadow: 0 10px 22px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .06);--control-icon-border: var(--color-border-strong);--control-icon-bg: var(--color-bg-4);--tooltip-bubble-border: rgba(5, 5, 5, .85);--tooltip-bubble-bg: linear-gradient(180deg, rgba(30, 12, 18, .96), rgba(20, 8, 12, .98));--tooltip-bubble-arrow-bg: rgba(20, 8, 12, .98);--tooltip-bubble-text: #f8f0f4;--tooltip-bubble-shadow: 0 10px 22px rgba(0, 0, 0, .34);--viewport-shell-bg: #11151f;--viewport-shell-border: #2b2f3a;--viewport-play-card-border: var(--color-border);--viewport-play-card-bg: radial-gradient(circle at 50% 50%, rgb(55 130 69 / .28), transparent 42%), linear-gradient(180deg, #1f4723 0%, #18391c 100%);--chrome-matchup-bar-bg: linear-gradient(90deg, #232323 0%, #1b1b1b 48%, #232323 100%);--chrome-status-bar-bg: linear-gradient(90deg, #1e1e1e 0%, #1b1b1b 48%, #1e1e1e 100%);--chrome-panel-bg: var(--color-panel-body-bg);--chrome-panel-header-bg: var(--color-panel-header-bg);--chrome-divider-border: #383838;--chrome-divider-light: #ffffff;--chrome-divider-dark: #000000;--chrome-overlay-shadow: rgba(0, 0, 0, .38);--chrome-history-surface-bg: rgb(0 0 0 / .16);--chrome-history-header-border: rgb(255 255 255 / .05);--chrome-history-header-bg: rgb(255 255 255 / .02);--chrome-history-scrollbar-thumb: rgb(255 255 255 / .18);--chrome-history-scrollbar-thumb-hover: rgb(255 255 255 / .28);--chrome-history-row-alt-bg: rgb(255 255 255 / .03);--chrome-history-empty-text: rgb(255 255 255 / .5);--chrome-history-round-text: rgb(255 255 255 / .46);--chrome-history-cell-text: rgb(255 255 255 / .72);--chrome-history-cell-active-bg: rgb(255 255 255 / .14);--chrome-history-cell-active-shadow: rgb(255 255 255 / .08);--chrome-settings-cog-border: color-mix(in srgb, var(--control-field-border) 70%, #80927d 30%);--chrome-settings-cog-bg: rgb(33 38 33 / .78);--chrome-settings-cog-shadow: 0 10px 22px rgba(0, 0, 0, .22);--chrome-settings-cog-border-hover: color-mix(in srgb, var(--control-field-border-hover) 72%, #8ca786 28%);--chrome-settings-cog-bg-hover: rgb(40 46 39 / .92);--chrome-board-cover-text: #b9c0d4;--play-review-summary-border: rgb(255 255 255 / .16);--play-review-summary-radial-primary: rgb(96 165 250 / .18);--play-review-summary-radial-secondary: rgb(244 114 182 / .12);--play-review-summary-surface-top: rgb(14 17 28 / .92);--play-review-summary-surface-bottom: rgb(9 11 18 / .95);--play-review-summary-shadow: 0 28px 80px rgb(0 0 0 / .46);--play-review-summary-inset-highlight: rgb(255 255 255 / .12);--play-review-summary-kicker: rgb(148 163 184 / .9);--play-review-summary-body: rgb(226 232 240 / .88);--play-review-summary-pill-border: rgb(255 255 255 / .1);--play-review-summary-pill-bg: rgb(255 255 255 / .05);--play-review-summary-pill-text: rgb(226 232 240 / .9);--play-review-summary-card-border: rgb(255 255 255 / .08);--play-review-summary-card-bg: rgb(255 255 255 / .05);--play-review-summary-card-label: rgb(226 232 240 / .76);--play-review-summary-grade-great: #60a5fa;--play-review-summary-grade-good: #38bdf8;--play-review-summary-grade-inaccuracy: #fbbf24;--play-review-summary-grade-bad: #fb923c;--play-review-summary-grade-terrible: #f87171;--play-side-surrender-soft-outline: rgba(52, 211, 153, .92);--play-side-surrender-soft-outline-hover: rgba(110, 231, 183, .98);--play-review-graph-bg-top: rgb(255 255 255 / .04);--play-review-graph-bg-bottom: rgb(255 255 255 / .01);--state-danger-border: rgba(168, 74, 74, .38);--state-danger-bg: rgba(141, 39, 39, .22);--state-danger-text: #f3c0ba;--state-success-border: rgba(111, 145, 96, .34);--state-success-bg: rgba(47, 69, 44, .28);--state-success-text: #eef6eb;--state-warning-border: #f3d56b;--state-warning-bg: rgba(243, 213, 107, .24);--state-warning-text: #f3d56b;--state-status-border: #587d55;--state-status-bg: rgba(89, 140, 78, .28);--state-status-text: #d8f1cc;--state-info-border: color-mix(in srgb, #7f98b1 72%, var(--color-border) 28%);--state-info-bg: rgba(32, 42, 52, .72);--state-info-text: #e6eef8;--state-feedback-border: color-mix(in srgb, #c5906a 78%, var(--color-border) 22%);--state-feedback-bg: rgba(48, 40, 34, .78);--state-feedback-text: #f2e8df;--state-neutral-border: #9fb59e;--state-neutral-bg: rgba(62, 67, 62, .34);--state-neutral-text: #eef2ec;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-shell-float: calc(var(--radius-lg) + 2px);--radius-panel: 14px;--radius-viewport: 14px;--shadow-soft: 0 8px 22px rgba(0, 0, 0, .24);--shadow-strong: 0 18px 38px rgba(0, 0, 0, .36);--roadmap-track-bg: var(--color-roadmap-track-bg);--roadmap-overlay-top-opacity: .68;--roadmap-overlay-bottom-opacity: 1;--roadmap-section-accent-rgb: 67 184 234;--roadmap-coach-avatar-border: #7ea089;--roadmap-coach-avatar-bg: radial-gradient(circle at 36% 24%, #d8a17f, #834d2f);--roadmap-coach-avatar-text: #26120a;--roadmap-coach-bubble-border: #d7ddd9;--roadmap-coach-bubble-bg: #f3f5f3;--roadmap-coach-bubble-text: #202723;--roadmap-scrollbar-thumb: rgba(8, 10, 10, .88);--roadmap-tile-bg-base: #1b463e;--roadmap-tile-bg-edge: #11322c;--roadmap-node-base: #1f5a50;--roadmap-node-top: #3cc5b0;--roadmap-node-edge: #143f38;--roadmap-section-label: rgba(228, 236, 232, .84);--roadmap-section-title: rgba(245, 250, 247, .96);--roadmap-section-title-shadow: 0 6px 16px rgba(0, 0, 0, .4);--roadmap-node-shadow: drop-shadow(0 9px 11px rgba(0, 0, 0, .48));--roadmap-base-top-shadow: #111f1b;--roadmap-chip-wall-shell-shadow: #11251f;--roadmap-chip-wall-side-shadow: #132a23;--roadmap-chip-wall-side-active-shadow: #163028;--roadmap-chip-wall-shell-completed-shadow: #11231d;--roadmap-chip-wall-side-completed-shadow: #132821;--roadmap-chip-wall-shell-locked-tint: #7f9691;--roadmap-chip-wall-shell-locked-shadow: #1a2a25;--roadmap-chip-wall-side-locked-tint: #88a09b;--roadmap-chip-wall-side-locked-shadow: #1b2d28;--roadmap-chip-top-highlight: #72ebd7;--roadmap-chip-text-highlight: #f4fbf8;--roadmap-chip-text-completed-highlight: #dbe6e2;--roadmap-chip-text-locked-highlight: #b6c3be;--roadmap-chip-text-locked-shadow: #2b3a36;--roadmap-callout-border: #d3d6d1;--roadmap-callout-bg: #f8f8f7;--roadmap-callout-text: #272f2a;--roadmap-callout-shadow: 0 8px 16px -12px rgba(0, 0, 0, .85);--roadmap-footer-title: #f2f8f5;--lesson-mask-ink: #000000;--lesson-panel-outline-line: #252a27;--lesson-phase-footer-shell: linear-gradient(180deg, rgba(20, 24, 21, .9), rgba(16, 20, 18, .94));--lesson-phase-footer-shell-mobile: linear-gradient(180deg, rgba(20, 24, 21, .88), rgba(16, 20, 18, .94));--lesson-phase-footer-sheen: linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 60%);--lesson-phase-footer-tail: rgba(17, 22, 18, .7);--lesson-phase-footer-tail-mobile: rgba(17, 22, 18, .72);--lesson-phase-default-bg: rgba(67, 78, 67, .38);--lesson-phase-default-border: #6e7d6a;--lesson-phase-default-accent: rgba(126, 148, 118, .32);--lesson-phase-default-ribbon-fill: rgba(42, 50, 42, .9);--lesson-phase-challenge-bg: rgba(82, 134, 62, .46);--lesson-phase-challenge-border: #7fbc63;--lesson-phase-challenge-accent: rgba(146, 216, 109, .5);--lesson-phase-challenge-ribbon-fill: rgba(65, 108, 50, .92);--lesson-phase-hint-bg: rgba(80, 101, 126, .42);--lesson-phase-hint-border: #7f9dbd;--lesson-phase-hint-accent: rgba(125, 165, 212, .38);--lesson-phase-hint-ribbon-fill: rgba(62, 84, 109, .92);--lesson-phase-success-bg: rgba(88, 142, 66, .5);--lesson-phase-success-border: #8ecf6b;--lesson-phase-success-accent: rgba(155, 226, 120, .56);--lesson-phase-success-ribbon-fill: rgba(71, 121, 53, .92);--lesson-phase-title-text: #eff6ec;--lesson-phase-body-text: #d0dbce;--lesson-phase-code-text: #c7d7c4;--lesson-phase-text-shadow: 0 1px 2px rgba(0, 0, 0, .45);--lesson-coach-scrollbar-thumb: rgba(137, 154, 135, .42);--lesson-coach-avatar-border: #6a9f5f;--lesson-coach-avatar-bg: radial-gradient(circle at 36% 24%, #9fce74, #64944d);--lesson-coach-avatar-text: #10210f;--lesson-coach-message-border: #d6d6d6;--lesson-coach-message-bg: #f6f6f4;--lesson-coach-message-text: #1e2220;--lesson-coach-label-text: #405a3f;--lesson-coach-body-text: #1f2321;--lesson-coach-bubble-highlight: 0 2px 0 rgba(255, 255, 255, .12);--lesson-progress-fill: linear-gradient( 90deg, color-mix(in srgb, var(--control-primary-border) 86%, #fff 14%), #94d472 );--lesson-roadmap-mini-head-text: #e8f0e2;--lesson-roadmap-mini-head-subtext: #9eab9c;--lesson-roadmap-mini-track: #3d4840;--lesson-roadmap-mini-node-border: #5b695c;--lesson-roadmap-mini-node-bg: #2f3930;--lesson-roadmap-mini-node-active-border: #88c56d;--lesson-roadmap-mini-node-active-bg: radial-gradient(circle at 30% 30%, #b0e08f, #5f9847 72%);--lesson-roadmap-mini-node-completed-border: #9adf76;--lesson-roadmap-mini-node-completed-bg: radial-gradient(circle at 30% 30%, #d2f3be, #74b258 70%);--lesson-roadmap-mini-node-locked-border: #4e5a50;--lesson-roadmap-mini-node-locked-bg: #2a312a;--lesson-roadmap-mini-meta-text: #d3ddd0;--lesson-roadmap-mini-meta-subtext: #93a190;--admin-card-bg: linear-gradient(180deg, rgba(30, 36, 30, .88), rgba(25, 30, 25, .88));--admin-tooltip-trigger-border: color-mix(in srgb, var(--color-border-strong) 70%, #fff 30%);--admin-tooltip-trigger-bg: rgba(18, 24, 18, .94);--admin-tooltip-trigger-text: #dcebd5;--admin-tooltip-trigger-border-hover: color-mix(in srgb, var(--color-border-strong) 82%, #fff 18%);--admin-tooltip-trigger-bg-hover: rgba(28, 36, 28, .98);--admin-tooltip-trigger-text-hover: #f4f8f0;--admin-tooltip-bubble-border: color-mix(in srgb, var(--color-border-strong) 72%, #fff 28%);--admin-tooltip-bubble-bg: linear-gradient(180deg, rgba(22, 28, 22, .98), rgba(15, 20, 15, .98));--admin-tooltip-example-label: #9eb097;--admin-tooltip-example-badge-border: color-mix(in srgb, var(--color-border-strong) 74%, #fff 26%);--admin-tooltip-example-badge-bg: rgba(58, 76, 58, .34);--admin-tooltip-example-badge-text: #eef6ea;--admin-preview-line-border: 1px solid color-mix(in srgb, #fff 28%, transparent 72%);--admin-theme-row-bg: rgba(14, 17, 14, .58);--admin-preview-shell-bg: rgba(10, 14, 10, .84);--admin-preview-empty-text: #f1a29d;--admin-input-bg: rgba(16, 20, 16, .86);--admin-preview-coach-border: 1px solid rgba(255, 255, 255, .14);--admin-preview-coach-bg: rgba(250, 250, 250, .07);--admin-board-cell-bg: rgba(20, 25, 20, .9);--admin-board-cell-border-hover: color-mix(in srgb, var(--color-border-strong) 70%, #fff 30%);--admin-chip-bg: rgba(14, 17, 14, .82);--admin-error-text: #f09a92;--admin-error-list-border: 1px solid rgba(240, 154, 146, .32);--admin-error-list-bg: rgba(120, 40, 36, .12);--admin-ai-section-bg: rgba(14, 18, 14, .52);--admin-ai-candidate-bg: rgba(16, 20, 16, .74);--admin-ai-candidate-selected-border: color-mix(in srgb, var(--color-border-strong) 76%, #d8e8cf 24%);--admin-ai-candidate-selected-bg: rgba(34, 42, 34, .9);--debug-eyebrow-text: #95b18a;--debug-title-text: #f4f8f0;--debug-body-text: #c4d0c0;--debug-checklist-text: #cfdbc9;--debug-opponent-label-text: #e8f2e4;--debug-opponent-value-text: #f1f7ee;--debug-opponent-meta-text: #97a596;--debug-status-text: #d1dfcc;--debug-slider-track-border: #3f5a3f;--debug-slider-track-bg: linear-gradient(180deg, #273327, #1d271d);--debug-slider-progress-bg: linear-gradient(90deg, #6aa951, #88c56d);--debug-slider-thumb-border: #273a24;--debug-slider-thumb-bg: radial-gradient(circle at 35% 35%, #a3d88a 0%, #76b95f 58%, #5d9448 100%);--debug-slider-thumb-ring: 0 0 0 2px rgba(18, 24, 18, .9);--debug-slider-thumb-shadow: 0 2px 6px rgba(0, 0, 0, .34);--panel-shell-radius: var(--radius-panel);--viewport-shell-radius: var(--radius-viewport)}:root{--palette-hex-000: #000;--palette-hex-000000: #000000;--palette-hex-050709: #050709;--palette-hex-080808: #080808;--palette-hex-0a0d10: #0a0d10;--palette-hex-0a0d12: #0a0d12;--palette-hex-0a0e0a: #0a0e0a;--palette-hex-0a1606: #0a1606;--palette-hex-0b0e14: #0b0e14;--palette-hex-0b1018: #0b1018;--palette-hex-0b1208: #0b1208;--palette-hex-0b1410: #0b1410;--palette-hex-0c1a05: #0c1a05;--palette-hex-0d1012: #0d1012;--palette-hex-0d1418: #0d1418;--palette-hex-0e1a09: #0e1a09;--palette-hex-0f0808: #0f0808;--palette-hex-0f1610: #0f1610;--palette-hex-110d06: #110d06;--palette-hex-121513: #121513;--palette-hex-12342d: #12342d;--palette-hex-14171a: #14171a;--palette-hex-180b0b: #180b0b;--palette-hex-181818: #181818;--palette-hex-1a0606: #1a0606;--palette-hex-1a1300: #1a1300;--palette-hex-1a1408: #1a1408;--palette-hex-1d4840: #1d4840;--palette-hex-1e1e1e: #1e1e1e;--palette-hex-1f1f1f: #1f1f1f;--palette-hex-2a2a2a: #2a2a2a;--palette-hex-2c2c2c: #2c2c2c;--palette-hex-2f352f: #2f352f;--palette-hex-43b8ea: #43b8ea;--palette-hex-4a1d1d: #4a1d1d;--palette-hex-4caf1d: #4caf1d;--palette-hex-58c97a: #58c97a;--palette-hex-5b9eff: #5b9eff;--palette-hex-6c7693: #6c7693;--palette-hex-6ee07a: #6ee07a;--palette-hex-6fb6ff: #6fb6ff;--palette-hex-6fcf4a: #6fcf4a;--palette-hex-7fd46a: #7fd46a;--palette-hex-888: #888;--palette-hex-88c995: #88c995;--palette-hex-9aa39a: #9aa39a;--palette-hex-9ed67f: #9ed67f;--palette-hex-a3a3a3: #a3a3a3;--palette-hex-a5b4fc: #a5b4fc;--palette-hex-b54141: #b54141;--palette-hex-b58dff: #b58dff;--palette-hex-b5b5b5: #b5b5b5;--palette-hex-c0c0c0: #c0c0c0;--palette-hex-c8c8c8: #c8c8c8;--palette-hex-cdd6dc: #cdd6dc;--palette-hex-cfe6ff: #cfe6ff;--palette-hex-d4945a: #d4945a;--palette-hex-d8b4fe: #d8b4fe;--palette-hex-d9534f: #d9534f;--palette-hex-dafbe1: #dafbe1;--palette-hex-e0625e: #e0625e;--palette-hex-e0eeff: #e0eeff;--palette-hex-e24b4b: #e24b4b;--palette-hex-e87a7a: #e87a7a;--palette-hex-e8f1de: #e8f1de;--palette-hex-f0a04b: #f0a04b;--palette-hex-f0c35c: #f0c35c;--palette-hex-f0d24b: #f0d24b;--palette-hex-f3d56b: #f3d56b;--palette-hex-f5b942: #f5b942;--palette-hex-f7c96a: #f7c96a;--palette-hex-fda4af: #fda4af;--palette-hex-ff6a6a: #ff6a6a;--palette-hex-ff6b6b: #ff6b6b;--palette-hex-ff7a7a: #ff7a7a;--palette-hex-ff9a9a: #ff9a9a;--palette-hex-ffb4b4: #ffb4b4;--palette-hex-ffce5c: #ffce5c;--palette-hex-ffd0d0: #ffd0d0;--palette-hex-ffd24c: #ffd24c;--palette-hex-ffe1e1: #ffe1e1;--palette-hex-fff: #fff;--palette-hex-fff1c4: #fff1c4;--palette-hex-ffffff: #ffffff;--palette-rgba-0-0-0-0-18: rgba(0, 0, 0, .18);--palette-rgba-0-0-0-0-25: rgba(0, 0, 0, .25);--palette-rgba-0-0-0-0-28: rgba(0, 0, 0, .28);--palette-rgba-0-0-0-0-3: rgba(0, 0, 0, .3);--palette-rgba-0-0-0-0-32: rgba(0, 0, 0, .32);--palette-rgba-0-0-0-0-35: rgba(0, 0, 0, .35);--palette-rgba-0-0-0-0-4: rgba(0, 0, 0, .4);--palette-rgba-0-0-0-0-42: rgba(0, 0, 0, .42);--palette-rgba-0-0-0-0-45: rgba(0, 0, 0, .45);--palette-rgba-0-0-0-0-5: rgba(0, 0, 0, .5);--palette-rgba-0-0-0-0-55: rgba(0, 0, 0, .55);--palette-rgba-0-0-0-0-6: rgba(0, 0, 0, .6);--palette-rgba-0-0-0-0-7: rgba(0, 0, 0, .7);--palette-rgba-0-0-0-0-8: rgba(0, 0, 0, .8);--palette-rgba-120-200-140-0-45: rgba(120, 200, 140, .45);--palette-rgba-136-201-149-0-14: rgba(136, 201, 149, .14);--palette-rgba-18-22-18-0-72: rgba(18, 22, 18, .72);--palette-rgba-20-23-26-0: rgba(20, 23, 26, 0);--palette-rgba-240-160-75-0-14: rgba(240, 160, 75, .14);--palette-rgba-245-185-66-0-55: rgba(245, 185, 66, .55);--palette-rgba-245-248-252-0-78: rgba(245, 248, 252, .78);--palette-rgba-245-248-252-0-92: rgba(245, 248, 252, .92);--palette-rgba-245-248-252-0-95: rgba(245, 248, 252, .95);--palette-rgba-255-107-107-0-16: rgba(255, 107, 107, .16);--palette-rgba-255-255-255-0: rgba(255, 255, 255, 0);--palette-rgba-255-255-255-0-02: rgba(255, 255, 255, .02);--palette-rgba-255-255-255-0-03: rgba(255, 255, 255, .03);--palette-rgba-255-255-255-0-04: rgba(255, 255, 255, .04);--palette-rgba-255-255-255-0-06: rgba(255, 255, 255, .06);--palette-rgba-255-255-255-0-08: rgba(255, 255, 255, .08);--palette-rgba-255-255-255-0-1: rgba(255, 255, 255, .1);--palette-rgba-255-255-255-0-15: rgba(255, 255, 255, .15);--palette-rgba-255-255-255-0-2: rgba(255, 255, 255, .2);--palette-rgba-255-255-255-0-25: rgba(255, 255, 255, .25);--palette-rgba-255-255-255-0-32: rgba(255, 255, 255, .32);--palette-rgba-255-255-255-0-6: rgba(255, 255, 255, .6);--palette-rgba-255-255-255-0-92: rgba(255, 255, 255, .92);--palette-rgba-255-255-255-0-95: rgba(255, 255, 255, .95);--palette-rgba-255-80-80-0-08: rgba(255, 80, 80, .08);--palette-rgba-255-80-80-0-12: rgba(255, 80, 80, .12);--palette-rgba-255-80-80-0-4: rgba(255, 80, 80, .4);--palette-rgba-91-158-255-0-14: rgba(91, 158, 255, .14);--palette-rgba-91-158-255-0-16: rgba(91, 158, 255, .16);--palette-roadmap-overlay-rgb: 20, 23, 26}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-page-bg)}html.viewport-locked,html.viewport-locked body,html.viewport-locked #root{height:100%;overflow:hidden}html.viewport-locked .app-shell{height:100dvh;min-height:0;overflow:hidden}html.viewport-locked .app-main{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column}html.viewport-locked .app-main>.page-workspace,html.viewport-locked .app-main>.play-workspace{flex:1 1 0;min-height:0;height:auto}html.viewport-locked .app-main>.account-settings-page{flex:1 1 0;min-height:0;height:auto;padding-bottom:28px}html.viewport-locked .account-settings-page>.account-settings-shell{flex:1 1 0;min-height:0;height:auto}html.viewport-locked .account-settings-shell{align-items:stretch}html.viewport-locked .account-settings-sidebar{min-height:0;overflow-y:auto}html.viewport-locked .account-settings-pane{min-height:0;overflow-y:auto;padding-bottom:24px}html.viewport-locked .account-settings-pane>.account-settings-pane-header,html.viewport-locked .account-settings-pane .account-settings-pane-header{position:sticky;top:0;z-index:3;background:var(--color-page-bg);padding-top:8px;margin-top:-8px}:root{--scrollbar-size: 10px;--scrollbar-track-bg: var(--palette-rgba-255-255-255-0-03);--scrollbar-thumb-bg: var(--palette-rgba-255-255-255-0-15);--scrollbar-thumb-bg-hover: color-mix(in srgb, var(--color-accent, var(--palette-hex-4caf1d)) 50%, var(--palette-rgba-255-255-255-0-25));--scrollbar-thumb-bg-active: color-mix(in srgb, var(--color-accent, var(--palette-hex-4caf1d)) 70%, var(--palette-rgba-255-255-255-0-2));--scrollbar-thumb-border: 2px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-bg) var(--scrollbar-track-bg)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:999px;border:var(--scrollbar-thumb-border) solid transparent;background-clip:padding-box;transition:background-color .16s ease}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-bg-hover);background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-bg-active);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}a{color:inherit}label.rpsx-check{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}input[type=checkbox].rpsx-check,label.rpsx-check>input[type=checkbox]{position:relative;flex-shrink:0;box-sizing:border-box;width:var(--control-check-size);height:var(--control-check-size);margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:var(--control-check-radius);border:2px solid var(--control-check-border);background:var(--control-check-bg);box-shadow:var(--control-check-shadow);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease}input[type=checkbox].rpsx-check:hover:not(:disabled):not(:checked),label.rpsx-check>input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--control-check-border-hover);background:var(--control-check-bg-hover);box-shadow:var(--control-check-shadow-hover)}input[type=checkbox].rpsx-check:checked,label.rpsx-check>input[type=checkbox]:checked{border-color:var(--control-check-checked-border);background:var(--control-check-checked-bg);box-shadow:var(--control-check-shadow-checked)}input[type=checkbox].rpsx-check:checked:hover:not(:disabled),label.rpsx-check>input[type=checkbox]:checked:hover:not(:disabled){border-color:var(--control-check-checked-border);background:var(--control-check-checked-bg);box-shadow:var(--control-check-shadow-checked)}input[type=checkbox].rpsx-check:checked:after,label.rpsx-check>input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;box-sizing:border-box;width:28%;height:52%;border:2px solid var(--control-check-mark-color);border-top:0;border-left:0;transform:translate(-50%,-50%) rotate(45deg);border-radius:0 0 1px}input[type=checkbox].rpsx-check:focus-visible,label.rpsx-check>input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--control-check-shadow),var(--control-check-focus-ring)}input[type=checkbox].rpsx-check:focus-visible:checked,label.rpsx-check>input[type=checkbox]:focus-visible:checked{box-shadow:var(--control-check-shadow-checked),var(--control-check-focus-ring)}input[type=checkbox].rpsx-check:disabled,label.rpsx-check>input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox].rpsx-check:active:not(:disabled),label.rpsx-check>input[type=checkbox]:active:not(:disabled){transform:scale(.96)}label.admin-ai-toggle>input[type=checkbox].rpsx-check{width:var(--control-check-size);min-width:var(--control-check-size)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:1200;display:flex;align-items:stretch;gap:0;min-height:100px;padding:0 32px 0 0;border-bottom:1px solid var(--shell-sidebar-border);background:var(--shell-sidebar-bg)}.app-brand{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;border-radius:0;background-color:transparent;font-family:var(--font-display);font-size:2.1rem;line-height:1;font-weight:900;letter-spacing:.02em;color:var(--shell-brand-text);text-decoration:none;transition:background-color .22s ease}.app-brand:hover,.app-brand:focus-visible{color:var(--shell-brand-text);background-color:var(--palette-rgba-255-255-255-0-06);outline:none}.app-brand:active{background-color:var(--palette-rgba-255-255-255-0-04)}.app-nav{display:flex;align-self:stretch;align-items:stretch;gap:0}.app-nav-item{position:relative;display:flex;align-items:stretch}.app-nav-link{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:128px;height:100%;padding:0;border-radius:0;border:1px solid transparent;background-color:transparent;text-decoration:none;color:var(--shell-nav-text);font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1;text-transform:uppercase;cursor:pointer;letter-spacing:.01em;transition:color .16s ease,background-color .22s ease}.app-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;opacity:0;background:var(--color-accent);box-shadow:var(--shell-nav-link-indicator-glow);transform:scaleX(.62);transform-origin:center;transition:opacity .12s ease,transform .14s ease}.app-nav-label{display:inline-flex;align-items:center;min-height:21px}.app-nav-link:not(.active):hover,.app-nav-link:not(.active):focus-visible{color:var(--shell-nav-text);background-color:var(--palette-rgba-255-255-255-0-06);outline:none}.app-nav-link:not(.active):active{background-color:var(--palette-rgba-255-255-255-0-04)}.app-nav-link.active{color:var(--shell-nav-text);font-weight:800;background-color:transparent}.app-nav-link.active:after{opacity:1;transform:scaleX(1)}.app-nav-link.active:hover,.app-nav-link.active:focus-visible{background-color:transparent;outline:none}.app-nav-link.active:hover:after,.app-nav-link.active:focus-visible:after{opacity:1;transform:scaleX(1)}.app-nav-link-static{opacity:1}.app-nav-link-static:disabled{color:var(--shell-nav-text);opacity:1}.app-nav-icon-shell{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--color-accent, var(--palette-hex-4caf1d))}.app-nav-dropdown{position:absolute;top:calc(100% + 8px);left:50%;z-index:1220;display:grid;grid-auto-flow:row;grid-auto-rows:minmax(42px,auto);grid-template-columns:minmax(190px,max-content);gap:0;width:max-content;max-width:calc(100vw - 48px);padding:0;border:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);border-radius:var(--radius-sm);background:var(--shell-nav-dropdown-bg);box-shadow:var(--shell-nav-dropdown-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px);transition:opacity .12s ease,transform .12s ease,visibility 0ms linear .12s}.app-nav-dropdown:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.app-nav-item:hover .app-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%);transition:opacity .12s ease,transform .12s ease,visibility 0ms}.app-nav-item:first-child .app-nav-dropdown{left:0;transform:translateY(8px)}.app-nav-item:first-child:hover .app-nav-dropdown{transform:translate(0)}.app-dropdown-link{position:relative;display:flex;align-items:center;gap:11px;min-height:42px;padding:0 14px;border-radius:0;color:var(--shell-nav-text);text-decoration:none;font-family:var(--font-display);font-size:1.05rem;line-height:1;font-weight:800;text-transform:uppercase;white-space:nowrap;transition:background .12s ease,filter .12s ease}.app-dropdown-link:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.app-dropdown-link:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.app-dropdown-link:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.app-dropdown-link:hover,.app-dropdown-link:focus-visible{outline:none;background:var(--shell-dropdown-link-hover-bg);filter:brightness(1.12)}.app-dropdown-link:active{background:var(--shell-dropdown-link-active-bg);filter:brightness(.96)}.app-dropdown-link-icon{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-accent, var(--palette-hex-4caf1d))}.app-dropdown-link-icon>svg{width:100%;height:100%}.app-nav-icon-shell>svg{width:100%;height:100%}.app-dropdown-link-icon-bolt:before{content:"⚡";color:var(--shell-dropdown-icon-bolt);font-size:1.2rem;line-height:1}.app-dropdown-link-icon-spark:before{content:"✶";color:var(--shell-dropdown-icon-spark);font-size:1.38rem;line-height:1;text-shadow:0 0 8px color-mix(in srgb,var(--shell-dropdown-icon-spark) 42%,transparent)}.app-dropdown-link-icon-loop:before{content:"⌘";color:var(--shell-dropdown-icon-loop);font-size:1.18rem;line-height:1}.app-dropdown-link-icon-chain:before{content:"∞";color:var(--shell-dropdown-icon-chain);font-size:1.45rem;line-height:1}.app-header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.app-header-icon-actions{display:flex;align-items:center;gap:18px}.app-header-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--shell-profile-text);text-decoration:none;transition:color .12s ease}.app-header-icon:hover,.app-header-icon:focus-visible{color:var(--color-accent, var(--palette-hex-4caf1d))}.app-header-icon-svg{display:block;flex-shrink:0}.app-header-icon-svg-friends{width:22px;height:23px}.app-profile{display:flex;align-items:center;gap:7px;font-size:.875rem;line-height:1;font-weight:700;text-transform:uppercase;color:var(--shell-profile-text);text-decoration:none}.app-profile:hover .app-profile-name,.app-profile:focus-visible .app-profile-name{color:var(--color-accent, var(--palette-hex-4caf1d))}.app-profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:999px;background:var(--shell-profile-avatar-bg);color:var(--shell-profile-avatar-text);font-size:.72rem;font-weight:800}.app-profile-name{display:inline-flex;align-items:center;min-height:14px}.app-header-icon-asset{display:block;max-width:none;object-fit:contain}.app-header-icon-mask{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.app-header-icon-asset-settings{width:23px;height:23px}.app-header-icon-asset-notifications{width:22px;height:23px}button.app-header-icon{border:0;padding:0;margin:0;background:transparent;cursor:pointer;font:inherit;text-decoration:none}.app-header-icon-active{border-radius:8px;outline:2px solid color-mix(in srgb,var(--shell-nav-text) 35%,transparent);outline-offset:2px}.app-header-icon-notifications-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.app-header-icon-badge{position:absolute;top:-6px;right:-9px;min-width:1.05rem;padding:2px 5px;border-radius:999px;background:color-mix(in srgb,var(--state-danger-bg) 90%,var(--shell-nav-text));color:var(--state-danger-text);font-size:.62rem;font-weight:900;line-height:1;text-align:center}.app-dropdown-link-button{width:100%;border:0;margin:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.header-shell-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;background:color-mix(in srgb,var(--color-page-bg) 55%,transparent)}.header-shell-popover{position:fixed;z-index:4001;max-height:min(74vh,680px);display:flex;flex-direction:column;border-radius:var(--radius-sm);border:1px solid var(--surface-section-border);background:var(--surface-section-bg);box-shadow:var(--shadow-soft);color:var(--color-text-primary);overflow:hidden}.header-shell-popover-scroll{flex:1 1 auto;min-height:0;overflow:auto;max-height:min(56vh,480px)}.header-shell-popover-scroll--notifications{max-height:min(48vh,400px)}.header-shell-popover-scroll--friends{padding:0 12px 12px}.header-shell-popover-friends-chrome{flex-shrink:0;padding:10px 12px 8px;border-bottom:1px solid var(--surface-section-border);display:flex;align-items:center;justify-content:space-between;gap:10px}.header-shell-popover-footer{flex-shrink:0;padding:10px 12px 12px;border-top:1px solid var(--surface-section-border);background:color-mix(in srgb,var(--surface-section-bg) 92%,var(--color-page-bg))}.hover-dropdown{position:relative;display:inline-flex}.hover-dropdown-trigger{display:inline-flex}.hover-dropdown-panel{position:absolute;top:calc(100% + 6px);z-index:4200;min-width:180px;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:12px;border:1px solid var(--surface-section-border);background:var(--surface-section-bg);box-shadow:var(--shadow-soft);animation:hover-dropdown-pop .14s ease-out}.hover-dropdown-panel:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.hover-dropdown-panel--start{left:0}.hover-dropdown-panel--end{right:0}.hover-dropdown-panel--center{left:50%;transform:translate(-50%)}@keyframes hover-dropdown-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hover-dropdown-panel--center{animation-name:hover-dropdown-pop-center}@keyframes hover-dropdown-pop-center{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.hover-dropdown-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--color-text);font:inherit;font-size:.88rem;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .12s ease,color .12s ease}.hover-dropdown-item:hover:not(:disabled),.hover-dropdown-item:focus-visible:not(:disabled){background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-text);outline:none}.hover-dropdown-item:disabled{opacity:var(--control-disabled-opacity, .5);cursor:default}.hover-dropdown-item--danger{color:var(--color-danger, var(--palette-hex-e0625e))}.hover-dropdown-item--danger:hover:not(:disabled),.hover-dropdown-item--danger:focus-visible:not(:disabled){background:color-mix(in srgb,var(--color-danger, var(--palette-hex-e0625e)) 18%,transparent);color:var(--palette-hex-fff)}.app-profile-menu{min-width:200px}.header-shell-popover-footer--divided{display:flex;align-items:center;justify-content:flex-start}.header-shell-notifications-chrome{flex-shrink:0;padding:10px 12px 8px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 12%,transparent)}.header-shell-notifications-kicker{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.header-shell-notifications-body{padding:8px 12px 12px;display:flex;flex-direction:column;gap:12px}.header-shell-notifications-empty{text-align:center;padding:16px 8px 8px}.header-shell-notifications-empty-title{margin:0;font-size:1.05rem;font-weight:800}.header-shell-notifications-empty-body{margin:8px 0 0;font-size:.88rem;color:var(--color-text-muted);line-height:1.4}.header-shell-notifications-list{display:flex;flex-direction:column;gap:8px}.header-shell-notifications-feed{display:flex;flex-direction:column;gap:10px}.header-shell-notifications-bucket{display:flex;flex-direction:column;gap:8px}.header-shell-notifications-divider{display:flex;align-items:center;gap:10px;margin:2px 0 6px;flex-shrink:0}.header-shell-notifications-divider--live-heading{margin:0 0 4px}.header-shell-notifications-divider-line{flex:1;min-width:12px;height:1px;background:var(--surface-section-border)}.header-shell-notifications-divider-label{flex-shrink:0;margin:0;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);opacity:.9}.header-shell-notifications-divider-label-rich{display:inline-flex;align-items:center;gap:.35em}.header-shell-notifications-divider-label-dot{opacity:.55;font-weight:800}.header-shell-social-notification{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--surface-section-border) 82%,transparent);background:color-mix(in srgb,var(--color-page-bg) 30%,var(--surface-section-bg));color:inherit;text-decoration:none}.header-shell-social-notification:hover{border-color:var(--surface-hub-card-hover-border)}.header-shell-social-notification span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.header-shell-social-notification strong,.header-shell-social-notification small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-shell-social-notification small{color:var(--color-text-muted);font-size:.76rem}.header-shell-notification-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:9px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--surface-section-border) 82%,transparent);background:color-mix(in srgb,var(--color-page-bg) 30%,var(--surface-section-bg));color:inherit}.header-shell-notification-row-text{display:flex;min-width:0;flex-direction:column;gap:2px}.header-shell-notification-row-text strong,.header-shell-notification-row-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-shell-notification-row-text small{color:var(--color-text-muted);font-size:.76rem}.header-shell-notification-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.header-shell-notification-btn{border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--surface-section-border) 70%,transparent);background:color-mix(in srgb,var(--color-page-bg) 40%,var(--surface-section-bg));color:var(--color-text-primary);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;cursor:pointer}.header-shell-notification-btn:hover{border-color:var(--surface-hub-card-hover-border)}.header-shell-notification-btn-primary{border-color:color-mix(in srgb,var(--state-success-border) 55%,var(--surface-section-border));background:color-mix(in srgb,var(--state-success-border) 18%,var(--color-page-bg))}.header-shell-notification-status{font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-transform:capitalize}.header-shell-notifications-outgoing{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--surface-section-border) 80%,transparent)}.header-shell-notifications-settings-link{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;text-decoration:none;color:var(--color-text-muted)}.header-shell-notifications-settings-link:hover{color:var(--color-text-primary)}.header-shell-notifications-settings-icon{font-size:1rem;line-height:1}.friend-follow-request-row{display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;border:1px solid color-mix(in srgb,var(--surface-section-border) 85%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-page-bg) 35%,var(--surface-section-bg))}.friend-follow-request-main{display:flex;align-items:center;gap:10px}.friend-follow-request-actions{display:flex;flex-wrap:wrap;gap:6px}.friend-follow-request-list{display:flex;flex-direction:column;gap:8px}.friend-social-surface--page .friend-panel-title{font-size:1.25rem}.app-main{flex:1;padding:22px 26px;min-height:calc(100vh - 100px);background:var(--color-page-bg)}.app-route-skeleton{height:calc(100vh - 144px);width:min(100%,1548px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:28px}.app-route-skeleton-main,.app-route-skeleton-side{border-radius:var(--radius-panel, 18px);min-height:0}.app-skeleton-shimmer{background:linear-gradient(90deg,var(--palette-hex-1e1e1e) 0%,var(--palette-hex-2c2c2c) 50%,var(--palette-hex-1e1e1e) 100%);background-size:200% 100%;animation:app-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes app-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.app-skeleton-shimmer{animation:none}}@media (max-width: 900px){.app-route-skeleton{height:auto;min-height:calc(100vh - 144px);grid-template-columns:1fr}.app-route-skeleton-side{display:none}}.page-workspace{--workspace-panel-gap: 28px;height:calc(100vh - 144px);width:min(100%,calc(1040px + 480px + var(--workspace-panel-gap)));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 480px;align-items:stretch;gap:var(--workspace-panel-gap)}.page-workspace.page-workspace-boardwide{--workspace-panel-gap: 10px;height:calc(100vh - 44px);width:min(100%,1740px);padding:24px 0;grid-template-columns:minmax(0,1fr) 531px;box-sizing:border-box}.page-workspace.page-workspace-boardwide .board-shell-app{max-width:none}.page-workspace.page-workspace-boardwide .board-settings-overlay{top:6px;right:6px}.mobile-nav{display:none}@media (max-width: 1150px){.app-header{gap:24px;padding-inline:24px}.app-nav{gap:4px}.app-nav-link{min-width:104px}.app-nav-dropdown{max-width:calc(100vw - 32px)}.page-workspace{height:auto;grid-template-columns:1fr;--workspace-panel-gap: 12px;gap:var(--space-3)}}@media (max-width: 900px){.app-header{display:none}.app-main{min-height:100vh;padding:14px 12px 84px}.mobile-nav{position:fixed;left:10px;right:10px;bottom:12px;z-index:1200;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;border-radius:var(--radius-shell-float);border:1px solid var(--shell-mobile-nav-border);background:var(--shell-mobile-nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mobile-nav-link{text-decoration:none;text-align:center;padding:10px 8px;border-radius:var(--radius-md);border:1px solid transparent;color:var(--shell-mobile-nav-link-text);font-family:var(--font-display);font-size:.86rem;font-weight:800;letter-spacing:.02em}.mobile-nav-link.active{border-color:var(--shell-mobile-nav-link-active-border);color:var(--shell-mobile-nav-link-active-text);background:var(--shell-mobile-nav-link-active-bg)}}.app-header-banner-slot{position:sticky;top:100px;z-index:1100;display:block;transition:opacity .22s ease,transform .24s ease}.app-header-banner-slot--enter{opacity:0;transform:translateY(-100%)}.app-header-banner-slot--exit{opacity:0;transform:translateY(-30%);pointer-events:none}@media (max-width: 900px){.app-header-banner-slot{top:0}}.app-header-banner{position:relative;display:block;width:100%;border:0;border-top:1px solid var(--app-header-banner-border, color-mix(in srgb, var(--shell-nav-text) 14%, transparent));border-bottom:1px solid var(--app-header-banner-border, color-mix(in srgb, var(--shell-nav-text) 14%, transparent));background:var( --app-header-banner-bg, linear-gradient( 180deg, color-mix(in srgb, var(--shell-sidebar-bg) 70%, var(--palette-hex-000)) 0%, color-mix(in srgb, var(--shell-sidebar-bg) 92%, var(--palette-hex-000)) 100% ) );color:var(--app-header-banner-text, var(--palette-hex-ffffff));font-family:var(--font-display);box-shadow:inset 0 1px color-mix(in srgb,var(--palette-hex-ffffff) 12%,transparent),inset 0 -1px color-mix(in srgb,var(--palette-hex-000000) 30%,transparent),0 14px 28px -20px var(--palette-rgba-0-0-0-0-55);overflow:hidden;isolation:isolate}.app-header-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--app-header-banner-glare, none);opacity:.95;z-index:0}.app-header-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:var( --app-header-banner-shimmer-image, linear-gradient( 95deg, transparent 0%, transparent 35%, var(--app-header-banner-shimmer, transparent) 50%, transparent 65%, transparent 100% ) );background-size:220% 100%;background-repeat:no-repeat;background-position:-110% 0;opacity:var(--app-header-banner-shimmer-opacity, 0);animation:var(--app-header-banner-shimmer-animation, none);mix-blend-mode:screen;will-change:background-position}@keyframes app-header-banner-shimmer{0%{background-position:-110% 0}to{background-position:210% 0}}@media (prefers-reduced-motion: reduce){.app-header-banner:after{animation:none}}.app-header-banner-inner{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px clamp(20px,3vw,36px);margin:0 auto;max-width:1440px}.app-header-banner-spacer{flex:1 1 auto;min-width:12px;align-self:stretch}.app-header-banner-leading{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--app-header-banner-icon, currentColor)}.app-header-banner-icon{width:20px;height:20px}.app-header-banner-pulse{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.app-header-banner-pulse-dot{position:relative;z-index:1;width:8px;height:8px;border-radius:999px;background:var(--app-header-banner-icon, currentColor);box-shadow:0 0 8px var(--app-header-banner-icon, currentColor)}.app-header-banner-pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:2px solid var(--app-header-banner-icon, currentColor);opacity:.6;animation:app-header-banner-pulse 1.6s ease-out infinite}@keyframes app-header-banner-pulse{0%{transform:scale(.55);opacity:.85}70%{transform:scale(1.55);opacity:0}to{transform:scale(1.55);opacity:0}}@media (prefers-reduced-motion: reduce){.app-header-banner-pulse-ring{animation:none;opacity:.45}}.app-header-banner-content{flex:0 1 auto;min-width:0;display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-banner-title{flex:0 0 auto;font-weight:800;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;color:var(--app-header-banner-title, currentColor)}.app-header-banner-message{flex:0 1 auto;min-width:0;font-weight:500;font-size:.92rem;letter-spacing:.01em;color:var(--app-header-banner-message, color-mix(in srgb, currentColor 84%, transparent));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-banner-detail{flex:0 0 auto;padding:2px 8px;border-radius:999px;font-variant-numeric:tabular-nums;font-weight:700;font-size:.82rem;letter-spacing:.04em;background:var(--app-header-banner-detail-bg, color-mix(in srgb, currentColor 14%, transparent));color:var(--app-header-banner-detail, currentColor)}.app-header-banner-timer{flex:0 0 auto;display:inline-block;height:26px;border-radius:999px;background:var(--app-header-banner-detail-bg, color-mix(in srgb, currentColor 14%, transparent));color:var(--app-header-banner-detail, currentColor);cursor:default;overflow:hidden;transition:background-color .16s ease,box-shadow .2s ease;will-change:width}.app-header-banner-timer-inner{display:inline-flex;align-items:center;gap:8px;height:100%;padding:0 12px;width:max-content;font-variant-numeric:tabular-nums;box-sizing:border-box}.app-header-banner-timer[data-expanded=true]{background:color-mix(in srgb,var(--app-header-banner-detail-bg, var(--palette-rgba-0-0-0-0-32)) 92%,var(--palette-hex-000));box-shadow:0 4px 14px -8px var(--palette-rgba-0-0-0-0-6);cursor:pointer}.app-header-banner-timer[role=button]{cursor:pointer}.app-header-banner-timer:focus-visible{outline:2px solid color-mix(in srgb,currentColor 55%,transparent);outline-offset:2px}.app-header-banner-timer-info{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:color-mix(in srgb,currentColor 78%,transparent);flex:0 0 auto}.app-header-banner-timer-info-svg{width:12px;height:12px}.app-header-banner-timer-value{flex:0 0 auto;font-weight:700;font-size:.82rem;letter-spacing:.04em;color:var(--app-header-banner-detail, currentColor)}.app-header-banner-timer-divider{flex:0 0 auto;width:1px;height:14px;background:color-mix(in srgb,currentColor 28%,transparent);opacity:0;transition:opacity .22s ease}.app-header-banner-timer-stat{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;opacity:0;transition:opacity .22s ease}.app-header-banner-timer[data-expanded=true] .app-header-banner-timer-divider,.app-header-banner-timer[data-expanded=true] .app-header-banner-timer-stat{opacity:1}.app-header-banner-timer-stat-value{font-weight:800;font-size:.84rem;letter-spacing:.02em;color:var(--app-header-banner-detail, currentColor)}.app-header-banner-timer-stat-label{font-weight:600;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,currentColor 68%,transparent)}@media (max-width: 720px){.app-header-banner-timer-stat-label{display:none}}.app-header-banner-trailing{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.app-header-banner-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid transparent;font-family:inherit;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.app-header-banner-action--primary{background:var(--app-header-banner-action-bg, currentColor);color:var(--app-header-banner-action-text, var(--shell-sidebar-bg, var(--palette-hex-0b0e14)))}.app-header-banner-action--primary:hover{transform:translateY(-1px)}.app-header-banner-action--ghost{background:var(--app-header-banner-action-ghost-bg, var(--palette-rgba-0-0-0-0-18));color:var(--app-header-banner-action-ghost-text, var(--palette-hex-ffffff));border-color:var( --app-header-banner-action-ghost-border, color-mix(in srgb, var(--palette-hex-ffffff) 55%, transparent) );backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.app-header-banner-action--ghost:hover{background:var(--app-header-banner-action-ghost-bg-hover, var(--palette-rgba-0-0-0-0-32));border-color:var( --app-header-banner-action-ghost-border-hover, color-mix(in srgb, var(--palette-hex-ffffff) 80%, transparent) )}.app-header-banner-action--danger{background:color-mix(in srgb,var(--state-danger-bg, var(--palette-hex-b54141)) 88%,var(--palette-hex-000));color:var(--palette-hex-fff)}.app-header-banner-action:focus-visible{outline:2px solid color-mix(in srgb,currentColor 50%,transparent);outline-offset:2px}.app-header-banner-dismiss{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:none;background:transparent;color:color-mix(in srgb,currentColor 70%,transparent);cursor:pointer;transition:background .12s ease,color .12s ease}.app-header-banner-dismiss:hover{background:color-mix(in srgb,currentColor 12%,transparent);color:currentColor}.app-header-banner-dismiss:focus-visible{outline:2px solid color-mix(in srgb,currentColor 50%,transparent);outline-offset:1px}.app-header-banner--info{--app-header-banner-icon: var(--palette-hex-6fb6ff);--app-header-banner-title: var(--palette-hex-e0eeff);--app-header-banner-border: color-mix(in srgb, var(--palette-hex-6fb6ff) 35%, transparent);--app-header-banner-bg: linear-gradient( 180deg, color-mix(in srgb, var(--palette-hex-6fb6ff) 10%, var(--palette-hex-0b1018)) 0%, color-mix(in srgb, var(--palette-hex-6fb6ff) 4%, var(--palette-hex-0a0d12)) 100% );--app-header-banner-glare: radial-gradient( ellipse 60% 140% at 0% 50%, color-mix(in srgb, var(--palette-hex-6fb6ff) 28%, transparent) 0%, transparent 70% )}.app-header-banner--neutral{--app-header-banner-icon: color-mix(in srgb, var(--shell-nav-text) 70%, transparent);--app-header-banner-glare: linear-gradient( 90deg, color-mix(in srgb, var(--shell-nav-text) 6%, transparent), transparent 60% )}.app-header-banner--success{--app-header-banner-icon: var(--palette-hex-6ee07a);--app-header-banner-title: var(--palette-hex-dafbe1);--app-header-banner-border: color-mix(in srgb, var(--palette-hex-6ee07a) 38%, transparent);--app-header-banner-bg: linear-gradient( 180deg, color-mix(in srgb, var(--palette-hex-6ee07a) 12%, var(--palette-hex-0b1410)) 0%, color-mix(in srgb, var(--palette-hex-6ee07a) 4%, var(--palette-hex-0a0e0a)) 100% );--app-header-banner-glare: radial-gradient( ellipse 60% 140% at 0% 50%, color-mix(in srgb, var(--palette-hex-6ee07a) 30%, transparent) 0%, transparent 70% )}.app-header-banner--warning{--app-header-banner-icon: var(--palette-hex-ffce5c);--app-header-banner-title: var(--palette-hex-fff1c4);--app-header-banner-border: color-mix(in srgb, var(--palette-hex-ffce5c) 42%, transparent);--app-header-banner-bg: linear-gradient( 180deg, color-mix(in srgb, var(--palette-hex-ffce5c) 12%, var(--palette-hex-1a1408)) 0%, color-mix(in srgb, var(--palette-hex-ffce5c) 4%, var(--palette-hex-110d06)) 100% );--app-header-banner-glare: radial-gradient( ellipse 60% 140% at 0% 50%, color-mix(in srgb, var(--palette-hex-ffce5c) 28%, transparent) 0%, transparent 70% );--app-header-banner-shimmer: color-mix(in srgb, var(--palette-hex-ffce5c) 18%, transparent);--app-header-banner-shimmer-opacity: .6;--app-header-banner-shimmer-animation: app-header-banner-shimmer 5s linear infinite}.app-header-banner--danger{--app-header-banner-icon: var(--palette-hex-ff7a7a);--app-header-banner-title: var(--palette-hex-ffe1e1);--app-header-banner-border: color-mix(in srgb, var(--palette-hex-ff7a7a) 50%, transparent);--app-header-banner-bg: linear-gradient( 180deg, color-mix(in srgb, var(--palette-hex-ff7a7a) 14%, var(--palette-hex-180b0b)) 0%, color-mix(in srgb, var(--palette-hex-ff7a7a) 5%, var(--palette-hex-0f0808)) 100% );--app-header-banner-glare: radial-gradient( ellipse 60% 140% at 0% 50%, color-mix(in srgb, var(--palette-hex-ff7a7a) 34%, transparent) 0%, transparent 70% );--app-header-banner-shimmer: color-mix(in srgb, var(--palette-hex-ff7a7a) 22%, transparent);--app-header-banner-shimmer-opacity: .7;--app-header-banner-shimmer-animation: app-header-banner-shimmer 4s linear infinite}.admin-announcements-route{max-width:920px;margin:24px auto;padding:0 16px 80px;color:var(--shell-nav-text);font-family:var(--font-display)}.admin-announcements-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.admin-announcements-head h1{font-size:1.6rem;margin:0}.admin-announcements-form,.admin-announcements-list,.admin-announcements-inventory{margin-top:22px;padding:18px 20px;border:1px solid var(--shell-sidebar-border);border-radius:12px;background:color-mix(in srgb,var(--shell-sidebar-bg) 80%,var(--palette-hex-000))}.admin-announcements-form form{display:flex;flex-direction:column;gap:10px}.admin-announcements-form label,.admin-announcements-link label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.admin-announcements-form input,.admin-announcements-form textarea,.admin-announcements-form select{padding:6px 10px;border-radius:6px;border:1px solid var(--shell-sidebar-border);background:var(--shell-sidebar-bg);color:inherit;font-family:inherit;font-size:.95rem;text-transform:none;letter-spacing:normal;font-weight:500}.admin-announcements-schedule{display:flex;flex-direction:column;gap:8px}.admin-announcements-schedule-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.admin-announcements-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.admin-announcements-link{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:10px 12px;border:1px dashed var(--shell-sidebar-border);border-radius:8px}.admin-announcements-checkbox{flex-direction:row!important;align-items:center;gap:8px}.admin-announcements-actions{display:flex;gap:8px}.admin-announcements-actions button,.admin-announcements-card button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--shell-sidebar-border);background:transparent;color:inherit;font-family:inherit;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:999px;cursor:pointer}.admin-announcements-actions button[type=submit]{background:var(--color-accent, var(--palette-hex-4caf1d));color:var(--palette-hex-0b0e14);border-color:transparent}.admin-announcements-error{color:var(--palette-hex-ff9a9a);font-size:.9rem}.admin-announcements-card{margin-top:14px;padding:12px 14px;border-radius:10px;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 92%,var(--palette-hex-000))}.admin-announcements-card header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.admin-announcements-card footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.admin-announcements-meta{font-size:.78rem;letter-spacing:.03em;opacity:.7}.app-header-banner--matchmaking{--app-header-banner-bg: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent, var(--palette-hex-4caf1d)) 92%, var(--palette-hex-ffffff)) 0%, var(--color-accent, var(--palette-hex-4caf1d)) 45%, color-mix(in srgb, var(--color-accent, var(--palette-hex-4caf1d)) 78%, var(--palette-hex-000000)) 100% );--app-header-banner-text: var(--palette-hex-ffffff);--app-header-banner-icon: var(--palette-hex-ffffff);--app-header-banner-title: var(--palette-hex-ffffff);--app-header-banner-message: var(--palette-rgba-255-255-255-0-95);--app-header-banner-border: color-mix(in srgb, var(--color-accent, var(--palette-hex-4caf1d)) 75%, var(--palette-hex-000000));--app-header-banner-glare: radial-gradient( ellipse 50% 160% at 0% 50%, color-mix(in srgb, var(--palette-hex-ffffff) 22%, transparent) 0%, transparent 60% ), radial-gradient( ellipse 50% 160% at 100% 50%, color-mix(in srgb, var(--palette-hex-000000) 18%, transparent) 0%, transparent 70% );--app-header-banner-shimmer: color-mix(in srgb, var(--palette-hex-ffffff) 28%, transparent);--app-header-banner-shimmer-opacity: .42;--app-header-banner-shimmer-animation: app-header-banner-shimmer 5.5s ease-in-out infinite;--app-header-banner-detail-bg: var(--palette-rgba-0-0-0-0-32);--app-header-banner-detail: var(--palette-hex-ffffff);--app-header-banner-action-bg: var(--palette-hex-ffffff);--app-header-banner-action-text: var(--palette-hex-0b1208);--app-header-banner-action-ghost-bg: var(--palette-rgba-0-0-0-0-28);--app-header-banner-action-ghost-bg-hover: var(--palette-rgba-0-0-0-0-45);--app-header-banner-action-ghost-text: var(--palette-hex-ffffff);--app-header-banner-action-ghost-border: var(--palette-rgba-255-255-255-0-6);--app-header-banner-action-ghost-border-hover: var(--palette-hex-ffffff)}.landing-page{width:min(100%,1238px);margin:0 auto;display:grid;gap:158px;padding:86px 0 120px}.landing-hero,.landing-feature-band,.landing-ranked-band{display:grid;align-items:start;justify-content:space-between;gap:40px}.landing-hero{grid-template-columns:354px 551px}.landing-feature-band{grid-template-columns:592px 551px}.landing-ranked-band{grid-template-columns:515px 551px;align-items:center}.landing-hero-copy,.landing-feature-copy,.landing-ranked-copy{display:grid;align-content:start;gap:16px}.landing-hero-copy{padding-top:38px;gap:22px}.landing-page h1,.landing-page h2{margin:0;font-family:var(--font-display);font-size:2.5rem;line-height:.98;color:var(--color-text-primary)}.landing-hero-copy h1{display:grid;gap:2px}.landing-page p{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:700;line-height:1.25}.landing-hero-copy p:first-of-type,.landing-feature-copy p,.landing-ranked-copy p{max-width:515px}.landing-hero-visual{position:relative;width:551px;height:433px;border-radius:var(--radius-sm);overflow:hidden;justify-self:end}.landing-hero-visual .landing-replay-column{height:100%;grid-template-rows:minmax(0,1fr);gap:0}.landing-hero-visual .board-shell-frame{height:100%}.landing-hero-visual .landing-board-shell{width:100%;height:100%;min-height:0;margin-left:0}.landing-action-button{display:inline-flex;align-items:center;justify-content:center;width:354px;min-height:53px;border-radius:var(--radius-sm);background:var(--control-cta-bg);color:var(--control-text);font-family:var(--font-display);font-size:1.5rem;font-weight:900;line-height:1;text-decoration:none}.landing-action-button:hover{background:var(--control-cta-bg-hover)}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,184px);gap:20px}.landing-feature-card{position:relative;width:184px;height:184px;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-card-bg)}.landing-feature-card-bg{display:block;width:100%;height:100%;object-fit:cover}.landing-feature-copy{padding-top:20px}.landing-ranked-visual{position:relative;width:551px;height:512px;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-card-bg)}.landing-cta-band{display:grid;justify-items:center;align-content:start;gap:23px;min-height:209px;padding:33px 24px 40px;border-radius:var(--radius-sm);background:var(--surface-card-bg)}.landing-action-button-bottom{margin-top:1px}.landing-replay-column{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0}.landing-board-shell{width:min(100%,1040px);height:100%;min-height:360px;margin-left:auto}.landing-replay-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.landing-replay-error{display:grid;gap:8px;align-content:center;min-height:320px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--state-danger-border);background:var(--state-danger-bg);color:var(--state-danger-text)}.landing-replay-error p{margin:0}@media (max-width: 1150px){.landing-page{gap:96px;padding:64px 0 96px}.landing-hero,.landing-feature-band,.landing-ranked-band{grid-template-columns:1fr;justify-content:start}.landing-hero-copy,.landing-feature-copy,.landing-ranked-copy{padding-top:0}.landing-hero-visual,.landing-ranked-visual{justify-self:start}.landing-board-shell{width:min(100%,980px);height:min(72vh,760px);margin-left:0}.landing-replay-actions{justify-content:flex-start}}@media (max-width: 900px){.landing-page{gap:72px;padding:40px 0 96px}.landing-page h1,.landing-page h2{font-size:2rem}.landing-action-button{width:min(100%,354px)}.landing-hero-visual,.landing-ranked-visual,.landing-feature-copy,.landing-ranked-copy{width:100%}.landing-hero-visual{height:auto;aspect-ratio:551 / 433}.landing-ranked-visual{height:auto;aspect-ratio:551 / 512}.landing-ranked-image{left:12.7%;top:3.7%;width:76.04%;height:92.58%}.landing-feature-grid{grid-template-columns:repeat(2,184px);justify-content:center}.landing-cta-band{min-height:0;padding:28px 18px 32px}.landing-board-shell{width:min(100%,760px);height:min(62vh,560px);min-height:300px}}.overview-page{width:min(100%,1238px);margin:0 auto;display:grid;gap:28px;padding:40px 24px 80px;color:var(--color-text-primary)}.overview-profile-strip{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;width:fit-content}.overview-profile-strip:hover .overview-profile-strip-name{color:var(--color-accent, var(--palette-hex-4caf1d))}.overview-profile-strip-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-bg-3, var(--palette-hex-2a2a2a));display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.overview-profile-strip-avatar-img{width:100%;height:100%;object-fit:cover}.overview-profile-strip-avatar-fallback{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.overview-profile-strip-name{font-weight:600;font-size:1rem;letter-spacing:.01em}.overview-hero-grid{display:grid;grid-template-columns:minmax(220px,260px) repeat(3,minmax(0,1fr));gap:16px}.overview-action-column{display:grid;grid-template-rows:repeat(4,1fr);gap:12px}.overview-action-tile{display:flex;align-items:center;gap:14px;min-height:62px;padding:12px 16px;border-radius:var(--radius-md, 12px);border:1px solid var(--color-border);background:var(--color-bg-2, var(--palette-hex-1f1f1f));color:var(--color-text-primary);text-decoration:none;font-weight:700;font-size:.95rem;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.overview-action-tile:hover{border-color:var(--color-accent, var(--palette-hex-4caf1d));background:color-mix(in srgb,var(--color-bg-3, var(--palette-hex-2a2a2a)) 88%,var(--color-accent, var(--palette-hex-4caf1d)) 12%);transform:translateY(-1px)}.overview-action-tile--accent{background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 11%,transparent),transparent 58%),var(--color-bg-2, var(--palette-hex-1f1f1f))}.overview-action-tile-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-accent, var(--palette-hex-4caf1d));flex-shrink:0}.overview-action-tile-icon svg{width:28px;height:28px;display:block}.overview-action-tile-copy{display:grid;gap:3px;min-width:0}.overview-action-tile-label{font-family:var(--font-display);letter-spacing:.01em}.overview-action-tile-description{color:var(--color-text-muted, var(--palette-hex-b5b5b5));font-size:.74rem;font-weight:700;line-height:1.2}.overview-feature-card{display:grid;grid-template-rows:1fr auto;border-radius:var(--radius-md, 12px);border:1px solid var(--color-border);background:var(--color-bg-2, var(--palette-hex-1f1f1f));color:var(--color-text-primary);text-decoration:none;overflow:hidden;transition:transform .12s ease,border-color .12s ease;min-height:220px}.overview-feature-card:hover{border-color:var(--color-accent, var(--palette-hex-4caf1d));transform:translateY(-1px)}.overview-feature-card-visual{width:100%;height:100%;background:var(--color-bg-3, var(--palette-hex-2a2a2a));display:flex;align-items:center;justify-content:center}.overview-feature-card-body{display:flex;gap:12px;align-items:flex-start;padding:14px 16px 18px;border-top:1px solid var(--color-border)}.overview-feature-card:not(:has(.overview-feature-card-visual)){grid-template-rows:1fr}.overview-feature-card:not(:has(.overview-feature-card-visual)) .overview-feature-card-body{align-items:center;border-top:0;padding:22px 20px}.overview-feature-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-accent, var(--palette-hex-4caf1d));flex-shrink:0}.overview-feature-card-icon svg{width:36px;height:36px;display:block}.overview-feature-card-text{display:grid;gap:4px;min-width:0}.overview-feature-card-kicker{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,var(--color-text-muted, var(--palette-hex-c8c8c8)) 30%)}.overview-feature-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.overview-feature-card-body-text{font-size:.85rem;color:var(--color-text-muted, var(--palette-hex-b5b5b5));line-height:1.3}.overview-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.overview-main-column{display:grid;gap:20px;min-width:0}.overview-side-column{display:grid;gap:16px;position:sticky;top:24px}.overview-side-card{display:block;border-radius:var(--radius-md, 12px);border:1px solid var(--color-border);background:var(--color-bg-2, var(--palette-hex-1f1f1f));color:var(--color-text-primary);text-decoration:none;overflow:hidden}.overview-side-card--link{transition:border-color .12s ease}.overview-side-card--link:hover{border-color:var(--color-accent, var(--palette-hex-4caf1d))}.overview-side-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-3, var(--palette-hex-2a2a2a)) 60%,transparent)}.overview-side-card-title{font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:.01em}.overview-side-card-chevron{color:var(--color-text-muted, var(--palette-hex-b5b5b5));font-size:1.1rem;line-height:1}.overview-side-card-body{padding:14px 16px;display:grid;gap:10px}.rank-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;isolation:isolate}.rank-badge svg{display:block}.rank-badge:before{content:"";position:absolute;top:-14%;left:-14%;right:-14%;bottom:-14%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--rank-badge-accent, var(--palette-hex-4caf1d)) 60%,transparent) 50deg,transparent 110deg,color-mix(in srgb,var(--rank-badge-accent, var(--palette-hex-4caf1d)) 18%,transparent) 180deg,transparent 230deg,color-mix(in srgb,var(--rank-badge-accent, var(--palette-hex-4caf1d)) 45%,transparent) 290deg,transparent 360deg);filter:blur(7px);-webkit-mask:radial-gradient(circle,transparent 38%,var(--palette-hex-000) 56%,var(--palette-hex-000) 100%);mask:radial-gradient(circle,transparent 38%,var(--palette-hex-000) 56%,var(--palette-hex-000) 100%);z-index:-1;pointer-events:none;animation:rank-badge-sweep 14s linear infinite}.rank-badge:after{content:"";position:absolute;top:-8%;left:-8%;right:-8%;bottom:-8%;border-radius:50%;background:conic-gradient(from 180deg,transparent 0deg,color-mix(in srgb,var(--rank-badge-accent, var(--palette-hex-4caf1d)) 35%,transparent) 80deg,transparent 160deg,transparent 360deg);filter:blur(4px);-webkit-mask:radial-gradient(circle,transparent 46%,var(--palette-hex-000) 58%,var(--palette-hex-000) 100%);mask:radial-gradient(circle,transparent 46%,var(--palette-hex-000) 58%,var(--palette-hex-000) 100%);z-index:-1;pointer-events:none;animation:rank-badge-sweep 22s linear infinite reverse}@keyframes rank-badge-sweep{to{transform:rotate(360deg)}}.rank-badge--muted:before{background:conic-gradient(from 0deg,transparent 0deg,var(--palette-rgba-255-255-255-0-1) 60deg,transparent 130deg,transparent 240deg,var(--palette-rgba-255-255-255-0-06) 300deg,transparent 360deg);animation-duration:24s}.rank-badge--muted:after{background:none;animation:none}@media (prefers-reduced-motion: reduce){.rank-badge:before,.rank-badge:after{animation:none}}.overview-rank-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:4px 2px}.overview-rank-meta{display:grid;gap:4px;min-width:0}.overview-rank-tier{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.02em;color:var(--rank-badge-accent, var(--color-text-primary));text-shadow:0 0 12px color-mix(in srgb,var(--rank-badge-accent, var(--palette-hex-4caf1d)) 35%,transparent)}.overview-rank-sub{font-size:.8rem;color:var(--color-text-muted, var(--palette-hex-b5b5b5));line-height:1.25}.overview-rank-progress{margin-top:6px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--color-bg-3, var(--palette-hex-2a2a2a)) 70%,var(--palette-hex-000) 30%);overflow:hidden;border:1px solid var(--color-border)}.overview-rank-progress-fill{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--rank-badge-accent, var(--palette-hex-4caf1d)) 95%,white) 0%,var(--rank-badge-accent, var(--palette-hex-4caf1d)) 100%);transition:width .2s ease}.overview-rank-progress-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted, var(--palette-hex-b5b5b5))}.overview-stat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.overview-stat-row-label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--color-text-primary)}.overview-stat-row-icon{color:var(--color-accent, var(--palette-hex-4caf1d));display:inline-flex}.overview-stat-row-value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-muted, var(--palette-hex-b5b5b5))}@keyframes overview-skeleton-pulse{0%{opacity:.55}50%{opacity:.9}to{opacity:.55}}.overview-skeleton-block,.overview-skeleton-line,.overview-skeleton-tile,.overview-skeleton-card,.overview-skeleton-side,.overview-skeleton-history{background:color-mix(in srgb,var(--color-bg-3, var(--palette-hex-2a2a2a)) 75%,var(--color-bg-2, var(--palette-hex-1f1f1f)) 25%);border-radius:var(--radius-md, 12px);animation:overview-skeleton-pulse 1.6s ease-in-out infinite}.overview-profile-strip--skeleton{pointer-events:none}.overview-profile-strip--skeleton .overview-profile-strip-avatar{background:color-mix(in srgb,var(--color-bg-3, var(--palette-hex-2a2a2a)) 75%,var(--color-bg-2, var(--palette-hex-1f1f1f)) 25%)}.overview-skeleton-line{display:inline-block;height:14px;border-radius:7px}.overview-skeleton-line--md{width:140px}.overview-skeleton-tile{border-color:transparent}.overview-skeleton-card{min-height:220px}.overview-skeleton-side{height:132px}.overview-skeleton-history{height:260px}@media (prefers-reduced-motion: reduce){.overview-skeleton-block,.overview-skeleton-line,.overview-skeleton-tile,.overview-skeleton-card,.overview-skeleton-side,.overview-skeleton-history{animation:none}}@media (max-width: 960px){.overview-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-action-column{grid-row:auto;grid-column:1 / -1;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-main-grid{grid-template-columns:minmax(0,1fr)}.overview-side-column{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.overview-page{padding:24px 16px 64px}.overview-action-column,.overview-hero-grid,.overview-side-column{grid-template-columns:minmax(0,1fr)}.overview-feature-card{min-height:140px}}.page-board-column{display:flex;justify-content:center;height:100%;min-width:0}.board-shell-frame{position:relative;width:100%}.board-shell{position:relative;border:1px solid var(--viewport-shell-border);border-radius:var(--radius-viewport);overflow:hidden;background:var(--viewport-shell-bg);box-shadow:var(--shadow-strong)}.board-shell-app{width:100%;max-width:1040px;height:100%;min-height:360px}.board-settings-overlay{position:absolute;top:0;right:0;z-index:8;display:inline-flex;align-items:center;gap:4px}.bug-report-button{position:relative;z-index:8;display:inline-flex;align-items:center;justify-content:center;width:calc(28px * .8);height:calc(28px * .8);padding:0;border:0;border-radius:6px;background:transparent;color:var(--control-text);cursor:pointer;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.72;transition:opacity .14s ease,transform .14s ease,background-color .14s ease,filter .14s ease}.bug-report-button:hover,.bug-report-button:focus-visible{opacity:1;background:var(--palette-rgba-255-255-255-0-06);transform:translateY(-1px);filter:drop-shadow(0 0 6px var(--palette-rgba-120-200-140-0-45));outline:none}.bug-report-button:active{transform:translateY(0);filter:none}.bug-report-button--disabled,.bug-report-button:disabled{opacity:.32;cursor:not-allowed;pointer-events:auto;transform:none;filter:grayscale(.7)}.bug-report-button--disabled:hover,.bug-report-button:disabled:hover{background:transparent;transform:none;filter:grayscale(.7)}.bug-report-button--disabled .bug-report-icon,.bug-report-button:disabled .bug-report-icon{filter:brightness(0) saturate(100%) invert(60%) sepia(8%) saturate(120%) hue-rotate(72deg) brightness(85%) contrast(80%)}.bug-report-icon{display:block;width:calc(28px * .8);height:calc(28px * .8);object-fit:contain;filter:brightness(0) saturate(100%) invert(78%) sepia(38%) saturate(420%) hue-rotate(72deg) brightness(95%) contrast(90%);transition:filter .14s ease}.bug-report-button:hover .bug-report-icon,.bug-report-button:focus-visible .bug-report-icon{filter:brightness(0) saturate(100%) invert(86%) sepia(58%) saturate(640%) hue-rotate(72deg) brightness(105%) contrast(95%)}.renderer-crash{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:320px;padding:var(--space-3);background:var(--viewport-shell-bg)}.renderer-crash-card{width:min(520px,100%);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--surface-overlay-popover);box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:var(--space-2);color:var(--control-text)}.renderer-crash-head h2{margin:0 0 6px;font-family:var(--font-display);font-size:1.1rem}.renderer-crash-head p{margin:0;font-size:.85rem;opacity:.85}.renderer-crash-message{margin:0;padding:10px;border-radius:8px;border:1px solid var(--palette-rgba-255-80-80-0-4);background:var(--palette-rgba-255-80-80-0-08);color:var(--palette-hex-ffb4b4);font-family:var(--font-mono);font-size:.82rem;white-space:pre-wrap;word-break:break-word}.renderer-crash-stack summary{cursor:pointer;font-size:.78rem;opacity:.8}.renderer-crash-stack pre{margin:6px 0 0;padding:10px;border-radius:8px;background:var(--palette-rgba-0-0-0-0-25);font-family:var(--font-mono);font-size:.75rem;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}.renderer-crash-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.renderer-crash-retry{padding:8px 14px;border-radius:8px;border:1px solid var(--color-border-strong);background:transparent;color:var(--control-text);font:inherit;cursor:pointer}.renderer-crash-retry:hover{background:var(--palette-rgba-255-255-255-0-06)}.board-settings-cog{position:relative;z-index:8;display:inline-flex;align-items:center;justify-content:center;width:calc(28px * .8);height:calc(28px * .8);padding:0;border:0;border-radius:0;background:transparent;color:var(--control-text);cursor:pointer;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.board-settings-cog-icon{display:block;width:calc(28px * .8);height:calc(28px * .8);object-fit:contain}.board-settings-cog:hover{background:transparent;border-color:transparent}.board-settings-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:8;width:360px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--surface-overlay-popover);box-shadow:var(--shadow-strong);display:grid;gap:var(--space-2)}.board-settings-popover h3{margin:0;font-family:var(--font-display);font-size:1rem}.board-settings-select-group{display:grid;gap:var(--space-2)}.board-settings-select-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,168px);align-items:center;gap:var(--space-2)}.board-settings-select-label{color:var(--control-text);font-size:.92rem;font-weight:600;letter-spacing:.01em}.board-settings-select{min-height:32px;padding:0 30px 0 10px;border-radius:var(--radius-sm);border:1px solid var(--control-field-border);background:linear-gradient(45deg,transparent 50%,var(--control-field-decorative-chevron) 50%) calc(100% - 15px) calc(50% - 1px) / 5px 5px no-repeat,linear-gradient(135deg,var(--control-field-decorative-chevron) 50%,transparent 50%) calc(100% - 10px) calc(50% - 1px) / 5px 5px no-repeat,var(--control-field-bg);color:var(--control-field-text);font-family:var(--font-body);font-size:.9rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.board-settings-select:hover{border-color:var(--control-field-border-hover)}.board-settings-select:focus-visible{border-color:var(--control-field-border-focus);box-shadow:var(--control-focus-ring)}.board-settings-toggle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding-top:2px}.board-settings-toggle-row-unsupported-map{opacity:.45}.board-settings-toggle-label-block{display:flex;flex-direction:column;gap:2px;min-width:0}.board-settings-toggle-hint{font-size:.78rem;font-weight:500;color:var(--control-text-muted, var(--control-text));opacity:.85;line-height:1.25}.board-settings-switch{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:999px}.board-settings-switch:disabled{cursor:not-allowed}.board-settings-switch:focus-visible{outline:none;box-shadow:var(--control-focus-ring);border-radius:999px}.board-settings-switch-track{position:relative;display:block;width:44px;height:26px;border-radius:999px;background:var(--control-field-border);transition:background .15s ease}.board-settings-switch-on .board-settings-switch-track{background:var(--control-field-border-focus)}.board-settings-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--control-field-bg);box-shadow:0 1px 3px var(--board-settings-switch-thumb-shadow);transition:transform .18s ease}.board-settings-switch-on .board-settings-switch-thumb{transform:translate(18px)}.board-settings-rules-row{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding-top:4px}.board-settings-rules-row-locked{opacity:.55}.board-settings-rules-segment{display:flex;width:100%;max-width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--control-field-border);background:linear-gradient(90deg,var(--board-settings-rules-track-cool) 0%,var(--board-settings-rules-track-cool) 50%,var(--board-settings-rules-track-warm) 50%,var(--board-settings-rules-track-warm) 100%);box-shadow:inset 0 1px 0 var(--board-settings-rules-inset-highlight)}.board-settings-rules-segment-btn{flex:1;min-height:36px;margin:0;padding:6px 10px;border:0;font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:var(--board-settings-rules-unselected-text);background:transparent;transition:background .15s ease,color .15s ease}.board-settings-rules-segment-btn:disabled{cursor:not-allowed;opacity:.65}.board-settings-rules-segment-l1.is-selected{background:linear-gradient(180deg,var(--board-settings-rules-selected-gloss-high),var(--board-settings-rules-selected-gloss-low));color:var(--board-settings-rules-selected-text-l1);box-shadow:inset 0 0 0 1px var(--board-settings-rules-selected-border)}.board-settings-rules-segment-l2.is-selected{background:linear-gradient(180deg,var(--board-settings-rules-selected-gloss-high),var(--board-settings-rules-selected-gloss-low));color:var(--board-settings-rules-selected-text-l2);box-shadow:inset 0 0 0 1px var(--board-settings-rules-selected-border)}.board-settings-rules-segment-btn:focus-visible{outline:none;box-shadow:var(--control-focus-ring);z-index:1}.board-view{position:relative;width:100%;height:100%}.board-host{width:100%;height:100%}.board-canvas{width:100%;height:100%;display:block;background:var(--viewport-shell-bg)}.board-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--viewport-shell-bg);z-index:2;display:flex;align-items:center;justify-content:center;padding:12px}.board-cover-text{color:var(--chrome-board-cover-text);font-size:12px;text-align:center;line-height:1.4}@media (max-width: 1150px){.page-board-column{height:auto}.board-shell-app{width:min(100%,980px);height:min(72vh,760px)}.board-settings-popover{right:0}.board-settings-select-row{grid-template-columns:1fr;gap:6px}.board-settings-select{width:100%}}@media (max-width: 900px){.page-board-column{justify-content:center}.board-shell-app{width:min(100%,760px);height:min(62vh,560px);min-height:300px}}.play-workspace{height:calc(100vh - 44px);width:min(100%,1740px);margin:0 auto;box-sizing:border-box;padding:24px 0;display:grid;grid-template-columns:minmax(0,1fr) 531px;gap:10px;align-items:stretch}.friend-panel{display:flex;flex-direction:column;gap:12px;min-height:0}.friend-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.friend-panel-back-spacer{width:3rem;flex-shrink:0}.friend-panel-header-titles{text-align:right;min-width:0}.friend-panel-kicker{display:block;color:var(--panel-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.friend-panel-title{margin:4px 0 0;font-size:1.15rem;font-weight:800;letter-spacing:.02em;color:var(--panel-text)}.friend-panel-section-title{color:var(--panel-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.friend-panel-back{border:0;background:transparent;cursor:pointer;color:var(--panel-text);font-weight:800;text-transform:uppercase;font-size:.78rem;letter-spacing:.06em}.friend-panel-tabs{display:flex;gap:0;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 75%,transparent);flex-shrink:0}.friend-tab{flex:1 1 auto;padding:10px 12px;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;background:transparent;color:var(--panel-muted);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.friend-tab.is-active{color:var(--panel-text);border-bottom-color:color-mix(in srgb,var(--theme-accent) 85%,var(--panel-border))}.friend-tab-badge{display:inline-block;margin-left:6px;min-width:1.1rem;padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--theme-accent) 28%,transparent);color:var(--panel-text);font-size:.68rem;vertical-align:middle}.friend-panel-tab-panel{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto;overflow:auto}.friend-search-field{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;border:1px solid color-mix(in srgb,var(--panel-border) 82%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel-bg) 88%,black);flex-shrink:0}.friend-search-label{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.friend-search-icon{flex-shrink:0;color:var(--panel-muted)}.friend-search-field input{flex:1 1 auto;min-width:0;min-height:32px;border:0;border-radius:6px;background:transparent;color:var(--panel-text);font:inherit;outline:none}.friend-search-clear{flex-shrink:0;width:28px;height:28px;border:0;border-radius:6px;background:color-mix(in srgb,var(--panel-border) 35%,transparent);color:var(--panel-text);font-size:1.1rem;line-height:1;cursor:pointer}.friend-search-clear:hover{background:color-mix(in srgb,var(--panel-border) 55%,transparent)}.friend-panel-hint{margin:0;font-size:.8rem;color:var(--panel-muted);line-height:1.35}.friend-suggestions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.friend-suggestions-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.friend-suggestions-title{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted)}.friend-suggestions-meta{font-size:.72rem;font-weight:700;color:var(--panel-muted)}.friend-suggestions-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow:auto}.friend-panel-muted{margin:0;font-size:.82rem;color:var(--panel-muted)}.friend-empty-hero{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:16px 12px;border:1px dashed color-mix(in srgb,var(--panel-border) 65%,transparent);border-radius:var(--radius-sm);text-align:center}.friend-empty-hero--compact{padding:12px}.friend-empty-hero-title{margin:0;font-size:.95rem;font-weight:800;color:var(--panel-text)}.friend-empty-hero-body{margin:0;font-size:.82rem;color:var(--panel-muted);line-height:1.4}.friend-settings-grid input,.friend-settings-grid select{width:100%;min-height:34px;border:1px solid color-mix(in srgb,var(--panel-border) 82%,transparent);border-radius:8px;background:color-mix(in srgb,var(--panel-bg) 82%,black);color:var(--panel-text);padding:7px 9px;font:inherit}.friend-panel-list{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:280px;overflow:auto}.friend-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel-surface) 90%,transparent);color:var(--panel-text);padding:9px 10px;text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease}.friend-row:hover{border-color:color-mix(in srgb,var(--panel-border) 95%,var(--theme-accent))}.friend-row.is-selected{border-color:color-mix(in srgb,var(--state-success-border) 70%,var(--panel-border));background:color-mix(in srgb,var(--state-success-border) 16%,var(--panel-surface))}.friend-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-danger-soft),var(--color-border-strong) 52%,var(--theme-accent));color:var(--palette-hex-fff);font-size:.78rem;font-weight:900;letter-spacing:.02em;overflow:hidden;flex-shrink:0;text-shadow:0 1px 2px var(--palette-rgba-0-0-0-0-45)}.friend-avatar-initials{display:inline-flex;align-items:center;justify-content:center;line-height:1}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-row-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.friend-row-copy strong,.friend-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row-copy small,.friend-challenge-card span,.friend-side-sheet span,.friend-panel-status,.friend-panel-empty{color:var(--panel-muted);font-size:.78rem}.friend-presence-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid transparent;background:color-mix(in srgb,var(--theme-accent) 20%,transparent);color:color-mix(in srgb,var(--theme-accent) 75%,var(--panel-text));padding:4px 10px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1}.friend-presence-chip-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 35%,transparent);flex-shrink:0}.friend-presence-chip-sep{opacity:.55;font-weight:700}.friend-presence-chip-sub{font-weight:700;opacity:.85}.friend-presence-chip[data-presence=away]{background:var(--state-warning-bg);color:var(--state-warning-text);border-color:color-mix(in srgb,var(--state-warning-text) 35%,transparent)}.friend-presence-chip[data-presence=dnd]{background:color-mix(in srgb,var(--state-danger-text) 34%,var(--state-danger-bg));color:var(--state-danger-text);border:1px solid color-mix(in srgb,var(--state-danger-text) 58%,var(--state-danger-bg) 42%);box-shadow:inset 0 1px color-mix(in srgb,white 14%,transparent)}.friend-presence-chip[data-presence=online]{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 18%,transparent);color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 88%,var(--palette-hex-fff) 12%);border:1px solid color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 55%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent)}.friend-presence-chip[data-presence=offline]{background:color-mix(in srgb,var(--panel-border) 55%,transparent);color:var(--panel-muted);border-color:color-mix(in srgb,var(--panel-border) 72%,transparent)}.friend-rel-chip{max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--panel-border) 45%,transparent);color:var(--panel-muted)}.friend-side-sheet,.friend-challenge-card,.friend-panel-empty{display:flex;flex-direction:column;gap:10px;border:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel-surface) 92%,transparent);padding:14px;flex-shrink:0}.friend-side-kicker{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted)}.friend-side-opponent{display:flex;flex-direction:column;gap:2px}.friend-side-opponent strong{font-size:1rem}.friend-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.friend-settings-grid label{display:flex;flex-direction:column;gap:4px;color:var(--panel-muted);font-size:.72rem;font-weight:800}.friend-challenge-settings-form{display:flex;flex-direction:column;gap:12px}.friend-challenge-settings-kicker{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted)}.friend-challenge-settings-note{margin:0;font-size:.8rem;line-height:1.4;color:var(--panel-muted)}.friend-challenge-pace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.friend-challenge-custom-timer{grid-column:1 / -1}.friend-challenge-actions,.friend-sheet-actions{display:flex;gap:8px;flex-wrap:wrap}.friend-sheet-actions .panel-btn.compact{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.friend-panel-embedded{flex:1 1 auto;min-height:0;max-height:100%;overflow:hidden}.friend-panel-embedded .friend-panel-tab-panel{flex:1 1 auto;min-height:0}.friend-panel-embedded .friend-panel-list,.friend-panel-embedded .friend-suggestions-list{max-height:min(220px,28vh)}.friend-panel-section{display:flex;flex-direction:column;gap:8px;min-height:0}.friend-social-surface{position:relative}.friend-social-header{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;gap:6px;padding:4px 2px 10px;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 70%,transparent);margin-bottom:2px}.friend-status-selector{position:relative;flex:0 0 auto}.friend-status-trigger-row{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.04em}.friend-status-selector .panel-dropdown-trigger{min-height:32px;padding:0 12px 0 14px;border-radius:8px;font-size:.78rem}.friend-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-sizing:border-box}.friend-status-dot[data-status=online]{background:var(--color-accent, var(--theme-accent));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent, var(--theme-accent)) 40%,transparent)}.friend-status-dot[data-status=away]{background:var(--state-warning-text);box-shadow:0 0 0 1px color-mix(in srgb,var(--state-warning-text) 35%,transparent)}.friend-status-dot[data-status=do_not_disturb]{background:color-mix(in srgb,var(--state-danger-text) 72%,black);box-shadow:0 0 0 1px color-mix(in srgb,var(--state-danger-text) 55%,black)}.friend-status-dot[data-status=invisible]{background:color-mix(in srgb,var(--panel-muted) 88%,var(--panel-text) 12%);box-shadow:0 0 0 1px color-mix(in srgb,var(--panel-border) 70%,transparent)}.friend-status-selector--profile-hero{position:relative;flex-shrink:0;z-index:5}.friend-social-header-text{min-width:0}.friend-social-header-eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-muted)}.friend-social-header-title{margin:2px 0 0;font-size:1.05rem;font-weight:800;letter-spacing:.02em;color:var(--panel-text);line-height:1.15}.friend-social-header-sub{margin:4px 0 0;font-size:.82rem;line-height:1.4;color:var(--panel-muted)}.friend-detail-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4200;border:0;padding:0;margin:0;cursor:pointer;background:color-mix(in srgb,var(--chrome-overlay-shadow) 45%,transparent)}.friend-detail-sheet{position:fixed;top:0;right:0;bottom:0;z-index:4201;width:min(320px,92vw);display:flex;flex-direction:column;border-left:1px solid var(--panel-border);background:var(--panel-bg);color:var(--panel-text);box-shadow:-12px 0 40px color-mix(in srgb,black 35%,transparent);transform:translate(0);animation:friend-detail-sheet-in .2s ease-out}@media (prefers-reduced-motion: reduce){.friend-detail-sheet{animation:none}}@keyframes friend-detail-sheet-in{0%{transform:translate(100%);opacity:.85}to{transform:translate(0);opacity:1}}.friend-detail-sheet-head{display:flex;justify-content:flex-end;padding:10px 10px 0;flex-shrink:0}.friend-detail-sheet-close{width:2.25rem;height:2.25rem;border:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel-border) 35%,transparent);color:var(--panel-text);font-size:1.25rem;line-height:1;cursor:pointer}.friend-detail-sheet-close:hover{background:color-mix(in srgb,var(--panel-border) 55%,transparent)}.friend-detail-sheet-body{padding:8px 20px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:0;overflow:auto}.friend-detail-sheet-avatar{width:56px;height:56px;font-size:1.25rem}.friend-detail-sheet-name{margin:4px 0 0;font-size:1.2rem;font-weight:800;line-height:1.15}.friend-detail-sheet-handle{margin:0;font-size:.88rem;color:var(--panel-muted)}.friend-detail-sheet-lead{margin:10px 0 0;font-size:.84rem;line-height:1.45;color:var(--panel-muted)}.friend-detail-sheet-hint{margin:-4px 0 0;font-size:.75rem;line-height:1.35;color:var(--panel-muted)}.friend-detail-sheet-muted{margin:0;font-size:.82rem;line-height:1.4;color:var(--panel-muted)}.friend-detail-sheet-success{color:color-mix(in srgb,var(--state-success-text) 92%,var(--panel-text))}.friend-detail-sheet-actions{margin-top:16px;width:100%;display:flex;flex-direction:column;gap:8px}.friend-detail-sheet-actions .panel-btn{width:100%;justify-content:center}.friend-detail-sheet-challenge.panel-btn{border-color:color-mix(in srgb,var(--color-accent) 70%,var(--palette-hex-000) 30%);background:var(--color-accent);color:var(--palette-hex-0e1a09);font-weight:800}.friend-detail-sheet-challenge.panel-btn:hover:not(:disabled){border-color:var(--color-accent-2, var(--color-accent));background:color-mix(in srgb,var(--color-accent) 88%,var(--palette-hex-fff) 12%)}.friend-detail-sheet-challenge.panel-btn:disabled{opacity:.6}.hold-confirm-btn-wrap{display:flex;flex-direction:column;gap:6px;width:100%}.hold-confirm-btn{position:relative;overflow:hidden;isolation:isolate;transition:border-color .14s ease,color .14s ease,background-color .14s ease}.hold-confirm-btn-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.02em}.hold-confirm-btn-ring{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform-origin:left center;transform:scaleX(0);background:color-mix(in srgb,var(--color-accent) 65%,transparent);opacity:.85;pointer-events:none;transition:transform 0ms linear,opacity .2s ease}.hold-confirm-btn--holding .hold-confirm-btn-ring{transform:scaleX(1);transition:transform var(--hold-confirm-duration, .45s) linear,opacity .2s ease}.hold-confirm-btn--done .hold-confirm-btn-ring{transform:scaleX(1);background:var(--color-accent);opacity:.9;transition:transform 0ms linear,opacity .2s ease}.hold-confirm-btn--holding{border-color:color-mix(in srgb,var(--color-accent) 70%,var(--color-border-strong) 30%)}.hold-confirm-btn--done{border-color:var(--color-accent);color:var(--palette-hex-fff)}.hold-confirm-btn--done .hold-confirm-btn-label{font-size:1.05rem;font-weight:900}.hold-confirm-btn.hold-confirm-btn--warning{color:var(--state-warning-text, var(--palette-hex-f3d56b));border-color:color-mix(in srgb,var(--state-warning-text, var(--palette-hex-f3d56b)) 55%,var(--color-border) 45%);background:color-mix(in srgb,var(--state-warning-text, var(--palette-hex-f3d56b)) 8%,transparent)}.hold-confirm-btn.hold-confirm-btn--warning:hover:not(:disabled){border-color:var(--state-warning-text, var(--palette-hex-f3d56b));background:color-mix(in srgb,var(--state-warning-text, var(--palette-hex-f3d56b)) 14%,transparent)}.hold-confirm-btn--warning .hold-confirm-btn-ring{background:color-mix(in srgb,var(--state-warning-text, var(--palette-hex-f3d56b)) 75%,var(--palette-hex-000) 25%)}.hold-confirm-btn--warning.hold-confirm-btn--done{border-color:var(--state-warning-text, var(--palette-hex-f3d56b));color:var(--palette-hex-1a1300)}.hold-confirm-btn--warning.hold-confirm-btn--done .hold-confirm-btn-ring{background:var(--state-warning-text, var(--palette-hex-f3d56b))}.hold-confirm-btn.hold-confirm-btn--danger{color:var(--state-danger-text, var(--palette-hex-e87a7a));border-color:color-mix(in srgb,var(--state-danger-text, var(--palette-hex-e87a7a)) 55%,var(--color-border) 45%);background:color-mix(in srgb,var(--state-danger-text, var(--palette-hex-e87a7a)) 8%,transparent)}.hold-confirm-btn.hold-confirm-btn--danger:hover:not(:disabled){border-color:var(--state-danger-text, var(--palette-hex-e87a7a));background:color-mix(in srgb,var(--state-danger-text, var(--palette-hex-e87a7a)) 14%,transparent)}.hold-confirm-btn--danger .hold-confirm-btn-ring{background:color-mix(in srgb,var(--state-danger-text, var(--palette-hex-e87a7a)) 75%,var(--palette-hex-000) 25%)}.hold-confirm-btn--danger.hold-confirm-btn--done{border-color:var(--state-danger-text, var(--palette-hex-e87a7a));color:var(--palette-hex-fff)}.hold-confirm-btn--danger.hold-confirm-btn--done .hold-confirm-btn-ring{background:var(--state-danger-text, var(--palette-hex-e87a7a))}.hold-confirm-btn-hint{margin:0 4px;font-size:.74rem;line-height:1.35;color:var(--panel-muted);text-align:center}.hold-confirm-btn-wrap.hold-confirm-btn--danger .hold-confirm-btn-hint:before{content:"⚠ ";color:var(--state-danger-text, var(--palette-hex-e87a7a));font-weight:800}@media (prefers-reduced-motion: reduce){.hold-confirm-btn--holding .hold-confirm-btn-ring{transition-duration:var(--hold-confirm-duration, .45s)}}.panel-btn.compact{min-height:30px;padding:5px 9px;font-size:.75rem}.play-main-column{min-width:0;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr) 52px;gap:10px}.play-primary-stack{min-height:0;display:flex;flex-direction:column;gap:10px}.play-primary-stack>.play-viewport-card{flex:1 1 auto;min-height:0}.play-matchup-bar,.play-status-bar{display:grid;align-items:center;border:0;border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.play-matchup-bar{background:var(--chrome-matchup-bar-bg)}.play-matchup-shell{position:relative;overflow:visible}.play-matchup-overline{position:absolute;inset:-24px 19px auto 19px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;pointer-events:none}.play-matchup-overline-label{color:var(--color-text-primary);font-size:.75rem;font-weight:700;line-height:1;text-transform:uppercase}.play-matchup-overline-center{text-align:center}.play-matchup-overline-right{text-align:right}.play-matchup-bar{grid-template-columns:repeat(3,minmax(0,1fr));height:72px;padding:0 18px}.play-matchup-column{display:grid;gap:4px;text-transform:uppercase}.play-matchup-column small,.play-matchup-overline-label,.play-side-header p,.play-section-heading span,.play-side-empty,.play-ai-card p,.play-history-round,.play-history-cell,.play-history-columns-label{color:var(--control-text-muted);font-size:.82rem;line-height:1.3}.play-matchup-column strong,.play-matchup-center strong,.play-status-copy strong,.play-status-meter strong,.play-side-header h2,.play-section-heading strong{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.01em}.play-matchup-column strong{font-size:1.38rem;line-height:1}.play-matchup-column small{color:var(--color-text-primary);font-size:1rem;text-transform:uppercase}.play-matchup-column-right{justify-items:end;text-align:right}.play-matchup-center{display:grid;justify-items:center;text-align:center}.play-matchup-center strong{font-size:1.75rem;line-height:1}.play-viewport-card{position:relative;min-height:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--viewport-play-card-border);background:var(--viewport-play-card-bg)}.play-workspace-setup .play-viewport-shell{filter:brightness(.48) saturate(.8)}.game-setup-board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:clamp(18px,3vw,42px);background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--state-success-border) 24%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--chrome-overlay-shadow) 40%,transparent),color-mix(in srgb,var(--chrome-overlay-shadow) 75%,transparent));pointer-events:auto}.game-setup-picker{width:min(760px,100%);display:grid;gap:16px;padding:clamp(18px,2.6vw,28px);border:1px solid color-mix(in srgb,white 16%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-panel-body-bg) 92%,black);box-shadow:0 24px 70px color-mix(in srgb,black 46%,transparent),inset 0 1px color-mix(in srgb,white 12%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-setup-kicker,.game-setup-mode-meta,.game-setup-side-copy span,.game-setup-detail-row span,.game-setup-back-link{color:var(--surface-text-muted);font-size:.76rem;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.game-setup-picker h1,.game-setup-side-copy h3,.game-setup-selected-card strong{margin:0;color:var(--color-text-primary);font-family:var(--font-display);text-transform:uppercase}.game-setup-picker h1{font-size:clamp(2rem,4vw,3.1rem);line-height:.95}.game-setup-picker p,.game-setup-mode-card p,.game-setup-side-copy p,.game-setup-selected-card p{margin:0;color:var(--surface-text);line-height:1.42}.game-setup-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.game-setup-mode-card{min-height:178px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;padding:14px;border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:color-mix(in srgb,white 6%,transparent);color:inherit;text-decoration:none;transform:translateY(0);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.game-setup-mode-card:hover,.game-setup-mode-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--state-success-border) 72%,white);background:color-mix(in srgb,var(--state-success-border) 16%,transparent);box-shadow:0 16px 34px color-mix(in srgb,black 32%,transparent);outline:none}.game-setup-mode-card:active{transform:translateY(-1px) scale(.99)}.game-setup-mode-card strong{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.24rem;line-height:1;text-transform:uppercase}.game-setup-mode-card p{color:var(--surface-text-muted);font-size:.82rem}.game-setup-mode-card em{width:fit-content;padding:5px 8px;border:1px solid var(--surface-card-border);border-radius:999px;color:var(--color-text-primary);font-size:.74rem;font-style:normal;font-weight:800;text-transform:uppercase}.game-setup-mode-card-icon-shell{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-accent) 42%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 18%,var(--color-panel-body-bg))}.game-setup-mode-card-icon-shell .app-dropdown-link-icon{width:28px;height:28px}.game-setup-mode-card-icon-shell [class*=app-dropdown-link-icon-]:before{font-size:1.42rem}.game-setup-selected-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:4px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--state-success-border) 55%,var(--color-border));background:color-mix(in srgb,var(--state-success-border) 14%,var(--color-panel-body-bg))}.game-setup-selected-card-icon .app-dropdown-link-icon{width:26px;height:26px}.game-setup-selected-card-icon [class*=app-dropdown-link-icon-]:before{font-size:1.28rem}.game-setup-mode-card.is-selected{border-color:color-mix(in srgb,var(--state-success-border) 88%,white);background:color-mix(in srgb,var(--state-success-border) 22%,transparent);box-shadow:0 12px 28px color-mix(in srgb,black 28%,transparent)}.game-setup-board-overlay-online-lobby .game-setup-picker{width:min(820px,100%)}.game-setup-online-lobby .game-setup-online-queue-toggle{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.game-setup-queue-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:999px;border:1px solid var(--surface-card-border);background:color-mix(in srgb,white 5%,transparent);color:var(--surface-text);font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:border-color .14s ease,background .14s ease,color .14s ease}.game-setup-queue-pill:hover,.game-setup-queue-pill:focus-visible{border-color:color-mix(in srgb,var(--state-success-border) 65%,white);background:color-mix(in srgb,var(--state-success-border) 14%,transparent);outline:none}.game-setup-queue-pill.is-active{border-color:color-mix(in srgb,var(--state-success-border) 80%,white);background:color-mix(in srgb,var(--state-success-border) 20%,transparent);color:var(--color-text-primary)}.game-setup-board-overlay-detail{align-items:end;justify-items:start}.game-setup-selected-card{width:min(420px,100%);display:grid;gap:8px;padding:16px;border:1px solid color-mix(in srgb,white 14%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-panel-body-bg) 82%,black);box-shadow:0 16px 40px color-mix(in srgb,black 38%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-setup-selected-card span{color:var(--state-success-text);font-size:.76rem;font-weight:800;text-transform:uppercase}.game-setup-selected-card strong{font-size:1.8rem;line-height:1}.play-viewport-overlay{position:absolute;top:0;right:0;bottom:0;left:0;min-height:43px;z-index:8;display:block;pointer-events:none}.play-viewport-summary-overlay{position:absolute;top:0;left:0;right:0;z-index:7;pointer-events:none}.play-viewport-shell{width:100%;height:100%}.play-turn-banner{position:absolute;left:50%;top:0;transform:translate(-50%);color:var(--color-text-primary);font-family:var(--font-display);font-size:clamp(1.4rem,2vw,1.85rem);font-weight:800;text-transform:uppercase;text-align:center;text-shadow:0 3px 12px var(--chrome-overlay-shadow);pointer-events:none}.play-viewport-overlay .board-settings-overlay{position:absolute;top:6px;right:6px;z-index:9;pointer-events:auto}.play-summary-banner{--play-summary-banner-accent: var(--play-review-summary-pill-text);display:grid;gap:10px;padding:14px 16px;border-radius:var(--radius-viewport) var(--radius-viewport) 0 0;border:1px solid var(--play-review-summary-border);background:radial-gradient(circle at top left,var(--play-review-summary-radial-primary),transparent 34%),radial-gradient(circle at top right,var(--play-review-summary-radial-secondary),transparent 30%),linear-gradient(180deg,var(--play-review-summary-surface-top),var(--play-review-summary-surface-bottom));box-shadow:var(--play-review-summary-shadow),inset 0 1px 0 var(--play-review-summary-inset-highlight);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.play-summary-banner-win{--play-summary-banner-accent: var(--state-success-text);border-color:color-mix(in srgb,var(--state-success-border) 76%,var(--play-review-summary-border))}.play-summary-banner-loss{--play-summary-banner-accent: var(--state-danger-text);border-color:color-mix(in srgb,var(--state-danger-border) 76%,var(--play-review-summary-border))}.play-summary-banner-draw{--play-summary-banner-accent: var(--state-warning-text);border-color:color-mix(in srgb,var(--state-warning-border) 72%,var(--play-review-summary-border))}.play-summary-banner-kicker{color:var(--play-review-summary-kicker);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.play-summary-banner-main{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:0}.play-summary-banner-result{display:grid;gap:4px;min-width:0;align-content:start}.play-summary-banner-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:12px;align-items:center;min-width:0}.play-summary-banner-copy{grid-column:1;justify-self:start;display:grid;gap:6px;min-width:0;max-width:100%;width:max-content}.play-summary-banner-panels{grid-column:2;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:8px;width:max-content;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:var(--chrome-history-scrollbar-thumb) transparent;-webkit-overflow-scrolling:touch}.play-summary-banner-panels::-webkit-scrollbar{height:6px}.play-summary-banner-panels::-webkit-scrollbar-track{background:transparent}.play-summary-banner-panels::-webkit-scrollbar-thumb{background:var(--chrome-history-scrollbar-thumb);border-radius:999px}.play-summary-banner-result-state{color:var(--play-summary-banner-accent);font-family:var(--font-display);font-size:clamp(1.55rem,2.3vw,2.2rem);font-weight:800;line-height:1;letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 2px 10px var(--chrome-overlay-shadow)}.play-summary-banner-win .play-summary-banner-result-state{background:var(--play-summary-win-result-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.play-summary-banner-win-hard .play-summary-banner-result-state{background:var(--play-summary-win-hard-result-gradient)}.play-summary-banner-win-soft .play-summary-banner-result-state{background:var(--play-summary-win-soft-result-gradient)}.play-summary-banner-win .play-summary-banner-result-state,.play-summary-banner-win-hard .play-summary-banner-result-state,.play-summary-banner-win-soft .play-summary-banner-result-state{-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px color-mix(in srgb,var(--play-summary-banner-accent) 18%,transparent)}.play-summary-banner-result-context{min-width:0;color:var(--play-review-summary-body);font-size:.84rem;font-weight:600;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-summary-banner-result-flavor{width:fit-content;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--play-summary-banner-accent) 54%,var(--play-review-summary-pill-border));background:color-mix(in srgb,var(--play-summary-banner-accent) 12%,var(--play-review-summary-pill-bg));color:color-mix(in srgb,var(--play-summary-banner-accent) 80%,var(--play-review-summary-pill-text));font-size:.66rem;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase;box-shadow:inset 0 1px color-mix(in srgb,var(--play-summary-banner-accent) 28%,transparent)}.play-summary-banner-win .play-summary-banner-result-context,.play-summary-banner-loss .play-summary-banner-result-context,.play-summary-banner-draw .play-summary-banner-result-context{color:color-mix(in srgb,var(--play-summary-banner-accent) 60%,var(--play-review-summary-body))}.play-summary-banner-win{--play-summary-banner-accent: var(--play-summary-win-accent);border-color:color-mix(in srgb,var(--play-summary-win-border-mix) 68%,var(--play-review-summary-border))}.play-summary-banner-win-hard{--play-summary-banner-accent: var(--play-summary-win-hard-accent);border-color:color-mix(in srgb,var(--play-summary-win-hard-border-mix) 68%,var(--play-review-summary-border))}.play-summary-banner-win-soft{--play-summary-banner-accent: var(--play-summary-win-soft-accent);border-color:color-mix(in srgb,var(--play-summary-win-soft-border-mix) 68%,var(--play-review-summary-border))}.play-summary-banner-metric{display:grid;grid-template-rows:auto 8px auto;align-content:stretch;gap:0;flex:0 0 auto;min-width:0;padding:9px 12px 10px;border-radius:var(--radius-md);border:1px solid var(--play-review-summary-pill-border);background:var(--play-review-summary-pill-bg);white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;transform:translateY(0);cursor:default;user-select:none;-webkit-user-select:none;animation:play-summary-metric-in .42s cubic-bezier(.22,1,.36,1) both;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.play-summary-banner-metric:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--play-summary-banner-accent) 28%,transparent) 0%,transparent 72%),radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--play-review-summary-radial-secondary) 24%,transparent) 0%,transparent 68%);opacity:0;transform:scale(.96);transition:opacity .18s ease,transform .26s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-summary-banner-accent) 16%,transparent);pointer-events:none;z-index:0}.play-summary-banner-metric:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--play-summary-banner-accent) 30%,var(--play-review-summary-pill-border));box-shadow:0 12px 28px color-mix(in srgb,var(--play-summary-banner-accent) 18%,var(--chrome-overlay-shadow))}.play-summary-banner-metric:hover:before{opacity:1;transform:scale(1)}.play-summary-banner-metric-topline{display:flex;align-items:center;gap:8px;min-width:0;position:relative;z-index:1;grid-row:1}.play-summary-banner-metric strong{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.08rem;line-height:1}.play-summary-banner-metric span{color:var(--play-review-summary-pill-text);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}.play-summary-banner-metric-rail{grid-row:2;align-self:center;position:absolute;left:50%;top:50%;width:30px;height:4px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--play-summary-banner-accent) 78%,white),color-mix(in srgb,var(--play-summary-banner-accent) 48%,transparent));box-shadow:0 0 0 1px color-mix(in srgb,var(--play-summary-banner-accent) 14%,transparent),0 0 10px color-mix(in srgb,var(--play-summary-banner-accent) 16%,transparent);opacity:.72;transform-origin:center;animation:play-summary-metric-rail 3s ease-in-out infinite;transform:translate(-50%,-50%) scale(.96);z-index:0}.play-summary-banner-metric-rail:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:2px;border-radius:999px;background:var(--play-summary-banner-accent);box-shadow:0 0 8px color-mix(in srgb,var(--play-summary-banner-accent) 28%,transparent);transform:translate(-50%,-50%)}.play-summary-banner-metric-glyph{width:18px;height:18px;flex:0 0 auto;color:var(--play-summary-banner-accent);filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--play-summary-banner-accent) 30%,transparent));animation:play-summary-metric-glyph 2.2s ease-in-out infinite}.play-summary-banner-metric-glyph path{fill:currentColor}.play-summary-banner-metric-glyph-neutral{color:var(--play-review-summary-pill-text)}.play-summary-banner-metric-glyph-positive{color:var(--state-success-text)}.play-summary-banner-metric-glyph-negative{color:var(--state-danger-text)}.play-summary-banner-metric-positive{border-color:color-mix(in srgb,var(--state-success-border) 72%,var(--play-review-summary-pill-border))}.play-summary-banner-metric-negative{border-color:color-mix(in srgb,var(--state-danger-border) 72%,var(--play-review-summary-pill-border))}.play-summary-banner-metric-neutral{border-color:var(--play-review-summary-pill-border)}.play-summary-banner-actions-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;min-width:0;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--play-review-summary-pill-border) 55%,transparent)}.play-summary-banner-actions-stack{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;max-width:100%}.play-summary-banner-actions-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-width:0;max-width:100%}.play-summary-rematch-countdown{margin:0;padding:0 8px;text-align:center;font-size:.82rem;line-height:1.35;color:color-mix(in srgb,var(--play-review-summary-pill-text) 88%,transparent);max-width:22rem}.play-summary-rematch-countdown strong{color:var(--play-summary-banner-accent);font-weight:800;font-variant-numeric:tabular-nums}.play-summary-banner-actions-row .panel-btn{min-width:132px;min-height:38px}.play-summary-disconnect-btn.panel-btn{border-color:color-mix(in srgb,var(--state-danger-border) 64%,var(--control-panel-surface-border));color:color-mix(in srgb,var(--state-danger-text) 82%,var(--control-panel-surface-text))}.play-summary-disconnect-btn.panel-btn:hover{border-color:color-mix(in srgb,var(--state-danger-border) 88%,var(--control-panel-surface-border-hover));background:linear-gradient(180deg,color-mix(in srgb,white 8%,transparent),transparent),var(--state-danger-bg)}.play-summary-rematch-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--play-review-summary-pill-border) 70%,transparent);background:color-mix(in srgb,var(--play-review-summary-pill-bg) 92%,transparent);color:var(--play-review-summary-pill-text);font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.play-viewport-summary-overlay .play-summary-banner{pointer-events:auto}@keyframes play-summary-metric-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes play-summary-metric-glyph{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1px) rotate(-4deg)}}@keyframes play-summary-metric-rail{0%,to{transform:translate(-50%,-50%) scale(.94);opacity:.62}50%{transform:translate(-50%,-50%) scale(1);opacity:.84}}@media (prefers-reduced-motion: reduce){.play-summary-banner-metric,.play-summary-banner-metric-glyph,.play-summary-banner-metric-rail{animation:none}.play-summary-banner-metric,.play-summary-banner-metric:before{transition:none}}.play-summary-banner-top,.play-summary-banner-copy,.play-summary-banner-result,.play-summary-banner-panels{min-width:0}.play-status-bar{grid-template-columns:72px 5px minmax(0,1fr) 5px 66px;gap:0;height:52px;padding:0 20px;background:var(--chrome-status-bar-bg)}.play-status-value,.play-status-title{font-family:var(--font-display);color:var(--color-text-primary);text-transform:uppercase;line-height:1}.play-status-value{font-size:1.75rem;font-weight:800}.play-status-value-left{text-align:left}.play-status-value-right{text-align:right}.play-status-title{justify-self:center;font-size:1.75rem;font-weight:700;letter-spacing:.01em;text-align:center}.play-status-divider{justify-self:center;width:5px;height:30px;border:1px solid var(--chrome-divider-border);border-radius:var(--radius-xl)}.play-status-divider-left{background:var(--chrome-divider-light)}.play-status-divider-right{background:var(--chrome-divider-dark)}.play-side-panel-shell.right-panel-shell{min-height:0;border-radius:var(--radius-sm);border:0;background:var(--chrome-panel-bg);overflow:hidden;box-shadow:none}.play-side-header{display:grid;place-items:center;padding:0 16px;background:var(--chrome-panel-header-bg);border-bottom:1px solid var(--surface-card-border)}.play-side-header .right-panel-shell-title,.play-side-header .right-panel-shell-title.compact{width:100%}.play-side-header h2{margin:0;font-family:var(--font-display);font-size:1.45rem;text-transform:uppercase}.play-side-content.right-panel-shell-content{min-height:0;padding:0;gap:0;display:grid;grid-template-rows:auto minmax(0,1fr) 52px;background:var(--chrome-panel-bg)}.play-side-content-review.right-panel-shell-content{grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.play-side-content-setup.right-panel-shell-content{grid-template-rows:minmax(0,1fr);overflow:hidden auto}.game-setup-side-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--chrome-history-scrollbar-thumb) transparent}.game-setup-side-panel-detail{grid-template-rows:auto auto auto;align-content:start}.game-setup-side-panel-online-lobby{grid-template-rows:auto minmax(0,1fr) auto;align-content:start}.game-setup-online-lobby-subhead{display:flex;align-items:center;gap:10px;padding:0 2px 4px}.game-setup-online-lobby-stack{display:flex;flex-direction:column;min-height:0;gap:12px}.game-setup-online-lobby-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--chrome-history-scrollbar-thumb) transparent}.game-setup-online-lobby-footer{flex-shrink:0;margin-top:auto}.game-setup-online-lobby-hub-ctas{display:flex;flex-direction:column;gap:10px}.game-setup-online-lobby-footer--queue{padding-top:4px;border-top:1px solid color-mix(in srgb,var(--surface-card-border) 70%,transparent)}.game-setup-side-panel-online-lobby--hub{grid-template-rows:auto minmax(0,1fr) auto}.game-setup-side-panel-online-lobby--queue{grid-template-rows:minmax(0,1fr) auto;min-height:0}.game-setup-side-panel-online-lobby--friend{grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.game-setup-online-lobby-stack--queue,.game-setup-online-lobby-stack--friend{flex:1 1 auto;min-height:0}.game-setup-side-panel-online-lobby--friend .game-setup-online-lobby-scroll{overflow-x:hidden;overflow-y:auto;min-height:0}.game-setup-online-friend-scroll-inner{display:flex;flex-direction:column;gap:12px;padding-bottom:2px}.game-setup-side-panel-online-lobby--friend .friend-panel-list,.game-setup-side-panel-online-lobby--friend .friend-suggestions-list{max-height:none}.play-online-mm-card--embedded{margin:0;width:100%;box-sizing:border-box}.friend-challenge-pace-pill{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:color-mix(in srgb,var(--panel-surface) 80%,transparent);color:var(--panel-text);cursor:pointer;text-align:left;font:inherit}.friend-challenge-pace-pill-icon-shell{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--panel-border) 85%,transparent);background:color-mix(in srgb,var(--panel-surface) 70%,transparent)}.friend-challenge-pace-pill-icon-shell .app-dropdown-link-icon{width:22px;height:22px}.friend-challenge-pace-pill-icon-shell [class*=app-dropdown-link-icon-]:before{font-size:1.1rem}.friend-challenge-pace-pill-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.friend-challenge-pace-pill-copy strong{font-size:.9rem}.friend-challenge-pace-pill-copy>span{font-size:.75rem;color:var(--panel-muted)}.friend-challenge-pace-pill.is-active .friend-challenge-pace-pill-icon-shell{border-color:color-mix(in srgb,var(--state-success-border) 72%,var(--panel-border));background:color-mix(in srgb,var(--state-success-border) 20%,var(--panel-surface))}.friend-challenge-pace-pill.is-active{border-color:color-mix(in srgb,var(--state-success-border) 78%,var(--panel-border));background:color-mix(in srgb,var(--state-success-border) 20%,transparent);color:var(--state-success-text)}.friend-challenge-pace-pill.is-active .friend-challenge-pace-pill-copy>span{color:color-mix(in srgb,var(--state-success-text) 72%,var(--panel-muted))}.friend-challenge-rematch-label{margin-top:2px;font-size:.82rem;font-weight:700;color:var(--panel-text)}.friend-challenge-rematch-label>span:last-child{color:var(--panel-text);font-weight:700}.friend-challenge-settings-form--embedded{gap:10px}.friend-match-config-details{margin-top:10px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--panel-border) 85%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--panel-surface) 96%,var(--color-bg-0));box-shadow:inset 0 1px color-mix(in srgb,white 6%,transparent)}.friend-match-config-summary{list-style:none;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:12px 14px;cursor:pointer;font:inherit;color:var(--panel-text);-webkit-user-select:none;user-select:none}.friend-match-config-summary::-webkit-details-marker{display:none}.friend-match-config-summary::marker{content:""}.friend-match-config-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%}.friend-match-config-summary-text{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left;flex:1}.friend-match-config-summary-eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted)}.friend-match-config-summary-name{font-size:.95rem;font-weight:800;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-match-config-summary-handle{font-size:.78rem;color:var(--panel-muted)}.friend-match-config-chevron-below{align-self:center;display:flex;align-items:center;justify-content:center;margin:4px auto 0;color:color-mix(in srgb,var(--panel-text) 82%,var(--panel-muted))}.friend-match-config-chevron-below svg{display:block;transition:transform .16s ease}.friend-match-config-details[open] .friend-match-config-chevron-below svg{transform:rotate(180deg)}.friend-match-config-body{display:flex;flex-direction:column;gap:12px;padding:0 14px 14px;border-top:1px solid color-mix(in srgb,var(--panel-border) 55%,transparent);animation:friend-match-config-open .18s ease-out}@keyframes friend-match-config-open{0%{opacity:.65}to{opacity:1}}.friend-challenge-undo-field{display:flex;flex-direction:column;gap:4px;min-width:0}.friend-challenge-field-label{color:var(--panel-muted);font-size:.72rem;font-weight:800}.friend-challenge-undo-segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.friend-challenge-undo-option{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:8px 10px;border-radius:var(--radius-xs);border-style:solid;border-width:1px;border-color:color-mix(in srgb,var(--panel-border) 88%,transparent);background:color-mix(in srgb,var(--panel-surface) 88%,black);color:var(--panel-text);font-family:inherit;font-weight:600;font-size:.82rem;line-height:1.2;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.friend-challenge-undo-option:hover:not(.is-active):not([aria-pressed=true]){border-color:color-mix(in srgb,var(--panel-border) 55%,var(--theme-accent));background:color-mix(in srgb,var(--panel-surface) 94%,var(--theme-accent))}.friend-challenge-undo-option.is-active,.friend-challenge-undo-option[aria-pressed=true]{border-color:color-mix(in srgb,var(--state-success-text) 35%,var(--state-success-border));background:var(--state-success-bg);color:var(--state-success-text);box-shadow:inset 0 1px color-mix(in srgb,var(--state-success-text) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--state-success-text) 22%,transparent)}.friend-challenge-undo-option:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-accent) 45%,transparent);outline-offset:2px}.game-setup-side-copy{display:grid;gap:10px;padding:14px;border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:var(--chrome-history-bg)}.game-setup-side-copy h3{font-size:1.5rem;line-height:1}.game-setup-side-copy p{color:var(--surface-text-muted);font-size:.88rem}.game-setup-side-list{min-height:0;display:grid;align-content:start;gap:8px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--chrome-history-scrollbar-thumb) transparent}.game-setup-side-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:var(--control-panel-surface-bg);color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.game-setup-side-row:hover,.game-setup-side-row:focus-visible{transform:translate(3px);border-color:var(--control-panel-surface-border-hover);background:var(--control-panel-surface-bg-hover);outline:none}.game-setup-side-row-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--color-accent) 35%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 12%,var(--color-panel-body-bg))}.game-setup-side-row-icon .app-dropdown-link-icon{width:22px;height:22px}.game-setup-side-row-icon [class*=app-dropdown-link-icon-]:before{font-size:1.05rem}.game-setup-side-row strong{flex:1;min-width:0;color:var(--color-text-primary);text-transform:uppercase}.game-setup-side-row-pace{flex-shrink:0;color:var(--surface-text-muted);font-size:.8rem;font-weight:800;text-transform:uppercase}.game-setup-detail-row strong{color:var(--color-text-primary);text-transform:uppercase}.game-setup-detail-stack,.game-setup-action-stack{display:grid;gap:9px}.game-setup-detail-row{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--surface-card-border);border-radius:var(--radius-sm);background:var(--chrome-history-bg)}.game-setup-play-btn.panel-btn{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase}.game-setup-play-btn-local.panel-btn{min-height:50px;flex-direction:column;gap:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 60%),var(--control-panel-surface-bg)}.game-setup-play-btn-local.panel-btn span{color:var(--surface-text-muted);font-family:var(--font-body);font-size:.72rem;font-weight:800;letter-spacing:.04em;line-height:1.1;text-transform:none}.game-setup-back-link{justify-self:center;padding:7px 10px;text-decoration:none;transition:color .16s ease}.game-setup-back-link:hover,.game-setup-back-link:focus-visible{color:var(--color-text-primary);outline:none}.play-bot-controls{display:flex;align-items:stretch;justify-content:stretch;padding:0}.play-bot-controls .play-bot-dropdown,.play-bot-controls .play-bot-dropdown .panel-dropdown-trigger{width:100%;border-radius:0;border-left:0;border-right:0;border-top:0}.play-bot-controls .play-bot-dropdown .panel-dropdown-trigger{min-height:64px;padding:10px 14px;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,white 4%,transparent),transparent 70%),var(--control-field-bg)}.play-bot-controls .play-bot-dropdown .panel-dropdown-trigger-content{flex:1;justify-content:flex-start}.play-bot-trigger{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;text-align:left}.play-bot-trigger-hint{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent, var(--palette-hex-6fcf4a));font-family:var(--font-display);font-size:.66rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase;white-space:nowrap;transition:color .14s ease,filter .14s ease}.play-bot-trigger-hint svg{display:block;flex:0 0 auto;color:var(--color-accent, var(--palette-hex-6fcf4a))}.play-bot-dropdown .panel-dropdown-trigger:hover .play-bot-trigger-hint,.play-bot-dropdown .panel-dropdown-trigger:focus-visible .play-bot-trigger-hint,.play-bot-dropdown.panel-dropdown-open .play-bot-trigger-hint{filter:brightness(1.15)}@media (max-width: 720px){.play-bot-trigger-hint-label{display:none}}.play-bot-trigger-avatar{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent, var(--palette-hex-6fcf4a))}.play-bot-trigger-avatar svg{width:40px;height:40px;display:block}.play-bot-trigger-copy{display:grid;grid-template-rows:auto auto auto;min-width:0;gap:1px}.play-bot-trigger-kicker{font-family:var(--font-display);font-size:.62rem;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase;color:color-mix(in srgb,var(--color-accent, var(--palette-hex-6fcf4a)) 60%,var(--surface-text-muted))}.play-bot-trigger-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-transform:uppercase;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-bot-trigger-desc{font-family:var(--font-body);font-size:.74rem;line-height:1.3;color:var(--surface-text-muted);text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-bot-dropdown{width:100%}.play-bot-dropdown-label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.play-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.play-bots-top-section{min-height:0;display:grid;grid-template-rows:auto auto;align-content:start}.play-bots-body{min-height:0;display:grid;align-content:start;gap:0;padding:0}.play-bots-body>.right-panel-banner{align-self:stretch;border-radius:0}.play-bots-body>.right-panel-banner+.right-panel-banner{border-top:1px solid color-mix(in srgb,var(--surface-card-border) 65%,transparent)}.play-review-mode{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;padding:12px;overflow:hidden}.play-review-scrollable{min-height:0;display:grid;align-content:start;gap:12px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--chrome-history-scrollbar-thumb) transparent}.play-review-scrollable::-webkit-scrollbar{width:4px}.play-review-scrollable::-webkit-scrollbar-track{background:transparent}.play-review-scrollable::-webkit-scrollbar-thumb{background:var(--chrome-history-scrollbar-thumb);border-radius:999px}.play-review-scrollable::-webkit-scrollbar-thumb:hover{background:var(--chrome-history-scrollbar-thumb-hover)}.play-history-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-top:1px solid var(--surface-card-border);background:var(--chrome-panel-bg)}.play-history-heading{display:grid;place-items:center start;min-height:32px;padding:0 10px;background:var(--chrome-panel-header-bg);color:var(--color-text-primary);font-size:1rem;font-weight:700;text-transform:uppercase}.play-history-body{min-height:0;padding:0}.play-history-scroll{height:100%;display:grid;grid-template-rows:32px minmax(0,1fr);overflow:hidden;background:var(--chrome-history-surface-bg)}.play-history-columns{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:32px;padding:0 12px;border-bottom:1px solid var(--chrome-history-header-border);background:var(--chrome-history-header-bg)}.play-history-columns-spacer{display:block}.play-history-columns-label{font-size:.76rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;display:inline-flex;flex-direction:column;line-height:1.15}.play-history-columns-hint{font-size:.62rem;font-weight:700;letter-spacing:.06em;color:var(--color-text-dim);text-transform:uppercase}.play-history-columns-name{font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:none;color:var(--color-text);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-history-list{list-style:none;margin:0;padding:0;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:var(--chrome-history-scrollbar-thumb) transparent}.play-history-list::-webkit-scrollbar{width:4px}.play-history-list::-webkit-scrollbar-track{background:transparent}.play-history-list::-webkit-scrollbar-thumb{background:var(--chrome-history-scrollbar-thumb);border-radius:999px}.play-history-list::-webkit-scrollbar-thumb:hover{background:var(--chrome-history-scrollbar-thumb-hover)}.play-history-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:30px;padding:0 12px}.play-history-row:nth-child(2n){background:var(--chrome-history-row-alt-bg)}.play-history-empty-row{display:flex;align-items:center;min-height:44px;padding:0 12px 0 52px;color:var(--chrome-history-empty-text);font-size:.82rem}.play-history-round{color:var(--chrome-history-round-text);font-size:.8rem}.play-history-cell{display:flex;align-items:center;min-height:24px;min-width:0;padding:0 4px;border-radius:2px;color:var(--chrome-history-cell-text);font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-history-cell-active{background:var(--chrome-history-cell-active-bg);color:var(--control-text);box-shadow:inset 0 -3px 0 var(--chrome-history-cell-active-shadow)}.play-side-footer{display:grid;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr));justify-content:stretch;gap:9px;height:52px;padding:7px 10px 9px;border-top:1px solid var(--surface-card-border);background:var(--chrome-panel-header-bg)}.play-side-footer .ui-tooltip-bubble{z-index:60;min-width:0;max-width:min(300px,calc(100vw - 24px));white-space:normal;line-height:1.3;text-align:left}.play-side-footer .ui-tooltip-anchor-top .ui-tooltip-bubble{left:0;right:auto;transform:translate(0) translateY(4px)}.play-side-footer .ui-tooltip-anchor-top[data-tooltip-visible=true] .ui-tooltip-bubble{transform:translate(0) translateY(0)}.play-side-footer .ui-tooltip-anchor-top .ui-tooltip-bubble:after{left:clamp(18px,32%,120px);transform:translate(-50%) rotate(45deg)}.play-side-footer .ui-tooltip-anchor-bottom .ui-tooltip-bubble{left:0;right:auto;transform:translate(0) translateY(-4px)}.play-side-footer .ui-tooltip-anchor-bottom[data-tooltip-visible=true] .ui-tooltip-bubble{transform:translate(0) translateY(0)}.play-side-footer .ui-tooltip-anchor-bottom .ui-tooltip-bubble:after{left:clamp(18px,32%,120px);transform:translate(-50%) rotate(225deg)}.play-side-footer-review{grid-template-columns:1fr;height:auto;align-self:end}.play-review-transport-row,.play-review-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.play-side-reset-btn.panel-btn{width:100%;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:var(--radius-sm);border-color:var(--control-panel-surface-border);background:var(--control-panel-surface-bg);color:var(--control-panel-surface-text);text-transform:uppercase;font-size:.82rem;font-weight:700;box-shadow:var(--play-panel-raised-shadow)}.play-side-reset-btn.panel-btn:hover{border-color:var(--control-panel-surface-border-hover);background:var(--control-panel-surface-bg-hover)}.play-side-surrender-btn--soft-win.panel-btn{outline:2px solid var(--play-side-surrender-soft-outline);outline-offset:2px}.play-side-surrender-btn--soft-win.panel-btn:hover{outline-color:var(--play-side-surrender-soft-outline-hover)}.play-side-surrender-btn--match-resign.panel-btn{outline:2px solid color-mix(in srgb,var(--state-danger-border) 92%,transparent);outline-offset:2px}.play-side-surrender-btn--match-resign.panel-btn:hover{outline-color:color-mix(in srgb,var(--state-danger-border) 100%,var(--control-panel-surface-border-hover))}.play-side-transport-btn.panel-icon-action{width:100%;height:38px;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-sm);border:1px solid var(--control-panel-surface-border);background:var(--control-panel-surface-bg);color:var(--control-panel-surface-text);box-shadow:var(--play-panel-raised-shadow)}.play-side-transport-btn.panel-icon-action:hover{border-color:var(--control-panel-surface-border-hover);background:var(--control-panel-surface-bg-hover)}.play-side-transport-btn.panel-icon-action:disabled{opacity:var(--control-disabled-opacity)}.play-review-transport-icon{width:18px;height:18px;display:block;color:var(--control-panel-surface-text)}.play-review-transport-icon path{fill:currentColor}.play-icon-action{display:inline-flex;align-items:center;justify-content:center;width:100%;height:38px;border-radius:var(--radius-sm);border:1px solid var(--control-icon-border);background:var(--control-icon-bg);color:var(--control-text);cursor:pointer;padding:0;box-shadow:inset 0 1px 0 var(--surface-inset-highlight)}.play-icon-action:disabled{cursor:default;opacity:var(--control-disabled-opacity)}.play-icon-action-asset{display:block;max-width:none}.play-icon-action-asset-undo{width:16px;height:18px}.play-icon-action-asset-hint{width:16px;height:20px}.play-review-panel{display:grid;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--surface-card-border);background:var(--chrome-history-bg)}.play-review-card{display:grid;gap:12px;padding:14px 14px 12px;border-radius:var(--radius-md);border:1px solid var(--surface-card-border);background:var(--chrome-history-bg)}.play-review-card-great{border-color:color-mix(in srgb,var(--play-review-summary-grade-great) 68%,var(--surface-card-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-review-summary-grade-great) 22%,transparent)}.play-review-card-good{border-color:color-mix(in srgb,var(--play-review-summary-grade-good) 68%,var(--surface-card-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-review-summary-grade-good) 22%,transparent)}.play-review-card-inaccuracy{border-color:color-mix(in srgb,var(--play-review-summary-grade-inaccuracy) 68%,var(--surface-card-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-review-summary-grade-inaccuracy) 22%,transparent)}.play-review-card-bad{border-color:color-mix(in srgb,var(--play-review-summary-grade-bad) 68%,var(--surface-card-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-review-summary-grade-bad) 22%,transparent)}.play-review-card-terrible{border-color:color-mix(in srgb,var(--play-review-summary-grade-terrible) 72%,var(--surface-card-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--play-review-summary-grade-terrible) 26%,transparent)}.play-review-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.play-review-card-kicker{color:var(--surface-text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.play-review-card-meta{color:var(--surface-text-muted);font-size:.76rem;font-weight:700;text-transform:uppercase}.play-review-card-title{margin:0;color:var(--color-text-primary);font-family:var(--font-display);font-size:1.22rem;line-height:1.05;text-transform:uppercase}.play-review-card-body{margin:0;color:var(--surface-text);font-size:.84rem;line-height:1.5}.play-review-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.play-review-actions .panel-btn{min-height:36px;border-color:var(--control-panel-surface-border);background:var(--control-panel-surface-bg);color:var(--control-panel-surface-text);box-shadow:var(--play-panel-raised-shadow)}.play-review-actions .panel-btn:hover{border-color:var(--control-panel-surface-border-hover);background:var(--control-panel-surface-bg-hover)}.play-review-history-section,.play-review-graph-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--surface-card-border);border-radius:var(--radius-md);overflow:hidden;background:var(--chrome-panel-bg)}.play-review-history-section{height:136px}.play-review-graph-section{block-size:208px;flex-shrink:0}.play-review-history-section .play-history-scroll{grid-template-rows:32px 84px}.play-review-history-section .play-history-list{overflow-y:auto}.play-review-history-row{min-height:56px}.play-review-history-cell-copy{min-width:0;display:grid;gap:2px}.play-review-history-cell-copy strong,.play-review-history-cell-copy small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-review-history-cell-copy strong{color:inherit;font-size:.78rem;font-weight:700}.play-review-history-cell-copy small{color:var(--surface-text-muted);font-size:.68rem}.play-review-history-badge{display:inline-flex;align-items:center;min-height:18px;margin-left:auto;padding:0 6px;border-radius:999px;border:1px solid var(--surface-card-border);color:var(--control-text);font-size:.66rem;font-style:normal;font-weight:700;text-transform:uppercase}.play-review-graph-shell{min-height:0;display:grid;grid-template-rows:auto auto auto;gap:8px;padding:10px 12px}.play-review-graph-meta,.play-review-graph-legend{display:flex;align-items:center;justify-content:space-between;width:min(100%,400px);margin:0 auto;gap:10px;color:var(--surface-text-muted);font-size:.72rem;text-transform:uppercase}.play-review-graph-meta-tone{font-weight:700}.play-review-graph{width:min(100%,400px);height:112px;aspect-ratio:240 / 84;margin:0 auto;display:block;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--play-review-graph-bg-top),var(--play-review-graph-bg-bottom));cursor:pointer}.play-review-graph-grid-line{stroke:var(--surface-card-border);stroke-width:.75;opacity:.55;shape-rendering:crispEdges}.play-review-graph-area{opacity:.12}.play-review-graph-line-played,.play-review-graph-line-best{stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.play-review-graph-line-best{stroke:var(--play-review-summary-grade-good);opacity:.95;stroke-dasharray:4 3}.play-review-graph-cursor{stroke-width:1.2;opacity:.72;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.play-review-graph-point{stroke:var(--chrome-panel-bg);stroke-width:1.2}.play-review-graph-point.is-active{fill:var(--color-text-primary);stroke-width:1.6}.play-review-graph-legend-item{display:inline-flex;align-items:center;gap:6px}.play-review-graph-legend-item:before{content:"";display:inline-block;width:12px;height:2px;border-radius:999px}.play-review-graph-legend-item-best:before{background:var(--play-review-summary-grade-good)}.play-review-graph-area-great,.play-review-graph-line-played-great,.play-review-graph-point-great,.play-review-graph-cursor-great,.play-review-graph-legend-item-tone-great:before,.play-review-graph-meta-tone-great{color:var(--play-review-summary-grade-great)}.play-review-graph-area-good,.play-review-graph-line-played-good,.play-review-graph-point-good,.play-review-graph-cursor-good,.play-review-graph-legend-item-tone-good:before,.play-review-graph-meta-tone-good{color:var(--play-review-summary-grade-good)}.play-review-graph-area-inaccuracy,.play-review-graph-line-played-inaccuracy,.play-review-graph-point-inaccuracy,.play-review-graph-cursor-inaccuracy,.play-review-graph-legend-item-tone-inaccuracy:before,.play-review-graph-meta-tone-inaccuracy{color:var(--play-review-summary-grade-inaccuracy)}.play-review-graph-area-bad,.play-review-graph-line-played-bad,.play-review-graph-point-bad,.play-review-graph-cursor-bad,.play-review-graph-legend-item-tone-bad:before,.play-review-graph-meta-tone-bad{color:var(--play-review-summary-grade-bad)}.play-review-graph-area-terrible,.play-review-graph-line-played-terrible,.play-review-graph-point-terrible,.play-review-graph-cursor-terrible,.play-review-graph-legend-item-tone-terrible:before,.play-review-graph-meta-tone-terrible{color:var(--play-review-summary-grade-terrible)}.play-review-graph-area-neutral,.play-review-graph-line-played-neutral,.play-review-graph-point-neutral,.play-review-graph-cursor-neutral,.play-review-graph-legend-item-tone-neutral:before,.play-review-graph-meta-tone-neutral{color:var(--surface-text-muted)}.play-review-graph-area-great,.play-review-graph-area-good,.play-review-graph-area-inaccuracy,.play-review-graph-area-bad,.play-review-graph-area-terrible,.play-review-graph-area-neutral{fill:currentColor}.play-review-graph-line-played-great,.play-review-graph-line-played-good,.play-review-graph-line-played-inaccuracy,.play-review-graph-line-played-bad,.play-review-graph-line-played-terrible,.play-review-graph-line-played-neutral{stroke:currentColor;filter:drop-shadow(0 0 6px color-mix(in srgb,currentColor 30%,transparent))}.play-review-graph-cursor-great,.play-review-graph-cursor-good,.play-review-graph-cursor-inaccuracy,.play-review-graph-cursor-bad,.play-review-graph-cursor-terrible,.play-review-graph-cursor-neutral{stroke:currentColor}.play-review-graph-point-great,.play-review-graph-point-good,.play-review-graph-point-inaccuracy,.play-review-graph-point-bad,.play-review-graph-point-terrible,.play-review-graph-point-neutral{fill:currentColor}.play-review-graph-point-great.is-active,.play-review-graph-point-good.is-active,.play-review-graph-point-inaccuracy.is-active,.play-review-graph-point-bad.is-active,.play-review-graph-point-terrible.is-active,.play-review-graph-point-neutral.is-active{stroke:currentColor}.play-review-graph-empty{padding:12px;color:var(--surface-text-muted);font-size:.78rem}.play-review-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.play-review-grade{color:var(--control-text);font-size:.82rem;text-transform:uppercase}.play-review-copy{display:grid;gap:10px}.play-review-line{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;color:var(--surface-text);font-size:.8rem;line-height:1.45}.play-review-label{color:var(--surface-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.06em}.play-review-timeline{display:grid}.play-review-slider{width:100%}@media (max-width: 1150px){.play-workspace{height:auto;grid-template-columns:1fr}.play-main-column{grid-template-rows:90px minmax(460px,62vh) auto}.play-main-column-with-summary{grid-template-rows:90px auto minmax(460px,62vh) auto}.play-side-panel-shell.right-panel-shell{min-height:420px}.game-setup-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.play-workspace{gap:12px;padding:0 0 24px}.play-main-column{grid-template-rows:auto minmax(320px,58vh) auto}.play-main-column-with-summary{grid-template-rows:auto auto minmax(320px,58vh) auto}.play-matchup-bar,.play-status-bar{grid-template-columns:1fr;gap:10px;height:auto;padding:12px 18px}.play-matchup-column,.play-matchup-column-right,.play-status-value,.play-status-title{justify-self:start;text-align:left}.play-status-divider{display:none}.play-matchup-overline{position:static;margin-bottom:8px;gap:8px}.play-matchup-overline-center,.play-matchup-overline-right{text-align:left}.play-matchup-center{justify-items:start;text-align:left}.play-summary-banner-grid{grid-template-columns:1fr;gap:10px}.play-summary-banner-panels{justify-content:flex-start}.play-summary-banner-actions-row{justify-content:center}.game-setup-board-overlay{padding:14px}.game-setup-mode-grid{grid-template-columns:1fr}.game-setup-mode-card{min-height:126px}}@media (max-width: 720px){.play-summary-banner{padding:12px 14px}.play-summary-banner-top{grid-template-columns:1fr;row-gap:10px;justify-items:stretch}.play-summary-banner-copy{grid-column:auto;width:100%;max-width:100%}.play-summary-banner-panels{grid-column:auto;justify-self:center}.play-summary-banner-metric span{display:none}.play-summary-banner-actions-inner{grid-column:1 / -1;width:100%;justify-content:center}.play-summary-banner-actions-row .panel-btn{min-width:0;flex:1 1 0}}.play-summary-banner-review-loading{display:inline-flex;align-items:center;gap:.55em}.play-summary-banner-review-spinner{width:.95em;height:.95em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:play-summary-banner-review-spin .85s linear infinite;flex:0 0 auto}@keyframes play-summary-banner-review-spin{to{transform:rotate(360deg)}}.game-setup-board-overlay-online-lobby{display:grid;place-items:center;width:100%;height:100%;pointer-events:none}.online-lobby-viewport-card{pointer-events:auto;display:grid;justify-items:center;gap:14px;max-width:460px;padding:36px 32px;border-radius:var(--radius-lg, 14px);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-2, var(--palette-hex-1f1f1f)) 90%,var(--palette-hex-000) 10%);box-shadow:0 20px 40px var(--palette-rgba-0-0-0-0-45);text-align:center;color:var(--color-text-primary)}.online-lobby-viewport-art{color:var(--color-accent, var(--palette-hex-4caf1d));display:inline-flex;align-items:center;justify-content:center}.online-lobby-viewport-mode-glyph{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px}.online-lobby-viewport-mode-glyph .app-dropdown-link-icon{width:56px;height:56px}.online-lobby-viewport-mode-glyph .app-dropdown-link-icon:before{font-size:2.6rem;line-height:1}.online-lobby-viewport-kicker{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,var(--color-text-muted, var(--palette-hex-b5b5b5)) 30%)}.online-lobby-viewport-title{margin:0;font-family:var(--font-display);font-size:1.9rem;font-weight:800;letter-spacing:.01em;line-height:1.05}.online-lobby-viewport-body{margin:0;max-width:38ch;font-size:.95rem;line-height:1.4;color:var(--color-text-muted, var(--palette-hex-c0c0c0))}.online-lobby-viewport-stats{margin-top:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;border-top:1px solid var(--color-border);padding-top:18px}.online-lobby-viewport-stats>div{display:grid;gap:4px;justify-items:center}.online-lobby-viewport-stats span{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted, var(--palette-hex-b5b5b5))}.online-lobby-viewport-stats strong{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.02em}.online-lobby-hub-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px 12px;border-bottom:1px solid color-mix(in srgb,var(--panel-border) 65%,transparent)}.online-lobby-hub-titles{display:grid;gap:2px;min-width:0}.online-lobby-hub-kicker{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent, var(--palette-hex-4caf1d))}.online-lobby-hub-titles h3{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:.02em}.online-lobby-ranked-toggle{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--panel-border);background:var(--control-field-bg);color:var(--panel-muted);font:inherit;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .12s ease,color .12s ease,background-color .12s ease}.online-lobby-ranked-toggle:hover,.online-lobby-ranked-toggle:focus-visible{border-color:var(--color-border-strong);color:var(--panel-text);outline:none}.online-lobby-ranked-toggle.is-on{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 18%,var(--control-field-bg));border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 55%,transparent);color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 90%,var(--palette-hex-fff) 10%)}.online-lobby-ranked-toggle-icon{flex-shrink:0}.online-lobby-mode-section{display:grid;gap:10px;padding-top:12px}.online-lobby-section-title{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-muted)}.online-lobby-pace-dropdown,.online-lobby-pace-dropdown .panel-dropdown-trigger{width:100%}.online-lobby-pace-dropdown .panel-dropdown-trigger{min-height:56px;padding:8px 14px;border-radius:7px}.online-lobby-pace-trigger{display:grid;grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:4px 12px;width:100%;text-align:left;transition:grid-template-columns .32s cubic-bezier(.32,.72,.18,1)}.online-lobby-pace-trigger[data-phase=searching]{grid-template-columns:36px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center}.online-lobby-pace-trigger-text-stack{display:grid;gap:2px;min-width:0}.type-on-text{display:inline}.type-on-text-word{display:inline-block;white-space:nowrap}.type-on-text-char{display:inline-block;opacity:0;transform:translateY(.4em) scale(.78);filter:blur(2px);color:var(--color-accent, var(--palette-hex-4caf1d));animation-name:type-on-char-reveal;animation-timing-function:cubic-bezier(.32,.72,.18,1);animation-fill-mode:both;white-space:pre;will-change:transform,opacity,filter,color}@keyframes type-on-char-reveal{0%{opacity:0;transform:translateY(.4em) scale(.78);filter:blur(2px);color:var(--color-accent, var(--palette-hex-4caf1d));text-shadow:0 0 6px color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,transparent)}55%{opacity:1;transform:translateY(0) scale(1.04);filter:blur(0);color:var(--color-accent, var(--palette-hex-4caf1d));text-shadow:0 0 4px color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 45%,transparent)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);color:inherit;text-shadow:none}}@media (prefers-reduced-motion: reduce){.type-on-text-char{animation:none;opacity:1;transform:none;filter:none;color:inherit}}.online-lobby-pace-trigger-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-accent, var(--palette-hex-4caf1d))}.online-lobby-pace-trigger-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 65%,transparent);pointer-events:none;animation:online-lobby-pace-pulse 1.6s ease-out infinite}@keyframes online-lobby-pace-pulse{0%{transform:scale(.75);opacity:.85}to{transform:scale(1.35);opacity:0}}.online-lobby-pace-trigger-stats{display:inline-flex;align-items:center;gap:10px;justify-self:end}.online-lobby-pace-stat{display:inline-grid;justify-items:end;gap:1px;min-width:0}.online-lobby-pace-stat-value{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:.02em;color:var(--panel-text);font-variant-numeric:tabular-nums;line-height:1}.online-lobby-pace-stat-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-muted)}.online-lobby-pace-dropdown .panel-dropdown-trigger:disabled{cursor:default;opacity:1}.online-lobby-pace-dropdown .panel-dropdown-trigger:disabled .panel-dropdown-chevron{opacity:0;transform:scale(.6);transition:opacity .22s ease,transform .22s ease}.online-lobby-pace-trigger-icon .app-dropdown-link-icon{width:24px;height:24px}.online-lobby-pace-trigger-icon .app-dropdown-link-icon:before{font-size:1.4rem}.online-lobby-pace-trigger-text{display:grid;gap:2px;min-width:0}.online-lobby-pace-trigger-name{font-family:var(--font-display);font-size:1.02rem;font-weight:800;letter-spacing:.02em;color:var(--panel-text)}.online-lobby-pace-trigger-meta{font-size:.72rem;font-weight:700;letter-spacing:.05em;color:var(--color-accent, var(--palette-hex-4caf1d));text-transform:uppercase}.online-lobby-pace-trigger-pace{font-family:var(--font-display);font-size:.98rem;font-weight:800;letter-spacing:.02em;color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 78%,var(--panel-text) 22%)}.online-lobby-mode-detail{display:grid;gap:4px;padding:12px 14px;border-radius:var(--radius-md, 12px);border:1px solid var(--panel-border);background:color-mix(in srgb,var(--control-field-bg) 88%,var(--palette-hex-000) 12%)}.online-lobby-mode-detail-name{margin:0;font-family:var(--font-display);font-size:.92rem;font-weight:800;letter-spacing:.02em}.online-lobby-mode-detail-body{margin:0;font-size:.82rem;line-height:1.35;color:var(--panel-muted)}.online-lobby-hub-ctas{display:grid;gap:10px;margin-top:6px}.online-lobby-hub-ctas .panel-btn.primary:disabled,.online-lobby-hub-ctas .panel-btn:disabled{opacity:.55;cursor:not-allowed}.online-lobby-secondary-btn{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--surface-card-border) 80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,white 4%,transparent),transparent 70%),color-mix(in srgb,var(--color-panel-body-bg) 88%,black 12%);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-display);font-size:.86rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.online-lobby-secondary-btn:hover,.online-lobby-secondary-btn:focus-visible{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-6fcf4a)) 55%,var(--surface-card-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent, var(--palette-hex-6fcf4a)) 8%,transparent),transparent 70%),color-mix(in srgb,var(--color-panel-body-bg) 88%,black 12%);outline:none;transform:translateY(-1px)}.online-lobby-secondary-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--color-accent, var(--palette-hex-6fcf4a))}.online-lobby-secondary-btn-icon svg{width:26px;height:26px;display:block}.online-lobby-secondary-btn-label{min-width:0;text-align:left}.online-lobby-secondary-btn-chevron{display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--color-text-primary) 55%,transparent);transition:transform .14s ease,color .14s ease}.online-lobby-secondary-btn:hover .online-lobby-secondary-btn-chevron,.online-lobby-secondary-btn:focus-visible .online-lobby-secondary-btn-chevron{color:var(--color-accent, var(--palette-hex-6fcf4a));transform:translate(2px)}.online-lobby-back-link{justify-self:center;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;margin-top:2px;border-radius:var(--radius-sm);color:var(--surface-text-muted);font-family:var(--font-display);font-size:.76rem;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .14s ease,background .14s ease,transform .14s ease}.online-lobby-back-link:hover,.online-lobby-back-link:focus-visible{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-text-primary) 6%,transparent);outline:none}.online-lobby-back-link-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .14s ease}.online-lobby-back-link:hover .online-lobby-back-link-icon,.online-lobby-back-link:focus-visible .online-lobby-back-link-icon{transform:translate(-2px)}@media (max-width: 720px){.online-lobby-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel-dropdown{position:relative;display:inline-block}.panel-dropdown-trigger{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:36px;padding:0 14px 0 16px;border-radius:999px;border:1px solid var(--control-field-border);background:var(--control-field-bg);color:var(--control-text);font:inherit;cursor:pointer;box-shadow:inset 0 1px 0 var(--surface-inset-highlight),0 1px 2px var(--palette-rgba-0-0-0-0-25);transition:border-color .12s ease,background-color .12s ease}.panel-dropdown-trigger:hover,.panel-dropdown-trigger:focus-visible,.panel-dropdown-open .panel-dropdown-trigger{border-color:var(--control-field-border-hover, var(--color-border-strong));background:var(--control-field-bg-hover, var(--control-field-bg));outline:none}.panel-dropdown-trigger:disabled{opacity:.55;cursor:not-allowed}.panel-dropdown-trigger-content{flex:1;display:inline-flex;align-items:center;justify-content:center;min-width:0}.panel-dropdown-chevron{width:8px;height:8px;border-right:2px solid var(--control-field-chevron, var(--control-text));border-bottom:2px solid var(--control-field-chevron, var(--control-text));transform:translateY(-2px) rotate(45deg);transition:transform .16s ease,border-color .12s ease;flex-shrink:0}.panel-dropdown-open .panel-dropdown-chevron{transform:translateY(2px) rotate(225deg)}.panel-dropdown-trigger:hover .panel-dropdown-chevron,.panel-dropdown-trigger:focus-visible .panel-dropdown-chevron{border-right-color:var(--control-text);border-bottom-color:var(--control-text)}.panel-dropdown-listbox{z-index:4400;margin:0;padding:6px;list-style:none;overflow-y:auto;border-radius:var(--radius-md, 12px);border:1px solid var(--control-field-border);background:color-mix(in srgb,var(--control-field-bg) 92%,var(--palette-hex-000) 8%);box-shadow:0 12px 28px var(--palette-rgba-0-0-0-0-55),0 2px 6px var(--palette-rgba-0-0-0-0-35),inset 0 1px 0 var(--surface-inset-highlight);outline:none;animation:panel-dropdown-open .12s ease both}@keyframes panel-dropdown-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.panel-dropdown-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:.86rem;font-weight:700;letter-spacing:.02em;color:var(--control-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color 80ms ease,color 80ms ease}.panel-dropdown-option-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.panel-dropdown-option-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.panel-dropdown-option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-dropdown-option-description{font-size:.74rem;font-weight:600;letter-spacing:.02em;color:color-mix(in srgb,var(--control-text) 55%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-dropdown-option--rich{padding:10px 12px}.panel-dropdown-option-disabled{opacity:.5;cursor:not-allowed}.panel-dropdown-option-active{background:color-mix(in srgb,var(--control-field-border-hover, var(--color-border-strong)) 35%,transparent)}.panel-dropdown-option-selected{color:color-mix(in srgb,var(--control-text) 80%,var(--palette-hex-fff) 20%)}.panel-dropdown-option-selected.panel-dropdown-option-active{background:color-mix(in srgb,var(--control-field-border-hover, var(--color-border-strong)) 55%,transparent)}.panel-dropdown-option-check{font-size:.85rem;font-weight:800;opacity:.7;flex-shrink:0}@media (prefers-reduced-motion: reduce){.panel-dropdown-listbox{animation:none}.panel-dropdown-chevron{transition:none}}.page-panel{height:100%;min-height:0;min-width:0;display:flex}.page-panel>.right-panel-shell{flex:1;min-height:0;min-width:0}.page-panel>.lesson-panel-column{flex:1;height:100%;min-height:0}.right-panel-shell{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:0;padding:0;border-radius:var(--radius-panel);border:0;background:var(--color-panel-body-bg);box-shadow:var(--shadow-soft);overflow:hidden}.right-panel-shell-header{position:relative;z-index:5;display:flex;align-items:start;justify-content:space-between;gap:var(--space-3);padding:12px 14px;border-bottom:0;background:var(--surface-panel-header-gradient)}.right-panel-shell-header.compact{align-items:center;justify-content:center}.right-panel-shell-title h2{margin:0;font-family:var(--font-display);font-size:1.5rem;line-height:1.15}.right-panel-shell-title.compact{width:fit-content;flex:0 0 auto;text-align:center}.right-panel-shell-title.compact h2{font-size:1.32rem;line-height:1.1}.right-panel-shell-title p{margin:8px 0 0;color:var(--color-text-muted);font-size:.95rem}.right-panel-shell-content{position:relative;z-index:1;display:grid;gap:var(--space-3);min-height:0;align-content:start;padding:var(--space-3);background:var(--surface-panel-body-gradient)}.right-panel-shell.learn-roadmap-shell .right-panel-shell-content{padding:0;gap:0}.right-panel-shell-content.right-panel-shell-content-fill{display:flex;flex-direction:column}.right-panel-shell-content.right-panel-shell-content-fill>*{flex:0 0 auto;min-height:0;min-width:0}.right-panel-shell-content.right-panel-shell-content-fill>.right-panel-fill-child{flex:1 1 0;min-height:0;overflow:hidden}.right-panel-banner{--right-panel-banner-accent: var(--color-accent, var(--palette-hex-6fcf4a));--right-panel-banner-bg: color-mix( in srgb, var(--right-panel-banner-accent) 10%, var(--panel-bg, var(--palette-rgba-18-22-18-0-72)) );--right-panel-banner-text: color-mix( in srgb, var(--right-panel-banner-accent) 18%, var(--color-text, var(--palette-hex-e8f1de)) );position:relative;display:flex;align-items:center;border:0;border-radius:0;background:var(--right-panel-banner-bg);color:var(--right-panel-banner-text);overflow:hidden}.right-panel-banner:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--right-panel-banner-accent);pointer-events:none}.right-panel-banner-inner{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;padding:12px 14px 12px 18px;min-width:0}.right-panel-banner-head,.right-panel-banner-inline{display:flex;align-items:flex-start;gap:10px;min-width:0}.right-panel-banner-head{align-items:center}.right-panel-banner-inline .right-panel-banner-icon{margin-top:.15em}.right-panel-banner-icon{width:18px;height:18px;flex:0 0 auto;display:block;color:var(--right-panel-banner-accent)}.right-panel-banner-title{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:700;line-height:1.25;letter-spacing:.01em;text-transform:none;color:var(--right-panel-banner-text)}.right-panel-banner-message{margin:0;font-size:.86rem;line-height:1.55;color:color-mix(in srgb,var(--right-panel-banner-text) 88%,var(--panel-muted, var(--palette-hex-9aa39a)));word-break:break-word}.right-panel-banner-message>:first-child{margin-top:0}.right-panel-banner-message>:last-child{margin-bottom:0}.right-panel-banner--compact .right-panel-banner-inner{gap:6px;padding:10px 12px 10px 16px}.friend-panel-search-block>.right-panel-banner,.friend-match-config-body>.right-panel-banner{border-radius:0}.right-panel-banner--compact .right-panel-banner-title{font-size:.88rem}.right-panel-banner--compact .right-panel-banner-message{font-size:.8rem;line-height:1.5}.right-panel-banner--success{--right-panel-banner-border: var(--state-success-border);--right-panel-banner-bg: var(--state-success-bg);--right-panel-banner-text: var(--state-success-text);--right-panel-banner-accent: var(--state-status-text, var(--palette-hex-9ed67f))}.right-panel-banner--warning{--right-panel-banner-border: var(--state-warning-border);--right-panel-banner-bg: var(--state-warning-bg);--right-panel-banner-text: var(--state-warning-text);--right-panel-banner-accent: var(--state-warning-text)}.right-panel-banner--danger{--right-panel-banner-border: var(--state-danger-border);--right-panel-banner-bg: var(--state-danger-bg);--right-panel-banner-text: var(--state-danger-text);--right-panel-banner-accent: var(--state-danger-text)}.right-panel-banner--neutral{--right-panel-banner-border: var(--state-neutral-border);--right-panel-banner-bg: var(--state-neutral-bg);--right-panel-banner-text: var(--state-neutral-text);--right-panel-banner-accent: color-mix(in srgb, var(--state-neutral-text) 70%, var(--color-accent) 30%)}.lesson-panel-shell{height:var(--lesson-panel-height, 100%);min-height:0;border-radius:0;border-color:transparent;box-shadow:var(--shadow-soft),0 14px 24px -22px var(--phase-accent)}.lesson-panel-shell .right-panel-shell-content{grid-template-rows:minmax(0,1fr) auto auto;min-height:0;overflow:hidden}.lesson-panel-column{--lesson-panel-height: 100%;--phase-outline-leak-height: 72px;--phase-bg: var(--lesson-phase-default-bg);--phase-border: var(--lesson-phase-default-border);--phase-accent: var(--lesson-phase-default-accent);--panel-outline-line: var(--lesson-panel-outline-line);--phase-outline-line: var(--phase-border);--phase-ribbon-fill: var(--lesson-phase-default-ribbon-fill);position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;gap:0}.lesson-panel-column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:linear-gradient(to bottom,var(--panel-outline-line) 0,var(--panel-outline-line) max(calc(var(--lesson-panel-height) - var(--phase-outline-leak-height)),0px),var(--phase-outline-line) var(--lesson-panel-height),var(--phase-outline-line) 100%);mask:linear-gradient(var(--lesson-mask-ink) 0 0) left / 1px 100% no-repeat,linear-gradient(var(--lesson-mask-ink) 0 0) right / 1px 100% no-repeat,linear-gradient(var(--lesson-mask-ink) 0 0) top / 100% 1px no-repeat,linear-gradient(var(--lesson-mask-ink) 0 0) bottom / 100% 1px no-repeat;-webkit-mask:linear-gradient(var(--lesson-mask-ink) 0 0) left / 1px 100% no-repeat,linear-gradient(var(--lesson-mask-ink) 0 0) right / 1px 100% no-repeat,linear-gradient(var(--lesson-mask-ink) 0 0) top / 100% 1px no-repeat,linear-gradient(var(--lesson-mask-ink) 0 0) bottom / 100% 1px no-repeat}.lesson-phase-footer{--phase-ribbon-width: 50px;--phase-ribbon-bottom-height: 132px;--phase-ribbon-gap: 0px;--phase-ribbon-end-roundness: 0;--phase-bottom-content-padding-y: 12px;--phase-bottom-content-padding-x: 8px;--phase-bottom-content-offset-y: 0px;--phase-bottom-content-height: calc(var(--phase-ribbon-width) - 16px);--phase-bottom-content-gap: 3px;--phase-bottom-content-title-size: .78rem;--phase-bottom-content-body-size: .74rem;--phase-bottom-content-body-lines: 2;--phase-bottom-content-justify: center;--phase-bottom-content-align: flex-start;--phase-bottom-content-text-align: left;--phase-vertical-content-padding-y: 10px;--phase-vertical-content-padding-x: 4px;--phase-vertical-content-justify: flex-end;--phase-vertical-content-align: center;position:relative;margin-top:0;min-height:var(--phase-ribbon-bottom-height);padding:0;border:0;border-radius:0;background:var(--lesson-phase-footer-shell),var(--lesson-phase-footer-sheen),linear-gradient(180deg,var(--phase-bg),var(--lesson-phase-footer-tail));box-shadow:0 14px 24px -22px var(--phase-accent)}.lesson-phase-content{position:relative;min-height:inherit;pointer-events:none}.right-panel-shell-menu{position:relative;z-index:6}.kebab-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--control-field-border);background:var(--control-field-bg);color:var(--control-text);font-family:var(--font-display);font-size:18px;line-height:1;cursor:pointer}.kebab-btn:hover{border-color:var(--control-field-border-hover)}.kebab-menu{position:absolute;top:40px;right:0;z-index:7;width:180px;padding:6px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--surface-panel-body-gradient);box-shadow:var(--shadow-soft);display:grid;gap:6px}.kebab-menu-item{text-align:left;min-height:34px;padding:8px 10px;border-radius:var(--radius-xs);border:1px solid transparent;background:transparent;color:var(--control-text);font-family:var(--font-body);font-size:.9rem;cursor:pointer}.kebab-menu-item:hover{border-color:var(--control-surface-border-hover);background:var(--control-surface-bg-hover)}.panel-section{padding:var(--space-3);border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg);display:grid;gap:10px}.panel-section p{margin:0;color:var(--color-text-muted);font-size:.9rem}.theme-panel-actions .panel-section>:is(h2,h3){margin:0;font-family:var(--font-display);color:var(--accent-ui-section-title)}.panel-card,.course-card,.lesson-card{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--surface-card-border);background:var(--surface-panel-body-gradient)}.panel-select-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,168px);align-items:center;gap:var(--space-2)}.panel-select-label{color:var(--control-text);font-size:.92rem;font-weight:600;letter-spacing:.01em}.panel-select{min-height:32px;padding:0 30px 0 10px;border-radius:var(--radius-sm);border:1px solid var(--control-field-border);background:linear-gradient(45deg,transparent 50%,var(--control-field-decorative-chevron) 50%) calc(100% - 15px) calc(50% - 1px) / 5px 5px no-repeat,linear-gradient(135deg,var(--control-field-decorative-chevron) 50%,transparent 50%) calc(100% - 10px) calc(50% - 1px) / 5px 5px no-repeat,var(--control-field-bg);color:var(--control-field-text);font-family:var(--font-body);font-size:.9rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.panel-select:hover{border-color:var(--control-field-border-hover)}.panel-select:focus-visible{border-color:var(--control-field-border-focus);box-shadow:var(--control-focus-ring)}.page-more{--more-accent: var(--color-accent, var(--palette-hex-4caf1d));width:min(100%,760px);margin:0 auto;padding:36px 24px 96px;display:grid;gap:28px}.more-header{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.more-title{margin:0;font-family:var(--font-display);font-size:1.8rem;font-weight:800;letter-spacing:.01em;color:var(--shell-nav-text)}.more-subtitle{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:500;color:color-mix(in srgb,var(--shell-nav-text) 65%,transparent)}.more-section{display:grid;gap:10px}.more-section-title{margin:0;font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent);padding-left:6px}.more-row-group{display:grid;gap:8px}.more-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;border:1px solid var(--surface-section-border, color-mix(in srgb, var(--shell-nav-text) 12%, transparent));background:color-mix(in srgb,var(--shell-sidebar-bg) 86%,var(--palette-hex-000));color:var(--shell-nav-text);text-decoration:none;font-family:var(--font-display);cursor:pointer;transition:transform .16s cubic-bezier(.32,.72,.18,1),background-color .16s ease,border-color .16s ease,box-shadow .2s ease;position:relative;isolation:isolate}.more-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--shell-nav-text) 22%,transparent);background:color-mix(in srgb,var(--shell-sidebar-bg) 78%,var(--palette-hex-000));outline:none}.more-row:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--shell-nav-text) 22%,transparent);background:color-mix(in srgb,var(--shell-sidebar-bg) 78%,var(--palette-hex-000));outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--more-row-accent, var(--more-accent)) 45%,transparent)}.more-row:active{transform:translateY(0)}.more-row--disabled{cursor:not-allowed;opacity:.6}.more-row--disabled:hover,.more-row--disabled:focus-visible{transform:none}.more-row--default,.more-row--accent{--more-row-accent: var(--more-accent)}.more-row--admin{--more-row-accent: var(--palette-hex-6fb6ff)}.more-row--danger{--more-row-accent: var(--palette-hex-ff7a7a)}.more-row-leading{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;color:var(--more-row-accent, var(--more-accent))}.more-row-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--more-row-accent, var(--more-accent))}.more-row-body{display:flex;flex-direction:column;gap:2px;min-width:0}.more-row-label{font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--shell-nav-text)}.more-row-description{font-size:.82rem;font-weight:500;letter-spacing:.01em;color:color-mix(in srgb,var(--shell-nav-text) 60%,transparent)}.more-row-trailing{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.more-row-tag{font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--more-row-accent, var(--more-accent)) 18%,transparent);color:var(--more-row-accent, var(--more-accent));border:1px solid color-mix(in srgb,var(--more-row-accent, var(--more-accent)) 35%,transparent)}.more-row-chevron{color:color-mix(in srgb,var(--shell-nav-text) 50%,transparent);transition:transform .2s cubic-bezier(.32,.72,.18,1),color .16s ease}.more-row:hover .more-row-chevron,.more-row:focus-visible .more-row-chevron{transform:translate(3px);color:var(--more-row-accent, var(--more-accent))}.more-row--loading{pointer-events:none}.more-row-label--placeholder,.more-row-description--placeholder,.more-row-icon--placeholder{display:inline-block;height:.9em;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--shell-nav-text) 8%,transparent),color-mix(in srgb,var(--shell-nav-text) 18%,transparent),color-mix(in srgb,var(--shell-nav-text) 8%,transparent));background-size:200% 100%;animation:more-row-shimmer 1.4s linear infinite}.more-row-icon--placeholder{width:24px;height:24px;border-radius:6px}.more-row-label--placeholder{width:140px;margin-bottom:4px}.more-row-description--placeholder{width:240px;height:.75em}@keyframes more-row-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.more-row,.more-row-chevron{transition:none}.more-row:hover,.more-row:focus-visible{transform:none}.more-row-label--placeholder,.more-row-description--placeholder{animation:none}}@media (max-width: 720px){.page-more{padding:20px 14px 80px}.more-row{padding:12px 14px;gap:10px}.more-row-description{display:none}}.page-leaderboards{--lb-accent: var(--color-accent, var(--palette-hex-4caf1d));--lb-row-bg: color-mix(in srgb, var(--shell-sidebar-bg) 86%, var(--palette-hex-000));--lb-row-border: color-mix(in srgb, var(--shell-nav-text) 12%, transparent);width:min(100%,980px);margin:0 auto;padding:36px 24px 96px;display:grid;gap:22px;color:var(--shell-nav-text);font-family:var(--font-display)}.lb-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.lb-header-text{display:flex;flex-direction:column;gap:6px;min-width:0}.lb-kicker{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lb-accent)}.lb-title{margin:0;font-size:1.8rem;font-weight:800;letter-spacing:.01em;color:var(--shell-nav-text)}.lb-subtitle{margin:0;font-size:.95rem;font-weight:500;color:color-mix(in srgb,var(--shell-nav-text) 65%,transparent);max-width:60ch}.lb-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 14px;border-radius:10px;border:1px solid var(--lb-row-border);background:var(--lb-row-bg)}.lb-meta-label{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent)}.lb-meta-value{font-size:.95rem;font-weight:700;color:color-mix(in srgb,var(--shell-nav-text) 80%,transparent);font-variant-numeric:tabular-nums}.lb-filters{display:flex;flex-wrap:wrap;gap:16px;padding:16px 18px;border-radius:14px;border:1px solid var(--lb-row-border);background:var(--lb-row-bg)}.lb-filter-group{display:flex;flex-direction:column;gap:6px;min-width:0}.lb-filter-label{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent)}.lb-filter-chips{display:inline-flex;gap:6px;flex-wrap:wrap}.lb-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid var(--lb-row-border);background:transparent;color:color-mix(in srgb,var(--shell-nav-text) 65%,transparent);cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.lb-chip:hover{color:var(--shell-nav-text);border-color:color-mix(in srgb,var(--shell-nav-text) 28%,transparent)}.lb-chip--active{background:var(--lb-accent);color:var(--palette-hex-0b1208);border-color:var(--lb-accent)}.lb-chip--active:hover{border-color:var(--lb-accent)}.lb-chip:focus-visible{outline:2px solid color-mix(in srgb,var(--lb-accent) 60%,transparent);outline-offset:2px}.lb-table-section{display:grid;gap:8px;padding:18px 18px 14px;border-radius:14px;border:1px solid var(--lb-row-border);background:var(--lb-row-bg)}.lb-table-head{display:grid;grid-template-columns:56px minmax(0,1fr) 96px 110px 130px;align-items:center;gap:14px;padding:8px 14px;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent)}.lb-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lb-row{display:grid;grid-template-columns:56px minmax(0,1fr) 96px 110px 130px;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:color-mix(in srgb,var(--shell-sidebar-bg) 92%,var(--palette-hex-000));color:var(--shell-nav-text);text-decoration:none;transition:transform .16s cubic-bezier(.32,.72,.18,1),background-color .16s ease,border-color .16s ease}.lb-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--shell-nav-text) 22%,transparent);background:color-mix(in srgb,var(--shell-sidebar-bg) 80%,var(--palette-hex-000))}.lb-row:focus-visible{outline:none;border-color:color-mix(in srgb,var(--lb-accent) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--lb-accent) 45%,transparent)}.lb-row[data-podium=gold]{border-color:color-mix(in srgb,var(--palette-hex-ffd24c) 50%,transparent)}.lb-row[data-podium=silver]{border-color:color-mix(in srgb,var(--palette-hex-cdd6dc) 45%,transparent)}.lb-row[data-podium=bronze]{border-color:color-mix(in srgb,var(--palette-hex-d4945a) 45%,transparent)}.lb-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-weight:800;font-size:.95rem;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--shell-nav-text) 8%,transparent);color:color-mix(in srgb,var(--shell-nav-text) 85%,transparent)}.lb-rank--gold{background:color-mix(in srgb,var(--palette-hex-ffd24c) 18%,transparent);color:var(--palette-hex-ffd24c)}.lb-rank--silver{background:color-mix(in srgb,var(--palette-hex-cdd6dc) 18%,transparent);color:var(--palette-hex-cdd6dc)}.lb-rank--bronze{background:color-mix(in srgb,var(--palette-hex-d4945a) 18%,transparent);color:var(--palette-hex-d4945a)}.lb-col--player{display:flex;align-items:center;gap:12px;min-width:0}.lb-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;font-weight:800;font-size:.95rem;color:var(--palette-rgba-255-255-255-0-92);text-transform:uppercase;flex:0 0 auto;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--palette-hex-ffffff) 14%,transparent)}.lb-player-text{display:flex;flex-direction:column;gap:2px;min-width:0}.lb-display-name{font-size:1rem;font-weight:700;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-username{font-size:.78rem;font-weight:500;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rating{font-size:1.05rem;font-weight:800;color:var(--lb-accent);font-variant-numeric:tabular-nums;letter-spacing:.02em}.lb-record{display:inline-flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;font-weight:700;font-size:.92rem}.lb-record-w{color:color-mix(in srgb,var(--lb-accent) 80%,var(--palette-hex-ffffff))}.lb-record-l{color:color-mix(in srgb,var(--palette-hex-ff7a7a) 80%,transparent)}.lb-record-sep{color:color-mix(in srgb,var(--shell-nav-text) 40%,transparent)}.lb-col--winrate{display:flex;align-items:center;gap:10px}.lb-winrate-bar{flex:1 1 auto;height:6px;border-radius:999px;background:color-mix(in srgb,var(--shell-nav-text) 10%,transparent);overflow:hidden}.lb-winrate-fill{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--lb-accent) 60%,var(--palette-hex-000)),var(--lb-accent))}.lb-winrate-text{flex:0 0 auto;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--shell-nav-text) 80%,transparent)}.lb-footer{padding:10px 14px 4px;border-top:1px solid color-mix(in srgb,var(--shell-nav-text) 8%,transparent);margin-top:6px}.lb-footer-note{font-size:.78rem;font-weight:500;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent)}@media (prefers-reduced-motion: reduce){.lb-row,.lb-chip{transition:none}.lb-row:hover{transform:none}}@media (max-width: 720px){.page-leaderboards{padding:20px 14px 80px}.lb-header{align-items:flex-start}.lb-table-head,.lb-row{grid-template-columns:44px minmax(0,1fr) 80px 90px;gap:10px}.lb-col--winrate{display:none}.lb-avatar{width:30px;height:30px}}.site-page{width:min(100%,1080px);margin:0 auto;display:grid;gap:18px;padding:36px 0 72px}.site-page-hero,.site-info-card{border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:radial-gradient(circle at 18% 0%,var(--surface-site-hero-glow),transparent 34%),var(--surface-section-bg);box-shadow:var(--shadow-soft)}.site-page-hero{display:grid;gap:12px;padding:28px}.site-kicker,.mode-card-meta{color:var(--text-site-kicker-strong);font-family:var(--font-display);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.site-page h1,.site-page h2{margin:0;font-family:var(--font-display);line-height:1}.site-page h1{font-size:clamp(2.2rem,5vw,4.75rem)}.site-page.utility-page .site-page-hero h1{color:var(--accent-ui-section-title)}.site-page h2{font-size:1.2rem}.site-page p{margin:0;max-width:680px;color:var(--color-text-muted);font-size:1rem;line-height:1.45}.site-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.friends-page-hub{max-width:920px;margin:0 auto}.friends-page-hub-hero{margin-bottom:20px}.friends-page-hub-hero-text h1{margin:8px 0 0;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:900;letter-spacing:.02em;color:var(--accent-ui-section-title)}.friends-page-hub-lead{margin:12px 0 0;max-width:640px;color:var(--color-text-muted);font-size:1rem;line-height:1.45}.friends-page-hub-actions{margin-top:16px}.friends-page-hub-panel{width:100%;padding:22px 24px 28px;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg);box-shadow:var(--shadow-soft);--panel-bg: var(--surface-section-bg);--panel-text: var(--color-text-primary);--panel-muted: var(--color-text-muted);--panel-border: var(--surface-section-border);--panel-surface: color-mix(in srgb, var(--color-page-bg) 55%, var(--surface-section-bg))}.header-shell-popover .friend-social-surface{--panel-bg: var(--surface-section-bg);--panel-text: var(--color-text-primary);--panel-muted: var(--color-text-muted);--panel-border: var(--surface-section-border);--panel-surface: color-mix(in srgb, var(--color-page-bg) 55%, var(--surface-section-bg))}.friends-page-hub-panel .friend-social-surface--page{min-height:360px}.mode-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mode-card{min-height:210px;display:grid;align-content:start;gap:12px;padding:18px;border-radius:var(--radius-md);border:1px solid var(--surface-card-border);background:var(--surface-panel-body-gradient);color:var(--color-text-primary);text-decoration:none;box-shadow:var(--shadow-soft);transition:border-color .14s ease,transform .14s ease,filter .14s ease}.mode-card:hover{border-color:var(--control-surface-border-hover);filter:brightness(1.08);transform:translateY(-2px)}.mode-card:active{transform:translateY(0) scale(.99)}.mode-card strong{font-family:var(--font-display);font-size:1.55rem;line-height:1}.mode-card p{font-size:.92rem}.site-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-info-card{display:grid;gap:10px;padding:18px}.panel-button-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.panel-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--control-surface-border);background:var(--control-surface-bg);color:var(--control-text);font-family:var(--font-display);font-size:.95rem;font-weight:700;text-decoration:none;cursor:pointer}.panel-btn:hover{border-color:var(--control-surface-border-hover);background:var(--control-surface-bg-hover)}.panel-btn.primary{border-color:var(--control-primary-border);background:var(--control-primary-bg);color:var(--control-primary-text)}.panel-btn.primary:hover{border-color:var(--control-primary-border-hover);background:var(--control-primary-bg-hover)}.panel-btn:disabled{cursor:not-allowed;opacity:var(--control-disabled-opacity)}.panel-btn.muted{border-color:var(--control-surface-muted-border);background:var(--control-surface-muted-bg);color:var(--control-text-dim);cursor:not-allowed}.ui-tooltip-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center}.ui-tooltip-bubble{position:absolute;z-index:30;min-width:max-content;max-width:220px;padding:6px 10px;border-radius:var(--radius-xs);border:1px solid var(--tooltip-bubble-border);background:var(--tooltip-bubble-bg);color:var(--tooltip-bubble-text);font-family:var(--font-body);font-size:.9rem;font-weight:700;line-height:1;text-align:center;pointer-events:none;opacity:0;box-shadow:var(--tooltip-bubble-shadow);transition:opacity .12s ease,transform .12s ease}.ui-tooltip-bubble:after{content:"";position:absolute;width:10px;height:10px;border-right:1px solid var(--tooltip-bubble-border);border-bottom:1px solid var(--tooltip-bubble-border);background:var(--tooltip-bubble-arrow-bg)}.ui-tooltip-anchor-top .ui-tooltip-bubble{left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px)}.ui-tooltip-anchor-top .ui-tooltip-bubble:after{left:50%;top:calc(100% - 6px);transform:translate(-50%) rotate(45deg)}.ui-tooltip-anchor-bottom .ui-tooltip-bubble{left:50%;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px)}.ui-tooltip-anchor-bottom .ui-tooltip-bubble:after{left:50%;bottom:calc(100% - 6px);transform:translate(-50%) rotate(225deg)}.ui-tooltip-anchor-left .ui-tooltip-bubble{right:calc(100% + 10px);top:50%;transform:translate(4px) translateY(-50%)}.ui-tooltip-anchor-left .ui-tooltip-bubble:after{left:calc(100% - 6px);top:50%;transform:translateY(-50%) rotate(-45deg)}.ui-tooltip-anchor-right .ui-tooltip-bubble{left:calc(100% + 10px);top:50%;transform:translate(-4px) translateY(-50%)}.ui-tooltip-anchor-right .ui-tooltip-bubble:after{right:calc(100% - 6px);top:50%;transform:translateY(-50%) rotate(135deg)}.ui-tooltip-anchor-top[data-tooltip-visible=true] .ui-tooltip-bubble,.ui-tooltip-anchor-bottom[data-tooltip-visible=true] .ui-tooltip-bubble{opacity:1;transform:translate(-50%) translateY(0)}.ui-tooltip-anchor-left[data-tooltip-visible=true] .ui-tooltip-bubble,.ui-tooltip-anchor-right[data-tooltip-visible=true] .ui-tooltip-bubble{opacity:1;transform:translate(0) translateY(-50%)}.theme-panel-actions .panel-btn{border-color:var(--control-panel-surface-border);background:var(--control-panel-surface-bg);color:var(--control-panel-surface-text)}.theme-panel-actions .panel-btn:hover{border-color:var(--control-panel-surface-border-hover);background:var(--control-panel-surface-bg-hover)}.theme-panel-actions .panel-btn.primary{border-color:var(--control-panel-primary-border);background:var(--control-panel-primary-bg);color:var(--control-panel-primary-text)}.theme-panel-actions .panel-btn.primary:hover{border-color:var(--control-panel-primary-border-hover);background:var(--control-panel-primary-bg-hover)}.course-card h3,.lesson-card h3{margin:0;font-family:var(--font-display);font-size:1rem}.course-card p,.lesson-card p{margin:0;color:var(--color-text-muted);font-size:.9rem}.course-card-head,.lesson-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{padding:4px 9px;border-radius:999px;font-size:.72rem;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pill.open{border:1px solid var(--state-status-border);color:var(--state-status-text);background:var(--state-status-bg)}.pill.locked{border:1px solid var(--control-surface-muted-border);color:var(--control-text-muted);background:var(--state-neutral-bg)}.status-badge{height:64px;min-height:64px;max-height:64px;align-self:start;display:flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--state-status-border);background:var(--state-status-bg);color:var(--state-status-text);padding:10px 12px;font-family:var(--font-display);font-weight:700}.status-badge.status-badge-soft-win{border-color:var(--state-warning-border);background:var(--state-warning-bg);color:var(--state-warning-text)}.status-soft{color:var(--state-warning-text);font-size:.92rem}.status-error{display:grid;gap:var(--space-2)}.status-error strong{color:var(--state-danger-text)}.lesson-phase-indicator{position:relative;z-index:1;left:auto;right:auto;top:auto;min-height:var(--phase-bottom-content-height);display:grid;align-content:var(--phase-bottom-content-justify);justify-items:var(--phase-bottom-content-align);gap:var(--phase-bottom-content-gap);padding:var(--phase-bottom-content-padding-y) var(--phase-bottom-content-padding-x);text-align:var(--phase-bottom-content-text-align);overflow:hidden;text-shadow:var(--lesson-phase-text-shadow);transition:color .22s ease}.lesson-phase-indicator strong{display:block;font-family:var(--font-display);font-size:var(--phase-bottom-content-title-size);color:var(--lesson-phase-title-text);letter-spacing:.01em;line-height:1.2}.lesson-phase-indicator span{display:block;color:var(--lesson-phase-body-text);font-size:var(--phase-bottom-content-body-size);line-height:1.15;-webkit-box-orient:vertical;-webkit-line-clamp:var(--phase-bottom-content-body-lines);display:-webkit-box;overflow-wrap:anywhere;overflow:hidden;white-space:normal}.lesson-panel-column.phase-teach,.lesson-phase-footer.teach,.lesson-mobile-shell.phase-teach{--phase-bg: var(--lesson-phase-default-bg);--phase-border: var(--lesson-phase-default-border);--phase-accent: var(--lesson-phase-default-accent);--phase-ribbon-fill: var(--lesson-phase-default-ribbon-fill)}.lesson-panel-column.phase-challenge-active,.lesson-phase-footer.challenge-active,.lesson-mobile-shell.phase-challenge-active{--phase-bg: var(--lesson-phase-challenge-bg);--phase-border: var(--lesson-phase-challenge-border);--phase-accent: var(--lesson-phase-challenge-accent);--phase-ribbon-fill: var(--lesson-phase-challenge-ribbon-fill)}.lesson-panel-column.phase-hint-playback,.lesson-phase-footer.hint-playback,.lesson-mobile-shell.phase-hint-playback{--phase-bg: var(--lesson-phase-hint-bg);--phase-border: var(--lesson-phase-hint-border);--phase-accent: var(--lesson-phase-hint-accent);--phase-ribbon-fill: var(--lesson-phase-hint-ribbon-fill)}.lesson-panel-column.phase-challenge-success,.lesson-panel-column.phase-lesson-complete,.lesson-phase-footer.challenge-success,.lesson-phase-footer.lesson-complete,.lesson-mobile-shell.phase-challenge-success,.lesson-mobile-shell.phase-lesson-complete{--phase-bg: var(--lesson-phase-success-bg);--phase-border: var(--lesson-phase-success-border);--phase-accent: var(--lesson-phase-success-accent);--phase-ribbon-fill: var(--lesson-phase-success-ribbon-fill)}.chip-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--control-surface-border);background:var(--control-surface-bg);color:var(--control-text);font-family:var(--font-display);font-weight:700;cursor:pointer}.chip.active{border-color:var(--control-primary-border);background:color-mix(in srgb,var(--control-primary-border) 46%,var(--control-surface-bg) 54%)}.toggle{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--control-text-muted)}.slider{display:grid;gap:var(--space-2);font-size:.9rem;color:var(--control-text-muted)}.debug-dump h3{margin:0;font-family:var(--font-display);font-size:.92rem;font-weight:800}.coach-bubble{display:grid;grid-template-columns:46px minmax(0,1fr);gap:var(--space-2);align-items:start}.coach-feed{min-height:0;height:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--space-2);padding-right:4px}.coach-feed-wrap{position:relative;min-height:0;height:100%;border:1px solid var(--surface-code-border);border-radius:var(--radius-md);background:var(--surface-panel-body-gradient);padding:var(--space-2);overflow:hidden}.coach-bubble-feed .coach-message{box-shadow:var(--lesson-coach-bubble-highlight)}.coach-bubble-feed.tone-challenge .coach-message{border-color:var(--state-neutral-border)}.coach-bubble-feed.tone-success .coach-message{border-color:var(--control-primary-border);background:var(--state-success-bg);color:var(--state-success-text)}.coach-bubble-feed.tone-success .coach-message p{color:var(--state-success-text)}.coach-bubble-feed.tone-feedback .coach-message{border-color:var(--state-feedback-border);background:var(--state-feedback-bg);color:var(--state-feedback-text)}.coach-bubble-feed.tone-feedback .coach-message p{color:var(--state-feedback-text)}.coach-bubble-feed.tone-hint .coach-message{border-color:var(--state-info-border);background:var(--state-info-bg);color:var(--state-info-text)}.coach-bubble-feed.tone-hint .coach-message p{color:var(--state-info-text)}.coach-feed::-webkit-scrollbar{width:8px}.coach-feed::-webkit-scrollbar-thumb{background:var(--lesson-coach-scrollbar-thumb);border-radius:999px}.coach-avatar{width:46px;height:46px;border-radius:999px;border:1px solid var(--lesson-coach-avatar-border);background:var(--lesson-coach-avatar-bg);color:var(--lesson-coach-avatar-text);font-family:var(--font-display);font-size:1.1rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.coach-message{border-radius:var(--radius-md);border:1px solid var(--lesson-coach-message-border);background:var(--lesson-coach-message-bg);color:var(--lesson-coach-message-text);padding:10px 12px}.coach-label{margin-bottom:var(--space-1);color:var(--lesson-coach-label-text);font-size:.78rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.coach-message p{margin:0;color:var(--lesson-coach-body-text);font-size:.92rem;line-height:1.35}.progress-strip{display:grid;gap:var(--space-2)}.progress-strip-header{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-muted);font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.progress-strip-track{width:100%;height:10px;border-radius:999px;border:1px solid var(--control-surface-border);background:var(--surface-subtle-bg);overflow:hidden}.progress-strip-fill{height:100%;border-radius:999px;background:var(--lesson-progress-fill)}.roadmap-mini{padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--surface-card-border);background:var(--surface-panel-body-gradient);display:grid;gap:var(--space-2)}.roadmap-mini-head{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.05em}.roadmap-mini-head strong{font-family:var(--font-display);font-size:.78rem;color:var(--lesson-roadmap-mini-head-text)}.roadmap-mini-head span{color:var(--lesson-roadmap-mini-head-subtext);font-size:.7rem;font-family:var(--font-display)}.roadmap-mini-strip{margin:0;padding:0;list-style:none;display:grid;gap:0}.roadmap-mini-step{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0}.roadmap-mini-step:not(:last-child):after{content:"";position:absolute;left:8px;top:26px;width:2px;height:calc(100% - 10px);background:var(--lesson-roadmap-mini-track)}.roadmap-mini-node{width:14px;height:14px;border-radius:999px;border:1px solid var(--lesson-roadmap-mini-node-border);background:var(--lesson-roadmap-mini-node-bg)}.roadmap-mini-step.active .roadmap-mini-node{border-color:var(--lesson-roadmap-mini-node-active-border);background:var(--lesson-roadmap-mini-node-active-bg)}.roadmap-mini-step.completed .roadmap-mini-node{border-color:var(--lesson-roadmap-mini-node-completed-border);background:var(--lesson-roadmap-mini-node-completed-bg)}.roadmap-mini-step.locked .roadmap-mini-node{border-color:var(--lesson-roadmap-mini-node-locked-border);background:var(--lesson-roadmap-mini-node-locked-bg)}.roadmap-mini-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.roadmap-mini-meta span{color:var(--lesson-roadmap-mini-meta-text);font-size:.86rem;font-family:var(--font-display)}.roadmap-mini-meta small{color:var(--lesson-roadmap-mini-meta-subtext);font-size:.73rem;font-family:var(--font-mono)}.lesson-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.lesson-mobile-shell{display:none}.lesson-mobile-head{display:flex;gap:var(--space-2);align-items:start;justify-content:space-between}.lesson-mobile-head h3{margin:0;font-family:var(--font-display);font-size:1.1rem;line-height:1.15}.lesson-mobile-head p{margin:6px 0 0;color:var(--color-text-muted);font-size:.84rem}.lesson-mobile-head-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.lesson-mobile-head-actions .panel-btn{min-height:32px;padding:6px 10px;font-size:.82rem}.lesson-mobile-phase{display:grid;gap:4px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--phase-border);background:var(--lesson-phase-footer-shell-mobile),linear-gradient(180deg,var(--phase-bg),var(--lesson-phase-footer-tail-mobile))}.lesson-mobile-phase strong{font-family:var(--font-display);font-size:.82rem;color:var(--lesson-phase-title-text)}.lesson-mobile-phase span{color:var(--lesson-phase-body-text);font-size:.8rem;line-height:1.2}pre{margin:0;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--surface-code-border);background:var(--surface-code-bg);color:var(--lesson-phase-code-text);font-family:var(--font-mono);font-size:.78rem;max-height:220px;overflow:auto}@media (max-width: 1150px){.page-panel{height:auto;min-height:auto}.panel-select-row{grid-template-columns:1fr;gap:6px}.panel-select{width:100%}.lesson-panel-shell{height:auto}.lesson-phase-footer{--phase-ribbon-bottom-height: 110px;--phase-bottom-content-padding-y: 6px;--phase-bottom-content-padding-x: 6px;--phase-bottom-content-height: 74px;--phase-bottom-content-title-size: .72rem;--phase-bottom-content-body-size: .68rem}}@media (max-width: 900px){.site-page{padding:18px 0 48px}.site-page-hero{padding:20px}.mode-card-grid,.site-info-grid{grid-template-columns:1fr}.mode-card{min-height:0}.page-workspace.page-workspace-lesson-mobile .page-panel{display:none}.page-workspace.page-workspace-lesson-mobile .page-board-column{display:grid;align-content:start;gap:var(--space-3)}.page-workspace.page-workspace-lesson-mobile .board-shell-frame{order:2}.page-workspace.page-workspace-lesson-mobile .lesson-mobile-shell{display:grid;gap:var(--space-2);width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--surface-card-border);background:var(--surface-panel-body-gradient)}.page-workspace.page-workspace-lesson-mobile .lesson-mobile-coach{order:1}.page-workspace.page-workspace-lesson-mobile .lesson-mobile-coach .coach-feed-wrap{max-height:min(34vh,280px)}.page-workspace.page-workspace-lesson-mobile .lesson-mobile-challenge{order:3}}.learn-desktop-roadmap{display:flex;min-height:0;height:100%}.learn-mobile-courses{display:none}.learn-roadmap-coach{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px 10px}.learn-roadmap-coach-avatar{width:42px;height:42px;border-radius:999px;border:1px solid var(--roadmap-coach-avatar-border);background:var(--roadmap-coach-avatar-bg);color:var(--roadmap-coach-avatar-text);font-family:var(--font-display);font-size:1rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.learn-roadmap-coach-bubble{position:relative;min-height:42px;padding:9px 11px;border-radius:var(--radius-md);border:1px solid var(--roadmap-coach-bubble-border);background:var(--roadmap-coach-bubble-bg);color:var(--roadmap-coach-bubble-text);font-size:.84rem;line-height:1.25}.learn-roadmap-coach-bubble:before{content:"";position:absolute;left:-8px;top:14px;width:12px;height:12px;border-left:1px solid var(--roadmap-coach-bubble-border);border-bottom:1px solid var(--roadmap-coach-bubble-border);background:var(--roadmap-coach-bubble-bg);transform:rotate(45deg)}.learn-roadmap-track{--roadmap-track-rgb: var(--color-roadmap-track-rgb);--roadmap-section-accent-dimmed-rgb: 67 184 234;--roadmap-top-overlay-opacity: .98;--roadmap-bottom-overlay-opacity: 1;--roadmap-bottom-section-tint-opacity: 1;--roadmap-bottom-section-threshold-px: 112px;--roadmap-bottom-section-threshold-blend-px: 18px;--roadmap-bottom-section-fade-px: 132px;--roadmap-bridge-title-size: 1.75rem;--roadmap-bridge-label-scale: .36;--roadmap-bridge-label-gap: 0px;--roadmap-bridge-center-offset-y: 0px;--roadmap-bridge-center-bias: calc(var(--roadmap-bridge-title-size) * var(--roadmap-bridge-label-scale) * .5);--roadmap-scrollbar-width: 6px;--roadmap-scrollbar-edge-padding: 2px;--roadmap-scroll-smooth-duration: .41s;--roadmap-scroll-smooth-ease: cubic-bezier(.22, 1, .36, 1);width:100%;min-height:0;height:100%;position:relative;isolation:isolate;overflow:hidden;padding:0;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgb(var(--roadmap-section-accent-rgb, 76 175 29) / .1),rgb(var(--roadmap-section-accent-rgb, 76 175 29) / 0) 70%),linear-gradient(180deg,var(--palette-hex-14171a) 0%,var(--palette-hex-0d1012) 100%);transition:background .32s ease}.learn-roadmap-overlay{position:absolute;left:0;right:0;z-index:5;pointer-events:none}.learn-roadmap-coach-overlay{top:0;z-index:7;padding:10px 14px 84px;background:linear-gradient(180deg,rgba(var(--palette-roadmap-overlay-rgb),calc(var(--roadmap-top-overlay-opacity) * 1)) 0%,rgba(var(--palette-roadmap-overlay-rgb),calc(var(--roadmap-top-overlay-opacity) * .96)) 24%,rgba(var(--palette-roadmap-overlay-rgb),calc(var(--roadmap-top-overlay-opacity) * .78)) 48%,rgba(var(--palette-roadmap-overlay-rgb),calc(var(--roadmap-top-overlay-opacity) * .42)) 74%,var(--palette-rgba-20-23-26-0) 100%)}.learn-roadmap-scrollbar{position:absolute;right:var(--roadmap-scrollbar-edge-padding);top:0;bottom:0;width:var(--roadmap-scrollbar-width);z-index:6;pointer-events:auto;cursor:grab;touch-action:none}.learn-roadmap-scrollbar-thumb{position:absolute;left:0;right:0;top:calc(16px + var(--roadmap-scroll-thumb-top, 0px));height:var(--roadmap-scroll-thumb-height, 64px);border-radius:999px;background:var(--roadmap-scrollbar-thumb);transition:top var(--roadmap-scroll-smooth-duration) var(--roadmap-scroll-smooth-ease)}.learn-roadmap-scrollbar:active{cursor:grabbing}.learn-roadmap-scrollbar:active .learn-roadmap-scrollbar-thumb{transition:none}.learn-roadmap-path-layer{position:relative;width:100%;z-index:1;will-change:transform;transition:transform var(--roadmap-scroll-smooth-duration) var(--roadmap-scroll-smooth-ease);transform:translateY(calc((1 - var(--roadmap-zoom, 1)) * var(--roadmap-zoom-anchor-y, 0px) + var(--roadmap-scroll-offset-y, 0px))) scale(var(--roadmap-zoom, 1));transform-origin:top center}.learn-roadmap-track.is-layout-pending .learn-roadmap-path-layer,.learn-roadmap-track.is-layout-pending .learn-roadmap-node,.learn-roadmap-track.is-layout-pending .learn-roadmap-scrollbar-thumb,.learn-roadmap-track.is-scroll-interacting .learn-roadmap-path-layer,.learn-roadmap-track.is-scroll-interacting .learn-roadmap-scrollbar-thumb{transition:none!important}.learn-roadmap-bg-tile{--roadmap-base: var(--roadmap-tile-bg-base);--roadmap-edge: var(--roadmap-tile-bg-edge);position:absolute;left:50%;top:0;width:130px;height:98px;transform:translate(-50%,calc(-50% - var(--roadmap-anchor-y, 0px))) translate(var(--roadmap-x),var(--roadmap-y));pointer-events:none;opacity:.9;z-index:1}.learn-roadmap-board-frame{--roadmap-section-accent-rgb: 67 184 234;position:absolute;left:50%;top:0;width:var(--roadmap-board-width, 360px);transform:translate(-50%,var(--roadmap-board-top, 0px));pointer-events:none;z-index:0;filter:drop-shadow(0 18px 26px var(--palette-rgba-0-0-0-0-42)) drop-shadow(0 0 18px rgb(var(--roadmap-section-accent-rgb) / .16));transition:transform .42s cubic-bezier(.22,1,.36,1)}.learn-roadmap-board-base{display:block;width:100%;height:auto;overflow:visible}.learn-roadmap-board-base-top{fill:color-mix(in srgb,var(--roadmap-base, var(--palette-hex-1d4840)) 56%,var(--palette-hex-0d1418) 44%);stroke:color-mix(in srgb,var(--roadmap-top, var(--palette-hex-43b8ea)) 18%,var(--palette-rgba-0-0-0-0-55));stroke-width:1.2;stroke-linejoin:round}.learn-roadmap-board-base-wall-left{fill:color-mix(in srgb,var(--roadmap-edge, var(--palette-hex-12342d)) 78%,var(--palette-hex-050709) 22%)}.learn-roadmap-board-base-wall-right{fill:color-mix(in srgb,var(--roadmap-edge, var(--palette-hex-12342d)) 64%,var(--palette-hex-050709) 36%)}.learn-roadmap-board-base-lines{opacity:.55}.learn-roadmap-board-base-lines line,.learn-roadmap-board-base-lines polygon{stroke-linecap:round;stroke-linejoin:round}.learn-roadmap-board-base-grid{stroke:color-mix(in srgb,var(--roadmap-top, var(--palette-hex-43b8ea)) 28%,var(--palette-hex-ffffff));stroke-width:1}.learn-roadmap-board-base-rim{fill:none;stroke:rgb(var(--roadmap-section-accent-rgb));stroke-width:1.4}.learn-roadmap-board-base-corner,.learn-roadmap-board-base-bottom-edge{stroke:rgb(var(--roadmap-section-accent-rgb));stroke-width:1.2}.learn-roadmap-board-base-stack-boundary{stroke:color-mix(in srgb,rgb(var(--roadmap-section-accent-rgb)) 70%,var(--palette-hex-ffffff));stroke-width:1.3}.learn-roadmap-board-link-icon{width:22px;height:30px;display:block;filter:drop-shadow(0 2px 4px var(--palette-rgba-0-0-0-0-4))}.learn-roadmap-board-link-ring{stroke:color-mix(in srgb,rgb(var(--roadmap-section-accent-rgb, 67 184 234)) 65%,var(--palette-hex-ffffff) 35%)}.learn-roadmap-board-link{position:absolute;left:50%;top:0;transform:translate(-50%,-50%) translate(var(--roadmap-x),var(--roadmap-y));pointer-events:none;z-index:2;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .28s ease}.learn-roadmap-stack-layer-link{position:absolute;left:50%;top:0;transform:translate(-50%,calc(-1 * var(--roadmap-inter-board-gap-px, 56px) / 2 - 15px));pointer-events:none;z-index:5;opacity:0;transition:opacity .22s ease}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-stack-layer-link{opacity:.85;transition-delay:calc(var(--roadmap-stack-layer-depth, 0) * 70ms + .32s)}.learn-roadmap-section-stack{position:absolute;left:50%;top:0;width:var(--roadmap-board-width, 360px);transform:translate(-50%,var(--roadmap-stack-top, 0px));pointer-events:auto;cursor:pointer;z-index:0;filter:drop-shadow(0 18px 28px var(--palette-rgba-0-0-0-0-55));transition:transform .42s cubic-bezier(.22,1,.36,1)}.learn-roadmap-section-stack[data-stack-state=previewing]{z-index:5}.learn-roadmap-section-stack:focus-visible{outline:2px solid rgb(var(--roadmap-section-accent-rgb) / .7);outline-offset:4px;border-radius:6px}.learn-roadmap-section-stack[data-stack-state=locked]:hover{filter:drop-shadow(0 22px 32px var(--palette-rgba-0-0-0-0-6)) drop-shadow(0 0 22px rgb(var(--roadmap-section-accent-rgb) / .4))}.learn-roadmap-section-stack[data-stack-state=locked]:hover .learn-roadmap-section-stack-toggle{filter:drop-shadow(0 6px 14px var(--palette-rgba-0-0-0-0-7)) drop-shadow(0 0 12px rgb(var(--roadmap-section-accent-rgb) / .5))}.learn-roadmap-section-stack-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(0);filter:brightness(calc(.42 - var(--roadmap-stack-layer-depth, 0) * .05)) saturate(.45);transition:transform .36s cubic-bezier(.22,1,.36,1),filter .36s ease}.learn-roadmap-section-stack-layer[data-layer-index="0"] .learn-roadmap-board-base-rim{stroke:rgb(var(--roadmap-section-accent-rgb));stroke-width:1.6}.learn-roadmap-section-stack-layer .learn-roadmap-board-base-top{fill:color-mix(in srgb,var(--palette-hex-0a0d10) 78%,var(--roadmap-base, var(--palette-hex-1d4840)) 22%)}.learn-roadmap-section-stack-layer .learn-roadmap-board-base-lines{opacity:.4}.learn-roadmap-stack-chip{position:absolute;left:50%;top:0;width:130px;height:98px;transform:translate(-50%,calc(-50% - var(--roadmap-anchor-y, 0px))) translate(var(--roadmap-x),var(--roadmap-y));pointer-events:none;z-index:2;filter:saturate(.35) brightness(.62);transition:opacity .24s ease,transform .36s cubic-bezier(.22,1,.36,1)}.learn-roadmap-stack-chip .learn-roadmap-tile{position:relative;width:130px;height:98px;margin:0 auto;display:block;overflow:visible}.learn-roadmap-section-stack[data-stack-state=locked] .learn-roadmap-section-stack-layer:not([data-layer-index="0"]) .learn-roadmap-stack-chip{opacity:0}.learn-roadmap-section-stack[data-stack-state=locked] .learn-roadmap-section-stack-layer[data-layer-index="0"] .learn-roadmap-stack-chip{opacity:.85}.learn-roadmap-section-stack-toggle{position:absolute;left:50%;top:0;transform:translate(-50%,calc(var(--roadmap-stack-toggle-y, 0px) - 26px));display:flex;flex-direction:column;align-items:center;gap:4px;z-index:6;pointer-events:none;filter:drop-shadow(0 3px 8px var(--palette-rgba-0-0-0-0-6));transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .24s ease}.learn-roadmap-eye-icon{width:30px;height:30px;display:block}.learn-roadmap-eye-outline{stroke:var(--palette-rgba-245-248-252-0-95)}.learn-roadmap-eye-pupil{fill:var(--palette-rgba-245-248-252-0-95)}.learn-roadmap-eye-slash{stroke:var(--palette-rgba-245-248-252-0-95)}.learn-roadmap-section-stack-toggle-label{font-family:var(--font-display);font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--palette-rgba-245-248-252-0-78);text-shadow:0 1px 3px var(--palette-rgba-0-0-0-0-8);line-height:1;-webkit-user-select:none;user-select:none}.learn-roadmap-section-stack:hover .learn-roadmap-section-stack-toggle{transform:translate(-50%,calc(var(--roadmap-stack-toggle-y, 0px) - 30px))}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-toggle{opacity:0;pointer-events:none}.learn-roadmap-stack-layer-toggle{position:absolute;left:50%;top:0;transform:translate(-50%,calc(var(--roadmap-layer-toggle-y, 0px) - 50%));width:26px;height:26px;z-index:7;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 4px var(--palette-rgba-0-0-0-0-6));transition:opacity .22s ease}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-stack-layer-toggle{opacity:.92;transition-delay:calc(var(--roadmap-stack-layer-depth, 0) * 70ms + .32s)}.learn-roadmap-stack-layer-toggle .learn-roadmap-eye-icon{width:26px;height:26px;display:block}.learn-roadmap-stack-layer-arrows{position:absolute;left:50%;display:flex;flex-direction:column;align-items:center}.learn-roadmap-stack-layer-arrows:has(.learn-roadmap-chevron-up){bottom:100%;transform:translate(-50%) translateY(-2px)}.learn-roadmap-stack-layer-arrows:has(.learn-roadmap-chevron-down){top:100%;transform:translate(-50%) translateY(2px)}.learn-roadmap-chevron-icon{width:16px;height:16px;display:block;margin:-3px 0}.learn-roadmap-chevron-icon path{stroke:var(--palette-rgba-245-248-252-0-92)}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-board-base{pointer-events:auto}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer:has(.learn-roadmap-board-base:hover) .learn-roadmap-stack-layer-toggle{opacity:1;transform:translate(-50%,calc(var(--roadmap-layer-toggle-y, 0px) - 50%)) scale(1.22);filter:drop-shadow(0 2px 4px var(--palette-rgba-0-0-0-0-6)) drop-shadow(0 0 10px rgb(var(--roadmap-section-accent-rgb, 67 184 234) / .55));transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer:has(.learn-roadmap-board-base:hover) .learn-roadmap-eye-outline,.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer:has(.learn-roadmap-board-base:hover) .learn-roadmap-eye-pupil,.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer:has(.learn-roadmap-board-base:hover) .learn-roadmap-eye-slash{stroke:var(--palette-hex-ffffff);fill:var(--palette-hex-ffffff);transition:stroke .18s ease,fill .18s ease}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer:has(.learn-roadmap-board-base:hover) .learn-roadmap-stack-layer-arrows:has(.learn-roadmap-chevron-up){animation:learn-roadmap-chevron-pulse-up .9s ease-in-out infinite}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer:has(.learn-roadmap-board-base:hover) .learn-roadmap-stack-layer-arrows:has(.learn-roadmap-chevron-down){animation:learn-roadmap-chevron-pulse-down .9s ease-in-out infinite}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer:has(.learn-roadmap-board-base:hover) .learn-roadmap-chevron-icon path{stroke:var(--palette-hex-ffffff)}@keyframes learn-roadmap-chevron-pulse-up{0%,to{transform:translate(-50%) translateY(-2px)}50%{transform:translate(-50%) translateY(-7px)}}@keyframes learn-roadmap-chevron-pulse-down{0%,to{transform:translate(-50%) translateY(2px)}50%{transform:translate(-50%) translateY(7px)}}.learn-roadmap-section-stack[data-stack-state=unlocking] .learn-roadmap-section-stack-layer{animation:learn-roadmap-stack-fan-out .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--roadmap-stack-layer-depth, 0) * 70ms)}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer{animation:learn-roadmap-stack-preview-fan-out .52s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--roadmap-stack-layer-depth, 0) * 70ms)}@keyframes learn-roadmap-stack-preview-fan-out{0%{transform:translateY(0);filter:brightness(calc(.42 - var(--roadmap-stack-layer-depth, 0) * .05)) saturate(.45)}60%{filter:brightness(.6) saturate(.55) grayscale(.35)}to{transform:translateY(calc((var(--roadmap-board-count, 1) - 1 - var(--roadmap-stack-layer-depth, 0)) * -1 * var(--roadmap-preview-spread, 180px)));filter:brightness(.58) saturate(.45) grayscale(.45)}}.learn-roadmap-section-stack[data-stack-state=previewing] .learn-roadmap-section-stack-layer .learn-roadmap-stack-chip{opacity:.55;filter:saturate(.25) brightness(.45) grayscale(.4);transition:opacity .28s ease,filter .28s ease;transition-delay:calc(var(--roadmap-stack-layer-depth, 0) * 70ms + .22s)}.learn-roadmap-section-stack[data-stack-state=unlocking] .learn-roadmap-section-stack-toggle{opacity:0;transform:translate(-50%,calc(var(--roadmap-stack-toggle-y, 0px) - 90px)) scale(1.3)}@keyframes learn-roadmap-stack-fan-out{0%{transform:translateY(0);filter:brightness(calc(.42 - var(--roadmap-stack-layer-depth, 0) * .05)) saturate(.45)}60%{filter:brightness(.95) saturate(.9)}to{transform:translateY(calc(var(--roadmap-stack-layer-depth, 0) * 24px));filter:brightness(1) saturate(1);opacity:1}}.learn-roadmap-bg-tile .learn-roadmap-iso-art{filter:none}.learn-roadmap-node{--roadmap-base: var(--roadmap-node-base);--roadmap-top: var(--roadmap-node-top);--roadmap-edge: var(--roadmap-node-edge);--roadmap-hover-y: 0px;width:130px;height:98px;position:absolute;display:block;left:50%;top:0;transform:translate(-50%,calc(-50% - var(--roadmap-anchor-y, 0px))) translate(var(--roadmap-x),calc(var(--roadmap-y) + var(--roadmap-hover-y)));transition:transform .18s ease,opacity .18s ease,filter .18s ease;z-index:2;pointer-events:none}.learn-roadmap-node.is-hit:not(.locked){--roadmap-hover-y: 0px;z-index:3}.learn-roadmap-node-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:auto;cursor:pointer;outline:none;background:transparent}.learn-roadmap-node.completed{filter:none}.learn-roadmap-node.active{z-index:4}.learn-roadmap-node.active .learn-roadmap-tile{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--roadmap-top) 60%,transparent 40%));animation:learn-roadmap-active-bob 2.6s ease-in-out infinite}.learn-roadmap-node.active .learn-roadmap-chip-top{filter:brightness(1.12) saturate(1.18)}.learn-roadmap-node.locked{opacity:.7}.learn-roadmap-node.locked .learn-roadmap-tile{filter:saturate(.32) brightness(.55)}@keyframes learn-roadmap-active-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.learn-roadmap-section-transition{position:absolute;left:50%;top:0;transform:translate(-50%,calc(-50% - var(--roadmap-anchor-y, 0px) + var(--roadmap-bridge-center-bias) + var(--roadmap-bridge-center-offset-y))) translate(var(--roadmap-x),var(--roadmap-y));width:min(64%,220px);text-align:center;pointer-events:none;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--roadmap-bridge-label-gap);padding:0;line-height:1;transition:transform .42s cubic-bezier(.22,1,.36,1)}.learn-roadmap-section-transition-label{display:block;color:var(--roadmap-section-label);font-family:var(--font-display);font-size:calc(var(--roadmap-bridge-title-size) * var(--roadmap-bridge-label-scale));font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;margin:0}.learn-roadmap-section-transition-title{display:block;margin-top:0;color:var(--roadmap-section-title);font-family:var(--font-display);font-size:var(--roadmap-bridge-title-size);line-height:1;text-shadow:var(--roadmap-section-title-shadow)}.learn-roadmap-tile{position:relative;width:130px;height:98px;margin:0 auto;display:block;overflow:visible}.learn-roadmap-iso-art{width:100%;height:100%;display:block;overflow:visible;filter:var(--roadmap-node-shadow)}.learn-roadmap-base-top{fill:color-mix(in srgb,var(--roadmap-base) 76%,var(--roadmap-base-top-shadow) 24%);stroke:none}.learn-roadmap-chip-wall-shell{fill:color-mix(in srgb,var(--roadmap-top) 64%,var(--roadmap-chip-wall-shell-shadow) 36%);shape-rendering:geometricPrecision}.learn-roadmap-chip-wall-left,.learn-roadmap-chip-wall-right{shape-rendering:geometricPrecision;stroke:none}.learn-roadmap-chip-wall-left,.learn-roadmap-chip-wall-right{fill:color-mix(in srgb,var(--roadmap-top) 72%,var(--roadmap-chip-wall-side-shadow) 28%)}.learn-roadmap-node.active .learn-roadmap-chip-wall-shell{fill:color-mix(in srgb,var(--roadmap-top) 68%,var(--roadmap-chip-wall-side-shadow) 32%)}.learn-roadmap-node.active .learn-roadmap-chip-wall-left,.learn-roadmap-node.active .learn-roadmap-chip-wall-right{fill:color-mix(in srgb,var(--roadmap-top) 76%,var(--roadmap-chip-wall-side-active-shadow) 24%)}.learn-roadmap-node.completed .learn-roadmap-chip-wall-shell{fill:color-mix(in srgb,var(--roadmap-top) 50%,var(--roadmap-chip-wall-shell-completed-shadow) 50%)}.learn-roadmap-node.completed .learn-roadmap-chip-wall-left,.learn-roadmap-node.completed .learn-roadmap-chip-wall-right{fill:color-mix(in srgb,var(--roadmap-top) 56%,var(--roadmap-chip-wall-side-completed-shadow) 44%)}.learn-roadmap-node.locked .learn-roadmap-chip-wall-shell{fill:color-mix(in srgb,var(--roadmap-chip-wall-shell-locked-tint) 44%,var(--roadmap-chip-wall-shell-locked-shadow) 56%)}.learn-roadmap-node.locked .learn-roadmap-chip-wall-left,.learn-roadmap-node.locked .learn-roadmap-chip-wall-right{fill:color-mix(in srgb,var(--roadmap-chip-wall-side-locked-tint) 50%,var(--roadmap-chip-wall-side-locked-shadow) 50%)}.learn-roadmap-chip-top{fill:color-mix(in srgb,var(--roadmap-top) 86%,var(--roadmap-chip-top-highlight) 14%);stroke:none}.learn-roadmap-chip-decal-text{fill:color-mix(in srgb,var(--roadmap-chip-text-highlight) 88%,var(--roadmap-top) 12%);font-family:var(--font-display);font-weight:800;letter-spacing:.02em}.learn-roadmap-node.completed .learn-roadmap-chip-decal-text{fill:color-mix(in srgb,var(--roadmap-chip-text-completed-highlight) 70%,var(--roadmap-top) 30%)}.learn-roadmap-node.locked .learn-roadmap-chip-decal-text{fill:color-mix(in srgb,var(--roadmap-chip-text-locked-highlight) 62%,var(--roadmap-chip-text-locked-shadow) 38%)}.learn-roadmap-callout{position:absolute;left:50%;top:14px;transform:translate(-50%);min-width:48px;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--roadmap-callout-border);background:var(--roadmap-callout-bg);color:var(--roadmap-callout-text);font-family:var(--font-display);font-size:.66rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 3px 8px var(--palette-rgba-0-0-0-0-32),0 0 0 2px color-mix(in srgb,var(--roadmap-top, var(--palette-hex-43b8ea)) 22%,transparent 78%);animation:learn-roadmap-callout-float 2.6s ease-in-out infinite;pointer-events:none;white-space:nowrap}.learn-roadmap-callout:after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;margin-left:-3.5px;border-left:1px solid var(--roadmap-callout-border);border-bottom:1px solid var(--roadmap-callout-border);background:var(--roadmap-callout-bg);transform:rotate(-45deg)}@keyframes learn-roadmap-callout-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-2px)}}.learn-roadmap-node-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}.learn-roadmap-footer{position:absolute;left:0;right:0;bottom:0;z-index:7;border-top:0;padding:104px 14px 14px;display:grid;gap:10px;align-content:end;pointer-events:none;overflow:hidden;background:none}.learn-roadmap-footer:before{--roadmap-bottom-fade-tint-opacity: var(--roadmap-bottom-section-tint-opacity);--roadmap-bottom-solid-stop: calc(100% - var(--roadmap-bottom-section-threshold-px));--roadmap-bottom-fade-start: max( 0%, calc(100% - var(--roadmap-bottom-section-threshold-px) - var(--roadmap-bottom-section-fade-px)) );--roadmap-bottom-threshold-blend-end: max( var(--roadmap-bottom-fade-start), calc(var(--roadmap-bottom-solid-stop) - var(--roadmap-bottom-section-threshold-blend-px)) );content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--roadmap-section-accent-dimmed-rgb, 67 184 234) / 0) 0%,rgb(var(--roadmap-section-accent-dimmed-rgb, 67 184 234) / 0) var(--roadmap-bottom-fade-start),rgb(var(--roadmap-section-accent-dimmed-rgb, 67 184 234) / var(--roadmap-bottom-fade-tint-opacity)) var(--roadmap-bottom-threshold-blend-end),rgb(var(--roadmap-section-accent-dimmed-rgb, 67 184 234) / 1) var(--roadmap-bottom-solid-stop),rgb(var(--roadmap-section-accent-dimmed-rgb, 67 184 234) / 1) 100%);opacity:1}.learn-roadmap-footer-title{position:relative;z-index:1;font-family:var(--font-display);font-size:1.9rem;line-height:1;letter-spacing:-.01em;color:var(--roadmap-footer-title)}.learn-roadmap-next-btn{position:relative;z-index:1;width:100%;min-height:50px;font-size:1.05rem;border-radius:var(--radius-md);pointer-events:auto}.lesson-directory{flex:0 0 auto;min-width:0;border-bottom:1px solid var(--color-border);background:var(--surface-panel-header-gradient)}.lesson-directory-track{display:flex;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--palette-rgba-255-255-255-0-2) transparent}.lesson-directory-track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.lesson-directory-track::-webkit-scrollbar{height:6px}.lesson-directory-track::-webkit-scrollbar-track{background:transparent}.lesson-directory-track::-webkit-scrollbar-thumb{background:var(--palette-rgba-255-255-255-0-2);border-radius:999px}.lesson-directory-track::-webkit-scrollbar-thumb:hover{background:var(--palette-rgba-255-255-255-0-32)}.lesson-directory-tab{position:relative;overflow:hidden;flex:0 0 33.3333%;min-width:0;display:flex;align-items:center;justify-content:center;padding:11px 10px;color:var(--color-text-muted);text-decoration:none;font-family:var(--font-display);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-right:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-bottom:2px solid transparent;cursor:inherit;transition:color .14s ease,background .14s ease,border-color .14s ease}.lesson-directory-tab-default{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:opacity .2s ease,transform .22s cubic-bezier(.22,1,.36,1)}.lesson-directory-tab:hover,.lesson-directory-tab:focus-visible{outline:none;color:var(--color-text-primary);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.lesson-directory-tab.is-active{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-accent) 12%,transparent);border-bottom-color:var(--color-accent)}.lesson-directory-tab.is-locked{color:var(--color-text-muted);opacity:.78}.lesson-directory-tab-lock{flex:0 0 auto;width:13px;height:13px;margin-left:-2px;color:color-mix(in srgb,var(--color-accent) 30%,var(--color-text-muted))}.lesson-directory-tab.is-locked:hover{color:var(--color-text-primary);opacity:.92}.lesson-directory-tab-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:7px;opacity:0;transform:translate(10px);pointer-events:none;transition:opacity .2s ease,transform .26s cubic-bezier(.22,1,.36,1)}.lesson-directory-tab-hint-text{color:var(--color-text-primary)}.lesson-directory-tab-hint .lesson-directory-tab-lock{width:15px;height:15px;margin-left:0;color:color-mix(in srgb,var(--color-accent) 42%,var(--color-text-primary));transform-origin:50% 72%}.lesson-directory-tab.is-hinting{background:var(--palette-rgba-0-0-0-0-42)}.lesson-directory-tab.is-locked.is-hinting{opacity:1}.lesson-directory-tab.is-hinting .lesson-directory-tab-default{opacity:0;transform:scale(.95)}.lesson-directory-tab.is-hinting .lesson-directory-tab-hint{opacity:1;transform:translate(0)}.lesson-directory-tab.is-hinting .lesson-directory-tab-hint .lesson-directory-tab-lock{animation:lesson-directory-lock-rock .62s cubic-bezier(.36,.07,.19,.97) both}@keyframes lesson-directory-lock-rock{0%{transform:rotate(0)}16%{transform:rotate(-17deg)}36%{transform:rotate(13deg)}56%{transform:rotate(-9deg)}76%{transform:rotate(5deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.lesson-directory-tab-default,.lesson-directory-tab-hint{transition:opacity .16s ease;transform:none!important}.lesson-directory-tab.is-hinting .lesson-directory-tab-hint .lesson-directory-tab-lock{animation:none}}.lesson-directory-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.lesson-directory-tab-icon .app-dropdown-link-icon{width:18px;height:18px}.lesson-directory-tab-icon [class*=app-dropdown-link-icon-]:before{font-size:1rem}.lesson-directory-tab-label{overflow:hidden;text-overflow:ellipsis}.course-panel-shell .right-panel-shell-content{padding:0;gap:0}.course-panel-progress{flex:0 0 auto;padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.lesson-list-fill{display:flex;flex-direction:column;min-height:0}.lesson-list{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:0}.lesson-list-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;color:var(--color-text-primary);text-decoration:none;transition:background .12s ease,filter .12s ease}.lesson-list-row:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}a.lesson-list-row:hover,a.lesson-list-row:focus-visible{outline:none;background:var(--shell-dropdown-link-hover-bg, color-mix(in srgb, var(--color-text) 6%, transparent));filter:brightness(1.08)}a.lesson-list-row:active{background:var(--shell-dropdown-link-active-bg, color-mix(in srgb, var(--color-text) 9%, transparent))}.lesson-list-row--locked{cursor:default;opacity:.55}.lesson-list-row-status{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--surface-card-border)}.lesson-list-row-status svg{width:17px;height:17px}.lesson-list-row-status--completed{color:var(--color-accent, var(--palette-hex-4caf1d));border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.lesson-list-row-status--open{color:var(--color-accent, var(--palette-hex-4caf1d));border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.lesson-list-row-status--locked{color:var(--color-text-muted);background:var(--state-neutral-bg)}.lesson-list-row-body{min-width:0;display:grid;gap:3px}.lesson-list-row-title{font-family:var(--font-display);font-size:.95rem;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-list-row-desc{font-size:.82rem;line-height:1.35;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-list-row-meta{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.lesson-list-row-pill{padding:4px 9px;border-radius:999px;font-family:var(--font-display);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.lesson-list-row-pill--completed,.lesson-list-row-pill--open{border:1px solid var(--state-status-border);color:var(--state-status-text);background:var(--state-status-bg)}.lesson-list-row-pill--locked{border:1px solid var(--control-surface-muted-border);color:var(--control-text-muted);background:var(--state-neutral-bg)}.lesson-list-row-chevron{width:16px;height:16px;color:var(--color-text-muted);transition:transform .12s ease,color .12s ease}a.lesson-list-row:hover .lesson-list-row-chevron{transform:translate(2px);color:var(--color-accent, var(--palette-hex-4caf1d))}@media (max-width: 900px){.learn-desktop-roadmap{display:none}.learn-mobile-courses{display:grid;gap:var(--space-3)}}.page-simple{max-width:720px}.website-tuning-page{display:grid;gap:var(--space-3)}.app-shell-demo{min-height:100vh}.app-main.app-main-demo{padding:22px 26px}.demo-landing-page{height:calc(100vh - 44px);width:min(100%,1440px);margin:0 auto;display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;align-items:stretch}.demo-landing-copy{display:grid;align-content:center;gap:14px}.demo-landing-eyebrow{margin:0;color:var(--debug-eyebrow-text);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display);font-size:.78rem;font-weight:800}.demo-landing-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,3vw,3.25rem);line-height:1.02;color:var(--debug-title-text)}.demo-landing-copy p{margin:0;color:var(--debug-body-text);font-size:1rem;line-height:1.38}.demo-landing-actions{display:flex;flex-wrap:wrap;gap:10px}.demo-landing-checklist{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--debug-checklist-text)}.demo-landing-board{display:grid;min-height:0}.demo-landing-board .landing-board-shell{width:min(100%,1040px);height:100%;min-height:360px;margin-left:auto}.demo-page-workspace{width:min(100%,calc(1040px + 460px + var(--workspace-panel-gap)))}.demo-opponent-card{display:grid;gap:2px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--surface-card-border);background:var(--surface-panel-body-gradient)}.demo-opponent-card strong{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--debug-opponent-label-text)}.demo-opponent-card span{color:var(--debug-opponent-value-text);font-size:1rem;font-weight:700}.demo-opponent-card small{color:var(--debug-opponent-meta-text);font-size:.78rem}.website-tuning-sticky-actions{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:20;display:flex;justify-content:flex-end;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--surface-card-border);background:var(--surface-panel-header-gradient)}.website-tuning-page h2,.website-tuning-page h3{margin:0;font-family:var(--font-display)}.tuning-status{min-height:24px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--surface-card-border);background:var(--surface-section-bg);color:var(--debug-status-text);font-size:.88rem}.tuning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2)}.tuning-field{display:grid;gap:6px}.tuning-field span{color:var(--color-text-muted);font-size:.8rem}.tuning-field input:not([type=range]){min-height:34px;padding:7px 9px;border-radius:var(--radius-sm);border:1px solid var(--control-field-border);background:var(--control-field-bg);color:var(--control-text);font-family:var(--font-mono);font-size:.82rem}.tuning-field select{min-height:34px;padding:7px 9px;border-radius:var(--radius-sm);border:1px solid var(--control-field-border);background:var(--control-field-bg);color:var(--control-text);font-family:var(--font-body);font-size:.86rem}.tuning-field input:not([type=range]):focus{outline:0;box-shadow:var(--control-focus-ring)}.tuning-field select:focus{outline:0;box-shadow:var(--control-focus-ring)}.tuning-control-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;align-items:center}.tuning-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;min-height:0;border:0;border-radius:999px;padding:0;background:transparent}.tuning-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;border:1px solid var(--debug-slider-track-border);background:var(--debug-slider-track-bg)}.tuning-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:999px;border:1px solid var(--debug-slider-thumb-border);background:var(--debug-slider-thumb-bg);box-shadow:var(--debug-slider-thumb-ring),var(--debug-slider-thumb-shadow)}.tuning-range::-moz-range-track{height:6px;border-radius:999px;border:1px solid var(--debug-slider-track-border);background:var(--debug-slider-track-bg)}.tuning-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--debug-slider-progress-bg)}.tuning-range::-moz-range-thumb{width:14px;height:14px;border:1px solid var(--debug-slider-thumb-border);border-radius:999px;background:var(--debug-slider-thumb-bg);box-shadow:var(--debug-slider-thumb-ring),var(--debug-slider-thumb-shadow)}.tuning-range:focus-visible{outline:0;box-shadow:var(--control-focus-ring)}.tuning-range:disabled{opacity:.6;padding:0}.tuning-number{text-align:right}@media (max-width: 1150px){.demo-landing-page{height:auto;grid-template-columns:1fr}.demo-landing-board .landing-board-shell{width:min(100%,980px);height:min(72vh,760px);margin-left:0}}@media (max-width: 900px){.app-main.app-main-demo{padding:14px 12px 18px}.demo-landing-page{gap:var(--space-3)}.demo-landing-board .landing-board-shell{width:min(100%,760px);height:min(62vh,560px);min-height:300px}}.bug-report-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--palette-rgba-0-0-0-0-55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bug-report-modal{width:min(560px,100%);max-height:90vh;overflow:auto;border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border-strong);background:var(--surface-overlay-popover);box-shadow:var(--shadow-strong);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.bug-report-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.bug-report-modal-head h2{margin:0;font-family:var(--font-display);font-size:1.15rem}.bug-report-modal-close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--control-text);font-size:1.5rem;line-height:1;cursor:pointer}.bug-report-modal-close:hover{background:var(--palette-rgba-255-255-255-0-06)}.bug-report-form,.bug-report-success{display:flex;flex-direction:column;gap:var(--space-2)}.bug-report-help{margin:0;font-size:.85rem;opacity:.8}.bug-report-field{display:flex;flex-direction:column;gap:4px}.bug-report-label{font-size:.8rem;font-weight:600;letter-spacing:.02em}.bug-report-field textarea,.bug-report-field input{width:100%;font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--color-border-strong);background:var(--surface-input, var(--palette-rgba-255-255-255-0-04));color:var(--control-text);resize:vertical}.bug-report-field textarea:focus,.bug-report-field input:focus{outline:2px solid var(--color-accent, var(--palette-hex-5b9eff));outline-offset:1px}.bug-report-severity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bug-report-severity-option{--severity-accent: var(--palette-hex-5b9eff);--severity-accent-soft: var(--palette-rgba-91-158-255-0-16);position:relative;display:flex;align-items:flex-start;gap:10px;padding:10px 12px 10px 14px;border-radius:10px;border:1px solid var(--color-border-strong);background:linear-gradient(180deg,var(--palette-rgba-255-255-255-0-02) 0%,var(--palette-rgba-255-255-255-0) 100%);color:var(--control-text);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .14s ease,background-color .14s ease,transform .14s ease,box-shadow .14s ease}.bug-report-severity-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--severity-accent);opacity:.35;transition:opacity .14s ease,width .14s ease}.bug-report-severity-option:hover{border-color:var(--severity-accent);background:var(--severity-accent-soft);transform:translateY(-1px);box-shadow:0 4px 14px var(--palette-rgba-0-0-0-0-25)}.bug-report-severity-option:hover:before,.bug-report-severity-option--selected:before{opacity:1;width:4px}.bug-report-severity-option--selected{border-color:var(--severity-accent);background:var(--severity-accent-soft);box-shadow:0 0 0 1px var(--severity-accent) inset,0 4px 16px var(--palette-rgba-0-0-0-0-3)}.bug-report-severity-option:focus-visible{outline:none;box-shadow:0 0 0 2px var(--severity-accent)}.bug-report-severity-option--low{--severity-accent: var(--palette-hex-88c995);--severity-accent-soft: var(--palette-rgba-136-201-149-0-14)}.bug-report-severity-option--normal{--severity-accent: var(--palette-hex-5b9eff);--severity-accent-soft: var(--palette-rgba-91-158-255-0-14)}.bug-report-severity-option--high{--severity-accent: var(--palette-hex-f0a04b);--severity-accent-soft: var(--palette-rgba-240-160-75-0-14)}.bug-report-severity-option--critical{--severity-accent: var(--palette-hex-ff6b6b);--severity-accent-soft: var(--palette-rgba-255-107-107-0-16)}.bug-report-severity-dot{flex-shrink:0;width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--severity-accent);box-shadow:0 0 0 2px var(--palette-rgba-0-0-0-0-35),0 0 8px color-mix(in srgb,var(--severity-accent) 70%,transparent)}.bug-report-severity-option--selected .bug-report-severity-dot{box-shadow:0 0 0 2px var(--palette-rgba-0-0-0-0-35),0 0 12px var(--severity-accent)}.bug-report-severity-text{display:flex;flex-direction:column;gap:2px;min-width:0}.bug-report-severity-label{font-weight:700;font-size:.88rem;letter-spacing:.01em;color:var(--severity-accent)}.bug-report-severity-option--selected .bug-report-severity-label{color:var(--palette-hex-fff)}.bug-report-severity-hint{font-size:.72rem;line-height:1.35;opacity:.72}.bug-report-severity-option--selected .bug-report-severity-hint{opacity:.9}.bug-report-snapshot summary{cursor:pointer;font-size:.78rem;opacity:.8}.bug-report-snapshot-list{margin:6px 0 0;padding-left:18px;font-size:.78rem;display:flex;flex-direction:column;gap:2px}.bug-report-error{margin:0;padding:8px 10px;border-radius:8px;background:var(--palette-rgba-255-80-80-0-12);border:1px solid var(--palette-rgba-255-80-80-0-4);color:var(--palette-hex-ffb4b4);font-size:.82rem}.bug-report-actions{display:flex;justify-content:flex-end;gap:8px}.bug-report-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--color-border-strong);background:transparent;color:var(--control-text);font:inherit;cursor:pointer}.bug-report-btn:hover:not(:disabled){background:var(--palette-rgba-255-255-255-0-06)}.bug-report-btn.primary{background:var(--color-accent, var(--palette-hex-5b9eff));border-color:transparent;color:var(--palette-hex-fff);font-weight:600}.bug-report-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.bug-report-btn:disabled{opacity:.5;cursor:not-allowed}.bug-report-success-id{font-size:.78rem;opacity:.8}.admin-route{display:grid;gap:var(--space-4)}.admin-tabs{align-items:center}.admin-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.admin-editor-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--admin-card-bg);min-width:0;container-type:inline-size}.admin-grid>*{min-width:0}.admin-editor-card h3,.admin-error-list h4{margin:0}.admin-field,.admin-field-row label{display:grid;gap:6px;color:var(--color-text-muted);font-size:.86rem;font-weight:700}.admin-field-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.admin-tooltip{position:relative;display:inline-flex;align-items:center}.admin-tooltip-trigger{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--admin-tooltip-trigger-border);background:var(--admin-tooltip-trigger-bg);color:var(--admin-tooltip-trigger-text);font-family:var(--font-display);font-size:.72rem;font-weight:800;line-height:1;cursor:help;box-shadow:none}.admin-tooltip-trigger:hover,.admin-tooltip-trigger:focus-visible{border-color:var(--admin-tooltip-trigger-border-hover);background:var(--admin-tooltip-trigger-bg-hover);color:var(--admin-tooltip-trigger-text-hover)}.admin-tooltip-bubble{position:absolute;top:calc(100% + 10px);left:0;z-index:18;width:min(300px,70vw);display:grid;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--admin-tooltip-bubble-border);background:var(--admin-tooltip-bubble-bg);box-shadow:var(--shadow-strong);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;pointer-events:none}.admin-tooltip:hover .admin-tooltip-bubble,.admin-tooltip:focus-within .admin-tooltip-bubble{opacity:1;visibility:visible;transform:translateY(0)}.admin-tooltip-body{color:var(--color-text);font-size:.78rem;font-weight:600;line-height:1.35}.admin-tooltip-example-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.admin-tooltip-example-label{color:var(--admin-tooltip-example-label);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-tooltip-example-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--admin-tooltip-example-badge-border);background:var(--admin-tooltip-example-badge-bg);color:var(--admin-tooltip-example-badge-text);font-family:var(--font-mono);font-size:.73rem}.admin-action-with-tooltip{display:inline-flex;align-items:center;gap:6px}.admin-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.admin-theme-file-grid{display:grid;gap:8px}.admin-color-field input[type=color]{height:40px;padding:4px}.admin-color-preview-row{display:flex;align-items:center;gap:8px;color:var(--color-text);font-size:.78rem;font-family:var(--font-mono)}.admin-color-preview-line{display:inline-block;width:100%;max-width:84px;height:6px;border-radius:999px;border:var(--admin-preview-line-border)}.admin-theme-file-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,120px) minmax(180px,240px);align-items:center;gap:8px;color:var(--color-text-muted);font-size:.84rem;font-weight:700;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--admin-theme-row-bg)}.admin-theme-file-row>*{min-width:0}.admin-theme-file-meta{display:grid;gap:6px;min-width:0}.admin-theme-file-mode{color:var(--color-text-muted);font-size:.74rem}.admin-theme-file-preview-shell{width:100%;min-height:72px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--admin-preview-shell-bg)}.admin-theme-file-preview{width:min(76px,100%);height:min(76px,100%);object-fit:contain;image-rendering:auto}.admin-theme-file-preview-empty{font-size:.72rem;color:var(--admin-preview-empty-text)}.admin-theme-file-actions{display:grid;gap:8px;min-width:0}.admin-theme-file-actions input[type=file]{width:100%;min-width:0;max-width:100%;overflow:hidden}.admin-theme-file-actions .panel-btn{width:fit-content;min-height:30px;padding:6px 10px;font-size:.74rem}.admin-theme-file-name{min-height:34px;display:inline-flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--admin-input-bg);color:var(--color-text);padding:0 10px;font-family:var(--font-mono);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-editor-card input,.admin-editor-card select,.admin-editor-card textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--admin-input-bg);color:var(--color-text);padding:8px 10px;font-family:var(--font-body)}.admin-editor-card textarea{resize:vertical}.admin-preview{display:grid;gap:var(--space-2)}.admin-preview-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.admin-preview-coach{margin:0;padding:8px 10px;border-radius:var(--radius-sm);border:var(--admin-preview-coach-border);background:var(--admin-preview-coach-bg)}.admin-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-board-cell{display:grid;gap:4px;align-content:center;justify-items:center;min-height:54px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--admin-board-cell-bg);color:var(--color-text);cursor:pointer}.admin-board-cell:hover{border-color:var(--admin-board-cell-border-hover)}.admin-board-cell span{font-size:.75rem;color:var(--color-text-muted)}.admin-board-cell strong{font-family:var(--font-display);font-size:.85rem;letter-spacing:.02em}.admin-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--color-border);background:var(--admin-chip-bg);color:var(--color-text-muted);font-size:.78rem;font-weight:700;padding:4px 10px}.admin-error{margin:0;color:var(--admin-error-text)}.admin-error-list{display:grid;gap:6px;padding:10px;border:var(--admin-error-list-border);border-radius:var(--radius-sm);background:var(--admin-error-list-bg)}.admin-error-list ul{margin:0;padding-left:18px;display:grid;gap:4px}.admin-muted{margin:0;color:var(--color-text-muted)}.admin-ai-fields-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-ai-section{display:grid;gap:10px;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--admin-ai-section-bg)}.admin-ai-section h4{margin:0;font-family:var(--font-display);font-size:.88rem}.admin-ai-toggle-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-ai-toggle{gap:8px;justify-content:flex-start}.admin-ai-board-preview{min-height:92px}.admin-ai-result-grid{display:grid;gap:12px}.admin-ai-meta-grid{display:flex;flex-wrap:wrap;gap:8px}.admin-ai-candidate-list{margin:0;padding-left:20px;display:grid;gap:8px}.admin-ai-candidate-list li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--admin-ai-candidate-bg)}.admin-ai-candidate-list li.selected{border-color:var(--admin-ai-candidate-selected-border);background:var(--admin-ai-candidate-selected-bg)}.admin-ai-candidate-list strong{font-family:var(--font-display)}.admin-ai-candidate-list code{font-family:var(--font-mono)}@container (max-width: 620px){.admin-theme-file-row{grid-template-columns:1fr;align-items:start}}@media (max-width: 900px){.admin-theme-file-row{grid-template-columns:1fr;align-items:start}}.bug-report-admin-layout{display:grid;grid-template-columns:minmax(460px,560px) minmax(0,1fr);gap:var(--space-3);align-items:start;min-width:0;max-width:100%}@media (max-width: 1200px){.bug-report-admin-layout{grid-template-columns:1fr}}.bug-report-admin-list-card{display:flex;flex-direction:column;border-radius:var(--radius-md, 12px);border:1px solid var(--surface-card-border, var(--color-border));background:var(--surface-panel-body-gradient, var(--surface-card-bg));overflow:hidden;box-shadow:var(--shadow-strong);max-height:78vh;min-height:360px}.bug-report-admin-list-card-head{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--surface-card-border, var(--color-border));background:var(--surface-panel-header-gradient)}.bug-report-admin-list-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px}.bug-report-admin-list-titlebar-text{display:flex;align-items:baseline;gap:10px;min-width:0}.bug-report-admin-list-title{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.01em}.bug-report-admin-list-count{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--control-text);opacity:.6}.bug-report-admin-titlebar-actions{display:inline-flex;align-items:center;gap:6px}.bug-report-admin-titlebar-sort{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--control-text);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;opacity:.75;transition:opacity .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}.bug-report-admin-titlebar-sort:hover{opacity:1;background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.bug-report-admin-titlebar-sort--active{opacity:1;color:var(--color-accent);border-color:var(--color-accent)}.bug-report-admin-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--control-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.bug-report-admin-icon-btn:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.bug-report-admin-icon-spinner{display:inline-flex;align-items:center;justify-content:center;transform-origin:50% 50%}.bug-report-admin-icon-spinner--active{animation:bug-report-admin-icon-spin .6s ease-in-out}@keyframes bug-report-admin-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bug-report-admin-search{display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;min-height:36px;border-radius:8px;border:0;background:var(--palette-rgba-0-0-0-0-28);color:var(--control-text);transition:background-color .14s ease,box-shadow .14s ease}.bug-report-admin-search>svg{flex-shrink:0;opacity:.55;pointer-events:none;transition:opacity .14s ease,color .14s ease}.bug-report-admin-search:focus-within{background:var(--palette-rgba-0-0-0-0-4);box-shadow:0 0 0 1px var(--color-accent),0 0 0 4px var(--color-accent-soft)}.bug-report-admin-search:focus-within>svg{opacity:1;color:var(--color-accent)}.admin-shell .bug-report-admin-search input[type=search]{flex:1;width:100%;min-width:0;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:var(--control-text);font:inherit;font-size:.85rem;font-weight:500;letter-spacing:normal;text-transform:none;outline:none;box-shadow:none}.bug-report-admin-search input::placeholder{opacity:.55}.bug-report-admin-search input::-webkit-search-decoration,.bug-report-admin-search input::-webkit-search-cancel-button,.bug-report-admin-search input::-webkit-search-results-button,.bug-report-admin-search input::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.bug-report-admin-search input::-webkit-search-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:transparent}.bug-report-admin-search-clear{flex-shrink:0;width:18px;height:18px;border:0;border-radius:4px;background:transparent;color:var(--control-text);opacity:.6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bug-report-admin-search-clear:hover{opacity:1;background:var(--palette-rgba-255-255-255-0-08)}.bug-report-admin-filters-panel{border-radius:8px;border:1px solid var(--color-border);background:var(--surface-subtle-bg);overflow:hidden}.bug-report-admin-filters-panel--open{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-soft)}.bug-report-admin-filters-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;background:transparent;color:var(--control-text);font:inherit;cursor:pointer;text-align:left;transition:background-color .14s ease}.bug-report-admin-filters-trigger:hover{background:var(--color-accent-soft)}.bug-report-admin-filters-trigger-left{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.85rem;color:var(--color-text)}.bug-report-admin-filters-trigger-label{letter-spacing:.01em}.bug-report-admin-filters-trigger-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--color-accent);color:var(--palette-hex-0a1606);font-size:.68rem;font-weight:700}.bug-report-admin-filters-trigger-summary{flex:1;min-width:0;font-size:.78rem;opacity:.75;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bug-report-admin-chevron{transition:transform .18s ease;flex-shrink:0;opacity:.75}.bug-report-admin-chevron--open{transform:rotate(180deg)}.bug-report-admin-filters-body{display:flex;flex-direction:column;gap:12px;padding:10px 12px 12px;border-top:1px solid var(--color-border);background:var(--palette-rgba-0-0-0-0-18)}.bug-report-admin-filter-category{display:flex;flex-direction:column;gap:6px}.bug-report-admin-filter-category-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.bug-report-admin-filter-category-label{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.bug-report-admin-filter-category-value{font-size:.72rem;font-weight:500;color:var(--color-accent);opacity:.85}.bug-report-admin-filter-category-options{display:flex;flex-wrap:wrap;gap:4px}.bug-report-admin-filters-footer{display:flex;justify-content:flex-end}.bug-report-admin-filters-reset{padding:4px 10px;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted, var(--control-text));font-size:.74rem;cursor:pointer;transition:color .12s ease,border-color .12s ease,background-color .12s ease}.bug-report-admin-filters-reset:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.bug-report-admin-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;border:1px solid var(--color-border);background:transparent;color:var(--control-text);font-size:.76rem;font-weight:500;cursor:pointer;opacity:.85;transition:opacity .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}.bug-report-admin-chip:hover{opacity:1;background:var(--color-accent-soft);border-color:var(--color-accent)}.bug-report-admin-chip--active{opacity:1;background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.bug-report-admin-table{display:flex;flex-direction:column;min-height:0;overflow:hidden}.bug-report-admin-table-head{display:grid;grid-template-columns:64px minmax(0,1fr) 108px 92px;gap:0;padding:0;background:var(--surface-subtle-bg);border-bottom:1px solid var(--color-border);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted, var(--control-text));position:sticky;top:0;z-index:1}.bug-report-admin-th{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;border-right:1px solid var(--color-border)}.bug-report-admin-th:last-child{border-right:0}.bug-report-admin-sort{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;border-radius:4px;transition:color .12s ease,background-color .12s ease}.bug-report-admin-sort:hover{color:var(--color-text);background:var(--color-accent-soft)}.bug-report-admin-sort--active{color:var(--color-accent)}.bug-report-admin-sort-icon{transition:transform .16s ease}.bug-report-admin-sort-icon--asc{transform:translateY(-1px)}.bug-report-admin-sort-icon--desc{transform:translateY(1px)}.bug-report-admin-table-body{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.bug-report-admin-table-empty{padding:var(--space-3)}.bug-report-admin-row{display:grid;grid-template-columns:64px minmax(0,1fr) 108px 92px;gap:0;align-items:stretch;padding:0;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--control-text);text-align:left;cursor:pointer;font:inherit;transition:background-color .14s ease;position:relative}.bug-report-admin-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent);opacity:0;transition:opacity .14s ease}.bug-report-admin-row:hover{background:var(--palette-rgba-255-255-255-0-04)}.bug-report-admin-row--active,.bug-report-admin-row--active:hover{background:var(--color-accent-soft)}.bug-report-admin-row--active:before{opacity:1}.bug-report-admin-td{min-width:0;display:inline-flex;align-items:center;padding:10px;border-right:1px solid var(--color-border)}.bug-report-admin-td:last-child{border-right:0}.bug-report-admin-row--active .bug-report-admin-td{border-right-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-border))}.bug-report-admin-td--desc{flex-direction:column;align-items:flex-start;gap:2px;display:flex;min-width:0;max-width:100%;overflow:hidden}.bug-report-admin-row-desc{font-size:.85rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bug-report-admin-row-sub{font-size:.7rem;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bug-report-admin-td--meta{font-size:.72rem;opacity:.7;white-space:nowrap}.bug-report-admin-severity-pill{--pill-color: var(--palette-hex-5b9eff);display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;border:1px solid var(--pill-color);color:var(--pill-color);font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--pill-color) 12%,transparent)}.bug-report-admin-severity-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--pill-color);box-shadow:0 0 6px color-mix(in srgb,var(--pill-color) 60%,transparent)}.bug-report-admin-severity-pill--low{--pill-color: var(--palette-hex-88c995)}.bug-report-admin-severity-pill--normal{--pill-color: var(--palette-hex-5b9eff)}.bug-report-admin-severity-pill--high{--pill-color: var(--palette-hex-f0a04b)}.bug-report-admin-severity-pill--critical{--pill-color: var(--palette-hex-ff6b6b)}.bug-report-admin-status,.bug-report-admin-priority{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;font-size:.74rem;font-weight:600;border:1px solid currentColor;background:var(--palette-rgba-255-255-255-0-03)}.bug-report-admin-status--new{color:var(--palette-hex-c0c0c0)}.bug-report-admin-status--reviewed,.bug-report-admin-status--triaged{color:var(--palette-hex-b58dff)}.bug-report-admin-status--in_progress{color:var(--palette-hex-5b9eff)}.bug-report-admin-status--resolved{color:var(--palette-hex-88c995)}.bug-report-admin-status--wont_fix{color:var(--palette-hex-888)}.bug-report-admin-detail{min-width:0;max-width:100%}.bug-report-admin-detail-grid{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;max-width:100%}.bug-report-admin-detail-row{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%}.bug-report-admin-detail-value{min-width:0;max-width:100%}.bug-report-admin-detail-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.bug-report-admin-detail-value textarea{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--color-border-strong);background:var(--surface-input, var(--palette-rgba-255-255-255-0-04));color:var(--control-text);resize:vertical}.bug-report-admin-pre,.bug-report-admin-snapshot{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;padding:10px;border-radius:8px;border:1px solid var(--color-border-strong);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow-x:auto}.bug-report-admin-pre{background:var(--palette-rgba-0-0-0-0-25);font-size:.82rem}.bug-report-admin-snapshot{background:var(--palette-rgba-0-0-0-0-35);font-size:.75rem;line-height:1.35;max-height:420px;overflow-y:auto}.bug-report-admin-detail-meta{display:flex;flex-direction:column;gap:2px;font-size:.82rem;min-width:0;max-width:100%}.bug-report-admin-detail-meta span{overflow-wrap:anywhere;word-break:break-word}.bug-report-admin-triage-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);align-items:start}@media (max-width: 900px){.bug-report-admin-triage-row{grid-template-columns:1fr}}.bug-report-admin-segment{display:flex;flex-direction:column;gap:6px;min-width:0}.bug-report-admin-segment-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.bug-report-admin-dropdown{width:min(320px,100%)}.bug-report-admin-dropdown .panel-dropdown-trigger{border-radius:8px;min-height:52px;padding:8px 14px 8px 12px;justify-content:flex-start}.bug-report-admin-dropdown .panel-dropdown-trigger-content{justify-content:flex-start;text-align:left}.bug-report-admin-dropdown-trigger{display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%}.bug-report-admin-dropdown-trigger-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;flex:1}.bug-report-admin-dropdown-trigger-label{font-weight:600;font-size:.88rem;line-height:1.2}.bug-report-admin-dropdown-trigger-description{font-size:.72rem;line-height:1.25;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bug-report-admin-dot{--dot-color: var(--palette-hex-6c7693);flex-shrink:0;width:9px;height:9px;border-radius:50%;background:var(--dot-color);box-shadow:0 0 0 2px var(--palette-rgba-0-0-0-0-35),0 0 6px color-mix(in srgb,var(--dot-color) 70%,transparent)}.bug-report-admin-dot--status-new{--dot-color: var(--palette-hex-c0c0c0)}.bug-report-admin-dot--status-reviewed,.bug-report-admin-dot--status-triaged{--dot-color: var(--palette-hex-b58dff)}.bug-report-admin-dot--status-in_progress{--dot-color: var(--palette-hex-5b9eff)}.bug-report-admin-dot--status-resolved{--dot-color: var(--palette-hex-88c995)}.bug-report-admin-dot--status-wont_fix,.bug-report-admin-dot--priority-unset{--dot-color: var(--palette-hex-6c7693)}.bug-report-admin-dot--priority-p0{--dot-color: var(--palette-hex-ff6b6b)}.bug-report-admin-dot--priority-p1{--dot-color: var(--palette-hex-f0a04b)}.bug-report-admin-dot--priority-p2{--dot-color: var(--palette-hex-f0d24b)}.bug-report-admin-dot--priority-p3{--dot-color: var(--palette-hex-88c995)}.bug-report-admin-priority--unset{color:var(--palette-hex-6c7693)}.bug-report-admin-priority--p0{color:var(--palette-hex-ff6b6b)}.bug-report-admin-priority--p1{color:var(--palette-hex-f0a04b)}.bug-report-admin-priority--p2{color:var(--palette-hex-f0d24b)}.bug-report-admin-priority--p3{color:var(--palette-hex-88c995)}.bug-report-admin-row .bug-report-admin-severity-pill,.bug-report-admin-row .bug-report-admin-status,.bug-report-admin-row .bug-report-admin-priority{padding:0;border:0;background:transparent;box-shadow:none;font-size:.78rem;font-weight:600;letter-spacing:0;text-transform:none}.bug-report-admin-row .bug-report-admin-severity-pill{letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.bug-report-admin-notes-actions{display:flex;justify-content:flex-end;margin-top:4px}.admin-auth-screen{--auth-accent: var(--color-accent, var(--palette-hex-4caf1d));display:grid;place-items:center;min-height:70vh;padding:40px 20px;font-family:var(--font-display)}.admin-auth-card{width:min(100%,480px);display:grid;gap:14px;padding:32px 28px;border-radius:16px;border:1px solid color-mix(in srgb,var(--shell-nav-text) 14%,transparent);background:color-mix(in srgb,var(--shell-sidebar-bg) 86%,var(--palette-hex-000));color:var(--shell-nav-text);box-shadow:0 24px 56px -32px var(--palette-rgba-0-0-0-0-5)}.admin-auth-card--loading{text-align:center}.admin-auth-card-head{display:flex;align-items:center;gap:12px;color:var(--auth-accent)}.admin-auth-card-head--pending{color:var(--palette-hex-6fb6ff)}.admin-auth-card-head h1{margin:0;font-size:1.4rem;font-weight:800;letter-spacing:.01em;color:var(--shell-nav-text)}.admin-auth-card-body{margin:0;font-size:.95rem;font-weight:500;color:color-mix(in srgb,var(--shell-nav-text) 70%,transparent);line-height:1.45}.admin-auth-form{display:grid;gap:10px;margin-top:6px}.admin-auth-label{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent)}.admin-auth-code-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-family:var(--font-display);font-size:2.2rem;font-weight:800;text-align:center;letter-spacing:1.4rem;padding:14px 0 14px 1.4rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--shell-nav-text) 18%,transparent);background:color-mix(in srgb,var(--shell-sidebar-bg) 70%,var(--palette-hex-000));color:var(--shell-nav-text);font-variant-numeric:tabular-nums}.admin-auth-code-input:focus-visible{outline:none;border-color:color-mix(in srgb,var(--auth-accent) 65%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--auth-accent) 35%,transparent)}.admin-auth-submit,.admin-auth-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;border-radius:12px;cursor:pointer;transition:background-color .14s ease,transform .14s cubic-bezier(.32,.72,.18,1)}.admin-auth-submit{border:1px solid transparent;background:var(--auth-accent);color:var(--palette-hex-0b1208)}.admin-auth-submit:hover:not(:disabled){transform:translateY(-1px)}.admin-auth-submit:disabled{opacity:.6;cursor:not-allowed}.admin-auth-secondary{border:1px solid color-mix(in srgb,var(--shell-nav-text) 25%,transparent);background:transparent;color:var(--shell-nav-text)}.admin-auth-secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--shell-nav-text) 40%,transparent)}.admin-auth-error{margin:0;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--palette-hex-ff7a7a) 18%,transparent);color:var(--palette-hex-ffd0d0);font-size:.88rem;font-weight:600}.admin-auth-success{margin:0;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--palette-hex-6fb6ff) 14%,transparent);color:var(--palette-hex-cfe6ff);font-size:.82rem;font-weight:600;line-height:1.4}.admin-auth-email-code{display:grid;gap:8px}.admin-auth-hint{margin:0;font-size:.78rem;font-weight:500;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent);line-height:1.5}.admin-auth-countdown{margin:4px 0 0;font-size:.9rem;font-weight:600;color:color-mix(in srgb,var(--shell-nav-text) 80%,transparent)}.admin-auth-countdown strong{font-variant-numeric:tabular-nums;font-weight:800;color:var(--shell-nav-text)}.admin-auth-account-callout{display:grid;gap:6px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--palette-hex-6fb6ff) 28%,transparent);background:color-mix(in srgb,var(--palette-hex-6fb6ff) 10%,transparent)}.admin-auth-account-callout span{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--shell-nav-text) 56%,transparent)}.admin-auth-account-callout code{display:block;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem;font-weight:700;color:var(--shell-nav-text)}.admin-auth-card-foot{display:grid;gap:10px;border-top:1px solid color-mix(in srgb,var(--shell-nav-text) 10%,transparent);padding-top:14px;margin-top:6px}.admin-auth-hidden-trigger{display:none}.admin-pending-panel{width:min(100%,960px);margin:16px auto 0;padding:18px 20px;border-radius:14px;border:1px solid color-mix(in srgb,var(--palette-hex-6fb6ff) 35%,transparent);background:color-mix(in srgb,var(--palette-hex-6fb6ff) 8%,color-mix(in srgb,var(--shell-sidebar-bg) 86%,var(--palette-hex-000)));font-family:var(--font-display);color:var(--shell-nav-text)}.admin-pending-head{display:flex;align-items:flex-start;gap:12px;color:var(--palette-hex-6fb6ff)}.admin-pending-head h2{margin:0;font-size:1.05rem;font-weight:800;color:var(--shell-nav-text)}.admin-pending-head p{margin:4px 0 0;font-size:.85rem;font-weight:500;color:color-mix(in srgb,var(--shell-nav-text) 65%,transparent)}.admin-pending-error{margin:8px 0 0;font-size:.85rem;color:var(--palette-hex-ffd0d0)}.admin-pending-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.admin-pending-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--shell-sidebar-bg) 90%,var(--palette-hex-000));border:1px solid color-mix(in srgb,var(--shell-nav-text) 10%,transparent)}.admin-pending-info{display:grid;gap:2px;min-width:0}.admin-pending-device{font-size:.95rem;font-weight:700}.admin-pending-meta{font-size:.78rem;color:color-mix(in srgb,var(--shell-nav-text) 60%,transparent)}.admin-pending-ua{font-size:.72rem;color:color-mix(in srgb,var(--shell-nav-text) 45%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60ch}.admin-pending-actions{display:inline-flex;gap:8px}.admin-pending-approve,.admin-pending-deny{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:background-color .14s ease,transform .12s ease}.admin-pending-approve{background:var(--color-accent, var(--palette-hex-4caf1d));color:var(--palette-hex-0b1208)}.admin-pending-deny{background:transparent;color:color-mix(in srgb,var(--shell-nav-text) 70%,transparent);border-color:color-mix(in srgb,var(--shell-nav-text) 25%,transparent)}.admin-pending-deny:hover{color:var(--palette-hex-ff9a9a);border-color:color-mix(in srgb,var(--palette-hex-ff7a7a) 50%,transparent)}.admin-pending-alert-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--palette-hex-e24b4b);color:var(--palette-hex-fff);flex-shrink:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--palette-hex-e24b4b) 35%,transparent)}.admin-pending-alert-badge{font-size:.72rem;font-weight:900;line-height:1}.admin-devices-hub{width:min(100%,960px);margin:0 auto;display:grid;gap:14px;min-width:0}.admin-devices-hub-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:4px;border-radius:12px;border:1px solid color-mix(in srgb,var(--shell-nav-text) 12%,transparent);background:color-mix(in srgb,var(--shell-sidebar-bg) 88%,var(--palette-hex-000))}.admin-devices-hub-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:9px;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--shell-nav-text) 70%,transparent);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.admin-devices-hub-tab:hover,.admin-devices-hub-tab:focus-visible{color:var(--shell-nav-text);background:color-mix(in srgb,var(--shell-nav-text) 8%,transparent);outline:none}.admin-devices-hub-tab--active{color:var(--shell-nav-text);background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 16%,transparent);border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 45%,transparent)}.admin-devices-hub-tab--alert:not(.admin-devices-hub-tab--active){border-color:color-mix(in srgb,var(--palette-hex-e24b4b) 35%,transparent)}.admin-devices-panel--requests{border-color:color-mix(in srgb,var(--palette-hex-6fb6ff) 28%,transparent)}.admin-devices-head--requests{display:flex;align-items:flex-start;gap:12px;color:var(--palette-hex-6fb6ff)}.admin-devices-head--requests h2{margin:0}.admin-devices-head--requests p{margin:4px 0 0}.admin-devices-row--request{align-items:flex-start}.admin-devices-list--requests .admin-pending-actions{flex-shrink:0}.admin-devices-panel{width:100%;margin:0;padding:18px 20px;border-radius:14px;border:1px solid color-mix(in srgb,var(--shell-nav-text) 12%,transparent);background:color-mix(in srgb,var(--shell-sidebar-bg) 86%,var(--palette-hex-000));color:var(--shell-nav-text);font-family:var(--font-display)}.admin-devices-head h2{margin:0;font-size:1.05rem;font-weight:800}.admin-devices-head p{margin:4px 0 0;font-size:.85rem;color:color-mix(in srgb,var(--shell-nav-text) 65%,transparent)}.admin-devices-error{margin-top:10px;color:var(--palette-hex-ffd0d0);font-size:.85rem}.admin-devices-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.admin-devices-empty{font-size:.85rem;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent)}.admin-devices-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--shell-sidebar-bg) 90%,var(--palette-hex-000));border:1px solid color-mix(in srgb,var(--shell-nav-text) 10%,transparent)}.admin-devices-row--current{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 45%,transparent)}.admin-devices-info{display:grid;gap:2px;min-width:0}.admin-devices-name{font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;gap:8px}.admin-devices-current-pill{font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 22%,transparent);color:var(--color-accent, var(--palette-hex-4caf1d))}.admin-devices-meta{font-size:.78rem;color:color-mix(in srgb,var(--shell-nav-text) 55%,transparent)}.admin-devices-revoke{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--palette-hex-ff7a7a) 35%,transparent);background:transparent;color:var(--palette-hex-ff9a9a);cursor:pointer;transition:background-color .14s ease}.admin-devices-revoke:hover:not(:disabled){background:color-mix(in srgb,var(--palette-hex-ff7a7a) 14%,transparent)}.admin-devices-revoke:disabled{opacity:.6;cursor:not-allowed}.app-main:has(.admin-shell){padding:0}.admin-shell{--admin-bg: color-mix(in srgb, var(--shell-sidebar-bg) 96%, var(--palette-hex-000));--admin-surface: color-mix(in srgb, var(--shell-sidebar-bg) 86%, var(--palette-hex-000));--admin-surface-2: color-mix(in srgb, var(--shell-sidebar-bg) 78%, var(--palette-hex-000));--admin-border: color-mix(in srgb, var(--shell-nav-text) 12%, transparent);--admin-border-strong: color-mix(in srgb, var(--shell-nav-text) 22%, transparent);--admin-text: var(--shell-nav-text);--admin-text-soft: color-mix(in srgb, var(--shell-nav-text) 60%, transparent);--admin-text-faint: color-mix(in srgb, var(--shell-nav-text) 40%, transparent);--admin-accent: var(--color-accent, var(--palette-hex-4caf1d));--admin-info: var(--palette-hex-6fb6ff);--admin-danger: var(--palette-hex-ff7a7a);--admin-warning: var(--palette-hex-ffce5c);--control-check-checked-bg: linear-gradient( 165deg, color-mix(in srgb, var(--admin-text) 18%, var(--admin-surface)) 0%, color-mix(in srgb, var(--admin-text) 8%, var(--admin-surface-2)) 100% );--control-check-checked-border: color-mix(in srgb, var(--admin-text) 35%, transparent);--control-check-mark-color: var(--admin-text);--control-check-shadow-checked: inset 0 1px 0 color-mix(in srgb, var(--palette-hex-ffffff) 12%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--palette-hex-000000) 22%, transparent), 0 1px 3px color-mix(in srgb, var(--palette-hex-000000) 32%, transparent);--admin-card-bg: linear-gradient( 180deg, color-mix(in srgb, var(--admin-surface) 92%, var(--palette-hex-fff) 2%) 0%, color-mix(in srgb, var(--admin-surface) 96%, var(--palette-hex-000)) 100% );--admin-tooltip-trigger-bg: color-mix(in srgb, var(--admin-surface) 80%, var(--palette-hex-000));--admin-tooltip-trigger-bg-hover: color-mix(in srgb, var(--admin-surface) 60%, var(--admin-text) 8%);--admin-tooltip-bubble-bg: linear-gradient( 180deg, color-mix(in srgb, var(--admin-surface) 85%, var(--palette-hex-000)), color-mix(in srgb, var(--admin-surface) 95%, var(--palette-hex-000)) );--admin-tooltip-example-badge-bg: color-mix(in srgb, var(--admin-text) 18%, transparent);--admin-theme-row-bg: color-mix(in srgb, var(--admin-surface) 72%, var(--palette-hex-000));--admin-preview-shell-bg: color-mix(in srgb, var(--admin-surface) 60%, var(--palette-hex-000));--admin-input-bg: color-mix(in srgb, var(--admin-surface) 65%, var(--palette-hex-000));--admin-board-cell-bg: color-mix(in srgb, var(--admin-surface) 70%, var(--palette-hex-000));--admin-chip-bg: color-mix(in srgb, var(--admin-surface) 70%, var(--palette-hex-000));--admin-ai-section-bg: color-mix(in srgb, var(--admin-surface) 70%, var(--palette-hex-000));--admin-ai-candidate-bg: color-mix(in srgb, var(--admin-surface) 65%, var(--palette-hex-000));--admin-ai-candidate-selected-bg: color-mix(in srgb, var(--admin-surface) 50%, var(--admin-text) 10%);--surface-code-bg: color-mix(in srgb, var(--admin-surface) 60%, var(--palette-hex-000));--surface-code-border: color-mix(in srgb, var(--admin-text) 18%, transparent);display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 100px);background:var(--admin-bg);font-family:var(--font-display);color:var(--admin-text)}@media (max-width: 900px){.admin-shell{grid-template-columns:1fr}}.admin-shell-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--admin-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 92%,var(--palette-hex-000));padding:18px 14px 14px;gap:16px;position:sticky;top:100px;align-self:stretch;min-height:calc(100vh - 100px);max-height:calc(100vh - 100px);overflow-y:auto}@media (max-width: 900px){.admin-shell-sidebar{position:static;max-height:none}}.admin-shell-brand{padding:4px 8px 14px;border-bottom:1px solid var(--admin-border)}.admin-shell-brand-link{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--admin-text)}.admin-shell-brand-mark{font-size:1.2rem;font-weight:900;letter-spacing:.04em}.admin-shell-brand-sub{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--admin-accent)}.admin-shell-nav{display:flex;flex-direction:column;gap:14px;flex:1}.admin-shell-nav-group-label{font-size:.64rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--admin-text-faint);padding:0 10px 4px}.admin-shell-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.admin-shell-nav-alert{margin-left:auto;flex-shrink:0}.admin-shell-nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--admin-text-soft);font-family:inherit;font-size:.88rem;font-weight:600;text-align:left;cursor:pointer;text-decoration:none;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.admin-shell-nav-item:hover,.admin-shell-nav-item:focus-visible{color:var(--admin-text);background:var(--admin-surface);outline:none;border-color:var(--admin-border)}.admin-shell-nav-item--active{color:var(--admin-text);background:color-mix(in srgb,var(--admin-accent) 14%,transparent);border-color:color-mix(in srgb,var(--admin-accent) 45%,transparent)}.admin-shell-nav-item--danger{color:color-mix(in srgb,var(--admin-danger) 80%,var(--admin-text))}.admin-shell-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--admin-accent);flex:0 0 auto}.admin-shell-nav-item--default .admin-shell-nav-icon{color:var(--admin-text-soft)}.admin-shell-nav-item--active .admin-shell-nav-icon,.admin-shell-nav-item--accent .admin-shell-nav-icon{color:var(--admin-accent)}.admin-shell-nav-text{display:flex;flex-direction:column;gap:1px;min-width:0}.admin-shell-nav-label{font-size:.88rem;font-weight:700;letter-spacing:.01em;color:inherit}.admin-shell-nav-description{font-size:.72rem;font-weight:500;color:var(--admin-text-faint)}.admin-shell-sidebar-foot{padding-top:10px;border-top:1px solid var(--admin-border)}.admin-shell-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--admin-text-soft);font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .14s ease,color .14s ease}.admin-shell-back:hover{color:var(--admin-text);background:var(--admin-surface)}.admin-shell-main{display:flex;flex-direction:column;min-width:0}.admin-shell-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 32px 18px;border-bottom:1px solid var(--admin-border)}.admin-shell-topbar-text{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-shell-topbar-titles{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-shell-title{margin:0;font-size:1.6rem;font-weight:800;letter-spacing:.01em;color:var(--admin-text)}.admin-shell-subtitle{margin:0;font-size:.92rem;font-weight:500;color:var(--admin-text-soft);max-width:70ch}.admin-shell-meta{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-shell-meta-pill{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--admin-text) 10%,transparent);color:var(--admin-text-soft);border:1px solid var(--admin-border)}.admin-shell-meta-pill--accent{background:color-mix(in srgb,var(--admin-accent) 18%,transparent);color:var(--admin-accent);border-color:color-mix(in srgb,var(--admin-accent) 45%,transparent)}.admin-shell-meta-pill--warning{background:color-mix(in srgb,var(--admin-warning) 18%,transparent);color:var(--admin-warning);border-color:color-mix(in srgb,var(--admin-warning) 45%,transparent)}.admin-shell-actions{display:inline-flex;gap:8px;align-items:center;flex:0 0 auto}.admin-shell-status{padding:8px 32px;border-bottom:1px solid var(--admin-border);font-size:.85rem;color:var(--admin-text-soft);font-weight:500;background:color-mix(in srgb,var(--admin-surface) 50%,transparent)}.admin-shell-banner{padding:12px 32px 0}.admin-shell-content{padding:24px 32px 80px;display:grid;gap:18px}@media (max-width: 720px){.admin-shell-topbar,.admin-shell-status,.admin-shell-banner,.admin-shell-content{padding-left:16px;padding-right:16px}}.admin-card{display:grid;gap:14px;padding:20px 22px;border-radius:14px;border:1px solid var(--admin-border);background:var(--admin-surface)}.admin-card-head{display:grid;gap:4px}.admin-card-head h2{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.01em;color:var(--admin-text)}.admin-card-head p{margin:0;font-size:.85rem;font-weight:500;color:var(--admin-text-soft)}.admin-overview{display:grid;gap:18px}.admin-stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.admin-stat-card{--stat-accent: var(--admin-accent);display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:14px;border:1px solid var(--admin-border);background:var(--admin-surface);position:relative;isolation:isolate}.admin-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 60% 120% at 0% 0%,color-mix(in srgb,var(--stat-accent) 14%,transparent),transparent 70%);z-index:-1}.admin-stat-card--accent{--stat-accent: var(--admin-accent)}.admin-stat-card--info{--stat-accent: var(--admin-info)}.admin-stat-card--default{--stat-accent: color-mix(in srgb, var(--admin-text) 60%, transparent)}.admin-stat-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--stat-accent) 18%,transparent);color:var(--stat-accent);flex:0 0 auto}.admin-stat-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-stat-card-value{font-size:1.6rem;font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--admin-text)}.admin-stat-card-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--admin-text-soft)}.admin-stat-card-hint{font-size:.74rem;font-weight:500;color:var(--admin-text-faint)}.admin-stat-card--bugs{--stat-accent: var(--palette-hex-f0a04b)}.admin-stat-card--announcements{--stat-accent: var(--admin-info)}.admin-stat-card--devices{--stat-accent: var(--admin-accent)}.admin-stat-card-metrics--devices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.admin-stat-card-metric--pending .admin-stat-card-metric-value{color:var(--palette-hex-ff9a9a)}.admin-stat-card-metric--pending .admin-stat-card-metric-label{color:color-mix(in srgb,var(--palette-hex-ff9a9a) 75%,var(--admin-text-faint))}.admin-stat-card--interactive{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.admin-stat-card--interactive:hover,.admin-stat-card--interactive:focus-visible{border-color:color-mix(in srgb,var(--stat-accent) 55%,var(--admin-border));box-shadow:0 8px 24px -16px color-mix(in srgb,var(--stat-accent) 45%,transparent);transform:translateY(-1px);outline:none}.admin-stat-card--interactive:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--stat-accent) 40%,transparent),0 8px 24px -16px color-mix(in srgb,var(--stat-accent) 45%,transparent)}.admin-stat-card-swap{position:relative;flex:1;min-width:0;min-height:4.6rem}.admin-stat-card-face{display:flex;flex-direction:column;gap:2px;transition:opacity .2s ease,transform .2s ease}.admin-stat-card-face--primary{opacity:1;transform:translateY(0)}.admin-stat-card-face--detail{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(6px);pointer-events:none;justify-content:center}.admin-stat-card--interactive:hover .admin-stat-card-face--primary,.admin-stat-card--interactive:focus-visible .admin-stat-card-face--primary{opacity:0;transform:translateY(-6px)}.admin-stat-card--interactive:hover .admin-stat-card-face--detail,.admin-stat-card--interactive:focus-visible .admin-stat-card-face--detail{opacity:1;transform:translateY(0)}.admin-stat-card-metrics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;width:100%}.admin-stat-card-metrics li{display:flex;flex-direction:column;gap:0;min-width:0}.admin-stat-card-metric-value{font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--admin-text);line-height:1.2}.admin-stat-card-metric-label{font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--admin-text-faint)}.admin-overview-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}@media (max-width: 1100px){.admin-overview-grid{grid-template-columns:1fr}}.admin-quick-actions{display:grid;gap:6px}.admin-quick-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 70%,var(--palette-hex-000));color:var(--admin-text);font-family:inherit;text-align:left;cursor:pointer;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,transform .14s cubic-bezier(.32,.72,.18,1)}.admin-quick-action:hover,.admin-quick-action:focus-visible{outline:none;transform:translateY(-1px);border-color:var(--admin-border-strong);background:var(--admin-surface)}.admin-quick-action-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--admin-accent) 16%,transparent);color:var(--admin-accent);flex:0 0 auto}.admin-quick-action-text{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-quick-action-label{font-size:.95rem;font-weight:700}.admin-quick-action-description{font-size:.78rem;font-weight:500;color:var(--admin-text-soft)}.admin-quick-action-chevron{color:var(--admin-text-faint);display:inline-flex;align-items:center;transition:transform .2s cubic-bezier(.32,.72,.18,1),color .14s ease}.admin-quick-action:hover .admin-quick-action-chevron,.admin-quick-action:focus-visible .admin-quick-action-chevron{transform:translate(3px);color:var(--admin-accent)}.admin-overview-activity{list-style:none;margin:0;padding:0;display:grid;gap:6px}.admin-overview-empty{font-size:.85rem;color:var(--admin-text-soft);padding:8px 4px}.admin-overview-activity-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--admin-surface) 70%,var(--palette-hex-000));border:1px solid var(--admin-border)}.admin-overview-activity-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--admin-accent);box-shadow:0 0 10px var(--admin-accent);flex:0 0 auto}.admin-overview-activity-text{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-overview-activity-label{font-size:.92rem;font-weight:700;display:inline-flex;align-items:center;gap:8px}.admin-overview-current-pill{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--admin-accent) 22%,transparent);color:var(--admin-accent)}.admin-overview-activity-meta{font-size:.78rem;color:var(--admin-text-soft)}.admin-shell .admin-route,.admin-shell .page-simple,.admin-shell .website-tuning-page,.admin-shell .admin-panel-page{width:100%;max-width:none;margin:0;padding:0;background:transparent;display:grid;gap:18px}.admin-shell .panel-section,.admin-shell .admin-editor-card{border-radius:14px;background:var(--admin-surface);border:1px solid var(--admin-border);padding:20px 22px;min-width:0}.admin-shell .panel-section.admin-grid,.admin-shell .admin-grid{background:transparent;border:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}.admin-shell .panel-section h2,.admin-shell .panel-section h3,.admin-shell .admin-editor-card h3{color:var(--admin-text);letter-spacing:.01em;margin:0}.admin-shell .admin-field,.admin-shell .admin-field-row label{color:var(--admin-text-soft);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-shell .admin-field input:not([type=checkbox]):not([type=radio]),.admin-shell .admin-field select,.admin-shell .admin-field textarea,.admin-shell .admin-editor-card input:not([type=checkbox]):not([type=radio]),.admin-shell .admin-editor-card select,.admin-shell .admin-editor-card textarea,.admin-shell label>input:not([type=checkbox]):not([type=radio]),.admin-shell label>select,.admin-shell label>textarea{background:color-mix(in srgb,var(--admin-surface) 65%,var(--palette-hex-000));border:1px solid var(--admin-border);color:var(--admin-text);font-family:var(--font-display);font-size:.92rem;font-weight:600;text-transform:none;letter-spacing:normal;padding:9px 12px;border-radius:8px;transition:border-color .14s ease,box-shadow .14s ease}.admin-shell .admin-field input:not([type=checkbox]):not([type=radio]):focus-visible,.admin-shell .admin-field select:focus-visible,.admin-shell .admin-field textarea:focus-visible,.admin-shell .admin-editor-card input:not([type=checkbox]):not([type=radio]):focus-visible,.admin-shell .admin-editor-card select:focus-visible,.admin-shell .admin-editor-card textarea:focus-visible,.admin-shell label>input:not([type=checkbox]):not([type=radio]):focus-visible,.admin-shell label>select:focus-visible,.admin-shell label>textarea:focus-visible{outline:none;border-color:color-mix(in srgb,var(--admin-accent) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--admin-accent) 30%,transparent)}.admin-shell input[type=checkbox],.admin-shell input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:16px;height:16px;margin:0;padding:0;background:transparent;border:0;border-radius:0;accent-color:color-mix(in srgb,var(--admin-text) 55%,var(--admin-surface));cursor:pointer}.admin-shell input[type=checkbox].rpsx-check:checked,.admin-shell label.rpsx-check>input[type=checkbox]:checked{background:color-mix(in srgb,var(--admin-text) 22%,var(--admin-surface))!important;border-color:color-mix(in srgb,var(--admin-text) 40%,transparent)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--palette-hex-ffffff) 14%,transparent),inset 0 -1px color-mix(in srgb,var(--palette-hex-000000) 24%,transparent),0 1px 3px color-mix(in srgb,var(--palette-hex-000000) 32%,transparent)!important}.admin-shell input[type=checkbox].rpsx-check:checked:after,.admin-shell label.rpsx-check>input[type=checkbox]:checked:after{border-color:var(--admin-text)!important}.admin-shell input[type=checkbox].rpsx-check:hover:not(:disabled):not(:checked),.admin-shell label.rpsx-check>input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:color-mix(in srgb,var(--admin-text) 30%,transparent)!important;background:color-mix(in srgb,var(--admin-surface-2) 90%,var(--admin-text))!important}.admin-shell input[type=checkbox].rpsx-check:focus-visible,.admin-shell label.rpsx-check>input[type=checkbox]:focus-visible{box-shadow:inset 0 1px color-mix(in srgb,var(--palette-hex-ffffff) 14%,transparent),0 0 0 2px color-mix(in srgb,var(--admin-text) 35%,transparent)!important}.admin-shell label:has(>input[type=checkbox]),.admin-shell label:has(>input[type=radio]){display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:0;background:transparent;border:0;border-radius:0;text-transform:none;letter-spacing:normal;font-size:.88rem;font-weight:600;color:var(--admin-text);cursor:pointer}.admin-shell .admin-field:has(>input[type=checkbox]),.admin-shell .admin-field:has(>input[type=radio]){flex-direction:row;display:inline-flex;align-items:center;gap:8px;padding:0;background:transparent;border:0;text-transform:none;letter-spacing:normal;font-size:.88rem;font-weight:600}.admin-shell .admin-chip.admin-ai-toggle,.admin-shell label.admin-ai-toggle{border:0;border-radius:0;background:transparent;padding:0;color:var(--admin-text);font-size:.88rem;font-weight:600;text-transform:none;letter-spacing:normal;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.admin-shell .panel-btn{background:color-mix(in srgb,var(--admin-surface) 60%,var(--palette-hex-000));border:1px solid var(--admin-border);color:var(--admin-text);font-weight:700;border-radius:8px;padding:8px 14px;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.admin-shell .panel-btn:hover,.admin-shell .panel-btn:focus-visible{border-color:var(--admin-border-strong);transform:translateY(-1px)}.admin-shell .panel-btn.primary{background:var(--admin-accent);color:var(--palette-hex-0b1208);border-color:transparent}.admin-shell .panel-btn.primary:hover{filter:brightness(1.05)}.admin-shell .panel-button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.admin-shell .admin-route>article:first-child:has(.admin-tabs),.admin-shell .admin-route>section:first-child:has(.admin-tabs){display:none}.admin-shell .admin-devices-hub,.admin-shell .admin-devices-panel,.admin-shell .admin-pending-panel{width:100%;margin:0}.admin-panel-page{width:100%;display:grid;gap:18px}.admin-panel-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:12px;border:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 96%,var(--palette-hex-000));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.admin-panel-toolbar-leading,.admin-panel-toolbar-trailing{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-panel-toolbar-trailing{justify-content:flex-end}.admin-panel-grid{display:grid;gap:18px;align-items:start}.admin-panel-grid--cols-1{grid-template-columns:1fr}.admin-panel-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1100px){.admin-panel-grid--cols-2,.admin-panel-grid--cols-3{grid-template-columns:1fr}}.admin-panel-section{--section-accent: var(--admin-border);display:grid;gap:16px;padding:22px 24px;border-radius:14px;border:1px solid var(--section-accent);background:var(--admin-surface);min-width:0}.admin-panel-section--muted{background:color-mix(in srgb,var(--admin-surface) 70%,var(--palette-hex-000))}.admin-panel-section--danger{--section-accent: color-mix(in srgb, var(--admin-danger) 45%, transparent)}.admin-panel-section--info{--section-accent: color-mix(in srgb, var(--admin-info) 45%, transparent)}.admin-panel-section--span-2{grid-column:span 2}.admin-panel-section--span-3{grid-column:span 3}.admin-panel-section--span-full{grid-column:1 / -1}@media (max-width: 1100px){.admin-panel-section--span-2,.admin-panel-section--span-3,.admin-panel-section--span-full{grid-column:auto}}.admin-panel-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.admin-panel-section-head-text{display:grid;gap:4px;min-width:0}.admin-panel-section-title{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:.01em;color:var(--admin-text)}.admin-panel-section-description{margin:0;font-size:.85rem;font-weight:500;color:var(--admin-text-soft);max-width:70ch}.admin-panel-section-actions{display:inline-flex;gap:6px;flex:0 0 auto}.admin-panel-section-body{display:grid;gap:14px;min-width:0}.admin-panel-field{display:grid;gap:6px;min-width:0}.admin-panel-field-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--admin-text-soft)}.admin-panel-field>input:not([type=checkbox]):not([type=radio]),.admin-panel-field>select,.admin-panel-field>textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--admin-text);background:color-mix(in srgb,var(--admin-surface) 60%,var(--palette-hex-000));border:1px solid var(--admin-border);border-radius:9px;padding:10px 12px;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.admin-panel-field>textarea{min-height:88px;resize:vertical}.admin-panel-field>input::placeholder,.admin-panel-field>textarea::placeholder{color:var(--admin-text-faint)}.admin-panel-field>input:not([type=checkbox]):not([type=radio]):hover,.admin-panel-field>select:hover,.admin-panel-field>textarea:hover{border-color:var(--admin-border-strong)}.admin-panel-field>input:not([type=checkbox]):not([type=radio]):focus-visible,.admin-panel-field>select:focus-visible,.admin-panel-field>textarea:focus-visible{outline:none;border-color:color-mix(in srgb,var(--admin-accent) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--admin-accent) 30%,transparent)}.admin-panel-field[data-invalid=true]>input:not([type=checkbox]):not([type=radio]),.admin-panel-field[data-invalid=true]>select,.admin-panel-field[data-invalid=true]>textarea{border-color:color-mix(in srgb,var(--admin-danger) 60%,transparent)}.admin-panel-field-hint{font-size:.78rem;font-weight:500;color:var(--admin-text-faint);text-transform:none;letter-spacing:normal}.admin-panel-field-error{font-size:.8rem;font-weight:600;color:var(--palette-hex-ff9a9a);text-transform:none;letter-spacing:normal}.admin-panel-field-row{display:grid;gap:14px}.admin-panel-field-row[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel-field-row[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-panel-field-row[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-panel-field-row[data-columns=auto]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width: 720px){.admin-panel-field-row[data-columns="2"],.admin-panel-field-row[data-columns="3"],.admin-panel-field-row[data-columns="4"]{grid-template-columns:1fr}}.admin-panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.admin-panel-actions[data-align=end]{justify-content:flex-end}.admin-panel-actions[data-align=start]{justify-content:flex-start}.admin-panel-actions[data-align=between]{justify-content:space-between}.admin-panel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;border:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 60%,var(--palette-hex-000));color:var(--admin-text);font-family:var(--font-display);font-weight:700;cursor:pointer;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,transform .14s cubic-bezier(.32,.72,.18,1);white-space:nowrap}.admin-panel-button--md{font-size:.85rem;padding:9px 14px}.admin-panel-button--sm{font-size:.78rem;padding:6px 10px;border-radius:7px}.admin-panel-button:hover:not(:disabled),.admin-panel-button:focus-visible{outline:none;border-color:var(--admin-border-strong);transform:translateY(-1px)}.admin-panel-button:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--admin-accent) 35%,transparent)}.admin-panel-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-panel-button--primary{background:var(--admin-accent);color:var(--palette-hex-0b1208);border-color:transparent}.admin-panel-button--primary:hover:not(:disabled){filter:brightness(1.06);border-color:transparent}.admin-panel-button--ghost{background:transparent;border-color:transparent;color:var(--admin-text-soft)}.admin-panel-button--ghost:hover:not(:disabled),.admin-panel-button--ghost:focus-visible{color:var(--admin-text);background:color-mix(in srgb,var(--admin-surface) 80%,var(--palette-hex-000));border-color:var(--admin-border)}.admin-panel-button--danger{background:transparent;border-color:color-mix(in srgb,var(--admin-danger) 45%,transparent);color:var(--palette-hex-ff9a9a)}.admin-panel-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--admin-danger) 14%,transparent);color:var(--palette-hex-ffd0d0)}.admin-panel-button-icon{display:inline-flex;align-items:center;justify-content:center}.admin-panel-status{margin:0;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600;background:color-mix(in srgb,var(--admin-surface) 50%,transparent);border:1px solid var(--admin-border);color:var(--admin-text-soft)}.admin-panel-status--success{border-color:color-mix(in srgb,var(--admin-accent) 45%,transparent);color:color-mix(in srgb,var(--admin-accent) 80%,var(--palette-hex-fff));background:color-mix(in srgb,var(--admin-accent) 12%,transparent)}.admin-panel-status--warning{border-color:color-mix(in srgb,var(--admin-warning) 45%,transparent);color:var(--admin-warning);background:color-mix(in srgb,var(--admin-warning) 12%,transparent)}.admin-panel-status--danger{border-color:color-mix(in srgb,var(--admin-danger) 45%,transparent);color:var(--palette-hex-ff9a9a);background:color-mix(in srgb,var(--admin-danger) 12%,transparent)}.admin-panel-empty{display:grid;gap:8px;justify-items:center;text-align:center;padding:36px 20px;border-radius:12px;border:1px dashed var(--admin-border-strong);background:color-mix(in srgb,var(--admin-surface) 60%,var(--palette-hex-000));color:var(--admin-text-soft)}.admin-panel-empty-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--admin-accent) 14%,transparent);color:var(--admin-accent)}.admin-panel-empty-title{margin:0;font-size:1rem;font-weight:800;color:var(--admin-text)}.admin-panel-empty-description{margin:0;font-size:.85rem;font-weight:500;color:var(--admin-text-soft);max-width:56ch}.admin-panel-empty-action{margin-top:6px}.admin-panel-picker-field{display:grid;gap:6px;min-width:0;align-content:start;align-self:start}.admin-panel-picker-field--inline{display:flex;align-items:center;gap:10px;min-width:0}.admin-panel-picker-field--block{width:100%}.admin-panel-picker-field--block .panel-dropdown{width:100%;display:block}.admin-panel-picker-field--inline .admin-panel-field-label{margin:0;flex:0 0 auto;white-space:nowrap}.admin-panel-picker-field--inline .panel-dropdown{flex:1 1 auto;min-width:0}.admin-panel-picker-field .panel-dropdown{display:block;width:100%}.admin-panel-picker-field .panel-dropdown-trigger{border-radius:9px;justify-content:space-between;min-height:40px;padding:8px 12px;font-size:.9rem;font-weight:600;background:color-mix(in srgb,var(--admin-surface) 60%,var(--palette-hex-000));border-color:var(--admin-border);color:var(--admin-text);box-shadow:none}.admin-panel-picker-field .panel-dropdown-trigger:hover,.admin-panel-picker-field .panel-dropdown-trigger:focus-visible,.admin-panel-picker-field .panel-dropdown-open .panel-dropdown-trigger{border-color:var(--admin-border-strong);background:color-mix(in srgb,var(--admin-surface) 70%,var(--palette-hex-000))}.admin-panel-picker-field .panel-dropdown-trigger-content{justify-content:flex-start;text-align:left}.admin-lesson-challenge-nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.admin-lesson-challenge-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 65%,var(--palette-hex-000));color:var(--admin-text-soft);font-family:var(--font-display);font-weight:700;font-size:.82rem;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s cubic-bezier(.32,.72,.18,1)}.admin-lesson-challenge-pill:hover{border-color:var(--admin-border-strong);color:var(--admin-text);transform:translateY(-1px)}.admin-lesson-challenge-pill--active{background:color-mix(in srgb,var(--admin-accent) 16%,transparent);border-color:color-mix(in srgb,var(--admin-accent) 55%,transparent);color:var(--admin-text)}.admin-lesson-challenge-pill-index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:color-mix(in srgb,var(--admin-surface) 30%,var(--palette-hex-000));font-size:.7rem;font-weight:800;color:var(--admin-text-soft)}.admin-lesson-challenge-pill--active .admin-lesson-challenge-pill-index{background:var(--admin-accent);color:var(--palette-hex-0b1208)}.admin-lesson-challenge-pill-label{font-size:.82rem;letter-spacing:.01em}.admin-lesson-challenge-pill--add{border-style:dashed;color:var(--admin-text-soft)}.admin-lesson-challenge-pill--add:hover{color:var(--admin-accent);border-color:color-mix(in srgb,var(--admin-accent) 55%,transparent)}.admin-lesson-subsection{display:grid;gap:16px;padding:18px 20px;border-radius:11px;border:1px solid color-mix(in srgb,var(--admin-border) 80%,transparent);background:color-mix(in srgb,var(--admin-surface) 85%,var(--palette-hex-000))}.admin-lesson-subsection .admin-panel-field-row{align-items:start}.admin-lesson-subsection-head{display:grid;gap:2px}.admin-lesson-subsection-title{margin:0;font-size:.9rem;font-weight:800;letter-spacing:.02em;color:var(--admin-text)}.admin-lesson-subsection-description{margin:0;font-size:.78rem;color:var(--admin-text-soft)}.admin-lesson-coordgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-width:168px;aspect-ratio:1;padding:4px;border-radius:10px;background:color-mix(in srgb,var(--admin-surface) 50%,var(--palette-hex-000));border:1px solid var(--admin-border)}.admin-lesson-coordgrid-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--admin-surface) 80%,var(--palette-hex-000));border:1px solid color-mix(in srgb,var(--admin-border) 80%,transparent);border-radius:7px;cursor:pointer;position:relative;transition:background-color .14s ease,border-color .14s ease,transform .12s ease}.admin-lesson-coordgrid-cell:hover{border-color:var(--admin-border-strong);background:color-mix(in srgb,var(--admin-accent) 8%,transparent)}.admin-lesson-coordgrid-cell--selected{background:color-mix(in srgb,var(--admin-accent) 22%,transparent);border-color:color-mix(in srgb,var(--admin-accent) 65%,transparent)}.admin-lesson-coordgrid-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38%;height:38%;border-radius:50%;background:var(--admin-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--admin-accent) 18%,transparent)}.admin-lesson-chip-chip{display:inline-flex;align-items:center;gap:8px;font-weight:700}.admin-lesson-chip-chip-dot{width:10px;height:10px;border-radius:50%;background:currentColor}.admin-lesson-chip-chip--rock{color:var(--palette-hex-d8b4fe)}.admin-lesson-chip-chip--paper{color:var(--palette-hex-a5b4fc)}.admin-lesson-chip-chip--scissors{color:var(--palette-hex-fda4af)}.admin-lesson-moves{display:grid;gap:10px}.admin-lesson-moves-empty{margin:0;padding:14px 12px;border-radius:9px;border:1px dashed var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 70%,var(--palette-hex-000));color:var(--admin-text-soft);font-size:.85rem;text-align:center}.admin-lesson-moves-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.admin-lesson-move-row{display:grid;gap:14px;padding:16px 18px;border-radius:10px;border:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 78%,var(--palette-hex-000))}.admin-lesson-move-row-head{display:flex;flex-wrap:wrap;align-items:center;column-gap:22px;row-gap:12px}.admin-lesson-move-row-head .admin-panel-picker-field--inline:first-of-type{flex:0 0 auto}.admin-lesson-move-row-head .admin-panel-picker-field--inline:first-of-type .panel-dropdown{flex:0 0 auto;min-width:110px}.admin-lesson-move-row-head .admin-panel-picker-field--inline+.admin-panel-picker-field--inline{flex:1 1 220px;min-width:0}.admin-lesson-move-row-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--admin-border) 70%,transparent);align-items:start}.admin-lesson-move-index{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:color-mix(in srgb,var(--admin-accent) 18%,transparent);color:var(--admin-accent);font-weight:800;font-size:.78rem}.admin-lesson-move-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid color-mix(in srgb,var(--admin-danger) 35%,transparent);background:color-mix(in srgb,var(--admin-danger) 10%,transparent);color:var(--palette-hex-ff9a9a);cursor:pointer;transition:background-color .14s ease,color .14s ease}.admin-lesson-move-remove:hover{background:color-mix(in srgb,var(--admin-danger) 22%,transparent);color:var(--palette-hex-ffd0d0)}.admin-lesson-moves-actions{display:flex;justify-content:flex-start}.admin-tone-trigger{display:inline-flex;align-items:center;gap:12px;width:100%;min-width:0;text-align:left}.admin-tone-trigger-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent)}.admin-tone-trigger-dot--info{color:var(--palette-hex-6fb6ff)}.admin-tone-trigger-dot--success{color:var(--palette-hex-58c97a)}.admin-tone-trigger-dot--warning{color:var(--palette-hex-ffce5c)}.admin-tone-trigger-dot--danger{color:var(--palette-hex-ff7a7a)}.admin-tone-trigger-dot--neutral{color:color-mix(in srgb,var(--admin-text-soft) 70%,transparent)}.admin-tone-trigger-copy{display:grid;gap:2px;min-width:0}.admin-tone-trigger-label{font-size:.95rem;font-weight:700;color:var(--admin-text);line-height:1.15}.admin-tone-trigger-description{font-size:.78rem;font-weight:500;color:var(--admin-text-soft);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-shell-content .admin-announcements-route--embedded,.admin-announcements-route--embedded{max-width:none;width:100%;margin:0;padding:0;color:var(--admin-text);font-family:var(--font-display)}.admin-announcements-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:18px;align-items:start;min-width:0;width:100%}@media (max-width: 1100px){.admin-announcements-layout{grid-template-columns:1fr}}.admin-announcements-layout>.admin-announcements-form,.admin-announcements-layout>.admin-announcements-inventory{margin-top:0;min-width:0}.admin-announcements-form>h2{margin:0 0 12px;font-size:1.05rem;font-weight:800}.admin-announcements-layout .admin-announcements-link{grid-template-columns:1fr}.admin-announcements-inventory{display:flex;flex-direction:column;gap:14px;min-width:0;max-height:min(72vh,900px)}.admin-announcements-inventory-head h2{margin:0;font-size:1.05rem;font-weight:800}.admin-announcements-inventory-head p{margin:6px 0 0;font-size:.82rem;color:var(--admin-text-soft);line-height:1.35}.admin-announcements-inventory-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:4px;border-radius:12px;border:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 88%,var(--palette-hex-000));flex-shrink:0}.admin-announcements-inventory-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:0;padding:10px 14px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--admin-text-soft);font-family:var(--font-display);font-size:.82rem;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .12s ease}.admin-announcements-inventory-tab-label{font-weight:700;letter-spacing:.04em}.admin-announcements-inventory-tab:hover,.admin-announcements-inventory-tab:focus-visible{color:var(--admin-text);background:color-mix(in srgb,var(--admin-text) 8%,transparent);outline:none}.admin-announcements-inventory-tab--active{color:var(--admin-text);background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 16%,transparent);border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 45%,transparent)}.admin-announcements-inventory-tab-count{margin-left:10px;padding-left:10px;border-left:1px solid color-mix(in srgb,currentColor 28%,transparent);min-width:1.35rem;font-size:.92rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.02em;text-align:center;color:color-mix(in srgb,var(--admin-text) 72%,var(--admin-text-soft))}.admin-announcements-inventory-tab--active .admin-announcements-inventory-tab-count{color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 88%,var(--palette-hex-fff));border-left-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 45%,transparent)}.admin-announcements-inventory-panel{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1;overflow:hidden}.admin-announcements-inventory-panel-hint{margin:0;font-size:.78rem;color:var(--admin-text-soft);flex-shrink:0}.admin-announcements-inventory-list{list-style:none;margin:0;padding:0 4px 0 0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.admin-announcements-inventory-empty{margin:0;padding:28px 16px;text-align:center;font-size:.9rem;color:var(--admin-text-soft);border:1px dashed var(--admin-border);border-radius:10px}.admin-announcements-inventory-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:start;padding:14px 16px;border-radius:10px;border:1px solid var(--admin-border);background:color-mix(in srgb,var(--admin-surface) 92%,var(--palette-hex-000));transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.admin-announcements-inventory-row:hover{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 40%,var(--admin-border));background:color-mix(in srgb,var(--admin-surface) 78%,var(--color-accent, var(--palette-hex-4caf1d)) 8%);transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--palette-hex-000) 35%,transparent)}.admin-announcements-inventory-row--live{border-left:3px solid color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,transparent)}.admin-announcements-inventory-row--scheduled{border-left:3px solid color-mix(in srgb,var(--palette-hex-6fb6ff) 70%,transparent)}.admin-announcements-inventory-row--paused{border-left:3px solid color-mix(in srgb,var(--admin-text-soft) 55%,transparent)}.admin-announcements-inventory-row--expired{border-left:3px solid color-mix(in srgb,var(--palette-hex-e24b4b) 45%,transparent);opacity:.88}.admin-announcements-inventory-row-titlebar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.admin-announcements-inventory-row-title{font-size:.95rem;font-weight:800}.admin-announcements-inventory-tone{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:999px;border:1px solid var(--admin-border)}.admin-announcements-inventory-tone--info{color:var(--palette-hex-6fb6ff);border-color:color-mix(in srgb,var(--palette-hex-6fb6ff) 40%,transparent)}.admin-announcements-inventory-tone--success{color:var(--palette-hex-7fd46a);border-color:color-mix(in srgb,var(--palette-hex-7fd46a) 40%,transparent)}.admin-announcements-inventory-tone--warning{color:var(--palette-hex-f0c35c);border-color:color-mix(in srgb,var(--palette-hex-f0c35c) 40%,transparent)}.admin-announcements-inventory-tone--danger{color:var(--palette-hex-ff9a9a);border-color:color-mix(in srgb,var(--palette-hex-ff9a9a) 40%,transparent)}.admin-announcements-inventory-row-body{margin:0 0 8px;font-size:.88rem;line-height:1.4;color:var(--admin-text)}.admin-announcements-inventory-row-link{margin:0 0 8px;font-size:.82rem}.admin-announcements-inventory-row-link a{color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 85%,var(--palette-hex-fff))}.admin-announcements-inventory-row-meta,.admin-announcements-inventory-row-updated{display:block;font-size:.76rem;color:var(--admin-text-soft);letter-spacing:.02em}.admin-announcements-inventory-row-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.admin-announcements-inventory-row-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.admin-announcements-inventory-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--admin-border);background:transparent;color:var(--admin-text);font-family:var(--font-display);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.admin-announcements-inventory-btn:hover,.admin-announcements-inventory-btn:focus-visible{background:color-mix(in srgb,var(--admin-text) 10%,transparent);outline:none}.admin-announcements-inventory-btn--danger:hover,.admin-announcements-inventory-btn--danger:focus-visible{border-color:color-mix(in srgb,var(--palette-hex-e24b4b) 55%,transparent);color:var(--palette-hex-ff9a9a)}.admin-shell-content .admin-announcements-form,.admin-shell-content .admin-announcements-inventory,.admin-announcements-route--embedded .admin-announcements-form,.admin-announcements-route--embedded .admin-announcements-inventory{border-color:var(--admin-border);background:var(--admin-surface)}.admin-shell-content .admin-announcements-form input,.admin-shell-content .admin-announcements-form textarea,.admin-shell-content .admin-announcements-form select,.admin-announcements-route--embedded .admin-announcements-form input,.admin-announcements-route--embedded .admin-announcements-form textarea,.admin-announcements-route--embedded .admin-announcements-form select{background:color-mix(in srgb,var(--admin-surface) 65%,var(--palette-hex-000));border-color:var(--admin-border);color:var(--admin-text)}.admin-announcements-form-field .panel-dropdown-trigger{min-height:56px;padding:8px 14px}.admin-announcements-form .admin-panel-field{min-width:0}.admin-announcements-link .admin-panel-field+.admin-panel-field{margin-top:2px}.dt-range-picker{display:flex;flex-direction:column;gap:12px}.dt-range-picker__mode{display:inline-flex;gap:6px;padding:4px;border-radius:999px;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 88%,var(--palette-hex-000));width:fit-content}.dt-range-picker__mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;border-radius:999px;cursor:pointer;opacity:.72;transition:background-color .14s ease,opacity .14s ease,color .14s ease}.dt-range-picker__mode-btn:hover,.dt-range-picker__mode-btn:focus-visible{opacity:1;outline:none}.dt-range-picker__mode-btn--active{opacity:1;background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 22%,transparent);color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 85%,var(--palette-hex-fff))}.dt-range-picker__always-copy{margin:0;font-size:.88rem;opacity:.72}.dt-range-picker__panel{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:12px;border:1px solid var(--shell-sidebar-border);background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 8%,transparent),transparent 55%),color-mix(in srgb,var(--shell-sidebar-bg) 86%,var(--palette-hex-000))}.dt-range-picker__endpoints{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}.dt-range-picker__arrow{display:flex;align-items:center;justify-content:center;opacity:.45;font-size:1.1rem}.dt-range-picker__endpoint{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 92%,var(--palette-hex-000));color:inherit;font:inherit;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.dt-range-picker__endpoint:hover,.dt-range-picker__endpoint:focus-visible{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 40%,var(--shell-sidebar-border));outline:none}.dt-range-picker__endpoint--active{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 65%,var(--shell-sidebar-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 35%,transparent);transform:translateY(-1px)}.dt-range-picker__endpoint-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.dt-range-picker__endpoint-date{font-size:.92rem;font-weight:700}.dt-range-picker__endpoint-time{font-size:.88rem;opacity:.78}.dt-range-picker__endpoint-empty{font-size:.9rem;opacity:.55;font-style:italic}.dt-range-picker__editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:16px}.dt-range-picker__calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dt-range-picker__month{font-weight:700;font-size:.95rem}.dt-range-picker__nav,.dt-range-picker__today{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 90%,var(--palette-hex-000));color:inherit;font:inherit;border-radius:8px;cursor:pointer}.dt-range-picker__nav{width:32px;height:32px;font-size:1.2rem;line-height:1}.dt-range-picker__today{margin-top:10px;width:100%;padding:7px 10px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dt-range-picker__weekdays,.dt-range-picker__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.dt-range-picker__weekdays span{text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.06em;opacity:.55;padding:2px 0 6px}.dt-range-picker__day{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font:inherit;aspect-ratio:1;border-radius:8px;cursor:pointer;font-size:.86rem;transition:background-color .12s ease,color .12s ease}.dt-range-picker__day--pad{pointer-events:none}.dt-range-picker__day:hover:not(.dt-range-picker__day--selected){background:color-mix(in srgb,var(--shell-sidebar-border) 55%,transparent)}.dt-range-picker__day--in-range{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 12%,transparent)}.dt-range-picker__day--today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 55%,transparent)}.dt-range-picker__day--selected{background:var(--color-accent, var(--palette-hex-4caf1d));color:var(--palette-hex-0b0e14);font-weight:800}.dt-range-picker__time{display:flex;flex-direction:column;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 94%,var(--palette-hex-000))}.dt-range-picker__time-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.dt-range-picker__time-stepper{display:flex;align-items:center;justify-content:center;gap:8px}.dt-range-picker__time-field{display:flex;flex-direction:column;align-items:center;gap:4px}.dt-range-picker__time-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:inherit;font-size:.65rem;opacity:.55;cursor:pointer;padding:2px 8px}.dt-range-picker__time-btn:hover,.dt-range-picker__time-btn:focus-visible{opacity:1;outline:none}.dt-range-picker__time-value{min-width:2.4ch;text-align:center;font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums}.dt-range-picker__time-sep{font-size:1.35rem;font-weight:800;opacity:.55;transform:translateY(-2px)}.dt-range-picker__period{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 14%,var(--shell-sidebar-bg));color:inherit;font:inherit;font-size:.82rem;font-weight:800;letter-spacing:.06em;padding:8px 10px;border-radius:8px;cursor:pointer;align-self:center;transition:border-color .12s ease,background-color .12s ease}.dt-range-picker__period:hover,.dt-range-picker__period:focus-visible{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 50%,var(--shell-sidebar-border));outline:none}.dt-range-picker__presets-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:6px}.dt-range-picker__preset-row{display:flex;flex-wrap:wrap;gap:6px}.dt-range-picker__preset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 88%,var(--palette-hex-000));color:inherit;font:inherit;font-size:.75rem;font-weight:700;padding:6px 10px;border-radius:999px;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.dt-range-picker__preset:hover,.dt-range-picker__preset:focus-visible{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 50%,var(--shell-sidebar-border));outline:none}.dt-range-picker__footer{min-height:1.2em}.dt-range-picker__hint{margin:0;font-size:.84rem;opacity:.72}.dt-range-picker__hint--error{color:var(--palette-hex-ff9a9a);opacity:1}@media (max-width: 720px){.dt-range-picker__editor,.dt-range-picker__endpoints{grid-template-columns:1fr}.dt-range-picker__arrow{transform:rotate(90deg)}}.ann-priority{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:12px;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 86%,var(--palette-hex-000))}.ann-priority__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ann-priority__title{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ann-priority__copy{margin:6px 0 0;max-width:34rem;font-size:.88rem;line-height:1.45;opacity:.72}.ann-priority__live{display:inline-flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.ann-priority__live input{position:absolute;opacity:0;width:0;height:0}.ann-priority__live-track{position:relative;width:42px;height:24px;border-radius:999px;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 80%,var(--palette-hex-000));transition:background-color .14s ease,border-color .14s ease}.ann-priority__live-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--palette-hex-fff);transition:transform .14s ease}.ann-priority__live input:checked+.ann-priority__live-track{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 75%,var(--palette-hex-000));border-color:transparent}.ann-priority__live input:checked+.ann-priority__live-track .ann-priority__live-thumb{transform:translate(18px)}.ann-priority__live-label{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.ann-priority__presets{display:flex;flex-wrap:wrap;gap:8px}.ann-priority__preset{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--shell-sidebar-border);background:color-mix(in srgb,var(--shell-sidebar-bg) 90%,var(--palette-hex-000));color:inherit;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:7px 12px;border-radius:999px;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.ann-priority__preset:hover,.ann-priority__preset:focus-visible{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 45%,var(--shell-sidebar-border));outline:none}.ann-priority__preset--active{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 22%,transparent);border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 55%,var(--shell-sidebar-border));color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 88%,var(--palette-hex-fff))}.ann-priority__slider-wrap{display:flex;flex-direction:column;gap:8px}.ann-priority__slider{--ann-priority-fill: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;border:none;background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,var(--palette-hex-fff)) 0%,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,var(--palette-hex-fff)) var(--ann-priority-fill),color-mix(in srgb,var(--shell-sidebar-border) 70%,var(--palette-hex-000)) var(--ann-priority-fill),color-mix(in srgb,var(--shell-sidebar-border) 70%,var(--palette-hex-000)) 100%);cursor:pointer}.ann-priority__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--palette-hex-0b0e14);background:var(--color-accent, var(--palette-hex-4caf1d));box-shadow:0 2px 8px var(--palette-rgba-0-0-0-0-35)}.ann-priority__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid var(--palette-hex-0b0e14);background:var(--color-accent, var(--palette-hex-4caf1d));box-shadow:0 2px 8px var(--palette-rgba-0-0-0-0-35)}.ann-priority__scale{display:flex;justify-content:space-between;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.5}.ann-priority__summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.ann-priority__summary-copy{display:flex;align-items:center;gap:8px;font-size:.88rem}.ann-priority__score{display:inline-flex;align-items:baseline;gap:0;font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;opacity:.85}.ann-priority__score-value,.ann-priority__score-max{font:inherit}.ann-priority__score-value{color:var(--color-accent, var(--palette-hex-4caf1d));font-weight:800}.ann-priority__summary-muted{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:.55}@media (max-width: 720px){.ann-priority__head{flex-direction:column}}.account-auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px 16px 48px;background:var(--auth-page-bg-gradient)}.account-auth-card{width:100%;max-width:420px;padding:36px 32px 32px;border-radius:12px;border:1px solid var(--auth-card-border);background:var(--auth-card-bg-gradient);box-shadow:var(--auth-card-shadow)}.account-auth-lock-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4200;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--color-page-bg, var(--palette-hex-080808)) 72%,transparent)}.account-auth-lock-card{width:min(430px,100%);display:grid;gap:12px;padding:22px;border-radius:14px;border:1px solid color-mix(in srgb,var(--state-warn-text, var(--palette-hex-f7c96a)) 45%,var(--color-border));background:var(--surface-card-bg, var(--color-bg-2));color:var(--color-text);box-shadow:var(--shadow-soft)}.account-auth-lock-card h2{margin:0;font-family:var(--font-display);font-size:1.3rem;color:var(--state-warn-text, var(--palette-hex-f7c96a))}.account-auth-lock-card p{margin:0;font-size:.9rem;line-height:1.5;color:var(--color-text-muted)}.account-auth-lock-success{padding:9px 11px;border-radius:8px;border:1px solid var(--state-success-border);background:var(--state-success-bg);color:var(--state-success-text);font-weight:700}.account-auth-lock-actions{display:flex;flex-wrap:wrap;gap:10px}.account-auth-title{margin:0 0 8px;font-family:var(--font-display);font-size:1.65rem;font-weight:800;letter-spacing:.02em;color:var(--auth-title-color);text-align:center}.account-auth-lead{margin:0 0 28px;font-size:.95rem;line-height:1.45;color:var(--auth-lead-color);text-align:center}.account-auth-form{display:flex;flex-direction:column;gap:16px}.account-auth-label{display:flex;flex-direction:column;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--auth-label-color)}.account-auth-input{padding:12px 14px;border-radius:8px;border:1px solid var(--auth-field-border);background:var(--auth-field-bg);color:var(--auth-field-text);font-size:1rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.account-auth-input:focus{border-color:var(--auth-field-focus-border);box-shadow:var(--auth-field-focus-ring)}.account-auth-input:disabled{opacity:var(--control-disabled-opacity)}.account-auth-hint{margin:-8px 0 0;font-size:.85rem;color:var(--auth-hint-color)}.account-auth-error{padding:10px 12px;border-radius:8px;font-size:.9rem;color:var(--auth-error-text);background:var(--auth-error-bg);border:1px solid var(--auth-error-border)}.account-auth-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 18px;border:none;border-radius:10px;font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:filter .12s ease,transform .12s ease}.account-auth-btn:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.account-auth-btn-primary{color:var(--auth-btn-primary-text);background:var(--auth-btn-primary-bg);box-shadow:var(--auth-btn-primary-shadow)}.account-auth-btn-primary:hover:not(:disabled){filter:brightness(1.06)}.account-auth-btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:var(--auth-btn-primary-shadow-active)}.account-auth-btn-secondary{color:var(--auth-btn-secondary-text);background:var(--auth-btn-secondary-bg);box-shadow:var(--auth-btn-secondary-shadow)}.account-auth-btn-secondary:hover:not(:disabled){filter:brightness(1.08)}.account-auth-btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:var(--auth-btn-secondary-shadow-active)}.account-auth-or{display:flex;align-items:center;gap:12px;margin:22px 0 18px}.account-auth-or-line{flex:1;height:1px;background:var(--auth-or-line)}.account-auth-or-text{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--auth-or-text)}.account-auth-footer{margin:24px 0 0;text-align:center;font-size:.9rem;color:var(--auth-footer-text)}.account-auth-footer a{color:var(--auth-footer-link);font-weight:700;text-decoration:none}.account-auth-footer a:hover{text-decoration:underline}.account-auth-forgot-wrap{margin:4px 0 0;text-align:right;font-size:.82rem}.account-auth-forgot-link{color:var(--auth-footer-link);font-weight:600;text-decoration:none}.account-auth-forgot-link:hover{text-decoration:underline}.app-header-auth-cta-cluster{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.app-header-auth-cta{display:flex;flex-direction:row;align-items:center;gap:10px}.app-header-auth-cta-error{max-width:220px;text-align:right;font-size:.7rem;color:var(--state-danger-text);font-weight:600}.app-auth-cta-primary,.app-auth-cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center;transition:filter .12s ease,transform .12s ease}.app-auth-cta-primary{color:var(--auth-btn-primary-text);background:var(--auth-header-cta-primary-bg);box-shadow:var(--auth-header-cta-primary-shadow)}.app-auth-cta-primary:hover{filter:brightness(1.06)}.app-auth-cta-secondary{color:var(--auth-header-cta-secondary-text);background:var(--auth-header-cta-secondary-bg);box-shadow:var(--auth-header-cta-secondary-shadow)}.app-auth-cta-secondary:hover{filter:brightness(1.08)}.app-header-session-loading{min-width:40px;font-size:1.1rem;color:var(--auth-session-loading)}.app-profile-account .app-profile-avatar{background:var(--auth-profile-avatar-bg);color:var(--auth-profile-avatar-text)}.app-profile-account .app-profile-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-profile-account .app-profile-avatar-has-image{padding:0;background:transparent;overflow:hidden}.app-profile-account .app-profile-avatar-img{display:block;width:31px;height:31px;border-radius:999px;object-fit:cover}.app-account-profile-form-wrap{margin-top:0;margin-bottom:0}.app-account-profile-form{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:440px;text-align:left;font-size:.85rem;color:var(--color-text-muted)}.app-account-profile-form-field{display:flex;flex-direction:column;gap:6px;width:100%;align-items:flex-start;text-align:left;font-weight:600;color:var(--color-text)}.app-account-profile-form-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-1);color:var(--color-text);font:inherit}.app-account-profile-form-input:focus{outline:none;border-color:var(--color-border-strong);box-shadow:var(--control-neutral-focus-ring)}.app-account-profile-form-textarea{width:100%;min-height:96px;padding:10px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-1);color:var(--color-text);font:inherit;line-height:1.45;resize:vertical}.app-account-profile-form-textarea:focus{outline:none;border-color:var(--color-border-strong);box-shadow:var(--control-neutral-focus-ring)}.app-account-profile-form-hint{font-size:.72rem;font-weight:500;color:var(--color-text-dim);line-height:1.35}.app-account-profile-form-btn{align-self:flex-start;padding:10px 16px;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-border) 78%,var(--color-border-strong) 22%);font-weight:700;font-family:var(--font-display);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-3) 94%,var(--color-text) 6%),var(--color-bg-2));color:var(--color-text)}.app-account-profile-form-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-border-strong) 55%,var(--color-border) 45%);filter:brightness(1.05)}.app-account-profile-form-btn:disabled{opacity:.45;cursor:default}.app-account-profile-form-btn-danger{border-color:color-mix(in srgb,var(--state-danger-text) 45%,var(--color-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-3) 90%,var(--state-danger-text) 10%),var(--color-bg-2))}.app-account-profile-form-btn-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--state-danger-text) 65%,transparent)}.app-account-profile-form-check{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--color-text)}.app-account-profile-form-error{color:var(--state-danger-text);font-weight:600;max-width:440px;text-align:left;margin-top:10px}.account-profile-page{padding-top:28px;padding-bottom:56px;display:flex;flex-direction:column;gap:22px}.account-profile-hero{border-radius:var(--radius-panel);border:1px solid var(--color-border);background:radial-gradient(ellipse 90% 80% at 12% 0%,var(--surface-site-hero-glow),transparent 42%),linear-gradient(165deg,color-mix(in srgb,var(--color-bg-2) 94%,var(--color-text) 6%),var(--color-bg-1));box-shadow:var(--shadow-soft);overflow:visible}.account-profile-hero-top{display:grid;grid-template-columns:auto 1fr;gap:20px 28px;align-items:stretch;padding:26px 28px 18px}.account-profile-hero--has-presence-corner .account-profile-hero-top{padding-right:178px}.account-profile-hero{position:relative}.account-profile-header-actions{position:absolute;top:18px;right:20px;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:320px}.account-profile-header-action-row{position:relative;display:inline-flex;align-items:center;gap:8px}.account-profile-header-action-error{margin:0;padding:4px 8px;border-radius:8px;background:color-mix(in srgb,var(--state-danger-bg, var(--palette-hex-4a1d1d)) 70%,transparent);border:1px solid var(--state-danger-border, color-mix(in srgb, var(--color-text) 18%, transparent));color:var(--state-danger-text, var(--palette-hex-e87a7a));font-size:.78rem;line-height:1.35;text-align:right}.account-profile-header-challenge,.account-profile-header-follow{white-space:nowrap}.account-profile-header-more{width:38px;min-width:38px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;letter-spacing:.1em}.account-profile-header-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:4400;min-width:180px;margin:0;padding:6px;list-style:none;border-radius:var(--radius-md, 12px);border:1px solid var(--control-field-border);background:color-mix(in srgb,var(--control-field-bg) 92%,var(--palette-hex-000) 8%);box-shadow:0 12px 28px var(--palette-rgba-0-0-0-0-55),0 2px 6px var(--palette-rgba-0-0-0-0-35),inset 0 1px 0 var(--surface-inset-highlight)}.account-profile-header-menu>li{margin:0}.account-profile-header-menu-item{display:block;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:8px;text-align:left;font:inherit;font-size:.86rem;font-weight:700;letter-spacing:.02em;color:var(--control-text);cursor:pointer;transition:background-color 80ms ease,color 80ms ease}.account-profile-header-menu-item:hover:not(:disabled),.account-profile-header-menu-item:focus-visible:not(:disabled){background:color-mix(in srgb,var(--color-accent) 22%,transparent);outline:none}.account-profile-header-menu-item:disabled{opacity:.55;cursor:not-allowed}.account-profile-header-menu-item--danger{color:var(--state-danger-text, var(--palette-hex-e87a7a))}@media (max-width: 640px){.account-profile-header-actions{top:12px;right:12px}.account-profile-header-challenge,.account-profile-header-follow{padding:0 10px;min-height:32px;font-size:.8rem}}@media (max-width: 640px){.account-profile-hero-top{grid-template-columns:1fr;justify-items:stretch}.account-profile-hero--has-presence-corner .account-profile-hero-top{padding-right:28px;padding-top:62px}.account-profile-presence-corner{top:14px;right:14px}.account-profile-hero-avatar{width:112px;height:112px;min-height:0;justify-self:start}}.account-profile-hero-avatar{width:auto;height:100%;min-height:112px;aspect-ratio:1 / 1;align-self:stretch;border-radius:14px;overflow:hidden;flex-shrink:0;border:1px solid color-mix(in srgb,var(--color-border) 82%,var(--color-border-strong) 18%);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text) 8%,transparent);background:var(--auth-profile-avatar-bg)}.account-profile-hero-avatar-img{display:block;width:100%;height:100%;object-fit:cover}.account-profile-hero-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-display);font-size:2.4rem;font-weight:800;color:var(--auth-profile-avatar-text)}.account-profile-hero-info{min-width:0}.account-profile-presence-corner{position:absolute;top:18px;right:20px;z-index:4}.account-profile-hero-pretitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:22px;margin:0 0 8px;font-size:.8rem;color:var(--color-text-dim)}.account-profile-hero-names{display:flex;flex-direction:column;gap:0;min-width:0}.account-profile-hero-handle{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,4vw,2.05rem);font-weight:800;letter-spacing:.02em;line-height:1.1;color:var(--color-text);max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}.account-profile-hero-display{--inline-edit-handle-rest-y: -18px;--inline-edit-handle-shift-y: 0px;margin:0;padding:0;font-size:.82rem;font-weight:600;line-height:1;letter-spacing:.01em;color:color-mix(in srgb,var(--color-text-muted) 78%,transparent);opacity:.72;translate:0 calc(var(--inline-edit-handle-rest-y) + var(--inline-edit-handle-shift-y));transition:translate .28s ease,opacity .2s ease}.account-profile-hero-names:has(.inline-edit-frame.is-editing) .account-profile-hero-display,.account-profile-hero-names:has(.inline-edit-frame.is-exiting) .account-profile-hero-display{--inline-edit-handle-shift-y: 20px}.account-profile-hero-tagline{position:relative;margin:14px 0 0;padding:2px 0 2px 14px;border-left:2px solid color-mix(in srgb,var(--color-accent) 55%,transparent);font-family:var(--font-display, var(--font-body));font-style:italic;font-size:.95rem;font-weight:500;line-height:1.5;color:color-mix(in srgb,var(--color-text) 88%,transparent);max-width:520px;quotes:"“" "”" "‘" "’";transition:border-color .28s ease}.account-profile-hero-tagline:before,.account-profile-hero-tagline:after{font-family:Georgia,Times New Roman,serif;font-style:normal;font-weight:700;color:color-mix(in srgb,var(--color-accent) 70%,transparent);line-height:0;vertical-align:-.05em}.account-profile-hero-tagline:before{content:open-quote;margin-right:2px;font-size:1.45em;vertical-align:-.22em}.account-profile-hero-tagline:after{content:close-quote;margin-left:2px;font-size:1.45em;vertical-align:-.22em}.inline-edit-frame.is-editing .account-profile-hero-tagline,.inline-edit-frame.is-exiting .account-profile-hero-tagline{border-left-color:transparent}.account-profile-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:14px;font-size:.8rem;color:var(--color-text-dim)}.account-profile-social-counters{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.account-profile-social-counter{display:inline-flex;align-items:baseline;gap:6px;min-height:34px;padding:7px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;font:inherit;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.account-profile-social-counter:hover:not(:disabled),.account-profile-social-counter:focus-visible:not(:disabled){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-text);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 20%,transparent)}.account-profile-social-counter:disabled{cursor:default;opacity:var(--control-disabled-opacity)}.account-profile-social-counter strong{color:var(--color-text);font-family:var(--font-display);font-size:1rem;font-weight:900}.account-profile-social-counter span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.account-profile-hero-meta-item{font-weight:600}.account-profile-hero-meta-dot{opacity:.55}.account-profile-hero-meta-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px 14px;min-width:0}.account-profile-hero .friend-status-selector--profile-hero .panel-dropdown-trigger{font-size:.78rem}.account-profile-hero-status-label{font-size:.78rem;font-weight:700;color:var(--color-text-muted)}.account-profile-hero-activity-hint{font-size:.78rem;font-weight:600;color:var(--color-text-muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-profile-edit-btn{justify-self:end;padding:10px 18px;border-radius:8px;border:1px solid var(--color-border-strong);font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:var(--color-text);background:color-mix(in srgb,var(--color-bg-3) 88%,var(--color-text) 12%);box-shadow:0 1px color-mix(in srgb,var(--color-text) 10%,transparent)}.account-profile-edit-btn:hover{border-color:color-mix(in srgb,var(--accent-ui-tab-underline) 42%,var(--color-border-strong) 58%);filter:brightness(1.06)}.account-profile-tabs{display:flex;gap:4px;padding:0 12px;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-0) 65%,transparent)}.account-profile-tab{position:relative;padding:14px 18px;border:none;background:transparent;font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.account-profile-tab:hover{color:var(--color-text-muted)}.account-profile-tab.active{color:var(--color-text);border-bottom-color:var(--accent-ui-tab-underline)}a.account-profile-tab{text-decoration:none;color:inherit;display:inline-flex;align-items:center;box-sizing:border-box}.account-profile-hero-top-spacer{justify-self:end}.account-profile-body{display:flex;flex-direction:column;gap:18px}.account-profile-overview-tab{display:flex;flex-direction:column;gap:20px}.account-profile-tab--inactive-skeleton{cursor:default;pointer-events:none;opacity:.55}.account-profile-section-title{margin:0 0 10px;font-family:var(--font-display);font-size:.85rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.account-profile-section-title--inline{margin-bottom:8px}.account-profile-active-matches{padding:0;background:transparent;border:none;box-shadow:none}.account-profile-active-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.account-profile-active-list .friend-challenge-card{margin:0}.account-profile-active-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg)}.account-profile-active-row--resume{margin-bottom:10px}.account-profile-active-row strong{display:block;font-size:.95rem}.account-profile-active-row span{font-size:.82rem;color:var(--color-text-muted)}.account-profile-active-status{font-size:.82rem;font-style:normal;color:var(--color-text-dim)}.account-profile-active-table .account-profile-active-pulse-col{width:24px;padding-left:12px;padding-right:0}.account-profile-active-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 color-mix(in srgb,var(--color-accent) 65%,transparent);animation:account-profile-active-pulse-anim 1.6s ease-out infinite;vertical-align:middle}.account-profile-active-pulse--ready{background:var(--color-accent);box-shadow:0 0 color-mix(in srgb,var(--color-accent) 65%,transparent)}.account-profile-active-pulse--accepted,.account-profile-active-pulse--pending{background:var(--palette-hex-f5b942);box-shadow:0 0 0 0 var(--palette-rgba-245-185-66-0-55);animation-name:account-profile-active-pulse-anim-warm}@keyframes account-profile-active-pulse-anim{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 70%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes account-profile-active-pulse-anim-warm{0%{box-shadow:0 0 0 0 var(--palette-rgba-245-185-66-0-55)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.account-profile-active-pulse{animation:none}}.account-profile-active-status-pill{display:inline-block;font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.account-profile-active-status-pill--ready{color:var(--color-accent)}.account-profile-active-status-pill--accepted,.account-profile-active-status-pill--pending{color:var(--palette-hex-f5b942)}.account-profile-active-status-meta{font-size:.82rem;color:var(--color-text-dim)}.account-profile-active-row-actions{display:inline-flex;gap:10px;align-items:center}.account-profile-active-action-link{background:transparent;border:none;padding:0;margin:0;font-family:inherit;font-weight:700;font-size:.82rem;line-height:inherit;color:var(--accent-ui-tab-underline);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none}.account-profile-active-action-link:hover{text-decoration:underline}.account-profile-active-action-link:focus-visible{outline:2px solid var(--accent-ui-tab-underline);outline-offset:2px;border-radius:2px}.account-profile-active-action-link--danger{color:var(--palette-hex-ff6a6a)}.account-profile-active-action-link--danger:focus-visible{outline-color:var(--palette-hex-ff6a6a)}.account-profile-active-action-divider{color:var(--color-text-dim);font-size:1.2rem;line-height:1;-webkit-user-select:none;user-select:none}.account-profile-match-history{padding:4px 0 0}.account-profile-match-history-muted,.account-profile-match-history-empty{margin:0;font-size:.9rem;line-height:1.45;color:var(--color-text-muted)}.account-profile-match-history-table-wrap{overflow-x:auto;border-radius:var(--radius-panel);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-2) 92%,transparent)}.account-profile-match-history-table{width:100%;border-collapse:collapse;font-size:.88rem}.account-profile-match-history-table th,.account-profile-match-history-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.account-profile-match-history-table th{font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-dim);background:color-mix(in srgb,var(--color-bg-0) 55%,transparent)}.account-profile-match-history-table tbody tr:hover{background:color-mix(in srgb,var(--accent-ui-tab-underline) 8%,transparent)}.account-profile-match-history-table tbody tr:last-child td{border-bottom:none}.account-profile-result{font-weight:700}.account-profile-result--win{color:color-mix(in srgb,var(--accent-ui-tab-underline) 70%,var(--color-text) 30%)}.account-profile-result--loss{color:var(--palette-hex-ff6a6a)}.account-profile-result--draw{color:var(--color-text-dim)}.account-profile-match-review-link{font-weight:700;font-size:.82rem;text-decoration:none;color:var(--accent-ui-tab-underline)}.account-profile-match-review-link:hover{text-decoration:underline}.account-profile-opponent-link{color:inherit;text-decoration:none;font-weight:600;transition:color .12s ease}.account-profile-opponent-link:hover,.account-profile-opponent-link:focus-visible{color:var(--color-accent, var(--palette-hex-4caf1d));text-decoration:underline;outline:none}@media (max-width: 720px){.account-profile-match-history-table{font-size:.8rem}.account-profile-match-history-table th,.account-profile-match-history-table td{padding:8px 10px}}.account-profile-social-card{display:flex;flex-direction:column;gap:12px;padding:18px 20px;border-radius:var(--radius-panel);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-2) 90%,var(--color-text) 10%);box-shadow:var(--shadow-soft)}.account-profile-social-rel{margin:0;font-size:.95rem;line-height:1.45;color:var(--color-text-muted)}.account-profile-social-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.account-profile-overview-lead{margin:0;max-width:720px;font-size:.92rem;line-height:1.5;color:var(--color-text-muted)}.account-profile-overview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 900px){.account-profile-overview-cards{grid-template-columns:1fr}}.account-profile-overview-card{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:border-color .14s ease,transform .14s ease}.account-profile-overview-card:hover{border-color:var(--surface-hub-card-hover-border);transform:translateY(-2px)}.account-profile-overview-card-kicker{font-family:var(--font-display);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ui-eyebrow)}.account-profile-overview-card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--accent-ui-section-title)}.account-profile-overview-card-body{font-size:.82rem;line-height:1.4;color:var(--color-text-dim)}.account-profile-settings-wrap{padding-bottom:8px}.account-profile-settings{padding:22px 24px;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg);box-shadow:var(--shadow-soft)}.account-profile-settings-lead{margin:0 0 18px;font-size:.88rem;color:var(--color-text-muted);max-width:520px}.account-profile-page-footer{margin-top:8px}.account-profile-page-error{margin-top:12px}.account-profile-hero--skeleton{pointer-events:none}.account-profile-skeleton-block{width:112px;height:112px;border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg-3) 88%,var(--color-text) 12%),color-mix(in srgb,var(--color-bg-3) 70%,var(--color-text) 30%),color-mix(in srgb,var(--color-bg-3) 88%,var(--color-text) 12%));background-size:200% 100%;animation:account-profile-skeleton-shimmer 1.2s ease-in-out infinite}.account-profile-skeleton-line{border-radius:6px;height:14px;max-width:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg-3) 88%,var(--color-text) 12%),color-mix(in srgb,var(--color-bg-3) 70%,var(--color-text) 30%),color-mix(in srgb,var(--color-bg-3) 88%,var(--color-text) 12%));background-size:200% 100%;animation:account-profile-skeleton-shimmer 1.2s ease-in-out infinite}.account-profile-skeleton-line--lg{width:min(280px,55vw);height:22px}.account-profile-skeleton-line--md{width:min(200px,40vw);height:16px;margin-top:10px}.account-profile-skeleton-line--sm{width:160px;height:12px}.account-profile-skeleton-line--xs{width:120px;height:12px}.account-profile-hero-meta--skeleton{display:flex;flex-direction:column;gap:8px;margin-top:16px}.account-profile-skeleton-edit{width:118px;height:38px;border-radius:8px;justify-self:end;background:linear-gradient(90deg,color-mix(in srgb,var(--color-bg-3) 88%,var(--color-text) 12%),color-mix(in srgb,var(--color-bg-3) 70%,var(--color-text) 30%),color-mix(in srgb,var(--color-bg-3) 88%,var(--color-text) 12%));background-size:200% 100%;animation:account-profile-skeleton-shimmer 1.2s ease-in-out infinite}@media (max-width: 640px){.account-profile-skeleton-edit{justify-self:stretch}}@keyframes account-profile-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.account-profile-fetch-error{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;margin-bottom:12px;border-radius:var(--radius-panel);border:1px solid color-mix(in srgb,var(--state-danger-text) 35%,var(--color-border));background:color-mix(in srgb,var(--state-danger-text) 12%,var(--color-bg-1));color:var(--state-danger-text);font-weight:600;font-size:.88rem}@keyframes account-profile-missing-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes account-profile-missing-code-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.account-profile-missing-page{display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 240px)}.account-profile-missing-crumbs{padding:10px 14px;border-radius:10px;border:1px solid var(--surface-card-border);background:color-mix(in srgb,var(--color-bg-0) 35%,transparent);animation:account-profile-missing-fade-in .22s cubic-bezier(.32,.72,.18,1) both}.account-profile-missing-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem;font-weight:600}.account-profile-missing-crumbs li{display:inline-flex;align-items:center}.account-profile-missing-crumbs a{position:relative;padding:4px 10px;border-radius:6px;color:var(--color-text-muted);text-decoration:none;transition:color .14s ease,background .14s ease}.account-profile-missing-crumbs a:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.account-profile-missing-crumbs .sep{color:color-mix(in srgb,var(--color-text-muted) 60%,transparent)}.account-profile-missing-crumbs .current{padding:4px 10px;font-family:var(--font-display);font-weight:800;letter-spacing:.02em;color:var(--accent-ui-section-title)}.account-profile-missing-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:32px 24px;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-panel);animation:account-profile-missing-fade-in .36s cubic-bezier(.32,.72,.18,1) both}.account-profile-missing-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.account-profile-missing-stars circle{fill:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,var(--color-text-muted) 30%);opacity:.55}.account-profile-missing-peaks path{fill:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 22%,transparent)}.account-profile-missing-rings circle{fill:none;stroke:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 35%,transparent);stroke-width:1}@keyframes account-profile-missing-twinkle{0%,to{opacity:.55}50%{opacity:.2}}.account-profile-missing-stars circle:nth-child(odd){animation:account-profile-missing-twinkle 4s ease-in-out infinite}.account-profile-missing-stars circle:nth-child(2n){animation:account-profile-missing-twinkle 6s ease-in-out infinite;animation-delay:1.2s}.account-profile-missing-code{font-family:var(--font-display);font-size:clamp(6rem,22vw,11rem);font-weight:900;letter-spacing:.04em;line-height:1;background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 80%,transparent),color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 35%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:account-profile-missing-code-float 4.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.account-profile-missing-code,.account-profile-missing-stars circle:nth-child(odd),.account-profile-missing-stars circle:nth-child(2n){animation:none}.account-profile-missing-body,.account-profile-missing-crumbs{animation:none}}.account-profile-missing-headline{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800;letter-spacing:.02em;color:var(--accent-ui-section-title)}.account-profile-missing-sub{margin:0;max-width:520px;font-size:.95rem;line-height:1.55;color:var(--color-text-muted)}.account-profile-missing-sub strong{color:var(--color-text);font-weight:700}.account-profile-missing-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.account-profile-fetch-retry{padding:6px 12px;border-radius:6px;border:1px solid var(--color-border-strong);font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:var(--color-text);background:var(--color-bg-2)}.account-profile-fetch-retry:hover{border-color:var(--color-text-muted)}.account-profile-settings-bootstrap{margin:0;padding:16px 0;font-size:.9rem;color:var(--color-text-muted)}.profile-social-list-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4100;border:0;background:color-mix(in srgb,var(--color-page-bg) 58%,transparent);cursor:default}.profile-social-list-modal{position:fixed;z-index:4101;top:50%;left:50%;width:min(420px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 40px));transform:translate(-50%,-50%);display:flex;flex-direction:column;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg);box-shadow:var(--shadow-soft);color:var(--color-text);overflow:hidden}.profile-social-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px 12px;border-bottom:1px solid var(--surface-section-border)}.profile-social-list-head h2{margin:3px 0 0;font-family:var(--font-display);font-size:1.2rem}.profile-social-list-body{display:flex;flex-direction:column;gap:8px;padding:12px;overflow:auto}.inline-edit-host{position:relative;display:block;width:100%}.inline-edit-frame{position:relative;display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:4px 12px 24px 8px;margin:-4px -8px;border-radius:10px;background:transparent;cursor:default;border:1px solid transparent;clip-path:inset(-2px -2px 17px -2px round 10px);transition:background-color .14s ease,clip-path .28s ease}.inline-edit-frame.is-editing,.inline-edit-frame.is-exiting{clip-path:inset(-2px -2px -2px -2px round 10px)}.inline-edit-host.inline-edit--handle .inline-edit-frame{min-height:52px}.inline-edit-frame:before,.inline-edit-frame:after{content:"";position:absolute;top:-1px;right:-1px;left:-1px;bottom:19px;border-radius:inherit;pointer-events:none;transition:opacity .28s ease,bottom .28s ease,border-color .14s ease,box-shadow .28s ease,background-color .14s ease}.inline-edit-frame:before{z-index:0;border:1px dashed transparent;background:transparent;opacity:0}.inline-edit-frame:after{z-index:1;border:1px solid transparent;box-shadow:0 0 0 0 transparent;opacity:0}.inline-edit-frame.is-hovering{background:transparent}.inline-edit-frame.is-hovering:before{background:color-mix(in srgb,var(--color-text) 4%,transparent);border-color:color-mix(in srgb,var(--color-border-strong) 55%,transparent);opacity:1}.inline-edit-frame.is-primed{background:transparent;cursor:text}.inline-edit-frame.is-primed:before{background:color-mix(in srgb,var(--color-accent) 8%,transparent);border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);opacity:1}.inline-edit-frame.is-primed:after{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 14%,transparent);opacity:1}.inline-edit-frame.is-editing{background:color-mix(in srgb,var(--color-accent) 8%,transparent);cursor:text;flex-wrap:wrap;animation:inline-edit-frame-width .28s ease forwards}.inline-edit-frame.is-editing:before,.inline-edit-frame.is-editing:after,.inline-edit-frame.is-exiting:before,.inline-edit-frame.is-exiting:after{bottom:-1px}.inline-edit-frame.is-editing:before{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);opacity:0}.inline-edit-frame.is-editing:after{border-color:color-mix(in srgb,var(--color-accent) 75%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 14%,transparent);opacity:1}.inline-edit-frame.is-exiting{background:transparent;cursor:default;transition:background-color .24s ease;flex-wrap:wrap;animation:inline-edit-frame-width-exit .28s ease forwards}.inline-edit-frame.is-exiting:before{border-color:transparent;opacity:0;transition:none;animation:none}.inline-edit-frame.is-exiting:after{border-color:color-mix(in srgb,var(--color-border-strong) 62%,transparent);opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-border-strong) 16%,transparent);transition:none;animation:inline-edit-exit-solid .28s ease forwards}@keyframes inline-edit-exit-solid{0%{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-border-strong) 16%,transparent)}to{opacity:0;box-shadow:0 0 0 0 transparent}}@keyframes inline-edit-frame-width{0%{width:var(--inline-edit-from-w, fit-content)}to{width:var(--inline-edit-to-w, fit-content)}}@keyframes inline-edit-frame-width-exit{0%{width:var(--inline-edit-from-w, fit-content)}to{width:var(--inline-edit-to-w, fit-content)}}.inline-edit-frame:focus-visible{outline:none}.inline-edit-frame [data-editing]{outline:none;caret-color:var(--color-accent);cursor:text;flex:1 1 auto;min-width:0}.inline-edit-frame [data-editing=true]{white-space:pre-wrap;word-break:break-word}.inline-edit-host.inline-edit--handle .inline-edit-frame [data-editing=true],.inline-edit-host.inline-edit--handle .inline-edit-frame [data-editing=false]{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:clip}.inline-edit-frame [data-editing=false]{flex:0 0 auto;min-width:max-content;caret-color:transparent;cursor:default}.inline-edit-host.inline-edit--handle .inline-edit-frame [data-editing=false]{flex:1 1 auto;min-width:0;max-width:100%}.inline-edit-inline-placeholder{color:var(--color-text-dim);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.inline-edit-frame:not(.is-hint-visible) .inline-edit-inline-placeholder{display:none}.account-profile-hero-tagline br{display:none}.account-profile-hero-tagline:before,.account-profile-hero-tagline:after{transition:opacity .22s ease}.inline-edit-frame.is-empty .account-profile-hero-tagline:before,.inline-edit-frame.is-empty .account-profile-hero-tagline:after{opacity:0}.inline-edit-pencil{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg-2) 75%,transparent);border:1px solid var(--color-border);opacity:.65;transform:translateY(0) scale(1);transition:opacity .14s ease,transform .14s ease,color .14s ease,background .14s ease,border-color .14s ease;flex-shrink:0;margin-left:auto}.inline-edit-frame.is-hovering .inline-edit-pencil,.inline-edit-frame.is-primed .inline-edit-pencil,.inline-edit-frame:focus-within .inline-edit-pencil{opacity:1}.inline-edit-frame.is-primed .inline-edit-pencil{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 16%,var(--color-bg-2));border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border))}.inline-edit-spinner{animation:inline-edit-spin .75s linear infinite}@keyframes inline-edit-spin{to{transform:rotate(360deg)}}.inline-edit-host.inline-edit--bio{margin-top:12px;max-width:540px}@media (prefers-reduced-motion: reduce){.inline-edit-frame,.inline-edit-frame:before,.inline-edit-frame:after{transition-duration:0ms;animation-duration:0ms}}.inline-edit-meta{position:absolute;left:8px;right:12px;bottom:5px;z-index:2;display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-width:0;padding-top:3px;font-size:.72rem;line-height:1;letter-spacing:.02em;color:var(--color-text-dim);pointer-events:none;opacity:0;transform:translateY(-2px);animation:inline-edit-meta-in .18s ease 60ms forwards}@keyframes inline-edit-meta-in{to{opacity:1;transform:translateY(0)}}.inline-edit-meta--exiting{animation:inline-edit-meta-out .18s ease forwards}@keyframes inline-edit-meta-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}.inline-edit-status{color:var(--color-accent)}.inline-edit-hint{color:var(--color-text-dim);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-edit-error{color:var(--color-danger, var(--palette-hex-d9534f))}.inline-edit-count{margin-left:auto;flex:0 0 auto;font-variant-numeric:tabular-nums;color:var(--color-text-dim);font-size:.72rem;letter-spacing:.02em}.inline-edit-count.is-at-limit{color:var(--color-danger, var(--palette-hex-d9534f));font-weight:700}button.account-profile-hero-avatar--editable{position:relative;padding:0;cursor:pointer;background:var(--auth-profile-avatar-bg);transition:transform .14s ease,box-shadow .14s ease;display:block}button.account-profile-hero-avatar--editable:hover,button.account-profile-hero-avatar--editable:focus-visible{transform:translateY(-1px);outline:none;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text) 8%,transparent),0 0 0 2px color-mix(in srgb,var(--color-accent) 55%,transparent),0 10px 26px color-mix(in srgb,var(--color-accent) 18%,transparent)}.account-profile-hero-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--palette-hex-fff);background:linear-gradient(180deg,color-mix(in srgb,var(--palette-hex-000) 35%,transparent),color-mix(in srgb,var(--palette-hex-000) 65%,transparent));opacity:0;transition:opacity .16s ease;pointer-events:none}button.account-profile-hero-avatar--editable:hover .account-profile-hero-avatar-overlay,button.account-profile-hero-avatar--editable:focus-visible .account-profile-hero-avatar-overlay{opacity:1}.account-profile-hero-avatar-overlay-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.avatar-edit-modal{width:min(440px,calc(100vw - 28px))}.avatar-edit-body{gap:14px;padding:16px}.avatar-edit-preview{align-self:center;width:132px;height:132px;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);background:var(--auth-profile-avatar-bg);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text) 8%,transparent)}.avatar-edit-preview-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-edit-preview-fallback{font-size:.78rem;color:var(--color-text-dim);text-align:center;padding:0 12px}.avatar-edit-field{display:flex;flex-direction:column;gap:6px}.avatar-edit-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.avatar-edit-input{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid var(--color-border-strong);background:var(--color-bg-1);color:var(--color-text);padding:8px 10px;font:inherit;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.avatar-edit-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent)}.avatar-edit-hint{font-size:.78rem;color:var(--color-text-dim)}.avatar-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.account-settings-page{width:min(100%,1080px);margin:0 auto;padding:28px 0 56px;display:flex;flex-direction:column;gap:22px}@keyframes account-settings-breadcrumb-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.account-settings-breadcrumb{padding:10px 14px;border-radius:10px;border:1px solid var(--surface-card-border);background:color-mix(in srgb,var(--color-bg-0) 35%,transparent);animation:account-settings-breadcrumb-in .22s cubic-bezier(.32,.72,.18,1) both}.account-settings-breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.85rem;font-weight:600;letter-spacing:.01em}.account-settings-breadcrumb-item{display:inline-flex;align-items:center}.account-settings-breadcrumb-link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;color:var(--color-text-muted);text-decoration:none;transition:color .14s ease,background .14s ease,transform .14s ease}.account-settings-breadcrumb-link:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:1px;background:var(--color-accent, var(--palette-hex-4caf1d));transform:scaleX(0);transform-origin:left center;transition:transform .18s cubic-bezier(.32,.72,.18,1)}.account-settings-breadcrumb-link:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.account-settings-breadcrumb-link:hover:after{transform:scaleX(1)}.account-settings-breadcrumb-link:active{transform:translateY(1px)}.account-settings-breadcrumb-link:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,transparent);outline-offset:2px}.account-settings-breadcrumb-sep{display:inline-flex;align-items:center;color:color-mix(in srgb,var(--color-text-muted) 60%,transparent)}.account-settings-breadcrumb-sep--dot{margin:0;padding:0}.account-settings-breadcrumb-dot{display:inline-block;width:5px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 75%,var(--color-text-muted));box-shadow:0 0 6px color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 60%,transparent)}.account-settings-breadcrumb-item--current{padding:4px 10px}.account-settings-breadcrumb-current{font-family:var(--font-display);font-weight:800;letter-spacing:.02em;color:var(--accent-ui-section-title)}.account-settings-breadcrumb-item--description{padding:4px 4px 4px 10px;min-width:0}.account-settings-breadcrumb-description{font-family:var(--font-body);font-style:italic;font-weight:400;font-size:.85rem;line-height:1.3;letter-spacing:.01em;color:color-mix(in srgb,var(--color-text-muted) 70%,var(--color-bg-3) 30%);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-settings-loading{min-height:120px;display:grid;place-items:center;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg)}.account-settings-loading-text{margin:0;color:var(--color-text-muted);font-size:.95rem}.account-settings-page-footer{margin-top:4px}.account-settings-shell{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:20px;align-items:stretch}.account-settings-sidebar{display:flex;flex-direction:column;gap:10px;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:var(--surface-section-bg);box-shadow:var(--shadow-soft);padding:10px 0;position:sticky;top:24px;align-self:stretch;min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow:hidden}.account-settings-nav{flex:1 1 auto;min-height:0;overflow-y:auto}.account-settings-sidebar-foot{flex-shrink:0;padding:10px 10px 4px;border-top:1px solid color-mix(in srgb,var(--surface-section-border) 75%,transparent)}.account-settings-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease}.account-settings-back:hover,.account-settings-back:focus-visible{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 6%,transparent);border-color:var(--surface-section-border);outline:none}.account-settings-back svg{flex:0 0 auto;color:var(--color-accent, var(--palette-hex-4caf1d))}@media (max-width: 720px){.account-settings-shell{grid-template-columns:1fr}.account-settings-sidebar{order:-1;position:static;min-height:0;max-height:none;overflow:visible;padding:8px}.account-settings-nav{overflow:visible}.account-settings-nav-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.account-settings-nav-list>li{flex:0 0 auto}.account-settings-nav-item{white-space:nowrap}.account-settings-sidebar-foot{display:none}}.account-settings-nav-list{list-style:none;margin:0;padding:0}.account-settings-nav-list>li{margin:0}.account-settings-nav-item{width:100%;display:flex;align-items:center;text-align:left;padding:10px 14px 10px 12px;border:none;border-left:3px solid transparent;background:transparent;font-family:var(--font-display);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-dim);cursor:pointer;box-sizing:border-box;transition:color .12s ease,border-color .12s ease,background .12s ease}a.account-settings-nav-item{text-decoration:none;color:inherit}.account-settings-nav-item:hover{color:var(--color-text-muted);background:color-mix(in srgb,var(--color-text) 4%,transparent)}.account-settings-nav-item--active{color:var(--color-text);border-left-color:var(--accent-ui-tab-underline);background:color-mix(in srgb,var(--color-text) 6%,transparent)}.account-settings-nav-label{min-width:0}.account-settings-pane{padding:0;min-height:280px}.account-settings-error-banner{margin-bottom:16px}.account-settings-section{display:flex;flex-direction:column;gap:16px}.account-settings-pane-header{display:grid;grid-template-columns:4px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:6px;padding-bottom:18px;margin-bottom:4px;border-bottom:1px solid color-mix(in srgb,var(--surface-card-border) 75%,transparent)}.account-settings-pane-header:before{content:"";grid-row:1 / span 2;grid-column:1;border-radius:3px;background:linear-gradient(180deg,var(--color-accent, var(--palette-hex-4caf1d)) 0%,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 30%,transparent) 100%);box-shadow:0 0 14px -2px color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 55%,transparent)}.account-settings-pane-title{grid-column:2;grid-row:1;margin:0;font-family:var(--font-display);font-size:1.6rem;font-weight:900;line-height:1.15;letter-spacing:-.01em;color:var(--color-text)}.account-settings-pane-lead{grid-column:2;grid-row:2;margin:0;max-width:620px;font-size:.92rem;line-height:1.5;color:color-mix(in srgb,var(--color-text) 70%,var(--color-text-muted) 30%)}@media (max-width: 560px){.account-settings-pane-header{column-gap:12px}.account-settings-pane-title{font-size:1.35rem}}.account-settings-form-stack{display:grid;gap:14px;max-width:520px}.account-settings-field,.account-settings-check{max-width:520px}.account-settings-save{justify-self:flex-start;margin-top:4px}.account-settings-logout{align-self:flex-start;margin-top:4px}.account-settings-notifications-table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-panel);border:1px solid var(--surface-section-border);background:color-mix(in srgb,var(--color-bg-0) 40%,transparent)}.account-settings-notifications-table{width:100%;border-collapse:collapse;font-size:.88rem}.account-settings-notifications-th{padding:12px 14px;text-align:center;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);border-bottom:1px solid var(--surface-section-border);background:color-mix(in srgb,var(--color-text) 5%,transparent)}.account-settings-notifications-th--label{width:44%;text-align:left}.account-settings-notifications-rowhead{padding:14px 16px;text-align:left;vertical-align:middle;font-weight:600;color:var(--color-text);border-right:1px solid var(--surface-section-border)}.account-settings-notifications-row-title{display:block;font-family:var(--font-display);font-size:.82rem;font-weight:800;letter-spacing:.03em;color:var(--accent-ui-section-title)}.account-settings-notifications-row-desc{display:block;margin-top:4px;font-size:.78rem;font-weight:500;color:var(--color-text-muted)}.account-settings-notifications-td{padding:10px 12px;text-align:center;vertical-align:middle;border-left:1px solid var(--surface-section-border)}.account-settings-notifications-cell-check{display:inline-flex;align-items:center;justify-content:center;margin:0;cursor:pointer}@media (max-width: 560px){.account-settings-notifications-th--label{width:38%}.account-settings-notifications-rowhead{padding:10px}}.account-settings-social{gap:26px}.account-settings-social-block{display:flex;flex-direction:column;gap:14px;max-width:680px;padding-bottom:26px;border-bottom:1px solid var(--surface-section-border)}.account-settings-social-block:last-child{border-bottom:none;padding-bottom:0}.account-settings-social-block-title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:.02em;color:var(--accent-ui-section-title)}.account-settings-social-stack{display:grid;gap:14px}.account-settings-social-switch-row{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:start;max-width:620px;cursor:pointer}.account-settings-social-switch-input{position:absolute;opacity:0;pointer-events:none}.account-settings-social-switch-track{position:relative;width:44px;height:24px;margin-top:1px;border-radius:999px;background:color-mix(in srgb,var(--color-text) 18%,transparent);border:1px solid var(--surface-section-border);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--color-bg-0) 60%,transparent);transition:background .12s ease,border-color .12s ease,opacity .12s ease}.account-settings-social-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:var(--color-text);box-shadow:var(--shadow-soft);transition:transform .12s ease}.account-settings-social-switch-input:checked+.account-settings-social-switch-track{background:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 70%,var(--palette-hex-000) 30%);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--palette-hex-000) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--color-accent) 40%,transparent)}.account-settings-social-switch-input:checked+.account-settings-social-switch-track .account-settings-social-switch-thumb{background:var(--palette-hex-fff)}.account-settings-social-switch-input:checked+.account-settings-social-switch-track .account-settings-social-switch-thumb{transform:translate(20px)}.account-settings-social-switch-input:focus-visible+.account-settings-social-switch-track{outline:none;box-shadow:var(--control-focus-ring)}.account-settings-social-switch-input:disabled+.account-settings-social-switch-track,.account-settings-social-switch-input:disabled~.account-settings-social-switch-copy{opacity:.55;cursor:not-allowed}.account-settings-social-switch-copy{display:grid;gap:4px;min-width:0}.account-settings-social-row-title{display:block;font-family:var(--font-display);font-size:.84rem;font-weight:800;letter-spacing:.02em;color:var(--color-text)}.account-settings-social-row-hint{display:block;margin-top:2px;font-size:.78rem;line-height:1.4;color:var(--color-text-muted)}.account-settings-social-radio-group{display:grid;gap:10px;margin:2px 0 0 62px;padding:0;border:none}.account-settings-social-radio-group:disabled{opacity:.58}.account-settings-social-radio-legend,.account-settings-social-select-label{margin-bottom:2px;font-family:var(--font-display);font-size:.8rem;font-weight:800;letter-spacing:.02em;color:var(--color-text)}.account-settings-social-radio-row{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;max-width:520px;cursor:pointer}.account-settings-social-radio-row>input[type=radio]{position:absolute;opacity:0;width:16px;height:16px;margin:2px 0 0;pointer-events:none}.account-settings-social-radio-mark{width:16px;height:16px;margin-top:2px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--color-text) 32%,transparent);background:color-mix(in srgb,var(--color-bg-0) 65%,transparent);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--color-bg-0) 60%,transparent);transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.account-settings-social-radio-row:hover .account-settings-social-radio-mark{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-text) 45%)}.account-settings-social-radio-row--selected .account-settings-social-radio-mark,.account-settings-social-radio-row>input[type=radio]:checked+.account-settings-social-radio-mark{border-color:var(--color-accent);background:radial-gradient(circle,var(--color-accent) 0 38%,transparent 42%),color-mix(in srgb,var(--color-bg-0) 65%,transparent)}.account-settings-social-radio-row>input[type=radio]:focus-visible+.account-settings-social-radio-mark{box-shadow:var(--control-focus-ring);outline:none}.account-settings-social-radio-group:disabled .account-settings-social-radio-row{cursor:not-allowed}.account-settings-social-select-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;max-width:520px}.account-settings-social-select{min-height:38px}.account-settings-social-dropdown{display:block;width:100%}.account-settings-social-dropdown .panel-dropdown-trigger{justify-content:space-between;border-radius:8px}.account-settings-social-dropdown .panel-dropdown-trigger-content{justify-content:flex-start}.account-settings-presence-trigger{display:flex;flex:1;align-items:baseline;gap:12px;min-width:0}.account-settings-presence-trigger-label{font-weight:700;letter-spacing:.01em;color:var(--control-text);flex-shrink:0}.account-settings-presence-trigger-hint{flex:1;min-width:0;font-size:.78rem;font-style:italic;font-weight:500;color:var(--panel-muted, color-mix(in srgb, var(--control-text) 60%, transparent));text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-settings-social-hide-lists{margin-top:6px}.account-settings-social-select-hint{grid-column:1 / -1;margin:0;max-width:560px;font-size:.78rem;line-height:1.45;color:var(--color-text-muted)}.account-settings-social-empty{margin:0;font-size:.86rem;line-height:1.45;color:var(--color-text-muted)}@media (max-width: 560px){.account-settings-social-switch-row{grid-template-columns:44px minmax(0,1fr);column-gap:12px}.account-settings-social-radio-group{margin-left:0}.account-settings-social-select-row{grid-template-columns:1fr}}.account-security-root{display:flex;flex-direction:column;gap:18px;max-width:680px}.account-security-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:.86rem;line-height:1.4;border:1px solid transparent}.account-security-banner svg{flex-shrink:0}.account-security-banner--success{color:var(--state-success-text);background:var(--state-success-bg);border-color:var(--state-success-border)}.account-security-banner--warn{color:var(--state-warn-text, var(--palette-hex-f7c96a));background:color-mix(in srgb,var(--state-warn-text, var(--palette-hex-f7c96a)) 12%,transparent);border-color:color-mix(in srgb,var(--state-warn-text, var(--palette-hex-f7c96a)) 45%,transparent)}.account-security-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.account-security-chip{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface-card-bg);border:1px solid var(--surface-card-border);transition:border-color .16s ease,transform .16s ease,background .16s ease}.account-security-chip:hover{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 55%,var(--surface-card-border) 45%);transform:translateY(-1px)}.account-security-chip-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 14%,transparent);color:var(--color-accent, var(--palette-hex-4caf1d))}.account-security-chip[data-icon-tone=warn] .account-security-chip-icon{background:color-mix(in srgb,var(--state-warn-text, var(--palette-hex-f7c96a)) 16%,transparent);color:var(--state-warn-text, var(--palette-hex-f7c96a))}.account-security-chip-body{display:grid;gap:2px;min-width:0}.account-security-chip-label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-muted, var(--color-text-muted))}.account-security-chip-value{font-size:.92rem;font-weight:700;color:var(--panel-text, var(--color-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-security-chip-badge{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.account-security-chip-badge--ok{color:var(--state-success-text);background:color-mix(in srgb,var(--state-success-text) 14%,transparent);border-color:color-mix(in srgb,var(--state-success-text) 45%,transparent)}.account-security-chip-badge--warn{color:var(--state-warn-text, var(--palette-hex-f7c96a));background:color-mix(in srgb,var(--state-warn-text, var(--palette-hex-f7c96a)) 14%,transparent);border-color:color-mix(in srgb,var(--state-warn-text, var(--palette-hex-f7c96a)) 45%,transparent)}.account-security-chip-badge--muted{color:var(--panel-muted, var(--color-text-muted));background:color-mix(in srgb,var(--color-text-muted) 12%,transparent);border-color:color-mix(in srgb,var(--color-text-muted) 30%,transparent)}.account-security-card{display:flex;flex-direction:column;border-radius:14px;background:var(--surface-card-bg);border:1px solid var(--surface-card-border);overflow:hidden}.account-security-card--danger{border-color:color-mix(in srgb,var(--state-danger-text) 55%,var(--surface-card-border) 45%);background:color-mix(in srgb,var(--state-danger-text) 5%,var(--surface-card-bg) 95%)}.account-security-card-head{display:flex;flex-direction:column;gap:2px;padding:14px 16px 8px;border-bottom:1px solid color-mix(in srgb,var(--surface-card-border) 70%,transparent)}.account-security-card-title{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.02em;color:var(--accent-ui-section-title)}.account-security-card--danger .account-security-card-title{color:var(--state-danger-text)}.account-security-card-subtitle{margin:0;font-size:.78rem;color:var(--panel-muted, var(--color-text-muted))}.account-security-card-body{display:flex;flex-direction:column;padding:14px 16px}.account-security-card-body:has(>.account-security-row){padding:0}.account-security-row{border-top:1px solid color-mix(in srgb,var(--surface-card-border) 60%,transparent);transition:background .16s ease}.account-security-row:first-child{border-top:none}.account-security-row:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.account-security-card--danger .account-security-row:hover{background:color-mix(in srgb,var(--state-danger-text) 5%,transparent)}.account-security-row-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;min-height:68px}.account-security-row[data-open=true]>.account-security-row-head{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 6%,transparent)}.account-security-card--danger .account-security-row[data-open=true]>.account-security-row-head{background:color-mix(in srgb,var(--state-danger-text) 6%,transparent)}.account-security-row-body-static{padding:0 16px 16px}.account-security-row-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 14%,transparent);color:var(--color-accent, var(--palette-hex-4caf1d))}.account-security-card--danger .account-security-row-icon{background:color-mix(in srgb,var(--state-danger-text) 14%,transparent);color:var(--state-danger-text)}.account-security-row-body{display:grid;gap:2px;min-width:0}.account-security-row-title{margin:0;font-family:var(--font-display, inherit);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent, var(--palette-hex-4caf1d))}.account-security-card--danger .account-security-row-title{color:var(--state-danger-text, var(--palette-hex-e87a7a))}.account-security-row-desc{margin:4px 0 0;font-size:.85rem;line-height:1.55;letter-spacing:.003em;color:color-mix(in srgb,var(--color-text) 78%,var(--color-text-muted) 22%)}.account-security-row-action{display:flex;align-items:center}.account-settings-inline-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.account-settings-inline-dropdown{display:inline-block;min-width:180px}.account-settings-inline-dropdown--wide{min-width:360px}.account-settings-inline-dropdown .panel-dropdown-trigger{justify-content:space-between;border-radius:8px}.account-settings-inline-dropdown .panel-dropdown-trigger-content{justify-content:flex-start;flex:1;min-width:0}.account-security-card-body:has(>.account-settings-notify-table){padding:0 0 14px}.account-settings-notify-table{width:100%;border-collapse:collapse;font-size:.88rem;table-layout:fixed}.account-settings-notify-table thead tr{background:color-mix(in srgb,var(--color-text) 5%,transparent)}.account-settings-notify-th{padding:10px 14px;text-align:center;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dim);border-bottom:1px solid var(--surface-card-border);border-left:1px solid var(--surface-card-border);width:80px}.account-settings-notify-th:first-child{border-left:none}.account-settings-notify-th--label{text-align:left;width:auto}.account-settings-notify-row+.account-settings-notify-row{border-top:1px solid color-mix(in srgb,var(--surface-card-border) 70%,transparent)}.account-settings-notify-rowhead{padding:14px 16px;text-align:left;vertical-align:middle;font-weight:600;color:var(--color-text);border-bottom:1px solid color-mix(in srgb,var(--surface-card-border) 70%,transparent);border-right:1px solid var(--surface-card-border);transition:background .14s ease}.account-settings-notify-rowhead:hover{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 6%,transparent)}.account-settings-notify-row:last-child .account-settings-notify-rowhead,.account-settings-notify-row:last-child .account-settings-notify-td{border-bottom:none}.account-settings-notify-rowhead-inner{display:flex;align-items:center;gap:12px}.account-settings-notify-row-icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 14%,transparent);color:var(--color-accent, var(--palette-hex-4caf1d));flex-shrink:0}.account-settings-notify-row-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.account-settings-notify-row-title{font-size:.94rem;font-weight:700;color:var(--color-text)}.account-settings-notify-row-desc{font-size:.8rem;line-height:1.4;color:var(--color-text-muted)}.account-settings-notify-td{padding:12px 14px;text-align:center;vertical-align:middle;border-bottom:1px solid color-mix(in srgb,var(--surface-card-border) 70%,transparent);border-left:1px solid var(--surface-card-border);transition:background .14s ease}.account-settings-notify-td:hover{background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 6%,transparent)}.account-settings-notify-cell{display:inline-flex;align-items:center;justify-content:center;margin:0;cursor:pointer}@media (max-width: 560px){.account-settings-notify-th,.account-settings-notify-td{width:60px}.account-settings-notify-rowhead{padding:12px}}.account-security-row-body-static .account-settings-input,.account-security-row-body-static .account-settings-textarea{width:100%;display:block}.account-settings-card-footer{display:flex;justify-content:flex-end;padding:14px 16px;border-top:1px solid color-mix(in srgb,var(--surface-card-border) 60%,transparent)}.account-settings-card-footer .account-settings-save{margin:0}.account-security-row-collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.32,.72,.18,1)}.account-security-row-collapsible[data-open=true]{grid-template-rows:1fr}.account-security-row-collapsible-inner{overflow:hidden;padding:0 16px}.account-security-row-collapsible[data-open=true] .account-security-row-collapsible-inner{padding:4px 16px 16px}.account-security-form{display:flex;flex-direction:column;gap:12px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--surface-card-border) 80%,transparent)}.account-security-form--danger{border-top-color:color-mix(in srgb,var(--state-danger-text) 40%,transparent)}.account-security-field{display:flex;flex-direction:column;gap:6px}.account-security-field-label{font-size:.78rem;font-weight:700;color:var(--panel-text, var(--color-text))}.account-security-input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--control-field-border);background:var(--control-field-bg);color:var(--control-text);font:inherit;font-size:.92rem;transition:border-color .12s ease,background .12s ease}.account-security-input:focus{outline:none;border-color:var(--color-accent, var(--palette-hex-4caf1d));background:var(--control-field-bg-hover, var(--control-field-bg))}.account-security-input:disabled{opacity:.6;cursor:not-allowed}.account-security-mono{font-family:ui-monospace,monospace;font-weight:700;color:var(--state-danger-text)}.account-security-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.account-security-action-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:8px;border:1px solid var(--control-field-border);background:var(--control-field-bg);color:var(--control-text);font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;white-space:nowrap}.account-security-action-btn:hover:not(:disabled){border-color:var(--color-accent, var(--palette-hex-4caf1d));color:var(--color-accent, var(--palette-hex-4caf1d))}.account-security-action-btn:active:not(:disabled){transform:translateY(1px)}.account-security-action-btn:disabled{opacity:.5;cursor:not-allowed}.account-security-action-btn--lg{padding:9px 14px;font-size:.85rem}.account-security-action-btn--lg svg{width:15px;height:15px;opacity:.85;transition:transform .18s cubic-bezier(.32,.72,.18,1),opacity .14s ease}.account-security-action-btn--lg:hover:not(:disabled) svg{transform:translate(2px);opacity:1}.account-security-action-btn--primary{background:var(--color-accent, var(--palette-hex-4caf1d));color:var(--palette-hex-0c1a05);border-color:var(--color-accent, var(--palette-hex-4caf1d))}.account-security-action-btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 88%,white 12%);color:var(--palette-hex-0c1a05)}.account-security-action-btn--ghost{background:transparent;border-color:color-mix(in srgb,var(--control-field-border) 80%,transparent)}.account-security-action-btn--danger{background:var(--state-danger-text);color:var(--palette-hex-1a0606);border-color:var(--state-danger-text)}.account-security-action-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--state-danger-text) 85%,white 15%);color:var(--palette-hex-1a0606)}.account-security-action-btn--danger-ghost:hover:not(:disabled){border-color:var(--state-danger-text);color:var(--state-danger-text)}.account-security-action-btn--expand .account-security-chevron{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s cubic-bezier(.32,.72,.18,1)}.account-security-action-btn--expand .account-security-chevron--open{transform:translateY(1px) rotate(225deg)}.account-security-sessions{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--surface-card-border) 80%,transparent)}.account-settings-block-list-wrap{display:flex;flex-direction:column;gap:10px}.account-settings-block-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.78rem;font-weight:700;color:var(--panel-muted, var(--color-text-muted))}.account-settings-block-error{margin:0;padding:8px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--state-danger-text) 45%,var(--surface-card-border) 55%);background:color-mix(in srgb,var(--state-danger-text) 8%,transparent);color:var(--state-danger-text);font-size:.84rem}.account-settings-block-empty{margin:0;padding:14px 12px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--surface-card-border) 80%,transparent);text-align:center;font-size:.84rem;color:var(--panel-muted, var(--color-text-muted))}.account-settings-block-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.account-settings-block-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--surface-card-border) 80%,transparent);background:color-mix(in srgb,var(--color-bg-1) 75%,transparent);transition:border-color .14s ease,background .14s ease}.account-settings-block-item:hover{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 35%,var(--surface-card-border) 65%);background:color-mix(in srgb,var(--color-bg-1) 90%,transparent)}.account-settings-block-avatar{display:inline-flex;width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 35%,var(--color-bg-3, var(--palette-hex-2a2a2a)) 65%),var(--color-bg-3, var(--palette-hex-2a2a2a)) 60%,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 60%,var(--palette-hex-000) 40%));border:1px solid var(--color-border, var(--surface-card-border));align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.account-settings-block-avatar img{width:100%;height:100%;object-fit:cover}.account-settings-block-avatar-fallback{font-family:var(--font-display);font-size:1.05rem;font-weight:900;color:var(--palette-hex-fff);text-shadow:0 1px 2px var(--palette-rgba-0-0-0-0-55)}.account-settings-block-copy{display:grid;gap:2px;min-width:0}.account-settings-block-name{display:inline-block;justify-self:start;max-width:100%;font-size:.94rem;font-weight:700;color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .14s ease}.account-settings-block-name:hover{color:var(--color-accent, var(--palette-hex-4caf1d));text-decoration:underline}.account-settings-block-meta{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--panel-muted, var(--color-text-muted))}.account-settings-block-handle{font-weight:600}@media (max-width: 560px){.account-settings-block-item{grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 10px}.account-settings-block-item>button{grid-column:1 / -1;justify-self:stretch}}.account-security-sessions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.78rem;font-weight:700;color:var(--panel-muted, var(--color-text-muted))}.account-security-session-empty{margin:0;font-size:.84rem;color:var(--panel-muted, var(--color-text-muted))}.account-security-session-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.account-security-session-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--surface-card-border) 80%,transparent);background:color-mix(in srgb,var(--color-bg-1) 75%,transparent)}.account-security-session-item[data-current=true]{border-color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 45%,var(--surface-card-border));background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 7%,var(--color-bg-1))}.account-security-session-device{position:relative;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;color:var(--color-accent, var(--palette-hex-4caf1d));background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 14%,transparent)}.account-security-session-device-pulse{position:absolute;right:3px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--color-accent, var(--palette-hex-4caf1d));box-shadow:0 0 color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 65%,transparent);animation:account-security-session-pulse-anim 1.6s ease-out infinite;pointer-events:none}@keyframes account-security-session-pulse-anim{0%{box-shadow:0 0 color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 70%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.account-security-session-device-pulse{animation:none}}.account-security-session-meta-location{display:inline-flex;align-items:center;gap:6px}.account-security-session-country-flag{display:inline-flex;flex-shrink:0;width:18px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--surface-card-border) 70%,transparent)}.account-security-session-country-flag img{display:block;width:100%;height:100%;object-fit:cover}.account-security-session-copy{display:grid;gap:4px;min-width:0}.account-security-session-title-line,.account-security-session-meta,.account-security-session-actions{display:flex;align-items:center;gap:8px}.account-security-session-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;color:var(--panel-text, var(--color-text))}.account-security-session-badge{flex-shrink:0;padding:2px 7px;border-radius:999px;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--palette-hex-0c1a05);background:var(--color-accent, var(--palette-hex-4caf1d))}.account-security-session-meta{flex-wrap:wrap;font-size:.75rem;color:var(--panel-muted, var(--color-text-muted))}.account-security-session-meta>:not(:last-child):after{content:"·";margin-left:8px;color:color-mix(in srgb,var(--panel-muted, var(--color-text-muted)) 65%,transparent)}.account-security-session-ip{font-family:var(--font-mono, ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace);font-size:.72rem;font-weight:600;letter-spacing:.02em;color:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 82%,var(--panel-text, var(--color-text)));text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 35%,transparent);transition:color .14s ease,border-color .14s ease}.account-security-session-ip:hover,.account-security-session-ip:focus-visible{color:var(--color-accent, var(--palette-hex-4caf1d));border-bottom-color:var(--color-accent, var(--palette-hex-4caf1d));outline:none}.account-security-session-ip--muted{font-family:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;border-bottom:none;cursor:default}.account-security-session-popout{position:relative;display:inline-flex}.account-security-session-help{width:32px;height:32px;border-radius:8px;border:1px solid var(--control-field-border);background:transparent;color:var(--panel-muted, var(--color-text-muted));font-weight:900;cursor:pointer}.account-security-session-help:hover,.account-security-session-help[aria-expanded=true]{color:var(--state-warn-text, var(--palette-hex-f7c96a));border-color:color-mix(in srgb,var(--state-warn-text, var(--palette-hex-f7c96a)) 55%,var(--control-field-border))}.account-security-session-popout-panel{display:grid;gap:9px;padding:12px;border-radius:10px;border:1px solid var(--surface-card-border);background:var(--surface-card-bg);box-shadow:var(--shadow-soft)}.account-security-session-popout-panel--portal{max-height:min(320px,calc(100vh - 24px));overflow:auto}.account-security-session-popout-title{font-weight:900;color:var(--panel-text, var(--color-text))}.account-security-session-popout-copy{font-size:.78rem;line-height:1.45;color:var(--panel-muted, var(--color-text-muted))}.account-security-session-popout-panel .hold-confirm-btn-wrap{width:100%}.account-security-session-secure-btn{width:100%;min-height:38px;border-radius:8px;font-size:.8rem;font-weight:800}.account-security-session-secure-btn-label{display:inline-flex;align-items:center;justify-content:center;gap:7px}.account-security-session-secure-btn-label svg{width:16px;height:16px;flex-shrink:0}.account-security-session-popout-panel .hold-confirm-btn-hint{margin:0;text-align:center;font-size:.68rem}@media (max-width: 720px){.account-security-session-item{grid-template-columns:34px minmax(0,1fr)}.account-security-session-actions{grid-column:1 / -1;justify-content:flex-end}}.account-settings-avatar-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:6px 0 4px}.account-settings-avatar-preview-wrap{position:relative;display:inline-flex;width:96px;height:96px;flex-shrink:0;cursor:pointer;border-radius:50%;isolation:isolate}.account-settings-avatar-preview-wrap:focus-within{outline:2px solid var(--color-accent, var(--palette-hex-4caf1d));outline-offset:3px}.account-settings-avatar-preview{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 35%,var(--color-bg-3, var(--palette-hex-2a2a2a)) 65%),var(--color-bg-3, var(--palette-hex-2a2a2a)) 60%,color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 60%,var(--palette-hex-000) 40%));border:1px solid var(--color-border);transition:filter .16s ease,box-shadow .16s ease}.account-settings-avatar-preview-wrap:hover .account-settings-avatar-preview{filter:brightness(.78);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 55%,transparent)}.account-settings-avatar-preview img{width:100%;height:100%;object-fit:cover}.account-settings-avatar-fallback{font-family:var(--font-display);font-size:2.4rem;font-weight:900;color:var(--palette-hex-fff);text-shadow:0 1px 3px var(--palette-rgba-0-0-0-0-55);letter-spacing:.02em}.account-settings-avatar-preview-edit{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent, var(--palette-hex-4caf1d));color:var(--palette-hex-0f1610);border:2px solid var(--surface-card-bg, var(--palette-hex-181818));box-shadow:0 2px 6px var(--palette-rgba-0-0-0-0-45);transition:transform .16s ease,background .16s ease;pointer-events:none}.account-settings-avatar-preview-edit svg{width:16px;height:16px;display:block}.account-settings-avatar-preview-wrap:hover .account-settings-avatar-preview-edit{transform:scale(1.08);background:color-mix(in srgb,var(--color-accent, var(--palette-hex-4caf1d)) 88%,var(--palette-hex-fff) 12%)}.account-settings-avatar-preview-edit[data-busy=true] svg{animation:account-settings-avatar-spin .9s linear infinite}@keyframes account-settings-avatar-spin{to{transform:rotate(360deg)}}.account-settings-avatar-file-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border-radius:50%}.account-settings-avatar-file-input:disabled{cursor:not-allowed}.account-settings-avatar-controls{display:grid;gap:8px;min-width:0}.account-settings-avatar-url-field{position:relative;display:flex;align-items:center}.account-settings-avatar-url-input{flex:1 1 auto;min-width:0;padding-right:40px}.account-settings-avatar-clear-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--color-text-muted, var(--palette-hex-a3a3a3));border-radius:6px;cursor:pointer;transition:background .14s ease,color .14s ease}.account-settings-avatar-clear-btn:hover:not(:disabled),.account-settings-avatar-clear-btn:focus-visible{background:color-mix(in srgb,var(--state-danger-text, var(--palette-hex-e87a7a)) 18%,transparent);color:var(--state-danger-text, var(--palette-hex-e87a7a));outline:none}.account-settings-avatar-clear-btn:disabled{opacity:.4;cursor:not-allowed}.account-settings-avatar-clear-btn svg{width:14px;height:14px;display:block}.account-settings-avatar-error{display:block;font-size:.82rem;color:var(--state-danger-text, var(--palette-hex-e87a7a))}@media (max-width: 560px){.account-settings-avatar-row{grid-template-columns:1fr;justify-items:center;text-align:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-text-muted{color:var(--color-text-muted)}