:root{color-scheme:dark;--breakpoint-mobile: 639px;--breakpoint-tablet: 640px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px;--content-max-width: 1400px;--content-max-width-wide: 1600px;--content-max-width-narrow: 800px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--page-padding-mobile: var(--space-lg);--page-padding-tablet: var(--space-2xl);--page-padding-desktop: var(--space-3xl);--page-padding-wide: var(--space-4xl);--container-gutter-mobile: var(--space-lg);--container-gutter-tablet: var(--space-xl);--container-gutter-desktop: var(--space-2xl);--panel-padding-mobile: var(--space-md);--panel-padding-tablet: var(--space-lg);--panel-padding-desktop: var(--space-xl);--section-spacing-mobile: var(--space-2xl);--section-spacing-tablet: var(--space-3xl);--section-spacing-desktop: var(--space-4xl);--grid-gap-sm: var(--space-sm);--grid-gap-md: var(--space-lg);--grid-gap-lg: var(--space-xl);--grid-gap-xl: var(--space-2xl);--z-base: 0;--z-background: -1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-drawer: 450;--z-sheet: 475;--z-modal: 500;--z-modal-nested: 600;--z-popover: 650;--z-tooltip: 700;--z-notification: 800;--z-toast: 900;--z-dev-tools: 9999;--touch-min-height: 44px;--touch-min-width: 44px;--touch-comfortable-height: 48px;--touch-comfortable-width: 48px;--touch-large-height: 52px;--touch-large-width: 52px;--touch-small-height: 36px;--touch-small-width: 36px;--touch-icon-size: 44px;--touch-icon-small: 36px;--touch-icon-large: 52px;--safe-inset-top: env(safe-area-inset-top, 0);--safe-inset-bottom: env(safe-area-inset-bottom, 0);--safe-inset-left: env(safe-area-inset-left, 0);--safe-inset-right: env(safe-area-inset-right, 0);--scrollbar-width: 8px;--scrollbar-width-thin: 4px;--scrollbar-thumb-color: var(--shell-accent-alpha-30);--scrollbar-thumb-hover: var(--shell-accent-alpha-50);--scrollbar-track-color: transparent;--scrollbar-radius: var(--radius-sm);--shell-bg: #060a1a;--shell-bg-solid: rgb(16, 28, 58);--shell-panel: #173064;--shell-border: rgba(0, 214, 255, .4);--shell-accent: #00d4ff;--shell-accent-soft: rgba(0, 212, 255, .15);--shell-accent-strong: #5b7bff;--shell-text-primary: #f2f8ff;--shell-text-secondary: rgba(242, 248, 255, .85);--shell-text-muted: rgba(242, 248, 255, .75);--shell-surface: rgba(0, 0, 0, .25);--shell-panel-border: rgba(0, 212, 255, .35);--shell-panel-muted-border: rgba(255, 255, 255, .12);--shell-panel-overlay: rgba(255, 255, 255, .03);--shell-gradient-one: linear-gradient(135deg, #00d4ff, #5b7bff);--shell-shadow-strong: 0 30px 80px rgba(0, 22, 60, .45);--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--color-success-bg: rgba(74, 222, 128, .08);--color-success-bg-hover: rgba(74, 222, 128, .15);--color-success-border: rgba(74, 222, 128, .3);--color-warning-bg: rgba(251, 191, 36, .1);--color-warning-bg-hover: rgba(251, 191, 36, .18);--color-warning-border: rgba(251, 191, 36, .3);--color-error-bg: rgba(248, 113, 113, .1);--color-error-bg-hover: rgba(248, 113, 113, .18);--color-error-border: rgba(248, 113, 113, .3);--color-info-bg: rgba(96, 165, 250, .1);--color-info-bg-hover: rgba(96, 165, 250, .18);--color-info-border: rgba(96, 165, 250, .3);--color-neutral-bg: rgba(255, 255, 255, .05);--color-neutral-bg-hover: rgba(255, 255, 255, .08);--color-neutral-border: rgba(255, 255, 255, .1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 999px;--surface-1: rgba(255, 255, 255, .02);--surface-2: rgba(255, 255, 255, .03);--surface-3: rgba(255, 255, 255, .04);--surface-4: rgba(255, 255, 255, .05);--surface-5: rgba(255, 255, 255, .06);--surface-6: rgba(255, 255, 255, .08);--surface-7: rgba(255, 255, 255, .1);--surface-8: rgba(255, 255, 255, .12);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--border-accent: rgba(0, 212, 255, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--blur-xs: 2px;--blur-sm: 4px;--blur-md: 6px;--blur-lg: 8px;--blur-xl: 10px;--blur-2xl: 12px;--shell-accent-alpha-05: rgba(0, 212, 255, .05);--shell-accent-alpha-06: rgba(0, 212, 255, .06);--shell-accent-alpha-08: rgba(0, 212, 255, .08);--shell-accent-alpha-10: rgba(0, 212, 255, .1);--shell-accent-alpha-12: rgba(0, 212, 255, .12);--shell-accent-alpha-15: rgba(0, 212, 255, .15);--shell-accent-alpha-20: rgba(0, 212, 255, .2);--shell-accent-alpha-25: rgba(0, 212, 255, .25);--shell-accent-alpha-30: rgba(0, 212, 255, .3);--shell-accent-alpha-35: rgba(0, 212, 255, .35);--shell-accent-alpha-40: rgba(0, 212, 255, .4);--shell-accent-alpha-50: rgba(0, 212, 255, .5);--shell-accent-alpha-60: rgba(0, 212, 255, .6);--shell-accent-alpha-70: rgba(0, 212, 255, .7);--shell-accent-alpha-80: rgba(0, 212, 255, .8);--shell-accent-strong-alpha-03: rgba(91, 123, 255, .03);--shell-accent-strong-alpha-04: rgba(91, 123, 255, .04);--shell-accent-strong-alpha-08: rgba(91, 123, 255, .08);--shell-accent-strong-alpha-10: rgba(91, 123, 255, .1);--shell-accent-strong-alpha-12: rgba(91, 123, 255, .12);--shell-accent-strong-alpha-15: rgba(91, 123, 255, .15);--shell-accent-strong-alpha-20: rgba(91, 123, 255, .2);--shell-accent-strong-alpha-30: rgba(91, 123, 255, .3);--shell-accent-strong-alpha-50: rgba(91, 123, 255, .5);--white-alpha-02: rgba(255, 255, 255, .02);--white-alpha-03: rgba(255, 255, 255, .03);--white-alpha-04: rgba(255, 255, 255, .04);--white-alpha-05: rgba(255, 255, 255, .05);--white-alpha-06: rgba(255, 255, 255, .06);--white-alpha-08: rgba(255, 255, 255, .08);--white-alpha-10: rgba(255, 255, 255, .1);--white-alpha-12: rgba(255, 255, 255, .12);--white-alpha-15: rgba(255, 255, 255, .15);--white-alpha-20: rgba(255, 255, 255, .2);--white-alpha-25: rgba(255, 255, 255, .25);--white-alpha-30: rgba(255, 255, 255, .3);--white-alpha-40: rgba(255, 255, 255, .4);--white-alpha-50: rgba(255, 255, 255, .5);--white-alpha-60: rgba(255, 255, 255, .6);--white-alpha-70: rgba(255, 255, 255, .7);--white-alpha-80: rgba(255, 255, 255, .8);--white-alpha-90: rgba(255, 255, 255, .9);--black-alpha-10: rgba(0, 0, 0, .1);--black-alpha-15: rgba(0, 0, 0, .15);--black-alpha-20: rgba(0, 0, 0, .2);--black-alpha-25: rgba(0, 0, 0, .25);--black-alpha-30: rgba(0, 0, 0, .3);--black-alpha-35: rgba(0, 0, 0, .35);--black-alpha-40: rgba(0, 0, 0, .4);--black-alpha-45: rgba(0, 0, 0, .45);--black-alpha-50: rgba(0, 0, 0, .5);--black-alpha-60: rgba(0, 0, 0, .6);--black-alpha-70: rgba(0, 0, 0, .7);--black-alpha-80: rgba(0, 0, 0, .8);--black-alpha-85: rgba(0, 0, 0, .85);--black-alpha-90: rgba(0, 0, 0, .9);--dark-surface-80: rgba(2, 6, 18, .8);--dark-surface-85: rgba(12, 14, 20, .85);--dark-surface-90: rgba(12, 14, 20, .9);--dark-surface-92: rgba(4, 8, 18, .92);--dark-surface-95: rgba(12, 14, 20, .95);--dark-panel-95: rgba(10, 18, 40, .95);--dark-panel-98: rgba(14, 24, 52, .98);--dark-bg-98: rgba(14, 24, 52, .98);--dark-bg-alternative: rgba(20, 30, 60, .98);--solid-bg-base: #060a1a;--solid-bg-elevated: #0a0f1f;--solid-panel-dark: #0c1224;--solid-panel: #101828;--solid-panel-light: #141d30;--solid-surface-1: #0d1526;--solid-surface-2: #111a2e;--solid-surface-3: #151f36;--solid-surface-4: #19243e;--solid-surface-5: #1d2946;--solid-surface-hover: #1e2d4a;--solid-surface-active: #233454;--solid-border-subtle: #1a2540;--solid-border-default: #243050;--solid-border-strong: #2d3a5c;--solid-border-accent: #0a4d66;--error-primary: #ff4a4a;--error-soft: #ff8080;--error-primary-soft: rgba(255, 74, 74, .05);--error-primary-alpha-10: rgba(255, 74, 74, .1);--error-primary-alpha-15: rgba(255, 74, 74, .15);--error-primary-alpha-20: rgba(255, 74, 74, .2);--error-primary-alpha-25: rgba(255, 74, 74, .25);--error-primary-alpha-30: rgba(255, 74, 74, .3);--error-primary-alpha-40: rgba(255, 74, 74, .4);--error-primary-alpha-50: rgba(255, 74, 74, .5);--error-alt: #ef4444;--error-alt-alpha-10: rgba(239, 68, 68, .1);--error-alt-alpha-15: rgba(239, 68, 68, .15);--error-alt-alpha-20: rgba(239, 68, 68, .2);--error-alt-alpha-30: rgba(239, 68, 68, .3);--error-coral: #ee6352;--error-coral-alpha-03: rgba(238, 99, 82, .03);--error-coral-alpha-08: rgba(238, 99, 82, .08);--error-coral-alpha-15: rgba(238, 99, 82, .15);--error-coral-alpha-30: rgba(238, 99, 82, .3);--error-coral-alpha-50: rgba(238, 99, 82, .5);--success-primary: #4aff87;--success-primary-alpha-10: rgba(74, 255, 135, .1);--success-primary-alpha-15: rgba(74, 255, 135, .15);--success-primary-alpha-20: rgba(74, 255, 135, .2);--success-primary-alpha-30: rgba(74, 255, 135, .3);--success-teal: #41e1c3;--success-teal-alpha-08: rgba(65, 225, 195, .08);--success-teal-alpha-15: rgba(65, 225, 195, .15);--success-teal-alpha-20: rgba(65, 225, 195, .2);--success-teal-alpha-30: rgba(65, 225, 195, .3);--success-emerald: #22c55e;--success-emerald-bright: #4ade80;--success-emerald-alpha-15: rgba(34, 197, 94, .15);--success-emerald-alpha-20: rgba(34, 197, 94, .2);--success-emerald-alpha-30: rgba(34, 197, 94, .3);--warning-amber: #ffc04c;--warning-amber-alpha-10: rgba(255, 192, 76, .1);--warning-amber-alpha-15: rgba(255, 192, 76, .15);--warning-amber-alpha-20: rgba(255, 192, 76, .2);--warning-amber-alpha-30: rgba(255, 192, 76, .3);--warning-orange: #f59e0b;--warning-orange-deep: #f97316;--warning-orange-alpha-10: rgba(245, 158, 11, .1);--warning-orange-alpha-15: rgba(245, 158, 11, .15);--warning-orange-alpha-20: rgba(245, 158, 11, .2);--info-sky: #66ccff;--info-blue: #60a5fa;--info-steel: #3b82f6;--info-steel-alpha-10: rgba(59, 130, 246, .1);--info-steel-alpha-15: rgba(59, 130, 246, .15);--info-steel-alpha-20: rgba(59, 130, 246, .2);--info-steel-alpha-30: rgba(59, 130, 246, .3);--purple-primary: #8b5cf6;--purple-primary-alpha-10: rgba(139, 92, 246, .1);--purple-primary-alpha-20: rgba(139, 92, 246, .2);--purple-primary-alpha-30: rgba(139, 92, 246, .3);--purple-accent: #a78bfa;--purple-accent-alpha-10: rgba(167, 139, 250, .1);--purple-accent-alpha-20: rgba(167, 139, 250, .2);--purple-accent-alpha-30: rgba(167, 139, 250, .3);--purple-primary-alpha-08: rgba(139, 92, 246, .08);--purple-primary-alpha-15: rgba(139, 92, 246, .15);--purple-primary-alpha-25: rgba(139, 92, 246, .25);--purple-primary-alpha-40: rgba(139, 92, 246, .4);--purple-primary-alpha-60: rgba(139, 92, 246, .6);--blue-primary: #60a5fa;--blue-primary-alpha-15: rgba(59, 130, 246, .15);--blue-primary-alpha-25: rgba(59, 130, 246, .25);--fate-legendary: #f7aef8;--fate-epic: #f4c2c2;--fate-fantastic: #ffc857;--fate-superb: #6df0ff;--fate-great: #57d1ff;--fate-good: #38bdf8;--fate-fair: #7dd3fc;--fate-average: #a5f3fc;--fate-mediocre: #cbd5f5;--fate-poor: #b1b5d6;--fate-terrible: #8c92c2;--fate-minus: #ff4aa5;--world-secondary-bg: #1e293b;--sleeve-accent: #41e1c3;--status-online: #0bcf84;--status-degraded: #ffb347;--status-offline: #ff4d4d;--shadow-xs: 0 2px 4px var(--black-alpha-10);--shadow-sm: 0 4px 8px var(--black-alpha-20);--shadow-md: 0 8px 16px var(--black-alpha-20);--shadow-lg: 0 8px 24px var(--black-alpha-30);--shadow-xl: 0 12px 32px var(--black-alpha-40);--shadow-2xl: 0 20px 60px var(--black-alpha-50);--shadow-3xl: 0 32px 100px var(--black-alpha-60);--shadow-4xl: 0 40px 120px var(--black-alpha-60);--shadow-accent-xs: 0 2px 8px var(--shell-accent-alpha-15);--shadow-accent-sm: 0 4px 12px var(--shell-accent-alpha-20);--shadow-accent-md: 0 8px 24px var(--shell-accent-alpha-30);--shadow-accent-lg: 0 12px 32px var(--shell-accent-alpha-30);--shadow-ring-accent-sm: 0 0 0 2px var(--shell-accent-alpha-20);--shadow-ring-accent-md: 0 0 0 3px var(--shell-accent-alpha-15);--shadow-ring-accent-lg: 0 0 0 4px var(--shell-accent-alpha-10);--shadow-ring-blue: 0 0 0 2px var(--info-steel-alpha-20);--shadow-ring-error: 0 0 0 2px var(--error-primary-alpha-30);--shadow-modal: 0 20px 60px var(--black-alpha-50), 0 0 80px var(--shell-accent-alpha-15);--shadow-popover: 0 8px 32px var(--black-alpha-50), 0 0 0 1px var(--shell-accent-alpha-30);--shadow-card-hover: 0 8px 24px var(--black-alpha-30), 0 0 0 1px var(--shell-accent-alpha-20);--drop-shadow-sm: drop-shadow(0 0 4px var(--black-alpha-30));--drop-shadow-md: drop-shadow(0 0 8px var(--black-alpha-40));--drop-shadow-accent: drop-shadow(0 0 8px var(--shell-accent-alpha-40));--drop-shadow-error: drop-shadow(0 0 4px var(--error-primary-alpha-40));--drop-shadow-success: drop-shadow(0 0 4px var(--success-teal-alpha-30));--gradient-accent-subtle: linear-gradient(145deg, var(--shell-accent-alpha-08), var(--shell-accent-strong-alpha-04));--gradient-accent-soft: linear-gradient(135deg, var(--shell-accent-alpha-15), var(--shell-accent-strong-alpha-15));--gradient-accent-medium: linear-gradient(145deg, var(--shell-accent-alpha-15), var(--shell-accent-alpha-08));--gradient-accent-strong: linear-gradient(135deg, var(--shell-accent-alpha-20), var(--shell-accent-strong-alpha-20));--gradient-panel: linear-gradient(145deg, var(--dark-bg-98), var(--dark-panel-98));--gradient-panel-dark: linear-gradient(180deg, var(--dark-surface-95), var(--dark-surface-90));--gradient-radial-accent: radial-gradient(circle, var(--shell-accent-alpha-20) 0%, transparent 70%);--gradient-radial-accent-soft: radial-gradient(circle, var(--shell-accent-alpha-10) 0%, transparent 60%);--gradient-fade-top: linear-gradient(180deg, rgba(6, 10, 26, .3) 60%, rgba(6, 10, 26, .7) 100%);--gradient-fade-bottom: linear-gradient(0deg, rgba(6, 10, 26, .95) 0%, transparent 100%);--gradient-banner-overlay: linear-gradient(180deg, transparent 0%, rgba(6, 10, 26, .3) 60%, rgba(6, 10, 26, .7) 100%);--gradient-notification-badge: linear-gradient(135deg, #ff8a00, #ff4d4d);--gradient-scrollbar-thumb: linear-gradient(180deg, var(--shell-accent-alpha-40), var(--shell-accent-alpha-20));--gradient-scrollbar-thumb-hover: linear-gradient(180deg, var(--shell-accent-alpha-60), var(--shell-accent-alpha-40));--input-bg: #0b1220;--input-bg-dark: #1a1f2e;--input-bg-darker: rgba(26, 31, 53, .8);--input-text: #e8eaed;--input-placeholder: rgba(255, 255, 255, .4);--input-border: rgba(0, 212, 255, .3);--input-border-focus: rgba(0, 212, 255, .5);--orange-accent: #ffa348;--orange-accent-alpha-10: rgba(255, 163, 72, .1);--orange-accent-alpha-12: rgba(255, 163, 72, .12);--orange-accent-alpha-15: rgba(255, 163, 72, .15);--orange-accent-alpha-20: rgba(255, 163, 72, .2);--orange-accent-alpha-30: rgba(255, 163, 72, .3);--orange-accent-alpha-40: rgba(255, 163, 72, .4);--orange-accent-alpha-70: rgba(255, 163, 72, .7);--orange-accent-alpha-80: rgba(255, 163, 72, .8);--critical-pink: #ff4aa5;--critical-pink-light: #ff3366;--critical-pink-alpha-10: rgba(255, 74, 165, .1);--critical-pink-alpha-12: rgba(255, 74, 165, .12);--critical-pink-alpha-15: rgba(255, 74, 165, .15);--critical-pink-alpha-20: rgba(255, 74, 165, .2);--critical-pink-alpha-30: rgba(255, 74, 165, .3);--critical-pink-alpha-40: rgba(255, 74, 165, .4);--critical-pink-alpha-45: rgba(255, 74, 165, .45);--critical-pink-alpha-65: rgba(255, 74, 165, .65);--modal-overlay: rgba(0, 0, 0, .6);--modal-bg: rgba(14, 24, 52, .98);--modal-bg-solid: rgb(14, 24, 52);--gradient-btn-primary: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);--gradient-btn-primary-hover: linear-gradient(135deg, #00e5ff 0%, #00aadd 100%);--gradient-btn-danger: linear-gradient(135deg, #ff4a4a 0%, #cc3333 100%);--floating-panel-bg: rgba(8, 15, 35, .88);--floating-panel-bg-hover: rgba(8, 15, 35, .92);--floating-panel-subtle: rgba(10, 18, 40, .82);--floating-card-bg: rgba(12, 22, 48, .85);--floating-card-bg-hover: rgba(14, 26, 56, .88);--modal-bg-dark-start: #0a0e1a;--modal-bg-dark-end: #1a1f35;--modal-gradient: linear-gradient(135deg, var(--modal-bg-dark-start) 0%, var(--modal-bg-dark-end) 100%);--status-teal: #0bcf84;--status-teal-light: #7df7c8;--status-teal-alpha-12: rgba(11, 207, 132, .12);--status-teal-alpha-25: rgba(11, 207, 132, .25);--status-teal-alpha-40: rgba(11, 207, 132, .4);--shell-accent-light: #a6edff;--gradient-btn-success: linear-gradient(135deg, #00ff88 0%, #00cc6a 100%);--success-btn-glow-40: rgba(0, 255, 136, .4);--success-btn-glow-20: rgba(0, 255, 136, .2);--shadow-content-color-30: rgba(0, 8, 32, .3);--shadow-content-color-35: rgba(0, 8, 32, .35);--content-card-bg-65: rgba(1, 3, 12, .65);--content-card-bg-80: rgba(2, 6, 18, .8);--content-card-bg-85: rgba(2, 5, 16, .85);--content-card-bg-90: rgba(3, 7, 20, .9);--timeline-apotheosis: #ff7ace;--timeline-wars: #ffc857;--timeline-exodus: #8ef6ff;--timeline-present: #7df29e;--timeline-discovery: #8ab4ff;--timeline-hpa: #f39c12;--timeline-fall: #ff4a4a;--timeline-resistance: #c77dff;--threat-high: rgba(255, 74, 74, .8);--threat-medium: rgba(255, 170, 68, .8);--threat-low: rgba(110, 255, 210, .65);--stress-physical: #ff8080;--stress-physical-alpha-30: rgba(255, 128, 128, .3);--stress-physical-alpha-70: rgba(255, 128, 128, .7);--stress-mental: #80b0ff;--stress-mental-alpha-15: rgba(128, 176, 255, .15);--stress-system: #d080ff;--stress-system-alpha-35: rgba(208, 128, 255, .35);--stress-system-alpha-60: rgba(208, 128, 255, .6);--consequence-mild: #4ade80;--consequence-mild-bg: rgba(74, 222, 128, .15);--consequence-moderate: #fbbf24;--consequence-moderate-bg: rgba(251, 191, 36, .15);--consequence-severe: #fb923c;--consequence-severe-bg: rgba(251, 146, 60, .15);--consequence-extreme: #ef4444;--consequence-extreme-bg: rgba(239, 68, 68, .15);--stress-filled-bg: rgba(248, 113, 113, .3);--stress-filled-border: rgba(248, 113, 113, .7);--stress-filled-solid: #dc2626}*{box-sizing:border-box}:root{--app-background-default: linear-gradient( 135deg, hsl(220, 25%, 8%) 0%, hsl(225, 28%, 11%) 20%, hsl(218, 22%, 9%) 40%, hsl(230, 30%, 12%) 60%, hsl(222, 25%, 10%) 80%, hsl(220, 20%, 7%) 100% );--app-background-texture: repeating-linear-gradient( 45deg, transparent 0px, transparent 2px, rgba(255, 255, 255, .008) 2px, rgba(255, 255, 255, .008) 4px );--bg-fabric: var(--app-background-default);--bg-solid-dark: hsl(220, 25%, 6%);--bg-gradient-ocean: linear-gradient( 160deg, hsl(210, 35%, 8%) 0%, hsl(200, 40%, 10%) 50%, hsl(220, 30%, 8%) 100% );--bg-gradient-midnight: linear-gradient( 145deg, hsl(240, 30%, 8%) 0%, hsl(260, 35%, 10%) 50%, hsl(280, 25%, 8%) 100% );--bg-gradient-ember: linear-gradient( 155deg, hsl(10, 20%, 8%) 0%, hsl(20, 25%, 10%) 50%, hsl(5, 20%, 7%) 100% );--bg-gradient-aurora: linear-gradient( 135deg, hsl(280, 60%, 15%) 0%, hsl(200, 70%, 20%) 30%, hsl(160, 60%, 18%) 60%, hsl(280, 50%, 12%) 100% );--bg-gradient-sunset: linear-gradient( 180deg, hsl(30, 80%, 20%) 0%, hsl(350, 70%, 25%) 50%, hsl(280, 50%, 15%) 100% );--bg-gradient-forest: linear-gradient( 160deg, hsl(140, 30%, 8%) 0%, hsl(160, 35%, 12%) 50%, hsl(180, 25%, 8%) 100% );--bg-gradient-cyber-neon: linear-gradient( 135deg, hsl(300, 100%, 15%) 0%, hsl(200, 100%, 20%) 50%, hsl(180, 100%, 15%) 100% );--bg-gradient-nebula: linear-gradient( 145deg, hsl(270, 50%, 10%) 0%, hsl(220, 60%, 15%) 30%, hsl(300, 40%, 12%) 70%, hsl(240, 45%, 8%) 100% );--bg-gradient-twilight: linear-gradient( 180deg, hsl(250, 40%, 12%) 0%, hsl(280, 35%, 18%) 50%, hsl(220, 30%, 10%) 100% );--bg-gradient-light-slate: linear-gradient( 160deg, hsl(210, 20%, 25%) 0%, hsl(220, 25%, 30%) 50%, hsl(200, 20%, 28%) 100% );--bg-gradient-warm-sand: linear-gradient( 155deg, hsl(35, 25%, 22%) 0%, hsl(25, 30%, 28%) 50%, hsl(40, 20%, 25%) 100% );--app-background: var(--bg-fabric);--bg-overlay-opacity: 0}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--shell-bg);color:var(--shell-text-primary)}code{font-family:var(--font-mono);color:var(--shell-accent)}.app-shell{position:relative;min-height:100vh;background:var(--app-background-texture),var(--app-background);background-attachment:fixed}.app-background-image{position:fixed;inset:0;z-index:0;background-image:var(--app-background-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.app-background-overlay{position:fixed;inset:0;z-index:1;background:linear-gradient(180deg,#0a0f1e 0% 100%);opacity:var(--bg-overlay-opacity, .5);pointer-events:none}.app-shell>*:not(.app-background-image):not(.app-background-overlay):not(.modal-backdrop){position:relative;z-index:2}.app-shell>header.top-bar{z-index:200!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;min-height:44px;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--shell-gradient-one);color:var(--shell-bg);box-shadow:0 4px 16px var(--shell-accent-alpha-25)}.btn-primary:hover{box-shadow:0 6px 24px var(--shell-accent-alpha-35);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px var(--shell-accent-alpha-20)}.btn-secondary{background:var(--white-alpha-08);border-color:var(--shell-panel-border);color:var(--shell-text-primary)}.btn-secondary:hover{background:var(--white-alpha-12);border-color:var(--shell-accent-alpha-40)}.btn-ghost{background:transparent;border-color:var(--white-alpha-12);color:var(--shell-text-secondary)}.btn-ghost:hover{background:var(--white-alpha-06);border-color:var(--white-alpha-20);color:var(--shell-text-primary)}.btn-danger{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.btn-danger:hover{background:var(--color-error-bg-hover);border-color:var(--color-error-border)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md)}.btn-sm{padding:.4rem .875rem;min-height:36px;font-size:var(--font-size-xs)}.btn-lg{padding:.875rem 1.75rem;min-height:52px;font-size:var(--font-size-base)}:focus-visible{outline:3px solid var(--shell-accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--shell-accent);outline-offset:2px;box-shadow:0 0 0 6px var(--shell-accent-alpha-15)}.skeleton{background:linear-gradient(90deg,var(--white-alpha-04) 25%,var(--white-alpha-08) 50%,var(--white-alpha-04) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-heading{height:1.5em;width:60%;border-radius:var(--radius-sm)}.skeleton-card{height:200px;border-radius:var(--radius-xl)}.skeleton-avatar{width:48px;height:48px;border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-2xl);text-align:center;min-height:300px}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:var(--shell-accent-soft);display:grid;place-items:center;color:var(--shell-accent);margin-bottom:var(--space-xl)}.empty-state-icon svg{width:36px;height:36px}.empty-state h2{margin:0 0 var(--space-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--shell-text-primary)}.empty-state p{margin:0 0 var(--space-xl);font-size:var(--font-size-sm);color:var(--shell-text-muted);max-width:320px}.alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);border:1px solid}.alert-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.alert-error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.alert-info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info)}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--shell-panel);border:1px solid var(--shell-panel-border);border-radius:var(--radius-full);box-shadow:0 8px 32px var(--black-alpha-40);z-index:1000}.toast-success{border-color:var(--color-success-border)}.toast-success svg{color:var(--color-success)}.panel-card{background:var(--shell-panel);border:1px solid var(--shell-panel-border);border-radius:var(--radius-xl, 12px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.panel-card:hover{border-color:var(--shell-accent-alpha-30)}.panel-card.interactive{cursor:pointer;transition:all .2s ease}.panel-card.interactive:hover{transform:translateY(-2px);border-color:var(--shell-accent-alpha-40);box-shadow:0 4px 16px var(--shell-accent-alpha-15)}.panel-card.selected{border-color:var(--shell-accent);background:linear-gradient(145deg,var(--shell-accent-alpha-08),var(--shell-accent-alpha-05))}.panel-card.highlighted{background:linear-gradient(145deg,var(--shell-accent-alpha-12),var(--shell-accent-alpha-08));border-color:var(--shell-accent-alpha-30)}.panel-card.compact{border-radius:var(--radius-lg, 10px)}.panel-card.tight{border-radius:var(--radius-md, 8px)}@media(min-width:640px){.hide-mobile{display:initial}}.hide-desktop{display:initial}.show-mobile-only{display:initial}@media(min-width:640px){.show-mobile-only{display:none}}.show-desktop-only{display:none}@media(min-width:1024px){.show-desktop-only{display:initial}}.responsive-row{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:640px){.responsive-row{flex-direction:row}}.responsive-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media(min-width:640px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}.auto-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.responsive-padding{padding:var(--space-sm)}@media(min-width:640px){.responsive-padding{padding:var(--space-md)}}@media(min-width:1024px){.responsive-padding{padding:var(--space-lg)}}.responsive-gap{gap:var(--space-sm)}@media(min-width:640px){.responsive-gap{gap:var(--space-md)}}@media(min-width:1024px){.responsive-gap{gap:var(--space-lg)}}.app-body{display:block;height:calc(100vh - 56px);overflow:hidden}.app-main{max-width:1400px;margin:0 auto;height:calc(100vh - 56px);padding:1.5rem 2rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.4) rgba(0,0,0,.2)}.app-main::-webkit-scrollbar{width:8px;height:8px}.app-main::-webkit-scrollbar-track{background:#0003;border-radius:4px}.app-main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff66,#00d4ff33);border-radius:4px;border:1px solid rgba(0,212,255,.3)}.app-main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00d4ff99,#00d4ff66)}.app-main[data-variant=wide]{max-width:1600px;padding:1rem 1.5rem}.app-body[data-no-topbar]{height:100vh}.app-main[data-no-topbar]{height:100vh;padding:0}.app-main[data-variant=full]{max-width:100%;padding:0}@media(max-width:1024px){.app-main{padding:1rem 1.25rem}.app-main[data-variant=wide]{padding:.75rem 1rem}}.floating-panel{background:var(--floating-panel-bg);backdrop-filter:blur(var(--blur-2xl));-webkit-backdrop-filter:blur(var(--blur-2xl));border:1px solid var(--shell-accent-alpha-15);border-radius:var(--radius-xl, 20px);box-shadow:0 8px 32px var(--black-alpha-30),0 0 0 1px var(--white-alpha-03) inset;padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.floating-panel:hover{border-color:var(--shell-accent-alpha-25)}.floating-panel-compact{background:var(--floating-panel-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--shell-accent-alpha-15);border-radius:var(--radius-lg, 14px);box-shadow:0 4px 20px var(--black-alpha-25),0 0 0 1px var(--white-alpha-03) inset;padding:1rem}.floating-panel-subtle{background:var(--floating-panel-subtle);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--white-alpha-08);border-radius:var(--radius-lg, 14px);box-shadow:0 4px 16px var(--black-alpha-20);padding:1rem}.floating-card{background:var(--floating-card-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--white-alpha-08);border-radius:var(--radius-md, 10px);box-shadow:0 2px 12px var(--black-alpha-20);padding:.875rem;transition:all .2s ease}.floating-card:hover{background:var(--floating-card-bg-hover);border-color:var(--shell-accent-alpha-20);transform:translateY(-1px);box-shadow:0 4px 16px var(--black-alpha-25)}.floating-card-interactive{background:var(--floating-card-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--white-alpha-08);border-radius:var(--radius-md, 10px);box-shadow:0 2px 12px var(--black-alpha-20);padding:.875rem;cursor:pointer;transition:all .2s ease}.floating-card-interactive:hover{background:var(--floating-card-bg-hover);border-color:var(--shell-accent-alpha-30);transform:translateY(-2px);box-shadow:0 6px 24px var(--black-alpha-30),0 0 20px var(--shell-accent-alpha-10)}.floating-card-interactive:active{transform:translateY(0);box-shadow:0 2px 8px var(--black-alpha-20)}.floating-card.selected,.floating-card-interactive.selected{border-color:var(--shell-accent-alpha-50);box-shadow:0 4px 20px var(--black-alpha-30),0 0 24px var(--shell-accent-alpha-15)}.floating-section-header{background:var(--floating-panel-bg-hover);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--white-alpha-10);border-radius:var(--radius-lg, 14px);padding:1rem 1.25rem;margin-bottom:1rem}.floating-panel-grid{display:grid;gap:1.25rem}.floating-panel-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.floating-panel-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:1023px){.floating-panel-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.floating-panel-grid-2,.floating-panel-grid-3{grid-template-columns:1fr}}.floating-panel-accent{background:var(--floating-panel-bg);backdrop-filter:blur(var(--blur-2xl));-webkit-backdrop-filter:blur(var(--blur-2xl));border:1px solid var(--shell-accent-alpha-25);border-radius:var(--radius-xl, 20px);box-shadow:0 8px 32px var(--black-alpha-30),0 0 40px var(--shell-accent-alpha-08),0 0 0 1px var(--white-alpha-03) inset;padding:1.5rem}.panel-gap-sm{gap:.75rem}.panel-gap-md{gap:1rem}.panel-gap-lg{gap:1.5rem}.panel-gap-xl{gap:2rem}.floating-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:var(--shell-accent-alpha-10);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--shell-accent-alpha-20);border-radius:var(--radius-full, 999px);font-size:.8rem;color:var(--shell-accent)}.floating-chip-muted{background:var(--white-alpha-05);border-color:var(--white-alpha-10);color:var(--shell-text-muted)}.floating-input{background:var(--black-alpha-35);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--white-alpha-10);border-radius:var(--radius-md, 10px);padding:.75rem 1rem;color:var(--shell-text-primary);transition:all .2s ease}.floating-input:focus{outline:none;border-color:var(--shell-accent-alpha-40);box-shadow:0 0 0 3px var(--shell-accent-alpha-10)}.floating-btn{background:var(--shell-accent-alpha-15);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:1px solid var(--shell-accent-alpha-30);border-radius:var(--radius-full, 999px);padding:.5rem 1.25rem;color:var(--shell-accent);font-weight:500;cursor:pointer;transition:all .2s ease}.floating-btn:hover{background:var(--shell-accent-alpha-25);border-color:var(--shell-accent-alpha-50);box-shadow:0 4px 16px var(--shell-accent-alpha-20)}.floating-btn:active{transform:scale(.98)}.panel-constrained{max-width:400px}.panel-constrained-sm{max-width:320px}.panel-constrained-lg{max-width:480px}.panel-constrained-xl{max-width:600px}.card-grid-constrained{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.card-grid-constrained{grid-template-columns:repeat(auto-fill,minmax(280px,360px));justify-content:start;gap:1.5rem}}@media(min-width:1024px){.card-grid-constrained{grid-template-columns:repeat(auto-fill,minmax(300px,380px));gap:1.75rem}}.card-grid-constrained-dense{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.card-grid-constrained-dense{grid-template-columns:repeat(auto-fill,minmax(240px,300px));justify-content:start;gap:1.25rem}}@media(min-width:1024px){.card-grid-constrained-dense{grid-template-columns:repeat(auto-fill,minmax(260px,320px))}}.card-grid-constrained-wide{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.card-grid-constrained-wide{grid-template-columns:repeat(auto-fill,minmax(320px,420px));justify-content:start;gap:1.75rem}}@media(min-width:1024px){.card-grid-constrained-wide{grid-template-columns:repeat(auto-fill,minmax(360px,480px));gap:2rem}}.desktop-two-col{display:grid;grid-template-columns:1fr;gap:var(--space-xl, 1.5rem)}@media(min-width:1024px){.desktop-two-col{grid-template-columns:1fr 1fr;gap:2rem;align-items:start}}.desktop-main-sidebar{display:grid;grid-template-columns:1fr;gap:var(--space-xl, 1.5rem)}@media(min-width:1024px){.desktop-main-sidebar{grid-template-columns:1fr 320px;gap:2rem;align-items:start}}@media(min-width:1440px){.desktop-main-sidebar{grid-template-columns:1fr 380px;gap:2.5rem}}.desktop-sidebar-main{display:grid;grid-template-columns:1fr;gap:var(--space-xl, 1.5rem)}@media(min-width:1024px){.desktop-sidebar-main{grid-template-columns:280px 1fr;gap:2rem;align-items:start}}@media(min-width:1440px){.desktop-sidebar-main{grid-template-columns:320px 1fr;gap:2.5rem}}.desktop-three-col{display:grid;grid-template-columns:1fr;gap:var(--space-lg, 1rem)}@media(min-width:640px){.desktop-three-col{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.desktop-three-col{grid-template-columns:repeat(3,1fr);gap:2rem}}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2.5rem}.eyebrow{letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;color:#00d4ffd9;margin-bottom:.75rem}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,2.8rem)}.hero p{line-height:1.6;color:#f2f8ffd1}.cta-row{margin-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap}.primary-cta,.ghost-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);text-decoration:none;border-radius:999px;padding:.75rem 1.5rem;min-height:44px;font-weight:600;transition:all var(--transition-normal)}.primary-cta{background:var(--shell-gradient-one);color:#01030f;box-shadow:0 8px 24px #00d4ff4d}.primary-cta:hover{box-shadow:0 12px 32px #00d4ff66;transform:translateY(-2px)}.ghost-cta{border:1px solid rgba(255,255,255,.2);color:#f2f8ffd9}.ghost-cta:hover{border-color:#00d4ff66;background:#ffffff0a}.status-card{border:1px solid var(--shell-border);border-radius:16px;padding:1.5rem;background:#020610e6;box-shadow:inset 0 0 40px #00d4ff14}.status-card h2{margin-top:0}.status-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.step-title{margin:0 0 .35rem;font-weight:600}.step-meta{margin:0;display:flex;justify-content:space-between;font-size:.9rem;color:#f2f8ffa6}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2.5rem}.link-card{padding:1.25rem;border-radius:14px;text-decoration:none;border:1px solid var(--shell-panel-muted-border);background:var(--shell-panel-overlay);transition:all var(--transition-normal);color:inherit}.link-card:hover{border-color:#00d4ff80;transform:translateY(-6px);box-shadow:0 12px 32px #00d4ff1f;background:#ffffff08}.link-label{margin:0 0 .35rem;font-weight:600}.link-desc{margin:0;font-size:.9rem;color:#f2f8ffa6}.info-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.info-panels article{border:1px solid var(--shell-panel-border);border-radius:14px;padding:1.5rem;background:var(--shell-panel-overlay)}.info-panels h3{margin-top:0}.info-panels ul{margin:0;padding-left:1rem;color:#f2f8ffd1}.info-panels li+li{margin-top:.35rem}@media(max-width:639px){.hero{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.hero h1{font-size:1.75rem}.hero p{font-size:.95rem}.cta-row{flex-direction:column;gap:.75rem}.primary-cta,.ghost-cta{width:100%;justify-content:center}.quick-links{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.link-card{padding:1rem}.link-card:hover{transform:translateY(-2px)}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.875rem;margin-bottom:1.5rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.info-panels{grid-template-columns:1fr;gap:1rem}.info-panels article{padding:1.25rem}.activity-feed{padding:1.25rem;margin-top:1.5rem}.activity-feed ul{gap:1rem}.activity-title{font-size:.9rem}.activity-meta{font-size:.8rem;flex-wrap:wrap}}@media(min-width:640px)and (max-width:1023px){.stat-grid,.quick-links{grid-template-columns:repeat(2,1fr)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2.25rem}.stat-card{padding:1.25rem;border-radius:16px;border:1px solid var(--shell-panel-border);background:#ffffff05;box-shadow:inset 0 0 30px #00d4ff0d}.stat-label{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--shell-text-muted)}.stat-value{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700}.stat-tagline{margin:.25rem 0 0;color:var(--shell-text-muted);font-size:.9rem}.activity-feed{margin-top:2.5rem;border:1px solid var(--shell-panel-border);border-radius:18px;padding:1.5rem;background:#040816eb}.activity-feed header{margin:0 0 1rem;display:flex;align-items:center;justify-content:space-between}.activity-feed h3{margin:0}.activity-feed button{border:1px solid rgba(255,255,255,.15);border-radius:999px;background:transparent;color:var(--shell-text-primary);padding:.4rem .9rem;cursor:pointer}.activity-feed ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.activity-feed li{display:flex;gap:.85rem}.pulse{width:12px;height:12px;border-radius:50%;background:var(--shell-accent);box-shadow:0 0 14px #00d4ffb3;margin-top:.4rem}.activity-title{margin:0;font-size:.95rem}.activity-meta{margin:.2rem 0 0;font-size:.85rem;color:var(--shell-text-muted);display:flex;gap:.75rem}.workstream{display:flex;flex-direction:column;gap:2rem}.workstream header{border:1px solid var(--shell-panel-border);border-radius:20px;padding:1.75rem;background:var(--shell-panel-overlay);box-shadow:var(--shell-shadow-strong)}.workstream h1{margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.5rem)}.workstream p{margin:0;line-height:1.5;color:var(--shell-text-muted)}.workstream .badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--shell-border);color:var(--shell-accent);letter-spacing:.25em;text-transform:uppercase;font-size:.7rem;margin-bottom:1rem}.roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.roadmap article{padding:1.25rem;border-radius:16px;border:1px solid var(--shell-panel-border);background:#ffffff05;box-shadow:inset 0 0 30px #00d4ff0d}.item-title{margin:0 0 .35rem;font-weight:600;color:var(--shell-text-primary)}.item-desc{margin:0 0 .75rem;color:var(--shell-text-muted)}.item-status{margin:0;font-size:.85rem;color:#00d4ffd9}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#01030fd9;backdrop-filter:blur(var(--blur-lg));z-index:var(--z-modal, 500);padding:1.5rem}.modal-card{width:min(520px,100%);background:radial-gradient(circle at 10% -10%,rgba(0,212,255,.28),transparent 65%),var(--shell-panel);border:1px solid var(--shell-panel-border);border-radius:22px;box-shadow:0 35px 80px #000518a6;padding:1.75rem;color:var(--shell-text-primary)}.modal-card header{margin-bottom:1rem}.modal-card h2{margin:0;font-size:1.5rem}.modal-card p{margin:.35rem 0 0;color:var(--shell-text-muted)}.modal-card form,.modal-card .modal-body{margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.modal-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.modal-card input,.modal-card select,.modal-card textarea{border-radius:12px;border:1px solid var(--shell-panel-border);background:#01030fa6;color:var(--shell-text-primary);padding:.75rem .85rem;font:inherit}.modal-card footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.modal-meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.modal-meta .pill{padding:.2rem .65rem;border-radius:999px;border:1px solid var(--shell-panel-border);font-size:.8rem}.modal-error{margin:0 0 .75rem;padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(255,74,165,.4);background:#ff4aa51f;color:#ff4aa5}.modal-card button{border-radius:999px;border:1px solid var(--shell-panel-border);background:#ffffff0a;color:var(--shell-text-primary);font:inherit;padding:.7rem 1.4rem;min-height:44px;cursor:pointer;transition:all var(--transition-normal)}.modal-card button.primary{background:var(--shell-gradient-one);border-color:transparent;color:var(--shell-bg);font-weight:var(--font-weight-semibold)}.modal-card button.primary:hover{box-shadow:0 4px 16px #00d4ff4d;transform:translateY(-1px)}.modal-card button[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}@media(max-width:640px){.modal-backdrop{padding:0;align-items:flex-end}.modal-card{width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;overflow-y:auto;padding-bottom:max(1.75rem,env(safe-area-inset-bottom))}.modal-card footer{flex-direction:column}.modal-card footer button{width:100%}}.profile-switcher-grid{display:flex;flex-direction:column;gap:.75rem}.profile-switcher-grid button{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--shell-panel-muted-border);background:#ffffff05}.profile-switcher-grid button[data-selected=true]{border-color:#00d4ffa6;background:#00d4ff14;box-shadow:inset 0 0 0 1px #00d4ff33}.profile-switcher-grid strong{display:block;font-size:1.05rem}.profile-switcher-grid span{font-size:.85rem;color:var(--shell-text-muted)}.session-timer{font-size:2rem;font-weight:600;margin-top:1rem}.session-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.session-actions button{flex:1;min-width:120px}.forgot-password-status{padding:.75rem 1rem;border-radius:12px;border:1px solid var(--shell-panel-muted-border);background:#ffffff08;font-size:.95rem}.forgot-password-status.success{border-color:#00d4ff66;color:var(--shell-text-primary)}.forgot-password-status.error{border-color:#ff4aa566;color:#ff4aa5}.admin-users-page{display:flex;flex-direction:column;gap:2rem}.admin-users-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start}.admin-users-header h1{margin:.2rem 0;font-size:2.25rem}.admin-users-header .lede{margin:0;color:var(--shell-text-muted)}.admin-users-header .header-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.admin-users-header .pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .75rem;border-radius:999px;font-size:.8rem;border:1px solid var(--shell-panel-border);background:var(--white-alpha-05)}.admin-users-header .pill[data-source=stub]{border-color:var(--orange-accent-alpha-80);color:var(--orange-accent)}.admin-users-header .header-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.admin-users-header button{border-radius:999px;padding:.65rem 1.25rem;font:inherit;color:var(--shell-text-primary);border:1px solid var(--shell-panel-border);background:var(--white-alpha-04);cursor:pointer}.admin-users-header button.primary{background:var(--shell-gradient-one);border-color:transparent}.admin-users-header button.refresh{background:var(--shell-accent-strong-alpha-15);border-color:var(--shell-accent-strong-alpha-50)}.crud-feedback{padding:.85rem 1.25rem;border-radius:14px;border:1px solid var(--shell-panel-border);background:var(--shell-accent-alpha-08);color:var(--shell-text-primary);box-shadow:0 20px 40px var(--black-alpha-25)}.crud-feedback[data-tone=critical]{background:var(--critical-pink-alpha-10);border-color:var(--critical-pink-alpha-45)}.crud-feedback p{margin:0}.admin-users-crud{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.crud-card{border:1px solid var(--shell-panel-border);border-radius:18px;padding:1.25rem;background:var(--shell-panel);box-shadow:0 20px 48px var(--black-alpha-30);display:flex;flex-direction:column;gap:1rem}.crud-card h2{margin:.2rem 0}.crud-card p{margin:0;color:var(--shell-text-muted)}.crud-card form{display:grid;gap:.75rem}.crud-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.crud-card input,.crud-card select{border-radius:10px;border:1px solid var(--shell-panel-border);padding:.65rem .75rem;background:var(--input-bg-dark);color:var(--shell-text-primary);font:inherit}.crud-card select option{background-color:var(--input-bg-dark);color:var(--input-text)}.crud-actions{display:flex;gap:.75rem;flex-wrap:wrap}.crud-card button{border-radius:999px;border:1px solid var(--shell-panel-border);padding:.55rem 1.25rem;font:inherit;cursor:pointer}.crud-card button:disabled{opacity:.6;cursor:progress}.crud-card button.primary{background:var(--shell-gradient-one);border-color:transparent;color:var(--shell-bg)}.crud-card button.ghost{background:transparent;color:var(--shell-text-primary)}.crud-card button.danger{border-color:var(--critical-pink-alpha-40);background:var(--critical-pink-alpha-12);color:var(--critical-pink);align-self:flex-start}.admin-users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.admin-users-stats article{padding:1rem 1.25rem;border:1px solid var(--shell-panel-border);border-radius:16px;background:var(--shell-panel);box-shadow:0 20px 40px var(--black-alpha-25)}.admin-users-stats .label{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--shell-text-muted)}.admin-users-stats .value{margin:.15rem 0;font-size:2rem;font-weight:600}.admin-users-stats .detail{margin:0;color:var(--shell-text-muted)}.admin-users-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:end}.admin-users-controls label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.admin-users-controls input,.admin-users-controls select{border-radius:10px;border:1px solid var(--shell-panel-border);padding:.65rem .75rem;background:var(--input-bg-dark);color:var(--shell-text-primary);font:inherit}.admin-users-controls select option{background-color:var(--input-bg-dark);color:var(--input-text)}.admin-users-controls button{height:fit-content;border-radius:10px;border:1px solid var(--shell-panel-border);background:var(--white-alpha-05);color:var(--shell-text-primary);cursor:pointer}.admin-users-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:1.5rem;align-items:flex-start}.users-table-panel{border:1px solid var(--shell-panel-border);border-radius:18px;background:var(--shell-panel);box-shadow:0 25px 60px var(--black-alpha-35)}.users-table-header{display:flex;justify-content:space-between;align-items:baseline;padding:1rem 1.5rem;border-bottom:1px solid var(--shell-panel-border)}.users-table-header .hint{margin:0;font-size:.85rem;color:var(--shell-text-muted)}.users-table{max-height:520px;overflow-y:auto}.users-table-row{width:100%;display:grid;grid-template-columns:2.5fr repeat(4,minmax(0,1fr)) minmax(0,1fr);gap:.75rem;padding:.9rem 1.5rem;background:transparent;color:inherit;border:none;border-bottom:1px solid var(--shell-panel-muted-border);text-align:left}.users-table-row[data-selected=true]{background:var(--shell-accent-alpha-08);box-shadow:inset 0 0 0 1px var(--shell-accent-alpha-35)}.users-table-row strong{display:block;font-weight:600}.users-table-row small{display:block;color:var(--shell-text-muted)}.users-table-head{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--shell-text-muted);background:var(--white-alpha-03)}.empty-state{padding:2.5rem;text-align:center}.empty-state button{margin-top:1rem;border-radius:999px;border:1px solid var(--shell-panel-border);background:transparent;color:var(--shell-text-primary);padding:.5rem 1.5rem;cursor:pointer}.status-pill{display:inline-flex;padding:.15rem .65rem;border-radius:999px;font-size:.75rem;border:1px solid transparent}.status-pill.positive{background:var(--shell-accent-alpha-12);border-color:var(--shell-accent-alpha-40);color:var(--shell-text-primary)}.status-pill.warning{background:var(--orange-accent-alpha-12);border-color:var(--orange-accent-alpha-40);color:var(--orange-accent)}.status-pill.critical{background:var(--critical-pink-alpha-12);border-color:var(--critical-pink-alpha-40);color:var(--critical-pink)}.user-detail-panel{border:1px solid var(--shell-panel-border);border-radius:18px;background:radial-gradient(circle at 10% -10%,var(--shell-accent-alpha-25),transparent 65%),var(--shell-panel);padding:1.5rem;box-shadow:0 25px 60px var(--black-alpha-45)}.user-detail-panel h2{margin:.25rem 0}.user-detail-panel .lede{margin:0 0 1rem;color:var(--shell-text-muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.detail-label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--shell-text-muted)}.detail-value{margin:.15rem 0 0;font-size:1rem}.detail-value.critical{color:var(--critical-pink)}.detail-value.warning{color:var(--orange-accent)}.detail-stats{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.detail-stats li{padding:.75rem;border-radius:12px;border:1px solid var(--shell-panel-muted-border);background:var(--white-alpha-03)}.detail-stats strong{display:block;font-size:1.25rem}.detail-note{padding:.85rem 1rem;border-radius:12px;background:var(--white-alpha-04);border:1px dashed var(--shell-panel-border);font-size:.9rem;color:var(--shell-text-muted)}.empty-detail{text-align:center;color:var(--shell-text-muted)}@media(max-width:960px){.admin-users-header{flex-direction:column}.admin-users-layout{grid-template-columns:1fr}.users-table-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.users-table-row span:nth-child(n+3){font-size:.9rem}}.account-empty{text-align:center;padding:4rem 1rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.account-empty h1{margin-bottom:.5rem;font-size:2.25rem}.account-empty p{margin:0;color:var(--shell-text-muted)}.account-empty .primary{margin-top:1.5rem;text-decoration:none}.account-console{display:flex;flex-direction:column;gap:2rem}.console-hero{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;padding:1.5rem;border:1px solid var(--shell-panel-border);border-radius:20px;background:linear-gradient(135deg,#00d4ff14,#5b7bff14);box-shadow:0 30px 60px #00082059}.console-hero h1{margin:.15rem 0;font-size:2.2rem}.console-hero .lede{margin:0 0 .5rem;color:var(--shell-text-muted)}.hero-meta{display:flex;flex-wrap:wrap;gap:.5rem}.hero-meta .pill,.panel-header .pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .85rem;border-radius:999px;border:1px solid var(--shell-panel-border);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;background:#ffffff0d}.hero-meta .pill[data-tone=positive]{border-color:#00d4ffb3}.hero-meta .pill[data-tone=warning]{border-color:#ffa348b3;color:#ffa348}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;flex:1}.stat-card{border:1px solid var(--shell-panel-border);border-radius:16px;padding:1rem 1.25rem;background:#020512d9;box-shadow:0 20px 40px #0008204d}.stat-card[data-tone=positive]{border-color:#00d4ff99}.stat-card[data-tone=warning]{border-color:#ffa348b3}.stat-card p{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--shell-text-muted)}.stat-card h3{margin:.25rem 0;font-size:1.4rem}.stat-card span{color:var(--shell-text-muted);font-size:.85rem}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.panel{border:1px solid var(--shell-panel-border);border-radius:18px;padding:1.5rem;background:var(--shell-panel);box-shadow:0 25px 60px #00082059;display:flex;flex-direction:column;gap:1rem}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.panel-header h2{margin:.2rem 0}.panel-header p{margin:0;color:var(--shell-text-muted)}.account-console button,.account-empty .primary,.account-console .ghost,.account-console .mini{font:inherit;border:1px solid var(--shell-panel-border);border-radius:999px;padding:.6rem 1.4rem;cursor:pointer;color:var(--shell-text-primary);background:#ffffff0d}.account-console button.primary,.account-empty .primary{background:var(--shell-gradient-one);border-color:transparent;color:var(--shell-bg);text-decoration:none}.account-console button.ghost{background:transparent}.account-console button.mini{padding:.45rem 1rem}.account-console button:disabled{opacity:.65;cursor:progress}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.form-grid input{border-radius:12px;border:1px solid var(--shell-panel-border);padding:.7rem .9rem;background:#01030c99;color:var(--shell-text-primary);font:inherit}.form-grid label.full{grid-column:1 / -1}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap;grid-column:1 / -1}.feedback{margin:0;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--shell-panel-border);background:#00d4ff14}.feedback[data-tone=critical]{border-color:#ff4aa580;background:#ff4aa51f}.feedback[data-tone=positive]{border-color:#00d4ff99}.security-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.security-list li{border:1px solid var(--shell-panel-border);border-radius:14px;padding:.85rem 1rem;background:#020612cc}.security-list li[data-severity=warning]{border-color:#ffa34899}.security-list li[data-severity=critical]{border-color:#ff4aa599}.security-list .label{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--shell-text-muted)}.security-list .detail{margin:.15rem 0;font-size:1rem}.security-list .hint,.api-status .hint{color:var(--shell-text-muted);font-size:.85rem}.api-status{border-top:1px dashed var(--shell-panel-border);padding-top:.75rem;color:var(--shell-text-muted)}.session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.session-card{border:1px solid var(--shell-panel-border);border-radius:12px;padding:.85rem 1rem;background:#01040ebf}.session-card[data-risk=warn]{border-color:#ffa348b3}.session-card .label{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--shell-text-muted)}.session-card .value{margin:.25rem 0;font-size:1.1rem}.session-card .hint{color:var(--shell-text-muted);font-size:.85rem}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.timeline li{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.08);padding:.45rem 0;color:var(--shell-text-muted);font-size:.9rem}.timeline li:last-child{border-bottom:none}@media(max-width:639px){.account-empty{padding:3rem 1rem}.account-empty h1{font-size:1.75rem}.account-console{gap:1.5rem}.console-hero{padding:1rem;flex-direction:column;align-items:flex-start}.console-hero h1{font-size:1.6rem}.console-hero .lede{font-size:.9rem}.hero-stats{grid-template-columns:1fr;width:100%;gap:.75rem}.stat-card{padding:.875rem 1rem}.stat-card h3{font-size:1.25rem}.panel-grid{grid-template-columns:1fr;gap:1rem}.panel{padding:1rem}.panel-header{flex-direction:column;align-items:flex-start;gap:.75rem}.panel-header h2{font-size:1.25rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:center}.account-console button,.account-console .ghost,.account-console .mini{min-height:44px}.session-grid{grid-template-columns:1fr;gap:.75rem}.security-list li{padding:.75rem .875rem}.timeline li{flex-direction:column;gap:.25rem;align-items:flex-start}}@media(min-width:640px)and (max-width:1023px){.console-hero{padding:1.25rem}.console-hero h1{font-size:2rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}.stat-card h3{font-size:1.2rem}.panel{padding:1.25rem}}.appearance-section{margin-top:1rem}.section-heading{margin:0 0 1rem;font-size:1.4rem;font-weight:600;color:var(--shell-text-primary)}.content-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:1.75rem;border:1px solid var(--shell-panel-border);border-radius:22px;background:linear-gradient(135deg,var(--shell-accent-alpha-08),var(--shell-accent-strong-alpha-12)),var(--dark-panel-98);box-shadow:0 30px 60px var(--shadow-content-color-35)}.content-hero h1{margin:.3rem 0 .5rem;font-size:2.4rem}.content-hero p{margin:0;color:var(--shell-text-muted)}.content-hero .eyebrow{margin:0;text-transform:uppercase;letter-spacing:.28em;font-size:.75rem;color:var(--shell-accent)}.content-hero .badge-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.content-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .9rem;border-radius:999px;border:1px solid var(--shell-panel-border);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;background:var(--white-alpha-05)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.content-panel{border:1px solid var(--shell-panel-border);border-radius:20px;padding:1.5rem;background:var(--shell-panel);box-shadow:0 25px 60px var(--shadow-content-color-35);display:flex;flex-direction:column;gap:1rem}.content-panel .panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;margin-bottom:.5rem;border-bottom:1px solid var(--white-alpha-06)}.content-panel h2{margin:0 0 .35rem;font-size:1.6rem;color:var(--shell-text-primary);letter-spacing:-.01em}.content-panel p{margin:0;color:var(--shell-text-muted);font-size:.95rem;line-height:1.5}.ladder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ladder-card{border-radius:16px;padding:1rem 1.25rem;background:var(--content-card-bg-85);border:1px solid color-mix(in srgb,var(--step-color, var(--shell-panel-border)) 60%,transparent);box-shadow:0 15px 35px var(--shadow-content-color-35)}.ladder-card h3{margin:0;font-size:1.2rem;color:var(--step-color, var(--shell-accent))}.ladder-card span{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--shell-text-muted)}.cta-row{display:flex;justify-content:flex-start}.detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.detail-list li{border:1px solid var(--shell-panel-border);border-radius:14px;padding:.85rem 1rem;background:var(--content-card-bg-80)}.detail-list h4{margin:0 0 .3rem;font-size:1rem}.detail-list p{margin:0;font-size:.9rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}.info-card{border:1px solid var(--shell-panel-border);border-radius:18px;padding:1.2rem;background:var(--content-card-bg-65)}.info-card h3{margin:0 0 .4rem}.info-card small{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--shell-text-muted)}.info-card p{margin:0;color:var(--shell-text-muted)}.detail-card{border:1px solid var(--shell-panel-border);border-radius:16px;padding:1rem 1.2rem;background:var(--content-card-bg-80);display:flex;flex-direction:column;gap:.4rem}.detail-card .meta{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--shell-text-muted)}.detail-card ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--shell-text-muted);font-size:.9rem}.detail-card li+li{margin-top:.25rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.tag{padding:.2rem .65rem;border-radius:999px;border:1px solid var(--shell-panel-border);font-size:.8rem;color:var(--shell-text-muted)}.detail-card .hook{font-style:italic;color:var(--shell-text-primary)}.detail-list li[data-status=hostile]{border-color:var(--critical-pink-alpha-65)}.detail-list li[data-status=fractured]{border-color:var(--orange-accent-alpha-70)}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.roll-card{border:1px solid var(--shell-panel-border);border-radius:16px;padding:1rem 1.25rem;background:var(--content-card-bg-85);box-shadow:0 15px 35px var(--shadow-content-color-30)}.roll-card header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.roll-card header span{font-size:.85rem;color:var(--shell-text-muted)}.dice-row{display:flex;gap:.5rem;font-size:1.35rem;margin:.5rem 0}.roll-card .total{margin:0;font-weight:600}.roll-card .result{margin:.2rem 0 0;color:var(--shell-text-muted)}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.world-card{border:1px solid var(--shell-panel-border);border-radius:20px;padding:1.2rem 1.4rem;background:var(--content-card-bg-90);box-shadow:0 25px 50px var(--shadow-content-color-35)}.world-card h3{margin:0}.world-card p{margin:.35rem 0 0;color:var(--shell-text-muted)}.world-card .meta{margin:.4rem 0;font-size:.85rem;color:var(--shell-text-muted);text-transform:uppercase;letter-spacing:.08em}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.timeline-column{display:flex;flex-direction:column;gap:0;position:relative}.timeline-column:before{content:"";position:absolute;left:1.85rem;top:1.5rem;bottom:1.5rem;width:2px;background:linear-gradient(to bottom,var(--shell-accent-alpha-30),var(--shell-accent-alpha-10));border-radius:1px;z-index:0}.timeline-item{display:flex;gap:1rem;border:1px solid var(--shell-panel-border);border-radius:16px;padding:1.1rem 1.25rem;background:var(--content-card-bg-85);box-shadow:0 18px 40px var(--shadow-content-color-35);position:relative;z-index:1;margin-bottom:.75rem;transition:transform .2s ease,box-shadow .2s ease}.timeline-item:last-child{margin-bottom:0}.timeline-item:hover{transform:translate(4px);box-shadow:0 20px 45px var(--shadow-content-color-35)}.timeline-marker{flex-shrink:0;width:1rem;height:auto;min-height:2.5rem;border-radius:999px;background:var(--shell-accent);box-shadow:0 0 12px var(--shell-accent-alpha-40);position:relative}.timeline-item[data-marker=apotheosis] .timeline-marker{background:var(--timeline-apotheosis);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-apotheosis) 50%,transparent)}.timeline-item[data-marker=wars] .timeline-marker{background:var(--timeline-wars);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-wars) 50%,transparent)}.timeline-item[data-marker=exodus] .timeline-marker{background:var(--timeline-exodus);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-exodus) 50%,transparent)}.timeline-item[data-marker=present] .timeline-marker{background:var(--timeline-present);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-present) 50%,transparent)}.timeline-item[data-marker=discovery] .timeline-marker{background:var(--timeline-discovery);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-discovery) 50%,transparent)}.timeline-item[data-marker=hpa] .timeline-marker{background:var(--timeline-hpa);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-hpa) 50%,transparent)}.timeline-item[data-marker=fall] .timeline-marker{background:var(--timeline-fall);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-fall) 50%,transparent)}.timeline-item[data-marker=resistance] .timeline-marker{background:var(--timeline-resistance);box-shadow:0 0 14px color-mix(in srgb,var(--timeline-resistance) 50%,transparent)}.timeline-content h3{margin:0 0 .35rem}.desktop-title{display:block}.mobile-title{display:none;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--shell-text-muted)}.timeline-content p{margin:0;color:var(--shell-text-muted)}.state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.state-card{display:flex;gap:1rem;border:1px solid var(--shell-panel-border);border-radius:18px;padding:1.25rem 1.5rem;background:var(--content-card-bg-85);transition:transform .2s ease,box-shadow .2s ease}.state-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--shadow-content-color-35)}.state-icon{font-size:2.2rem;flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--shell-accent-alpha-10);border-radius:12px}.state-card h3{margin:0 0 .25rem;font-size:1rem;color:var(--shell-accent)}.state-value{margin:0;font-size:1.25rem;font-weight:700;color:var(--shell-text-primary);letter-spacing:-.01em}.state-meta{margin:.2rem 0 .5rem;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600;color:var(--shell-text-muted)}.state-card>div>p:last-child{font-size:.85rem;line-height:1.5}.threats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.threat-card{border-radius:16px;padding:1rem 1.25rem;border:1px solid var(--shell-panel-border);background:var(--content-card-bg-80);box-shadow:inset 0 0 0 1px var(--white-alpha-02);transition:transform .2s ease;position:relative;overflow:hidden}.threat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--shell-panel-border)}.threat-card:hover{transform:translateY(-2px)}.threat-card[data-level=high]{border-color:var(--threat-high);background:linear-gradient(135deg,rgba(255,74,74,.08),transparent)}.threat-card[data-level=high]:before{background:var(--threat-high);box-shadow:0 0 12px var(--threat-high)}.threat-card[data-level=high] .threat-level{color:var(--threat-high)}.threat-card[data-level=medium]{border-color:var(--threat-medium);background:linear-gradient(135deg,rgba(255,170,68,.06),transparent)}.threat-card[data-level=medium]:before{background:var(--threat-medium);box-shadow:0 0 10px color-mix(in srgb,var(--threat-medium) 60%,transparent)}.threat-card[data-level=medium] .threat-level{color:var(--threat-medium)}.threat-card[data-level=low]{border-color:var(--threat-low);background:linear-gradient(135deg,rgba(110,255,210,.05),transparent)}.threat-card[data-level=low]:before{background:var(--threat-low);box-shadow:0 0 10px color-mix(in srgb,var(--threat-low) 50%,transparent)}.threat-card[data-level=low] .threat-level{color:var(--threat-low)}.threat-level{display:inline-block;margin-bottom:.35rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.threat-card h4{margin:0 0 .4rem;font-size:1.05rem}.threat-card p{margin:0;color:var(--shell-text-muted);font-size:.875rem;line-height:1.5}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.concept-card{border:1px solid var(--shell-panel-border);border-radius:16px;padding:1rem 1.2rem;background:var(--content-card-bg-85);box-shadow:0 18px 40px var(--shadow-content-color-35)}.concept-icon{font-size:1.5rem;display:inline-flex;margin-bottom:.35rem}.concept-card h3{margin:0}.concept-detail{margin:.35rem 0;font-weight:600}@media(max-width:639px){.content-hero{padding:1rem;flex-direction:column}.content-hero h1{font-size:1.6rem}.content-hero p{font-size:.9rem}.content-grid,.world-grid,.timeline-grid,.state-grid,.threats-grid,.concept-grid,.example-grid{grid-template-columns:1fr;gap:.875rem}.info-grid{grid-template-columns:1fr}.content-panel{padding:1rem}.content-panel h2{font-size:1.25rem}.content-panel .panel-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.ladder-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ladder-card{padding:.875rem 1rem}.ladder-card h3{font-size:1rem}.timeline-column:before{display:none}.timeline-item{flex-direction:row;padding:.875rem 1rem;margin-bottom:.625rem}.timeline-item:hover{transform:none}.timeline-marker{width:.5rem;min-height:0;height:auto}.desktop-title{display:none}.mobile-title{display:block}.world-card,.detail-card{padding:1rem}.state-card{padding:1rem;gap:.875rem}.state-icon{width:2.5rem;height:2.5rem;font-size:1.5rem;border-radius:10px}.state-card h3{font-size:.9rem}.state-value{font-size:1.1rem}.state-meta{font-size:.65rem}.state-card>div>p:last-child{font-size:.8rem;line-height:1.45}.threat-card{padding:1rem 1rem 1rem 1.25rem}.threat-card:before{width:5px}.threat-card[data-level=high]:before,.threat-card[data-level=medium]:before,.threat-card[data-level=low]:before{box-shadow:0 0 16px currentColor}.threat-level{font-size:.65rem;padding:.2rem .5rem;background:var(--black-alpha-30);border-radius:4px;display:inline-block}.threat-card h4{font-size:.95rem}.threat-card p{font-size:.8rem}.detail-list li{padding:.75rem .875rem}.tag-row{gap:.3rem}.tag{font-size:.75rem;padding:.15rem .5rem}.roll-card{padding:.875rem 1rem}.dice-row{font-size:1.15rem}.concept-card{padding:1rem}.concept-icon{font-size:1.5rem}.info-card{padding:1rem}.info-card h3{font-size:1.1rem}.detail-card h3{font-size:1rem}.detail-card .meta{font-size:.75rem}.detail-card .hook{font-size:.8rem;padding:.5rem .75rem;margin-top:.75rem}}@media(min-width:640px)and (max-width:1023px){.content-hero{padding:1.5rem}.content-hero h1{font-size:2rem}.timeline-grid,.world-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.state-grid,.threats-grid,.concept-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.container-responsive{padding-left:var(--space-lg);padding-right:var(--space-lg)}@media(min-width:640px){.container-responsive{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}}@media(min-width:1024px){.container-responsive{padding-left:var(--space-3xl);padding-right:var(--space-3xl)}}.text-responsive-xs{font-size:.7rem}.text-responsive-sm{font-size:.8rem}.text-responsive-base{font-size:.9rem}.text-responsive-lg{font-size:1rem}.text-responsive-xl{font-size:1.1rem}.text-responsive-2xl{font-size:1.25rem}.text-responsive-3xl{font-size:1.5rem}@media(min-width:640px){.text-responsive-xs{font-size:.75rem}.text-responsive-sm{font-size:.875rem}.text-responsive-base{font-size:1rem}.text-responsive-lg{font-size:1.125rem}.text-responsive-xl{font-size:1.25rem}.text-responsive-2xl{font-size:1.5rem}.text-responsive-3xl{font-size:1.875rem}}@media(min-width:1024px){.text-responsive-3xl{font-size:2.25rem}}.grid-responsive{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-2xl)}}.grid-auto-fill{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:640px){.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.grid-two-col{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:640px){.grid-two-col{grid-template-columns:repeat(2,1fr)}}.grid-three-col{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:640px){.grid-three-col{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-three-col{grid-template-columns:repeat(3,1fr)}}.flex-responsive{display:flex;flex-direction:column;gap:var(--space-lg)}@media(min-width:640px){.flex-responsive{flex-direction:row;align-items:center}}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack-lg{gap:var(--space-xl)}.stack-xl{gap:var(--space-2xl)}.section-spacing{padding:var(--space-xl) 0}@media(min-width:640px){.section-spacing{padding:var(--space-2xl) 0}}@media(min-width:1024px){.section-spacing{padding:var(--space-3xl) 0}}.hide-mobile{display:none}@media(min-width:640px){.hide-mobile{display:block}}.show-mobile{display:block}@media(min-width:640px){.show-mobile{display:none}}.hide-tablet{display:block}@media(min-width:640px)and (max-width:1023px){.hide-tablet{display:none}}.show-desktop{display:none}@media(min-width:1024px){.show-desktop{display:block}}.hide-desktop{display:block}@media(min-width:1024px){.hide-desktop{display:none}}.btn-responsive{padding:.5rem 1rem;font-size:.875rem;min-height:44px}@media(min-width:640px){.btn-responsive{padding:.625rem 1.25rem;font-size:.95rem}}.btn-full-mobile{width:100%;justify-content:center}@media(min-width:640px){.btn-full-mobile{width:auto}}.card-responsive{padding:var(--space-lg);border-radius:var(--radius-lg)}@media(min-width:640px){.card-responsive{padding:var(--space-xl);border-radius:var(--radius-xl)}}@media(min-width:1024px){.card-responsive{padding:var(--space-2xl)}}@media(hover:none){.hover-lift:hover{transform:none}.hover-lift:active{transform:scale(.97);transition:transform .1s ease}}.touch-feedback{transition:transform .1s ease,opacity .1s ease}.touch-feedback:active{transform:scale(.97);opacity:.8}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:639px){.table-card-mobile{display:block}.table-card-mobile thead{display:none}.table-card-mobile tr{display:block;margin-bottom:var(--space-lg);border:1px solid var(--shell-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.table-card-mobile td{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}.table-card-mobile td:last-child{border-bottom:none}.table-card-mobile td:before{content:attr(data-label);font-weight:600;color:var(--shell-text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}}.modal-responsive{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.modal-responsive{align-items:center;padding:var(--space-xl)}}.modal-content-responsive{width:100%;max-height:90vh;overflow-y:auto;background:var(--shell-panel);border-radius:var(--radius-xl) var(--radius-xl) 0 0}@media(min-width:640px){.modal-content-responsive{max-width:600px;max-height:85vh;border-radius:var(--radius-xl)}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}.input-responsive{width:100%;min-height:44px;padding:.75rem;font-size:1rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid rgba(255,255,255,.15);color:var(--shell-text-primary)}@media(min-width:640px){.input-responsive{font-size:.95rem;padding:.625rem .875rem}}.scroll-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.3) transparent}.scroll-container::-webkit-scrollbar{height:4px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.scroll-container::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-portrait{aspect-ratio:3 / 4}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.content-constrained{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:var(--space-xl);padding-right:var(--space-xl)}.content-constrained-narrow{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-xl);padding-right:var(--space-xl)}.content-constrained-wide{max-width:1600px;margin-left:auto;margin-right:auto;padding-left:var(--space-xl);padding-right:var(--space-xl)}.prose-content{max-width:65ch;margin-left:auto;margin-right:auto}@media(max-width:1023px){.content-constrained,.content-constrained-narrow,.content-constrained-wide{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media(max-width:639px){.content-constrained,.content-constrained-narrow,.content-constrained-wide{padding-left:var(--space-md);padding-right:var(--space-md)}}.desktop-layout-sidebar{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media(min-width:1024px){.desktop-layout-sidebar{grid-template-columns:1fr 320px;grid-template-areas:"main sidebar";gap:2rem}.desktop-layout-sidebar>:first-child{grid-area:main}.desktop-layout-sidebar>:last-child{grid-area:sidebar}}@media(min-width:1440px){.desktop-layout-sidebar{grid-template-columns:1fr 360px;gap:2.5rem}}.desktop-layout-sidebar-left{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media(min-width:1024px){.desktop-layout-sidebar-left{grid-template-columns:280px 1fr;grid-template-areas:"sidebar main";gap:2rem}.desktop-layout-sidebar-left>:first-child{grid-area:sidebar}.desktop-layout-sidebar-left>:last-child{grid-area:main}}@media(min-width:1440px){.desktop-layout-sidebar-left{grid-template-columns:320px 1fr;gap:2.5rem}}.desktop-layout-two-col{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:640px){.desktop-layout-two-col{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.desktop-layout-two-col{gap:2rem}}.desktop-layout-three-col{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:640px){.desktop-layout-three-col{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.desktop-layout-three-col{grid-template-columns:repeat(3,1fr);gap:2rem}}.card-grid-responsive{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.card-grid-responsive{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(min-width:1024px){.card-grid-responsive{grid-template-columns:repeat(auto-fill,minmax(300px,380px));justify-content:start;gap:1.75rem}}@media(min-width:1440px){.card-grid-responsive{gap:2rem}}.card-grid-dense{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.card-grid-dense{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.card-grid-dense{grid-template-columns:repeat(auto-fill,minmax(240px,320px));justify-content:start;gap:1.5rem}}@media(min-width:1440px){.card-grid-dense{grid-template-columns:repeat(auto-fill,minmax(260px,340px))}}.card-grid-wide{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.card-grid-wide{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:1280px){.card-grid-wide{grid-template-columns:repeat(3,1fr);gap:2rem}}.sticky-sidebar{position:static}@media(min-width:1024px){.sticky-sidebar{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow-y:auto}}.split-panel{display:flex;flex-direction:column;gap:var(--space-xl)}@media(min-width:1024px){.split-panel{flex-direction:row;gap:2rem}.split-panel>*{flex:1;min-width:0}}.form-with-sidebar{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:1024px){.form-with-sidebar{grid-template-columns:1fr 280px;gap:2rem}}.form-row-desktop{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:1024px){.form-row-desktop{flex-direction:row;align-items:flex-end;gap:var(--space-lg)}.form-row-desktop>*{flex:1;min-width:0}}.desktop-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1023px){.desktop-table-wrapper table{display:block}.desktop-table-wrapper thead{display:none}.desktop-table-wrapper tbody{display:grid;gap:1rem}.desktop-table-wrapper tr{display:grid;gap:.75rem;padding:1.25rem;background:var(--shell-panel);border:1px solid var(--shell-panel-border);border-radius:var(--radius-lg)}.desktop-table-wrapper td{display:flex;justify-content:space-between;align-items:center;gap:1rem}.desktop-table-wrapper td:before{content:attr(data-label);font-weight:600;color:var(--shell-text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}}.section-spacing-responsive{padding:var(--space-2xl) 0}@media(min-width:1024px){.section-spacing-responsive{padding:var(--space-3xl) 0}}@media(min-width:1440px){.section-spacing-responsive{padding:var(--space-4xl) 0}}.desktop-gap-lg{gap:var(--space-lg)}@media(min-width:1024px){.desktop-gap-lg{gap:var(--space-2xl)}}.desktop-gap-xl{gap:var(--space-xl)}@media(min-width:1024px){.desktop-gap-xl{gap:var(--space-3xl)}}.masonry-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.masonry-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:1024px){.masonry-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media(min-width:1440px){.masonry-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1440px){.hide-large-desktop{display:none}}@media(max-width:1023px){.desktop-only{display:none}}.desktop-flex-between{display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:1024px){.desktop-flex-between{flex-direction:row;justify-content:space-between;align-items:center}}.desktop-card-constrained{max-width:100%}@media(min-width:1024px){.desktop-card-constrained{max-width:800px}}.desktop-layout-asymmetric{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:1024px){.desktop-layout-asymmetric{grid-template-columns:2fr 1fr;gap:2rem}}.desktop-layout-asymmetric-reverse{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:1024px){.desktop-layout-asymmetric-reverse{grid-template-columns:1fr 2fr;gap:2rem}}.dashboard-widget-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.dashboard-widget-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media(min-width:1280px){.dashboard-widget-grid{grid-template-columns:repeat(12,1fr);gap:2rem}.widget-full{grid-column:span 12}.widget-half{grid-column:span 6}.widget-third{grid-column:span 4}.widget-two-thirds{grid-column:span 8}.widget-quarter{grid-column:span 3}}@media(max-width:639px){html{overflow:hidden!important;height:100dvh}body,.app-shell{overflow:hidden!important;height:100dvh;min-height:100dvh;max-height:100dvh}.app-main,.app-body{padding:0}.app-body{overflow:hidden!important;height:calc(100dvh - 56px)}.app-main{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);max-width:100%!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}.app-main[data-variant=wide]{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);max-width:100%!important;overflow-x:hidden;overflow-y:auto;padding:0!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}.floating-panel{border-radius:12px;padding:1rem;margin:.5rem}.floating-panel-compact{border-radius:10px;padding:.75rem;margin:.5rem}.floating-card{border-radius:8px;padding:.75rem}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.header-actions{width:100%;display:flex;flex-direction:column;gap:.75rem}.header-actions .btn-primary,.header-actions .btn-secondary{width:100%}h1{font-size:1.75rem!important;line-height:1.2!important}h2{font-size:1.4rem!important;line-height:1.3!important}h3{font-size:1.15rem!important}section+section{margin-top:1.5rem}.panel{padding:1rem!important;margin-bottom:1rem!important;border-radius:16px!important}.panel-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.btn-group{flex-direction:column;width:100%}.btn-group>*{width:100%}.card-responsive{max-width:100%!important}}@media(min-width:640px)and (max-width:1023px){html{overflow:hidden!important;height:100dvh}body,.app-shell{overflow:hidden!important;height:100dvh;min-height:100dvh;max-height:100dvh}.app-body{overflow:hidden!important;height:calc(100dvh - 56px)}.app-main{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px);max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1rem!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}h1{font-size:2rem}h2{font-size:1.6rem}.floating-panel{border-radius:16px;padding:1.25rem}}@media(max-width:1023px){body{padding-bottom:env(safe-area-inset-bottom,0)}.app-main>*:last-child{margin-bottom:1.5rem}}@media(max-width:639px){.btn-primary:not(.btn-icon){width:100%;justify-content:center}.btn{min-height:48px;padding:.75rem 1.25rem}.btn-sm{min-height:44px;padding:.625rem 1rem}.btn-icon{width:48px;height:48px}.card-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.card-actions .btn-action{width:100%;justify-content:center}}@media(max-width:639px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],select,textarea{font-size:16px!important}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}}@media(max-width:639px){.character-grid,.stats-row,.sync-grid,.grid-responsive{grid-template-columns:1fr!important;gap:1rem!important}.stat-card{padding:.875rem 1rem!important}.stat-value{font-size:1.25rem!important}}@media(max-width:1023px){.desktop-nav,.app-body .desktop-nav{display:none!important}.mobile-nav{display:block!important}.app-body{display:block;margin-left:0!important}}@media(max-width:639px){.modal-content,.modal-content-responsive{border-radius:16px!important;max-height:85vh;max-width:calc(100vw - 2rem);width:100%;overflow-y:auto}.modal-enter{animation:modal-scale-in .25s cubic-bezier(.16,1,.3,1)}@keyframes modal-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-fullscreen-mobile{inset:0;border-radius:0!important;max-height:100vh;max-width:100vw}}@media(max-width:639px){.top-bar{padding:.75rem 1rem;height:auto}.top-bar .connection-status,.top-bar .notification-badge{display:none}.top-bar .user-menu{padding:.5rem}}@media(max-width:639px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}table{font-size:.85rem}th,td{padding:.5rem!important}.table-card-mobile table{display:block}.table-card-mobile thead{display:none}.table-card-mobile tbody{display:block}.table-card-mobile tr{display:block;margin-bottom:1rem;border:1px solid var(--shell-border);border-radius:12px;padding:1rem;background:var(--shell-panel)}.table-card-mobile td{display:flex;justify-content:space-between;padding:.5rem 0!important;border:none}}@media(max-width:639px){.tab-list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.5rem;margin-bottom:1rem}.tab-list::-webkit-scrollbar{height:2px}.tab-button{white-space:nowrap;padding:.625rem 1rem;font-size:.875rem}.skill-row{padding:.75rem!important;font-size:.9rem}.stats-display{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.consequence-track{margin-bottom:1rem}.aspect-card{width:100%!important}}@media(max-width:639px){.step-indicator{overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;padding-bottom:.5rem}.step-indicator-item{min-width:80px;white-space:nowrap}.creator-nav{position:fixed;bottom:64px;left:0;right:0;padding:1rem;background:var(--shell-panel);border-top:1px solid var(--shell-border);display:flex;gap:.75rem;z-index:10}.creator-nav .btn{flex:1}.creator-content{padding-bottom:120px}.selection-grid{grid-template-columns:1fr!important}.selection-card{padding:1rem!important}}@media(max-width:639px){.hero{padding:1rem!important}.hero h1{font-size:1.5rem!important}.hero .lede{font-size:.9rem;line-height:1.4}.quick-links{grid-template-columns:1fr!important}.activity-item{padding:.75rem!important;font-size:.85rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:639px){.tool-active{position:fixed;inset:0;z-index:999;border-radius:0;margin:0}.dice-roller{padding:1rem}.dice-result{font-size:2rem!important}.dice-button{width:100%;height:60px;font-size:1.1rem}}@media(max-width:639px){.resource-nav{display:flex;flex-direction:column;gap:.5rem}.resource-section{margin-bottom:1.5rem}.resource-content{font-size:.95rem;line-height:1.6}pre{overflow-x:auto;font-size:.8rem}}@media(max-width:1023px){body{overscroll-behavior-y:contain}.modal-content,.modal-content-responsive,.scroll-container{overscroll-behavior:contain}}@media print{.bottom-nav,.mobile-nav,.top-bar,.floating-action-button,.btn,button{display:none!important}.app-main{padding:0}main.app-main{padding-top:0!important;padding-left:0!important;padding-right:0!important}.page-surface{border:none!important;box-shadow:none!important}}@media(max-width:639px){:focus-visible{outline-width:3px;outline-offset:3px}.skip-to-content{position:fixed;top:-100px;left:0;background:var(--shell-accent);color:var(--shell-bg);padding:1rem;z-index:10000;transition:top .2s ease}.skip-to-content:focus{top:0}}@media(max-width:1023px)and (orientation:landscape){.app-main{padding-top:0;padding-bottom:4rem}.section-spacing{padding:1rem 0}.modal-content-responsive{max-height:80vh}}@media(max-width:639px)and (prefers-color-scheme:dark){body{background:#030508}.app-shell{background-image:linear-gradient(140deg,rgba(0,212,255,.08),transparent 40%),linear-gradient(20deg,rgba(91,123,255,.08),transparent 35%),radial-gradient(circle at 80% -20%,rgba(255,74,165,.18),transparent 60%)}}:root{--panel-bg: rgba(4, 8, 12, .85);--panel-border: rgba(255, 255, 255, .1);--panel-border-radius: 18px;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-border-radius: 14px;--accent-cyan: #00d4ff;--accent-green: #4ade80;--accent-yellow: #fbbf24;--accent-red: #ef4444;--accent-purple: #a855f7;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--stress-physical: #ef4444;--stress-mental: #a855f7;--stress-system: #00d4ff;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--panel-header-height: 2.5rem;--panel-padding: 1rem;--mobile-tab-height: 48px;--mobile-header-height: 60px}.character-view{display:flex;flex-direction:column;min-height:100vh;background:var(--shell-bg, #020612);color:var(--text-primary)}.character-view,.character-view *{box-sizing:border-box;max-width:100%}.panel-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-border-radius);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--panel-padding);background:#0000004d;border-bottom:1px solid var(--panel-border);min-height:var(--panel-header-height)}.panel-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-cyan);margin:0}.panel-body{padding:var(--panel-padding)}.section-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-sm)}.clickable{cursor:pointer;transition:all .15s ease}.clickable:hover{background:var(--surface-4)}.clickable:active{transform:scale(.98)}.status-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.65rem;font-weight:500;white-space:nowrap}.status-chip.success{background:#4ade801f;border-color:#4ade804d;color:var(--accent-green)}.status-chip.warning{background:#fbbf241f;border-color:#fbbf244d;color:var(--accent-yellow)}.status-chip.danger{background:#ef44441f;border-color:#ef44444d;color:var(--accent-red)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-4);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:#ffffff1a;color:var(--text-primary)}.btn-primary{background:var(--accent-cyan);border:1px solid var(--accent-cyan);color:#020612;font-weight:600;border-radius:999px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.btn-primary:hover{box-shadow:0 0 20px #00d4ff66}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-muted);text-align:center}.empty-state-icon{font-size:2rem;margin-bottom:var(--space-sm);opacity:.5}.panel-filter-tabs{display:flex;gap:0;border:1px solid var(--border-default);border-radius:var(--radius-sm);overflow:hidden}.panel-filter-tab{flex:1;padding:.35rem .5rem;background:var(--surface-3);border:none;color:var(--text-muted);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.panel-filter-tab:not(:last-child){border-right:1px solid var(--border-default)}.panel-filter-tab:hover{background:var(--surface-6)}.panel-filter-tab.active{background:#00d4ff26;color:var(--accent-cyan)}.panel-search-box{flex:1;display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted)}.panel-search-box input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.8rem;outline:none}.panel-search-box input::placeholder{color:#fff6}.panel-toggle-btn{display:flex;align-items:center;gap:.25rem;padding:.35rem .5rem;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.panel-toggle-btn:hover{background:var(--surface-6)}.panel-toggle-btn.active{background:#00d4ff26;border-color:#00d4ff4d;color:var(--accent-cyan)}.panel-totals-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.35rem .5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-muted)}.panel-total-item{display:inline-flex;align-items:center;gap:.2rem}.panel-total-item strong{color:var(--text-primary)}.panel-total-item.restricted{color:var(--accent-yellow)}.panel-total-item.bonus{color:var(--accent-green)}.panel-total-divider{color:#fff3}.badge{padding:.15rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase}.badge-success{background:#4ade8033;color:var(--accent-green)}.badge-warning{background:#fbbf2433;color:var(--accent-yellow)}.badge-danger{background:#ef444433;color:var(--accent-red)}.badge-info{background:#00d4ff33;color:var(--accent-cyan)}.badge-muted{background:#ffffff1a;color:var(--text-muted)}.type-pill{padding:.1rem .3rem;background:var(--surface-6);border:1px solid var(--border-default);border-radius:3px;font-size:.6rem;font-weight:600;color:var(--text-muted)}.type-pill[data-type=universal]{background:#8b5cf61a;border-color:#8b5cf64d;color:#a78bfa}.type-pill[data-type=cyberware]{background:#3b82f61a;border-color:#3b82f64d;color:#60a5fa}.type-pill[data-type=bioware]{background:#4ade801a;border-color:#4ade804d;color:var(--accent-green)}.panel-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;background:var(--surface-3);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.panel-chip:hover{background:var(--surface-6)}.panel-chip.active{background:#00d4ff26;border-color:#00d4ff66;color:var(--accent-cyan)}.panel-chip.ominous{background:#ef444426;border-color:#ef444466;color:var(--accent-red)}.restricted-indicator{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#fbbf2433;color:var(--accent-yellow);font-size:.55rem;font-weight:700;border-radius:3px}.panel-section-label{margin:0 0 .4rem;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.panel-stat-tiles{display:flex;flex-wrap:wrap;gap:.4rem}.panel-stat-tile{flex:1 1 auto;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .5rem;background:var(--surface-3);border:1px solid var(--surface-6);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.panel-stat-tile:hover{background:var(--surface-6)}.panel-stat-tile .tile-icon{color:var(--text-muted)}.panel-stat-tile .tile-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.panel-stat-tile .tile-value{font-size:.75rem;font-weight:600;color:var(--text-primary)}.icon-success,.value-success{color:var(--accent-green)!important}.icon-warning,.value-warning{color:var(--accent-yellow)!important}.icon-danger,.value-danger{color:var(--accent-red)!important}.icon-muted,.value-muted{color:#fff6!important}.panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.panel-list-row{background:#ffffff08;border:1px solid var(--surface-6);border-radius:8px;overflow:hidden;transition:all .15s}.panel-list-row:hover{background:#ffffff0d}.panel-list-row.selected{border-color:#00d4ff4d;background:#00d4ff0d}.panel-list-row.included{border-color:#4ade804d;background:#4ade800d}.panel-row-details{padding:.5rem .6rem;background:#0003;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem}.panel-detail-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.panel-detail-label{color:var(--text-muted);min-width:80px}.panel-detail-value{color:var(--text-primary)}.panel-detail-action{margin-top:.4rem;padding:.3rem .6rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:4px;color:var(--accent-cyan);font-size:.7rem;cursor:pointer;transition:all .15s}.panel-detail-action:hover{background:#00d4ff33}.panel-collapsible{background:#ffffff05;border:1px solid var(--surface-6);border-radius:8px;overflow:hidden}.panel-collapsible-header{display:flex;align-items:center;gap:.4rem;width:100%;padding:.5rem .6rem;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s}.panel-collapsible-header:hover{background:var(--surface-3)}.panel-collapsible-header span:first-of-type{flex:1;text-align:left}.panel-collapsible-content{padding:.5rem .6rem;border-top:1px solid rgba(255,255,255,.06);font-size:.75rem}.panel-cross-tag{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;border:none;cursor:pointer;transition:all .15s}.panel-cross-tag.mindset{background:#00d4ff33;color:var(--accent-cyan)}.panel-cross-tag.sleeve{background:#8b5cf633;color:#a78bfa}.panel-cross-tag:hover{transform:scale(1.1)}.skill-dots{display:flex;gap:3px}.skill-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.skill-dot.filled{background:var(--accent-cyan);border-color:var(--accent-cyan)}.panel-trait-chips{display:flex;flex-wrap:wrap;gap:.35rem}.panel-trait-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;background:#ffffff0f;border:1px solid var(--border-default);border-radius:4px;font-size:.7rem;color:var(--text-primary)}.panel-trait-chip.persistent{background:#8b5cf61a;border-color:#8b5cf64d}.panel-trait-badge{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;background:#8b5cf64d;color:#a78bfa;font-size:.5rem;font-weight:700;border-radius:2px}.panel-counter-group{display:flex;flex-direction:column;align-items:center;gap:.3rem}.panel-counter-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.panel-counter-controls{display:flex;align-items:center;gap:.25rem}.panel-counter-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--surface-6);border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s}.panel-counter-btn:hover:not(:disabled){background:#00d4ff33;border-color:#00d4ff66;color:var(--accent-cyan)}.panel-counter-btn:disabled{opacity:.3;cursor:not-allowed}.panel-counter-value{min-width:24px;text-align:center;font-size:.9rem;font-weight:600;font-family:var(--font-mono, monospace);color:var(--text-primary)}.panel-copy-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff0f;border:1px solid var(--border-default);border-radius:4px;color:var(--text-muted);cursor:pointer;transition:all .15s}.panel-copy-btn:hover{background:#ffffff1a;color:var(--text-primary)}.panel-empty-state{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}.panel-overlay-mode{background:#001428f2;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:.5rem}.panel-overlay-mode .panel-list{gap:.2rem}.panel-overlay-mode .panel-list-row{border-radius:4px}@media(max-width:639px){.character-panels-container{display:flex;flex-direction:column;height:100%}.panel-card{border-radius:12px;margin:0}.panel-body{padding:var(--space-sm)}.panel-filter-tabs{flex-wrap:wrap}.panel-filter-tab{padding:.4rem .35rem;font-size:.65rem;min-width:0}.panel-header-controls{flex-direction:column;gap:.4rem}.panel-search-box{width:100%}.panel-stat-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.panel-stat-tile{min-width:unset;padding:.35rem .4rem}.panel-stat-tile .tile-value{font-size:.85rem}.panel-stat-tile .tile-label{font-size:.55rem}.panel-list{gap:.3rem}.panel-list-row{border-radius:var(--radius-sm)}.row-main{padding:.4rem .5rem}.version-header{padding:.5rem;border-radius:var(--radius-sm)}.version-string{font-size:1.25rem}.version-counters{flex-direction:column;gap:.5rem}.counter-group{flex-direction:row;justify-content:space-between;width:100%}.sleeve-headline{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm)}.headline-status{align-self:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.35rem}.stat-box{padding:.35rem .25rem}.stat-value{font-size:.85rem}.skill-row{padding:.2rem .3rem}.skill-name{font-size:.75rem}.skill-dots{gap:2px}.skill-dot{width:6px;height:6px}.panel-chip{padding:.3rem .5rem;font-size:.7rem}.upgrade-toggles{gap:.3rem}.panel-trait-chips{gap:.25rem}.panel-trait-chip{padding:.15rem .35rem;font-size:.65rem}.panel-collapsible{border-radius:var(--radius-sm)}.panel-collapsible-header{padding:.4rem .5rem;font-size:.75rem}.panel-collapsible-content{padding:.4rem .5rem;font-size:.7rem}.aug-header{gap:.35rem}.panel-totals-strip{gap:.3rem;padding:.3rem .4rem;font-size:.65rem}.aug-name{font-size:.8rem}.effect-line{font-size:.75rem}.flavor-line{font-size:.65rem}.cross-links{flex-direction:column;align-items:stretch;gap:.4rem}.link-chip{justify-content:center}.link-cta{justify-content:center;padding:.4rem;background:var(--surface-3);border-radius:var(--radius-sm)}button,.clickable{min-height:44px;min-width:44px}.panel-chip,.panel-trait-chip,.type-pill,.badge,.panel-cross-tag{min-height:unset;min-width:unset}}@media(min-width:640px)and (max-width:1023px){.character-panels-container{display:flex;flex-direction:column;height:100%;padding:var(--space-sm)}.panel-card{border-radius:var(--panel-border-radius)}.panel-body{padding:var(--panel-padding)}.panel-stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.panel-stat-tile{min-width:unset}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.4rem}.panel-filter-tabs{flex-wrap:nowrap}.panel-filter-tab{font-size:.7rem;padding:.4rem .6rem}.panel-header-controls{display:flex;flex-direction:row;gap:.5rem}.aug-header{flex-direction:row;justify-content:space-between;align-items:center}.version-counters{flex-direction:row;justify-content:center;gap:1.5rem}.sleeve-headline{flex-direction:row;align-items:center;justify-content:space-between}.skills-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.skill-row{padding:.3rem .5rem}.upgrade-toggles{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.cross-links{flex-direction:row;justify-content:space-between;align-items:center}.aug-list.two-column{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}}@media(min-width:1024px){.character-panels-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md);height:100%;padding:var(--space-md)}.character-panels-container.two-column{grid-template-columns:1fr 2fr}.panel-card{border-radius:var(--panel-border-radius);height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.panel-body{padding:var(--panel-padding)}.panel-stat-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.panel-stat-tile{padding:.5rem .6rem}.panel-stat-tile .tile-value{font-size:.85rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.stat-box{padding:.5rem}.stat-value{font-size:1rem}.version-header{padding:1rem;border-radius:var(--radius-lg)}.version-string{font-size:1.75rem}.version-counters{gap:2rem}.sleeve-headline{padding:.75rem 1rem;border-radius:var(--radius-lg)}.sleeve-name{font-size:1.1rem}.skills-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.skill-row{padding:.35rem .6rem}.skill-dots{gap:4px}.skill-dot{width:10px;height:10px}.upgrade-toggles{gap:.5rem}.panel-chip{padding:.4rem .7rem;font-size:.8rem}.aug-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.filter-tabs{flex:0 0 auto}.header-controls{flex:1;max-width:400px}.aug-list{gap:.4rem}.aug-row{border-radius:var(--radius-md)}.row-main{padding:.6rem .75rem}.aug-name{font-size:.9rem}.effect-line{font-size:.85rem}.panel-trait-chips{gap:.4rem}.panel-trait-chip{padding:.25rem .55rem;font-size:.75rem}.panel-collapsible{border-radius:var(--radius-md)}.panel-collapsible-header{padding:.6rem .75rem;font-size:.85rem}.panel-collapsible-content{padding:.6rem .75rem;font-size:.8rem}.panel-overlay-mode{padding:.75rem;border-radius:var(--radius-md)}.cross-links{padding-top:.75rem}.link-chip{padding:.3rem .6rem;font-size:.75rem}.link-cta{font-size:.8rem}.panel-list-row:hover{transform:translate(2px);box-shadow:-2px 0 0 var(--accent-cyan)}.panel-stat-tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.panel-chip:hover{transform:translateY(-1px)}}@media(min-width:1440px){.character-panels-container{max-width:1600px;margin:0 auto;gap:var(--space-lg);padding:var(--space-lg)}.panel-stat-tiles{grid-template-columns:repeat(6,1fr)}.skills-list{grid-template-columns:repeat(3,1fr)}}.campaign-page-container{padding:var(--page-padding-mobile);width:100%}@media(min-width:640px){.campaign-page-container{padding:var(--page-padding-tablet)}}@media(min-width:1024px){.campaign-page-container{padding:var(--page-padding-desktop)}}@media(min-width:1280px){.campaign-page-container{padding:var(--page-padding-wide)}}.campaign-page-container--narrow{max-width:var(--content-max-width-narrow);margin-left:auto;margin-right:auto}.campaign-page-container--default{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.campaign-page-container--wide{max-width:var(--content-max-width-wide);margin-left:auto;margin-right:auto}.campaign-page-container--full{max-width:none}.campaign-page-container--edge-to-edge{padding-left:0;padding-right:0}.campaign-panel{padding:var(--panel-padding-mobile);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg)}@media(min-width:640px){.campaign-panel{padding:var(--panel-padding-tablet)}}@media(min-width:1024px){.campaign-panel{padding:var(--panel-padding-desktop)}}.campaign-panel--compact{padding:var(--space-md)}.campaign-grid{display:grid;gap:var(--grid-gap-md)}.campaign-grid--responsive{grid-template-columns:1fr}@media(min-width:640px){.campaign-grid--responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.campaign-grid--responsive{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.campaign-grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.campaign-grid--gap-sm{gap:var(--grid-gap-sm)}.campaign-grid--gap-lg{gap:var(--grid-gap-lg)}.campaign-grid--gap-xl{gap:var(--grid-gap-xl)}.campaign-section{margin-bottom:var(--section-spacing-mobile)}@media(min-width:640px){.campaign-section{margin-bottom:var(--section-spacing-tablet)}}@media(min-width:1024px){.campaign-section{margin-bottom:var(--section-spacing-desktop)}}.campaign-section:last-child{margin-bottom:0}.touch-target{min-height:var(--touch-min-height);min-width:var(--touch-min-width);display:inline-flex;align-items:center;justify-content:center}.touch-target--comfortable{min-height:var(--touch-comfortable-height);min-width:var(--touch-comfortable-width)}.touch-target--large{min-height:var(--touch-large-height);min-width:var(--touch-large-width)}.touch-target--small{min-height:var(--touch-small-height);min-width:var(--touch-small-width)}.touch-icon-button{width:var(--touch-icon-size);height:var(--touch-icon-size);display:inline-flex;align-items:center;justify-content:center;padding:0}.touch-icon-button--small{width:var(--touch-icon-small);height:var(--touch-icon-small)}.touch-icon-button--large{width:var(--touch-icon-large);height:var(--touch-icon-large)}.safe-top{padding-top:var(--safe-inset-top)}.safe-bottom{padding-bottom:var(--safe-inset-bottom)}.safe-left{padding-left:var(--safe-inset-left)}.safe-right{padding-right:var(--safe-inset-right)}.safe-all{padding-top:var(--safe-inset-top);padding-bottom:var(--safe-inset-bottom);padding-left:var(--safe-inset-left);padding-right:var(--safe-inset-right)}.safe-with-padding{padding:var(--space-lg);padding-top:calc(var(--space-lg) + var(--safe-inset-top));padding-bottom:calc(var(--space-lg) + var(--safe-inset-bottom))}.mobile-full-height{height:100vh;height:100dvh;display:flex;flex-direction:column}.mobile-bottom-nav-spacer{padding-bottom:calc(60px + var(--safe-inset-bottom))}@media(max-width:639px){.mobile-only{display:block}.desktop-only{display:none}}@media(min-width:640px){.mobile-only{display:none}.desktop-only{display:block}}.sticky-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--shell-bg)}.sticky-footer{position:sticky;bottom:0;z-index:var(--z-sticky);background:var(--shell-bg)}.fixed-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background:var(--surface-elevated);border-top:1px solid var(--border-primary)}.custom-scrollbar::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.custom-scrollbar--thin::-webkit-scrollbar{width:var(--scrollbar-width-thin);height:var(--scrollbar-width-thin)}.backdrop-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop)}.backdrop-overlay--dark{background:#000c}.backdrop-overlay--light{background:#0006}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-column{display:flex;flex-direction:column}.flex-gap-sm{gap:var(--space-sm)}.flex-gap-md{gap:var(--space-md)}.flex-gap-lg{gap:var(--space-lg)}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.accordion-transition{transition:max-height var(--transition-slow) cubic-bezier(.4,0,.2,1);overflow:hidden}.focus-ring:focus-visible{outline:2px solid var(--shell-accent);outline-offset:2px;border-radius:var(--radius-sm)}.focus-ring-inset:focus-visible{outline:2px solid var(--shell-accent);outline-offset:-2px}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--shell-accent);color:var(--shell-bg);padding:var(--space-md) var(--space-lg);text-decoration:none;z-index:var(--z-tooltip);border-radius:var(--radius-sm)}.skip-to-content:focus{top:var(--space-md);left:var(--space-md)}select{background-color:var(--shell-surface, rgba(12, 20, 45, .9));color:var(--shell-text-primary, #f2f8ff);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-sm, 6px);padding:.5rem .75rem}select:focus{outline:none;border-color:var(--shell-accent, #00d4ff)}select option{background-color:var(--shell-bg, #060a1a);color:var(--shell-text-primary, #f2f8ff);padding:.5rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{background-color:var(--surface-2, rgba(255, 255, 255, .03));color:var(--shell-text-primary, #f2f8ff);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-sm, 6px)}input:focus,textarea:focus{outline:none;border-color:var(--shell-accent, #00d4ff)}