*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden}body{height:100%;overflow:hidden!important;margin-right:0!important;padding-right:0!important;width:100%!important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body,#root{transform:none!important}button,a,input,select,textarea,[role=button],[role=switch],[role=checkbox],[role=radio],[role=tab],[role=menuitem],[role=option]{touch-action:manipulation}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-page);text-rendering:optimizeLegibility;overflow-wrap:break-word;-webkit-overflow-scrolling:touch}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus{outline:none}:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}:root{--font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-callout: var(--font-family-display);--font-family-arcade: var(--font-family-display);--font-family-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-size-tiny: .625rem;--font-size-caption: .6875rem;--font-size-label: .75rem;--font-size-body: .8125rem;--font-size-body-small: .8125rem;--font-size-body-large: .875rem;--font-size-subheading: .9375rem;--font-size-cta: 1rem;--font-size-heading-small: 1.0625rem;--font-size-heading: 1.1875rem;--font-size-h2: 1.25rem;--font-size-title: 1.375rem;--font-size-h1: 1.625rem;--font-size-display: 2.125rem;--font-size-hero: 2.375rem;--font-size-jumbo: 2.75rem;--font-size-avatar-micro: .5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-display: 1.05;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .06em;--letter-spacing-wider: .08em;--letter-spacing-widest: .12em;--space-pixel: 1px;--space-micro: 2px;--space-small: 3px;--space-hairline: 4px;--space-tight: 8px;--space-snug: 10px;--space-default: 14px;--space-comfortable: 18px;--space-loose: 22px;--space-roomy: 28px;--space-spacious: 36px;--space-airy: 44px;--space-generous: 60px;--radius-sharp: 2px;--radius-subtle: 3px;--radius-default: 4px;--radius-rounded: 4px;--radius-large: 4px;--radius-card: 4px;--radius-pill: 9999px;--progress-height-thin: 4px;--progress-height-default: 6px;--progress-height-thick: 10px;--segment-width: 28px;--segment-height: 10px;--segment-gap: 3px;--button-height-compact: 26px;--button-height-default: 34px;--button-height-large: 42px;--control-height-compact: 30px;--control-height-default: 38px;--control-height-large: 48px;--toggle-width: 48px;--toggle-height: 26px;--toggle-thumb-size: 18px;--toggle-thumb-inset: 4px;--checkbox-size: 20px;--radio-size: 18px;--radio-dot-size: 8px;--toast-icon-badge-size: 22px;--toast-icon-size: 12px;--badge-height: 17px;--badge-padding-y: 2px;--badge-padding-x: 6px;--badge-line-height: 14px;--activity-legend-cell-size: 12px;--icon-size-tiny: 12px;--icon-size-small: 14px;--icon-size-default: 15px;--icon-size-medium: 17px;--icon-size-large: 18px;--icon-size-xlarge: 22px;--icon-size-jumbo: 30px;--play-button-size-default: 60px;--play-button-size-featured: 76px;--play-button-size-compact: 44px;--play-button-icon-default: 26px;--play-button-icon-featured: 34px;--play-button-icon-compact: 18px;--play-button-icon-offset: 3px;--action-button-size-default: 34px;--action-button-size-compact: 26px;--leaderboard-rank-width: 32px;--leaderboard-trend-width: 20px;--leaderboard-arrow-size: 5px;--leaderboard-arrow-height: 6px;--leaderboard-dash-width: 10px;--leaderboard-dash-height: 2px;--item-icon-container-size: 52px;--item-emoji-size: 34px;--rank-icon-container-size: 80px;--rank-card-max-width: 480px;--mmr-display-min-width: 420px;--mmr-display-min-width-compact: 320px;--avatar-size-micro: 20px;--avatar-size-tiny: 24px;--avatar-size-compact: 28px;--avatar-size-default: 34px;--avatar-size-large: 44px;--avatar-size-display: 68px;--avatar-overlap-default: -8px;--avatar-overlap-compact: -6px;--status-dot-size-small: 5px;--status-dot-size: 6px;--bottom-nav-height: 74px;--game-bar-height: 50px;--layout-max-width-narrow: 400px;--layout-max-width-medium: 540px;--layout-max-width-default: 740px;--layout-max-width-wide: 1600px;--card-image-height: 168px;--activity-cell-size: 20px;--activity-gap: 2px;--viewport-phone-max: 639px;--viewport-tablet-min: 640px;--viewport-tablet-max: 1023px;--viewport-desktop-min: 1024px;--native-safe-top: 0px;--native-safe-right: 0px;--native-safe-bottom: 0px;--native-safe-left: 0px;--native-viewport-width: 0px;--native-viewport-height: 0px;--safe-area-inset-top: max(env(safe-area-inset-top, 0px), var(--native-safe-top));--safe-area-inset-right: max(env(safe-area-inset-right, 0px), var(--native-safe-right));--safe-area-inset-bottom: max(env(safe-area-inset-bottom, 0px), var(--native-safe-bottom));--safe-area-inset-left: max(env(safe-area-inset-left, 0px), var(--native-safe-left));--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--ease-out-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: 50ms;--duration-fast: .1s;--duration-default: .18s;--duration-slow: .3s;--duration-pop: .25s;--z-dropdown: 100;--z-overlay: 150;--z-modal: 200;--z-popover: 250;--z-toast: 300;--border-width: 1px;--border-width-thick: 2px;--outline-width: 2px;--outline-offset: 2px;--toast-border-width: 6px;--surface-rail-width: var(--toast-border-width);--surface-rail-compact-width: calc(var(--border-width) + var(--border-width-thick));--surface-rail-inset: var(--space-tight);--opacity-disabled: .5;--opacity-hover: .9;--dialog-max-width: 28rem;--drawer-max-height: 96vh;--drawer-content-max-width: 480px;--focus-ring-width: 2px;--focus-ring-offset: 4px;--shadow-color: rgb(0 0 0 / .06);--dm-hi-base: rgba(255, 255, 255, .02);--dm-hi-mid: rgba(255, 255, 255, .05);--dm-hi-high: rgba(255, 255, 255, .08);--dm-hi-peak: rgba(255, 255, 255, .11);--dm-ring-base: rgba(255, 255, 255, .02);--dm-ring-mid: rgba(255, 255, 255, .04);--dm-ring-high: rgba(255, 255, 255, .06);--dm-drop: rgba(0, 0, 0, .18);--dm-outline-3: rgba(0, 0, 0, .12);--dm-outline-4: rgba(0, 0, 0, .14);--dm-outline-5: rgba(0, 0, 0, .16);--dm-outline-6: rgba(0, 0, 0, .18);--dm-outline-7: rgba(0, 0, 0, .2);--shadow-light-elevation-0: 0px 0px 0px 1px var(--shadow-color);--shadow-light-elevation-1: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color);--shadow-light-elevation-2: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color);--shadow-light-elevation-3: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color);--shadow-light-elevation-4: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color);--shadow-light-elevation-5: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color), 0px 24px 24px -12px var(--shadow-color);--shadow-light-elevation-6: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color), 0px 24px 24px -12px var(--shadow-color), 0px 48px 48px -24px var(--shadow-color);--shadow-dark-elevation-0: none;--shadow-dark-elevation-1: inset 0 0 0 1px var(--dm-ring-base);--shadow-dark-elevation-2: inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -.5px var(--dm-drop);--shadow-dark-elevation-3: inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px var(--dm-outline-3), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop);--shadow-dark-elevation-4: inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px var(--dm-outline-4), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop);--shadow-dark-elevation-5: inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px var(--dm-outline-5), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop);--shadow-dark-elevation-6: inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px var(--dm-outline-6), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop);--shadow-dark-elevation-7: inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px var(--dm-outline-7), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop);--shadow-sunken: var(--shadow-light-elevation-0);--shadow-elevation-0: var(--shadow-light-elevation-0);--shadow-elevation-1: var(--shadow-light-elevation-1);--shadow-elevation-2: var(--shadow-light-elevation-2);--shadow-elevation-3: var(--shadow-light-elevation-3);--shadow-elevation-4: var(--shadow-light-elevation-4);--shadow-elevation-5: var(--shadow-light-elevation-5);--shadow-elevation-6: var(--shadow-light-elevation-6);--color-white: #ffffff;--color-black: #000000;--color-brand-blue-100: #c4dcff;--color-brand-blue-300: #5ba2f7;--color-brand-blue-400: #3b8ff2;--color-brand-blue-500: #2a7ad8;--color-surface-bright: var(--color-brand-blue-400);--color-surface-paper: #ffffff}[data-theme=dark]{--color-background-page: #141414;--color-background-inset: #181818;--color-background-card: #1c1c1c;--color-background-raised: #232323;--color-background-surface: #2a2a2a;--color-background-surface-alt: #303030;--color-background-hover: #353535;--color-background-floating: #3d3d3d;--color-text-primary: #ededed;--color-text-secondary: #949494;--color-text-tertiary: #5c5c5c;--color-text-disabled: #3a3a3a;--color-text-inverse: #141414;--color-accent: #e8e4d9;--color-accent-light: #f0ede3;--color-accent-muted: #c9c5b8;--color-accent-dim: rgba(232, 228, 217, .08);--color-accent-glow: rgba(232, 228, 217, .3);--color-cream: #e8e4d9;--color-cream-glow: rgba(232, 228, 217, .4);--color-cream-dim: rgba(232, 228, 217, .15);--color-brand-blue: var(--color-brand-blue-400);--color-brand-blue-hover: var(--color-brand-blue-500);--color-brand-blue-deep: var(--color-brand-blue-500);--color-brand-blue-soft: rgba(59, 143, 242, .55);--color-brand-blue-glow: rgba(59, 143, 242, .35);--color-brand-blue-muted: rgba(59, 143, 242, .18);--color-brand-sky-light: var(--color-brand-blue-300);--color-interaction-primary: var(--color-brand-blue-400);--color-interaction-primary-pressed: var(--color-brand-blue-500);--color-interaction-primary-text: var(--color-white);--color-interaction-primary-tint: rgba(59, 143, 242, .18);--color-interaction-primary-glow: rgba(59, 143, 242, .35);--color-interaction-primary-border: rgba(59, 143, 242, .32);--color-brand-primary: var(--color-interaction-primary);--color-brand-primary-pressed: var(--color-interaction-primary-pressed);--color-brand-primary-text: var(--color-interaction-primary-text);--color-brand-primary-tint: var(--color-interaction-primary-tint);--color-brand-primary-glow: var(--color-interaction-primary-glow);--color-brand-primary-border: var(--color-interaction-primary-border);--color-teal: #53d2bb;--color-teal-light: #6dd9c5;--color-teal-hover: #45c0aa;--color-teal-muted: rgba(83, 210, 187, .18);--color-teal-dim: rgba(83, 210, 187, .1);--color-teal-glow: rgba(83, 210, 187, .3);--color-teal-glow-strong: rgba(83, 210, 187, .5);--color-teal-border: rgba(83, 210, 187, .2);--color-interaction-primary-intensity-1: rgba(59, 143, 242, .22);--color-interaction-primary-intensity-2: rgba(59, 143, 242, .44);--color-interaction-primary-intensity-3: rgba(59, 143, 242, .65);--color-teal-intensity-1: var(--color-interaction-primary-intensity-1);--color-teal-intensity-2: var(--color-interaction-primary-intensity-2);--color-teal-intensity-3: var(--color-interaction-primary-intensity-3);--color-green: #31c667;--color-green-dim: rgba(49, 198, 103, .12);--color-green-glow: rgba(49, 198, 103, .32);--color-green-glow-strong: rgba(49, 198, 103, .5);--color-green-border: rgba(49, 198, 103, .22);--color-online-green: #00e060;--color-online-green-dim: rgba(0, 224, 96, .18);--color-online-green-glow: rgba(0, 224, 96, .46);--color-red: #f87171;--color-red-light: #ff8a8a;--color-red-dark: #e05858;--color-red-dim: rgba(248, 113, 113, .1);--color-red-glow: rgba(248, 113, 113, .3);--color-red-glow-strong: rgba(248, 113, 113, .5);--color-red-border: rgba(248, 113, 113, .15);--color-amber: #ffb547;--color-amber-dim: rgba(255, 181, 71, .12);--color-amber-glow: rgba(255, 181, 71, .32);--color-amber-glow-strong: rgba(255, 181, 71, .5);--color-amber-border: rgba(255, 181, 71, .2);--color-bookmark: #5ba2f7;--color-bookmark-on-dark: #5ba2f7;--color-blue: #60a5fa;--color-blue-dim: rgba(96, 165, 250, .1);--color-blue-glow: rgba(96, 165, 250, .3);--color-purple: #a78bfa;--color-purple-dim: rgba(167, 139, 250, .1);--color-purple-glow: rgba(167, 139, 250, .3);--color-pink: #f472b6;--color-pink-dim: rgba(244, 114, 182, .12);--color-pink-glow: rgba(244, 114, 182, .32);--color-pink-border: rgba(244, 114, 182, .2);--color-coral: #ff6b5b;--color-coral-dim: rgba(255, 107, 91, .12);--color-coral-glow: rgba(255, 107, 91, .32);--color-coral-glow-strong: rgba(255, 107, 91, .5);--color-coral-border: rgba(255, 107, 91, .2);--color-rank-gold: #d4a656;--color-rank-silver: #a8a8a8;--color-rank-bronze: #b87333;--color-tier-bronze: #b87333;--color-tier-silver: #a8a8a8;--color-tier-gold: #d4a656;--color-tier-platinum: #5eead4;--color-tier-plat: #5eead4;--color-tier-diamond: #a855f7;--color-rarity-legendary: #d4a656;--color-rarity-epic: #a855f7;--color-rarity-rare: #3b82f6;--color-rarity-common: #5c5c63;--color-rarity-legendary-border: rgba(212, 166, 86, .3);--color-rarity-epic-border: rgba(168, 85, 247, .3);--color-rarity-rare-border: rgba(59, 130, 246, .3);--color-rarity-common-border: rgba(92, 92, 99, .3);--color-rarity-legendary-dim: rgba(212, 166, 86, .15);--color-rarity-epic-dim: rgba(168, 85, 247, .15);--color-rarity-rare-dim: rgba(59, 130, 246, .15);--color-rarity-common-dim: rgba(92, 92, 99, .15);--color-border-subtle: rgba(255, 255, 255, .03);--color-border-default: rgba(255, 255, 255, .06);--color-border-emphasis: rgba(255, 255, 255, .09);--color-border-focus: #c9c5b8;--shadow-highlight-subtle: rgba(255, 255, 255, .06);--shadow-highlight-default: rgba(255, 255, 255, .12);--shadow-highlight-medium: rgba(255, 255, 255, .15);--shadow-highlight-strong: rgba(255, 255, 255, .2);--shadow-highlight-intense: rgba(255, 255, 255, .25);--shadow-highlight-max: rgba(255, 255, 255, .3);--shadow-drop-subtle: rgba(0, 0, 0, .2);--shadow-drop-default: rgba(0, 0, 0, .3);--shadow-sunken: var(--shadow-dark-elevation-1);--shadow-elevation-0: var(--shadow-dark-elevation-0);--shadow-elevation-1: var(--shadow-dark-elevation-2);--shadow-elevation-2: var(--shadow-dark-elevation-3);--shadow-elevation-3: var(--shadow-dark-elevation-4);--shadow-elevation-4: var(--shadow-dark-elevation-5);--shadow-elevation-5: var(--shadow-dark-elevation-6);--shadow-elevation-6: var(--shadow-dark-elevation-7);--shadow-card: var(--shadow-elevation-2);--shadow-card-elevated: var(--shadow-elevation-3);--shadow-button-depth: var(--shadow-elevation-2);--shadow-button-inner: 0 0 0 0 transparent;--shadow-button-rim: 0 0 0 0 transparent;--focus-ring: 0 0 0 2px var(--color-accent-muted);--focus-ring-teal: 0 0 0 2px var(--color-teal-dim);--focus-ring-error: 0 0 0 2px var(--color-red-dim);--color-overlay-light: rgba(17, 17, 19, .2);--color-overlay-medium: rgba(17, 17, 19, .5);--color-overlay-heavy: rgba(17, 17, 19, .7);--hatch-pattern: repeating-linear-gradient( -45deg, #2a2a2a 0px, #2a2a2a 3px, #303030 3px, #303030 6px )}[data-theme=light]{--color-background-page: #f4f5f7;--color-background-inset: #e9ebef;--color-background-card: #ffffff;--color-background-raised: #ffffff;--color-background-surface: #f9fafb;--color-background-surface-alt: #f0f1f4;--color-background-hover: #ebeef2;--color-background-floating: #ffffff;--color-text-primary: #0f1419;--color-text-secondary: #4a4f57;--color-text-tertiary: #6e737b;--color-text-disabled: #a5aab3;--color-text-inverse: #ffffff;--color-accent: #2d3139;--color-accent-light: #3d424c;--color-accent-muted: #454b55;--color-accent-dim: rgba(45, 49, 57, .08);--color-accent-glow: rgba(45, 49, 57, .12);--color-accent-gradient-start: #3d434d;--color-accent-gradient-hover: #4d535d;--color-cream: #1a1d21;--color-cream-glow: rgba(45, 122, 90, .3);--color-cream-dim: rgba(45, 122, 90, .15);--color-brand-blue: var(--color-brand-blue-400);--color-brand-blue-hover: var(--color-brand-blue-500);--color-brand-blue-deep: var(--color-brand-blue-500);--color-brand-blue-soft: rgba(59, 143, 242, .55);--color-brand-blue-glow: rgba(59, 143, 242, .3);--color-brand-blue-muted: rgba(59, 143, 242, .12);--color-brand-sky-light: var(--color-brand-blue-300);--color-interaction-primary: var(--color-brand-blue-400);--color-interaction-primary-pressed: var(--color-brand-blue-500);--color-interaction-primary-text: var(--color-white);--color-interaction-primary-tint: rgba(59, 143, 242, .12);--color-interaction-primary-glow: rgba(59, 143, 242, .25);--color-interaction-primary-border: rgba(59, 143, 242, .28);--color-brand-primary: var(--color-interaction-primary);--color-brand-primary-pressed: var(--color-interaction-primary-pressed);--color-brand-primary-text: var(--color-interaction-primary-text);--color-brand-primary-tint: var(--color-interaction-primary-tint);--color-brand-primary-glow: var(--color-interaction-primary-glow);--color-brand-primary-border: var(--color-interaction-primary-border);--color-teal: #2d7a5a;--color-teal-light: #3d8a6a;--color-teal-hover: #1d6a4a;--color-teal-muted: rgba(45, 122, 90, .15);--color-teal-dim: rgba(45, 122, 90, .12);--color-teal-glow: rgba(45, 122, 90, .2);--color-teal-glow-strong: rgba(45, 122, 90, .35);--color-teal-border: rgba(45, 122, 90, .2);--color-teal-gradient-start: #3d9a72;--color-teal-gradient-hover: #4daa82;--color-interaction-primary-intensity-1: rgba(59, 143, 242, .16);--color-interaction-primary-intensity-2: rgba(59, 143, 242, .34);--color-interaction-primary-intensity-3: rgba(59, 143, 242, .55);--color-teal-intensity-1: var(--color-interaction-primary-intensity-1);--color-teal-intensity-2: var(--color-interaction-primary-intensity-2);--color-teal-intensity-3: var(--color-interaction-primary-intensity-3);--color-green: #31c667;--color-green-dim: rgba(49, 198, 103, .12);--color-green-glow: rgba(49, 198, 103, .28);--color-green-glow-strong: rgba(49, 198, 103, .42);--color-green-border: rgba(49, 198, 103, .22);--color-online-green: #00e060;--color-online-green-dim: rgba(0, 224, 96, .18);--color-online-green-glow: rgba(0, 224, 96, .42);--color-red: #dc2626;--color-red-light: #ef4444;--color-red-dark: #b91c1c;--color-red-dim: rgba(220, 38, 38, .1);--color-red-glow: rgba(220, 38, 38, .2);--color-red-glow-strong: rgba(220, 38, 38, .35);--color-red-border: rgba(220, 38, 38, .15);--color-amber: #d97706;--color-amber-dim: rgba(217, 119, 6, .1);--color-amber-glow: rgba(217, 119, 6, .2);--color-amber-glow-strong: rgba(217, 119, 6, .35);--color-amber-border: rgba(217, 119, 6, .15);--color-bookmark: #2563eb;--color-bookmark-on-dark: #5ba2f7;--color-blue: #2563eb;--color-blue-dim: rgba(37, 99, 235, .1);--color-blue-glow: rgba(37, 99, 235, .2);--color-purple: #7c3aed;--color-purple-dim: rgba(124, 58, 237, .1);--color-purple-glow: rgba(124, 58, 237, .2);--color-pink: #db2777;--color-pink-dim: rgba(219, 39, 119, .1);--color-pink-glow: rgba(219, 39, 119, .2);--color-pink-border: rgba(219, 39, 119, .22);--color-coral: #d24234;--color-coral-dim: rgba(210, 66, 52, .1);--color-coral-glow: rgba(210, 66, 52, .22);--color-coral-glow-strong: rgba(210, 66, 52, .35);--color-coral-border: rgba(210, 66, 52, .2);--color-rank-gold: #b8860b;--color-rank-silver: #64748b;--color-rank-bronze: #92400e;--color-tier-bronze: #92400e;--color-tier-silver: #64748b;--color-tier-gold: #b8860b;--color-tier-platinum: #2d7a5a;--color-tier-plat: #2d7a5a;--color-tier-diamond: #7c3aed;--color-rarity-legendary: #b8860b;--color-rarity-epic: #7c3aed;--color-rarity-rare: #2563eb;--color-rarity-common: #64748b;--color-rarity-legendary-border: rgba(184, 134, 11, .3);--color-rarity-epic-border: rgba(124, 58, 237, .3);--color-rarity-rare-border: rgba(37, 99, 235, .3);--color-rarity-common-border: rgba(100, 116, 139, .3);--color-rarity-legendary-dim: rgba(184, 134, 11, .15);--color-rarity-epic-dim: rgba(124, 58, 237, .15);--color-rarity-rare-dim: rgba(37, 99, 235, .15);--color-rarity-common-dim: rgba(100, 116, 139, .15);--color-border-subtle: rgba(15, 20, 25, .06);--color-border-default: rgba(15, 20, 25, .1);--color-border-emphasis: rgba(15, 20, 25, .14);--color-border-focus: rgba(45, 122, 90, .4);--shadow-highlight-subtle: rgba(255, 255, 255, .4);--shadow-highlight-default: rgba(255, 255, 255, .55);--shadow-highlight-medium: rgba(255, 255, 255, .65);--shadow-highlight-strong: rgba(255, 255, 255, .75);--shadow-highlight-intense: rgba(255, 255, 255, .85);--shadow-highlight-max: rgba(255, 255, 255, .95);--shadow-drop-subtle: rgba(0, 0, 0, .08);--shadow-drop-default: rgba(0, 0, 0, .15);--shadow-sunken: var(--shadow-light-elevation-0);--shadow-elevation-0: var(--shadow-light-elevation-0);--shadow-elevation-1: var(--shadow-light-elevation-1);--shadow-elevation-2: var(--shadow-light-elevation-2);--shadow-elevation-3: var(--shadow-light-elevation-3);--shadow-elevation-4: var(--shadow-light-elevation-4);--shadow-elevation-5: var(--shadow-light-elevation-5);--shadow-elevation-6: var(--shadow-light-elevation-6);--shadow-card: var(--shadow-elevation-2);--shadow-card-elevated: var(--shadow-elevation-3);--shadow-button-depth: var(--shadow-elevation-2);--shadow-button-inner: 0 0 0 0 transparent;--shadow-button-rim: 0 0 0 0 transparent;--focus-ring: 0 0 0 2px var(--color-accent-muted);--focus-ring-teal: 0 0 0 2px var(--color-teal-dim);--focus-ring-error: 0 0 0 2px var(--color-red-dim);--color-overlay-light: rgba(15, 20, 25, .25);--color-overlay-medium: rgba(15, 20, 25, .55);--color-overlay-heavy: rgba(15, 20, 25, .8);--hatch-pattern: repeating-linear-gradient( -45deg, #f9fafb 0px, #f9fafb 3px, #f0f1f4 3px, #f0f1f4 6px )}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);text-wrap:balance}h1{font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}h2{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3{font-family:var(--font-family);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold)}h4{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold)}h5{font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}h6{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--space-default)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-body)}code{font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-interaction-primary);background-color:var(--color-background-card);padding:.125em .25em;border-radius:var(--radius-subtle)}pre code{display:block;padding:var(--space-default);overflow-x:auto}.typography--display{font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-tight)}.typography--h1{font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.typography--h2{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.typography--h3{font-family:var(--font-family);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.typography--cta{font-family:var(--font-family);font-size:var(--font-size-cta);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:var(--letter-spacing-normal)}.typography--body{font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.typography--body-sm{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.typography--caps{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}.typography--number{font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:1}.typography--display-hero{font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}.typography--title{font-family:var(--font-family);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.typography--heading{font-family:var(--font-family);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.typography--subheading{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.typography--callout{font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}.typography--caption{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.typography--label{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary)}.typography--stat{font-family:var(--font-family-mono);font-size:var(--font-size-display);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.typography--stat-large{font-family:var(--font-family-mono);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-medium);line-height:1;font-variant-numeric:tabular-nums}.typography--code{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--color-interaction-primary)}.achievement{display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default);background-color:var(--color-background-card);border-radius:0;border:var(--border-width) solid var(--color-border-default);position:relative;box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle)}.achievement__icon-container{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-background-raised);border-radius:0;border:var(--border-width-thick) solid var(--color-border-emphasis)}.achievement__emoji{font-size:24px;line-height:1}.achievement__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.achievement__content{display:flex;flex-direction:column;gap:var(--space-micro);flex:1;min-width:0}.achievement__rarity{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.achievement__name{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.achievement__description{font-size:var(--font-size-body);color:var(--color-text-tertiary);line-height:var(--line-height-default)}.achievement__progress-container{display:flex;align-items:center;gap:var(--space-tight);margin-top:var(--space-tight)}.achievement__progress{flex:1}.achievement__progress-label{font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap}.achievement--common .achievement__rarity{color:var(--color-rarity-common)}.achievement--common .achievement__icon-container{border-color:var(--color-rarity-common-border)}.achievement--rare .achievement__rarity{color:var(--color-rarity-rare)}.achievement--rare .achievement__icon-container{border-color:var(--color-rarity-rare)}.achievement--epic .achievement__rarity{color:var(--color-rarity-epic)}.achievement--epic .achievement__icon-container{border-color:var(--color-rarity-epic)}.achievement--epic:not(.achievement--locked) .achievement__icon-container{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 8px var(--color-rarity-epic-dim)}.achievement--legendary .achievement__rarity{color:var(--color-rarity-legendary)}.achievement--legendary .achievement__icon-container{border-color:var(--color-rarity-legendary)}.achievement--legendary .achievement__name{color:var(--color-rarity-legendary)}.achievement--legendary:not(.achievement--locked) .achievement__icon-container{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 12px var(--color-rarity-legendary-dim),0 0 24px var(--color-rarity-legendary-dim)}.achievement--locked{opacity:.75;border-color:var(--color-border-subtle)}.achievement--locked .achievement__icon-container{background-color:var(--color-background-inset);background-image:var(--hatch-pattern);border-color:var(--color-text-disabled);box-shadow:inset 0 2px 4px var(--shadow-drop-subtle)}.achievement--locked .achievement__emoji,.achievement--locked .achievement__icon{opacity:var(--opacity-disabled);filter:grayscale(1)}.achievement--locked .achievement__name{color:var(--color-text-muted)}.achievement--locked .achievement__rarity,.achievement--locked .achievement__description{color:var(--color-text-disabled)}.achievement--compact{padding:var(--space-snug);gap:var(--space-snug)}.achievement--compact .achievement__icon-container{width:36px;height:36px}.achievement--compact .achievement__emoji{font-size:18px}.achievement--compact .achievement__name{font-size:var(--font-size-body)}.achievement--compact .achievement__rarity{font-size:10px}.achievement.is-animating{z-index:10}@keyframes achievement-unlock-glow{0%{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 0 0 transparent,0 0 0 0 transparent}10%{box-shadow:inset 0 1px 0 var(--shadow-highlight-max),0 0 60px 15px var(--glow-color),0 0 120px 30px var(--glow-color)}25%{box-shadow:inset 0 1px 0 var(--shadow-highlight-strong),0 0 50px 12px var(--glow-color),0 0 100px 25px var(--glow-color)}50%{box-shadow:inset 0 1px 0 var(--shadow-highlight-medium),0 0 30px 8px var(--glow-color),0 0 60px 15px var(--glow-color)}to{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 0 0 transparent,0 0 0 0 transparent}}@keyframes achievement-unlock-scale{0%{transform:scale(1)}15%{transform:scale(1.08)}40%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes achievement-unlock-flash{0%{opacity:0}8%{opacity:.4}to{opacity:0}}.achievement.is-animating:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 50%,transparent 100%);pointer-events:none;animation:achievement-unlock-flash .6s ease-out forwards}.achievement--common.is-animating{--glow-color: var(--color-rarity-common);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}.achievement--rare.is-animating{--glow-color: var(--color-rarity-rare);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}.achievement--epic.is-animating{--glow-color: var(--color-rarity-epic);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}.achievement--legendary.is-animating{--glow-color: var(--color-rarity-legendary);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}@keyframes achievement-icon-glow{0%{box-shadow:none}15%{box-shadow:0 0 30px 8px var(--glow-color),0 0 60px 15px var(--glow-color),inset 0 0 20px 5px var(--glow-color)}50%{box-shadow:0 0 20px 5px var(--glow-color),0 0 40px 10px var(--glow-color)}to{box-shadow:none}}.achievement.is-animating .achievement__icon-container{animation:achievement-icon-glow .8s ease-out forwards}.achievement-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-default)}@media(hover:hover){.achievement:not(.achievement--locked){transition:border-color var(--duration-fast) var(--ease-default)}.achievement--common:not(.achievement--locked):hover{border-color:var(--color-rarity-common)}.achievement--rare:not(.achievement--locked):hover{border-color:var(--color-rarity-rare)}.achievement--epic:not(.achievement--locked):hover{border-color:var(--color-rarity-epic)}.achievement--legendary:not(.achievement--locked):hover{border-color:var(--color-rarity-legendary)}}@media(prefers-reduced-motion:reduce){.achievement{transition:none}.achievement.is-animating{animation:none!important}.achievement.is-animating:after{animation:none!important;opacity:0}.achievement.is-animating .achievement__icon-container{animation:none!important}}.action-sheet__overlay{position:fixed;inset:0;z-index:var(--z-overlay);background-color:var(--color-overlay-heavy)}.action-sheet__content{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);display:flex;flex-direction:column;max-height:var(--drawer-max-height);background-color:var(--color-background-surface);border-top-left-radius:var(--radius-large);border-top-right-radius:var(--radius-large);padding-bottom:var(--safe-area-inset-bottom)}.action-sheet__handle-container{display:flex;justify-content:center;padding:0}.action-sheet__handle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-height-compact);touch-action:none}.action-sheet__handle:before{width:var(--space-spacious);height:var(--space-hairline);background-color:var(--color-border-emphasis);border-radius:var(--radius-pill);content:""}.action-sheet__inner{display:flex;flex-direction:column;width:100%;max-width:var(--drawer-content-max-width);margin-left:auto;margin-right:auto;padding:0 var(--space-default) var(--space-default)}.action-sheet__header{display:flex;flex-direction:column;gap:var(--space-hairline);padding:var(--space-tight) var(--space-tight) var(--space-default);text-align:center;border-bottom:var(--border-width) solid var(--color-border-subtle);margin-bottom:var(--space-tight)}.action-sheet__title{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.action-sheet__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.action-sheet__group{display:flex;flex-direction:column;background-color:var(--color-background-card);border-radius:var(--radius-rounded);overflow:hidden}.action-sheet__group+.action-sheet__group{margin-top:var(--space-tight)}.action-sheet__item{display:flex;align-items:center;gap:var(--space-snug);width:100%;min-height:var(--control-height-large);padding:var(--space-snug) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body-large);color:var(--color-text-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.action-sheet__item+.action-sheet__item{border-top:var(--border-width) solid var(--color-border-subtle)}@media(hover:hover){.action-sheet__item:hover{background-color:var(--color-background-hover)}}.action-sheet__item:active{background-color:var(--color-background-hover)}.action-sheet__item:focus-visible{outline:none;background-color:var(--color-background-hover);box-shadow:inset 0 0 0 var(--focus-ring-width) var(--color-accent-muted)}.action-sheet__item.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.action-sheet__item--destructive,.action-sheet__item--destructive .action-sheet__item-icon{color:var(--color-red)}.action-sheet__item-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-interaction-primary);flex-shrink:0}.action-sheet__item-icon>svg{width:var(--icon-size-large);height:var(--icon-size-large)}.action-sheet__item-content{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0;flex:1}.action-sheet__item-label{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.action-sheet__item-description{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.action-sheet__item--destructive .action-sheet__item-description{color:var(--color-red-light)}.action-sheet__separator{height:var(--space-tight);background-color:transparent}.action-sheet__cancel{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-height-large);margin-top:var(--space-tight);padding:var(--space-snug) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);background-color:var(--color-background-card);border:none;border-radius:var(--radius-rounded);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}@media(hover:hover){.action-sheet__cancel:hover{background-color:var(--color-background-hover)}}.action-sheet__cancel:active{background-color:var(--color-background-hover)}.action-sheet__cancel:focus-visible{outline:none;background-color:var(--color-background-hover);box-shadow:inset 0 0 0 var(--focus-ring-width) var(--color-interaction-primary-tint)}.action-sheet__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight);padding:0 var(--space-tight) var(--space-default)}.action-sheet__bar-close,.action-sheet__bar-help{display:flex;align-items:center;justify-content:center;width:var(--button-height-large);height:var(--button-height-large);padding:0;background-color:var(--color-background-card);border:none;border-radius:var(--radius-pill);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;flex-shrink:0}.action-sheet__bar-close>svg,.action-sheet__bar-help>svg{width:var(--icon-size-large);height:var(--icon-size-large)}@media(hover:hover){.action-sheet__bar-close:hover,.action-sheet__bar-help:hover{background-color:var(--color-background-hover)}}.action-sheet__bar-close:active,.action-sheet__bar-help:active{background-color:var(--color-background-hover)}.action-sheet__bar-close:focus-visible,.action-sheet__bar-help:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent-muted)}.action-sheet__bar-title{flex:1;font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-tight)}.action-sheet__bar-spacer{width:var(--button-height-large);flex-shrink:0}.action-sheet__notice{padding:0 var(--space-default) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.action-sheet__preview{margin:0 var(--space-default) var(--space-default);padding:var(--space-default);background-color:var(--color-background-card);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-subtle);overflow:hidden}.action-sheet__preview-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight);padding-top:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle);margin-top:var(--space-snug)}.action-sheet__preview-meta-content{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0;flex:1}.action-sheet__preview-meta-title{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-sheet__preview-meta-subtitle{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary);line-height:var(--line-height-tight)}.action-sheet__preview-meta-more{display:flex;align-items:center;justify-content:center;width:var(--action-button-size-default);height:var(--action-button-size-default);padding:0;background-color:transparent;border:none;border-radius:var(--radius-default);color:var(--color-text-tertiary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;flex-shrink:0}@media(hover:hover){.action-sheet__preview-meta-more:hover{background-color:var(--color-background-hover);color:var(--color-text-secondary)}}.action-sheet__preview-meta-more:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent-muted)}.action-sheet__action{display:flex;align-items:center;justify-content:center;gap:var(--space-tight);width:calc(100% - var(--space-default) * 2);min-height:var(--control-height-large);margin:var(--space-tight) var(--space-default) var(--space-default);padding:var(--space-snug) var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-interaction-primary);border:none;border-radius:var(--radius-rounded);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}@media(hover:hover){.action-sheet__action:hover{background-color:var(--color-interaction-primary-pressed)}}.action-sheet__action:active{transform:scale(.97)}.action-sheet__action:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-background-page),0 0 0 var(--focus-ring-offset) var(--color-interaction-primary)}.action-sheet__action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.action-sheet__action-icon{display:flex;align-items:center;justify-content:center}.action-sheet__action-icon>svg{width:var(--icon-size-large);height:var(--icon-size-large)}.action-sheet__action--secondary{color:var(--color-text-primary);background-color:var(--color-background-card)}@media(hover:hover){.action-sheet__action--secondary:hover{background-color:var(--color-background-hover)}}.action-sheet__action--danger{background-color:var(--color-red)}@media(hover:hover){.action-sheet__action--danger:hover{background-color:var(--color-red-dark)}}[data-theme=light] .action-sheet__content{background-color:var(--color-background-raised)}[data-theme=light] .action-sheet__group,[data-theme=light] .action-sheet__cancel{background-color:var(--color-background-floating)}[data-theme=light] .action-sheet__bar-close,[data-theme=light] .action-sheet__bar-help,[data-theme=light] .action-sheet__preview,[data-theme=light] .action-sheet__action--secondary{background-color:var(--color-background-surface)}@media(prefers-reduced-motion:reduce){.action-sheet__content,.action-sheet__overlay,.action-sheet__item,.action-sheet__cancel,.action-sheet__bar-close,.action-sheet__bar-help,.action-sheet__action{transition:none}}.activity-grid{display:flex;flex-direction:column;gap:var(--space-tight)}.activity-grid__row{display:flex;gap:var(--activity-gap)}.activity-grid__cell{width:var(--activity-cell-size);height:var(--activity-cell-size);border-radius:var(--radius-default);background-color:var(--color-background-raised);transition:background-color var(--duration-fast) var(--ease-default)}.activity-grid__cell--intensity-0{background-color:var(--color-background-raised)}.activity-grid__cell--intensity-1{background-color:var(--color-interaction-primary-intensity-1)}.activity-grid__cell--intensity-2{background-color:var(--color-interaction-primary-intensity-2)}.activity-grid__cell--intensity-3{background-color:var(--color-interaction-primary-intensity-3)}.activity-grid__cell--intensity-4{background-color:var(--color-interaction-primary)}button.activity-grid__cell{border:none;padding:0;cursor:pointer;font:inherit;color:inherit}@media(hover:hover){.activity-grid__cell:hover{outline:2px solid var(--color-interaction-primary);outline-offset:-1px}}button.activity-grid__cell:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.activity-grid__cell{transition:none}button.activity-grid__cell:active{transform:none}}.activity-grid__labels{display:flex;gap:var(--activity-gap)}.activity-grid__label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary);width:var(--activity-cell-size);text-align:center}.activity-grid__row-label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary);width:var(--activity-cell-size);display:flex;align-items:center;justify-content:center}.activity-grid__legend{display:flex;align-items:center;gap:var(--space-tight);margin-top:var(--space-tight)}.activity-grid__legend-label{font-family:var(--font-family);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.activity-grid__legend-cells{display:flex;gap:var(--activity-gap)}.activity-grid__legend-cell{width:var(--activity-legend-cell-size);height:var(--activity-legend-cell-size);border-radius:var(--radius-subtle)}.activity-grid--compact .activity-grid__cell{width:var(--activity-cell-size);height:var(--activity-cell-size)}.activity-grid--compact .activity-grid__row-label,.activity-grid--compact .activity-grid__label{width:var(--activity-cell-size);font-size:var(--font-size-tiny)}.animated-action-icon{position:relative;display:inline-flex;width:var(--animated-action-icon-size, 1em);height:var(--animated-action-icon-size, 1em);align-items:center;justify-content:center;flex:0 0 auto;color:currentColor;line-height:0;pointer-events:none}.animated-action-icon__glyph{width:100%;height:100%;flex:0 0 auto;overflow:visible;transform-origin:center 70%}.animated-action-icon--heart .animated-action-icon__glyph{transform-origin:center}.animated-action-icon.is-activating .animated-action-icon__glyph{animation:animated-action-icon-bookmark-slot var(--duration-slow) var(--ease-out-spring)}.animated-action-icon--heart.is-activating .animated-action-icon__glyph{animation:animated-action-icon-heart-pop .44s var(--ease-out-spring)}.animated-action-icon__burst,.animated-action-icon__shine,.animated-action-icon__save-puff{position:absolute;pointer-events:none}.animated-action-icon__burst{inset:0}.animated-action-icon__heart-spark{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:var(--radius-pill);background:var(--color-pink);box-shadow:0 0 6px var(--color-pink-glow);opacity:0;transform:translate(-50%,-50%) rotate(0) translateY(0) scale(1);animation:animated-action-icon-heart-spark .56s var(--ease-out) forwards}.animated-action-icon__heart-spark:nth-child(2n){background:var(--color-purple);box-shadow:0 0 6px var(--color-purple-glow)}.animated-action-icon__heart-spark:nth-child(1){--animated-action-icon-spark-angle: 0deg}.animated-action-icon__heart-spark:nth-child(2){--animated-action-icon-spark-angle: 60deg}.animated-action-icon__heart-spark:nth-child(3){--animated-action-icon-spark-angle: 120deg}.animated-action-icon__heart-spark:nth-child(4){--animated-action-icon-spark-angle: 180deg}.animated-action-icon__heart-spark:nth-child(5){--animated-action-icon-spark-angle: 240deg}.animated-action-icon__heart-spark:nth-child(6){--animated-action-icon-spark-angle: 300deg}.animated-action-icon__shine{inset:-1px;overflow:hidden;border-radius:var(--radius-rounded)}.animated-action-icon__shine:before{position:absolute;top:-25%;left:-70%;width:45%;height:150%;content:"";background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:translate(0) skew(-18deg);animation:animated-action-icon-bookmark-shine .46s .15s var(--ease-out) both}.animated-action-icon__save-puff{left:50%;bottom:1px}.animated-action-icon__save-puff-dot{position:absolute;width:3px;height:3px;border-radius:var(--radius-pill);background:var(--color-amber);box-shadow:0 0 5px var(--color-amber-glow);opacity:0;transform:translate(-50%) scale(.4);animation:animated-action-icon-bookmark-puff .44s .2s var(--ease-out) both}.animated-action-icon__save-puff-dot:nth-child(1){--animated-action-icon-puff-x: -9px}.animated-action-icon__save-puff-dot:nth-child(2){--animated-action-icon-puff-x: 0px}.animated-action-icon__save-puff-dot:nth-child(3){--animated-action-icon-puff-x: 9px}@keyframes animated-action-icon-heart-pop{0%{transform:scale(1)}28%{transform:scale(.8)}52%{transform:scale(1.3)}72%{transform:scale(.94)}to{transform:scale(1)}}@keyframes animated-action-icon-heart-spark{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--animated-action-icon-spark-angle)) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--animated-action-icon-spark-angle)) translateY(-24px) scale(.3)}}@keyframes animated-action-icon-bookmark-slot{0%{opacity:.3;transform:translateY(-11px) rotate(-8deg) scale(1.05)}30%{opacity:1;transform:translateY(3px) rotate(0) scaleY(.84) scaleX(1.12)}48%{transform:translateY(-2px) scaleY(1.07) scaleX(.96)}70%{transform:translateY(1px) scaleY(.98) scaleX(1.01)}to{transform:translateY(0) scale(1)}}@keyframes animated-action-icon-bookmark-shine{0%{transform:translate(0) skew(-18deg)}to{transform:translate(500%) skew(-18deg)}}@keyframes animated-action-icon-bookmark-puff{0%{opacity:0;transform:translate(-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--animated-action-icon-puff-x)),7px) scale(.2)}}@media(prefers-reduced-motion:reduce){.animated-action-icon.is-activating .animated-action-icon__glyph,.animated-action-icon--heart.is-activating .animated-action-icon__glyph,.animated-action-icon__heart-spark,.animated-action-icon__shine:before,.animated-action-icon__save-puff-dot{animation:none}.animated-action-icon__burst,.animated-action-icon__shine,.animated-action-icon__save-puff{display:none}}.animated-number{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;display:inline-block}.animated-number--display{font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.animated-number--compact{font-size:var(--font-size-body)}.animated-number--large{font-size:var(--font-size-title)}.animated-number--hero{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold)}.animated-number--positive{color:var(--color-green)}.animated-number--negative{color:var(--color-red)}.animated-number--accent{color:var(--color-accent)}.animated-number--teal{color:var(--color-interaction-primary)}@media(prefers-reduced-motion:reduce){.animated-number{transition:none}}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size-default);height:var(--avatar-size-default);border-radius:var(--radius-pill);background-color:var(--color-background-raised);border:var(--border-width) solid var(--color-border-default);overflow:hidden;flex-shrink:0}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{font-family:var(--font-family);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase}.avatar--micro{width:var(--avatar-size-micro);height:var(--avatar-size-micro)}.avatar--micro .avatar__initials{font-size:8px}.avatar--compact{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.avatar--compact .avatar__initials{font-size:var(--font-size-caption)}.avatar--large{width:var(--avatar-size-large);height:var(--avatar-size-large)}.avatar--large .avatar__initials{font-size:var(--font-size-subheading)}.avatar--display{width:var(--avatar-size-display);height:var(--avatar-size-display)}.avatar--display .avatar__initials{font-size:var(--font-size-heading)}.avatar--tone-teal{background-color:var(--color-interaction-primary-tint)}.avatar--tone-teal .avatar__initials{color:var(--color-interaction-primary)}.avatar--tone-green{background-color:var(--color-green-dim)}.avatar--tone-green .avatar__initials{color:var(--color-green)}.avatar--tone-amber{background-color:var(--color-amber-dim)}.avatar--tone-amber .avatar__initials{color:var(--color-amber)}.avatar--tone-blue{background-color:var(--color-blue-dim)}.avatar--tone-blue .avatar__initials{color:var(--color-blue)}.avatar--tone-purple{background-color:var(--color-purple-dim)}.avatar--tone-purple .avatar__initials{color:var(--color-purple)}.avatar--tone-pink{background-color:var(--color-pink-dim)}.avatar--tone-pink .avatar__initials{color:var(--color-pink)}.avatar--tone-red{background-color:var(--color-red-dim)}.avatar--tone-red .avatar__initials{color:var(--color-red)}.avatar--active{border-color:var(--color-interaction-primary);border-width:var(--border-width-thick)}.avatar--borderless{border:none}.avatar--square{border-radius:var(--radius-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-hairline);height:var(--badge-height);padding:var(--badge-padding-y) var(--badge-padding-x);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-pill);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.9em;height:.9em}.badge--primary-arc,.badge--featured,.badge--new{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.badge--live{background-color:var(--color-coral);color:var(--color-white)}.badge--live:before{content:"";display:inline-block;width:var(--status-dot-size);height:var(--status-dot-size);background-color:currentColor;border-radius:var(--radius-pill);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.badge--beta,.badge--teal{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.badge--green{background-color:var(--color-green-dim);color:var(--color-green)}.badge--red{background-color:var(--color-red-dim);color:var(--color-red)}.badge--amber{background-color:var(--color-amber-dim);color:var(--color-amber)}.badge--coral{background-color:var(--color-coral-dim);color:var(--color-coral)}.badge--pink{background-color:var(--color-pink-dim);color:var(--color-pink)}.badge--brand{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.badge--legendary{background-color:var(--color-rarity-legendary-dim);color:var(--color-rarity-legendary)}.badge--epic{background-color:var(--color-rarity-epic-dim);color:var(--color-rarity-epic)}.badge--rare{background-color:var(--color-rarity-rare-dim);color:var(--color-rarity-rare)}.badge--common{background-color:var(--color-rarity-common-dim);color:var(--color-rarity-common)}[data-theme=light] .badge--featured,[data-theme=light] .badge--new,[data-theme=light] .badge--primary-arc,[data-theme=light] .badge--brand{color:var(--color-interaction-primary-pressed)}[data-theme=light] .badge--live{color:var(--color-white)}@media(prefers-reduced-motion:reduce){.badge--live:before{animation:none}}.bar-chart{width:100%;position:relative}.bar-chart__plot{width:100%;height:100%;position:relative;isolation:isolate}.bar-chart__plot>figure{position:relative;z-index:0}.bar-chart__plot svg{display:block;width:100%;height:100%}.bar-chart__plot svg>text[text-anchor=end]{display:none}.bar-chart__plot [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.bar-chart__plot [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-regular)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.bar-chart__plot text:not([aria-label=x-axis] text):not([aria-label=y-axis] text){fill:var(--color-text-tertiary)!important;font-variant-numeric:tabular-nums}.bar-chart__plot [aria-label=x-axis]>line,.bar-chart__plot [aria-label=y-axis]>line{display:none}.bar-chart__plot [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.bar-chart__plot rect{transition:filter var(--duration-fast) var(--ease-default)}.bar-chart--empty{display:flex;align-items:center;justify-content:center}.bar-chart__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.bar-chart__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.bar-chart__ref-line--visible{opacity:1}.bar-chart__plot rect{cursor:pointer}.bar-chart__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));z-index:1;transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out)}.bar-chart__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.bar-chart__tip-label{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary);margin-right:var(--space-tight)}.bar-chart__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.bar-chart[onclick]{cursor:pointer}@media(hover:hover)and (pointer:fine){.bar-chart[onclick] rect:hover{filter:brightness(1.15)}}[data-theme=light] .bar-chart__plot [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .bar-chart__plot [aria-label=y-axis] text{fill:var(--color-text-disabled)}[data-theme=light] .bar-chart__plot text[text-anchor=middle]:not([aria-label] text){fill:var(--color-text-primary)}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-chart__plot rect.is-animating{transform-box:fill-box;transform-origin:50% 100%;animation:bar-grow var(--duration-pop) var(--ease-out-spring) both}@media(prefers-reduced-motion:reduce){.bar-chart__plot rect{transition:none}.bar-chart__plot rect.is-animating{animation:none;transform:scaleY(1)}.bar-chart__ref-line,.bar-chart__tip{transition:none}}.battle-pass{display:flex;flex-direction:column;gap:var(--space-loose);padding:var(--space-loose);background:linear-gradient(180deg,var(--color-background-card) 0%,var(--color-background-inset) 100%);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default)}.battle-pass__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-default)}.battle-pass__title-group{display:flex;align-items:baseline;gap:var(--space-tight)}.battle-pass__label{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.battle-pass__tier{font-family:var(--font-family-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.battle-pass__xp-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-tight);min-width:120px}.battle-pass__xp{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary)}.battle-pass__xp-current{color:var(--color-interaction-primary);font-weight:var(--font-weight-medium)}.battle-pass__progress{width:100%}.battle-pass__track{display:flex;flex-direction:column;gap:var(--space-tight);overflow:visible;overflow-x:auto;padding:var(--space-default) 0;scrollbar-width:none}.battle-pass__track::-webkit-scrollbar{display:none}.battle-pass__nodes{display:flex;align-items:center;padding:var(--space-default) 0}.battle-pass__labels{display:flex;align-items:flex-start}.battle-pass__reward{display:flex;align-items:center;flex-shrink:0}.battle-pass__connector{width:var(--space-airy);height:var(--progress-height-thick);background-color:var(--color-interaction-primary);flex-shrink:0;transform-origin:left center}.battle-pass__connector--locked{background-color:var(--color-background-raised);background-image:var(--hatch-pattern)}.battle-pass__reward-node{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-generous);height:var(--space-generous);background-color:var(--color-background-card);border-radius:var(--radius-pill);border:var(--border-width-thick) solid var(--color-border-emphasis);flex-shrink:0;transition:border-color var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out);cursor:default}.battle-pass__reward-node svg{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-text-tertiary)}.battle-pass__reward-node .battle-pass__emoji{font-size:var(--font-size-title);line-height:1}.battle-pass__premium-icon{position:absolute;top:-4px;right:-4px;width:var(--icon-size-compact)!important;height:var(--icon-size-compact)!important;color:var(--color-amber)!important;filter:drop-shadow(0 0 4px var(--color-amber))}.battle-pass__tier-label{width:var(--space-generous);text-align:center;font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-tertiary);flex-shrink:0}.battle-pass__label-spacer{width:var(--space-airy);flex-shrink:0}.battle-pass__tier-label--current{width:calc(var(--space-generous) + var(--space-default));color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.battle-pass__reward--claimed .battle-pass__reward-node{border-color:var(--color-interaction-primary);background:linear-gradient(135deg,var(--color-background-raised) 0%,var(--color-background-inset) 100%)}.battle-pass__reward--claimed .battle-pass__reward-node svg{color:var(--color-interaction-primary)}.battle-pass__reward--claimed .battle-pass__emoji{opacity:.8}.battle-pass__tier-label--claimed{color:var(--color-interaction-primary)}.battle-pass__reward--claimed.battle-pass__reward--premium .battle-pass__reward-node{border-color:var(--color-amber)}.battle-pass__reward--claimed.battle-pass__reward--premium .battle-pass__reward-node svg{color:var(--color-amber)}@keyframes battle-pass-pulse{0%,to{box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 12px 0 var(--color-interaction-primary-glow),inset 0 1px #ffffff1a}50%{box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 16px 2px var(--color-interaction-primary-glow),inset 0 1px #ffffff1a}}@keyframes battle-pass-pulse-premium{0%,to{box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 12px 0 var(--color-amber-glow),inset 0 1px #ffffff1a}50%{box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 16px 2px var(--color-amber-glow),inset 0 1px #ffffff1a}}.battle-pass__reward--current .battle-pass__reward-node{width:calc(var(--space-generous) + var(--space-default));height:calc(var(--space-generous) + var(--space-default));border-width:var(--border-width-thick);border-color:var(--color-interaction-primary);background:linear-gradient(135deg,var(--color-background-surface) 0%,var(--color-background-card) 100%);box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 12px 0 var(--color-interaction-primary-glow),inset 0 1px #ffffff1a;cursor:pointer;animation:battle-pass-pulse 2.5s ease-in-out infinite}.battle-pass__reward--current .battle-pass__reward-node svg{width:var(--space-roomy);height:var(--space-roomy);color:var(--color-interaction-primary)}.battle-pass__reward--current .battle-pass__reward-node .battle-pass__emoji{font-size:var(--font-size-display)}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node{border-color:var(--color-amber);box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 12px 0 var(--color-amber-glow),inset 0 1px #ffffff1a;animation:battle-pass-pulse-premium 2.5s ease-in-out infinite}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node svg{color:var(--color-amber)}.battle-pass__reward--locked .battle-pass__reward-node{border-color:var(--color-text-disabled);background-color:var(--color-background-inset)}.battle-pass__reward--locked .battle-pass__reward-node svg{color:var(--color-text-disabled);opacity:var(--opacity-disabled)}.battle-pass__tier-label--locked{color:var(--color-text-disabled)}.battle-pass__reward--premium .battle-pass__reward-node{border-color:var(--color-amber);background:linear-gradient(135deg,var(--color-background-card) 0%,rgba(251,191,36,.05) 100%)}.battle-pass__reward--premium:not(.battle-pass__reward--locked) .battle-pass__reward-node{box-shadow:0 0 var(--space-default) 0 var(--color-amber-glow)}.battle-pass__tier-label--premium{color:var(--color-amber);font-weight:var(--font-weight-medium)}@media(hover:hover){.battle-pass__reward--current .battle-pass__reward-node:hover{animation-play-state:paused;box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 20px 2px var(--color-interaction-primary-glow),inset 0 1px #ffffff26}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node:hover{animation-play-state:paused;box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 20px 2px var(--color-amber-glow),inset 0 1px #ffffff26}}@media(prefers-reduced-motion:reduce){.battle-pass__reward-node{transition:none;animation:none}.battle-pass__reward--current .battle-pass__reward-node{animation:none;box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 12px 0 var(--color-interaction-primary-glow),inset 0 1px #ffffff1a}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node{animation:none;box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 12px 0 var(--color-amber-glow),inset 0 1px #ffffff1a}}.border-trail{position:relative;border-radius:inherit}.border-trail__overlay{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.border-trail__content{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.border-trail__glow{display:none}}.button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-tight);height:var(--button-height-default);padding:0 var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-large);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);position:relative;-webkit-user-select:none;user-select:none}.button:before{content:"";position:absolute;inset:-4px;pointer-events:none;border-radius:var(--radius-large);border:1px solid var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.button:focus-visible{outline:none}.button:focus-visible:before{opacity:1}.button:disabled,.button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.button--pill{border-radius:var(--radius-pill);padding:0 var(--space-loose)}.button--pill:before{border-radius:var(--radius-pill)}.button--primary{background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--primary:hover{background-color:var(--color-interaction-primary-pressed)}}.button--primary:active{background-color:var(--color-interaction-primary-pressed);box-shadow:inset 0 1px 2px #0003}.button--on-bright{background-color:var(--color-surface-paper);color:var(--color-interaction-primary);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--on-bright:hover{background-color:var(--color-brand-blue-100)}}.button--on-bright:active{background-color:var(--color-brand-blue-100);box-shadow:inset 0 1px 2px #0000000f}.button--ghost-bright{background-color:transparent;color:var(--color-surface-paper);box-shadow:inset 0 0 0 1.5px #fff6}@media(hover:hover){.button--ghost-bright:hover{background-color:#ffffff1a;box-shadow:inset 0 0 0 1.5px #fff9}}.button--ghost-bright:active{background-color:#ffffff29}.button--secondary{background-color:var(--color-background-raised);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default),var(--shadow-elevation-2)}@media(hover:hover){.button--secondary:hover{background-color:var(--color-background-hover);box-shadow:inset 0 0 0 1px var(--color-border-emphasis),var(--shadow-elevation-3)}}.button--secondary:active{background-color:var(--color-background-card);box-shadow:inset 0 0 0 1px var(--color-border-default),inset 0 1px 2px #0003}.button--outline{background-color:transparent;color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border-emphasis)}@media(hover:hover){.button--outline:hover{background-color:var(--color-background-card);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default)}}.button--outline:active{background-color:var(--color-background-raised)}.button--ghost{background-color:transparent;color:var(--color-text-tertiary);box-shadow:none}@media(hover:hover){.button--ghost:hover{background-color:var(--color-background-card);color:var(--color-text-primary)}}.button--ghost:active{background-color:var(--color-background-raised)}.button--teal{background-color:var(--color-interaction-primary);color:var(--color-background-page);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--teal:hover{background-color:var(--color-interaction-primary-pressed)}}.button--teal:active{background-color:var(--color-interaction-primary-pressed);box-shadow:inset 0 1px 2px #00000029}.button--green{background-color:var(--color-green);color:var(--color-white);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--green:hover{filter:brightness(1.08)}}.button--green:active{filter:brightness(.92);box-shadow:inset 0 1px 2px #00000029}.button--teal-outline{background-color:transparent;color:var(--color-interaction-primary);box-shadow:inset 0 0 0 1px var(--color-interaction-primary)}@media(hover:hover){.button--teal-outline:hover{background-color:var(--color-interaction-primary-tint)}}.button--teal-outline:active{background-color:var(--color-interaction-primary-tint)}.button--danger{background-color:var(--color-red);color:var(--color-white);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--danger:hover{background-color:var(--color-red-dark)}}.button--danger:active{background-color:var(--color-red-dark);box-shadow:inset 0 1px 2px #00000038}.button--compact{height:var(--button-height-compact);padding:0 var(--space-snug);font-size:var(--font-size-body)}.button--large{height:var(--button-height-large);padding:0 var(--space-loose);font-size:var(--font-size-cta)}.button--pill.button--compact{padding:0 var(--space-default)}.button--pill.button--large{padding:0 var(--space-spacious)}.button--icon{width:var(--button-height-default);padding:0}.button--icon.button--compact{width:var(--button-height-compact)}.button--icon.button--large{width:var(--button-height-large)}.button__icon{width:var(--icon-size-default);height:var(--icon-size-default);flex-shrink:0}.button--compact .button__icon{width:var(--icon-size-small);height:var(--icon-size-small)}.button--large .button__icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}.button--full{width:100%}[data-theme=light] .button--secondary{background-color:var(--color-background-card);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default),var(--shadow-elevation-2)}@media(hover:hover){[data-theme=light] .button--secondary:hover{background-color:var(--color-background-surface);box-shadow:inset 0 0 0 1px var(--color-border-emphasis),var(--shadow-elevation-3)}}[data-theme=light] .button--secondary:active{background-color:var(--color-background-inset);box-shadow:inset 0 0 0 1px var(--color-border-default),inset 0 1px 2px #00000014}[data-theme=light] .button--teal,[data-theme=light] .button--danger{color:var(--color-white)}@media(prefers-reduced-motion:reduce){.button{transition:none}}.card{position:relative;background-color:var(--color-background-card);border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card--elevated{background-color:var(--color-background-raised);box-shadow:var(--shadow-card-elevated)}.card--interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-default)}@media(hover:hover){.card--interactive:hover{box-shadow:var(--shadow-card-elevated)}}.card__header{padding:var(--space-default) var(--space-default) 0}.card__title{font-family:var(--font-family);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.card__description{margin-top:var(--space-hairline);font-size:var(--font-size-body);color:var(--color-text-secondary)}.card__content{padding:var(--space-default)}.card__footer{padding:0 var(--space-default) var(--space-default);display:flex;align-items:center;gap:var(--space-tight)}.card__footer--border{padding-top:var(--space-default);border-top:var(--border-width) solid var(--color-border-subtle)}.card--compact .card__header{padding:var(--space-tight) var(--space-tight) 0}.card--compact .card__content{padding:var(--space-tight)}.card--compact .card__footer{padding:0 var(--space-tight) var(--space-tight)}.card--borderless{box-shadow:none}.card--accent-teal{--card-rail-color: var(--color-interaction-primary)}.card--accent-green{--card-rail-color: var(--color-green)}.card--accent-red{--card-rail-color: var(--color-red)}.card--accent-amber{--card-rail-color: var(--color-amber)}.card--accent-coral{--card-rail-color: var(--color-coral)}.card--accent-brand{--card-rail-color: var(--color-interaction-primary)}.card--accent-teal:before,.card--accent-green:before,.card--accent-red:before,.card--accent-amber:before,.card--accent-coral:before,.card--accent-brand:before{content:"";position:absolute;top:var(--surface-rail-inset);bottom:var(--surface-rail-inset);left:0;width:var(--surface-rail-width);background:var(--card-rail-color);border-radius:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.card--interactive{transition:none}}.carousel{position:relative;overflow:hidden;width:100%;height:100%}.carousel__content{display:flex;width:100%;height:100%}.carousel__content--draggable{cursor:grab;touch-action:pan-y}.carousel__content--draggable:active{cursor:grabbing}.carousel__item{flex:0 0 100%;min-width:0;width:100%;height:100%}.carousel__indicator{display:flex;justify-content:center;align-items:center;gap:var(--space-tight);padding:var(--space-snug) 0}.carousel__dot{width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--color-text-tertiary);border:none;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-default) ease}@media(hover:hover){.carousel__dot:hover{background-color:var(--color-text-secondary)}.carousel__dot--active:hover{background-color:var(--color-accent)}}.carousel__dot--active{background-color:var(--color-accent)}.carousel__navigation{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 var(--space-snug);pointer-events:none}.carousel__nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:opacity var(--duration-default) ease,background-color var(--duration-fast) ease}@media(hover:hover){.carousel__nav-button:hover:not(:disabled){background-color:var(--color-surface-hover)}.carousel:hover .carousel__nav-button--auto-hide:not(:disabled){opacity:1}.carousel:hover .carousel__nav-button--auto-hide:disabled{opacity:.4}}.carousel__nav-button:disabled{opacity:.4;cursor:not-allowed}.carousel__nav-button--auto-hide{opacity:0}@media(prefers-reduced-motion:reduce){.carousel__dot,.carousel__nav-button{transition:none}}.catalog-tag{display:flex;flex-direction:column;gap:var(--space-loose)}.catalog-tag__header{display:flex;flex-direction:column;gap:var(--space-snug)}.catalog-tag__title-row{display:flex;align-items:center;gap:var(--space-tight)}.catalog-tag__back{flex-shrink:0;margin-left:calc(-1 * var(--space-tight))}.catalog-tag__title{font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.catalog-tag__game-count{margin-left:auto;font-size:var(--font-size-body-small);color:var(--color-text-tertiary);opacity:.6;white-space:nowrap;flex-shrink:0}.catalog-tag__podium{display:flex;gap:var(--space-default);list-style:none;margin:0;padding:0}.catalog-tag__podium-player{position:relative;display:flex;align-items:flex-start;flex:1;min-width:0}.catalog-tag__podium-rank{position:absolute;top:0;left:0;z-index:0;pointer-events:none;font-family:var(--font-family-callout);font-size:clamp(96px,24vw,144px);font-weight:900;line-height:.85;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:3px var(--color-text-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.catalog-tag__podium-rank--gold{-webkit-text-stroke-color:var(--color-rank-gold)}.catalog-tag__podium-rank--silver{-webkit-text-stroke-color:var(--color-rank-silver)}.catalog-tag__podium-rank--bronze{-webkit-text-stroke-color:var(--color-rank-bronze)}@supports not ((-webkit-text-stroke: 1px currentColor) or (text-stroke: 1px currentColor)){.catalog-tag__podium-rank{color:var(--color-text-tertiary)}.catalog-tag__podium-rank--gold{color:var(--color-rank-gold)}.catalog-tag__podium-rank--silver{color:var(--color-rank-silver)}.catalog-tag__podium-rank--bronze{color:var(--color-rank-bronze)}}.catalog-tag__podium-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-tight);flex:1;min-width:0;width:100%}.catalog-tag__podium-card--button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.catalog-tag__podium-card--button:active{transform:scale(.97)}.catalog-tag__podium-card--button:focus-visible{outline:var(--focus-ring-width) solid var(--color-interaction-primary);outline-offset:var(--focus-ring-offset)}.catalog-tag__podium-name{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-tight);overflow-wrap:break-word;word-break:normal;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-tag__podium-score{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-align:center}.celebration-burst{position:fixed;z-index:var(--z-toast);pointer-events:none}.celebration-burst__card{position:relative;display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-snug) var(--space-default);background-color:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:0 4px 16px #0006,inset 0 1px 0 var(--shadow-highlight-subtle);pointer-events:auto;cursor:pointer;overflow:hidden;max-width:calc(100vw - var(--space-default) * 2);width:max-content}.celebration-burst__glow{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;overflow:hidden}.celebration-burst__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;font-size:var(--font-size-title);line-height:1}.celebration-burst__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.celebration-burst__title{font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight);white-space:nowrap}.celebration-burst__subtitle{font-family:var(--font-family-mono);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);white-space:nowrap;font-variant-numeric:tabular-nums}.celebration-burst--high-score .celebration-burst__card{border-color:var(--color-interaction-primary-border)}.celebration-burst--high-score .celebration-burst__title{color:var(--color-interaction-primary)}.celebration-burst--rank-up .celebration-burst__card{border-color:var(--color-rarity-legendary-border);box-shadow:0 4px 24px #00000080,0 0 12px var(--color-amber-glow),inset 0 1px 0 var(--shadow-highlight-default)}.celebration-burst--rank-up .celebration-burst__title{color:var(--color-rarity-legendary)}@keyframes celebration-burst-flash{0%{opacity:0}8%{opacity:.35}to{opacity:0}}.celebration-burst--rank-up .celebration-burst__card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 50%,transparent 100%);pointer-events:none;border-radius:inherit;opacity:0}.celebration-burst--rank-up.is-entering .celebration-burst__card:after{animation:celebration-burst-flash .6s ease-out forwards}@keyframes celebration-burst-ring-expand{0%{box-shadow:0 0 0 0 var(--ring-color),0 0 0 0 var(--ring-color-dim);opacity:.8}50%{box-shadow:0 0 20px 15px var(--ring-color),0 0 40px 30px var(--ring-color-dim);opacity:.5}to{box-shadow:0 0 30px 25px transparent,0 0 60px 45px transparent;opacity:0}}.celebration-burst__ring{position:fixed;width:8px;height:8px;border-radius:var(--radius-full);pointer-events:none;z-index:var(--z-toast);animation:celebration-burst-ring-expand .6s ease-out forwards}.celebration-burst__ring--high-score{--ring-color: var(--color-interaction-primary-glow);--ring-color-dim: var(--color-interaction-primary-glow)}.celebration-burst__ring--rank-up{--ring-color: var(--color-amber-glow-strong);--ring-color-dim: var(--color-amber-glow)}@keyframes celebration-burst-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.celebration-burst__timer{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 var(--radius-default) var(--radius-default);transform-origin:left center;animation:celebration-burst-countdown var(--celebration-duration) linear forwards;pointer-events:none;z-index:2}.celebration-burst--high-score .celebration-burst__timer{background-color:var(--color-interaction-primary-glow)}.celebration-burst--rank-up .celebration-burst__timer{background-color:var(--color-amber-glow-strong)}[data-theme=light] .celebration-burst__card{box-shadow:0 4px 16px #00000026,inset 0 1px 0 var(--shadow-highlight-subtle)}[data-theme=light] .celebration-burst--rank-up .celebration-burst__card{box-shadow:0 4px 24px #0003,0 0 12px var(--color-amber-glow),inset 0 1px 0 var(--shadow-highlight-default)}@media(prefers-reduced-motion:reduce){.celebration-burst--rank-up.is-entering .celebration-burst__card:after{animation:none;opacity:0}.celebration-burst__ring{animation:none;opacity:0}.celebration-burst__timer{animation:none;transform:scaleX(0)}}@keyframes checkbox-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-45deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2) rotate(5deg);opacity:1}75%{transform:translate(-50%,-50%) scale(.9) rotate(-2deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes checkbox-pop-out{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(0) rotate(45deg);opacity:0}}.checkbox{display:inline-flex;align-items:center;gap:var(--space-tight);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__box{position:relative;width:var(--checkbox-size);height:var(--checkbox-size);background-color:transparent;border:var(--border-width-thick) solid var(--color-border-default);border-radius:var(--radius-subtle);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out);flex-shrink:0}.checkbox:active:not(.checkbox--disabled) .checkbox__box{transform:scale(.97)}.checkbox__check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:14px;height:14px;color:var(--color-background-page);opacity:0}.checkbox__label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary)}.checkbox--checked .checkbox__box{background-color:var(--color-interaction-primary);border-color:var(--color-interaction-primary)}.checkbox--checked .checkbox__check{transform:translate(-50%,-50%) scale(1);opacity:1;animation:checkbox-pop .3s var(--ease-out) forwards}.checkbox:not(.checkbox--checked) .checkbox__check{animation:checkbox-pop-out .15s var(--ease-out) forwards}.checkbox--disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.checkbox:focus-visible .checkbox__box{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=light] .checkbox__check{color:var(--color-white)}@media(prefers-reduced-motion:reduce){.checkbox__box,.checkbox__check{transition:none;animation:none}.checkbox:active:not(.checkbox--disabled) .checkbox__box{transform:none}.checkbox--checked .checkbox__check,.checkbox:not(.checkbox--checked) .checkbox__check{animation:none}.checkbox--checked .checkbox__check{opacity:1;transform:translate(-50%,-50%) scale(1)}.checkbox:not(.checkbox--checked) .checkbox__check{opacity:0;transform:translate(-50%,-50%) scale(0)}}.chip{position:relative;display:inline-flex;align-items:center;gap:var(--space-tight);height:var(--button-height-compact);padding:0 var(--space-snug);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-pill);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-default) var(--ease-out)}.chip.is-interactive{cursor:pointer}.chip.is-interactive:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.chip.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.chip.is-loading{pointer-events:none}.chip.is-loading .chip__label{background:linear-gradient(90deg,var(--color-background-surface) 25%,var(--color-background-hover) 50%,var(--color-background-surface) 75%);background-size:200% 100%;border-radius:var(--radius-subtle);animation:chip-shimmer 1.5s infinite ease-in-out}@keyframes chip-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chip__check{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.chip__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.chip__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-hairline);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1;font-variant-numeric:tabular-nums;background-color:var(--shadow-highlight-subtle);border-radius:var(--radius-pill)}.chip__remove{display:flex;align-items:center;justify-content:center;width:var(--icon-size-default);height:var(--icon-size-default);margin-right:calc(-1 * var(--space-hairline));padding:0;background:transparent;border:none;border-radius:var(--radius-pill);color:inherit;opacity:.6;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.chip__remove:hover{opacity:1;background-color:var(--shadow-highlight-subtle)}}.chip__glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 transparent}.chip--default{background-color:var(--color-background-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.chip--default.is-selected{background-color:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary-border);color:var(--color-interaction-primary);box-shadow:0 0 12px var(--color-interaction-primary-tint)}.chip--default.is-selected .chip__glow{box-shadow:inset 0 0 8px var(--color-interaction-primary-tint)}@media(hover:hover){.chip--default.is-interactive:hover{border-color:var(--color-border-default);color:var(--color-text-primary)}.chip--default.is-selected.is-interactive:hover{background-color:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary);box-shadow:0 0 16px var(--color-interaction-primary-tint)}}.chip--teal{background-color:var(--color-interaction-primary-tint);border:1px solid var(--color-interaction-primary-border);color:var(--color-interaction-primary)}.chip--teal.is-selected{background-color:var(--color-interaction-primary);border-color:var(--color-interaction-primary);color:var(--color-white);box-shadow:0 0 16px var(--color-interaction-primary-glow)}.chip--teal.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-interaction-primary-glow)}.chip--teal .chip__count{background-color:var(--color-interaction-primary-border)}.chip--teal.is-selected .chip__count{background-color:var(--color-interaction-primary-glow);color:var(--color-white)}@media(hover:hover){.chip--teal.is-interactive:hover{background-color:var(--color-interaction-primary-tint)}.chip--teal.is-selected.is-interactive:hover{background-color:var(--color-interaction-primary-pressed);box-shadow:0 0 20px var(--color-interaction-primary-glow)}}.chip--green{background-color:var(--color-green-dim);border:1px solid var(--color-green-border);color:var(--color-green)}.chip--green.is-selected{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-white);box-shadow:0 0 16px var(--color-green-glow)}.chip--green.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-green-glow)}.chip--green .chip__count{background-color:var(--color-green-border)}.chip--green.is-selected .chip__count{background-color:var(--color-green-glow);color:var(--color-white)}@media(hover:hover){.chip--green.is-interactive:hover{background-color:var(--color-green-glow)}.chip--green.is-selected.is-interactive:hover{background-color:var(--color-green-glow-strong);box-shadow:0 0 20px var(--color-green-glow-strong)}}.chip--red{background-color:var(--color-red-dim);border:1px solid var(--color-red-border);color:var(--color-red)}.chip--red.is-selected{background-color:var(--color-red);border-color:var(--color-red);color:var(--color-white);box-shadow:0 0 16px var(--color-red-glow)}.chip--red.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-red-glow)}.chip--red .chip__count{background-color:var(--color-red-border)}.chip--red.is-selected .chip__count{background-color:var(--color-red-glow);color:var(--color-white)}@media(hover:hover){.chip--red.is-interactive:hover{background-color:var(--color-red-glow)}.chip--red.is-selected.is-interactive:hover{background-color:var(--color-red-glow-strong);box-shadow:0 0 20px var(--color-red-glow-strong)}}.chip--amber{background-color:var(--color-amber-dim);border:1px solid var(--color-amber-border);color:var(--color-amber)}.chip--amber.is-selected{background-color:var(--color-amber);border-color:var(--color-amber);color:var(--color-background-page);box-shadow:0 0 16px var(--color-amber-glow)}.chip--amber.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-amber-glow)}.chip--amber .chip__count{background-color:var(--color-amber-border)}.chip--amber.is-selected .chip__count{background-color:var(--color-amber-glow);color:var(--color-background-page)}@media(hover:hover){.chip--amber.is-interactive:hover{background-color:var(--color-amber-glow)}.chip--amber.is-selected.is-interactive:hover{background-color:var(--color-amber-glow-strong);box-shadow:0 0 20px var(--color-amber-glow-strong)}}.chip--compact{height:var(--badge-height);padding:0 var(--space-tight);font-size:var(--font-size-caption);gap:var(--space-hairline)}.chip--compact .chip__remove{width:var(--icon-size-tiny);height:var(--icon-size-tiny)}.chip--compact .chip__count{min-width:14px;height:14px;font-size:var(--font-size-tiny)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-tight)}[data-theme=light] .chip--default{background-color:var(--color-background-card)}[data-theme=light] .chip--default.is-selected{background-color:var(--color-interaction-primary-tint);box-shadow:0 0 8px var(--color-interaction-primary-tint)}[data-theme=light] .chip.is-loading .chip__label{background:linear-gradient(90deg,var(--color-background-card) 25%,var(--color-background-surface) 50%,var(--color-background-card) 75%);background-size:200% 100%}[data-theme=light] .chip.is-selected{box-shadow:0 0 8px var(--color-interaction-primary-tint)}[data-theme=light] .chip.is-selected .chip__glow{box-shadow:inset 0 0 4px var(--color-interaction-primary-tint)}@media(prefers-reduced-motion:reduce){.chip,.chip__remove{transition:none}.chip.is-loading .chip__label{animation:none;background:var(--color-background-surface)}.chip.is-selected{box-shadow:none}.chip__glow{display:none}}.collapsible{display:flex;flex-direction:column}.collapsible__trigger{display:flex;align-items:center;gap:var(--space-tight);width:100%;padding:var(--space-snug) var(--space-tight);background:transparent;border:none;border-radius:var(--radius-subtle);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.collapsible__trigger:hover{background-color:var(--color-background-hover)}}.collapsible__trigger:focus-visible{outline:none;background-color:var(--color-background-hover);box-shadow:inset 0 0 0 2px var(--color-interaction-primary-tint)}.collapsible__trigger:active{background-color:var(--color-background-raised)}.collapsible__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.collapsible.is-open .collapsible__chevron{color:var(--color-interaction-primary)}.collapsible__trigger-text{flex:1}.collapsible__content{overflow:hidden}.collapsible__content-inner{padding:var(--space-tight) 0}.collapsible--bordered{border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default)}.collapsible--bordered .collapsible__trigger{padding:var(--space-default);border-radius:var(--radius-default)}.collapsible--bordered.is-open .collapsible__trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.collapsible--bordered .collapsible__content-inner{padding:var(--space-default)}.collapsible--compact .collapsible__trigger{padding:var(--space-tight) var(--space-tight);font-size:var(--font-size-body-small)}.collapsible--compact .collapsible__content-inner{padding:var(--space-tight) 0}.collapsible--section .collapsible__trigger{padding:var(--space-default) 0;font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);border-radius:0}.collapsible--section .collapsible__trigger:hover{background:transparent}.collapsible--section .collapsible__content-inner{padding:var(--space-default) 0}@media(prefers-reduced-motion:reduce){.collapsible__trigger,.collapsible__chevron{transition:none}}.create-prompt{position:relative;min-height:100dvh}.create-prompt__background{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 0%,var(--color-interaction-primary-tint),transparent 32%),radial-gradient(circle at 90% 8%,var(--color-pink-dim),transparent 28%),linear-gradient(180deg,var(--color-background-inset),var(--color-background-page))}.create-prompt__content{position:relative;z-index:1;width:min(100%,var(--layout-max-width-narrow));margin:0 auto;padding:calc(var(--safe-area-inset-top) + var(--space-loose)) var(--space-default) calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--space-loose));display:flex;flex-direction:column;gap:var(--space-comfortable)}.create-prompt__hero{display:flex;flex-direction:column;gap:var(--space-tight)}.create-prompt__title{max-width:20ch;margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-normal)}.create-prompt__subtitle{max-width:34ch;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.create-prompt__composer{position:relative;padding:var(--space-default);display:flex;flex-direction:column;gap:var(--space-snug);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-card);box-shadow:var(--shadow-elevation-2)}.create-prompt__composer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-snug)}.create-prompt__label{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.create-prompt__counter{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1}.create-prompt__counter--error{color:var(--color-red)}.create-prompt__textarea{min-height:calc(var(--control-height-default) * 3);border-radius:var(--radius-large);font-size:var(--font-size-body-large);line-height:var(--line-height-normal)}.create-prompt__textarea::placeholder{color:var(--color-text-tertiary)}.create-prompt__chips{display:flex;align-items:center;gap:var(--space-tight);overflow-x:auto;scrollbar-width:none}.create-prompt__chips::-webkit-scrollbar{display:none}.create-prompt__chip{flex:0 0 auto;min-height:var(--button-height-compact);padding:0 var(--space-tight);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);cursor:pointer;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.create-prompt__chip:active{transform:scale(.97)}.create-prompt__chip--selected{border-color:var(--color-interaction-primary-border);background:var(--color-interaction-primary-tint);color:var(--color-interaction-primary);box-shadow:none}.create-prompt__actions{display:flex}.create-prompt__submit{min-width:0}.create-prompt__submit svg{animation:create-prompt-spin .8s linear infinite}.create-prompt__error{margin:0;color:var(--color-red);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.create-prompt__stages{display:flex;align-items:center;justify-content:space-between;gap:var(--space-snug);padding:var(--space-snug) var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background:linear-gradient(180deg,var(--color-background-card),var(--color-background-inset));box-shadow:var(--shadow-elevation-1)}.create-prompt__stage-step{display:flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:var(--space-snug)}.create-prompt__stage{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;align-items:center;text-align:center}.create-prompt__stage-separator{flex:0 0 auto;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);line-height:1}.create-prompt__stage--prompt{--create-prompt-stage-accent: var(--color-amber);--create-prompt-stage-fill: var(--color-amber-dim);--create-prompt-stage-border: var(--color-amber-border)}.create-prompt__stage--waitlist{--create-prompt-stage-accent: var(--color-pink);--create-prompt-stage-fill: var(--color-pink-dim);--create-prompt-stage-border: var(--color-pink-border)}.create-prompt__stage--build{--create-prompt-stage-accent: var(--color-teal);--create-prompt-stage-fill: var(--color-teal-dim);--create-prompt-stage-border: var(--color-teal-border)}.create-prompt__stage--prompt .create-prompt__stage-icon,.create-prompt__stage--waitlist .create-prompt__stage-icon,.create-prompt__stage--build .create-prompt__stage-icon{color:var(--create-prompt-stage-accent);background:var(--create-prompt-stage-fill);box-shadow:inset 0 0 0 var(--border-width-thick) var(--create-prompt-stage-border)}.create-prompt__stage-icon{width:calc(var(--control-height-default) + var(--space-tight));height:calc(var(--control-height-default) + var(--space-tight));margin-bottom:var(--space-snug);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-large)}.create-prompt__stage-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.create-prompt__stage-subtitle{margin:var(--space-micro) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.create-prompt__ideas{display:flex;flex-direction:column;gap:var(--space-snug)}.create-prompt__ideas-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-snug)}.create-prompt__ideas-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-normal)}.create-prompt__ideas-count{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.create-prompt__ideas-status{display:inline-flex;align-items:center;gap:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.create-prompt__ideas-status svg{animation:create-prompt-spin .8s linear infinite}.create-prompt__idea{display:flex;align-items:flex-start;gap:var(--space-snug);padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-card);box-shadow:var(--shadow-elevation-1)}.create-prompt__empty{display:flex;min-height:calc(var(--control-height-default) * 3);align-items:center;justify-content:center;padding:var(--space-loose) var(--space-default);border:var(--border-width-thick) dashed var(--color-border-emphasis);border-radius:var(--radius-card);background:var(--color-background-inset);text-align:center}.create-prompt__empty-icon,.create-prompt__idea-icon{flex:0 0 auto;width:var(--control-height-compact);height:var(--control-height-compact);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-large);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);box-shadow:inset 0 0 0 var(--border-width) var(--color-interaction-primary-border)}.create-prompt__empty-copy,.create-prompt__idea-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-hairline)}.create-prompt__empty-copy{align-items:center}.create-prompt__empty-title,.create-prompt__idea-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.create-prompt__empty-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.create-prompt__idea-list{display:flex;flex-direction:column;gap:var(--space-tight)}.create-prompt__idea{border-color:var(--color-border-default)}.create-prompt__idea-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.create-prompt__idea-meta,.create-prompt__idea-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-tight)}.create-prompt__idea-meta{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.create-prompt__idea-tag{padding:var(--space-small) var(--space-tight);border-radius:var(--radius-rounded);background:var(--color-background-surface);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1}@keyframes create-prompt-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.create-prompt__submit svg,.create-prompt__ideas-status svg{animation:none}.create-prompt__chip{transition:none}}.data-table{display:flex;flex-direction:column;background-color:var(--color-background-card);border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default);overflow:hidden}.data-table__table{width:100%;border-collapse:collapse;border-spacing:0}.data-table__head{background-color:var(--color-background-inset)}.data-table__header-row{border-bottom:var(--border-width) solid var(--color-border-default)}.data-table__header-cell{padding:var(--space-snug) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table__header-cell--right{text-align:right}.data-table__header-cell--center{text-align:center}.data-table__header-cell--expand,.data-table__header-cell--select{width:var(--space-roomy);padding-left:var(--space-snug);padding-right:0}.data-table__header-cell--sortable{cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.data-table__header-cell--sortable:hover{color:var(--color-text-primary)}}.data-table__header-cell--sortable:focus-visible{outline:none;color:var(--color-interaction-primary)}.data-table__header-cell--sorted{color:var(--color-interaction-primary)}.data-table__header-content{display:inline-flex;align-items:center;gap:var(--space-hairline)}.data-table__header-label{display:inline-block}.data-table__sort-indicator{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-small);height:var(--icon-size-small)}.data-table__sort-icon{color:var(--color-interaction-primary)}.data-table__sort-icon--inactive{color:var(--color-text-disabled)}.data-table__body{position:relative}.data-table__row{border-bottom:var(--border-width) solid var(--color-border-subtle);content-visibility:auto;contain-intrinsic-size:auto 48px;transition:background-color var(--duration-fast) var(--ease-out)}.data-table__row:last-child{border-bottom:none}.data-table__row--interactive{cursor:pointer}@media(hover:hover){.data-table__row--interactive:hover{background-color:var(--color-background-raised)}}.data-table__row--interactive:focus-visible{outline:none;background-color:var(--color-background-raised);box-shadow:inset 0 0 0 2px var(--color-interaction-primary-tint)}.data-table__row.is-expanded{background-color:var(--color-background-raised)}.data-table__cell{padding:var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);vertical-align:middle}.data-table__cell--right{text-align:right}.data-table__cell--center{text-align:center}.data-table__cell--expand,.data-table__cell--select{width:var(--space-roomy);padding-left:var(--space-snug);padding-right:0}.data-table__select-checkbox--indeterminate .checkbox__box{background-color:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary)}.data-table__row.is-selected,.data-table__row.is-selected:hover{background-color:var(--color-interaction-primary-tint)}.data-table__expand-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.data-table__row.is-expanded .data-table__expand-icon{color:var(--color-interaction-primary)}.data-table__expanded-row{background-color:var(--color-background-inset);border-bottom:var(--border-width) solid var(--color-border-subtle)}.data-table__expanded-cell{padding:0;overflow:hidden}.data-table__expanded-content{padding:var(--space-default) var(--space-loose);border-top:var(--border-width) solid var(--color-border-subtle)}.data-table__empty-cell{padding:var(--space-spacious) var(--space-default);text-align:center}.data-table__empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight)}.data-table__empty-text{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.data-table__row--skeleton{pointer-events:none}.data-table__skeleton{display:inline-block;height:1em;min-width:40%;background:linear-gradient(90deg,var(--color-background-surface) 0%,var(--color-background-surface-alt) 50%,var(--color-background-surface) 100%);background-size:200% 100%;border-radius:var(--radius-subtle);animation:data-table-skeleton-pulse 1.5s ease-in-out infinite}.data-table__skeleton--icon{width:var(--icon-size-default);height:var(--icon-size-default);min-width:var(--icon-size-default);border-radius:var(--radius-subtle)}.data-table__skeleton--checkbox{width:18px;height:18px;min-width:18px;border-radius:var(--radius-subtle)}.data-table__skeleton--right{margin-left:auto}@keyframes data-table-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.data-table__delta{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.data-table__delta--positive{color:var(--color-green)}.data-table__delta--negative{color:var(--color-red)}.data-table__delta--zero{color:var(--color-text-tertiary)}.data-table__result{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:var(--space-micro) var(--space-tight);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-subtle)}.data-table__result--win{color:var(--color-green);background-color:var(--color-green-dim)}.data-table__result--loss{color:var(--color-red);background-color:var(--color-red-dim)}.data-table__result--draw{color:var(--color-text-secondary);background-color:var(--color-background-surface)}.data-table__date{font-size:var(--font-size-body);color:var(--color-text-secondary)}.data-table__duration{font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-text-secondary)}.data-table__game-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-hairline);align-items:center}.data-table__game-tag{display:inline-flex;align-items:center;height:var(--badge-height);border-radius:var(--radius-sharp);overflow:hidden;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--badge-line-height);white-space:nowrap}.data-table__game-tag-count{display:inline-flex;align-items:center;justify-content:center;padding:var(--badge-padding-y) var(--space-hairline);background-color:var(--color-background-surface);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;min-width:20px;text-align:center}.data-table__game-tag-label{display:inline-flex;align-items:center;padding:var(--badge-padding-y) var(--badge-padding-x);background-color:var(--color-background-inset);color:var(--color-text-secondary);font-family:var(--font-family)}.data-table__game-bar{max-width:none;gap:var(--space-hairline)}.data-table--compact .data-table__header-cell{padding:var(--space-tight) var(--space-snug);font-size:var(--font-size-caption)}.data-table--compact .data-table__cell{padding:var(--space-snug);font-size:var(--font-size-body)}.data-table--compact .data-table__expanded-content{padding:var(--space-snug) var(--space-default)}.data-table--striped .data-table__row:nth-child(2n){background-color:var(--color-background-inset)}.data-table--striped .data-table__row:nth-child(2n).is-expanded{background-color:var(--color-background-raised)}.data-table--sticky-header .data-table__head{position:sticky;top:0;z-index:1;background-color:var(--color-background-inset);box-shadow:0 1px 0 var(--color-border-default)}.data-table.is-loading{opacity:var(--opacity-hover)}[data-theme=light] .data-table__skeleton{background:linear-gradient(90deg,var(--color-background-surface) 0%,var(--color-background-hover) 50%,var(--color-background-surface) 100%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){.data-table__row,.data-table__header-cell--sortable,.data-table__expand-icon{transition:none}.data-table__skeleton{animation:none;background:var(--color-background-surface)}}.date-range-picker__trigger{all:unset;display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight) var(--space-snug);background:var(--color-background-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.date-range-picker__trigger-icon{width:16px;height:16px;color:var(--color-text-tertiary);flex-shrink:0}.date-range-picker__trigger-text{white-space:nowrap}.date-range-picker__trigger--disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.date-range-picker__trigger:not(.date-range-picker__trigger--disabled):hover{border-color:var(--color-border-hover);background:var(--color-background-hover)}}.date-range-picker__trigger:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.date-range-picker__content{z-index:var(--z-popover);max-width:calc(100vw - var(--space-loose));transform-origin:var(--radix-popover-content-transform-origin)}.date-range-picker__panel{display:flex;flex-direction:row;background-color:var(--color-background-floating);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-floating);overflow:hidden}.date-range-picker__content[data-state=closed] .date-range-picker__panel{animation:date-range-picker-exit var(--duration-fast) var(--ease-out) forwards}@keyframes date-range-picker-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.date-range-picker__preset-list{display:flex;flex-direction:column;padding:var(--space-tight);border-right:var(--border-width) solid var(--color-border-subtle);min-width:140px}.date-range-picker__preset{all:unset;padding:var(--space-tight) var(--space-snug);font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary);border-radius:var(--radius-subtle);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.date-range-picker__preset--active{background:var(--color-background-surface);color:var(--color-interaction-primary);font-weight:var(--font-weight-medium)}@media(hover:hover){.date-range-picker__preset:not(.date-range-picker__preset--active):hover{background:var(--color-background-hover);color:var(--color-text-primary)}}.date-range-picker__custom{padding:var(--space-default);display:flex;flex-direction:column;gap:var(--space-snug)}.date-range-picker__nav{display:flex;align-items:center;justify-content:space-between}.date-range-picker__nav-button{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-subtle);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.date-range-picker__nav-button svg{width:18px;height:18px}@media(hover:hover){.date-range-picker__nav-button:hover{background:var(--color-background-hover);color:var(--color-text-primary)}}.date-range-picker__nav-button:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:-2px}.date-range-picker__month-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.date-range-picker__calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-range-picker__weekday{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);text-align:center;height:var(--space-spacious);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em}.date-range-picker__day-empty{height:var(--space-spacious)}.date-range-picker__day{all:unset;display:flex;align-items:center;justify-content:center;width:var(--space-spacious);height:var(--space-spacious);font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-variant-numeric:tabular-nums;color:var(--color-text-primary);border-radius:var(--radius-default);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.date-range-picker__day--selected{background:var(--color-interaction-primary);color:var(--color-background-page);font-weight:var(--font-weight-semibold)}.date-range-picker__day--in-range{background:var(--color-interaction-primary-tint)}.date-range-picker__day--today{box-shadow:inset 0 0 0 1px var(--color-text-tertiary)}.date-range-picker__day--today.date-range-picker__day--selected{box-shadow:none}.date-range-picker__day--disabled{color:var(--color-text-disabled);cursor:not-allowed}@media(hover:hover){.date-range-picker__day:not(.date-range-picker__day--selected):not(.date-range-picker__day--disabled):hover{background:var(--color-background-hover)}}.date-range-picker__day:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:-2px}.date-range-picker__footer{display:flex;justify-content:center;padding-top:var(--space-tight);border-top:var(--border-width) solid var(--color-border-subtle)}.date-range-picker__footer-range{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}@media(max-width:480px){.date-range-picker__panel{flex-direction:column}.date-range-picker__preset-list{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:var(--border-width) solid var(--color-border-subtle);min-width:unset;gap:var(--space-hairline)}}[data-theme=light] .date-range-picker__day--selected{color:var(--color-background-page)}[data-theme=light] .date-range-picker__day--in-range{background:#3b8ff226}@media(prefers-reduced-motion:reduce){.date-range-picker__trigger,.date-range-picker__preset,.date-range-picker__nav-button,.date-range-picker__day{transition:none}.date-range-picker__content[data-state=closed] .date-range-picker__panel{animation:none}}.detail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-snug) var(--space-default);margin:0;padding:0}.detail-list__item{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.detail-list--dividers{display:flex;flex-direction:column;gap:0}.detail-list--dividers .detail-list__item{padding:var(--space-tight) 0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.detail-list--dividers .detail-list__item:first-child{padding-top:0}.detail-list--dividers .detail-list__item:last-child{padding-bottom:0;border-bottom:none}.detail-list__label{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-normal);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);margin:0}.detail-list__value{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0;min-width:0}.detail-list__value--mono{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary)}.detail-list__value--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-list__value-content{display:inline-flex;align-items:center;gap:var(--space-tight)}.detail-list__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0}.detail-list__copy{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-hairline);border:none;border-radius:var(--radius-subtle);background:transparent;color:var(--color-text-disabled);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-default);flex-shrink:0}.detail-list__copy.is-copied{color:var(--color-green);opacity:1}@media(hover:hover){.detail-list__item:hover .detail-list__copy{opacity:1}.detail-list__copy:hover{color:var(--color-text-secondary);background-color:var(--color-background-hover)}}.detail-list__copy:focus-visible{opacity:1;outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.detail-list--compact{gap:var(--space-tight) var(--space-snug)}.detail-list--compact .detail-list__item{gap:var(--space-pixel)}.detail-list--compact .detail-list__value{font-size:var(--font-size-label)}.detail-list--striped .detail-list__item:nth-child(odd){background-color:var(--color-background-inset);padding:var(--space-tight)}.detail-list--striped .detail-list__item:nth-child(2n){padding:var(--space-tight)}.detail-list--columns-2{grid-template-columns:repeat(2,1fr)}.detail-list--columns-3{grid-template-columns:repeat(3,1fr)}.detail-list--columns-4{grid-template-columns:repeat(4,1fr)}@media(max-width:639px){.detail-list--columns-3,.detail-list--columns-4{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.detail-list__copy{transition:none}}.dev-data-source{display:flex;flex-direction:column;gap:var(--space-snug);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background:var(--color-background-card);color:var(--color-text-primary);box-shadow:var(--shadow-subtle)}.dev-data-source--strip{align-self:center;width:min(calc(100% - (var(--space-default) * 2)),var(--layout-max-width-wide));margin-top:var(--space-snug)}.dev-data-source--settings{margin-bottom:var(--space-loose)}.dev-data-source__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-snug)}.dev-data-source__eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-amber);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dev-data-source__title{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.dev-data-source__segmented{display:flex;gap:var(--space-micro);padding:var(--space-micro);border-radius:var(--radius-default);background:var(--color-background-inset)}.dev-data-source__option{flex:1 1 0;min-height:var(--button-height-compact);padding:var(--space-tight) var(--space-snug);border:none;border-radius:var(--radius-subtle);background:transparent;color:var(--color-text-tertiary);font:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.dev-data-source__option.is-active{background:var(--color-interaction-primary);color:var(--color-background-page)}.dev-data-source__fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--space-snug)}.dev-data-source__field{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.dev-data-source__label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dev-data-source__select,.dev-data-source__input{width:100%;min-height:var(--button-height-compact);padding:var(--space-tight) var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-inset);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-label)}.dev-data-source__status{margin:0;color:var(--color-teal);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.dev-data-source__error{margin:0;color:var(--color-coral);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.dev-data-source__actions{display:flex;gap:var(--space-tight)}.dev-data-source__button{min-height:var(--button-height-compact);padding:0 var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-background-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.dev-data-source__button--apply{border-color:var(--color-brand-blue);background:var(--color-brand-blue);color:var(--color-white)}.dev-data-source__button:disabled{cursor:not-allowed;opacity:.52}@media(hover:hover){.dev-data-source__option:not(.is-active):hover,.dev-data-source__button:not(:disabled):hover{transform:translateY(-1px)}.dev-data-source__option:not(.is-active):hover{color:var(--color-text-primary);background:var(--color-background-surface)}}@media(max-width:640px){.dev-data-source__fields{grid-template-columns:1fr}.dev-data-source__actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.dev-data-source__option,.dev-data-source__button{transition:none}}.dialog__overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background-color:var(--color-overlay-heavy);cursor:pointer}.dialog__content{position:fixed;inset:0;z-index:calc(var(--z-modal) + 2)}.dialog__backdrop{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-loose);cursor:default}.dialog__panel{display:flex;cursor:auto;flex-direction:column;width:100%;max-width:var(--dialog-max-width);max-height:calc(100vh - var(--space-loose) * 2);padding:var(--space-loose);background-color:var(--color-background-surface);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default);box-shadow:var(--shadow-floating);position:relative}.dialog__close{position:absolute;top:var(--space-default);right:var(--space-default);display:flex;align-items:center;justify-content:center;width:var(--space-roomy);height:var(--space-roomy);padding:0;background-color:transparent;border:none;border-radius:var(--radius-subtle);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}@media(hover:hover){.dialog__close:hover{background-color:var(--color-background-card);color:var(--color-text-primary)}}.dialog__close:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-background-page),0 0 0 var(--focus-ring-offset) var(--color-accent)}.dialog__close-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.dialog__header{display:flex;flex-direction:column;gap:var(--space-hairline);padding-right:var(--space-roomy)}.dialog__title{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.dialog__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.dialog__body{flex:1;overflow-y:auto;margin-top:var(--space-default)}.dialog__footer{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-tight);margin-top:var(--space-loose)}.dialog__footer--stacked{flex-direction:column}@media(prefers-reduced-motion:reduce){.dialog__overlay,.dialog__content,.dialog__close{transition:none}}.drawer__overlay{position:fixed;inset:0;z-index:var(--z-overlay);background-color:var(--color-overlay-heavy)}.drawer__content{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);display:flex;flex-direction:column;max-height:var(--drawer-max-height);background-color:var(--color-background-surface);border-top-left-radius:var(--radius-rounded);border-top-right-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default);border-bottom:none}.drawer__handle-container{display:flex;justify-content:center;padding:var(--space-snug) 0}.drawer__handle{width:var(--space-generous);height:var(--space-hairline);background-color:var(--color-border-emphasis);border-radius:var(--radius-full)}.drawer__header,.drawer__body,.drawer__footer{width:100%;max-width:var(--drawer-content-max-width);margin-left:auto;margin-right:auto}.drawer__header{display:flex;flex-direction:column;gap:var(--space-hairline);padding:0 var(--space-loose) var(--space-default);text-align:center}.drawer__title{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.drawer__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-default) var(--space-loose)}.drawer__footer{display:flex;flex-direction:row-reverse;gap:var(--space-snug);padding:var(--space-default) var(--space-loose) var(--space-loose);border-top:var(--border-width) solid var(--color-border-subtle)}.drawer__footer>*{flex:1}@media(prefers-reduced-motion:reduce){.drawer__content,.drawer__overlay{transition:none}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-airy) var(--space-loose)}.empty-state__icon{color:var(--color-text-disabled);margin-bottom:var(--space-default)}.empty-state__icon svg{width:var(--space-roomy);height:var(--space-roomy)}.empty-state__title{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:var(--line-height-tight);margin:0}.empty-state__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary);line-height:var(--line-height-normal);margin:var(--space-tight) 0 0;max-width:320px}.empty-state__action{margin-top:var(--space-loose)}.empty-state--compact{padding:var(--space-loose) var(--space-default)}.empty-state--compact .empty-state__icon svg{width:var(--space-spacious);height:var(--space-spacious)}.empty-state--compact .empty-state__title{font-size:var(--font-size-body)}.empty-state--compact .empty-state__description{font-size:var(--font-size-body-small)}.empty-state--compact .empty-state__action{margin-top:var(--space-default)}.event-timeline{--tl-dot: 6px;--tl-line: 2px;--tl-center: 11px;--tl-offset: 24px;display:flex;flex-direction:column;gap:var(--space-default)}.event-timeline__header{display:flex;align-items:center;gap:var(--space-tight)}.event-timeline__header-title{font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);line-height:var(--line-height-tight)}.event-timeline__header-count{font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background-color:var(--color-background-surface);padding:var(--space-micro) var(--space-tight);border-radius:var(--radius-pill);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.event-timeline__group{display:flex;flex-direction:column}.event-timeline__group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-hairline) 0;border-bottom:var(--border-width) solid var(--color-border-default);margin-bottom:var(--space-hairline)}.event-timeline__group-label{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight)}.event-timeline__group-count{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-disabled);font-variant-numeric:tabular-nums}.event-timeline__group-items{display:flex;flex-direction:column;position:relative;padding-left:var(--tl-offset)}.event-timeline__group-items:before{content:"";position:absolute;left:calc(var(--tl-center) - var(--tl-line) / 2);top:var(--space-snug);bottom:var(--space-snug);width:var(--tl-line);background-color:var(--color-text-disabled);opacity:.5}.event-timeline__item{position:relative;padding:var(--space-tight) 0;transition:background-color var(--duration-fast) var(--ease-default)}.event-timeline__item+.event-timeline__item{border-top:var(--border-width) solid var(--color-border-subtle)}.event-timeline__dot{position:absolute;left:calc(var(--tl-center) - var(--tl-dot) / 2 - var(--tl-offset));top:50%;transform:translateY(-50%);width:var(--tl-dot);height:var(--tl-dot);border-radius:var(--radius-pill);background-color:var(--color-text-disabled);z-index:1}.event-timeline__item-content{display:flex;flex-direction:column;gap:var(--space-pixel);min-width:0;padding:var(--space-hairline) var(--space-tight)}.event-timeline__item-header{display:flex;align-items:center;gap:var(--space-tight);min-height:var(--space-comfortable)}.event-timeline__title{flex:1;min-width:0;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-interaction-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight)}.event-timeline__title--link{background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--ease-default)}@media(hover:hover){.event-timeline__title--link:hover{color:var(--color-interaction-primary-pressed);text-decoration:underline}}.event-timeline__score{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:var(--space-micro)}.event-timeline__score-detail{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.event-timeline__item-meta{display:flex;align-items:center;gap:var(--space-tight);line-height:var(--line-height-tight)}.event-timeline__subtitle{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:var(--line-height-tight)}.event-timeline__time{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.event-timeline__meta-sep{color:var(--color-text-disabled);font-size:var(--font-size-caption);line-height:1}.event-timeline__actions{display:flex;align-items:center;gap:var(--space-micro);flex-shrink:0;margin-left:auto}.event-timeline__load-more{display:flex;justify-content:center;padding:var(--space-snug) 0}.event-timeline__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-spacious) var(--space-default)}.event-timeline__empty-text{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.event-timeline__item--highlighted{background:linear-gradient(90deg,var(--color-interaction-primary-tint) 0%,transparent 50%);border-radius:var(--radius-subtle)}.event-timeline__item--highlighted .event-timeline__dot{background-color:var(--color-interaction-primary);box-shadow:0 0 0 var(--space-micro) var(--color-interaction-primary-tint)}.event-timeline--compact .event-timeline__group-header{padding:var(--space-micro) 0}.event-timeline--compact .event-timeline__item{padding:var(--space-hairline) 0}@media(hover:hover){.event-timeline__item:hover{background-color:var(--color-background-raised);border-radius:var(--radius-subtle)}}@media(prefers-reduced-motion:reduce){.event-timeline__item{transition:none}}.explore-storefront{display:flex;flex-direction:column;gap:var(--space-loose);padding-top:var(--explore-storefront-topbar-height)}.explore-storefront__topbar{position:fixed;top:0;right:max(0px,calc((100vw - var(--layout-max-width-default)) / 2));left:max(0px,calc((100vw - var(--layout-max-width-default)) / 2));z-index:var(--z-dropdown);display:flex;align-items:center;gap:var(--space-tight);min-width:0;margin-block-start:0;margin-inline:0;padding:calc(var(--safe-area-inset-top) + var(--space-default)) var(--space-default) var(--space-snug);border-bottom:var(--border-width) solid var(--color-border-subtle);background:var(--color-background-page)}.explore-storefront__filters{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-tight);min-width:0;overflow-x:auto;padding-block:0;scrollbar-width:none}.explore-storefront__filters::-webkit-scrollbar{display:none}.explore-storefront__filter{display:inline-flex;height:var(--control-height-compact);flex:0 0 auto;align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-snug) var(--space-hairline) var(--space-hairline);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.explore-storefront__filter:active{transform:scale(.97)}.explore-storefront__filter--active{border-color:var(--color-interaction-primary-border);background:var(--color-interaction-primary-tint);color:var(--color-text-primary)}.explore-storefront__filter--saved.explore-storefront__filter--active{border-color:color-mix(in srgb,var(--color-bookmark) 32%,transparent);background:color-mix(in srgb,var(--color-bookmark) 12%,var(--color-background-raised))}.explore-storefront__filter--tag{max-width:128px}.explore-storefront__filter-icon{width:var(--badge-height);height:var(--badge-height);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-interaction-primary) 24%,transparent);color:var(--color-interaction-primary)}.explore-storefront__filter-icon--saved{background:color-mix(in srgb,var(--color-bookmark) 18%,transparent);color:var(--color-bookmark)}.explore-storefront__filter-svg{width:var(--icon-size-tiny);height:var(--icon-size-tiny)}.explore-storefront__filter-icon--emoji{background:color-mix(in srgb,var(--color-interaction-primary) 14%,var(--color-background-card));color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:1}.explore-storefront__filter-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis}.explore-storefront__search-button{width:var(--control-height-compact);height:var(--control-height-compact);display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-raised);color:var(--color-text-primary);cursor:pointer}.explore-storefront__search-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.explore-storefront__section{display:flex;flex-direction:column;gap:var(--space-tight)}.explore-storefront__section-header{display:flex;flex-direction:column;gap:var(--space-micro)}.explore-storefront__section-title{max-width:100%;min-width:0;margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);text-transform:uppercase}.explore-storefront__section-link{display:inline-flex;align-items:center;gap:var(--space-hairline);max-width:100%;min-width:0;color:inherit;text-decoration:none}.explore-storefront__section-link:focus-visible{outline:none;border-radius:var(--radius-subtle);box-shadow:var(--focus-ring-teal)}.explore-storefront__section-link-icon{width:var(--icon-size-default);height:var(--icon-size-default);flex:0 0 auto;color:var(--color-text-secondary)}.explore-storefront__section-title-row{display:inline-flex;align-items:center;gap:var(--space-hairline);max-width:100%;min-width:0}.explore-storefront__section-title-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-storefront__section-emoji{width:var(--badge-height);height:var(--badge-height);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-interaction-primary) 14%,var(--color-background-card));font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:1}.explore-storefront__section-subtitle{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.explore-storefront__ranked-rail,.explore-storefront__tile-rail{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--space-default));padding-inline:var(--space-default)}.explore-storefront__ranked-rail::-webkit-scrollbar,.explore-storefront__tile-rail::-webkit-scrollbar{display:none}.explore-storefront__ranked-rail{gap:var(--space-snug)}.explore-storefront__ranked-column{width:292px;display:flex;flex:0 0 292px;flex-direction:column;gap:var(--space-hairline)}.explore-storefront__ranked-item{display:flex;min-height:54px;align-items:center;gap:var(--space-hairline)}.explore-storefront__ranked-main{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-tight);min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.explore-storefront__ranked-rank{min-width:24px;flex:0 0 24px;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:1;text-align:center}.explore-storefront__ranked-media{width:52px;height:52px;position:relative;display:block;flex:0 0 52px;overflow:hidden;border-radius:var(--radius-large);background:var(--color-background-raised)}.explore-storefront__ranked-image{width:100%;height:100%;display:block;object-fit:cover}.explore-storefront__ranked-pattern,.explore-storefront__tile-pattern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 100%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-amber) 28%,var(--color-background-card)) 0 10px,color-mix(in srgb,var(--color-background-page) 86%,var(--color-amber)) 10px 22px)}.explore-storefront__ranked-glyph,.explore-storefront__tile-glyph{color:var(--color-text-primary);font-family:var(--font-family-display);font-weight:var(--font-weight-bold);text-shadow:0 var(--space-pixel) var(--space-hairline) rgba(0,0,0,.5)}.explore-storefront__ranked-glyph{font-size:var(--font-size-body-large)}.explore-storefront__ranked-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--space-micro)}.explore-storefront__ranked-title{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.explore-storefront__ranked-metadata,.explore-storefront__ranked-meta,.explore-storefront__ranked-count,.explore-storefront__ranked-source{overflow:hidden;font-size:var(--font-size-caption);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__ranked-metadata{display:flex;min-width:0;align-items:center;gap:var(--space-hairline)}.explore-storefront__ranked-meta{min-width:0;color:var(--color-text-secondary)}.explore-storefront__ranked-count{flex:0 0 auto;color:var(--color-teal);font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.explore-storefront__ranked-source{color:var(--color-text-tertiary);font-size:var(--font-size-tiny)}.explore-storefront__ranked-save{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;padding:0;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background-raised) 76%,transparent);color:var(--color-text-secondary);cursor:pointer}.explore-storefront__ranked-save.is-saved,.explore-storefront__tile-save.is-saved{color:var(--color-bookmark);border-color:color-mix(in srgb,var(--color-bookmark) 34%,transparent);background:color-mix(in srgb,var(--color-bookmark) 14%,var(--color-background-raised))}.explore-storefront__ranked-save:disabled,.explore-storefront__tile-save:disabled{cursor:wait;opacity:var(--opacity-disabled)}.explore-storefront__ranked-main:focus-visible,.explore-storefront__ranked-save:focus-visible,.explore-storefront__tile-main:focus-visible,.explore-storefront__tile-save:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.explore-storefront__ranked-save-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.explore-storefront__tile-rail{gap:var(--space-tight);padding-bottom:var(--space-hairline)}.explore-storefront__tile{width:124px;position:relative;display:flex;flex:0 0 124px;flex-direction:column;gap:var(--space-micro);min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.explore-storefront__tile-main{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.explore-storefront__tile-main:active,.explore-storefront__ranked-main:active{transform:scale(.98)}.explore-storefront__tile-media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-large);background:var(--color-background-raised)}.explore-storefront__tile-media:after{position:absolute;right:0;bottom:0;left:0;height:42%;content:"";background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.62) 100%);pointer-events:none}.explore-storefront__tile-image{width:100%;height:100%;display:block;object-fit:cover}.explore-storefront__tile-badge{position:absolute;top:var(--space-hairline);left:var(--space-hairline);display:inline-flex;max-width:calc(100% - var(--space-roomy));align-items:center;gap:var(--space-hairline);padding:var(--space-small) var(--space-hairline);border-radius:var(--radius-pill);background:#0000009e;color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.explore-storefront__tile-badge-dot{width:var(--status-dot-size);height:var(--status-dot-size);flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-teal);box-shadow:0 0 var(--space-hairline) var(--color-teal)}.explore-storefront__tile-badge-text{overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__tile-save{position:absolute;top:var(--space-hairline);right:var(--space-hairline);width:var(--avatar-size-tiny);height:var(--avatar-size-tiny);display:inline-flex;align-items:center;justify-content:center;padding:0;border:var(--border-width) solid color-mix(in srgb,var(--color-white) 14%,transparent);border-radius:var(--radius-large);background:#00000085;color:var(--color-white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.explore-storefront__tile-save-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.explore-storefront__tile-title{overflow:hidden;margin-top:var(--space-hairline);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.explore-storefront__tile-subtitle{overflow:hidden;color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__tile-play-count{position:absolute;right:var(--space-hairline);bottom:var(--space-hairline);left:var(--space-hairline);z-index:2;overflow:hidden;color:color-mix(in srgb,var(--color-white) 64%,transparent);font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-shadow:0 1px 3px rgba(0,0,0,.8);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-snug)}.explore-storefront__tile--grid{width:auto;flex-basis:auto}.explore-storefront__tile--grid .explore-storefront__tile-media{border-radius:var(--radius-card)}.explore-storefront__tile--grid .explore-storefront__tile-title{font-size:var(--font-size-body)}.explore-storefront__footer{display:flex;align-items:center;gap:var(--space-tight);padding-top:var(--space-tight)}.explore-storefront__status{display:flex;min-height:var(--space-generous);flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-tight);padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-raised)}.explore-storefront__status-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-interaction-primary);animation:launcher-spin var(--duration-slow) linear infinite}.explore-storefront__status-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.explore-storefront__status-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}@media(hover:hover){.explore-storefront__filter:hover,.explore-storefront__search-button:hover{border-color:var(--color-border-emphasis);background:var(--color-background-hover);color:var(--color-text-primary)}.explore-storefront__section-link:hover{color:var(--color-interaction-primary-pressed)}}@media(min-width:640px){.explore-storefront__ranked-column{width:312px;flex-basis:312px}.explore-storefront__tile{width:140px;flex-basis:140px}}@media(prefers-reduced-motion:reduce){.explore-storefront__filter,.explore-storefront__tile,.explore-storefront__ranked-main{transition:none}.explore-storefront__status-icon{animation:none}}@keyframes feature-card-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.feature-card{background:linear-gradient(180deg,var(--color-background-raised) 0%,var(--color-background-card) 100%);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);overflow:hidden;position:relative;transition:border-color var(--duration-default) var(--ease-default),transform var(--duration-default) var(--ease-default),box-shadow var(--duration-default) var(--ease-default)}.feature-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle);pointer-events:none}@media(hover:hover){.feature-card:hover{border-color:var(--color-border-emphasis);transform:translateY(-6px);box-shadow:0 20px 40px -12px #0009,0 0 0 1px var(--color-border-default)}}.feature-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background-color:var(--color-background-card)}.feature-card__media-inner{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform var(--duration-slow) var(--ease-out);will-change:transform;backface-visibility:hidden}@media(hover:hover){.feature-card:hover .feature-card__media-inner{transform:scale(1.08)}}.feature-card__gradient{position:absolute;inset:0}.feature-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--color-overlay-light) 40%,var(--color-overlay-heavy) 70%,var(--color-background-card) 100%);z-index:1}.feature-card__glow{position:absolute;inset:0;opacity:0;transition:opacity var(--duration-default) var(--ease-out);z-index:2;pointer-events:none}@media(hover:hover){.feature-card:hover .feature-card__glow{opacity:1}}.feature-card__media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px #0000004d;z-index:1;pointer-events:none}.feature-card__badges{position:absolute;top:var(--space-snug);left:var(--space-snug);display:flex;gap:var(--space-tight);z-index:3}.feature-card__live{position:absolute;top:var(--space-snug);right:var(--space-snug);display:flex;align-items:center;gap:var(--space-tight);z-index:3}.feature-card__live-dot{width:var(--space-tight);height:var(--space-tight);background:var(--color-online-green);border-radius:var(--radius-pill);box-shadow:0 0 8px var(--color-online-green-glow);animation:feature-card-live-pulse 1.5s ease-in-out infinite}.feature-card__live-count{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.8)}.feature-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:var(--play-button-size-default);height:var(--play-button-size-default);display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width-thick) solid var(--shadow-highlight-medium);border-radius:var(--radius-pill);color:var(--color-text-primary);opacity:0;will-change:transform,opacity;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),color var(--duration-default) var(--ease-out);z-index:3;cursor:pointer}.feature-card__play-icon{width:var(--play-button-icon-default);height:var(--play-button-icon-default);margin-left:var(--play-button-icon-offset);filter:drop-shadow(0 2px 4px var(--shadow-drop-default))}@media(hover:hover){.feature-card:hover .feature-card__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.feature-card__play:hover{background:var(--color-accent);color:var(--color-background-page);border-color:var(--color-accent);box-shadow:0 0 24px var(--color-accent-glow);transform:translate(-50%,-50%) scale(1.05)}}.feature-card__body{padding:var(--space-default);position:relative;z-index:2;background:var(--color-background-card);margin-top:-2px;padding-top:calc(var(--space-default) + 2px)}.feature-card__eyebrow{display:inline-block;font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-background-page);background:var(--color-interaction-primary);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--radius-sharp);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-tight)}.feature-card__title{font-family:var(--font-family-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:var(--line-height-tight);margin-bottom:var(--space-tight);text-shadow:0 2px 6px rgba(0,0,0,.5)}.feature-card__desc{font-size:var(--font-size-body);color:#ffffffbf;line-height:var(--line-height-normal);margin-bottom:var(--space-default);text-shadow:0 1px 4px rgba(0,0,0,.5)}.feature-card__stats{display:flex;gap:var(--space-default);padding:var(--space-snug) 0;margin-bottom:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle);border-bottom:var(--border-width) solid var(--color-border-subtle)}.feature-card__stat{display:flex;flex-direction:column;gap:var(--space-micro)}.feature-card__stat-value{font-family:var(--font-family-mono);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.feature-card__stat-value--live{color:var(--color-green);text-shadow:0 0 8px var(--color-green-glow)}.feature-card__stat-label{font-size:var(--font-size-tiny);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.feature-card__footer{display:flex;align-items:center;justify-content:space-between}.feature-card__social{display:flex;align-items:center;gap:var(--space-snug);min-width:0;flex:1}.feature-card__friends{display:flex;align-items:center;min-width:0}.feature-card__friends-avatars{display:flex;flex-shrink:0}.feature-card__friends-avatar{width:var(--avatar-size-tiny);height:var(--avatar-size-tiny);border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-background-hover),var(--color-background-surface));border:var(--border-width-thick) solid var(--color-background-card);margin-left:var(--avatar-overlap-default);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);position:relative}.feature-card__friends-avatar:first-child{margin-left:0}.feature-card__friends-avatar--online:after{content:"";position:absolute;bottom:-1px;right:-1px;width:var(--space-tight);height:var(--space-tight);background:var(--color-online-green);border:var(--border-width-thick) solid var(--color-background-card);border-radius:var(--radius-pill);box-shadow:0 0 var(--space-tight) var(--color-online-green-glow)}.feature-card__friends-info{margin-left:var(--space-tight);min-width:0;display:flex;flex-direction:column;gap:var(--space-pixel)}.feature-card__friends-status{font-size:var(--font-size-caption);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-card__friends-status--live{display:flex;align-items:center;gap:var(--space-hairline);color:var(--color-online-green)}.feature-card__friends-status--live:before{content:"";width:var(--status-dot-size-small);height:var(--status-dot-size-small);background:var(--color-online-green);border-radius:var(--radius-pill);box-shadow:0 0 var(--space-tight) var(--color-online-green-glow);animation:feature-card-live-pulse 2s ease-in-out infinite}.feature-card__friends-ranks{display:flex;align-items:center;gap:var(--space-tight);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.feature-card__friends-rank{display:inline-flex;align-items:center;gap:var(--space-micro)}.feature-card__friends-rank-name{color:var(--color-text-secondary)}.feature-card__friends-rank-pos{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold)}.feature-card__friends-rank-pos.feature-card__rank--gold{color:var(--color-rank-gold)}.feature-card__friends-rank-pos.feature-card__rank--silver{color:var(--color-rank-silver)}.feature-card__friends-rank-pos.feature-card__rank--top{color:var(--color-interaction-primary)}.feature-card__your-rank{display:flex;align-items:center;gap:var(--space-tight);padding:var(--space-hairline) var(--space-snug);background:var(--color-background-surface);border-radius:var(--radius-subtle);border:var(--border-width) solid var(--color-border-subtle);flex-shrink:0}.feature-card__your-rank-icon{font-size:var(--font-size-label)}.feature-card__your-rank-pos{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.feature-card__your-rank.feature-card__rank--gold{border-color:var(--color-rarity-legendary-border);background:var(--color-rarity-legendary-dim)}.feature-card__your-rank.feature-card__rank--gold .feature-card__your-rank-pos{color:var(--color-rank-gold)}.feature-card__your-rank.feature-card__rank--silver .feature-card__your-rank-pos{color:var(--color-rank-silver)}.feature-card__your-rank--unranked{background:transparent;border:var(--border-width) dashed var(--color-border-default)}.feature-card__your-rank--unranked .feature-card__your-rank-pos{color:var(--color-text-disabled);font-weight:var(--font-weight-medium)}.feature-card__actions{display:flex;gap:var(--space-tight)}.feature-card__action{width:var(--action-button-size-default);height:var(--action-button-size-default);display:flex;align-items:center;justify-content:center;background:var(--color-background-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-subtle);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.feature-card__action svg{width:var(--icon-size-medium);height:var(--icon-size-medium)}.feature-card__action-icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}@media(hover:hover){.feature-card__action:hover{background:var(--color-background-hover);border-color:var(--color-border-default);color:var(--color-text-primary);transform:translateY(-1px)}}.feature-card__action--active{background:color-mix(in srgb,var(--color-bookmark) 14%,var(--color-background-surface));border-color:color-mix(in srgb,var(--color-bookmark) 38%,transparent);color:var(--color-bookmark)}.feature-card--featured{background:linear-gradient(135deg,var(--color-background-raised) 0%,var(--color-background-card) 50%,var(--color-background-inset) 100%)}.feature-card--featured .feature-card__media{aspect-ratio:21 / 9}.feature-card--featured .feature-card__title{font-size:var(--font-size-title);margin-bottom:var(--space-snug)}.feature-card--featured .feature-card__desc{font-size:var(--font-size-body-large);max-width:var(--layout-max-width-medium)}.feature-card--featured .feature-card__play{width:var(--play-button-size-featured);height:var(--play-button-size-featured)}.feature-card--featured .feature-card__play-icon{width:var(--play-button-icon-featured);height:var(--play-button-icon-featured)}.feature-card--standard .feature-card__media{aspect-ratio:4 / 3}.feature-card--standard .feature-card__body{padding:var(--space-snug);padding-top:calc(var(--space-snug) + 2px)}.feature-card--standard .feature-card__eyebrow{font-size:var(--font-size-tiny);padding:var(--badge-padding-y) var(--badge-padding-x);margin-bottom:var(--space-tight)}.feature-card--standard .feature-card__title{font-size:var(--font-size-body-large);margin-bottom:var(--space-tight)}.feature-card--standard .feature-card__footer{flex-wrap:wrap;gap:var(--space-tight)}.feature-card--standard .feature-card__friends-avatar{width:var(--avatar-size-micro);height:var(--avatar-size-micro);font-size:var(--font-size-avatar-micro);margin-left:var(--avatar-overlap-compact)}.feature-card--standard .feature-card__friends-avatar:first-child{margin-left:0}.feature-card--standard .feature-card__friends-avatar--online:after{width:var(--status-dot-size);height:var(--status-dot-size)}.feature-card--standard .feature-card__friends-info{margin-left:var(--status-dot-size)}.feature-card--standard .feature-card__friends-status,.feature-card--standard .feature-card__friends-ranks{font-size:var(--font-size-tiny)}.feature-card--standard .feature-card__your-rank{padding:var(--space-small) var(--space-tight)}.feature-card--standard .feature-card__your-rank-icon,.feature-card--standard .feature-card__your-rank-pos{font-size:var(--font-size-tiny)}.feature-card--standard .feature-card__action{width:var(--action-button-size-compact);height:var(--action-button-size-compact)}.feature-card--standard .feature-card__action svg{width:var(--icon-size-small);height:var(--icon-size-small)}.feature-card--standard .feature-card__action-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.feature-card--standard .feature-card__play{width:var(--play-button-size-compact);height:var(--play-button-size-compact)}.feature-card--standard .feature-card__play-icon{width:var(--play-button-icon-compact);height:var(--play-button-icon-compact)}.feature-card--standard .feature-card__live-count{font-size:var(--font-size-tiny)}.feature-card--standard .feature-card__live-dot{width:var(--status-dot-size);height:var(--status-dot-size)}.feature-card__tags{margin-bottom:var(--space-snug)}.feature-card--standard .feature-card__tags{margin-bottom:var(--space-tight)}.feature-card__sentiment{margin-bottom:var(--space-snug)}.feature-card--standard .feature-card__sentiment{margin-bottom:var(--space-tight)}[data-theme=light] .feature-card__live-count{color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.6)}[data-theme=light] .feature-card__play{background:#ffffffe6;border-color:#ffffff80;color:var(--color-accent)}@media(hover:hover){[data-theme=light] .feature-card__play:hover{background:var(--color-white);color:var(--color-interaction-primary);border-color:var(--color-white);box-shadow:0 4px 20px #0000004d}}[data-theme=light] .feature-card__badges .badge--featured,[data-theme=light] .feature-card__badges .badge--new{background-color:#ffffffe6;color:var(--color-accent);box-shadow:0 2px 8px #0003}[data-theme=light] .feature-card__badges .badge--live{box-shadow:0 2px 8px #0003}@media(max-width:639px){.feature-card--featured .feature-card__media{aspect-ratio:16 / 9}.feature-card--featured .feature-card__body{padding:var(--space-snug);padding-top:calc(var(--space-snug) + 2px)}.feature-card--featured .feature-card__eyebrow{font-size:var(--font-size-tiny);margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__title{font-size:var(--font-size-heading);margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__tags{margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__desc{font-size:var(--font-size-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-snug)}.feature-card--featured .feature-card__sentiment{margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__stats{padding:var(--space-tight) 0;margin-bottom:var(--space-tight);gap:var(--space-snug)}.feature-card--featured .feature-card__stat-value{font-size:var(--font-size-body-large)}.feature-card--featured .feature-card__stat-label{font-size:var(--font-size-tiny)}.feature-card--featured .feature-card__play{width:var(--play-button-size-default);height:var(--play-button-size-default)}.feature-card--featured .feature-card__play-icon{width:var(--play-button-icon-default);height:var(--play-button-icon-default)}.feature-card--featured .feature-card__footer{gap:var(--space-tight)}.feature-card--featured .feature-card__friends-avatar{width:var(--avatar-size-micro);height:var(--avatar-size-micro);font-size:var(--font-size-avatar-micro)}.feature-card--featured .feature-card__friends-status,.feature-card--featured .feature-card__friends-ranks{font-size:var(--font-size-tiny)}.feature-card--featured .feature-card__your-rank{padding:var(--space-small) var(--space-tight)}.feature-card--featured .feature-card__your-rank-icon,.feature-card--featured .feature-card__your-rank-pos{font-size:var(--font-size-tiny)}.feature-card--featured .feature-card__action{width:var(--action-button-size-compact);height:var(--action-button-size-compact)}.feature-card--featured .feature-card__action svg{width:var(--icon-size-small);height:var(--icon-size-small)}.feature-card--featured .feature-card__action-icon{width:var(--icon-size-small);height:var(--icon-size-small)}}@media(prefers-reduced-motion:reduce){.feature-card,.feature-card__media-inner,.feature-card__glow,.feature-card__play,.feature-card__action{transition:none}.feature-card__live-dot,.feature-card__friends-status--live:before{animation:none}}.friends-lobby__top{position:fixed;top:0;right:max(0px,calc((100vw - var(--layout-max-width-default)) / 2));left:max(0px,calc((100vw - var(--layout-max-width-default)) / 2));z-index:var(--z-dropdown);display:flex;box-sizing:border-box;height:var(--friends-lobby-topbar-height);flex-direction:column;gap:var(--space-loose);margin-top:0;overflow:hidden;padding-block:calc(var(--safe-area-inset-top) + var(--space-tight)) var(--space-tight);padding-inline:var(--space-default);background:var(--color-background-page)}.friends-lobby__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.friends-lobby__invite-button{flex-shrink:0}.friends-lobby__action-icons{display:flex;align-items:center;gap:var(--space-tight)}.friends-lobby__segment{display:grid;box-sizing:border-box;height:var(--friends-lobby-segment-height);grid-template-columns:1fr 1fr;gap:var(--space-hairline);padding:var(--space-small);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background-card) 78%,var(--color-black))}.friends-lobby__segment-button{-webkit-appearance:none;appearance:none;display:inline-flex;min-width:0;height:var(--control-height-compact);min-height:0;align-items:center;justify-content:center;gap:var(--space-tight);border:0;border-radius:var(--radius-default);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);text-transform:none;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.friends-lobby__segment-button--active{background:var(--color-surface-paper);color:var(--color-black)}.friends-lobby__segment-count{display:inline-flex;min-width:var(--space-loose);height:var(--badge-height);align-items:center;justify-content:center;padding-inline:var(--space-small);border:var(--border-width) solid color-mix(in srgb,var(--color-text-secondary) 16%,transparent);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-text-secondary) 10%,var(--color-background-card));color:var(--color-text-primary);font-size:var(--font-size-tiny);line-height:1}.friends-lobby__suggestions{display:flex;flex-direction:column;gap:var(--space-default)}.friends-lobby__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.friends-lobby__section-title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.friends-lobby__text-link{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--space-hairline);border:0;background:transparent;color:var(--color-amber);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.friends-lobby__text-link-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.friends-lobby__suggestion-rail{display:grid;grid-auto-columns:minmax(150px,42vw);grid-auto-flow:column;gap:var(--space-default);margin-inline:calc(-1 * var(--space-default));overflow-x:auto;padding:0 var(--space-default) var(--space-hairline);scroll-snap-type:x proximity}.friends-lobby__suggestion-card{display:flex;min-height:164px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);scroll-snap-align:start;padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:var(--color-background-card);text-align:center}.friends-lobby__suggestion-profile{display:flex;width:100%;min-width:0;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-hairline);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:center}.friends-lobby__avatar{position:relative;display:inline-flex;width:var(--avatar-size-default);height:var(--avatar-size-default);flex:0 0 auto}.friends-lobby__avatar--large{width:var(--avatar-size-large);height:var(--avatar-size-large);margin-bottom:var(--space-hairline)}.friends-lobby__avatar .avatar{width:100%;height:100%;border:none}.friends-lobby__avatar .avatar--active{border:var(--border-width-thick) solid var(--color-interaction-primary)}.friends-lobby__online-dot{position:absolute;right:0;bottom:0;width:var(--space-default);height:var(--space-default);border:var(--border-width-thick) solid var(--color-background-card);border-radius:var(--radius-pill);background:var(--color-online-green);box-shadow:0 0 var(--space-tight) var(--color-online-green-glow)}.friends-lobby__suggestion-name{display:block;width:100%;min-width:0;margin:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:var(--line-height-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.friends-lobby__suggestion-meta{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1;opacity:.72}.friends-lobby__suggestion-current-game{display:inline-flex;max-width:100%;align-items:center;justify-content:center;gap:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);cursor:pointer}.friends-lobby__suggestion-current-game-badge{flex:0 0 auto;padding:0 var(--space-tight);border-radius:var(--radius-subtle);color:var(--color-white);background-color:var(--color-interaction-primary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.friends-lobby__suggestion-current-game-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-lobby__follow-button{height:var(--control-height-compact);min-height:var(--control-height-compact);padding-inline:var(--space-default);border-radius:var(--radius-default);font-size:var(--font-size-label);text-transform:uppercase}.friends-lobby__invite-button:active,.friends-lobby__segment-button:active,.friends-lobby__suggestion-profile:active,.friends-lobby__text-link:active{transform:scale(.97)}.friends-lobby__suggestion-profile:focus-visible{outline:var(--focus-ring-width) solid var(--color-interaction-primary);outline-offset:var(--focus-ring-offset)}.profile-tabs--friends{gap:var(--space-tight)}.profile-tabs--friends .profile-tabs__list{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow-x:hidden;padding:0;border:var(--border-width) solid var(--color-border-subtle);border-radius:0;background:transparent}.profile-tabs--friends .tabs__trigger{flex:1 1 0;min-width:0;min-height:var(--button-height-large);padding:0 var(--space-hairline);border:0;border-radius:0;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:none}.profile-tabs--friends .tabs__indicator{top:auto;bottom:0;height:var(--progress-height-thin);border-radius:0;background:var(--color-interaction-primary);box-shadow:none}.profile-tabs--friends .tabs__content{padding-block:0}.profile-tabs--friends .tabs__trigger[data-state=active]{color:var(--color-text-primary)}.profile-tabs--friends .profile-tab-label{min-width:0;justify-content:center;gap:var(--space-hairline);font-size:var(--font-size-body-large);letter-spacing:var(--letter-spacing-normal)}.profile-tabs--friends .profile-tab-label__text{overflow:hidden;text-overflow:ellipsis}.profile-tabs--friends .profile-tab-label__count{position:absolute;width:var(--space-pixel);height:var(--space-pixel);overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.profile-tabs--friends .social-list,.profile-tabs--friends .social-list__section{gap:var(--space-tight)}.profile-tabs--friends .social-list__section-header{margin:0;padding:0;background:transparent}.profile-tabs--friends .social-list__section-title{color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-wider)}.profile-tabs--friends .social-list__section-count{color:color-mix(in srgb,var(--color-text-secondary) 70%,transparent);font-weight:var(--font-weight-bold)}.profile-tabs--friends .social-list__rows{overflow:hidden;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card)}.profile-tabs--friends .social-list__row{min-height:46px;padding:var(--space-hairline) var(--space-tight);border:0;border-bottom:var(--border-width) solid var(--color-border-subtle);border-radius:0;background:transparent}.profile-tabs--friends .social-list__row:last-child{border-bottom:var(--border-width) solid var(--color-border-subtle)}.profile-tabs--friends .social-list__avatar-wrap{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.profile-tabs--friends .social-list__name{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);text-transform:none}.profile-tabs--friends .social-list__meta{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.profile-tabs--friends .social-list__state,.profile-tabs--friends .social-list__action-button,.profile-tabs--friends .social-list__pending-cancel{border-radius:var(--radius-pill);font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.profile-tabs--friends .social-list__state{justify-content:center;min-width:0}.profile-tabs--friends .social-list__action-button,.profile-tabs--friends .social-list__pending-cancel{min-width:82px;justify-content:center}@media(prefers-reduced-motion:reduce){.friends-lobby__segment-button,.friends-lobby__follow-button,.friends-lobby__text-link{transition:none}}.pixel-avatar{position:relative;display:block;overflow:hidden;--pixel-avatar-skin: color-mix(in srgb, var(--color-amber) 42%, var(--color-white));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 82%, var(--color-amber));--pixel-avatar-shirt: var(--color-brand-blue);image-rendering:pixelated}.pixel-avatar--palette-1{--pixel-avatar-skin: color-mix(in srgb, var(--color-amber) 42%, var(--color-white));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 82%, var(--color-amber));--pixel-avatar-shirt: var(--color-brand-blue)}.pixel-avatar--palette-2{--pixel-avatar-skin: color-mix(in srgb, var(--color-amber) 34%, var(--color-white));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 74%, var(--color-purple));--pixel-avatar-shirt: var(--color-teal)}.pixel-avatar--palette-3{--pixel-avatar-skin: color-mix(in srgb, var(--color-red) 24%, var(--color-white));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 68%, var(--color-red));--pixel-avatar-shirt: var(--color-green)}.pixel-avatar--palette-4{--pixel-avatar-skin: color-mix(in srgb, var(--color-amber) 56%, var(--color-background-raised));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 88%, var(--color-teal));--pixel-avatar-shirt: var(--color-purple)}.pixel-avatar--palette-5{--pixel-avatar-skin: color-mix(in srgb, var(--color-red) 34%, var(--color-amber));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 84%, var(--color-green));--pixel-avatar-shirt: var(--color-pink)}.pixel-avatar--palette-6{--pixel-avatar-skin: color-mix(in srgb, var(--color-amber) 48%, var(--color-red));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 78%, var(--color-blue));--pixel-avatar-shirt: var(--color-amber)}.pixel-avatar--palette-7{--pixel-avatar-skin: color-mix(in srgb, var(--color-amber) 62%, var(--color-background-page));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 86%, var(--color-pink));--pixel-avatar-shirt: var(--color-red)}.pixel-avatar--palette-8{--pixel-avatar-skin: color-mix(in srgb, var(--color-red) 20%, var(--color-white));--pixel-avatar-hair: color-mix(in srgb, var(--color-black) 72%, var(--color-amber));--pixel-avatar-shirt: var(--color-blue)}.pixel-avatar:before{position:absolute;inset:12px 16px 16px;border-radius:var(--radius-subtle);background:var(--pixel-avatar-skin);box-shadow:0 8px color-mix(in srgb,var(--pixel-avatar-skin) 78%,var(--color-black)),-18px 16px 0 -12px var(--pixel-avatar-skin),18px 16px 0 -12px var(--pixel-avatar-skin);content:""}.pixel-avatar__hair,.pixel-avatar__face,.pixel-avatar__eye,.pixel-avatar__beard,.pixel-avatar__shirt{position:absolute;display:block}.pixel-avatar__hair{top:12px;left:26px;width:44px;height:18px;background:var(--pixel-avatar-hair);box-shadow:-8px 8px 0 var(--pixel-avatar-hair),8px 8px 0 var(--pixel-avatar-hair)}.pixel-avatar__eye{top:44px;width:8px;height:8px;background:var(--color-white);box-shadow:inset 3px 3px 0 var(--color-black)}.pixel-avatar__eye--left{left:36px}.pixel-avatar__eye--right{right:36px}.pixel-avatar__beard{left:34px;bottom:30px;width:28px;height:16px;background:color-mix(in srgb,var(--pixel-avatar-hair) 84%,var(--color-black));box-shadow:-8px -8px 0 -4px color-mix(in srgb,var(--pixel-avatar-hair) 84%,var(--color-black)),8px -8px 0 -4px color-mix(in srgb,var(--pixel-avatar-hair) 84%,var(--color-black))}.pixel-avatar__shirt{right:22px;bottom:0;left:22px;height:28px;background:var(--pixel-avatar-shirt)}.profile-header{position:relative;min-height:430px;overflow:hidden;border:var(--border-width) solid var(--color-border-muted);border-radius:var(--radius-card);background:var(--color-background-page);box-shadow:var(--shadow-elevation-4);isolation:isolate}.profile-header-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;--profile-header-conic: conic-gradient( from 135deg at 48% 42%, var(--color-brand-blue), var(--color-teal), var(--color-purple), var(--color-amber), var(--color-brand-blue) );--profile-header-duration: 30s;--profile-header-texture-duration: 20s;--profile-header-texture-from-x: -6%;--profile-header-texture-from-y: 0%;--profile-header-texture-to-x: 6%;--profile-header-texture-to-y: 0%;pointer-events:none}.profile-header-backdrop--palette-1{--profile-header-conic: conic-gradient( from 120deg at 46% 36%, var(--color-brand-blue), var(--color-teal), var(--color-green), var(--color-purple), var(--color-brand-blue) )}.profile-header-backdrop--palette-2{--profile-header-conic: conic-gradient( from 45deg at 58% 42%, var(--color-purple), var(--color-pink), var(--color-amber), var(--color-brand-blue), var(--color-purple) )}.profile-header-backdrop--palette-3{--profile-header-conic: conic-gradient( from 180deg at 44% 50%, var(--color-green), var(--color-teal), var(--color-blue), var(--color-amber), var(--color-green) )}.profile-header-backdrop--palette-4{--profile-header-conic: conic-gradient( from 260deg at 54% 38%, var(--color-pink), var(--color-purple), var(--color-brand-blue), var(--color-teal), var(--color-pink) )}.profile-header-backdrop--palette-5{--profile-header-conic: conic-gradient( from 20deg at 42% 44%, var(--color-amber), var(--color-red), var(--color-pink), var(--color-purple), var(--color-amber) )}.profile-header-backdrop--palette-6{--profile-header-conic: conic-gradient( from 310deg at 56% 48%, var(--color-teal), var(--color-blue), var(--color-brand-blue), var(--color-green), var(--color-teal) )}.profile-header-backdrop--palette-7{--profile-header-conic: conic-gradient( from 90deg at 50% 34%, var(--color-red), var(--color-amber), var(--color-green), var(--color-brand-blue), var(--color-red) )}.profile-header-backdrop--palette-8{--profile-header-conic: conic-gradient( from 210deg at 40% 48%, var(--color-blue), var(--color-purple), var(--color-pink), var(--color-teal), var(--color-blue) )}.profile-header-backdrop--motion-1{--profile-header-duration: 24s;--profile-header-texture-duration: 16s;--profile-header-texture-from-x: -6%;--profile-header-texture-from-y: 0%;--profile-header-texture-to-x: 6%;--profile-header-texture-to-y: 0%}.profile-header-backdrop--motion-2{--profile-header-duration: 30s;--profile-header-texture-duration: 20s;--profile-header-texture-from-x: 6%;--profile-header-texture-from-y: 0%;--profile-header-texture-to-x: -6%;--profile-header-texture-to-y: 0%}.profile-header-backdrop--motion-3{--profile-header-duration: 38s;--profile-header-texture-duration: 24s;--profile-header-texture-from-x: 0%;--profile-header-texture-from-y: -7%;--profile-header-texture-to-x: 0%;--profile-header-texture-to-y: 7%}.profile-header-backdrop--motion-4{--profile-header-duration: 46s;--profile-header-texture-duration: 28s;--profile-header-texture-from-x: 0%;--profile-header-texture-from-y: 7%;--profile-header-texture-to-x: 0%;--profile-header-texture-to-y: -7%}.profile-header-backdrop--motion-5{--profile-header-duration: 26s;--profile-header-texture-duration: 18s;--profile-header-texture-from-x: -6%;--profile-header-texture-from-y: -5%;--profile-header-texture-to-x: 6%;--profile-header-texture-to-y: 5%}.profile-header-backdrop--motion-6{--profile-header-duration: 34s;--profile-header-texture-duration: 22s;--profile-header-texture-from-x: 6%;--profile-header-texture-from-y: -5%;--profile-header-texture-to-x: -6%;--profile-header-texture-to-y: 5%}.profile-header-backdrop--motion-7{--profile-header-duration: 42s;--profile-header-texture-duration: 26s;--profile-header-texture-from-x: -4%;--profile-header-texture-from-y: 7%;--profile-header-texture-to-x: 4%;--profile-header-texture-to-y: -7%}.profile-header-backdrop--motion-8{--profile-header-duration: 50s;--profile-header-texture-duration: 30s;--profile-header-texture-from-x: 5%;--profile-header-texture-from-y: 6%;--profile-header-texture-to-x: -5%;--profile-header-texture-to-y: -6%}.profile-header-backdrop__conic,.profile-header-backdrop__texture,.profile-header-backdrop__texture-sheet,.profile-header-backdrop__grain{position:absolute;pointer-events:none}.profile-header-backdrop__conic{inset:-50px;z-index:0;background:var(--profile-header-conic);filter:blur(30px) saturate(1.08);transform-origin:center;animation:profile-header-conic-spin var(--profile-header-duration, 30s) linear infinite}.profile-header-backdrop__texture{inset:-20%;z-index:1;transform-origin:center;animation:profile-header-texture-drift var(--profile-header-texture-duration, 20s) ease-in-out infinite alternate}.profile-header-backdrop__texture-sheet{inset:0;width:100%;height:100%}.profile-header-backdrop__grain{inset:0;z-index:2;width:100%;height:100%;mix-blend-mode:overlay;opacity:.18}.profile-header:after{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 50% 10%,transparent 0%,rgba(17,18,19,.12) 45%,rgba(17,18,19,.54) 72%),linear-gradient(180deg,transparent 0%,rgba(17,18,19,.44) 58%,var(--color-background-page) 100%);content:"";pointer-events:none}.profile-header__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-height:inherit;padding:var(--space-default) var(--space-default) var(--space-roomy);text-align:center}.profile-header__actions{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--button-height-default)}.profile-header__action-group{display:inline-flex;align-items:center;gap:var(--space-tight)}.profile-header__avatar-frame{position:relative;display:grid;place-items:center;width:112px;height:112px;margin-top:var(--space-tight)}.profile-header__photo,.profile-header__avatar-fallback{width:96px;height:96px;border:var(--border-width-thick) solid var(--color-interaction-primary);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-background-raised) 82%,var(--color-black));box-shadow:0 0 0 var(--border-width) color-mix(in srgb,var(--color-black) 60%,transparent),0 0 22px color-mix(in srgb,var(--color-interaction-primary) 42%,transparent)}.profile-header__photo{object-fit:cover}.profile-header__info{display:grid;justify-items:center;gap:var(--space-tight);margin-top:var(--space-tight)}.profile-header__name{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.profile-header__meta{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-tight);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.profile-header__online{display:inline-flex;align-items:center;gap:var(--space-hairline);color:var(--color-green)}.profile-header__online:before{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-pill);background:currentColor;box-shadow:0 0 var(--space-tight) color-mix(in srgb,currentColor 62%,transparent);content:""}.profile-header__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-roomy);width:min(100%,320px);margin-top:var(--space-default)}.profile-header__stat{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-hairline);min-width:0;border:0;border-radius:var(--radius-rounded);background:transparent;color:inherit;cursor:pointer;font-family:var(--font-family)}.profile-header__stat strong{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:1}.profile-header__stat span{color:var(--color-text-secondary);font-size:var(--font-size-caption);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}@keyframes profile-header-conic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes profile-header-texture-drift{0%{transform:translate3d(var(--profile-header-texture-from-x, -6%),var(--profile-header-texture-from-y, 0%),0)}to{transform:translate3d(var(--profile-header-texture-to-x, 6%),var(--profile-header-texture-to-y, 0%),0)}}.social-lobby{display:grid;gap:var(--space-default);min-width:0}.social-lobby__invite,.social-lobby__icon{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);background:color-mix(in srgb,var(--color-background-raised) 88%,transparent);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-bold)}.social-lobby__invite{min-height:var(--button-height-large);gap:var(--space-tight);padding:0 var(--space-default);font-size:var(--font-size-body-large)}.social-lobby__icon{width:var(--button-height-large);height:var(--button-height-large)}.social-lobby__invite:focus-visible,.social-lobby__icon:focus-visible,.segment-tabs__button:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.segment-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-hairline);min-height:var(--friends-lobby-segment-height);padding:var(--space-small);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background-card) 78%,var(--color-black))}.segment-tabs__button{-webkit-appearance:none;appearance:none;display:inline-flex;min-width:0;min-height:var(--control-height-compact);align-items:center;justify-content:center;gap:var(--space-tight);border:0;border-radius:var(--radius-default);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.segment-tabs__button--active{background:var(--color-surface-paper);color:var(--color-black)}.segment-tabs__count{display:inline-flex;min-width:var(--space-loose);height:var(--badge-height);align-items:center;justify-content:center;padding-inline:var(--space-small);border:var(--border-width) solid color-mix(in srgb,var(--color-text-secondary) 16%,transparent);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-text-secondary) 10%,var(--color-background-card));color:var(--color-text-primary);font-size:var(--font-size-tiny);line-height:1}.segment-tabs__button--active .segment-tabs__count{background:color-mix(in srgb,var(--color-black) 12%,var(--color-surface-paper));color:var(--color-black);box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-black) 10%,transparent)}.social-lobby__actions{display:flex;align-items:center;gap:var(--space-tight)}.game-detail{position:relative;display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden;background-color:var(--color-background-page);color:var(--color-text-primary)}.game-detail--sheet{height:100%}.game-detail__scroller{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(var(--game-detail-launcher-space, 132px) + var(--safe-area-inset-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch}.game-detail__scroller::-webkit-scrollbar{display:none}.game-detail__scroller--page{--game-detail-launcher-space: 148px}.game-detail__scroller--sheet{--game-detail-launcher-space: 118px}.game-detail__hero{position:relative;display:flex;min-height:var(--game-detail-hero-height, 320px);align-items:flex-end;overflow:hidden;background-color:var(--color-background-inset)}.game-detail__hero--page{--game-detail-hero-height: 320px}.game-detail__hero--sheet{--game-detail-hero-height: 160px}.game-detail__hero-image,.game-detail__hero-replay,.game-detail__hero-pattern{position:absolute;inset:0;display:block;width:100%;height:100%}.game-detail__hero-image{object-fit:cover}.game-detail__hero-media-button{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.game-detail__hero-replay{z-index:0;border:0;background-color:var(--color-background-inset);object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out)}.game-detail__hero-replay--ready{opacity:1}.game-detail__hero-replay--route{transform:scale(1.08);transform-origin:center}.game-detail__hero-image--icon{padding:var(--space-roomy);background-color:var(--color-background-inset);object-fit:contain}.game-detail__hero-pattern{background:linear-gradient(180deg,transparent 0%,var(--color-background-page) 100%),var(--hatch-pattern)}.game-detail__hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 34%),linear-gradient(180deg,transparent 36%,var(--color-background-page) 100%);pointer-events:none}.game-detail__top-bar{position:absolute;z-index:3;top:calc(var(--safe-area-inset-top) + var(--space-default));right:var(--space-default);left:var(--space-default);display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.game-detail__top-actions{display:flex;align-items:center;gap:var(--space-tight)}.game-detail__icon-button{display:inline-flex;width:var(--button-height-default);height:var(--button-height-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-color:#ffffff6b;border-radius:var(--radius-large);background-color:#0c1018e0;color:var(--color-white);cursor:pointer;box-shadow:0 8px 22px #00000057;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-default)}.game-detail__hero-copy{position:relative;z-index:2;width:100%;padding:var(--space-default)}.game-detail__title-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-snug)}.game-detail__title-copy{width:100%;min-width:0;flex:1 1 auto}.game-detail__title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-display);overflow-wrap:anywhere;text-transform:uppercase}.game-detail__title--sheet{min-width:0;font-size:1.625rem;line-height:var(--line-height-display);overflow-wrap:anywhere;white-space:normal}.game-detail__sheet-header{position:relative;display:grid;grid-template-areas:"title title" "source save";grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-snug);row-gap:var(--space-tight);padding:var(--space-default) var(--space-default) var(--space-snug);background-color:var(--color-background-page)}.game-detail__sheet-title-group{display:contents}.game-detail__sheet-title-row{grid-area:title;display:flex;min-width:0;align-items:center;gap:var(--space-tight)}.game-detail__sheet-title-button{display:inline-flex;width:var(--button-height-compact);height:var(--button-height-compact);align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:var(--radius-pill);background-color:transparent;color:var(--color-text-secondary);cursor:pointer}.game-detail__title-link{display:inline;max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit}.game-detail__sheet-source{grid-area:source;display:flex;min-width:0;align-items:center;gap:var(--space-tight);margin:0;color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.game-detail__sheet-source--button{padding:0;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.game-detail__source-avatar{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;flex:0 0 auto;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.86) 0 16%,transparent 17%),linear-gradient(135deg,var(--color-purple),var(--color-background-raised));color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__sheet-save-button{grid-area:save;justify-self:end;display:inline-flex;width:var(--button-height-default);height:var(--button-height-default);align-items:center;justify-content:center;flex:0 0 auto;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background-color:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.game-detail__sheet-save-button--saved{border-color:color-mix(in srgb,var(--color-bookmark) 34%,transparent);background-color:color-mix(in srgb,var(--color-bookmark) 14%,var(--color-background-card));color:var(--color-bookmark)}.game-detail__source{display:flex;align-items:center;gap:var(--space-hairline);margin:var(--space-tight) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.game-detail__source--button{padding:0;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.game-detail__sheet-source--button:focus-visible,.game-detail__source--button:focus-visible{outline:var(--focus-ring-width) solid var(--color-interaction-primary);outline-offset:var(--focus-ring-offset)}.game-detail__save-button{display:inline-flex;width:96px;height:var(--button-height-large);align-items:center;justify-content:center;gap:var(--space-tight);flex:0 0 auto;padding:0 var(--space-snug);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background-color:var(--color-text-primary);color:var(--color-background-page);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-default)}.game-detail__save-button--saved{border-color:color-mix(in srgb,var(--color-bookmark) 34%,transparent);background-color:color-mix(in srgb,var(--color-bookmark) 14%,var(--color-background-card));color:var(--color-bookmark)}.game-detail__stats{display:flex;flex-wrap:wrap;gap:var(--space-snug);margin:var(--space-snug) 0 0}.game-detail__stat{display:inline-flex;align-items:baseline;gap:var(--space-hairline)}.game-detail__stat-label{overflow:hidden;width:0;height:0;opacity:0}.game-detail__stat-value{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.game-detail__friends{padding:var(--space-default) var(--space-default) var(--space-snug)}.game-detail__friends-label{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__friend-row{display:flex;gap:var(--space-tight);margin-top:var(--space-tight);overflow-x:auto}.game-detail__friend{display:inline-flex;align-items:center;gap:var(--space-hairline);flex:0 0 auto}.game-detail__friend-avatar{display:inline-flex;width:var(--avatar-size-default);height:var(--avatar-size-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background-color:var(--color-background-raised);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.game-detail__friend-name,.game-detail__friends-empty{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);line-height:var(--line-height-tight)}.game-detail__friends-empty{margin-top:var(--space-tight)}.game-detail__tabs{position:sticky;z-index:1;top:0;display:flex;gap:var(--space-default);min-height:var(--control-height-large);overflow-x:auto;overflow-y:hidden;border-bottom:var(--border-width) solid var(--color-border-default);background-color:var(--color-background-page);padding:0 var(--space-default);scrollbar-width:none}.game-detail__tabs::-webkit-scrollbar{display:none}.game-detail__tab{position:relative;min-height:var(--control-height-large);flex:0 0 auto;border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.game-detail__tab--active{color:var(--color-text-primary)}.game-detail__tab--active:after{position:absolute;right:0;bottom:calc(-1 * var(--border-width));left:0;height:var(--border-width-thick);border-radius:var(--radius-pill);background-color:var(--color-text-primary);content:""}.game-detail__body{padding:var(--space-default)}.game-detail__body--sheet{padding:var(--space-default) var(--space-default) var(--space-snug)}.game-detail__tab-panel{min-height:180px}.game-detail__tab-panel--sheet{min-height:0}.game-detail__about-stack,.game-detail__stack{display:grid;gap:var(--space-default)}.game-detail__media-card{position:relative;display:block;width:100%;min-height:146px;overflow:hidden;padding:0;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-inset);color:var(--color-white);text-align:left}.game-detail__media-card--interactive{cursor:pointer}.game-detail__media-open{position:absolute;z-index:4;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.game-detail__media-image,.game-detail__media-replay,.game-detail__media-pattern{position:absolute;inset:0;display:block;width:100%;height:100%}.game-detail__media-image{object-fit:cover}.game-detail__media-replay{z-index:1;border:0;background-color:var(--color-background-inset);object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out)}.game-detail__media-replay--route{background-color:transparent;object-fit:cover}.game-detail__media-replay--ready{opacity:1}.game-detail__media-image--icon{padding:var(--space-roomy);object-fit:contain}.game-detail__media-pattern{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 100%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-amber) 28%,var(--color-background-card)) 0 10px,color-mix(in srgb,var(--color-background-page) 86%,var(--color-amber)) 10px 22px)}.game-detail__media-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 34%),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72) 100%)}.game-detail__media-stats{position:absolute;z-index:3;right:var(--space-snug);bottom:var(--space-snug);left:var(--space-snug);display:flex;flex-wrap:wrap;gap:var(--space-tight);margin:0}.game-detail__media-stat{display:inline-flex;min-height:26px;align-items:center;padding:0 var(--space-snug);border-radius:var(--radius-pill);background-color:#000000ad}.game-detail__media-stat-value{display:inline-flex;align-items:center;gap:var(--space-hairline);margin:0;color:var(--color-white);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.game-detail__media-stat--sentiment{max-width:min(72%,248px)}.game-detail__media-stat--sentiment .game-detail__media-stat-value,.game-detail__media-stat--sentiment .review-sentiment{min-width:0}.game-detail__media-stat--sentiment .review-sentiment__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-detail__one-liner{margin:0;color:var(--color-text-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal)}.game-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-tight)}.game-detail__tag{display:inline-flex;max-width:100%;min-height:var(--control-height-compact);align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-snug) var(--space-hairline) var(--space-hairline);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-card);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--badge-line-height);overflow-wrap:anywhere}.game-detail__tag--interactive{cursor:pointer}.game-detail__tag-icon{display:inline-flex;width:var(--button-height-compact);height:var(--button-height-compact);align-items:center;justify-content:center;flex:0 0 auto;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background-color:var(--color-background-inset);color:var(--color-amber);line-height:1}.game-detail__tag-label{min-width:0;overflow-wrap:anywhere}.game-detail__description,.game-detail__content-copy,.game-detail__empty-copy{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:var(--line-height-normal)}.game-detail__content-row,.game-detail__coming-soon,.game-detail__score-card,.game-detail__empty-state{padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-card)}.game-detail__content-row--event{border-color:var(--color-amber-border)}.game-detail__content-row--replay{border-color:var(--color-interaction-primary-border)}.game-detail__content-kicker{display:block;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight);text-transform:uppercase}.game-detail__content-title,.game-detail__empty-title{margin:var(--space-hairline) 0 0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.game-detail__content-copy{margin-top:var(--space-tight)}.game-detail__content-meta{display:inline-block;margin-top:var(--space-tight);color:var(--color-amber);font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__inline-action{display:inline-flex;align-items:center;gap:var(--space-hairline);margin-top:var(--space-snug);border:0;border-radius:var(--radius-pill);background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);padding:var(--space-tight) var(--space-default)}.game-detail__coming-soon{border-color:var(--color-amber-border);background:linear-gradient(135deg,var(--color-amber-dim),transparent 72%),var(--color-background-card)}.game-detail__score-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-default);border-color:var(--color-interaction-primary-border)}.game-detail__score-value{display:block;margin-top:var(--space-hairline);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.game-detail__score-rank{color:var(--color-interaction-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold)}.game-detail__leaderboard-rich{display:grid;gap:var(--space-default)}.game-detail__leaderboard-summary{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:var(--space-default);padding:var(--space-default);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-card);background-color:var(--color-background-card)}.game-detail__leaderboard-score-line{display:inline-flex;align-items:baseline;gap:var(--space-tight);margin-top:var(--space-hairline)}.game-detail__leaderboard-score-unit{color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.game-detail__leaderboard-summary-window{align-self:flex-start;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);white-space:nowrap}.game-detail__leaderboard-scope-list{display:grid;gap:var(--space-tight)}.game-detail__leaderboard-discover{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-hairline);margin-top:var(--space-tight);border:0;background:transparent;color:var(--color-interaction-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);padding:0}.game-detail__leaderboard-discover:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.game-detail__leaderboard-scope-card{display:grid;width:100%;min-height:76px;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background-color:var(--color-background-card);color:inherit;cursor:pointer;font:inherit;text-align:left}.game-detail__leaderboard-scope-card--featured{border-color:var(--color-teal-border);background-color:var(--color-teal-dim);box-shadow:inset 0 0 0 var(--border-width) var(--color-teal-border)}.game-detail__leaderboard-scope-icon{display:inline-flex;width:var(--avatar-size-large);height:var(--avatar-size-large);align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--color-black)}.game-detail__leaderboard-scope-icon--social{background:linear-gradient(135deg,var(--color-teal),var(--color-red-light))}.game-detail__leaderboard-scope-icon--teal{background:linear-gradient(135deg,var(--color-blue),var(--color-teal))}.game-detail__leaderboard-scope-icon--blue{background:linear-gradient(135deg,var(--color-blue),var(--color-interaction-primary))}.game-detail__leaderboard-scope-icon--green{background:linear-gradient(135deg,var(--color-green),var(--color-teal))}.game-detail__leaderboard-scope-icon--amber{background:linear-gradient(135deg,var(--color-amber),var(--color-red-light))}.game-detail__leaderboard-scope-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-detail__leaderboard-scope-title{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-scope-subtitle{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-scope-rank{display:flex;min-width:54px;flex-direction:column;align-items:flex-end;gap:var(--space-hairline)}.game-detail__leaderboard-scope-rank-value{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-title);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.game-detail__leaderboard-scope-rank-count{color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);white-space:nowrap}.game-detail__leaderboard-skeleton{display:grid;gap:var(--space-tight)}.game-detail__leaderboard-skeleton-card{min-height:76px;border-radius:var(--radius-card);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent),var(--color-background-card);background-size:220% 100%;animation:game-detail-skeleton-sheen 1.2s var(--ease-default) infinite}.game-detail__leaderboard-detail{display:grid;gap:var(--space-default)}.game-detail__leaderboard-back{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-hairline);border:0;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);padding:0}.game-detail__leaderboard-detail-card{display:grid;min-height:86px;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background-color:var(--color-background-card)}.game-detail__leaderboard-detail-card--featured{border-color:var(--color-teal-border);background-color:var(--color-teal-dim);box-shadow:inset 0 0 0 var(--border-width) var(--color-teal-border)}.game-detail__leaderboard-detail-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-detail__leaderboard-detail-title{margin:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-detail-meta{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-list{display:grid;gap:var(--space-tight);margin:0;padding:0;list-style:none}.game-detail__leaderboard-item{display:block}.game-detail__leaderboard-row{display:grid;min-height:var(--control-height-default);grid-template-columns:var(--leaderboard-rank-width) minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding:var(--space-tight);border-radius:var(--radius-rounded);background-color:var(--color-background-card)}.game-detail__leaderboard-row--button{width:100%;border:0;color:inherit;font:inherit;text-align:left;appearance:none;cursor:pointer}.game-detail__leaderboard-row--button:hover{background-color:var(--color-background-raised)}.game-detail__leaderboard-row--button:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.game-detail__leaderboard-gap{display:grid;grid-template-columns:minmax(var(--space-roomy),1fr) auto minmax(var(--space-roomy),1fr);align-items:center;gap:var(--space-tight);min-height:var(--control-height-compact);color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;text-transform:uppercase}.game-detail__leaderboard-gap-line{height:var(--border-width);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-border-default) 72%,transparent)}.game-detail__leaderboard-rank{color:var(--color-amber);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__leaderboard-player{min-width:0;overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-score{color:var(--color-text-primary);font-size:var(--font-size-body);font-variant-numeric:tabular-nums}.game-detail__empty-state{display:grid;justify-items:start;gap:var(--space-tight);color:var(--color-text-tertiary)}.game-detail__loading-state{display:grid;min-height:180px;place-items:center;color:var(--color-text-secondary);font-size:var(--font-size-body)}.game-detail__launcher{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:var(--space-tight) var(--space-default) calc(var(--space-default) + var(--safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-border-default);background-color:var(--color-background-page);box-shadow:0 -16px 32px #00000047}.game-detail__launcher--sheet{padding:var(--space-tight) var(--space-default) calc(var(--space-snug) + var(--safe-area-inset-bottom));background-color:var(--color-background-page);box-shadow:none}.game-detail__launch-options{display:flex;gap:var(--space-tight);overflow-x:auto;padding-bottom:var(--space-tight)}.game-detail__launch-option{display:grid;min-width:122px;gap:var(--space-micro);padding:var(--space-tight);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-align:center}.game-detail__launch-option--active{border-color:var(--color-interaction-primary);color:var(--color-interaction-primary)}.game-detail__launch-option-detail{overflow:hidden;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.game-detail__launcher-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-tight)}.game-detail__play-button,.game-detail__invite-button{display:inline-flex;min-height:var(--button-height-large);align-items:center;justify-content:center;gap:var(--space-tight);border-radius:var(--radius-large);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-cta);font-weight:var(--font-weight-bold);transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-default)}.game-detail__play-button{border:var(--border-width) solid var(--color-interaction-primary);background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text)}.game-detail__invite-button{min-width:88px;border:var(--border-width) solid var(--color-border-default);background-color:var(--color-background-card);color:var(--color-text-primary)}.game-detail__icon-button:active,.game-detail__save-button:active,.game-detail__sheet-save-button:active,.game-detail__sheet-title-button:active,.game-detail__title-link:active,.game-detail__tag:active,.game-detail__hero-media-button:active,.game-detail__media-card--interactive:active,.game-detail__inline-action:active,.game-detail__leaderboard-back:active,.game-detail__leaderboard-scope-card:active,.game-detail__play-button:active,.game-detail__invite-button:active,.game-detail__launch-option:active{transform:scale(.97)}.game-detail__save-button:disabled,.game-detail__sheet-save-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.game-detail__icon-button:focus-visible,.game-detail__save-button:focus-visible,.game-detail__sheet-save-button:focus-visible,.game-detail__sheet-title-button:focus-visible,.game-detail__title-link:focus-visible,.game-detail__tag:focus-visible,.game-detail__tab:focus-visible,.game-detail__hero-media-button:focus-visible,.game-detail__media-open:focus-visible,.game-detail__inline-action:focus-visible,.game-detail__leaderboard-back:focus-visible,.game-detail__leaderboard-scope-card:focus-visible,.game-detail__play-button:focus-visible,.game-detail__invite-button:focus-visible,.game-detail__launch-option:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.game-detail__media-open:focus-visible{outline-offset:calc(-1 * var(--outline-offset))}@media(hover:hover){.game-detail__icon-button:hover,.game-detail__sheet-save-button:hover,.game-detail__sheet-title-button:hover,.game-detail__leaderboard-scope-card:hover,.game-detail__invite-button:hover,.game-detail__launch-option:hover{background-color:var(--color-background-hover)}.game-detail__icon-button:hover{background-color:#0c1018db}}@media(min-width:640px){.game-detail__hero--page{--game-detail-hero-height: 380px}.game-detail__body,.game-detail__friends,.game-detail__hero-copy,.game-detail__tabs,.game-detail__launcher{padding-right:var(--space-loose);padding-left:var(--space-loose)}}@media(prefers-reduced-motion:reduce){.game-detail__icon-button,.game-detail__save-button,.game-detail__sheet-save-button,.game-detail__sheet-title-button,.game-detail__inline-action,.game-detail__play-button,.game-detail__invite-button,.game-detail__launch-option{transition:none}.game-detail__leaderboard-skeleton-card{animation:none}.game-detail__hero-replay,.game-detail__media-replay{animation:none;opacity:1}}@keyframes game-detail-skeleton-sheen{0%{background-position:220% 0}to{background-position:-220% 0}}.game-leaderboard-networks{display:flex;min-height:100vh;flex-direction:column;gap:var(--space-default);padding:calc(var(--space-default) + env(safe-area-inset-top)) var(--space-default) calc(var(--bottom-nav-height, 72px) + var(--space-default) + env(safe-area-inset-bottom));background:var(--color-background-page);color:var(--color-text-primary)}.game-leaderboard-networks__header{display:grid;grid-template-columns:var(--control-height-default) minmax(0,1fr);align-items:center;gap:var(--space-snug)}.game-leaderboard-networks__back{display:inline-flex;width:var(--control-height-default);height:var(--control-height-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer}.game-leaderboard-networks__back:focus-visible,.game-leaderboard-networks__action:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.game-leaderboard-networks__title-group{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-leaderboard-networks__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.game-leaderboard-networks__game{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.game-leaderboard-networks__sections{display:flex;flex-direction:column;gap:var(--space-loose)}.game-leaderboard-networks__section{display:flex;flex-direction:column;gap:var(--space-tight)}.game-leaderboard-networks__section-title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight);text-transform:uppercase}.game-leaderboard-networks__list{display:flex;flex-direction:column;gap:var(--space-tight)}.game-leaderboard-networks__card{display:grid;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);min-height:76px;padding:var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card)}.game-leaderboard-networks__icon{display:inline-flex;width:var(--avatar-size-large);height:var(--avatar-size-large);align-items:center;justify-content:center;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-blue),var(--color-teal));color:var(--color-text-inverse)}.game-leaderboard-networks__copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-leaderboard-networks__name{overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-leaderboard-networks__meta{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.game-leaderboard-networks__rank{color:var(--color-teal);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.game-leaderboard-networks__action{min-width:74px;min-height:var(--button-height-compact);padding:0 var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-interaction-primary);color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-leaderboard-networks__action:disabled{cursor:default;opacity:.72}.game-leaderboard-networks__action--joined{background:var(--color-teal-dim);color:var(--color-text-primary)}.game-leaderboard-networks__state{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-snug)}.game-leaderboard-networks__state-title{color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-subheading)}.game-leaderboard-networks__loader{animation:game-leaderboard-networks-spin .9s linear infinite}@keyframes game-leaderboard-networks-spin{to{transform:rotate(360deg)}}.game-preview-sheet{position:fixed;z-index:var(--z-modal);inset:0;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;pointer-events:none}.game-preview-sheet__scrim{position:absolute;z-index:0;inset:0;border:0;background-color:#000000bd;cursor:pointer;pointer-events:auto}.game-preview-sheet__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:var(--layout-max-width-narrow);height:min(68vh,592px);min-height:488px;max-height:640px;overflow:hidden;border:var(--border-width) solid var(--color-border-emphasis);border-bottom:0;border-radius:var(--radius-card) var(--radius-card) 0 0;background-color:var(--color-background-page);box-shadow:0 -24px 60px #0000008a;pointer-events:auto;transform:translateZ(0);transform-origin:bottom center;will-change:transform}.game-preview-sheet__grabber-row{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:0}.game-preview-sheet__handle{position:relative;z-index:4;top:auto;left:auto;display:flex;width:100%;min-height:var(--control-height-compact);height:var(--control-height-compact);align-items:center;justify-content:center;margin:0 auto;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;cursor:grab;transform:none;touch-action:none}.game-preview-sheet__handle[data-vaul-handle]{opacity:1;width:100%;min-height:var(--control-height-compact);height:var(--control-height-compact);margin:0 auto;background:transparent;border-radius:0;touch-action:none}.game-preview-sheet__handle [data-vaul-handle-hitarea]{position:absolute;inset:0;width:100%;height:100%;background:transparent;border-radius:0;transform:none;touch-action:none}.game-preview-sheet__handle:before{position:absolute;top:50%;left:50%;width:var(--space-spacious);height:var(--space-hairline);content:"";border-radius:var(--radius-pill);background-color:var(--color-border-emphasis);transform:translate(-50%,-50%)}.game-preview-sheet__handle:active{cursor:grabbing}.game-preview-sheet__handle:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.glow-effect{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.glow-effect{animation:none;opacity:.6}}.grade-badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-loose) var(--space-roomy);background:linear-gradient(145deg,var(--color-background-surface) 0%,var(--color-background-raised) 50%,var(--color-background-card) 100%);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);min-width:calc(var(--space-generous) * 2);box-shadow:inset 0 1px 0 0 var(--shadow-highlight-subtle),0 4px 12px -2px var(--shadow-drop-default);overflow:hidden}.grade-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--shadow-highlight-subtle) 50%,transparent 100%)}.grade-badge__grade{font-family:var(--font-family-display);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text-primary);text-shadow:0 2px 8px var(--shadow-drop-default)}.grade-badge__label{font-family:var(--font-family);font-size:var(--font-size-label);color:var(--color-text-tertiary);text-transform:capitalize}.grade-badge--s .grade-badge__grade,.grade-badge--a-plus .grade-badge__grade{color:var(--color-interaction-primary);text-shadow:0 0 20px var(--color-interaction-primary-glow),0 2px 8px var(--shadow-drop-default)}.grade-badge--s,.grade-badge--a-plus{border-color:var(--color-interaction-primary-border);box-shadow:inset 0 1px 0 0 var(--color-interaction-primary-tint),0 4px 12px -2px var(--shadow-drop-default),0 0 24px -8px var(--color-interaction-primary-glow)}.grade-badge--a .grade-badge__grade{color:var(--color-green);text-shadow:0 0 20px var(--color-green-glow-strong),0 2px 8px var(--shadow-drop-default)}.grade-badge--a{border-color:var(--color-green-border);box-shadow:inset 0 1px 0 0 var(--color-green-dim),0 4px 12px -2px var(--shadow-drop-default),0 0 24px -8px var(--color-green-glow)}.grade-badge--b .grade-badge__grade{color:var(--color-amber);text-shadow:0 0 20px var(--color-amber-glow-strong),0 2px 8px var(--shadow-drop-default)}.grade-badge--b{border-color:var(--color-amber-border);box-shadow:inset 0 1px 0 0 var(--color-amber-dim),0 4px 12px -2px var(--shadow-drop-default),0 0 24px -8px var(--color-amber-glow)}.grade-badge--c .grade-badge__grade{color:var(--color-accent-muted);text-shadow:0 2px 8px var(--shadow-drop-default)}.grade-badge--d .grade-badge__grade{color:var(--color-red);text-shadow:0 0 16px var(--color-red-glow),0 2px 8px var(--shadow-drop-default)}.grade-badge--d{border-color:var(--color-red-border)}.grade-badge--f .grade-badge__grade{color:var(--color-text-disabled);text-shadow:none}.grade-badge--compact{padding:var(--space-default) var(--space-loose);min-width:calc(var(--space-generous) + var(--space-default));gap:var(--space-hairline)}.grade-badge--compact .grade-badge__grade{font-size:var(--font-size-display)}.grade-badge--compact .grade-badge__label{font-size:var(--font-size-tiny)}.grade-badge--large{padding:var(--space-roomy) var(--space-spacious);min-width:calc(var(--space-generous) * 2 + var(--space-roomy))}.grade-badge--large .grade-badge__grade{font-size:var(--font-size-jumbo)}.grade-badge--large .grade-badge__label{font-size:var(--font-size-body)}.head-to-head{display:flex;flex-direction:column;gap:var(--space-tight)}.head-to-head__labels{display:flex;justify-content:space-between;align-items:center}.head-to-head__label{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.head-to-head__label--left{color:var(--color-interaction-primary)}.head-to-head__label--right{color:var(--color-text-secondary)}.head-to-head__bar{display:flex;height:var(--progress-height-default);border-radius:0;overflow:hidden}.head-to-head__fill{height:100%;transition:width var(--duration-default) var(--ease-default)}.head-to-head__fill--left{background-color:var(--color-interaction-primary)}.head-to-head__fill--right{background-color:var(--color-background-card);background-image:var(--hatch-pattern)}.head-to-head__values{display:flex;justify-content:space-between;align-items:center}.head-to-head__value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.head-to-head__value--left{color:var(--color-interaction-primary)}.head-to-head__value--right{color:var(--color-text-secondary)}.head-to-head--thin .head-to-head__bar{height:var(--progress-height-thin)}.head-to-head--thick .head-to-head__bar{height:var(--progress-height-thick)}@media(prefers-reduced-motion:reduce){.head-to-head__fill{transition:none}}.input{--input-control-height: var(--control-height-default);display:block;width:100%;padding:var(--space-tight) var(--space-default);min-height:var(--input-control-height);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);caret-color:var(--color-interaction-primary);-webkit-appearance:none;appearance:none;background-color:var(--color-background-inset);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-subtle);box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle);transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--color-text-tertiary)}@media(hover:hover){.input:hover:not(:disabled){border-color:var(--color-border-emphasis);background-color:var(--color-background-card)}}.input:focus{border-color:var(--color-interaction-primary);box-shadow:inset 0 1px 0 var(--shadow-highlight-default),0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-interaction-primary-border);outline:none}.input:disabled{background-color:var(--color-background-raised);color:var(--color-text-disabled);box-shadow:inset 0 1px 0 transparent;cursor:not-allowed}.input--error{border-color:var(--color-red);caret-color:var(--color-red)}.input--error:focus{border-color:var(--color-red);box-shadow:inset 0 1px 0 var(--shadow-highlight-default),0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-red-border)}.input--compact{--input-control-height: var(--control-height-compact);padding:var(--space-hairline) var(--space-tight);font-size:var(--font-size-tiny)}.input--large{--input-control-height: var(--control-height-large);padding:var(--space-default);font-size:var(--font-size-body-large)}textarea.input{min-height:calc(var(--input-control-height) * 3);resize:none}@media(hover:hover){textarea.input{resize:vertical}}@media(prefers-reduced-motion:reduce){.input{transition:none}}.item-card{display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-snug);background-color:var(--color-background-card);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default);transition:border-color var(--duration-default) var(--ease-default)}@media(hover:hover){.item-card:hover{border-color:var(--color-border-focus)}}.item-card__icon-container{display:flex;align-items:center;justify-content:center;width:var(--item-icon-container-size);height:var(--item-icon-container-size);background-color:var(--color-background-raised);border-radius:var(--radius-rounded);flex-shrink:0}.item-card__icon{width:var(--icon-size-jumbo);height:var(--icon-size-jumbo);color:var(--color-text-secondary)}.item-card__emoji{font-size:var(--item-emoji-size);line-height:1}.item-card__content{display:flex;flex-direction:column;gap:var(--space-micro);flex:1;min-width:0}.item-card__rarity{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.item-card__name{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}.item-card__type{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.item-card__quantity{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);color:var(--color-text-secondary);flex-shrink:0}.item-card--legendary{border-color:var(--color-rarity-legendary-border)}.item-card--legendary .item-card__rarity{color:var(--color-rarity-legendary)}.item-card--epic{border-color:var(--color-rarity-epic-border)}.item-card--epic .item-card__rarity{color:var(--color-rarity-epic)}.item-card--rare{border-color:var(--color-rarity-rare-border)}.item-card--rare .item-card__rarity{color:var(--color-rarity-rare)}.item-card--common{border-color:var(--color-rarity-common-border)}.item-card--common .item-card__rarity{color:var(--color-rarity-common)}.item-card--compact{padding:var(--space-snug);gap:var(--space-snug)}@media(prefers-reduced-motion:reduce){.item-card{transition:none}}.item-card--compact .item-card__icon-container{width:var(--item-icon-container-size);height:var(--item-icon-container-size)}.item-card--compact .item-card__icon{width:var(--icon-size-xlarge);height:var(--icon-size-xlarge)}.item-card--compact .item-card__name{font-size:var(--font-size-body-large)}.launcher-chrome-icon-button{--launcher-chrome-icon-button-size: calc(var(--control-height-large) + var(--space-small));-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;flex:0 0 auto;width:var(--launcher-chrome-icon-button-size);height:var(--launcher-chrome-icon-button-size);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.launcher-chrome-icon-button--dark{background:#18181bdb;border-color:#ffffff24;color:var(--color-white);box-shadow:var(--shadow-elevation-3)}.launcher-chrome-icon-button--light{background:var(--color-surface-paper);border-color:color-mix(in srgb,var(--color-black) 12%,transparent);color:var(--color-black);box-shadow:var(--shadow-elevation-2)}.launcher-chrome-icon-button--compact{--launcher-chrome-icon-button-size: var(--button-height-default);border-radius:var(--radius-large)}.launcher-chrome-icon-button__icon{width:var(--icon-size-xlarge);height:var(--icon-size-xlarge);flex:0 0 auto;stroke-width:2.4}.launcher-chrome-icon-button--compact .launcher-chrome-icon-button__icon{width:var(--icon-size-large);height:var(--icon-size-large)}.launcher-chrome-icon-button__badge{position:absolute;inset-block-start:calc(-1 * var(--space-small));inset-inline-end:calc(-1 * var(--space-small));display:inline-flex;min-width:var(--space-loose);height:var(--space-loose);align-items:center;justify-content:center;padding-inline:var(--space-small);border:var(--border-width-thick) solid currentColor;border-radius:var(--radius-pill);background:var(--color-coral);color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:1}.launcher-chrome-icon-button--compact .launcher-chrome-icon-button__badge{inset-block-start:calc(-1 * (var(--space-hairline) + var(--space-micro)));inset-inline-end:calc(-1 * (var(--space-hairline) + var(--space-micro)));min-width:var(--space-loose);height:var(--badge-height);padding-inline:var(--space-small);border-width:var(--border-width-thick);border-radius:var(--radius-rounded);font-size:var(--font-size-tiny)}.launcher-chrome-icon-button--dark .launcher-chrome-icon-button__badge{border-color:var(--color-black)}.launcher-chrome-icon-button--light .launcher-chrome-icon-button__badge{border-color:var(--color-background-page)}.launcher-chrome-icon-button--page-badge-border .launcher-chrome-icon-button__badge{border-color:var(--color-white)}[data-theme=dark] .launcher-chrome-icon-button--page-badge-border .launcher-chrome-icon-button__badge{border-color:var(--color-black)}.launcher-chrome-icon-button:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.launcher-chrome-icon-button:active{transform:scale(.97)}@media(hover:hover){.launcher-chrome-icon-button:hover{transform:translateY(calc(-1 * var(--border-width)))}}.launcher-search{min-height:100vh;padding:calc(var(--safe-area-inset-top) + var(--space-comfortable)) var(--space-default) calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--space-roomy));color:var(--color-text-primary);background:var(--color-background-page)}.launcher-search__header{position:sticky;top:var(--safe-area-inset-top);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-tight);padding-bottom:var(--space-tight);background:var(--color-background-page)}.launcher-search__back{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-large);height:var(--control-height-large);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);box-shadow:var(--shadow-elevation-1)}.launcher-search__back svg{width:var(--icon-size-medium);height:var(--icon-size-medium)}.launcher-search__field{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-tight);height:var(--control-height-large);padding:0 var(--space-default);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.launcher-search__field:focus-within{border-color:var(--color-interaction-primary);box-shadow:inset 0 1px 0 var(--shadow-highlight-default),0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-interaction-primary-border)}.launcher-search__field-icon{width:var(--icon-size-medium);height:var(--icon-size-medium);color:var(--color-interaction-primary);flex:0 0 auto}.launcher-search__input{flex:1;min-width:0;height:auto;min-height:0;padding:0;color:var(--color-text-primary);background:transparent;border:0;box-shadow:none;font-size:var(--font-size-body-large)}.launcher-search__input::-webkit-search-cancel-button,.launcher-search__input::-webkit-search-decoration,.launcher-search__input::-webkit-search-results-button,.launcher-search__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.launcher-search__input:focus{box-shadow:none}.launcher-search__clear{display:inline-flex;align-items:center;justify-content:center;width:var(--action-button-size-compact);height:var(--action-button-size-compact);color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-pill)}.launcher-search__clear svg{width:var(--icon-size-medium);height:var(--icon-size-medium)}.launcher-search__scopes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-hairline);margin-top:var(--space-comfortable);padding:var(--space-tight);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);box-shadow:var(--shadow-elevation-1)}.launcher-search__scope{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;min-height:var(--control-height-large);gap:var(--space-hairline);padding:var(--space-hairline) var(--space-tight);color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-large);font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:0}.launcher-search__scope--active{color:var(--color-interaction-primary-text);background:var(--color-interaction-primary);box-shadow:var(--shadow-elevation-1)}.launcher-search__scope:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.launcher-search__scope-icon{width:var(--icon-size-default);height:var(--icon-size-default);flex:0 0 auto}.launcher-search__scope-label{display:block;max-width:100%;overflow:hidden;line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.launcher-search__body{padding-top:var(--space-roomy)}.launcher-search__empty{min-height:calc(100vh - var(--bottom-nav-height) - var(--space-generous) * 3)}.launcher-search__status{display:flex;min-height:var(--space-generous);align-items:center;justify-content:center;gap:var(--space-tight);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}.launcher-search__status--error{flex-direction:column;text-align:center}.launcher-search__status-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-text-secondary)}.launcher-search__status--error .launcher-search__status-icon{color:var(--color-red)}.launcher-search__group{margin-bottom:var(--space-roomy)}.launcher-search__group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-tight)}.launcher-search__group-title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.launcher-search__see-all{display:inline-flex;align-items:center;gap:var(--space-small);color:var(--color-brand-blue);background:transparent;border:0;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.launcher-search__see-all-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.launcher-search__group-note{margin:0 0 var(--space-tight);color:var(--color-amber);font-size:var(--font-size-label)}.launcher-search__results{display:flex;flex-direction:column;gap:var(--space-tight)}.launcher-search__result{display:grid;grid-template-columns:var(--space-airy) minmax(0,1fr) auto auto;align-items:center;gap:var(--space-snug);min-height:var(--space-generous);padding:var(--space-snug);color:var(--color-text-primary);text-align:left;background:var(--color-background-inset);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card)}.launcher-search__result:disabled{opacity:var(--opacity-disabled)}.launcher-search__avatar,.launcher-search__game-image,.launcher-search__symbol{width:var(--space-airy);height:var(--space-airy);border-radius:var(--radius-card)}.launcher-search__game-image{object-fit:cover;background:var(--color-background-card)}.launcher-search__symbol{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);background:repeating-linear-gradient(135deg,rgba(255,181,71,.28) 0 var(--space-tight),rgba(0,0,0,.18) var(--space-tight) calc(var(--space-tight) * 2)),var(--color-background-card)}.launcher-search__symbol--tag{background:var(--color-interaction-primary-tint)}.launcher-search__symbol--network{background:var(--color-teal-dim)}.launcher-search__symbol svg{width:var(--icon-size-large);height:var(--icon-size-large)}.launcher-search__result-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.launcher-search__result-title{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.launcher-search__result-subtitle{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.launcher-search__result-current-game{display:inline-flex;min-width:0;max-width:100%;align-items:center;gap:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);cursor:pointer}.launcher-search__result-current-game-badge{flex:0 0 auto;padding:0 var(--space-tight);border-radius:var(--radius-subtle);color:var(--color-white);background-color:var(--color-interaction-primary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.launcher-search__result-current-game-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.launcher-search__result-metrics{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-small) var(--space-tight)}.launcher-search__result-metric{min-width:0;overflow:hidden;color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.launcher-search__state{color:var(--color-teal);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap}.launcher-search__chevron{width:var(--icon-size-medium);height:var(--icon-size-medium);color:var(--color-text-tertiary)}.launcher-search__more{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-tight);margin-top:var(--space-tight)}.launcher-search__load-more{min-height:var(--button-height-default);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.launcher-search__load-more:disabled{color:var(--color-text-tertiary);opacity:var(--opacity-disabled)}.launcher-search__refreshing{display:flex;justify-content:center;padding:var(--space-default)}.launcher-search__refreshing-icon{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-text-secondary)}@media(max-width:420px){.launcher-search{padding-inline:var(--space-snug)}.launcher-search__result{grid-template-columns:var(--space-airy) minmax(0,1fr) auto}.launcher-search__state{display:none}}.leaderboard{display:flex;flex-direction:column;background-color:var(--color-background-card);border-radius:var(--radius-subtle);border:var(--border-width) solid var(--color-border-default);overflow:hidden}.leaderboard__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-default);border-bottom:var(--border-width) solid var(--color-border-default)}.leaderboard__title{font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.leaderboard__subtitle{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.leaderboard__list{display:flex;flex-direction:column}.leaderboard-row{position:relative;display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default);border-bottom:var(--border-width) solid var(--color-border-subtle);content-visibility:auto;contain-intrinsic-size:auto 52px;transition:background-color var(--duration-fast) var(--ease-out)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row__rank{display:flex;align-items:center;justify-content:center;min-width:var(--leaderboard-rank-width);font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.leaderboard-row__trend{display:flex;align-items:center;justify-content:center;width:var(--leaderboard-trend-width);flex-shrink:0}.leaderboard-row__trend-arrow{display:block;width:0;height:0;border-left:var(--leaderboard-arrow-size) solid transparent;border-right:var(--leaderboard-arrow-size) solid transparent}.leaderboard-row__trend--up .leaderboard-row__trend-arrow{border-bottom:var(--leaderboard-arrow-height) solid var(--color-green)}.leaderboard-row__trend--down .leaderboard-row__trend-arrow{border-top:var(--leaderboard-arrow-height) solid var(--color-red)}.leaderboard-row__trend--same .leaderboard-row__trend-arrow{width:var(--leaderboard-dash-width);height:var(--leaderboard-dash-height);background-color:var(--color-text-tertiary);border:none}.leaderboard-row__player{display:flex;align-items:center;gap:var(--space-tight);flex:1;min-width:0}.leaderboard-row__name{font-family:var(--font-family);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row__score{font-family:var(--font-family-mono);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex-shrink:0;font-variant-numeric:tabular-nums}.leaderboard-row__score--interactive{border:none;background:transparent;cursor:pointer;padding:var(--space-tight) var(--space-default);margin:calc(-1 * var(--space-tight)) calc(-1 * var(--space-default));border-radius:var(--radius-subtle);transition:background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.leaderboard-row__score--interactive:hover{background-color:var(--color-background-raised)}}.leaderboard-row__score--interactive:focus-visible{outline:none;background-color:var(--color-background-raised);box-shadow:0 0 0 2px var(--color-interaction-primary)}.leaderboard-row--top-1{background:linear-gradient(90deg,rgba(255,215,0,.08) 0%,transparent 50%)}.leaderboard-row--top-2{background:linear-gradient(90deg,rgba(192,192,192,.06) 0%,transparent 50%)}.leaderboard-row--top-3{background:linear-gradient(90deg,rgba(205,127,50,.06) 0%,transparent 50%)}.leaderboard-row--top-1 .leaderboard-row__rank,.leaderboard-row--top-2 .leaderboard-row__rank,.leaderboard-row--top-3 .leaderboard-row__rank{font-size:0}.leaderboard-row--top-1 .leaderboard-row__rank:before{content:"🥇";font-size:var(--font-size-body-large)}.leaderboard-row--top-2 .leaderboard-row__rank:before{content:"🥈";font-size:var(--font-size-body-large)}.leaderboard-row--top-3 .leaderboard-row__rank:before{content:"🥉";font-size:var(--font-size-body-large)}.leaderboard-row--highlighted{--leaderboard-row-rail-color: var(--color-interaction-primary);background:linear-gradient(90deg,rgba(59,143,242,.12) 0%,transparent 60%)}.leaderboard-row--highlighted:before{content:"";position:absolute;top:var(--surface-rail-inset);bottom:var(--surface-rail-inset);left:0;width:var(--surface-rail-compact-width);background:var(--leaderboard-row-rail-color);border-radius:0;pointer-events:none}.leaderboard-row--highlighted .leaderboard-row__rank{color:var(--color-interaction-primary);font-weight:var(--font-weight-bold)}.leaderboard-row--highlighted .leaderboard-row__name{color:var(--color-interaction-primary);font-weight:var(--font-weight-semibold)}.leaderboard-row--highlighted .avatar{box-shadow:0 0 0 2px var(--color-interaction-primary-tint)}.leaderboard-row__gap-to-next{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin-left:var(--space-tight)}.leaderboard--compact .leaderboard__header{padding:var(--space-tight)}.leaderboard--compact .leaderboard-row{padding:var(--space-tight);gap:var(--space-tight)}.leaderboard-gap{display:flex;align-items:center;justify-content:center;padding:var(--space-snug) var(--space-default);border-bottom:var(--border-width) solid var(--color-border-subtle);color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-wide)}.leaderboard--compact .leaderboard-gap{padding:var(--space-hairline) var(--space-tight)}.leaderboard--compact .leaderboard-row--highlighted{padding-left:calc(var(--space-tight) - 3px)}.leaderboard__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-spacious) var(--space-default)}.leaderboard__empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight)}.leaderboard__empty-text{font-size:var(--font-size-body);color:var(--color-text-tertiary)}@media(prefers-reduced-motion:reduce){.leaderboard-row{transition:none}}.legal-page{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background-color:var(--color-background-page);color:var(--color-text-primary);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);overflow:hidden}.legal-page__header{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-snug);padding:var(--space-default) var(--space-loose);border-bottom:var(--border-width) solid var(--color-border-subtle)}.legal-page__back{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background:transparent;border:none;cursor:pointer;width:var(--button-height-default);height:var(--button-height-default);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:color var(--duration-fast) var(--ease-default)}.legal-page__back-glyph{font-size:var(--font-size-display);line-height:1}@media(hover:hover){.legal-page__back:hover{color:var(--color-brand-blue)}}.legal-page__back:active{transform:scale(.95)}.legal-page__back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-blue);border-radius:var(--radius-default)}.legal-page__title{margin:0;font-family:var(--font-family);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center}.legal-page__content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-loose) var(--space-loose) var(--space-roomy);width:100%;max-width:var(--layout-max-width-default);margin:0 auto}.legal-page__effective-date{margin:0 0 var(--space-loose) 0;font-size:var(--font-size-label);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.legal-page__section{margin:0 0 var(--space-loose) 0}.legal-page__section-title{margin:0 0 var(--space-snug) 0;font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.legal-page__paragraph{margin:0 0 var(--space-snug) 0;font-family:var(--font-family);font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.legal-page__paragraph:last-child{margin-bottom:0}.legal-page__list{margin:0 0 var(--space-snug) var(--space-default);padding:0;list-style:disc}.legal-page__list-item{margin:0 0 var(--space-tight) 0;font-family:var(--font-family);font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.legal-page__list-item::marker{color:var(--color-text-tertiary)}@media(prefers-reduced-motion:reduce){.legal-page__back{transition:none}}.legend{display:flex;gap:var(--space-snug)}.legend--horizontal{flex-direction:row;flex-wrap:wrap}.legend--vertical{flex-direction:column}.legend__item{display:flex;flex-direction:row;align-items:center;gap:var(--space-tight);transition:opacity var(--duration-default) var(--ease-out)}.legend__item--interactive{all:unset;display:flex;flex-direction:row;align-items:center;gap:var(--space-tight);cursor:pointer;transition:opacity var(--duration-default) var(--ease-out)}.legend__swatch{width:10px;height:10px;border-radius:var(--radius-subtle);flex-shrink:0}.legend__swatch--line{display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:0;width:16px}.legend__swatch-line{width:100%;height:2px;border-radius:var(--radius-pill)}.legend__swatch-line--dashed{height:0;border-top:2px dashed}.legend__label{font-family:var(--font-family);font-size:var(--font-size-label);color:var(--color-text-secondary);line-height:1}.legend__value{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1}.legend__item.is-muted{opacity:.3}@media(prefers-reduced-motion:reduce){.legend__item,.legend__item--interactive{transition:none}}.line-chart{width:100%;position:relative}.line-chart__plot{width:100%;height:100%;position:relative;isolation:isolate}.line-chart__plot svg{display:block;width:100%;height:100%}.line-chart__plot svg>text[text-anchor=end]{display:none}.line-chart__plot [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.line-chart__plot [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-regular)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.line-chart__plot text:not([aria-label=x-axis] text):not([aria-label=y-axis] text){fill:var(--color-text-tertiary)!important;font-variant-numeric:tabular-nums}.line-chart__plot [aria-label=x-axis]>line,.line-chart__plot [aria-label=y-axis]>line{display:none}.line-chart__plot [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.line-chart__plot path[stroke]{stroke-linecap:round;stroke-linejoin:round}.line-chart__plot circle{transition:r var(--duration-fast) var(--ease-default)}@media(hover:hover)and (pointer:fine){.line-chart__plot circle:hover{r:6}}.line-chart--empty{display:flex;align-items:center;justify-content:center}.line-chart__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}[data-theme=light] .line-chart__plot [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .line-chart__plot [aria-label=y-axis] text{fill:var(--color-text-disabled)}[data-theme=light] .line-chart__plot text[text-anchor=middle]:not([aria-label] text){fill:var(--color-text-primary)}.line-chart__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.line-chart__ref-line--visible{opacity:1}.line-chart__col-indicator{position:absolute;width:5px;transform:translate(-50%);border-radius:var(--radius-pill);background:var(--color-text-tertiary);opacity:0;pointer-events:none;transition:opacity var(--duration-default) var(--ease-out)}.line-chart__col-indicator--visible{opacity:.15}[data-theme=light] .line-chart__col-indicator--visible{opacity:.25}.line-chart__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out)}.line-chart__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.line-chart__tip-label{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary);margin-right:var(--space-tight)}.line-chart__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.line-chart__legend{margin-top:var(--space-snug)}@media(prefers-reduced-motion:reduce){.line-chart__plot circle{transition:none}.line-chart__ref-line,.line-chart__col-indicator,.line-chart__tip{transition:none}}.metric-row{display:flex;gap:var(--space-default);flex-wrap:wrap}.metric-row>*{flex:1 1 0;min-width:140px}.metric-row--compact{gap:var(--space-tight)}.mmr-display{display:flex;flex-direction:column;gap:var(--space-roomy);padding:var(--space-roomy);min-width:var(--mmr-display-min-width);background-color:var(--color-background-card);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default)}.mmr-display__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-default)}.mmr-display__main{display:flex;align-items:baseline;gap:var(--space-snug)}.mmr-display__value{font-family:var(--font-family-mono);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.mmr-display__label{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.mmr-display__delta{display:inline-flex;align-items:center;gap:var(--space-hairline);font-family:var(--font-family-mono);font-size:var(--font-size-heading);font-weight:var(--font-weight-medium)}.mmr-display__delta--positive{color:var(--color-green)}.mmr-display__delta--negative{color:var(--color-red)}.mmr-display__delta-icon{display:inline-block;width:0;height:0;border-left:var(--space-hairline) solid transparent;border-right:var(--space-hairline) solid transparent}.mmr-display__delta--positive .mmr-display__delta-icon{border-bottom:var(--space-tight) solid currentColor}.mmr-display__delta--negative .mmr-display__delta-icon{border-top:var(--space-tight) solid currentColor}.mmr-display__tiers-section{display:flex;flex-direction:column;gap:var(--space-tight)}.mmr-display__tiers{position:relative;display:flex;gap:var(--segment-gap);height:var(--progress-height-thick)}.mmr-display__tier{flex:1;height:100%}.mmr-display__tier--bronze{background-color:var(--color-tier-bronze)}.mmr-display__tier--silver{background-color:var(--color-tier-silver)}.mmr-display__tier--gold{background-color:var(--color-tier-gold)}.mmr-display__tier--plat{background-color:var(--color-interaction-primary)}.mmr-display__tier--diamond{background-color:var(--color-tier-diamond)}.mmr-display__tier--active{position:relative;background-color:var(--color-background-surface);background-image:var(--hatch-pattern)}.mmr-display__tier-fill{position:absolute;top:0;left:0;height:100%;background-color:inherit}.mmr-display__tier--bronze.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-bronze)}.mmr-display__tier--silver.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-silver)}.mmr-display__tier--gold.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-gold)}.mmr-display__tier--plat.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-interaction-primary)}.mmr-display__tier--diamond.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-diamond)}.mmr-display__tier--future{background-color:var(--color-background-surface);background-image:var(--hatch-pattern)}.mmr-display__tier-labels{display:flex;gap:var(--segment-gap)}.mmr-display__tier-label{flex:1;text-align:center;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-normal);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.04em}.mmr-display__tier-label--active{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.mmr-display--compact{padding:var(--space-loose);gap:var(--space-loose);min-width:var(--mmr-display-min-width-compact)}.mmr-display--compact .mmr-display__value{font-size:var(--font-size-display)}.mmr-display--compact .mmr-display__label,.mmr-display--compact .mmr-display__delta{font-size:var(--font-size-body)}.mmr-display--compact .mmr-display__tiers{height:var(--progress-height-thin)}.mmr-display--compact .mmr-display__tier-label{font-size:var(--font-size-tiny)}.morph-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-tight);height:var(--button-height-default);padding:0 var(--space-comfortable);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-background-page);white-space:nowrap;cursor:pointer;background:linear-gradient(0deg,var(--color-accent-muted) 0%,var(--color-accent) 100%);border:1px solid var(--color-accent-muted);border-radius:var(--radius-default);outline:none;box-shadow:inset 0 1px #ffffff80,0 2px 4px #0000004d;transition:box-shadow var(--duration-default) var(--ease-out)}.morph-button:focus-visible{box-shadow:0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-accent)}.morph-button__content{display:flex;align-items:center;justify-content:center;gap:var(--space-tight)}.morph-button__text{display:inline-block}.morph-button__spinner{display:flex;align-items:center;justify-content:center;transform-origin:center}.morph-button__glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px var(--color-green-glow)}.morph-button.is-disabled{cursor:not-allowed}.morph-button--idle{background:linear-gradient(0deg,var(--color-accent-muted) 0%,var(--color-accent) 100%)}@media(hover:hover){.morph-button--idle:hover{background:linear-gradient(0deg,var(--color-accent) 0%,var(--color-accent-light) 100%);box-shadow:inset 0 1px #fff9,0 4px 8px #00000059}}.morph-button--loading{background:var(--color-accent-dim);border-color:var(--color-border-subtle);color:var(--color-accent);cursor:wait;box-shadow:none}[data-theme=light] .morph-button--loading{background:#2d313926;color:var(--color-accent)}.morph-button--success{background:linear-gradient(180deg,#3bba6a 0%,var(--color-green) 100%);border-color:#3bba6a;box-shadow:0 2px 6px #0006,0 0 20px var(--color-green-glow)}.morph-button--error{background:linear-gradient(180deg,var(--color-red-dark) 0%,var(--color-red) 100%);border-color:var(--color-red-dark);box-shadow:0 2px 6px #0006,0 0 16px var(--color-red-glow)}@media(hover:hover){.morph-button--error:hover{background:linear-gradient(180deg,var(--color-red) 0%,var(--color-red-light) 100%);box-shadow:0 4px 12px #00000080,0 0 20px var(--color-red-glow)}}.morph-button--teal.morph-button--idle{background:linear-gradient(180deg,var(--color-interaction-primary-pressed) 0%,var(--color-interaction-primary) 100%);border-color:var(--color-interaction-primary-pressed);color:var(--color-background-page)}@media(hover:hover){.morph-button--teal.morph-button--idle:hover{background:linear-gradient(180deg,var(--color-interaction-primary) 0%,var(--color-interaction-primary) 100%)}}.morph-button--teal.morph-button--loading{background:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary);color:var(--color-interaction-primary)}.morph-button--green.morph-button--idle{background:linear-gradient(180deg,#3bba6a 0%,var(--color-green) 100%);border-color:#3bba6a}@media(hover:hover){.morph-button--green.morph-button--idle:hover{background:linear-gradient(180deg,var(--color-green) 0%,#5ce890 100%);box-shadow:0 4px 12px #00000080}}.morph-button--green.morph-button--loading{background-color:var(--color-green-dim);color:var(--color-green)}[data-theme=light] .morph-button--green.morph-button--idle{background:linear-gradient(180deg,var(--color-green) 0%,#059669 100%);border-color:var(--color-green);color:var(--color-white)}.morph-button--subtle.morph-button--idle{background:linear-gradient(180deg,var(--color-background-card) 0%,var(--color-background-hover) 100%);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);box-shadow:0 2px 6px #0009}@media(hover:hover){.morph-button--subtle.morph-button--idle:hover{background:linear-gradient(180deg,var(--color-background-raised) 0%,var(--color-background-floating) 100%);border-color:var(--color-border-default);box-shadow:0 4px 12px #000000b3}}.morph-button--subtle.morph-button--loading{background-color:var(--color-background-surface);color:var(--color-text-secondary)}.morph-button--subtle.morph-button--success{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-background-page)}.morph-button--subtle.morph-button--error{background-color:var(--color-red);border-color:var(--color-red);color:var(--color-white)}.morph-button--compact{height:var(--button-height-compact);padding:0 var(--space-snug);font-size:var(--font-size-caption);border-radius:var(--radius-subtle)}.morph-button--large{height:var(--button-height-large);padding:0 var(--space-comfortable);font-size:var(--font-size-subhead);gap:var(--space-snug);border-radius:var(--radius-default)}[data-theme=light] .morph-button--idle{box-shadow:var(--shadow-subtle)}[data-theme=light] .morph-button--success{box-shadow:0 0 12px var(--color-green-dim)}[data-theme=light] .morph-button--error{box-shadow:0 0 12px var(--color-red-dim)}@media(prefers-reduced-motion:reduce){.morph-button{transition:none}.morph-button__spinner{animation:none}.morph-button__glow{display:none}}.native-bridge-test{min-height:100vh;padding:calc(var(--safe-area-inset-top) + var(--space-roomy)) var(--space-default) calc(var(--safe-area-inset-bottom) + var(--space-roomy));background:linear-gradient(180deg,var(--color-background-page),var(--color-background-inset)),var(--color-background-page);color:var(--color-text-primary)}.native-bridge-test__header{max-width:var(--layout-max-width-medium);margin:0 auto var(--space-loose)}.native-bridge-test__eyebrow{margin:0 0 var(--space-tight);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-interaction-primary)}.native-bridge-test__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary)}.native-bridge-test__intro{margin:var(--space-tight) 0 0;font-size:var(--font-size-body-large);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.native-bridge-test__status-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);max-width:var(--layout-max-width-medium);margin:0 auto var(--space-default);padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-card);box-shadow:var(--shadow-elevation-1)}.native-bridge-test__status-copy{display:flex;align-items:center;gap:var(--space-default);min-width:0}.native-bridge-test__status-dot{width:var(--status-dot-size);height:var(--status-dot-size);flex:0 0 auto;border-radius:var(--radius-pill);box-shadow:0 0 0 4px var(--color-red-dim)}.native-bridge-test__status-dot--online{background-color:var(--color-online-green);box-shadow:0 0 0 4px var(--color-online-green-dim)}.native-bridge-test__status-dot--offline{background-color:var(--color-red)}.native-bridge-test__status-text{min-width:0}.native-bridge-test__status-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.native-bridge-test__status-detail{margin:var(--space-small) 0 0;font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.native-bridge-test__mock-button,.native-bridge-test__clear{-webkit-appearance:none;appearance:none;min-height:var(--button-height-default);padding:0 var(--space-default);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-large);background-color:var(--color-background-raised);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.native-bridge-test__mock-button:disabled,.native-bridge-test__clear:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.native-bridge-test__mock-button:focus-visible,.native-bridge-test__clear:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.native-bridge-test__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-tight);max-width:var(--layout-max-width-medium);margin:0 auto var(--space-default)}.native-bridge-test__action{-webkit-appearance:none;appearance:none;display:flex;min-height:96px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-tight);padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-card);color:var(--color-text-primary);text-align:left;cursor:pointer;box-shadow:var(--shadow-elevation-1);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.native-bridge-test__action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.native-bridge-test__action:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.native-bridge-test__action-title{font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.native-bridge-test__action-detail{font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.native-bridge-test__log{max-width:var(--layout-max-width-medium);margin:0 auto;padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-card);box-shadow:var(--shadow-elevation-1)}.native-bridge-test__log-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-default)}.native-bridge-test__log-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.native-bridge-test__empty{margin:0;padding:var(--space-loose);border:var(--border-width) dashed var(--color-border-emphasis);border-radius:var(--radius-large);color:var(--color-text-secondary);text-align:center}.native-bridge-test__log-list{display:flex;flex-direction:column;gap:var(--space-tight)}.native-bridge-test__log-entry{position:relative;--native-bridge-test-log-rail-color: var(--color-border-emphasis);padding:var(--space-default);padding-left:calc(var(--space-default) + var(--surface-rail-width));border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-inset)}.native-bridge-test__log-entry:before{content:"";position:absolute;top:var(--surface-rail-inset);bottom:var(--surface-rail-inset);left:0;width:var(--surface-rail-width);background:var(--native-bridge-test-log-rail-color);border-radius:0;pointer-events:none}.native-bridge-test__log-entry--outbound{--native-bridge-test-log-rail-color: var(--color-interaction-primary)}.native-bridge-test__log-entry--inbound{--native-bridge-test-log-rail-color: var(--color-green)}.native-bridge-test__log-entry--error{--native-bridge-test-log-rail-color: var(--color-red)}.native-bridge-test__log-entry--system{--native-bridge-test-log-rail-color: var(--color-amber)}.native-bridge-test__log-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-tight);margin-bottom:var(--space-tight)}.native-bridge-test__log-label{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.native-bridge-test__log-time{flex:0 0 auto;font-family:var(--font-family-mono);font-size:var(--font-size-tiny);line-height:var(--line-height-tight);color:var(--color-text-tertiary)}.native-bridge-test__log-type,.native-bridge-test__log-request{min-width:0;padding:var(--space-micro) var(--space-hairline);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background-color:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-tiny);line-height:var(--line-height-tight);overflow-wrap:anywhere}.native-bridge-test__payload{max-height:260px;margin:0;overflow:auto;padding:var(--space-tight);border-radius:var(--radius-rounded);background-color:var(--color-background-page);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-label);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-wrap:anywhere}@media(hover:hover){.native-bridge-test__mock-button:hover,.native-bridge-test__clear:hover{background-color:var(--color-background-hover)}.native-bridge-test__action:hover{border-color:var(--color-interaction-primary-border);background-color:var(--color-background-raised);transform:translateY(-1px)}}@media(max-width:560px){.native-bridge-test{padding-right:var(--space-tight);padding-left:var(--space-tight)}.native-bridge-test__status-panel{align-items:stretch;flex-direction:column}.native-bridge-test__actions{grid-template-columns:1fr}.native-bridge-test__log-meta{align-items:flex-start;flex-direction:column;gap:var(--space-small)}}.network-page{position:relative;min-height:100vh;padding:calc(var(--safe-area-inset-top) + var(--space-comfortable)) var(--space-default) calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--space-roomy));color:var(--color-text-primary);background:var(--color-background-page)}.network-page__header{position:absolute;top:calc(var(--safe-area-inset-top) + var(--space-comfortable));left:var(--space-default);display:flex;align-items:center;justify-content:space-between;z-index:1}.network-page__back{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-large);height:var(--control-height-large);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card)}.network-page__back svg{width:var(--icon-size-large);height:var(--icon-size-large)}.network-page__status{display:flex;min-height:var(--space-generous);align-items:center;justify-content:center;gap:var(--space-tight);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}.network-page__status--error{flex-direction:column;text-align:center}.network-page__status-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-text-secondary)}.network-page__status--error .network-page__status-icon{color:var(--color-red)}.network-page__body{display:flex;flex-direction:column;gap:var(--space-loose)}.network-page__identity{display:flex;align-items:center;gap:var(--space-default);min-height:var(--control-height-large);padding-left:calc(var(--control-height-large) + var(--space-default))}.network-page__mark{display:inline-flex;align-items:center;justify-content:center;width:var(--space-generous);height:var(--space-generous);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-teal-dim),var(--color-amber-dim));border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-pill)}.network-page__mark svg{width:var(--icon-size-xlarge);height:var(--icon-size-xlarge)}.network-page__copy{min-width:0}.network-page__title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);text-transform:uppercase;overflow-wrap:anywhere}.network-page__subtitle{margin:var(--space-small) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body-large)}.network-page__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-tight)}.network-page__stat{display:flex;min-height:var(--space-airy);flex-direction:column;justify-content:center;padding:var(--space-default);background:var(--color-background-inset);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card)}.network-page__stat strong{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h2);line-height:var(--line-height-tight)}.network-page__stat span{color:var(--color-text-secondary);font-size:var(--font-size-label)}.network-page__actions{display:flex}.network-page__section{padding:var(--space-default);background:var(--color-background-inset);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card)}.network-page__section-title{margin:0 0 var(--space-default);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.network-page__members{display:flex;flex-wrap:wrap;gap:var(--space-tight)}.network-page__member{appearance:none;display:inline-flex;align-items:center;gap:var(--space-hairline);min-height:var(--button-height-compact);padding:0 var(--space-tight);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-decoration:none}.network-page__member--button{cursor:pointer}.network-page__member--button:hover{border-color:var(--color-border-strong);background:var(--color-background-elevated)}.network-page__member--button:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.network-page__member svg{width:var(--icon-size-small);height:var(--icon-size-small);color:var(--color-teal)}.network-page__empty{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body)}.notifications-page{overflow:hidden;padding-bottom:0}.notifications-page--overlay{width:100%;height:100%;padding-bottom:0}.notifications-page__content{display:flex;height:calc(100vh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));height:calc(100dvh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));min-height:0;flex-direction:column;gap:var(--space-tight);overflow:hidden;padding-top:calc(var(--safe-area-inset-top) + var(--space-tight));padding-bottom:var(--space-default)}.notifications-page__content--overlay{height:100%;padding-bottom:var(--space-default)}.notifications-page__overlay{position:fixed;inset:0 0 calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom)) 0;z-index:var(--z-modal);display:flex;justify-content:flex-end;overflow:hidden}.notifications-page__overlay--closing{pointer-events:none}.notifications-page__overlay-scrim{-webkit-appearance:none;appearance:none;position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--color-black) 54%,transparent);cursor:pointer;animation:notifications-page-scrim-in var(--duration-default) var(--ease-out) both}.notifications-page__overlay--closing .notifications-page__overlay-scrim{animation:notifications-page-scrim-out var(--duration-fast) var(--ease-out) both}.notifications-page__overlay-panel{position:relative;width:100%;max-width:none;height:100%;overflow:hidden;border-left:0;background:var(--color-background-page);box-shadow:var(--shadow-elevation-6);animation:notifications-page-slide-over-in var(--duration-default) var(--ease-out);will-change:transform}.notifications-page__overlay-panel--closing{animation:notifications-page-slide-over-out var(--duration-fast) var(--ease-out) both}.notifications-page__header{display:grid;flex:0 0 auto;grid-template-columns:var(--control-height-default) minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding-block:var(--space-hairline)}.notifications-page__back{-webkit-appearance:none;appearance:none;display:inline-flex;width:var(--control-height-default);height:var(--control-height-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-rounded);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.notifications-page__back-icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}.notifications-page__heading{min-width:0;display:flex;flex-direction:column;gap:0}.notifications-page__title-main{margin:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);text-overflow:ellipsis;white-space:nowrap}.notifications-page__subtitle{display:none}.notifications-page__new-count{display:inline-flex;min-height:var(--button-height-compact);align-items:center;justify-content:center;padding-inline:var(--space-tight);border:var(--border-width) solid color-mix(in srgb,var(--color-amber) 58%,transparent);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-amber) 10%,var(--color-background-page));color:var(--color-amber);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide)}.notifications-page__summary{display:none;grid-template-columns:repeat(3,1fr);gap:var(--space-tight)}.notifications-page__summary-item{display:flex;min-height:var(--control-height-large);flex-direction:column;justify-content:center;gap:var(--space-micro);padding:var(--space-tight) var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-background-card) 76%,transparent)}.notifications-page__summary-value{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:1}.notifications-page__summary-label{color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:1;text-transform:uppercase}.notifications-page__body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--space-tight);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.notifications-page__body::-webkit-scrollbar{display:none}.notifications-page__list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--space-tight);margin:0;padding:0 0 var(--space-default);list-style:none}.notifications-page__row{display:grid;min-height:calc(var(--avatar-size-large) + var(--space-default));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-default);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:var(--color-background-card);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.notifications-page__row--urgent{border-color:color-mix(in srgb,var(--color-amber) 42%,var(--color-border-emphasis));background:color-mix(in srgb,var(--color-amber-dim) 38%,var(--color-background-card))}.notifications-page__row--unread{border-color:var(--color-interaction-primary-border);background:color-mix(in srgb,var(--color-interaction-primary-tint) 28%,var(--color-background-card))}.notifications-page__row.is-loading{opacity:.7}.notifications-page__row-main{-webkit-appearance:none;appearance:none;display:grid;min-width:0;width:100%;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;align-items:center;gap:var(--space-default);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.notifications-page__row-main:disabled{cursor:progress}.notifications-page__row-main:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline);border-radius:var(--radius-default)}.notifications-page__avatar-wrap{display:inline-flex}.notifications-page__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.notifications-page__line{display:flex;min-width:0;align-items:center;gap:var(--space-tight)}.notifications-page__chip{display:inline-flex;min-height:var(--badge-height);align-items:center;justify-content:center;padding:var(--badge-padding-y) var(--badge-padding-x);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:var(--badge-line-height);text-transform:uppercase}.notifications-page__chip--urgent{border-color:color-mix(in srgb,var(--color-amber) 48%,transparent);background:color-mix(in srgb,var(--color-amber) 16%,transparent);color:var(--color-amber)}.notifications-page__chip--unread{border-color:var(--color-interaction-primary-border);background:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.notifications-page__chip--seen{background:var(--color-background-surface)}.notifications-page__title{overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.notifications-page__time{align-self:start;justify-self:end;padding-top:var(--space-micro);color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:1;white-space:nowrap}.notifications-page__meta{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.notifications-page__actions{display:inline-flex;align-items:center;gap:var(--space-tight)}.notifications-page__action{-webkit-appearance:none;appearance:none;display:inline-flex;min-width:86px;min-height:var(--button-height-default);align-items:center;justify-content:center;padding-inline:var(--space-default);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:transparent;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:1;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.notifications-page__action--primary{border-color:color-mix(in srgb,var(--color-amber) 60%,transparent);background:color-mix(in srgb,var(--color-amber) 84%,var(--color-background-page));color:var(--color-black)}.notifications-page__action:disabled{cursor:not-allowed;opacity:.45}.notifications-page__state,.notifications-page__empty{display:flex;min-height:calc(var(--space-generous) + var(--space-airy));flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-loose) var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-background-card) 42%,transparent);text-align:center}.notifications-page__empty{display:grid;min-height:calc(var(--control-height-large) + var(--space-loose));grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:stretch;column-gap:var(--space-default);row-gap:var(--space-hairline);text-align:left}.notifications-page__state-icon,.notifications-page__empty-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-amber)}.notifications-page__empty-icon{grid-row:1 / span 2}.notifications-page__state-icon{animation:notifications-page-spin var(--duration-slow) linear infinite}.notifications-page__state-copy,.notifications-page__empty-copy{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.notifications-page__empty-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.notifications-page__back:active,.notifications-page__row-main:active,.notifications-page__action:active{transform:scale(.97)}@media(hover:hover){.notifications-page__back:hover,.notifications-page__row:hover{border-color:var(--color-border-emphasis);background-color:var(--color-background-raised)}.notifications-page__action--primary:hover{background:var(--color-amber)}}@media(max-width:560px){.notifications-page__content{padding-inline:var(--space-tight)}.notifications-page__row{grid-template-columns:minmax(0,1fr)}.notifications-page__actions{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.notifications-page__overlay-scrim,.notifications-page__overlay-panel,.notifications-page__overlay-panel--closing{animation:none}.notifications-page__back,.notifications-page__row,.notifications-page__row-main,.notifications-page__action{transition:none}.notifications-page__state-icon{animation:none}.notifications-page__back:active,.notifications-page__row-main:active,.notifications-page__action:active{transform:none}}@keyframes notifications-page-spin{to{transform:rotate(360deg)}}@keyframes notifications-page-slide-over-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes notifications-page-slide-over-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes notifications-page-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes notifications-page-scrim-out{0%{opacity:1}to{opacity:0}}.pagination{display:flex;align-items:center;padding:var(--space-snug) var(--space-default);background-color:var(--color-background-card);border-top:var(--border-width) solid var(--color-border-default)}.pagination__page-size{display:flex;align-items:center;gap:var(--space-tight);margin-right:var(--space-default)}.pagination__page-size-label{font-size:var(--font-size-label);color:var(--color-text-secondary);white-space:nowrap}.pagination__page-size-trigger{height:var(--button-height-compact);min-width:auto;padding:0 var(--space-snug);padding-right:var(--space-loose);font-size:var(--font-size-label)}.pagination__button--first{margin-right:auto}.pagination__button--last{margin-left:auto}.pagination__center{display:flex;align-items:center;gap:var(--space-tight)}.pagination__arrow{-webkit-appearance:none;appearance:none;background:none;border:none;padding:var(--space-hairline);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-subtle);transition:color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}@media(hover:hover){.pagination__arrow:not(.pagination__arrow--disabled):hover{color:var(--color-text-primary)}}.pagination__arrow:focus-visible{outline:none;color:var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint)}.pagination__arrow--disabled{opacity:.1;cursor:default;pointer-events:none}.pagination__pages{display:flex;align-items:center;gap:var(--space-tight)}.pagination__page{-webkit-appearance:none;appearance:none;background:none;border:none;padding:var(--space-hairline) var(--space-tight);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:var(--radius-subtle);transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.pagination__page:hover{color:var(--color-text-primary)}}.pagination__page:focus-visible{outline:none;color:var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint)}.pagination__page:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.pagination__page--current{color:var(--color-interaction-primary);font-weight:var(--font-weight-semibold);pointer-events:none}.pagination__ellipsis{font-size:var(--font-size-body);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.pagination--disabled{opacity:var(--opacity-disabled);pointer-events:none}@media(prefers-reduced-motion:reduce){.pagination__button{transition:none}}.player-settings,.player-settings__trigger{color:var(--color-text-primary)}.player-settings__body{display:flex;flex-direction:column;gap:var(--space-loose);padding-top:var(--space-tight)}.player-settings__section{display:flex;flex-direction:column;gap:var(--space-default)}.player-settings__section-heading{display:flex;flex-direction:column;gap:var(--space-hairline)}.player-settings__section-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.player-settings__section-title--danger{color:var(--color-red)}.player-settings__section-description{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.player-settings__section--session{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-default);row-gap:var(--space-tight);padding-top:var(--space-tight);border-top:var(--border-width) solid var(--color-border-subtle)}.player-settings__account-actions{display:flex;flex-direction:column;gap:var(--space-snug)}.player-settings__action-button{width:100%;height:auto;min-height:var(--control-height-large);justify-content:flex-start;gap:var(--space-snug);padding:var(--space-snug) var(--space-default);border-radius:var(--radius-large);color:var(--color-text-primary);background:var(--color-background-raised);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-default),var(--shadow-elevation-1)}.player-settings__action-button:disabled{opacity:1;color:var(--color-text-primary);background:var(--color-background-card);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-emphasis)}.player-settings__action-icon{width:var(--icon-size-xlarge);height:var(--icon-size-xlarge);color:var(--color-text-secondary)}.player-settings__action-copy{display:flex;flex:1;align-items:center;justify-content:space-between;min-width:0;gap:var(--space-snug)}.player-settings__action-label{min-width:0;overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.player-settings__action-status{display:inline-flex;flex-shrink:0;align-items:center;min-height:var(--button-height-compact);padding:0 var(--space-tight);font-family:var(--font-family-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-background-surface);border-radius:var(--radius-rounded);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-default)}.player-settings__error{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-caption);color:var(--color-red)}.player-settings__theme-control{display:flex;justify-content:center}.player-settings__divider{width:100%;height:var(--border-width);background:var(--color-border-subtle)}.player-settings__session-actions{display:flex;justify-content:flex-end}.player-settings__action-button--danger{width:auto;min-width:0;min-height:var(--button-height-default);align-self:center;border-radius:var(--radius-large);padding-inline:var(--space-default);white-space:nowrap}.player-settings__confirm-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background-color:var(--color-overlay-heavy)}.player-settings__confirm-overlay[data-state=open]{animation:player-settings-confirm-overlay-in .16s var(--ease-out) both}.player-settings__confirm-overlay[data-state=closed]{animation:player-settings-confirm-overlay-out .12s var(--ease-default) both}.player-settings__confirm-dialog{position:fixed;top:50%;left:50%;z-index:calc(var(--z-modal) + 2);display:flex;flex-direction:column;gap:var(--space-default);width:calc(100vw - (var(--space-loose) * 2));max-width:var(--dialog-max-width);max-height:calc(100vh - (var(--space-loose) * 2));padding:var(--space-loose);border-radius:var(--radius-card);background:var(--color-background-raised);border:var(--border-width) solid var(--color-border-default);box-shadow:var(--shadow-floating);transform:translate(-50%,-50%)}.player-settings__confirm-dialog[data-state=open]{animation:player-settings-confirm-dialog-in .22s var(--ease-out-spring) both}.player-settings__confirm-dialog[data-state=closed]{animation:player-settings-confirm-dialog-out .12s var(--ease-default) both}.player-settings__confirm-header{gap:var(--space-tight);padding-right:0}.player-settings__confirm-title{font-size:var(--font-size-subheading)}.player-settings__confirm-description{font-size:var(--font-size-body)}.player-settings__confirm-actions{display:flex;justify-content:flex-end;margin-top:var(--space-default);gap:var(--space-snug)}.player-settings__footer{border-top:0;padding-top:var(--space-tight)}.player-settings__cancel{min-height:54px;border-radius:var(--radius-default);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}@media(hover:hover){.player-settings__action-button:not(:disabled):hover{background:var(--color-background-card)}.player-settings__action-button--danger:hover{background-color:var(--color-red-dark)}}.player-settings__cancel:focus-visible,.player-settings__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){.player-settings__action-button,.player-settings__action-button--danger,.player-settings__confirm-overlay,.player-settings__confirm-dialog{transition:none;animation:none}}@keyframes player-settings-confirm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes player-settings-confirm-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes player-settings-confirm-dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + var(--space-snug))) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes player-settings-confirm-dialog-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + var(--space-tight))) scale(.98)}}.popover-trigger--text{color:var(--color-text-primary);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-text-tertiary);text-underline-offset:3px;cursor:pointer;transition:text-decoration-color var(--duration-fast) var(--ease-default);margin:0 var(--space-micro);padding:0 var(--space-micro)}@media(hover:hover){.popover-trigger--text:hover{text-decoration-color:var(--color-interaction-primary)}}.popover-trigger--text:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px;border-radius:var(--radius-subtle)}.popover-trigger--icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px;padding:10px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}@media(hover:hover){.popover-trigger--icon:hover{color:var(--color-text-primary);background-color:var(--color-background-hover)}}.popover-trigger--icon:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:-2px}.popover-trigger--icon svg{width:20px;height:20px}.popover__content{z-index:var(--z-popover);max-width:calc(100vw - var(--space-loose));transform-origin:var(--radix-popover-content-transform-origin)}.popover__panel{position:relative;background-color:var(--color-background-floating);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-floating);padding:var(--space-default);min-width:200px}.popover__content[data-state=closed] .popover__panel{animation:popover-exit var(--duration-fast) var(--ease-out) forwards}@keyframes popover-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.popover__arrow{fill:var(--color-background-floating)}.popover__close{all:unset;position:absolute;top:var(--space-snug);right:var(--space-snug);width:24px;height:24px;padding:10px;margin:-10px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-subtle);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.popover__close:hover{color:var(--color-text-primary)}}.popover__close:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.popover__close-icon{width:18px;height:18px}.popover__header{margin-bottom:var(--space-snug)}.popover__panel:has(.popover__close) .popover__header{padding-right:var(--space-roomy)}.popover__panel:has(.popover__close) .popover__title{padding-right:var(--space-loose)}.popover__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.popover__description{font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:var(--space-hairline) 0 0 0}.popover__body{font-size:var(--font-size-caption);color:var(--color-text-primary);line-height:var(--line-height-normal)}.popover__footer{display:flex;gap:var(--space-tight);justify-content:flex-end;margin-top:var(--space-default);padding-top:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle)}@media(max-width:480px){.popover__panel{padding:var(--space-comfortable);min-width:min(280px,calc(100vw - var(--space-roomy)))}}@media(prefers-reduced-motion:reduce){.popover__close{transition:none}.popover__content[data-state=closed] .popover__panel{animation:none}}.profile-background{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;pointer-events:none}.profile-background--hero{position:absolute;inset:0;z-index:0}.profile-background--hero:after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 50% 8%,transparent 0%,color-mix(in srgb,var(--color-background-page) 12%,transparent) 52%,color-mix(in srgb,var(--color-background-page) 28%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--color-background-page) 6%,transparent) 0%,transparent 46%,color-mix(in srgb,var(--color-background-page) 58%,transparent) 78%,var(--color-background-page) 100%);pointer-events:none}.profile-background__conic{position:absolute;z-index:0;inset:-50px;background:var(--profile-background-conic);filter:blur(30px);transform-origin:center;animation:ph-conic-spin var(--profile-background-duration, 30s) linear infinite;will-change:transform}.profile-background__conic--static{animation:none;will-change:auto}.profile-background__texture,.profile-background__texture-sheet,.profile-background__grain{position:absolute;pointer-events:none}.profile-background__texture{z-index:1;inset:-20%;transform-origin:center;animation:ph-texture-drift var(--profile-background-texture-duration, 46s) var(--ease-in-out) infinite alternate;will-change:transform}.profile-background__texture--static{animation:none;transform:none;will-change:auto}.profile-background__texture-sheet{inset:0;width:100%;height:100%}.profile-background__grain{z-index:2;inset:0;width:100%;height:100%;opacity:.18;mix-blend-mode:overlay}.profile-background__content{position:relative;z-index:4;pointer-events:auto}@keyframes ph-conic-spin{to{transform:rotate(360deg)}}@keyframes ph-texture-drift{0%{transform:translate3d(var(--profile-background-texture-from-x, -6%),var(--profile-background-texture-from-y, 0%),0)}to{transform:translate3d(var(--profile-background-texture-to-x, 6%),var(--profile-background-texture-to-y, 0%),0)}}@media(prefers-reduced-motion:reduce){.profile-background__conic,.profile-background__texture{animation:none;transform:none;will-change:auto}}.profile-inbox{display:flex;flex-direction:column;gap:var(--space-snug)}.profile-inbox__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-tight)}.profile-inbox__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding:var(--space-tight);overflow:hidden;background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.profile-inbox__item:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--space-micro);background:transparent}.profile-inbox__item--urgent{border-color:var(--color-red-border);background:color-mix(in srgb,var(--color-red-dim) 35%,var(--color-background-card))}.profile-inbox__item--urgent:before{background:var(--color-red)}.profile-inbox__item--unread{border-color:var(--color-interaction-primary-border)}.profile-inbox__item--with-art{background:linear-gradient(90deg,color-mix(in srgb,var(--color-background-page) 98%,transparent),color-mix(in srgb,var(--color-background-page) 94%,transparent) 34%,color-mix(in srgb,var(--color-background-page) 68%,transparent) 60%,color-mix(in srgb,var(--color-background-card) 48%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--color-background-page) 32%,transparent),color-mix(in srgb,var(--color-background-page) 58%,transparent)),var(--profile-inbox-art),var(--color-background-card);background-position:center;background-size:cover}.profile-inbox__item--unread:before{background:var(--color-interaction-primary)}@media(hover:hover){.profile-inbox__item:hover{border-color:var(--color-border-default);background:var(--color-background-surface)}}.profile-inbox__main{-webkit-appearance:none;appearance:none;min-width:0;display:grid;grid-template-columns:var(--control-height-compact) minmax(0,1fr);align-items:center;gap:var(--space-tight);padding:0;font:inherit;text-align:left;color:inherit;background:transparent;border:none;cursor:pointer}.profile-inbox__main:disabled{cursor:progress}.profile-inbox__main:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline);border-radius:var(--radius-default)}.profile-inbox__main:active{transform:scale(.97)}.profile-inbox__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-compact);height:var(--control-height-compact);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);border-radius:var(--radius-default)}.profile-inbox__item--with-art .profile-inbox__icon{background:color-mix(in srgb,var(--color-background-card) 76%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.profile-inbox__item--urgent .profile-inbox__icon{color:var(--color-red);background:var(--color-red-dim)}.profile-inbox__icon--vr{background:transparent}.profile-inbox__icon-svg{width:var(--icon-size-default);height:var(--icon-size-default)}.profile-inbox__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.profile-inbox__kicker{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.profile-inbox__item--urgent .profile-inbox__kicker{color:var(--color-red)}.profile-inbox__headline{overflow:hidden;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.profile-inbox__meta{overflow:hidden;font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:var(--line-height-normal);text-overflow:ellipsis;white-space:nowrap}.profile-inbox__actions{display:inline-flex;align-items:center;gap:var(--space-tight);padding-right:var(--space-tight)}.profile-inbox__empty,.profile-inbox__hint{margin:0;padding:var(--space-default) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body);text-align:center}.profile-inbox__hint{padding-top:0;font-size:var(--font-size-caption)}@media(max-width:560px){.profile-inbox__item{grid-template-columns:minmax(0,1fr) auto}.profile-inbox__actions{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.profile-inbox__item,.profile-inbox__main{transition:none}.profile-inbox__main:active{transform:none}}.profile-legacy-tool{display:flex;flex-direction:column;height:calc(100vh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));height:calc(100dvh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));min-height:0;overflow:hidden;background:var(--color-background-page);color:var(--color-text-primary)}.profile-legacy-tool__header{display:grid;grid-template-columns:var(--space-airy) 1fr;align-items:center;gap:var(--space-snug);padding:max(var(--space-default),env(safe-area-inset-top)) var(--space-default) var(--space-default);border-bottom:var(--space-pixel) solid var(--color-border-emphasis);background:var(--color-background-page)}.profile-legacy-tool__back{display:inline-flex;width:var(--space-airy);height:var(--space-airy);align-items:center;justify-content:center;border:var(--space-pixel) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:var(--color-background-card);color:var(--color-text-primary)}.profile-legacy-tool__back-icon{width:var(--space-loose);height:var(--space-loose)}.profile-legacy-tool__title-group{min-width:0}.profile-legacy-tool__title{margin:0;overflow:hidden;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.profile-legacy-tool__subtitle{margin:var(--space-micro) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.profile-legacy-tool__frame-shell{display:flex;flex:1 1 auto;min-height:0;background:var(--color-background-card)}.profile-legacy-tool__frame{display:block;width:100%;height:100%;border:0;background:var(--color-background-page)}.profile-legacy-tool__blocked{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-default);padding:var(--space-roomy);text-align:center}.profile-legacy-tool__blocked-icon{width:var(--space-airy);height:var(--space-airy);color:var(--color-amber)}.profile-legacy-tool__blocked-title{max-width:18ch;margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.profile-legacy-tool__blocked-copy,.profile-legacy-tool__blocked-status{max-width:320px;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.profile-legacy-tool__error{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-default);padding:var(--space-roomy);text-align:center}.profile-legacy-tool__error-icon{width:var(--space-airy);height:var(--space-airy);color:var(--color-red)}.profile-legacy-tool__error-title{margin:0;font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.profile-legacy-tool__error-copy{max-width:320px;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-subheading);line-height:var(--line-height-normal)}.profile-legacy-tool__retry{display:inline-flex;min-height:var(--space-airy);align-items:center;justify-content:center;gap:var(--space-tight);padding:0 var(--space-comfortable);border:var(--space-pixel) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:var(--color-background-card);color:var(--color-text-primary);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);text-decoration:none}.profile-wallet{--profile-wallet-header-row-height: var(--space-generous);--profile-wallet-filter-tabs-height: var(--button-height-large);--profile-wallet-header-height: calc( var(--safe-area-inset-top) + var(--space-tight) + var(--profile-wallet-header-row-height) + var(--space-default) + var(--profile-wallet-filter-tabs-height) )}.profile-wallet__content{gap:var(--space-comfortable);padding-top:var(--profile-wallet-header-height)}.profile-wallet--overlay{width:100%;height:100%;padding-bottom:0}.profile-wallet__content--overlay{height:100%;min-height:0;overflow-y:auto;padding-top:var(--profile-wallet-header-height);padding-bottom:var(--space-default)}.profile-wallet__overlay{position:fixed;inset:0 0 calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom)) 0;z-index:var(--z-modal);display:flex;justify-content:flex-end;overflow:hidden}.profile-wallet__overlay--closing{pointer-events:none}.profile-wallet__overlay-scrim{-webkit-appearance:none;appearance:none;position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--color-black) 54%,transparent);cursor:pointer;animation:profile-wallet-scrim-in var(--duration-default) var(--ease-out) both}.profile-wallet__overlay--closing .profile-wallet__overlay-scrim{animation:profile-wallet-scrim-out var(--duration-fast) var(--ease-out) both}.profile-wallet__overlay-panel{position:relative;width:100%;max-width:none;height:100%;overflow:hidden;background:var(--color-background-page);box-shadow:var(--shadow-elevation-6);animation:profile-wallet-slide-over-in var(--duration-default) var(--ease-out) both;will-change:transform}.profile-wallet__overlay-panel--closing{animation:profile-wallet-slide-over-out var(--duration-fast) var(--ease-out) both}.profile-wallet__header{position:fixed;top:0;right:max(0px,calc((100vw - var(--layout-max-width-default)) / 2));left:max(0px,calc((100vw - var(--layout-max-width-default)) / 2));z-index:var(--z-dropdown);display:flex;box-sizing:border-box;height:var(--profile-wallet-header-height);flex-direction:column;align-items:stretch;gap:var(--space-tight);overflow:hidden;margin:0;padding:calc(var(--safe-area-inset-top) + var(--space-tight)) var(--space-default) var(--space-tight);border-bottom:1px solid var(--color-border-default);background:linear-gradient(180deg,var(--color-background-page),var(--color-background-page)),var(--color-background-page)}.profile-wallet__header--with-tabs{gap:var(--space-default);padding-bottom:0;border-bottom:0}.profile-wallet__header-row{display:flex;height:var(--profile-wallet-header-row-height);flex:0 0 var(--profile-wallet-header-row-height);align-items:center;justify-content:space-between;gap:var(--space-default)}.profile-wallet__title-group{min-width:0;flex:1 1 auto}.profile-wallet__eyebrow{margin:0;color:var(--color-amber);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:uppercase}.profile-wallet__title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:1}.profile-wallet__header-balance{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--space-micro);min-width:calc(var(--space-generous) + var(--space-airy));text-align:right}.profile-wallet__header-balance-label{display:inline-flex;align-self:flex-end;padding-bottom:var(--space-small);border-bottom:var(--border-width-thick) solid var(--color-border-emphasis);color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.profile-wallet__header-balance-value{display:inline-block;min-width:6ch;color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:1;text-align:right;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.profile-wallet__header-balance-value--pending{color:var(--color-text-tertiary);opacity:.28}.profile-wallet__filter-tabs{display:flex;flex-direction:column;gap:var(--space-loose)}.profile-wallet__filter-tabs.tabs--ghost .profile-wallet__filter-tabs-list{display:flex;width:100%;height:var(--profile-wallet-filter-tabs-height);justify-content:flex-start;gap:var(--space-comfortable);padding:0;overflow-x:auto;border-bottom:var(--border-width) solid var(--color-border-subtle);border-radius:0;background:transparent;scrollbar-width:none}.profile-wallet__filter-tabs-list::-webkit-scrollbar{display:none}.profile-wallet__filter-tabs.tabs--ghost .profile-wallet__filter-tab{flex:0 0 auto;height:var(--profile-wallet-filter-tabs-height);min-height:0;padding:0 0 var(--space-tight);color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);letter-spacing:0}.profile-wallet__filter-tabs.tabs--ghost .profile-wallet__filter-tab[data-state=active]{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.profile-wallet__filter-tabs.tabs--ghost .profile-wallet__filter-tab[data-state=active]:after{content:"";position:absolute;inset-inline:0;bottom:calc(-1 * var(--border-width));height:var(--space-hairline);background:var(--color-interaction-primary);border-radius:0;transform:none}.profile-wallet__filter-tabs.tabs--ghost .tabs__indicator{display:none}.profile-wallet__filter-panel{padding:0}.profile-wallet__history{display:flex;flex-direction:column;gap:var(--space-default)}.profile-wallet__section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-default)}.profile-wallet__section-title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold)}.profile-wallet__section-note{color:var(--color-text-tertiary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.profile-wallet__transaction-list{display:flex;flex-direction:column;overflow:hidden;gap:0;margin:0;padding:0;border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-raised);box-shadow:var(--shadow-elevation-1);list-style:none}.profile-wallet__transaction{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);padding:var(--space-default);border-top:1px solid var(--color-border-subtle);background:var(--color-background-card)}.profile-wallet__transaction:first-child{border-top:0}.profile-wallet__transaction-main{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-micro)}.profile-wallet__transaction-label{color:var(--color-text-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.profile-wallet__transaction-meta{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.profile-wallet__transaction-date{color:var(--color-text-tertiary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.profile-wallet__transaction-amount{flex:0 0 auto;color:var(--color-green);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);white-space:nowrap}.profile-wallet__transaction-amount--debit{color:var(--color-red)}.profile-wallet__state,.profile-wallet__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight);padding:var(--space-spacious) var(--space-loose);border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-raised);text-align:center}.profile-wallet__state-icon,.profile-wallet__empty-icon{width:var(--icon-size-jumbo);height:var(--icon-size-jumbo);color:var(--color-interaction-primary)}.profile-wallet__state-icon--spinning{animation:profile-wallet-spin var(--duration-slow) linear infinite}.profile-wallet__state-title,.profile-wallet__empty-title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold)}.profile-wallet__state-copy,.profile-wallet__empty-copy{max-width:32ch;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:1.45}@keyframes profile-wallet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes profile-wallet-slide-over-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes profile-wallet-slide-over-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes profile-wallet-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes profile-wallet-scrim-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.profile-wallet__overlay-panel,.profile-wallet__overlay-panel--closing,.profile-wallet__overlay-scrim,.profile-wallet__overlay--closing .profile-wallet__overlay-scrim,.profile-wallet__state-icon--spinning{animation:none}}@media(max-width:420px){.profile-wallet__header{gap:var(--space-tight)}.profile-wallet__header--with-tabs{gap:var(--space-default)}.profile-wallet__header-balance{min-width:calc(var(--space-generous) + var(--space-roomy))}}.progress-bar{width:100%;height:var(--progress-height-thick);background-color:#ffffff14;border-radius:var(--radius-sharp);overflow:hidden;position:relative}.progress-bar__fill{width:100%;height:100%;background-color:var(--color-interaction-primary);border-radius:var(--radius-sharp);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-default) var(--ease-default);position:relative}.progress-bar__track{position:absolute;inset:0}.progress-bar--thin{height:var(--progress-height-thin)}.progress-bar--medium{height:var(--progress-height-default)}.progress-bar--thick{height:var(--progress-height-thick)}.progress-bar--blue .progress-bar__fill,.progress-bar--teal .progress-bar__fill{background-color:var(--color-interaction-primary)}.progress-bar--green .progress-bar__fill{background-color:var(--color-green)}.progress-bar--amber .progress-bar__fill{background-color:var(--color-amber)}.progress-bar--red .progress-bar__fill{background-color:var(--color-red)}.progress-bar--coral .progress-bar__fill{background-color:var(--color-coral)}.progress-bar--accent .progress-bar__fill{background-color:var(--color-accent)}.progress-bar--live .progress-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.45) 100%);animation:progress-bar-live-pulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes progress-bar-live-pulse{0%,to{opacity:.4}50%{opacity:1}}.progress-bar--tier-markers{margin-top:12px;overflow:visible}.progress-bar__markers{position:absolute;top:-10px;left:0;right:0;height:8px;pointer-events:none}.progress-bar__marker{position:absolute;top:0;left:var(--x, 0);transform:translate(-50%);width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default)}.progress-bar__marker--reached{background-color:var(--color-interaction-primary)}.progress-bar--striped .progress-bar__track{background-color:var(--color-background-card);background-image:var(--hatch-pattern)}.progress-bar--animated-hatch .progress-bar__track{background-image:linear-gradient(-45deg,#2a2a2a 25%,#303030 25% 50%,#2a2a2a 50% 75%,#303030 75%);background-size:8px 8px;animation:hatch-march 1.2s linear infinite}@keyframes hatch-march{0%{background-position:0 0}to{background-position:8px 8px}}.progress-bar--striped-fill .progress-bar__fill{background:repeating-linear-gradient(-45deg,var(--color-interaction-primary),var(--color-interaction-primary) 4px,var(--color-interaction-primary-pressed) 4px,var(--color-interaction-primary-pressed) 8px)}.progress-bar--indeterminate .progress-bar__fill{width:30%;animation:indeterminate 1.5s infinite var(--ease-default)}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress-bar--glow{overflow:visible;margin-top:var(--space-hairline);margin-bottom:var(--space-hairline)}.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-interaction-primary-glow),0 0 var(--space-snug) 0 var(--color-interaction-primary-glow)}.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-interaction-primary-glow),0 0 var(--space-roomy) 0 var(--color-interaction-primary-glow)}.progress-bar--teal.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-interaction-primary-glow),0 0 var(--space-snug) 0 var(--color-interaction-primary-glow)}.progress-bar--teal.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-interaction-primary-glow),0 0 var(--space-roomy) 0 var(--color-interaction-primary-glow)}.progress-bar--green.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-green-glow),0 0 var(--space-snug) 0 var(--color-green-glow)}.progress-bar--green.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-green-glow-strong),0 0 var(--space-roomy) 0 var(--color-green-glow)}.progress-bar--amber.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-amber-glow),0 0 var(--space-snug) 0 var(--color-amber-glow)}.progress-bar--amber.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-amber-glow-strong),0 0 var(--space-roomy) 0 var(--color-amber-glow)}.progress-bar--red.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-red-glow),0 0 var(--space-snug) 0 var(--color-red-glow)}.progress-bar--red.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-red-glow-strong),0 0 var(--space-roomy) 0 var(--color-red-glow)}.progress-bar--coral.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-coral-glow),0 0 var(--space-snug) 0 var(--color-coral-glow)}.progress-bar--accent.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-accent-glow),0 0 var(--space-snug) 0 var(--color-accent-glow)}.progress-bar--accent.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-accent-glow),0 0 var(--space-roomy) 0 var(--color-accent-glow)}@keyframes progress-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.progress-bar__fill--pulse{animation:progress-pulse .4s ease-out}[data-theme=light] .progress-bar{background-color:#0f141914}[data-theme=light] .progress-bar--live .progress-bar__fill:after{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 100%)}@media(prefers-reduced-motion:reduce){.progress-bar__fill{transition:none}.progress-bar--indeterminate .progress-bar__fill{animation:none;width:100%;transform:none}.progress-bar__fill--pulse,.progress-bar--animated-hatch .progress-bar__track{animation:none}.progress-bar--live .progress-bar__fill:after{animation:none;opacity:.6}}.proportion-bar{display:flex;flex-direction:column;gap:var(--space-snug);max-width:280px}.proportion-bar__header{display:flex;align-items:baseline;gap:var(--space-tight)}.proportion-bar__label{font-family:var(--font-family-mono);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1}.proportion-bar__sublabel{font-family:var(--font-family);font-size:var(--font-size-label);color:var(--color-text-tertiary);line-height:1}.proportion-bar__track-wrapper{position:relative}.proportion-bar__track{display:flex;gap:var(--space-micro);overflow:hidden;border-radius:var(--radius-subtle);background-color:var(--color-background-surface-alt)}.proportion-bar__segment{min-width:3px;opacity:.85;transition:filter var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.proportion-bar__segment-percent{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);color:#00000073;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.proportion-bar__segment.is-highlighted{filter:brightness(1.15);opacity:1}.proportion-bar__segment.is-dimmed{opacity:.2}@media(hover:hover){.proportion-bar__segment:hover{filter:brightness(1.15);opacity:1}}.proportion-bar__tip{z-index:var(--z-popover);display:flex;align-items:center;gap:var(--space-tight);white-space:nowrap;background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);pointer-events:none}.proportion-bar__tip-label{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary)}.proportion-bar__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.proportion-bar__tip-percent{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.proportion-bar__tip-content{display:flex;align-items:center;gap:var(--space-tight);white-space:nowrap}.proportion-bar__legend{justify-content:flex-start}@media(prefers-reduced-motion:reduce){.proportion-bar__segment{transition:none}}.pull-to-refresh-surface{position:relative;overscroll-behavior-y:contain}.pull-to-refresh{position:absolute;inset-block-start:var( --pull-to-refresh-inset-block-start, calc(var(--safe-area-inset-top) + var(--space-default)) );inset-inline-start:50%;z-index:var(--pull-to-refresh-z-index, var(--z-dropdown));display:inline-flex;align-items:center;justify-content:center;max-inline-size:calc(100% - var(--space-default) - var(--space-default));min-height:var(--button-height-default);padding:0 var(--space-default);gap:var(--space-tight);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background-color:var(--color-background-floating);box-shadow:var(--shadow-card-elevated);opacity:0;transform:translate3d(-50%,calc(-1 * var(--space-tight)),0) scale(.96);pointer-events:none;color:var(--color-text-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.pull-to-refresh--active{opacity:1;transform:translate3d(-50%,0,0) scale(1)}.pull-to-refresh--ready,.pull-to-refresh--refreshing{border-color:var(--color-interaction-primary-border)}.pull-to-refresh__icon{width:var(--icon-size-small);height:var(--icon-size-small);flex:0 0 auto;color:var(--color-interaction-primary)}.pull-to-refresh__icon--spinning{animation:pull-to-refresh-spin .9s linear infinite}@keyframes pull-to-refresh-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pull-to-refresh{transform:translate3d(-50%,0,0) scale(1);transition:opacity var(--duration-fast) ease}.pull-to-refresh--active{transform:translate3d(-50%,0,0) scale(1)}.pull-to-refresh__icon--spinning{animation:none}}@keyframes radio-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}75%{transform:translate(-50%,-50%) scale(.85)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes radio-pop-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}.radio{display:inline-flex;align-items:center;gap:var(--space-tight);cursor:pointer;-webkit-user-select:none;user-select:none}.radio__circle{position:relative;width:var(--radio-size);height:var(--radio-size);background-color:transparent;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out);flex-shrink:0}.radio:active:not(.radio--disabled) .radio__circle{transform:scale(.97)}.radio__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:var(--radio-dot-size);height:var(--radio-dot-size);background-color:var(--color-background-page);border-radius:var(--radius-pill);opacity:0}.radio__label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary)}.radio--selected .radio__circle{border-color:var(--color-text-primary)}.radio--selected .radio__dot{transform:translate(-50%,-50%) scale(1);background-color:var(--color-text-primary);opacity:1;animation:radio-pop .25s var(--ease-out) forwards}.radio:not(.radio--selected) .radio__dot{animation:radio-pop-out .12s var(--ease-out) forwards}.radio--disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.radio:focus-visible .radio__circle{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=light] .radio--selected .radio__circle{background-color:var(--color-interaction-primary);border-color:var(--color-interaction-primary)}[data-theme=light] .radio--selected .radio__dot{background-color:var(--color-white)}@media(prefers-reduced-motion:reduce){.radio__circle,.radio__dot{transition:none;animation:none}.radio:active:not(.radio--disabled) .radio__circle{transform:none}.radio--selected .radio__dot,.radio:not(.radio--selected) .radio__dot{animation:none}.radio--selected .radio__dot{opacity:1;transform:translate(-50%,-50%) scale(1)}.radio:not(.radio--selected) .radio__dot{opacity:0;transform:translate(-50%,-50%) scale(0)}}.rank-card{display:flex;flex-direction:column;gap:var(--space-default);padding:var(--space-loose);background-color:var(--color-background-card);border-radius:var(--radius-subtle);border:var(--border-width) solid var(--color-border-default);overflow:hidden;max-width:var(--rank-card-max-width)}.rank-card__header{display:flex;align-items:center;gap:var(--space-default)}.rank-card__icon-container{display:flex;align-items:center;justify-content:center;width:var(--rank-icon-container-size);height:var(--rank-icon-container-size);background-color:var(--color-background-raised);border-radius:var(--radius-rounded);flex-shrink:0}.rank-card__icon{font-size:var(--font-size-hero);line-height:1}.rank-card__info{display:flex;flex-direction:column;gap:var(--space-tight);flex:1;min-width:0}.rank-card__season{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);white-space:nowrap}.rank-card__name{font-family:var(--font-family-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.rank-card__stars{display:flex;gap:var(--space-hairline)}.rank-card__star{font-size:var(--font-size-heading);line-height:1}.rank-card__star--filled{color:var(--color-amber)}.rank-card__star--empty{color:var(--color-text-disabled)}.rank-card--bronze .rank-card__icon,.rank-card--bronze .rank-card__name{color:var(--color-tier-bronze)}.rank-card--silver .rank-card__icon,.rank-card--silver .rank-card__name{color:var(--color-tier-silver)}.rank-card--gold .rank-card__icon,.rank-card--gold .rank-card__name{color:var(--color-tier-gold)}.rank-card--plat .rank-card__icon,.rank-card--plat .rank-card__name{color:var(--color-tier-plat)}.rank-card--diamond .rank-card__icon,.rank-card--diamond .rank-card__name{color:var(--color-tier-diamond)}.rank-card--bronze .progress-bar__fill{background-color:var(--color-tier-bronze)}.rank-card--silver .progress-bar__fill{background-color:var(--color-tier-silver)}.rank-card--gold .progress-bar__fill{background-color:var(--color-tier-gold)}.rank-card--plat .progress-bar__fill{background-color:var(--color-tier-plat)}.rank-card--diamond .progress-bar__fill{background-color:var(--color-tier-diamond)}.rank-card--compact{padding:var(--space-default);gap:var(--space-tight)}.rank-card--compact .rank-card__icon-container{width:var(--avatar-size-large);height:var(--avatar-size-large)}.rank-card--compact .rank-card__icon{font-size:var(--font-size-title)}.rank-card--compact .rank-card__name{font-size:var(--font-size-subheading)}.rating-chip{display:inline-flex;align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-tight);border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default);background:var(--color-background-card);font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.rating-chip__percent{font-variant-numeric:tabular-nums}.rating-chip--positive{color:var(--color-green);border-color:var(--color-green-dim)}.rating-chip--negative{color:var(--color-red);border-color:var(--color-red-dim)}.rating-chip--voted.rating-chip--positive{background:#22c55e1f;border-color:var(--color-green)}.rating-chip--voted.rating-chip--negative{background:#ef44441f;border-color:var(--color-red)}.rating-chip--prompt{border-style:dashed}.rating-chip--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(hover:hover){.rating-chip:hover:not(.rating-chip--disabled){background:var(--color-background-raised)}.rating-chip--positive:hover:not(.rating-chip--disabled){border-color:var(--color-green)}.rating-chip--negative:hover:not(.rating-chip--disabled){border-color:var(--color-red)}}.rating-chip__popover .popover__panel{min-width:auto;padding:var(--space-snug)}.rating-chip__prompt{margin:0 0 var(--space-tight) 0;font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-align:center}.rating-chip__vote-buttons{display:flex;gap:var(--space-snug)}.rating-chip__vote-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default);background:var(--color-background-card);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.rating-chip__vote-btn--up.is-current{background:#22c55e1f;border-color:var(--color-green);color:var(--color-green)}.rating-chip__vote-btn--down.is-current{background:#ef44441f;border-color:var(--color-red);color:var(--color-red)}.rating-chip__vote-btn--up.is-success{background:var(--color-green);border-color:var(--color-green);color:var(--color-background-app)}.rating-chip__vote-btn--down.is-success{background:var(--color-red);border-color:var(--color-red);color:var(--color-background-app)}@media(hover:hover){.rating-chip__vote-btn:hover:not(.is-current){background:var(--color-background-raised);border-color:var(--color-border-strong)}.rating-chip__vote-btn--up:hover{color:var(--color-green)}.rating-chip__vote-btn--down:hover{color:var(--color-red)}}@media(prefers-reduced-motion:reduce){.rating-chip,.rating-chip__vote-btn{transition:none}}.replay-page{position:fixed;top:0;left:0;right:0;bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom));display:flex;flex-direction:column;background-color:var(--color-background-page);overflow:hidden;z-index:40}.is-iframe-nav-top .replay-page{top:calc(var(--bottom-nav-height) + var(--safe-area-inset-top));bottom:0}.replay-page--no-nav,.is-iframe-nav-top .replay-page--no-nav{bottom:var(--safe-area-inset-bottom);top:0}.replay-page__header{display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default);padding-top:calc(var(--space-default) + var(--safe-area-inset-top));border-bottom:var(--border-width) solid var(--color-interaction-primary-border);border-left:3px solid var(--color-interaction-primary);background-color:var(--color-interaction-primary-tint)}.replay-page__back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-default);border:none;background:transparent;color:var(--color-text-primary)}@media(hover:hover){.replay-page__back:hover{background-color:var(--color-background-elevated)}}.replay-page__header-center{min-width:0;flex:1}.replay-page__title{display:flex;align-items:center;gap:var(--space-tight);min-width:0;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-interaction-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.replay-page__subtitle{margin-top:2px;font-size:var(--font-size-caption);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__header-avatar{flex-shrink:0}.replay-page__header-meta{display:flex;align-items:center;gap:var(--space-tight);flex-wrap:wrap;min-width:0}.replay-page__owner-name{max-width:160px;font-size:var(--font-size-caption);color:var(--color-text-secondary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__meta-divider{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.replay-page__input-trace-notice{margin-top:var(--space-tight);display:flex;align-items:flex-start;gap:var(--space-tight);flex-wrap:wrap}.replay-page__input-trace-notice-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.replay-page__input-trace-notice-line{font-size:var(--font-size-tiny);color:var(--color-text-secondary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__frame-container{position:relative;flex:1;min-height:0;overflow:hidden;background-color:var(--color-background-page)}.replay-page__frame{position:absolute;inset:0;width:100%;height:100%;border:none;background-color:var(--color-background-page);overflow:hidden;-webkit-overflow-scrolling:touch}.replay-page__frame--read-only{pointer-events:none}.replay-page__tap-trace-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.replay-page__tap-trace-overlay-canvas{width:100%;height:100%;display:block}.replay-page__end-dialog-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.4}.replay-page__end-dialog-actions{display:flex;gap:var(--space-tight);flex-wrap:wrap;justify-content:flex-end}.replay-page__status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-roomy);text-align:center}.replay-page__loader{color:var(--color-text-tertiary);margin-bottom:var(--space-default)}.replay-page__status-text{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-tight)}.replay-page__status-detail{font-size:var(--font-size-body);color:var(--color-text-secondary);max-width:var(--layout-max-width-narrow)}.replay-page__error-message{font-size:var(--font-size-body);color:var(--color-text-primary);margin-bottom:var(--space-default)}.replay-page__error-actions{display:flex;gap:var(--space-tight);flex-wrap:wrap;justify-content:center}.replay-page__playback-controls{position:absolute;left:var(--space-default);right:var(--space-default);bottom:var(--space-default);display:flex;justify-content:center;pointer-events:none;z-index:2}.replay-page__playback-controls-surface{width:min(560px,100%);display:flex;flex-direction:column;gap:var(--space-tight);padding:var(--space-default);border-radius:var(--radius-large);border:var(--border-width) solid var(--color-border-subtle);background-color:var(--color-overlay-heavy);pointer-events:auto}.replay-page__playback-controls-top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.replay-page__playback-controls-buttons,.replay-page__playback-controls-meta{display:flex;align-items:center;gap:var(--space-tight)}.replay-page__playback-controls-button-label{margin-left:var(--space-hairline)}.replay-page__playback-controls-time{font-size:var(--font-size-tiny);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap}.replay-page__playback-controls-slider-row{width:100%}.replay-page__playback-controls-marker-track{position:relative;width:100%;height:var(--space-default);margin-bottom:var(--space-hairline)}.replay-page__playback-controls-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--space-loose);height:var(--space-loose);display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-interaction-primary)}.replay-page__playback-controls-marker--highlight{color:var(--color-interaction-primary)}.replay-page__playback-controls-marker--info{color:var(--color-blue)}.replay-page__playback-controls-marker--warning{color:var(--color-amber)}.replay-page__playback-controls-marker--error{color:var(--color-red)}@media(hover:hover){.replay-page__playback-controls-marker:hover:not(:disabled){background-color:var(--color-interaction-primary-tint)}.replay-page__playback-controls-marker--info:hover:not(:disabled){background-color:var(--color-blue-dim)}.replay-page__playback-controls-marker--warning:hover:not(:disabled){background-color:var(--color-amber-dim)}.replay-page__playback-controls-marker--error:hover:not(:disabled){background-color:var(--color-red-dim)}}.replay-page__playback-controls-marker:disabled{opacity:.6}.replay-page__playback-controls-marker:focus-visible{outline:none;box-shadow:var(--focus-ring-teal)}.replay-page__playback-controls-marker-dot{width:calc(var(--space-tight) + 2px);height:calc(var(--space-tight) + 2px);border-radius:var(--radius-pill);background-color:currentColor;box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-interaction-primary-glow)}.replay-page__playback-controls-marker--info .replay-page__playback-controls-marker-dot{box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-blue-glow)}.replay-page__playback-controls-marker--warning .replay-page__playback-controls-marker-dot{box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-amber-glow)}.replay-page__playback-controls-marker--error .replay-page__playback-controls-marker-dot{box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-red-glow)}.replay-page__playback-controls-slider{width:100%}.replay-page__playback-controls-status-row{display:flex;align-items:center;gap:var(--space-tight);flex-wrap:wrap}.replay-page--small-embed .replay-page__frame-container{display:flex;flex-direction:column;justify-content:flex-end}.replay-page--preview-embed,.is-iframe-nav-top .replay-page--preview-embed{top:0;bottom:0;--replay-page-preview-cover-width-ratio: 16;--replay-page-preview-cover-height-ratio: 9;--replay-page-preview-cover-bleed-x: 172px;--replay-page-preview-cover-focus-y: 50%;--replay-page-preview-cover-pan-duration: 10s;background-color:transparent;pointer-events:none}body:has(.replay-page--preview-embed){background-color:transparent}.replay-page--preview-embed .replay-page__frame-container{display:block;background-color:transparent}.replay-page--preview-embed .replay-page__frame{background-color:transparent}.replay-page__frame--preview-cover{inset:50% auto auto 50%;width:max(calc(100vw + (var(--replay-page-preview-cover-bleed-x) * 2)),calc((100vh * var(--replay-page-preview-cover-width-ratio) / var(--replay-page-preview-cover-height-ratio)) + (var(--replay-page-preview-cover-bleed-x) * 2)));height:max(100vh,calc((100vw + (var(--replay-page-preview-cover-bleed-x) * 2)) * var(--replay-page-preview-cover-height-ratio) / var(--replay-page-preview-cover-width-ratio)));transform:translate(-50%,calc(-1 * var(--replay-page-preview-cover-focus-y)));transform-origin:center;animation:replay-page-preview-cover-pan var(--replay-page-preview-cover-pan-duration) var(--ease-in-out) infinite}@keyframes replay-page-preview-cover-pan{0%,to{transform:translate(-50%,-50vh)}50%{transform:translate(-50%,calc(50vh - 100%))}}@media(prefers-reduced-motion:reduce){.replay-page__frame--preview-cover{animation:none;transform:translate(-50%,calc(-1 * var(--replay-page-preview-cover-focus-y)))}}.replay-page--preview-embed .replay-page__preview-placeholder{width:100%;height:100%;background-color:transparent}.replay-page--preview-embed .replay-page__playback-controls{display:none}.replay-page--small-embed .replay-page__playback-controls{position:relative;left:auto;right:auto;bottom:auto;padding:var(--space-hairline)}.replay-page--small-embed .replay-page__playback-controls-surface{max-width:320px;padding:var(--space-tight) var(--space-tight) var(--space-hairline);gap:var(--space-hairline);background-color:transparent;border-color:transparent}.replay-page--small-embed .replay-page__playback-controls-top-row{gap:var(--space-tight)}.replay-page--small-embed .replay-page__playback-controls-buttons{gap:var(--space-tight);opacity:.8}.replay-page--small-embed .replay-page__playback-controls-buttons .button--outline{background-color:var(--color-overlay-heavy);box-shadow:inset 0 0 0 1.5px var(--color-border-emphasis)}.replay-page--small-embed .replay-page__playback-controls-button-label{display:none}.replay-page--small-embed .replay-page__playback-controls-marker-track{height:var(--space-tight);margin-bottom:0}.replay-page--small-embed .replay-page__playback-controls-slider-row{margin-top:0}@media(max-width:639px){.replay-page:not(.replay-page--small-embed) .replay-page__header{position:absolute;top:0;left:0;right:0;z-index:3;align-items:flex-start;gap:var(--space-snug);padding:calc(var(--space-snug) + var(--safe-area-inset-top)) var(--space-snug) 0;border:none;background:linear-gradient(180deg,#141414f0,#141414b3 56%,#14141400);pointer-events:none}.replay-page:not(.replay-page--small-embed) .replay-page__back,.replay-page:not(.replay-page--small-embed) .replay-page__header-center{pointer-events:auto}.replay-page:not(.replay-page--small-embed) .replay-page__back{width:40px;height:40px;flex:0 0 40px;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background-color:#111113b8;box-shadow:0 14px 32px #00000038;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.replay-page:not(.replay-page--small-embed) .replay-page__header-center{padding:var(--space-tight) var(--space-snug);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-large);background:linear-gradient(180deg,#111113d6,#111113b8);box-shadow:0 18px 40px #00000038;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.replay-page:not(.replay-page--small-embed) .replay-page__title{align-items:center;gap:var(--space-tight);font-size:var(--font-size-body-large);line-height:var(--line-height-tight)}.replay-page:not(.replay-page--small-embed) .replay-page__header-meta{margin-top:var(--space-hairline);gap:var(--space-small)}.replay-page:not(.replay-page--small-embed) .replay-page__owner-name,.replay-page:not(.replay-page--small-embed) .replay-page__subtitle{font-size:var(--font-size-label)}.replay-page:not(.replay-page--small-embed) .replay-page__owner-name{max-width:100%}.replay-page:not(.replay-page--small-embed) .replay-page__input-trace-notice{margin-top:var(--space-tight);gap:var(--space-snug)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls{left:var(--space-snug);right:var(--space-snug);bottom:var(--space-snug)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-surface{width:100%;gap:var(--space-snug);padding:var(--space-snug);border-color:var(--color-interaction-primary-border);background:linear-gradient(180deg,#111113e0,#111113c2);box-shadow:0 20px 44px #00000047;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-top-row{align-items:flex-start;gap:var(--space-snug)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-buttons{flex:1;min-width:0}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-meta{flex-shrink:0;padding:var(--space-hairline) var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);background-color:#ffffff0a}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-time{color:var(--color-text-secondary)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-marker-track{margin-bottom:var(--space-small)}}.retained-play-host{position:fixed;inset:0;background:var(--color-background-page);pointer-events:none;visibility:hidden}.retained-play-host--visible{pointer-events:auto;visibility:visible}.retained-play-host--hidden{pointer-events:none;visibility:hidden}.retained-play-host--pending-route-sync{pointer-events:none;visibility:visible}body.is-game-preview-sheet-open .retained-play-host--visible{pointer-events:none}.retained-play-host__surface{width:100%;height:100%;opacity:1;transition:opacity var(--duration-fast) var(--ease-out)}.retained-play-host__surface--suppressed{opacity:0}@media(prefers-reduced-motion:reduce){.retained-play-host__surface{transition-duration:0ms}}.retention-curve{width:100%;position:relative}.retention-curve__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-snug);gap:var(--space-tight)}.retention-curve__title{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.retention-curve__controls{display:flex;gap:var(--space-tight);flex-shrink:0}.retention-curve__toggle{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-snug);border:1px solid var(--color-border-default);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-default) var(--ease-out),color var(--duration-default) var(--ease-out)}.retention-curve__toggle:focus-visible{box-shadow:var(--focus-ring)}.retention-curve__toggle-dot{width:6px;height:6px;border-radius:var(--radius-pill);flex-shrink:0}.retention-curve__toggle--active{color:var(--color-text-primary);border-color:var(--color-border-emphasis)}.retention-curve__chart{width:100%;position:relative;isolation:isolate}.retention-curve__chart svg{display:block;width:100%;height:100%}.retention-curve__chart svg>text[text-anchor=end]{display:none}.retention-curve__chart [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.retention-curve__chart [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-normal)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.retention-curve__chart [aria-label=x-axis]>line,.retention-curve__chart [aria-label=y-axis]>line{display:none}.retention-curve__chart [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.retention-curve__chart path[stroke]{stroke-linecap:round;stroke-linejoin:round}.retention-curve__chart circle{transition:r var(--duration-fast) var(--ease-default);cursor:pointer}@media(hover:hover)and (pointer:fine){.retention-curve__chart circle:hover{r:6}}.retention-curve__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.retention-curve__ref-line--visible{opacity:1}.retention-curve__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:var(--space-tight);background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out);z-index:1}.retention-curve__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.retention-curve__tip-swatch{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.retention-curve__tip-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}.retention-curve__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.retention-curve__legend{margin-top:var(--space-snug)}.retention-curve--empty{display:flex;align-items:center;justify-content:center}.retention-curve__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.retention-curve__benchmark-visibility{padding-bottom:var(--space-default);margin-bottom:var(--space-default);border-bottom:1px solid var(--color-border-subtle)}.retention-curve__benchmark-days{display:flex;flex-direction:column;gap:var(--space-snug)}.retention-curve__benchmark-row{display:flex;align-items:center;gap:var(--space-tight)}.retention-curve__benchmark-day{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:40px;flex-shrink:0;font-variant-numeric:tabular-nums}.retention-curve__benchmark-slider{flex:1;min-width:0}.retention-curve__benchmark-input{width:60px;flex-shrink:0;text-align:center;font-variant-numeric:tabular-nums}.retention-curve__benchmark-unit{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);color:var(--color-text-tertiary);flex-shrink:0}.retention-curve__benchmark-remove-spacer{width:24px;flex-shrink:0}.retention-curve__benchmark-remove{all:unset;box-sizing:border-box;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-subheading);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-subtle);transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.retention-curve__benchmark-remove:hover{color:var(--color-red)}}.retention-curve__benchmark-remove:focus-visible{box-shadow:var(--focus-ring)}.retention-curve__benchmark-add{display:flex;align-items:center;gap:var(--space-tight);margin-top:var(--space-default);padding-top:var(--space-default);border-top:1px solid var(--color-border-subtle)}.retention-curve__benchmark-add-prefix{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.retention-curve__benchmark-add-input{width:60px;flex-shrink:0;text-align:center}.retention-curve__benchmark-input,.retention-curve__benchmark-add-input{-moz-appearance:textfield}.retention-curve__benchmark-input::-webkit-inner-spin-button,.retention-curve__benchmark-input::-webkit-outer-spin-button,.retention-curve__benchmark-add-input::-webkit-inner-spin-button,.retention-curve__benchmark-add-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-theme=light] .retention-curve__chart [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .retention-curve__chart [aria-label=y-axis] text{fill:var(--color-text-disabled)}[data-theme=light] .retention-curve__toggle{border-color:var(--color-border-default)}[data-theme=light] .retention-curve__toggle--active{border-color:var(--color-border-emphasis)}@media(prefers-reduced-motion:reduce){.retention-curve__chart circle{transition:none}.retention-curve__ref-line,.retention-curve__tip,.retention-curve__toggle,.retention-curve__benchmark-remove{transition:none}}.retention-heatmap{width:100%;position:relative}.retention-heatmap__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-snug);gap:var(--space-tight)}.retention-heatmap__title{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.retention-heatmap__controls{display:flex;gap:var(--space-tight);flex-shrink:0}.retention-heatmap__chart{width:100%;position:relative;isolation:isolate}.retention-heatmap__chart svg{display:block;width:100%;height:100%}.retention-heatmap__chart svg>text[text-anchor=end]{display:none}.retention-heatmap__chart [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.retention-heatmap__chart [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-normal)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.retention-heatmap__chart [aria-label=x-axis]>line,.retention-heatmap__chart [aria-label=y-axis]>line{display:none}.retention-heatmap__chart [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.retention-heatmap__chart path[stroke]{stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__chart path[fill]{transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__chart circle{transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__ref-line--visible{opacity:1}.retention-heatmap__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:var(--space-tight);background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out);z-index:1}.retention-heatmap__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.retention-heatmap__tip-swatch{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.retention-heatmap__tip-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}.retention-heatmap__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.retention-heatmap--empty{display:flex;align-items:center;justify-content:center}.retention-heatmap__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}[data-theme=light] .retention-heatmap__chart [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .retention-heatmap__chart [aria-label=y-axis] text{fill:var(--color-text-disabled)}@media(prefers-reduced-motion:reduce){.retention-heatmap__chart path[stroke],.retention-heatmap__chart path[fill],.retention-heatmap__chart circle,.retention-heatmap__ref-line,.retention-heatmap__tip{transition:none}}.retention-table{margin-top:var(--space-default)}.retention-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.retention-table__inner{display:table;width:100%;border-collapse:separate;border-spacing:2px}.retention-table__header{display:table-row}.retention-table__row{display:table-row;cursor:default;transition:opacity var(--duration-fast) var(--ease-out)}.retention-table__row--average .retention-table__cohort-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.retention-table__row--average .retention-table__cell--heat{font-weight:var(--font-weight-bold)}.retention-table__cell{display:table-cell;padding:var(--space-hairline) var(--space-tight);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;text-align:center;vertical-align:middle;color:var(--color-text-secondary);white-space:nowrap}.retention-table__cell--header{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);padding-bottom:var(--space-tight)}.retention-table__cell--heat{border-radius:var(--radius-subtle);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.retention-table__cohort-label{display:table-cell;padding:var(--space-hairline) var(--space-default) var(--space-hairline) 0;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:left;vertical-align:middle;white-space:nowrap}.retention-table__cohort-swatch{display:inline-block;width:8px;height:8px;border-radius:var(--radius-pill);margin-right:var(--space-tight);vertical-align:middle;flex-shrink:0}.retention-table__cohort-name{vertical-align:middle}.retention-table__row.is-dimmed{opacity:.2}.retention-table__row.is-highlighted{opacity:1}@media(hover:hover){.retention-table__row:hover{opacity:1}}.retention-table--dense{margin-top:var(--space-tight)}.retention-table--dense .retention-table__inner{border-spacing:1px}.retention-table--dense .retention-table__cell{padding:2px var(--space-hairline);font-size:var(--font-size-tiny)}.retention-table--dense .retention-table__cell--header{padding-bottom:var(--space-hairline);font-size:var(--font-size-tiny);text-transform:uppercase}.retention-table--dense .retention-table__cohort-label{padding:2px var(--space-tight) 2px 0;font-size:var(--font-size-caption)}.retention-table--dense .retention-table__cohort-swatch{width:6px;height:6px;margin-right:var(--space-hairline)}@media(prefers-reduced-motion:reduce){.retention-table__row{transition:none}}.review-card{position:relative;display:flex;flex-direction:column;padding:var(--space-default);background-color:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);content-visibility:auto;contain-intrinsic-size:auto 200px;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}@media(hover:hover){.review-card:hover{border-color:var(--color-border-emphasis)}.review-card--recommended:hover{box-shadow:-4px 0 12px var(--color-interaction-primary-glow)}.review-card--not-recommended:hover{box-shadow:-4px 0 12px var(--color-red-glow)}}.review-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-snug)}.review-card__author{display:flex;align-items:center;gap:var(--space-snug);min-width:0;flex:1}.review-card__avatar{flex-shrink:0}.review-card__author-info{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.review-card__name{font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-card__playtime{display:flex;align-items:center;gap:var(--space-hairline);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.review-card__playtime svg{width:11px;height:11px;opacity:.7}.review-card__verdict{display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight) var(--space-snug);border-radius:var(--radius-default);flex-shrink:0}.review-card__verdict-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.review-card__verdict-icon{flex-shrink:0;width:18px;height:18px}.review-card__verdict-label{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:1}.review-card__verdict--positive{color:var(--color-interaction-primary);background:linear-gradient(135deg,var(--color-interaction-primary-tint) 0%,rgba(59,143,242,.05) 100%);border:var(--border-width) solid var(--color-interaction-primary-border);box-shadow:0 0 0 1px var(--color-interaction-primary-border),0 0 16px var(--color-interaction-primary-glow)}.review-card__verdict--negative{color:var(--color-red);background:linear-gradient(135deg,var(--color-red-dim) 0%,rgba(248,113,113,.05) 100%);border:var(--border-width) solid var(--color-red-border);box-shadow:0 0 0 1px var(--color-red-border),0 0 16px var(--color-red-glow)}.review-card__body{display:flex;flex-direction:column;gap:var(--space-snug);margin-bottom:var(--space-default)}.review-card__text{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0;white-space:pre-wrap;word-break:break-word}.review-card__expand{display:inline-flex;align-items:center;gap:var(--space-hairline);padding:0;background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-interaction-primary);cursor:pointer;align-self:flex-start;transition:color var(--duration-fast) var(--ease-default)}@media(hover:hover){.review-card__expand:hover{color:var(--color-interaction-primary-pressed)}}.review-card__expand:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset);border-radius:var(--radius-subtle)}.review-card__expand-icon{display:flex}.review-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);flex-wrap:wrap;padding-top:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle)}.review-card__date{font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-disabled);font-variant-numeric:tabular-nums}.review-card__helpful{display:flex;align-items:center;gap:var(--space-snug);flex-wrap:wrap;margin-left:auto}.review-card__helpful-count{font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.review-card__helpful-actions{display:flex;align-items:center;gap:var(--space-tight);padding-left:var(--space-tight);border-left:var(--border-width) solid var(--color-border-subtle)}.review-card__helpful-label{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-normal)}.review-card__helpful-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-hairline);min-width:44px;min-height:32px;padding:var(--space-hairline) var(--space-tight);background-color:var(--color-background-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}@media(hover:hover){.review-card__helpful-btn:hover{background-color:var(--color-background-hover);border-color:var(--color-border-emphasis)}.review-card__helpful-btn--yes:hover{color:var(--color-interaction-primary);border-color:var(--color-interaction-primary-border);background-color:var(--color-interaction-primary-tint);box-shadow:0 0 8px var(--color-interaction-primary-glow)}.review-card__helpful-btn--no:hover{color:var(--color-red);border-color:var(--color-red-border);background-color:var(--color-red-dim);box-shadow:0 0 8px var(--color-red-glow)}.review-card__helpful-btn--funny:hover{color:var(--color-amber);border-color:var(--color-amber-border);background-color:var(--color-amber-dim);box-shadow:0 0 8px var(--color-amber-glow)}}.review-card__helpful-btn:focus-visible{outline:var(--outline-width) solid var(--color-accent-muted);outline-offset:var(--outline-offset)}.review-card__helpful-btn svg{width:14px;height:14px}.review-card__helpful-btn--yes.is-voted{color:var(--color-interaction-primary);border-color:var(--color-interaction-primary-border);background-color:var(--color-interaction-primary-tint);box-shadow:0 0 8px var(--color-interaction-primary-glow)}.review-card__helpful-btn--no.is-voted{color:var(--color-red);border-color:var(--color-red-border);background-color:var(--color-red-dim)}.review-card__helpful-btn--funny.is-voted{color:var(--color-amber);border-color:var(--color-amber-border);background-color:var(--color-amber-dim);box-shadow:0 0 8px var(--color-amber-glow)}.review-card-list{display:flex;flex-direction:column;gap:var(--space-default)}.review-card--recommended{--review-card-rail-color: var(--color-interaction-primary);padding-left:calc(var(--space-default) + var(--surface-rail-compact-width))}.review-card--not-recommended{--review-card-rail-color: var(--color-red);padding-left:calc(var(--space-default) + var(--surface-rail-compact-width))}.review-card--recommended:before,.review-card--not-recommended:before{content:"";position:absolute;top:var(--surface-rail-inset);bottom:var(--surface-rail-inset);left:0;width:var(--surface-rail-compact-width);background:var(--review-card-rail-color);border-radius:0;pointer-events:none}.review-card--featured{background-color:var(--color-background-raised);border-color:var(--color-border-emphasis);padding:var(--space-loose)}.review-card--featured .review-card__name{font-size:var(--font-size-body-large)}.review-card--featured .review-card__text{font-size:var(--font-size-body-large);color:var(--color-text-primary)}.review-card--featured .review-card__verdict{padding:var(--space-snug) var(--space-default)}.review-card--featured .review-card__verdict-icon{width:20px;height:20px}.review-card--featured .review-card__verdict-label{font-size:var(--font-size-label)}.review-card--skeleton{pointer-events:none}.review-card--skeleton .skeleton{background:linear-gradient(90deg,var(--color-background-surface) 25%,var(--color-background-surface-alt) 50%,var(--color-background-surface) 75%);background-size:200% 100%;animation:review-card-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-subtle)}.review-card--skeleton .skeleton--text{height:14px;margin-bottom:var(--space-tight)}.review-card--skeleton .skeleton--text:last-child{margin-bottom:0}.review-card--skeleton .skeleton--circle{width:var(--avatar-size-compact);height:var(--avatar-size-compact);border-radius:var(--radius-pill)}@keyframes review-card-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .review-card__verdict--positive{color:var(--color-green);background:linear-gradient(135deg,var(--color-green-dim) 0%,rgba(5,150,105,.05) 100%);border-color:var(--color-green-border);box-shadow:0 0 0 1px var(--color-green-border),0 0 16px var(--color-green-glow)}[data-theme=light] .review-card--recommended{--review-card-rail-color: var(--color-green)}[data-theme=light] .review-card__expand{color:var(--color-interaction-primary)}@media(hover:hover){[data-theme=light] .review-card__expand:hover{color:var(--color-interaction-primary-pressed)}[data-theme=light] .review-card--recommended:hover{box-shadow:-4px 0 12px var(--color-green-glow)}[data-theme=light] .review-card__helpful-btn--yes:hover{color:var(--color-green);border-color:var(--color-green-border);background-color:var(--color-green-dim);box-shadow:0 0 8px var(--color-green-glow)}}[data-theme=light] .review-card__helpful-btn--yes.is-voted{color:var(--color-green);border-color:var(--color-green-border);background-color:var(--color-green-dim);box-shadow:0 0 8px var(--color-green-glow)}@media(prefers-reduced-motion:reduce){.review-card,.review-card__expand,.review-card__helpful-btn{transition:none}.review-card--skeleton .skeleton{animation:none}}.review-sentiment{display:inline-flex;align-items:baseline;gap:var(--space-tight);font-family:var(--font-family)}.review-sentiment__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;top:2px}.review-sentiment__icon--double{padding-right:6px}.review-sentiment__icon-echo{position:absolute;left:5px;top:4px;fill:var(--color-background-card)}.review-sentiment__label{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.review-sentiment__stats{display:flex;align-items:baseline;gap:var(--space-hairline);font-family:var(--font-family-mono);font-size:var(--font-size-label);line-height:1;font-variant-numeric:tabular-nums}.review-sentiment__percentage{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.review-sentiment__count{font-weight:var(--font-weight-normal);color:var(--color-text-disabled);font-size:var(--font-size-caption)}.review-sentiment--overwhelmingly-positive .review-sentiment__icon,.review-sentiment--overwhelmingly-positive .review-sentiment__label{color:var(--color-amber)}.review-sentiment--overwhelmingly-positive .review-sentiment__label{text-shadow:0 0 8px var(--color-amber-glow),0 0 20px var(--color-amber-glow),0 0 40px var(--color-amber-dim)}.review-sentiment--overwhelmingly-positive .review-sentiment__icon{filter:drop-shadow(0 0 4px var(--color-amber-glow))}.review-sentiment--very-positive .review-sentiment__icon,.review-sentiment--very-positive .review-sentiment__label{color:var(--color-interaction-primary)}.review-sentiment--very-positive .review-sentiment__label{text-shadow:0 0 16px var(--color-interaction-primary-glow)}.review-sentiment--positive .review-sentiment__icon,.review-sentiment--positive .review-sentiment__label{color:var(--color-interaction-primary)}.review-sentiment--mostly-positive .review-sentiment__icon,.review-sentiment--mostly-positive .review-sentiment__label{color:var(--color-green)}.review-sentiment--mixed .review-sentiment__icon,.review-sentiment--mixed .review-sentiment__label{color:var(--color-cream)}.review-sentiment--mostly-negative .review-sentiment__icon,.review-sentiment--mostly-negative .review-sentiment__label{color:var(--color-red-light)}.review-sentiment--negative .review-sentiment__icon,.review-sentiment--negative .review-sentiment__label,.review-sentiment--very-negative .review-sentiment__icon,.review-sentiment--very-negative .review-sentiment__label,.review-sentiment--overwhelmingly-negative .review-sentiment__icon,.review-sentiment--overwhelmingly-negative .review-sentiment__label{color:var(--color-red)}.review-sentiment--compact{gap:var(--space-hairline)}.review-sentiment--compact .review-sentiment__icon{top:1px}.review-sentiment--compact .review-sentiment__label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.review-sentiment--compact .review-sentiment__stats{font-size:var(--font-size-caption)}.review-sentiment--compact .review-sentiment__count{font-size:var(--font-size-tiny)}.review-sentiment--large{gap:var(--space-snug)}.review-sentiment--large .review-sentiment__icon{top:3px}.review-sentiment--large .review-sentiment__label{font-size:var(--font-size-heading);letter-spacing:-.01em}.review-sentiment--large .review-sentiment__stats{font-size:var(--font-size-body)}.review-sentiment--large .review-sentiment__count{font-size:var(--font-size-label)}.review-sentiment-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-subtle);position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.review-sentiment-badge--double{width:28px}.review-sentiment-badge__echo{position:absolute;left:4px;top:3px;fill:var(--color-background-card)}@media(hover:hover){.review-sentiment-badge:hover{transform:scale(1.1)}.review-sentiment-badge--overwhelmingly-positive:hover{box-shadow:0 0 12px var(--color-amber-glow)}.review-sentiment-badge--very-positive:hover{box-shadow:0 0 12px var(--color-interaction-primary-glow)}.review-sentiment-badge--positive:hover,.review-sentiment-badge--mostly-positive:hover{box-shadow:0 0 12px var(--color-green-glow)}.review-sentiment-badge--mixed:hover{box-shadow:0 0 12px var(--color-cream-glow)}.review-sentiment-badge--mostly-negative:hover,.review-sentiment-badge--negative:hover,.review-sentiment-badge--very-negative:hover,.review-sentiment-badge--overwhelmingly-negative:hover{box-shadow:0 0 12px var(--color-red-glow)}}.review-sentiment-badge--overwhelmingly-positive{color:var(--color-amber);background-color:var(--color-amber-dim)}.review-sentiment-badge--very-positive{color:var(--color-interaction-primary);background-color:var(--color-interaction-primary-tint)}.review-sentiment-badge--positive,.review-sentiment-badge--mostly-positive{color:var(--color-green);background-color:var(--color-green-dim)}.review-sentiment-badge--mixed{color:var(--color-cream);background-color:var(--color-cream-dim)}.review-sentiment-badge--mostly-negative{color:var(--color-red-light);background-color:var(--color-red-dim)}.review-sentiment-badge--negative,.review-sentiment-badge--very-negative,.review-sentiment-badge--overwhelmingly-negative{color:var(--color-red);background-color:var(--color-red-dim)}[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__label,[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__icon{color:var(--color-amber)}[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__label{text-shadow:0 0 8px var(--color-amber-glow),0 0 20px var(--color-amber-glow),0 0 40px var(--color-amber-dim)}[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__icon{filter:drop-shadow(0 0 4px var(--color-amber-glow))}[data-theme=light] .review-sentiment--very-positive .review-sentiment__label,[data-theme=light] .review-sentiment--very-positive .review-sentiment__icon,[data-theme=light] .review-sentiment--positive .review-sentiment__label,[data-theme=light] .review-sentiment--positive .review-sentiment__icon{color:var(--color-green)}[data-theme=light] .review-sentiment--very-positive .review-sentiment__label{text-shadow:0 0 16px var(--color-green-glow)}[data-theme=light] .review-sentiment-badge--overwhelmingly-positive{color:var(--color-amber);background-color:var(--color-amber-dim)}[data-theme=light] .review-sentiment-badge--very-positive,[data-theme=light] .review-sentiment-badge--positive,[data-theme=light] .review-sentiment-badge--mostly-positive{color:var(--color-green);background-color:var(--color-green-dim)}@media(hover:hover){[data-theme=light] .review-sentiment-badge--overwhelmingly-positive:hover{box-shadow:0 0 12px var(--color-amber-glow)}[data-theme=light] .review-sentiment-badge--very-positive:hover,[data-theme=light] .review-sentiment-badge--positive:hover,[data-theme=light] .review-sentiment-badge--mostly-positive:hover{box-shadow:0 0 12px var(--color-green-glow)}}@media(prefers-reduced-motion:reduce){.review-sentiment-badge{transition:none}}.screen-capture-share-sheet__preview{display:flex;flex-direction:column;gap:var(--space-snug)}.screen-capture-share-sheet__summary{display:flex;flex-direction:column;gap:var(--space-micro)}.screen-capture-share-sheet__eyebrow{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.screen-capture-share-sheet__message{margin:0;font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.segmented-progress{display:flex;align-items:center;gap:var(--segment-gap)}.segmented-progress__segment{width:var(--segment-width);height:var(--segment-height);border-radius:var(--radius-sharp)}.segmented-progress__segment--filled{background-color:var(--color-interaction-primary)}.segmented-progress__segment--empty{background-color:#ffffff14}.segmented-progress--teal .segmented-progress__segment--filled{background-color:var(--color-interaction-primary)}.segmented-progress--accent .segmented-progress__segment--filled{background-color:var(--color-accent)}.segmented-progress--success .segmented-progress__segment--filled{background-color:var(--color-green)}.segmented-progress--warning .segmented-progress__segment--filled,.segmented-progress--amber .segmented-progress__segment--filled{background-color:var(--color-amber)}.segmented-progress--error .segmented-progress__segment--filled{background-color:var(--color-red)}.segmented-progress--coral .segmented-progress__segment--filled{background-color:var(--color-coral)}.segmented-progress--compact .segmented-progress__segment{width:24px;height:10px}.segmented-progress--large .segmented-progress__segment{width:40px;height:18px}[data-theme=light] .segmented-progress__segment--empty{background-color:#0f141914}.select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-tight);height:var(--button-height-default);min-width:180px;padding:0 var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.select__trigger[data-placeholder]{color:var(--color-text-tertiary)}@media(hover:hover){.select__trigger:hover{border-color:var(--color-border-emphasis)}}.select__trigger:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-accent)}.select__trigger[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.select__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out)}.select__trigger[data-state=open] .select__icon{transform:rotate(180deg)}.select__chevron{width:var(--icon-size-small);height:var(--icon-size-small)}[data-radix-popper-content-wrapper]{position:fixed!important}.select__content{z-index:var(--z-popover);min-width:var(--radix-select-trigger-width);overflow:hidden;background-color:var(--color-background-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-floating)}.select__content[data-state=closed]{animation:select-exit var(--duration-fast) var(--ease-out) forwards}@keyframes select-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.select__motion-wrapper{overflow:hidden}.select__viewport{padding:var(--space-hairline);max-height:300px;overflow-y:auto}.select__scroll-button{display:flex;align-items:center;justify-content:center;height:var(--space-roomy);background-color:var(--color-background-surface);color:var(--color-text-tertiary);cursor:default}.select__scroll-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.select__item{display:flex;align-items:center;gap:var(--space-tight);height:var(--button-height-default);padding:0 var(--space-default) 0 var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);border-radius:var(--radius-subtle);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-default);position:relative}.select__item[data-disabled]{color:var(--color-text-disabled);pointer-events:none}.select__item[data-highlighted]{background-color:var(--color-background-hover)}.select__item[data-state=checked]{color:var(--color-interaction-primary)}.select__item-indicator{position:absolute;left:var(--space-tight);display:flex;align-items:center;justify-content:center;width:var(--icon-size-small);height:var(--icon-size-small)}.select__check{width:var(--icon-size-small);height:var(--icon-size-small);color:var(--color-interaction-primary)}.select__group{padding:var(--space-hairline) 0}.select__label{padding:var(--space-tight) var(--space-default) var(--space-tight) var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.select__separator{height:var(--border-width);margin:var(--space-hairline) 0;background-color:var(--color-border-subtle)}.select__trigger--compact{height:var(--button-height-compact);min-width:140px;padding:0 var(--space-snug);font-size:var(--font-size-body-small)}.select__trigger--large{height:var(--button-height-large);min-width:220px;padding:0 var(--space-loose);font-size:var(--font-size-body-large)}@media(prefers-reduced-motion:reduce){.select__trigger,.select__icon,.select__item{transition:none}}:root{--skeleton-ease: cubic-bezier(.165, .84, .44, 1);--skeleton-duration: 1.5s}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{display:block;background-color:var(--color-background-hover);position:relative;overflow:hidden}.skeleton--animate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,var(--shadow-highlight-subtle) 50%,transparent 75%);animation:skeleton-shimmer var(--skeleton-duration) var(--skeleton-ease) infinite;will-change:transform}.skeleton--text{height:14px;border-radius:var(--radius-subtle)}.skeleton--circular{border-radius:var(--radius-pill);width:var(--avatar-size-default);height:var(--avatar-size-default);flex-shrink:0}.skeleton--rectangular{border-radius:var(--radius-default);width:100%;height:120px}.skeleton--rounded{border-radius:var(--radius-rounded);width:var(--button-height-default);height:var(--button-height-default)}.skeleton--compact.skeleton--text{height:11px}.skeleton--large.skeleton--text{height:16px}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-snug)}.skeleton-text .skeleton:nth-child(1):after{animation-delay:0s}.skeleton-text .skeleton:nth-child(2):after{animation-delay:.08s}.skeleton-text .skeleton:nth-child(3):after{animation-delay:.16s}.skeleton-text .skeleton:nth-child(4):after{animation-delay:.24s}.skeleton-text .skeleton:nth-child(5):after{animation-delay:.32s}.skeleton-avatar--micro{width:var(--avatar-size-micro);height:var(--avatar-size-micro)}.skeleton-avatar--tiny{width:var(--avatar-size-tiny);height:var(--avatar-size-tiny)}.skeleton-avatar--compact{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.skeleton-avatar--default{width:var(--avatar-size-default);height:var(--avatar-size-default)}.skeleton-avatar--large{width:var(--avatar-size-large);height:var(--avatar-size-large)}.skeleton-card{display:flex;flex-direction:column;background-color:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);overflow:hidden}.skeleton-card__image{height:var(--card-image-height);border-radius:0}.skeleton-card__content{display:flex;flex-direction:column;gap:var(--space-snug);padding:var(--space-default)}.skeleton-card__header{display:flex;align-items:center;gap:var(--space-snug)}.skeleton-card__header-text{display:flex;flex-direction:column;gap:var(--space-hairline);flex:1}.skeleton-list{display:flex;flex-direction:column}.skeleton-list .skeleton-list-item:not(:last-child){border-bottom:1px solid var(--color-border-subtle)}.skeleton-list .skeleton-list-item:nth-child(1) .skeleton:after{animation-delay:0s}.skeleton-list .skeleton-list-item:nth-child(2) .skeleton:after{animation-delay:.1s}.skeleton-list .skeleton-list-item:nth-child(3) .skeleton:after{animation-delay:.2s}.skeleton-list .skeleton-list-item:nth-child(4) .skeleton:after{animation-delay:.3s}.skeleton-list .skeleton-list-item:nth-child(5) .skeleton:after{animation-delay:.4s}.skeleton-list .skeleton-list-item:nth-child(6) .skeleton:after{animation-delay:.5s}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-snug) 0}.skeleton-list-item__content{display:flex;flex-direction:column;gap:var(--space-hairline);flex:1;min-width:0}.skeleton-profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-default);padding:var(--space-loose);background-color:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large)}.skeleton-profile__info{display:flex;flex-direction:column;align-items:center;gap:var(--space-hairline);width:100%}.skeleton-profile__stats{display:flex;justify-content:center;gap:var(--space-loose);width:100%}.skeleton-profile__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-hairline)}[data-theme=light] .skeleton{background-color:var(--color-background-raised)}@media(prefers-reduced-motion:reduce){.skeleton--animate:after{animation:none;opacity:0}}.slider{--slider-track-height: 6px;--slider-thumb-size: 24px;--slider-thumb-touch-size: 44px;position:relative;display:flex;flex-direction:column;gap:var(--space-tight);width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.slider__root{position:relative;display:flex;align-items:center;width:100%;height:var(--slider-thumb-touch-size);padding:0 calc(var(--slider-thumb-size) / 2);cursor:pointer}.slider.is-disabled .slider__root{cursor:not-allowed;opacity:.5}.slider__track{position:relative;flex-grow:1;height:var(--slider-track-height);overflow:hidden;background-color:var(--color-border-default);border-radius:var(--radius-pill)}.slider__range{position:absolute;height:100%;background-color:var(--color-interaction-primary);border-radius:var(--radius-pill)}.slider__range--single{top:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-fast) var(--ease-out);will-change:transform}.slider.is-dragging .slider__range--single{transition:none}.slider__thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--slider-thumb-touch-size);height:var(--slider-thumb-touch-size);cursor:grab;outline:none}.slider__thumb:before{display:block;width:var(--slider-thumb-size);height:var(--slider-thumb-size);content:"";background-color:var(--color-text-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-elevated);transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}@media(hover:hover){.slider__thumb:hover:before{background-color:var(--color-interaction-primary);box-shadow:var(--shadow-floating)}}.slider__thumb:focus-visible:before{box-shadow:var(--shadow-elevated),0 0 0 3px var(--color-interaction-primary-tint)}.slider__thumb:active{cursor:grabbing}.slider.is-dragging .slider__thumb:before{background-color:var(--color-interaction-primary);box-shadow:var(--shadow-floating),0 0 0 4px var(--color-interaction-primary-tint)}.slider__thumb-value{position:absolute;top:calc(50% + var(--slider-thumb-size) / 2 + 2px);left:50%;font-size:var(--font-size-label);font-weight:var(--font-semibold);color:var(--color-interaction-primary);white-space:nowrap;transform:translate(-50%)}.slider--show-ticks .slider__thumb-value{top:calc(50% + var(--slider-thumb-size) / 2 + var(--space-tight))}.slider__labels{display:flex;justify-content:space-between;margin-top:calc(-1 * (var(--slider-thumb-touch-size) / 2 - var(--slider-thumb-size) / 2) + 2px);padding:0 calc(var(--slider-thumb-size) / 2)}.slider--show-ticks .slider__labels{margin-top:var(--space-hairline)}.slider__labels--range{justify-content:center;gap:var(--space-tight)}.slider__label{font-size:var(--font-size-label);color:var(--color-text-secondary);transition:opacity var(--duration-fast) var(--ease-out)}.slider__label--separator{color:var(--color-text-disabled)}.slider__ticks{position:absolute;top:50%;right:var(--slider-thumb-size);left:var(--slider-thumb-size);height:var(--slider-track-height);pointer-events:none;transform:translateY(-50%)}.slider__tick{position:absolute;width:2px;height:calc(var(--slider-track-height) + 4px);background-color:var(--color-border-subtle);border-radius:var(--radius-pill);transform:translate(-50%);transition:background-color var(--duration-fast) var(--ease-out)}.slider__tick--filled{background-color:var(--color-interaction-primary-tint)}.slider--compact{--slider-track-height: 4px;--slider-thumb-size: 18px;--slider-thumb-touch-size: 36px}.slider--large{--slider-track-height: 8px;--slider-thumb-size: 28px;--slider-thumb-touch-size: 48px}.slider--teal .slider__range{background-color:var(--color-interaction-primary)}.slider--teal.slider.is-dragging .slider__thumb:before{background-color:var(--color-interaction-primary)}.slider--green .slider__range{background-color:var(--color-green)}.slider--green.slider.is-dragging .slider__thumb:before{background-color:var(--color-green)}.slider--amber .slider__range{background-color:var(--color-amber)}.slider--amber.slider.is-dragging .slider__thumb:before{background-color:var(--color-amber)}.slider--red .slider__range{background-color:var(--color-red)}.slider--red.slider.is-dragging .slider__thumb:before{background-color:var(--color-red)}@media(hover:hover){.slider--teal .slider__thumb:hover:before{background-color:var(--color-interaction-primary)}.slider--green .slider__thumb:hover:before{background-color:var(--color-green)}.slider--amber .slider__thumb:hover:before{background-color:var(--color-amber)}.slider--red .slider__thumb:hover:before{background-color:var(--color-red)}}.slider--gradient .slider__range{background:linear-gradient(90deg,var(--color-interaction-primary) 0%,var(--color-green) 50%,var(--color-amber) 100%)}.slider--stepped .slider__track{background:repeating-linear-gradient(90deg,var(--color-bg-tertiary) 0,var(--color-bg-tertiary) calc(25% - 2px),transparent calc(25% - 2px),transparent 25%)}[data-theme=light] .slider__thumb:before{box-shadow:var(--shadow-floating)}@media(prefers-reduced-motion:reduce){.slider__thumb:before,.slider__range,.slider__tick,.slider__label,.slider__thumb-value{transition:none}}.social-list{display:flex;flex-direction:column;gap:var(--space-tight)}.social-list--friends-find,.social-list--friend-rows{gap:var(--space-tight)}.social-list__filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-inline:calc(-1 * var(--space-default));padding:0 var(--space-default);border-bottom:var(--border-width) solid var(--color-border-subtle)}.social-list__filters--count-1{grid-template-columns:minmax(0,1fr)}.social-list__filters--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.social-list__filters--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.social-list__filters--count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.social-list__filters--count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.social-list__filters--count-6{grid-template-columns:repeat(6,minmax(0,1fr))}.social-list__filter{-webkit-appearance:none;appearance:none;position:relative;min-width:0;min-height:var(--button-height-large);padding:0 var(--space-tight);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:none;letter-spacing:var(--letter-spacing-normal);background:transparent;border:0;border-radius:0;cursor:pointer;transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.social-list__filter:after{position:absolute;right:0;bottom:calc(-1 * var(--border-width));left:0;height:var(--progress-height-thin);content:"";background:transparent}.social-list__filter--active{color:var(--color-text-primary)}.social-list__filter--active:after{background:var(--color-interaction-primary)}.social-list__discover-upload{display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-card)}.social-list__discover-upload-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--color-background-raised);color:var(--color-interaction-primary)}.social-list__discover-upload-icon-svg{width:20px;height:20px}.social-list__discover-upload-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:var(--space-hairline)}.social-list__discover-upload-title{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.social-list__discover-upload-meta{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.social-list__discover-upload .button{flex:0 0 auto;min-width:160px;padding-inline:var(--space-tight);white-space:nowrap}.social-list--friends-find .social-list__rows{overflow:hidden;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card)}.social-list--friends-find .social-list__row{min-height:52px;padding:var(--space-tight);border:0;border-bottom:var(--border-width) solid var(--color-border-subtle);border-radius:0;background:transparent}.social-list--friends-find .social-list__row:last-child{border-bottom:0}.social-list--friends-find .social-list__avatar-wrap{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.social-list--friends-find .social-list__name{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.social-list--friends-find .social-list__meta{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.social-list--friends-find .social-list__action-button{min-width:76px;justify-content:center;border-radius:var(--radius-default);font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.social-list__section{display:flex;flex-direction:column}.social-list__section-header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-tight);margin-inline:calc(-1 * var(--space-default));padding:var(--space-hairline) var(--space-default);background-color:var(--color-background-inset)}.social-list__section-title{display:inline-flex;align-items:center;gap:var(--space-tight);margin:0;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.social-list__section-count{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-wide)}.social-list__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.social-list__row{display:flex;align-items:center;gap:var(--space-tight);min-width:0;padding:var(--space-tight) 0;border-bottom:var(--border-width) solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-default)}.social-list__row:last-child{border-bottom:none}.social-list__row-main{-webkit-appearance:none;appearance:none;flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-tight);padding:0;font:inherit;text-align:left;color:inherit;background:transparent;border:none;border-radius:var(--radius-default);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default)}.social-list__row-main:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline)}.social-list__row-main:active{transform:scale(.97)}@media(hover:hover){.social-list__row:hover{background-color:var(--color-background-card)}}.social-list__avatar-wrap{position:relative;flex:0 0 auto;width:var(--avatar-size-default);height:var(--avatar-size-default)}.social-list__avatar-wrap .avatar{width:100%;height:100%}.social-list__avatar-wrap .avatar{border:none}.social-list__avatar-wrap .avatar--active{border:var(--border-width-thick) solid var(--color-interaction-primary)}.social-list__online-dot{position:absolute;right:0;bottom:0;width:var(--space-default);height:var(--space-default);border:var(--border-width-thick) solid var(--color-background-card);border-radius:var(--radius-pill);background:var(--color-online-green);box-shadow:0 0 var(--space-tight) var(--color-online-green-glow)}.social-list__avatar-wrap .avatar--tone-teal{background:linear-gradient(135deg,var(--color-interaction-primary) 0%,color-mix(in srgb,var(--color-interaction-primary) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-green{background:linear-gradient(135deg,var(--color-green) 0%,color-mix(in srgb,var(--color-green) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-amber{background:linear-gradient(135deg,var(--color-amber) 0%,color-mix(in srgb,var(--color-amber) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-blue{background:linear-gradient(135deg,var(--color-blue) 0%,color-mix(in srgb,var(--color-blue) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-purple{background:linear-gradient(135deg,var(--color-purple) 0%,color-mix(in srgb,var(--color-purple) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-pink{background:linear-gradient(135deg,var(--color-pink) 0%,color-mix(in srgb,var(--color-pink) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-red{background:linear-gradient(135deg,var(--color-red) 0%,color-mix(in srgb,var(--color-red) 70%,#000) 100%)}.social-list__avatar-wrap .avatar__initials{color:var(--color-white);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.social-list__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.social-list__name-line{display:flex;align-items:baseline;gap:var(--space-tight);min-width:0}.social-list__name{min-width:0;overflow:hidden;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.social-list__meta{margin:0;overflow:hidden;font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-normal);text-overflow:ellipsis;white-space:nowrap}.social-list__current-game{display:inline-flex;max-width:100%;align-items:center;gap:var(--space-tight);margin:0;color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);cursor:pointer}.social-list__current-game-badge{flex:0 0 auto;padding:0 var(--space-tight);border-radius:var(--radius-subtle);color:var(--color-white);background-color:var(--color-interaction-primary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.social-list__current-game-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-list__meta-line{display:inline-flex;max-width:100%;align-items:center;gap:var(--space-hairline);vertical-align:middle}.social-list__meta-source,.social-list__meta-time{min-width:0;overflow:hidden;text-overflow:ellipsis}.social-list__meta-separator{color:var(--color-text-tertiary)}.social-list__actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-hairline)}.social-list__action-button{height:calc(var(--button-height-compact) - var(--space-small));padding-inline:var(--space-tight);font-size:var(--font-size-caption);border-radius:var(--radius-rounded)}.social-list__state{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--space-hairline);border:0;padding:var(--space-small) var(--space-tight);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:none;letter-spacing:var(--letter-spacing-normal);border-radius:var(--radius-pill);background:transparent}button.social-list__state{cursor:pointer}button.social-list__state:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline)}.social-list--friend-rows .social-list__section{gap:var(--space-tight)}.social-list--friend-rows .social-list__section-header{margin:0;padding:0;background:transparent}.social-list--friend-rows .social-list__section-title{color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-wider)}.social-list--friend-rows .social-list__section-count{color:color-mix(in srgb,var(--color-text-secondary) 70%,transparent);font-weight:var(--font-weight-bold)}.social-list--friend-rows .social-list__rows{overflow:hidden;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card)}.social-list--friend-rows .social-list__row{min-height:46px;padding:var(--space-hairline) var(--space-tight);border:0;border-bottom:var(--border-width) solid var(--color-border-subtle);border-radius:0;background:transparent}.social-list--friend-rows .social-list__row:last-child{border-bottom:var(--border-width) solid var(--color-border-subtle)}.social-list--friend-rows .social-list__avatar-wrap{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.social-list--friend-rows .social-list__name{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);text-transform:none}.social-list--friend-rows .social-list__meta{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.social-list--friend-rows .social-list__state,.social-list--friend-rows .social-list__action-button,.social-list--friend-rows .social-list__pending-cancel{border-radius:var(--radius-pill);font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.social-list--friend-rows .social-list__state{justify-content:center;min-width:82px}.social-list__state--vr{color:var(--color-amber);background:var(--color-amber-dim)}.social-list__state--friend{color:var(--color-text-secondary);background:transparent;box-shadow:inset 0 0 0 1px var(--color-border-default)}.social-list__state--following,.social-list__state--follows-you{color:var(--color-text-secondary);background:var(--color-background-inset);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.social-list__state--ghost{color:var(--color-text-tertiary);background:var(--color-background-inset);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.social-list__state--pending{font-size:var(--font-size-tiny);color:var(--color-text-tertiary);padding:0;border-radius:0;background:transparent;box-shadow:none}.social-list__legacy-preview{display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default) var(--space-loose)}.social-list__legacy-preview-body{display:grid;gap:var(--space-extra-tight);min-width:0}.social-list__legacy-preview-meta{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-small);line-height:var(--line-height-tight)}.social-list__pending-cancel{height:calc(var(--button-height-compact) - var(--space-hairline));padding-inline:var(--space-tight);font-size:var(--font-size-caption)}.social-list__more{list-style:none;display:flex;justify-content:center;padding:var(--space-snug) 0}.social-list__more-button{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:var(--space-tight) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-default)}@media(hover:hover){.social-list__more-button:hover{background-color:var(--color-interaction-primary-tint)}}.social-list__more-button:active{transform:scale(.97)}.social-list__status{display:flex;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-default) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body)}.social-list__status--error{flex-direction:column;color:var(--color-red)}.social-list__status-spinner{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-interaction-primary);animation:social-list-spin 1s linear infinite}@keyframes social-list-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-list__placeholder-row{display:flex;align-items:center;gap:var(--space-tight);min-width:0;padding:var(--space-snug) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body);border-bottom:var(--border-width) solid var(--color-border-subtle)}.social-list__placeholder-marker{flex:0 0 auto;width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-pill);background:var(--color-border-emphasis)}.social-list__placeholder-text{min-width:0;overflow:hidden;color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap}.social-list__empty{margin:0;padding:var(--space-default) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body);text-align:center}.social-list__empty--action{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight)}.social-list__empty-text{margin:0}@media(prefers-reduced-motion:reduce){.social-list__row,.social-list__row-main,.social-list__more-button{transition:none}.social-list__row-main:active,.social-list__more-button:active{transform:none}.social-list__status-spinner{animation:none}}.social-posts-panel,.social-posts-panel__list-wrap,.social-posts-panel__detail{display:flex;flex-direction:column;gap:var(--space-default);min-width:0}.social-posts-panel__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight)}.social-posts-panel__count,.social-posts-panel__sort-note{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.social-posts-panel__sort{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:var(--control-height-compact);overflow:hidden;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-card)}.social-posts-panel__sort-button{min-width:4.25rem;padding:0 var(--space-tight);border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font:inherit;font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.social-posts-panel__sort-button.is-active{background:var(--color-interaction-primary);color:var(--color-white)}.social-posts-panel__list{display:flex;flex-direction:column;gap:var(--space-tight)}.social-posts-panel__post{-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;gap:var(--space-tight);align-items:center;min-width:0;min-height:calc(var(--avatar-size-large) + var(--space-default));padding:var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.social-posts-panel__post:disabled{cursor:default;opacity:.62}.social-posts-panel__post:focus-visible,.social-posts-panel__back:focus-visible,.social-posts-panel__external-link:focus-visible,.social-posts-panel__owner:focus-visible,.social-posts-panel__sort-button:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.social-posts-panel__post:active{transform:scale(.985)}@media(hover:hover){.social-posts-panel__post:hover{border-color:var(--color-interaction-primary-border)}}.social-posts-panel__thumbnail{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size-large);height:var(--avatar-size-large);overflow:hidden;border-radius:var(--radius-default);background:linear-gradient(180deg,var(--color-background-raised),var(--color-orange));color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);object-fit:cover}.social-posts-panel__thumbnail--empty{box-shadow:inset 0 0 0 var(--border-width) var(--color-border-subtle)}.social-posts-panel__post-main,.social-posts-panel__detail-copy,.social-posts-panel__quality-copy,.social-posts-panel__criterion{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.social-posts-panel__post-title,.social-posts-panel__detail-title{overflow:hidden;margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis}.social-posts-panel__post-title{white-space:nowrap}.social-posts-panel__post-meta,.social-posts-panel__freshness,.social-posts-panel__quality-summary{display:inline-flex;align-items:center;gap:var(--space-micro);min-width:0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.social-posts-panel__platform-icon,.social-posts-panel__chevron,.social-posts-panel__freshness svg,.social-posts-panel__external-link svg{flex:0 0 auto;width:var(--icon-size-small);height:var(--icon-size-small)}.social-posts-panel__chevron,.social-posts-panel__quality-summary{color:var(--color-text-tertiary)}.social-posts-panel__status,.social-posts-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);min-height:12rem;padding:var(--space-loose);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card);text-align:center}.social-posts-panel__status-icon,.social-posts-panel__empty-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-interaction-primary)}.social-posts-panel__empty-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.social-posts-panel__empty-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.social-posts-panel__empty-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-tight);width:min(100%,20rem)}.social-posts-panel__back{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-tight);min-height:var(--control-height-compact);padding:0 var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.social-posts-panel__back svg{width:var(--icon-size-small);height:var(--icon-size-small)}.social-posts-panel__detail-hero{display:grid;grid-template-columns:var(--avatar-size-display) minmax(0,1fr);gap:var(--space-default);align-items:center;min-width:0}.social-posts-panel__detail-hero .social-posts-panel__thumbnail{width:var(--avatar-size-display);height:var(--avatar-size-display)}.social-posts-panel__owner,.social-posts-panel__external-link{display:inline-flex;align-items:center;gap:var(--space-micro);width:fit-content;max-width:100%;color:var(--color-interaction-primary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-decoration:none}.social-posts-panel__external-link{min-height:var(--control-height-compact);padding:0 var(--space-tight);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-default);background:var(--color-interaction-primary-tint)}.social-posts-panel__quality{display:grid;grid-template-columns:var(--control-height-large) minmax(0,1fr);gap:var(--space-tight);align-items:center;padding:var(--space-default);border:var(--border-width) solid var(--color-green-border);border-radius:var(--radius-card);background:var(--color-green-dim)}.social-posts-panel__quality-score{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-large);height:var(--control-height-large);border-radius:var(--radius-default);background:var(--color-green);color:var(--color-white);font-family:var(--font-family-mono);font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.social-posts-panel__quality-copy strong{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body)}.social-posts-panel__quality-copy span{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-normal)}.social-posts-panel__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-tight)}.social-posts-panel__metric-row{min-width:0;padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card)}.social-posts-panel__metric-label{display:block;overflow:hidden;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;letter-spacing:var(--letter-spacing-wider)}.social-posts-panel__metric-value{display:block;overflow:hidden;margin-top:var(--space-micro);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.social-posts-panel__criteria{border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card)}.social-posts-panel__criteria-summary{min-height:var(--control-height-default);padding:var(--space-default);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.social-posts-panel__criteria-list{display:flex;flex-direction:column;gap:var(--space-tight);padding:0 var(--space-default) var(--space-default)}.social-posts-panel__criterion{padding-top:var(--space-tight);border-top:var(--border-width) solid var(--color-border-subtle)}.social-posts-panel__criterion-title{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.social-posts-panel__criterion-text{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-normal)}@media(min-width:560px){.social-posts-panel__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.social-table-view{display:flex;flex-direction:column;gap:var(--space-snug)}.social-table-view__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-tight)}.social-table-view__title{margin:0;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.social-table-view__count{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.social-table-view__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-tight)}.social-table-view__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);padding:var(--space-snug);overflow:hidden;background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.social-table-view__row--urgent{border-color:var(--color-red-border);background:color-mix(in srgb,var(--color-red-dim) 45%,var(--color-background-card))}.social-table-view__row--live{border-color:var(--color-interaction-primary-border)}@media(hover:hover){.social-table-view__row:hover{border-color:var(--color-border-default);background:var(--color-background-surface)}}.social-table-view__unread{position:absolute;top:var(--space-tight);right:var(--space-tight);width:var(--space-tight);height:var(--space-tight);border-radius:var(--radius-sharp);background:var(--color-red);box-shadow:0 0 0 var(--space-micro) var(--color-red-dim)}.social-table-view__main{-webkit-appearance:none;appearance:none;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-snug);padding:0;font:inherit;text-align:left;color:inherit;background:transparent;border:none}.social-table-view__main:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline);border-radius:var(--radius-default)}.social-table-view__main:active{transform:scale(.97)}.social-table-view__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-spacious);height:var(--space-spacious);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);border-radius:var(--radius-default)}.social-table-view__row--urgent .social-table-view__icon{color:var(--color-red);background:var(--color-red-dim)}.social-table-view__row--live .social-table-view__icon{color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint)}.social-table-view__icon-svg{width:var(--icon-size-default);height:var(--icon-size-default)}.social-table-view__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.social-table-view__label{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.social-table-view__row--urgent .social-table-view__label{color:var(--color-red)}.social-table-view__headline{overflow:hidden;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.social-table-view__meta{overflow:hidden;font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:var(--line-height-normal);text-overflow:ellipsis;white-space:nowrap}.social-table-view__actions{display:inline-flex;align-items:center;gap:var(--space-tight);padding-right:var(--space-default)}.social-table-view__state{display:inline-flex;align-items:center;padding:var(--space-hairline) var(--space-tight);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-amber);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:var(--color-amber-dim);border-radius:var(--radius-pill)}.social-table-view__status{display:flex;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-default);color:var(--color-text-tertiary);font-size:var(--font-size-body);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded)}.social-table-view__status--error{flex-direction:column;color:var(--color-red)}.social-table-view__spinner{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-interaction-primary);animation:social-table-view-spin 1s linear infinite}.social-table-view__empty{margin:0;padding:var(--space-default);color:var(--color-text-tertiary);font-size:var(--font-size-body);text-align:center;background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded)}@keyframes social-table-view-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:560px){.social-table-view__row{grid-template-columns:1fr;align-items:stretch}.social-table-view__actions{justify-content:flex-end;padding-right:0}}@media(prefers-reduced-motion:reduce){.social-table-view__row,.social-table-view__main{transition:none}.social-table-view__main:active{transform:none}.social-table-view__spinner{animation:none}}[data-sonner-toaster]{--normal-bg: var(--color-background-surface);--normal-border: var(--color-border-default);--normal-text: var(--color-text-primary);--success-bg: var(--color-background-surface);--success-border: var(--color-green);--success-text: var(--color-text-primary);--error-bg: var(--color-background-surface);--error-border: var(--color-red);--error-text: var(--color-text-primary);--warning-bg: var(--color-background-surface);--warning-border: var(--color-amber);--warning-text: var(--color-text-primary);--info-bg: var(--color-background-surface);--info-border: var(--color-interaction-primary);--info-text: var(--color-text-primary)}[data-sonner-toast]{font-family:var(--font-family);border-radius:0;box-shadow:var(--shadow-floating);padding:var(--space-default);gap:var(--space-tight)}.sonner-toast[data-sonner-toast][data-styled=true]{--border-radius: 0;--toast-rail-color: var(--color-interaction-primary);border-radius:0;border-left:0;padding:var(--space-default);padding-left:calc(var(--space-default) + var(--toast-border-width));overflow:visible}.sonner-toast[data-sonner-toast][data-styled=true]:before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--toast-border-width);background:var(--toast-rail-color);border-radius:0;pointer-events:none}[data-sonner-toast][data-type=success]{--toast-rail-color: var(--color-green)}[data-sonner-toast][data-type=error]{--toast-rail-color: var(--color-red)}[data-sonner-toast][data-type=warning]{--toast-rail-color: var(--color-amber)}[data-sonner-toast][data-type=info]{--toast-rail-color: var(--color-interaction-primary)}.sonner-toast[data-sonner-toast][data-styled=true][data-type=success]{--toast-rail-color: var(--color-green)}.sonner-toast[data-sonner-toast][data-styled=true][data-type=error]{--toast-rail-color: var(--color-red)}.sonner-toast[data-sonner-toast][data-styled=true][data-type=warning]{--toast-rail-color: var(--color-amber)}.sonner-toast[data-sonner-toast][data-styled=true][data-type=info]{--toast-rail-color: var(--color-interaction-primary)}[data-sonner-toast] [data-title]{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}[data-sonner-toast] [data-description]{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary)}[data-sonner-toast] [data-button]{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:var(--space-tight) var(--space-snug);border-radius:var(--radius-subtle);background-color:var(--color-interaction-primary);color:var(--color-background-page);transition:background-color var(--duration-fast) var(--ease-default)}@media(hover:hover){[data-sonner-toast] [data-button]:hover{background-color:var(--color-interaction-primary-pressed)}}[data-sonner-toast] [data-cancel]{background-color:transparent;color:var(--color-text-tertiary)}@media(hover:hover){[data-sonner-toast] [data-cancel]:hover{background-color:var(--color-background-card);color:var(--color-text-primary)}}[data-sonner-toast] [data-close-button]{background-color:var(--color-background-raised);border:var(--border-width) solid var(--color-border-default);color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}@media(hover:hover){[data-sonner-toast] [data-close-button]:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}}@media(prefers-reduced-motion:reduce){[data-sonner-toast],[data-sonner-toast] [data-button],[data-sonner-toast] [data-close-button]{transition:none}}.sparkline{display:inline-flex;align-items:center}.sparkline__plot{display:block;line-height:0}.sparkline__plot svg{display:block;width:100%;height:100%}.sparkline__plot svg>text[text-anchor=end]{display:none}.sparkline__plot path[stroke]{stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){.sparkline__plot path{transition:none}}.stat-card{position:relative;display:flex;flex-direction:column;gap:var(--space-hairline);padding:var(--space-default);background-color:var(--color-background-card);border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight)}.stat-card__value{font-family:var(--font-family-mono);font-size:var(--font-size-title);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.stat-card__delta{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.stat-card__delta--positive{color:var(--color-green)}.stat-card__delta--negative{color:var(--color-red)}.stat-card__delta--neutral{color:var(--color-text-secondary)}.stat-card__label{font-family:var(--font-family);font-size:var(--font-size-tiny);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.04em}.stat-card__sublabel{font-family:var(--font-family);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.stat-card--compact{padding:var(--space-tight)}.stat-card--compact .stat-card__value{font-size:var(--font-size-title)}.stat-card--large .stat-card__value{font-size:var(--font-size-hero)}.stat-card--accent{--stat-card-rail-color: var(--color-interaction-primary);padding-left:calc(var(--space-default) + var(--surface-rail-width))}.stat-card--accent:before{content:"";position:absolute;top:var(--surface-rail-inset);bottom:var(--surface-rail-inset);left:0;width:var(--surface-rail-width);background:var(--stat-card-rail-color);border-radius:0;pointer-events:none}.stat-card--compact.stat-card--accent{padding-left:calc(var(--space-tight) + var(--surface-rail-width))}.stat-card--accent .stat-card__value{color:var(--color-interaction-primary)}.tabs{--tabs-press-response-duration: 80ms;--tabs-press-confirm-duration: 132ms;--tabs-press-down-scale: .94;--tabs-press-overshoot-scale: 1.035;display:flex;flex-direction:column;width:100%}.tabs__list{position:relative;display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight);background-color:var(--color-background-sunken);border-radius:var(--radius-pill);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tabs__list::-webkit-scrollbar{display:none}.tabs__indicator{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-interaction-primary) 0%,color-mix(in srgb,var(--color-interaction-primary) 80%,var(--color-background-page)) 100%);border-radius:var(--radius-default);pointer-events:none;z-index:-1;box-shadow:inset 0 var(--border-width) 0 var(--shadow-highlight-subtle),0 2px 8px color-mix(in srgb,var(--color-interaction-primary) 25%,transparent)}.tabs__trigger{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:var(--button-height-large);padding:var(--space-snug) var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-default);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:color var(--duration-fast) ease;-webkit-tap-highlight-color:transparent}.tabs__trigger-inner{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;pointer-events:none;transform-origin:center;transition:transform var(--tabs-press-response-duration) var(--ease-out),opacity var(--tabs-press-response-duration) ease;will-change:transform}.tabs__trigger:active .tabs__trigger-inner{transform:scale(var(--tabs-press-down-scale))}.tabs__trigger.is-press-feedback .tabs__trigger-inner{animation:tabs-trigger-press-confirm var(--tabs-press-confirm-duration) var(--ease-out)}@media(hover:hover)and (pointer:fine){.tabs__trigger:hover:not([data-state=active]){color:var(--color-text-secondary)}}.tabs__trigger:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-interaction-primary)}.tabs__trigger[data-state=active]{color:var(--color-background-page)}.tabs__trigger[data-disabled]{color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.tabs__trigger[data-disabled] .tabs__trigger-inner{transform:none;animation:none}.tabs__content{flex:1;padding:var(--space-default) 0;outline:none}.tabs__content:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.tabs__content[data-state=inactive]{display:none}.tabs--ghost .tabs__list{background:transparent;padding:0;gap:var(--space-default);border-radius:0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.tabs--ghost .tabs__indicator{top:auto;bottom:calc(-1 * var(--border-width));height:var(--border-width-thick);background:var(--color-interaction-primary);box-shadow:none;border-radius:var(--radius-full)}.tabs--ghost .tabs__trigger{padding:var(--space-snug) var(--space-tight);text-transform:none;letter-spacing:normal;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);min-height:var(--button-height-large)}.tabs--ghost .tabs__trigger[data-state=active]{color:var(--color-interaction-primary)}.tabs--filled .tabs__list{display:flex;width:100%;justify-content:stretch;gap:0;padding:0;background:transparent;border:var(--border-width) solid var(--color-border-subtle);border-radius:0}.tabs--filled .tabs__indicator{background:var(--color-interaction-primary);border-radius:var(--radius-default) var(--radius-default) 0 0;box-shadow:none}.tabs--filled .tabs__trigger{flex:1;min-height:var(--button-height-large);padding:var(--space-snug) var(--space-tight);border-radius:0;text-transform:none;letter-spacing:normal;font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.tabs--filled .tabs__trigger[data-state=active]{color:var(--color-interaction-primary-text)}.tabs--full .tabs__list{display:flex;width:100%}.tabs--full .tabs__trigger{flex:1}.tabs--compact .tabs__list{padding:var(--space-hairline);gap:var(--space-hairline)}.tabs--compact .tabs__trigger{min-height:var(--button-height-default);padding:var(--space-tight) var(--space-snug);font-size:var(--font-size-tiny)}@keyframes tabs-trigger-press-confirm{0%{transform:scale(var(--tabs-press-down-scale))}46%{transform:scale(var(--tabs-press-overshoot-scale))}to{transform:scale(1)}}.tag{display:inline-flex;align-items:center;gap:var(--space-hairline);height:var(--badge-height);padding:var(--badge-padding-y) var(--badge-padding-x);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-rounded);white-space:nowrap;-webkit-user-select:none;user-select:none}.tag__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.85em;height:.85em}.tag--featured{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.tag--points{background-color:var(--color-amber-dim);color:var(--color-amber)}.tag--done{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.tag--social{background-color:var(--color-pink-dim);color:var(--color-pink)}.tag--mission{background-color:var(--color-coral-dim);color:var(--color-coral)}.tag--weekly{background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text)}.tag--compact{height:calc(var(--badge-height) - 2px);padding:0 var(--space-hairline);font-size:var(--font-size-tiny)}.tag--large{height:24px;padding:0 var(--space-snug);font-size:var(--font-size-caption)}[data-theme=light] .tag--featured{color:var(--color-interaction-primary-pressed)}[data-theme=light] .tag--done{color:var(--color-interaction-primary)}[data-theme=light] .tag--mission{color:var(--color-coral)}[data-theme=light] .tag--social{color:var(--color-pink)}[data-theme=light] .tag--points{color:var(--color-amber)}.theme-switcher{display:inline-flex;align-items:center;background-color:var(--color-background-inset);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);padding:var(--space-hairline);gap:var(--space-hairline)}.theme-switcher__option{display:flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight) var(--space-snug);background:transparent;border:none;border-radius:var(--radius-default);color:var(--color-text-tertiary);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.theme-switcher__option--active{background-color:var(--color-background-surface);color:var(--color-text-primary);box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 1px 2px var(--shadow-drop-subtle)}@media(hover:hover){.theme-switcher__option:not(.theme-switcher__option--active):hover{background-color:var(--color-background-card);color:var(--color-text-secondary)}}.theme-switcher__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-switcher__icon{width:var(--icon-size-small);height:var(--icon-size-small);flex-shrink:0}.theme-switcher--settings{width:100%}.theme-switcher--settings .theme-switcher__option{flex:1 1 0;justify-content:center;min-height:56px;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}@media(max-width:400px){.theme-switcher__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-switcher__option{padding:var(--space-tight)}.theme-switcher--settings .theme-switcher__label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap}.theme-switcher--settings .theme-switcher__option{padding:var(--space-tight) var(--space-snug)}}@media(prefers-reduced-motion:reduce){.theme-switcher__option{transition:none}}.toast{position:relative;display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-default);padding-left:calc(var(--space-default) + var(--toast-border-width));background-color:var(--color-background-card);border-radius:0;--toast-rail-color: var(--color-interaction-primary);max-width:var(--layout-max-width-narrow)}.toast:before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--toast-border-width);background:var(--toast-rail-color);border-radius:0;pointer-events:none}.toast__icon-badge{display:flex;align-items:center;justify-content:center;width:var(--toast-icon-badge-size);height:var(--toast-icon-badge-size);border-radius:var(--radius-pill);flex-shrink:0}.toast__icon{width:var(--toast-icon-size);height:var(--toast-icon-size);color:var(--color-background-page)}.toast__content{flex:1;min-width:0}.toast__title{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.toast__message{margin-top:var(--space-hairline);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.toast__close{flex-shrink:0;padding:var(--space-hairline);background:none;border:none;color:var(--color-text-disabled);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.toast__close-icon{width:var(--toast-icon-size);height:var(--toast-icon-size)}@media(hover:hover){.toast__close:hover{color:var(--color-text-primary)}}.toast--success{--toast-rail-color: var(--color-green)}.toast--success .toast__icon-badge{background-color:var(--color-green)}.toast--error{--toast-rail-color: var(--color-red)}.toast--error .toast__icon-badge{background-color:var(--color-red)}.toast--warning{--toast-rail-color: var(--color-amber)}.toast--warning .toast__icon-badge{background-color:var(--color-amber)}.toast--info{--toast-rail-color: var(--color-interaction-primary)}.toast--info .toast__icon-badge{background-color:var(--color-interaction-primary)}[data-theme=light] .toast__icon{color:var(--color-white)}[data-theme=light] .toast__close{color:var(--color-text-tertiary)}@media(prefers-reduced-motion:reduce){.toast__close{transition:none}}@keyframes toggle-thumb-on{0%{transform:translate(0) scale(1)}50%{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset) + 2px)) scale(.9,1.1)}75%{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset) - 1px)) scale(1.05,.95)}to{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset))) scale(1)}}@keyframes toggle-thumb-off{0%{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset))) scale(1)}50%{transform:translate(-2px) scale(.9,1.1)}75%{transform:translate(1px) scale(1.05,.95)}to{transform:translate(0) scale(1)}}.toggle{display:inline-flex;align-items:center;gap:var(--space-tight);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle__track{position:relative;width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-background-raised);box-shadow:inset 0 0 0 1px var(--color-border-default);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.toggle:active:not(.toggle--disabled) .toggle__track{transform:scale(.97)}.toggle__thumb{position:absolute;top:var(--toggle-thumb-inset);left:var(--toggle-thumb-inset);width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);background-color:var(--color-text-secondary);border-radius:var(--radius-pill);transform:translate(0)}.toggle__label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary)}.toggle--active .toggle__track{background-color:var(--color-interaction-primary);box-shadow:none}.toggle--active .toggle__thumb{background-color:var(--color-text-primary);transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset)));animation:toggle-thumb-on .3s var(--ease-out) forwards}.toggle:not(.toggle--active) .toggle__thumb{animation:toggle-thumb-off .3s var(--ease-out) forwards}.toggle--disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.toggle:focus-visible .toggle__track{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=light] .toggle__track{background-color:var(--color-background-inset)}[data-theme=light] .toggle--active .toggle__track{background-color:var(--color-interaction-primary)}[data-theme=light] .toggle__thumb{background-color:var(--color-white);box-shadow:0 1px 3px var(--shadow-drop-default)}[data-theme=light] .toggle--active .toggle__thumb{background-color:var(--color-white)}@media(prefers-reduced-motion:reduce){.toggle__track,.toggle__thumb{transition:none;animation:none}.toggle:active:not(.toggle--disabled) .toggle__track{transform:none}.toggle--active .toggle__thumb,.toggle:not(.toggle--active) .toggle__thumb{animation:none}}.tooltip__content{z-index:var(--z-popover);max-width:280px;transform-origin:var(--radix-tooltip-content-transform-origin)}.tooltip__panel{position:relative;background-color:var(--color-background-floating);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-elevated);padding:var(--space-tight) var(--space-snug);font-size:var(--font-size-caption);line-height:var(--line-height-normal);color:var(--color-text-primary)}.tooltip__content[data-state=closed] .tooltip__panel{animation:tooltip-exit var(--duration-fast) var(--ease-out) forwards}@keyframes tooltip-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.tooltip__arrow{fill:var(--color-background-floating)}.tooltip--touch .popover__panel{padding:var(--space-tight) var(--space-snug);min-width:auto;max-width:280px}.tooltip--touch .popover__body{font-size:var(--font-size-caption)}@media(prefers-reduced-motion:reduce){.tooltip__content[data-state=closed] .tooltip__panel{animation:none}}.ui-surface{--ui-surface-shadow: var(--shadow-elevation-2);position:relative;background-color:var(--color-background-card);border-radius:var(--radius-card);box-shadow:var(--ui-surface-shadow)}.ui-surface:before{content:"";position:absolute;inset:-4px;pointer-events:none;border-radius:var(--radius-card);border:1px solid var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.ui-surface:focus-within:before,.ui-surface:focus-visible:before{opacity:1}.ui-surface--sunken{--ui-surface-shadow: var(--shadow-sunken)}.ui-surface--elevation-0{--ui-surface-shadow: var(--shadow-elevation-0)}.ui-surface--elevation-1{--ui-surface-shadow: var(--shadow-elevation-1)}.ui-surface--elevation-2{--ui-surface-shadow: var(--shadow-elevation-2)}.ui-surface--elevation-3{--ui-surface-shadow: var(--shadow-elevation-3)}.ui-surface--elevation-4{--ui-surface-shadow: var(--shadow-elevation-4)}.ui-surface--elevation-5{--ui-surface-shadow: var(--shadow-elevation-5)}.ui-surface--elevation-6{--ui-surface-shadow: var(--shadow-elevation-6)}.ui-surface--radius-control{border-radius:var(--radius-large)}.ui-surface--radius-control:before{border-radius:var(--radius-large)}.ui-surface--radius-pill{border-radius:var(--radius-pill)}.ui-surface--radius-pill:before{border-radius:var(--radius-pill)}.ui-surface--interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-default)}@media(hover:hover){.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-3)}.ui-surface--elevation-1.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-2)}.ui-surface--elevation-3.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-4)}.ui-surface--elevation-4.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-5)}}@media(prefers-reduced-motion:reduce){.ui-surface:before,.ui-surface--interactive{transition:none}}.user-mutual-overlap-pane{overflow:hidden;padding-bottom:0;background:var(--color-background-page)}.user-mutual-overlap-pane--overlay{width:100%;height:100%;pointer-events:auto}.user-mutual-overlap-pane__content{display:flex;height:calc(100vh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));height:calc(100dvh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));min-height:0;flex-direction:column;overflow:hidden;padding:calc(var(--safe-area-inset-top) + var(--space-loose)) var(--space-default) var(--space-default);background:var(--color-background-page)}.user-mutual-overlap-pane__content--overlay{height:100vh;height:100dvh;padding-bottom:calc(var(--space-default) + var(--safe-area-inset-bottom));pointer-events:auto}.user-mutual-overlap-pane__overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 2);display:flex;justify-content:flex-end;overflow:hidden;pointer-events:auto}.user-mutual-overlap-pane__overlay--closing{pointer-events:none}.user-mutual-overlap-pane__overlay-scrim{-webkit-appearance:none;appearance:none;position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--color-black) 54%,transparent);cursor:pointer;pointer-events:auto;animation:user-mutual-overlap-pane-scrim-in var(--duration-default) var(--ease-out) both}.user-mutual-overlap-pane__overlay--closing .user-mutual-overlap-pane__overlay-scrim{animation:user-mutual-overlap-pane-scrim-out var(--duration-fast) var(--ease-out) both}.user-mutual-overlap-pane__overlay-panel{position:relative;width:100%;height:100%;overflow:hidden;background:var(--color-background-page);box-shadow:var(--shadow-elevation-6);pointer-events:auto;animation:user-mutual-overlap-pane-slide-over-in var(--duration-default) var(--ease-out);will-change:transform}.user-mutual-overlap-pane__overlay-panel--closing{pointer-events:none;animation:user-mutual-overlap-pane-slide-over-out var(--duration-fast) var(--ease-out) both}.user-mutual-overlap-pane__overlay--closing .user-mutual-overlap-pane--overlay,.user-mutual-overlap-pane__overlay--closing .user-mutual-overlap-pane__content--overlay,.user-mutual-overlap-pane__overlay--closing .user-mutual-overlap-pane__overlay-scrim,.user-mutual-overlap-pane__overlay--closing .user-mutual-overlap-pane__overlay-panel{pointer-events:none}@media(prefers-reduced-motion:reduce){.user-mutual-overlap-pane__overlay-scrim,.user-mutual-overlap-pane__overlay-panel,.user-mutual-overlap-pane__overlay-panel--closing{animation:none}}@keyframes user-mutual-overlap-pane-slide-over-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes user-mutual-overlap-pane-slide-over-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes user-mutual-overlap-pane-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes user-mutual-overlap-pane-scrim-out{0%{opacity:1}to{opacity:0}}.user-mutual-overlap{width:100%}.user-mutual-overlap__summary-shell{display:flex;gap:var(--space-tight);align-items:stretch}.user-mutual-overlap__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-hairline);align-items:center;width:100%;min-height:var(--button-height-large);padding:0 var(--space-tight);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-floating) 94%,transparent),color-mix(in srgb,var(--color-background-raised) 88%,transparent)),color-mix(in srgb,var(--color-background-raised) 90%,transparent);box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-white) 8%,transparent),0 var(--space-hairline) var(--space-snug) color-mix(in srgb,var(--color-black) 16%,transparent);color:var(--color-text-primary);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.user-mutual-overlap__summary:disabled{cursor:default}.user-mutual-overlap__summary-media{display:inline-flex;align-items:center;justify-content:center;width:var(--button-height-compact);height:var(--button-height-compact);border:var(--border-width) solid color-mix(in srgb,var(--color-teal) 34%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-teal) 18%,var(--color-background-raised));color:var(--color-teal)}.user-mutual-overlap__summary-media--stack{justify-content:flex-start;width:auto;min-width:calc(var(--button-height-compact) + var(--space-snug));border:0;background:transparent}.user-mutual-overlap__summary-icon,.user-mutual-overlap__summary-chevron,.user-mutual-overlap__row-icon,.user-mutual-overlap__back-icon,.user-mutual-overlap__game-icon-svg,.user-mutual-overlap__preview-game-icon{width:1rem;height:1rem}.user-mutual-overlap__preview-stack{display:inline-flex;align-items:center;min-width:0}.user-mutual-overlap__preview-item{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--button-height-compact) - var(--space-micro));height:calc(var(--button-height-compact) - var(--space-micro));margin-left:calc(var(--space-tight) * -1);overflow:hidden;border:var(--border-width) solid var(--color-background-card);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-teal) 18%,var(--color-background-raised));color:var(--color-text-primary);box-shadow:0 0 0 var(--border-width) var(--color-border-emphasis)}.user-mutual-overlap__preview-item:first-child{margin-left:0}.user-mutual-overlap__preview-item--game{background:radial-gradient(circle at 34% 32%,color-mix(in srgb,var(--color-amber) 72%,transparent),transparent 50%),color-mix(in srgb,var(--color-red) 16%,var(--color-background-raised));color:var(--color-amber)}.user-mutual-overlap__preview-avatar{width:100%;height:100%}.user-mutual-overlap__summary--loading .user-mutual-overlap__summary-icon{animation:user-mutual-overlap-spin .9s linear infinite}.user-mutual-overlap__summary-copy{display:flex;flex-direction:column;min-width:0}.user-mutual-overlap__summary-title{overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap}.user-mutual-overlap__summary-count{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.user-mutual-overlap__summary-separator,.user-mutual-overlap__summary-word{color:var(--color-text-secondary)}.user-mutual-overlap__summary-detail{overflow:hidden;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap}.user-mutual-overlap__summary-chevron{color:var(--color-text-tertiary)}[data-theme=light] .user-mutual-overlap__summary{background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-raised) 96%,transparent),color-mix(in srgb,var(--color-background-surface) 92%,transparent)),color-mix(in srgb,var(--color-background-raised) 94%,transparent);box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-white) 72%,transparent),0 var(--space-hairline) var(--space-snug) color-mix(in srgb,var(--color-black) 12%,transparent)}.user-mutual-overlap__retry{flex:0 0 auto;align-self:center}.user-mutual-overlap__detail{display:flex;flex-direction:column;gap:var(--space-default);padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card)}.user-mutual-overlap__detail--pane{flex:1 1 auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent}.user-mutual-overlap__detail-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-tight);align-items:center}.user-mutual-overlap__back{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-default);height:var(--control-height-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:var(--color-background-raised);color:var(--color-text-primary);cursor:pointer}.user-mutual-overlap__heading-copy{display:flex;flex-direction:column;min-width:0}.user-mutual-overlap__eyebrow{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.user-mutual-overlap__heading{overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.user-mutual-overlap__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-tight)}.user-mutual-overlap__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-hairline);min-height:var(--control-height-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer}.user-mutual-overlap__tab--active{border-color:color-mix(in srgb,var(--color-teal) 52%,transparent);background:color-mix(in srgb,var(--color-teal) 18%,var(--color-background-raised));color:var(--color-text-primary)}.user-mutual-overlap__tabpanel{min-height:11rem}.user-mutual-overlap__detail--pane .user-mutual-overlap__tabpanel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.user-mutual-overlap__partial{margin:0 0 var(--space-tight);color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.user-mutual-overlap__list{display:flex;flex-direction:column;gap:var(--space-tight)}.user-mutual-overlap__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-tight);align-items:center;min-height:var(--control-height-large);padding:var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-raised);color:var(--color-text-primary);text-decoration:none}.user-mutual-overlap__row-copy{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.user-mutual-overlap__row-title{overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.user-mutual-overlap__row-meta{overflow:hidden;font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap}.user-mutual-overlap__avatar{flex:0 0 auto}.user-mutual-overlap__game-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size-compact);height:var(--avatar-size-compact);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-amber) 22%,var(--color-background-card));color:var(--color-amber)}.user-mutual-overlap__row-icon{color:var(--color-text-tertiary)}.user-mutual-overlap__empty{display:flex;flex-direction:column;gap:var(--space-micro);align-items:center;justify-content:center;min-height:8rem;padding:var(--space-default);border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-large);text-align:center}.user-mutual-overlap__empty-title,.user-mutual-overlap__empty-text{margin:0}.user-mutual-overlap__empty-title{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.user-mutual-overlap__empty-text{max-width:18rem;font-size:var(--font-size-caption);color:var(--color-text-tertiary)}@keyframes user-mutual-overlap-spin{to{transform:rotate(360deg)}}.user-preview-sheet{position:fixed;z-index:calc(var(--z-modal) + 1);inset:0;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;pointer-events:none}.user-preview-sheet--closing{pointer-events:none}.user-preview-sheet__scrim{position:absolute;z-index:0;inset:0;opacity:0;background-color:#000000c2;cursor:pointer;pointer-events:auto;animation:user-preview-sheet-scrim-in .22s cubic-bezier(.16,1,.3,1) both}.user-preview-sheet--closing .user-preview-sheet__scrim{animation:user-preview-sheet-scrim-out .14s cubic-bezier(.55,.055,.675,.19) both}.user-preview-sheet__panel{--user-preview-sheet-body-surface: var(--color-black);--user-preview-sheet-banner-field: 184px;--user-preview-sheet-banner-fade-end: calc( var(--user-preview-sheet-banner-field) + var(--space-roomy) );position:relative;z-index:1;width:100%;max-width:var(--layout-max-width-narrow);height:min(360px,calc(100dvh - var(--space-default)));max-height:calc(100dvh - var(--space-default));overflow-y:hidden;overflow-x:hidden;overscroll-behavior:contain;padding:var(--space-airy) var(--space-default) calc(var(--space-default) + var(--safe-area-inset-bottom));border:var(--border-width) solid color-mix(in srgb,var(--color-white) 16%,transparent);border-bottom:0;border-radius:var(--radius-card) var(--radius-card) 0 0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--color-interaction-primary) 18%,transparent) 0%,transparent 52%),linear-gradient(180deg,color-mix(in srgb,var(--color-black) 86%,var(--color-white)) 0%,var(--color-black) 72%);box-shadow:0 -24px 60px #0000008a;color:var(--color-white);opacity:1;pointer-events:auto;transform:translateZ(0);transform-origin:bottom center;will-change:transform}.user-preview-sheet__panel:focus{outline:none}.user-preview-sheet .user-preview-sheet__panel[data-vaul-drawer]:after{top:calc(100% - var(--border-width));background:var(--color-black);background-color:var(--color-black)}.user-preview-sheet__grabber-row{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;height:var(--control-height-compact);align-items:center;justify-content:center;pointer-events:none}.user-preview-sheet__handle{position:relative;z-index:1;top:auto;left:auto;display:flex;width:var(--space-spacious);min-height:var(--control-height-compact);height:var(--control-height-compact);align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:grab;pointer-events:auto;transform:none;touch-action:none}.user-preview-sheet__handle[data-vaul-handle]{opacity:1;width:var(--space-spacious);min-height:var(--control-height-compact);height:var(--control-height-compact);margin:0;background:transparent;border-radius:0;touch-action:none}.user-preview-sheet__handle [data-vaul-handle-hitarea]{position:absolute;inset:0;width:max(100%,var(--space-airy));height:max(100%,var(--space-airy));background:transparent;border-radius:0;transform:none;touch-action:none}.user-preview-sheet__handle:before{position:absolute;top:50%;left:50%;content:"";width:var(--space-spacious);height:var(--space-hairline);border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-white) 34%,transparent);transform:translate(-50%,-50%)}.user-preview-sheet__handle:active{cursor:grabbing}.user-preview-sheet__handle:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.user-preview-sheet__profile-pane{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;padding:var(--space-airy) var(--space-default) calc(var(--space-default) + var(--safe-area-inset-bottom));z-index:1}.user-preview-sheet__top-actions{position:absolute;z-index:4;top:var(--space-default);right:var(--space-default);display:inline-flex;gap:var(--space-tight);align-items:center}.user-preview-sheet__close,.user-preview-sheet__more{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--button-height-default);height:var(--button-height-default);padding:0;color:var(--color-white);border:var(--border-width) solid color-mix(in srgb,var(--color-white) 14%,transparent);border-radius:var(--radius-large);background-color:color-mix(in srgb,var(--color-black) 68%,transparent);box-shadow:none;cursor:pointer}.user-preview-sheet__close{box-shadow:none}.user-preview-sheet__close:focus-visible,.user-preview-sheet__more:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.user-preview-sheet__close-icon,.user-preview-sheet__more-icon{width:var(--icon-size-large);height:var(--icon-size-large)}.user-preview-sheet__overflow-menu{position:absolute;z-index:5;top:calc(var(--space-default) + var(--button-height-default) + var(--space-tight));right:calc(var(--space-default) + var(--button-height-default) + var(--space-tight));min-width:148px;overflow:hidden;border:var(--border-width) solid color-mix(in srgb,var(--color-white) 14%,transparent);border-radius:var(--radius-large);background-color:color-mix(in srgb,var(--color-black) 86%,var(--color-white));box-shadow:var(--shadow-elevation-4)}.user-preview-sheet__overflow-item{-webkit-appearance:none;appearance:none;display:flex;width:100%;min-height:var(--button-height-large);align-items:center;padding:0 var(--space-default);border:0;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-red-light);background:transparent;cursor:pointer}.user-preview-sheet__banner{position:absolute;inset:0;height:auto;z-index:0}.user-preview-sheet__banner:after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 28% 12%,color-mix(in srgb,var(--color-black) 8%,transparent),color-mix(in srgb,var(--color-black) 22%,transparent) 54%,color-mix(in srgb,var(--color-black) 52%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--color-black) 10%,transparent) 0%,color-mix(in srgb,var(--color-black) 26%,transparent) var(--user-preview-sheet-banner-field),var(--user-preview-sheet-body-surface) var(--user-preview-sheet-banner-fade-end),var(--user-preview-sheet-body-surface) 100%);pointer-events:none}.user-preview-sheet__identity{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-default);align-items:center;padding-right:calc(var(--button-height-default) + var(--button-height-default) + var(--space-snug))}.user-preview-sheet__avatar-frame{display:inline-flex;border-radius:var(--radius-pill);box-shadow:0 0 var(--space-default) color-mix(in srgb,var(--color-white) 22%,transparent),var(--shadow-elevation-4)}.user-preview-sheet__copy{min-width:0}.user-preview-sheet__name{display:-webkit-box;margin:0;max-width:100%;overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-white);letter-spacing:var(--letter-spacing-normal);overflow-wrap:anywhere;text-overflow:ellipsis;text-transform:none;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;word-break:normal}.user-preview-sheet__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-hairline);margin:var(--space-hairline) 0 0;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:color-mix(in srgb,var(--color-white) 58%,transparent);letter-spacing:var(--letter-spacing-normal);text-transform:none}.user-preview-sheet__meta-separator{color:color-mix(in srgb,var(--color-white) 34%,transparent)}.user-preview-sheet__relationship{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-tight);margin:var(--space-tight) 0 0}.user-preview-sheet__relationship-badge{display:inline-flex;align-items:center;min-height:var(--badge-height);padding:0 var(--space-tight);border-radius:var(--radius-pill);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-normal);color:var(--color-white);text-transform:none;background-color:color-mix(in srgb,var(--color-white) 16%,transparent)}.user-preview-sheet__relationship-badge--friends{color:var(--color-white);background-color:color-mix(in srgb,var(--color-green) 82%,transparent)}.user-preview-sheet__relationship-badge--follows-you{color:var(--color-white);background-color:color-mix(in srgb,var(--color-black) 72%,var(--color-white))}.user-preview-sheet__relationship-badge--following{color:var(--color-white);background-color:color-mix(in srgb,var(--color-interaction-primary) 72%,transparent)}.user-preview-sheet__status{display:inline-flex;align-items:center;gap:var(--space-hairline)}.user-preview-sheet__current-game{position:relative;z-index:1;display:inline-flex;max-width:100%;align-items:center;gap:var(--space-tight);margin-top:var(--space-default);padding:var(--space-tight) var(--space-snug);appearance:none;border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-card);background:linear-gradient(90deg,color-mix(in srgb,var(--color-interaction-primary-tint) 86%,transparent),color-mix(in srgb,var(--color-background-card) 74%,transparent)),var(--color-background-card);color:inherit;font:inherit;text-align:left;cursor:pointer}.user-preview-sheet__current-game:disabled{cursor:default}.user-preview-sheet__current-game-badge{flex:0 0 auto;padding:0 var(--space-tight);border-radius:var(--radius-subtle);color:var(--color-white);background-color:var(--color-interaction-primary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.user-preview-sheet__current-game-title{min-width:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.user-preview-sheet__live{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-snug);align-items:center;margin-top:var(--space-loose);padding:var(--space-tight);border:var(--border-width) solid var(--color-green-border);border-radius:var(--radius-card);background:linear-gradient(90deg,color-mix(in srgb,var(--color-green-dim) 88%,transparent),color-mix(in srgb,var(--color-background-card) 78%,transparent)),var(--color-background-card);box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-green) 10%,transparent),0 var(--space-hairline) var(--space-loose) color-mix(in srgb,var(--color-green-glow) 46%,transparent)}.user-preview-sheet__live-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-hairline);min-height:var(--button-height-compact);padding:0 var(--space-snug);border-radius:var(--radius-pill);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-white);text-transform:uppercase;background-color:var(--color-red)}.user-preview-sheet__live-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-pill);background-color:var(--color-white)}.user-preview-sheet__live-label{min-width:0;overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-white);text-overflow:ellipsis;white-space:nowrap}.user-preview-sheet__live-join{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height-default);padding:0 var(--space-default);border:0;border-radius:var(--radius-pill);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-inverse);text-transform:uppercase;background-color:var(--color-green);cursor:pointer}.user-preview-sheet__live-join:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.user-preview-sheet__mutual-overlap{position:relative;z-index:1;margin-top:var(--space-loose)}.user-preview-sheet__actions{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-snug);margin-top:var(--space-roomy)}.user-preview-sheet__action:disabled{opacity:1}.user-preview-sheet__action{font-size:var(--font-size-body-large);color:var(--color-interaction-primary-text);background-color:var(--color-interaction-primary);box-shadow:var(--shadow-elevation-2)}.user-preview-sheet__full-profile{position:relative;z-index:1;margin-top:var(--space-snug);letter-spacing:var(--letter-spacing-normal);text-transform:none}.user-preview-sheet__full-profile-action{height:var(--button-height-default);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-white);background:color-mix(in srgb,var(--color-black) 80%,var(--color-white));background-color:color-mix(in srgb,var(--color-black) 80%,var(--color-white));box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-white) 16%,transparent),var(--shadow-elevation-1)}.user-preview-sheet__full-profile-action:hover{color:var(--color-white);background:color-mix(in srgb,var(--color-black) 72%,var(--color-white));background-color:color-mix(in srgb,var(--color-black) 72%,var(--color-white));box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-white) 24%,transparent),var(--shadow-elevation-2)}.user-preview-sheet__full-profile-action:active{background:color-mix(in srgb,var(--color-black) 74%,var(--color-white));background-color:color-mix(in srgb,var(--color-black) 74%,var(--color-white));box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-white) 24%,transparent),inset 0 1px 2px #0000001f}.user-preview-sheet__full-profile-action--unavailable,.user-preview-sheet__full-profile-action--unavailable:hover,.user-preview-sheet__full-profile-action--unavailable:active{color:color-mix(in srgb,var(--color-white) 52%,transparent);background:color-mix(in srgb,var(--color-black) 88%,var(--color-white));background-color:color-mix(in srgb,var(--color-black) 88%,var(--color-white));box-shadow:inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-white) 10%,transparent);cursor:default;opacity:1}.user-preview-sheet__full-profile-icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}.user-preview-sheet__confirm-overlay{position:absolute;z-index:6;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-default);background-color:color-mix(in srgb,var(--color-black) 72%,transparent)}.user-preview-sheet__confirm{width:100%;padding:var(--space-loose);border:var(--border-width) solid color-mix(in srgb,var(--color-white) 16%,transparent);border-radius:var(--radius-card);background-color:color-mix(in srgb,var(--color-black) 86%,var(--color-white));box-shadow:var(--shadow-floating)}.user-preview-sheet__confirm-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-white)}.user-preview-sheet__confirm-copy{margin:var(--space-tight) 0 0;font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed);color:color-mix(in srgb,var(--color-white) 68%,transparent)}.user-preview-sheet__confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-snug);margin-top:var(--space-loose)}.user-preview-sheet__confirm-button{-webkit-appearance:none;appearance:none;min-height:var(--button-height-large);border:var(--border-width) solid color-mix(in srgb,var(--color-white) 16%,transparent);border-radius:var(--radius-large);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);color:var(--color-white);background-color:color-mix(in srgb,var(--color-black) 78%,var(--color-white));cursor:pointer}.user-preview-sheet__confirm-button--danger{color:var(--color-white);border-color:color-mix(in srgb,var(--color-red) 42%,transparent);background-color:var(--color-red)}.user-preview-sheet__confirm-button:disabled{cursor:wait;opacity:.72}[data-theme=light] .user-preview-sheet__panel{--user-preview-sheet-body-surface: var(--color-background-page);border-color:var(--color-border-default);background:var(--color-background-page);background-color:var(--color-background-page);color:var(--color-text-primary)}[data-theme=light] .user-preview-sheet .user-preview-sheet__panel[data-vaul-drawer]:after{background:var(--color-background-page);background-color:var(--color-background-page)}[data-theme=light] .user-preview-sheet__handle:before{background-color:color-mix(in srgb,var(--color-black) 28%,transparent)}[data-theme=light] .user-preview-sheet__close,[data-theme=light] .user-preview-sheet__more{color:var(--color-text-primary);border-color:var(--color-border-default);background-color:color-mix(in srgb,var(--color-background-raised) 88%,transparent)}[data-theme=light] .user-preview-sheet__overflow-menu{border-color:var(--color-border-default);background-color:var(--color-background-raised);box-shadow:var(--shadow-floating)}[data-theme=light] .user-preview-sheet__banner:after{background:linear-gradient(180deg,color-mix(in srgb,var(--user-preview-sheet-body-surface) 4%,transparent) 0%,color-mix(in srgb,var(--user-preview-sheet-body-surface) 18%,transparent) var(--user-preview-sheet-banner-field),var(--user-preview-sheet-body-surface) var(--user-preview-sheet-banner-fade-end),var(--user-preview-sheet-body-surface) 100%)}[data-theme=light] .user-preview-sheet__avatar-frame{box-shadow:0 0 var(--space-default) var(--color-amber-dim),var(--shadow-elevation-4)}[data-theme=light] .user-preview-sheet__name{color:var(--color-text-primary)}[data-theme=light] .user-preview-sheet__meta{color:var(--color-text-secondary)}[data-theme=light] .user-preview-sheet__meta-separator{color:var(--color-text-tertiary)}[data-theme=light] .user-preview-sheet__relationship-badge{color:var(--color-text-primary);background-color:var(--color-background-surface-alt)}[data-theme=light] .user-preview-sheet__relationship-badge--friends{color:var(--color-white);background-color:color-mix(in srgb,var(--color-green) 82%,transparent)}[data-theme=light] .user-preview-sheet__relationship-badge--following{color:var(--color-white);background-color:color-mix(in srgb,var(--color-interaction-primary) 72%,transparent)}[data-theme=light] .user-preview-sheet__relationship-badge--follows-you{color:var(--color-text-primary);background-color:var(--color-background-surface-alt)}[data-theme=light] .user-preview-sheet__full-profile-action{color:var(--color-text-primary);background:var(--color-background-raised);background-color:var(--color-background-raised);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-default),var(--shadow-elevation-1)}[data-theme=light] .user-preview-sheet__full-profile-action:hover{color:var(--color-text-primary);background:var(--color-background-card);background-color:var(--color-background-card);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-emphasis),var(--shadow-elevation-2)}[data-theme=light] .user-preview-sheet__full-profile-action:active{background:var(--color-background-card);background-color:var(--color-background-card);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-emphasis),inset 0 1px 2px #0000001f}[data-theme=light] .user-preview-sheet__full-profile-action--unavailable,[data-theme=light] .user-preview-sheet__full-profile-action--unavailable:hover,[data-theme=light] .user-preview-sheet__full-profile-action--unavailable:active{color:var(--color-text-tertiary);background:var(--color-background-surface);background-color:var(--color-background-surface);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-subtle);opacity:1}[data-theme=light] .user-preview-sheet__confirm{border-color:var(--color-border-default);background-color:var(--color-background-raised)}[data-theme=light] .user-preview-sheet__confirm-title{color:var(--color-text-primary)}[data-theme=light] .user-preview-sheet__confirm-copy{color:var(--color-text-secondary)}[data-theme=light] .user-preview-sheet__confirm-button{color:var(--color-text-primary);border-color:var(--color-border-default);background-color:var(--color-background-surface)}[data-theme=light] .user-preview-sheet__confirm-button--danger{color:var(--color-white);border-color:color-mix(in srgb,var(--color-red) 42%,transparent);background-color:var(--color-red)}@media(max-width:359px){.user-preview-sheet__name{font-size:var(--font-size-heading-small)}.user-preview-sheet__identity{padding-right:var(--space-airy)}}@keyframes user-preview-sheet-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes user-preview-sheet-scrim-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.user-preview-sheet__scrim,.user-preview-sheet--closing .user-preview-sheet__scrim{animation:none;opacity:1}}.user-profile-action-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-default)}.user-profile-relationship-state{display:inline-flex;min-width:0;align-items:center;justify-content:center;margin-top:var(--space-tight)}.user-profile-relationship-state__badge{display:inline-flex;align-items:center;justify-content:center;min-height:var(--badge-height);padding:0 var(--space-tight);border-radius:var(--radius-pill);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-white);white-space:nowrap;box-shadow:0 0 0 var(--border-width) color-mix(in srgb,currentColor 20%,transparent)}.user-profile-relationship-state__badge--friends{background-color:var(--color-green)}.user-profile-relationship-state__badge--following{background-color:var(--color-interaction-primary)}.user-profile-relationship-state__badge--follows-you{background-color:var(--color-background-elevated);color:var(--color-text-primary)}.user-profile-relationship-state__badge--pending{background-color:var(--color-amber);color:var(--color-black)}.user-profile-live-activity{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;max-width:min(100%,360px);gap:var(--space-snug);margin-top:var(--space-default);padding:var(--space-tight) var(--space-snug);appearance:none;border:var(--border-width) solid var(--color-coral-border);border-radius:var(--radius-pill);background:linear-gradient(90deg,color-mix(in srgb,var(--color-coral-dim) 82%,transparent),color-mix(in srgb,var(--color-background-card) 72%,transparent)),var(--color-background-card);box-shadow:0 var(--space-hairline) var(--space-default) color-mix(in srgb,var(--color-coral-glow) 38%,transparent);font:inherit;text-align:left}.user-profile-live-activity--vr{grid-template-columns:auto auto minmax(0,1fr)}.user-profile-live-activity--with-action{grid-template-columns:auto minmax(0,1fr) auto}.user-profile-live-activity--vr.user-profile-live-activity--with-action{grid-template-columns:auto auto minmax(0,1fr) auto}.user-profile-live-activity__action:focus-visible{outline:var(--focus-ring-width) solid var(--color-interaction-primary);outline-offset:var(--focus-ring-offset)}@media(hover:hover)and (pointer:fine){.user-profile-live-activity__action:hover{background-color:var(--color-interaction-primary-pressed)}}.user-profile-live-activity__badge{display:inline-flex;align-items:center;gap:var(--space-hairline);min-height:var(--button-height-compact);padding:0 var(--space-tight);border-radius:var(--radius-pill);background-color:var(--color-coral);color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.user-profile-live-activity__vr-badge{border-color:color-mix(in srgb,var(--color-white) 16%,transparent);background:var(--color-black);color:var(--color-white);box-shadow:none}.user-profile-live-activity__dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-pill);background-color:currentColor}.user-profile-live-activity__label{min-width:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.user-profile-live-activity__action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height-compact);padding:0 var(--space-snug);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-pill);background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text);font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);white-space:nowrap;cursor:pointer}.user-profile-live-activity__action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.user-profile-live-activity__action--auth{border-color:color-mix(in srgb,var(--color-white) 16%,transparent);background-color:color-mix(in srgb,var(--color-background-elevated) 84%,var(--color-black));color:var(--color-text-primary)}@media(hover:hover)and (pointer:fine){.user-profile-live-activity__action--auth:hover{background-color:color-mix(in srgb,var(--color-background-elevated) 72%,var(--color-black))}}.user-profile-current-game{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;max-width:min(100%,360px);gap:var(--space-tight);margin-top:var(--space-default);padding:var(--space-tight) var(--space-snug);appearance:none;border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-pill);background:linear-gradient(90deg,color-mix(in srgb,var(--color-interaction-primary-tint) 84%,transparent),color-mix(in srgb,var(--color-background-card) 76%,transparent)),var(--color-background-card);color:inherit;font:inherit;text-align:left;cursor:pointer}.user-profile-current-game:disabled{cursor:default}.user-profile-current-game__badge{display:inline-flex;align-items:center;gap:var(--space-hairline);padding:0 var(--space-tight);border-radius:var(--radius-subtle);background-color:var(--color-interaction-primary);color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.user-profile-current-game__icon{width:var(--icon-size-small);height:var(--icon-size-small)}.user-profile-current-game__title{min-width:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.user-profile-action-overflow{z-index:6}.user-profile-action-menu{position:absolute;z-index:7;top:calc(var(--button-height-default) + var(--space-tight));right:0;min-width:148px;overflow:hidden;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background-color:var(--color-background-card);box-shadow:var(--shadow-elevation-4)}.user-profile-action-menu__item{-webkit-appearance:none;appearance:none;display:flex;width:100%;min-height:var(--button-height-default);align-items:center;padding:0 var(--space-default);border:0;border-radius:var(--radius-default);background:transparent;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.user-profile-action-menu__item--danger{color:var(--color-red)}.user-profile-action-menu__item:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.user-profile-action-menu__item:disabled{cursor:wait;opacity:.62}.user-profile-unfollow-confirm-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 2);display:grid;place-items:center;box-sizing:border-box;padding:calc(var(--safe-area-inset-top) + var(--space-default)) var(--space-default) calc(var(--safe-area-inset-bottom) + var(--space-default));background-color:var(--color-overlay-heavy)}.user-profile-unfollow-confirm{width:min(100%,var(--dialog-max-width));max-height:calc(100dvh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) - (var(--space-default) * 2));overflow:auto;padding:var(--space-loose);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background-color:var(--color-background-card);box-shadow:var(--shadow-floating)}.user-profile-unfollow-confirm__title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.user-profile-unfollow-confirm__copy{margin:var(--space-tight) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed)}.user-profile-unfollow-confirm__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-snug);margin-top:var(--space-loose)}.vr-badge{display:inline-flex;min-width:var(--space-spacious);height:var(--space-loose);align-items:center;justify-content:center;padding:0 var(--space-tight);border:var(--border-width) solid color-mix(in srgb,var(--color-white) 14%,transparent);border-radius:var(--radius-large);background:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-elevation-1);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.vr-badge--inline{min-width:var(--avatar-size-tiny);height:var(--badge-height);padding:0 var(--space-hairline);border-radius:var(--radius-rounded);font-size:var(--font-size-tiny)}.vr-badge--icon{width:var(--control-height-compact);min-width:var(--control-height-compact);height:var(--control-height-compact);padding:0;border-radius:var(--radius-default);box-shadow:none;font-size:var(--font-size-tiny)}.vr-badge--title{min-width:var(--button-height-default);height:var(--avatar-size-tiny);padding-inline:var(--space-tight);border-radius:var(--radius-large);font-size:var(--font-size-body)}.vr-badge--timeline{width:var(--button-height-default);min-width:var(--button-height-default);height:var(--button-height-default);padding:0 var(--space-micro);border-radius:var(--radius-large);box-shadow:none;font-size:var(--font-size-tiny)}.vr-badge--tool{min-width:var(--button-height-default);height:var(--button-height-compact);padding-inline:var(--space-tight);border-radius:var(--radius-large);font-size:var(--font-size-body-large)}.vr-badge--hero{min-width:var(--space-generous);height:var(--button-height-large);padding-inline:var(--space-snug);border-radius:var(--radius-card);font-size:var(--font-size-h2)}[data-theme=light] .vr-badge{border-color:color-mix(in srgb,var(--color-black) 12%,transparent);background:var(--color-black);color:var(--color-white)}.vr-companion{width:100%;max-width:var(--layout-max-width-medium);min-height:100dvh;margin-inline:auto;padding:var(--space-spacious) var(--space-default) var(--space-airy);background:var(--color-background-page);color:var(--color-text-primary);animation:vr-companion-slide-in var(--duration-default) var(--ease-out) both;will-change:transform}.vr-companion--closing{pointer-events:none;animation:vr-companion-slide-out var(--duration-fast) var(--ease-out) both}.vr-companion--tab{max-width:none;min-height:auto;padding:var(--space-tight) 0 0;background:transparent;animation:none;will-change:auto}.vr-companion__header{display:grid;grid-template-columns:var(--button-height-large) minmax(0,1fr) var(--button-height-large);align-items:center;gap:var(--space-snug);margin-bottom:var(--space-spacious)}.vr-companion__back{-webkit-appearance:none;appearance:none;display:inline-flex;width:var(--button-height-large);height:var(--button-height-large);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-default);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default)}.vr-companion__back-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.vr-companion__title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);overflow-wrap:anywhere;text-align:center;text-transform:uppercase}.vr-companion__hero{display:flex;flex-direction:column;gap:var(--space-default);margin-bottom:var(--space-loose);padding:var(--space-loose) var(--space-default);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-rounded);background:linear-gradient(135deg,color-mix(in srgb,var(--color-amber) 13%,var(--color-background-card)),var(--color-background-card))}.vr-companion__hero-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-default)}.vr-companion__hero-copy{min-width:0}.vr-companion__hero-title{margin:0 0 var(--space-hairline);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.vr-companion__hero-subtitle,.vr-companion__hero-text,.vr-companion__hero-note{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed);overflow-wrap:anywhere}.vr-companion__sign-in{-webkit-appearance:none;appearance:none;display:inline-flex;grid-column:2;justify-self:start;max-width:100%;min-height:var(--control-height-large);align-items:center;justify-content:center;padding:var(--space-tight) var(--space-default);border:0;border-radius:var(--radius-rounded);background:var(--color-amber);color:var(--color-black);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);text-align:center;text-transform:uppercase}.vr-companion__sign-in--disabled{border:var(--border-width) solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-background-card) 72%,transparent);color:var(--color-text-tertiary);cursor:not-allowed}.vr-companion__tool-list{display:flex;flex-direction:column;gap:var(--space-snug)}.vr-companion__tool{-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-default);min-height:76px;padding:var(--space-snug) var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-background-card) 75%,transparent);color:inherit;cursor:pointer;text-align:left;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default)}.vr-companion__tool--disabled{background:color-mix(in srgb,var(--color-background-card) 44%,transparent);color:var(--color-text-tertiary);cursor:not-allowed}.vr-companion__tool-icon{display:inline-flex;width:var(--space-spacious);height:var(--space-spacious);align-items:center;justify-content:center;border:var(--border-width) solid color-mix(in srgb,var(--color-amber) 24%,transparent);border-radius:var(--radius-default);background:color-mix(in srgb,var(--color-amber) 8%,var(--color-background-page));color:var(--color-text-secondary)}.vr-companion__tool-icon--vr{width:auto;min-width:0;border:0;background:transparent}.vr-companion__tool-icon--disabled{border-color:var(--color-border-subtle);background:color-mix(in srgb,var(--color-background-page) 70%,transparent);color:var(--color-text-tertiary)}.vr-companion__tool-svg,.vr-companion__tool-chevron{width:var(--icon-size-default);height:var(--icon-size-default)}.vr-companion__tool-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-hairline)}.vr-companion__tool-heading{display:flex;min-width:0;align-items:center;gap:var(--space-tight)}.vr-companion__tool-title{min-width:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.vr-companion__tool-title--disabled{color:var(--color-text-secondary)}.vr-companion__tool-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere}.vr-companion__tool-chevron{color:var(--color-text-tertiary)}.vr-companion__status{min-height:var(--line-height-relaxed);margin:var(--space-default) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed);text-align:center}.vr-companion__back:active,.vr-companion__tool--enabled:active{transform:scale(.97)}@keyframes vr-companion-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes vr-companion-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}@media(hover:hover){.vr-companion__back:hover,.vr-companion__tool--enabled:hover{border-color:var(--color-amber)}}@media(max-width:360px){.vr-companion__sign-in{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.vr-companion,.vr-companion--closing{animation:none}.vr-companion__back,.vr-companion__sign-in,.vr-companion__tool{transition:none}}.app-shell{height:100vh;overflow-x:hidden;overflow-y:auto;background:var(--color-surface-primary);color:var(--color-text-primary)}.app-shell--full{display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow:hidden}.app-shell__header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-layout-gap);min-height:64px;padding:0 clamp(16px,4vw,40px);border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface-primary) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-shell__brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--color-text-primary);font-weight:800;text-decoration:none}.app-shell__mark{width:22px;height:22px;border:2px solid var(--color-interaction-primary);border-radius:50%;box-shadow:inset 0 0 0 5px var(--color-surface-primary)}.app-shell__nav{display:flex;gap:6px;min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}.app-shell__nav::-webkit-scrollbar{display:none}.app-shell__nav-link{display:inline-flex;align-items:center;flex:0 0 auto;min-height:36px;padding:0 12px;border-radius:var(--radius-default);color:var(--color-text-secondary);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.app-shell__nav-link--active{background:var(--color-background-surface);color:var(--color-text-primary)}@media(max-width:760px){.app-shell__header{align-items:start;flex-direction:column;padding-block:12px}.app-shell__nav{flex-wrap:wrap;row-gap:8px;overflow:visible;width:100%}}.app-kit-panel,.app-kit-profile-card,.app-kit-state-panel{scroll-margin-top:230px;background:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.app-kit-panel{display:grid;gap:16px;min-width:0;padding:16px}.app-kit-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.app-kit-panel__header h3{margin:0;font-family:var(--font-family);font-size:16px;font-weight:800;line-height:var(--line-height-tight)}.app-kit-panel__header span{color:var(--color-text-secondary);font-size:12px;font-weight:800;white-space:nowrap}.app-kit-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-kit-list-row__person,.app-kit-schedule-day{transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.app-kit-list-row__person:hover,.app-kit-schedule-day:hover{transform:translateY(-1px)}}.app-kit-list-row__person:active,.app-kit-schedule-day:active{transform:scale(.97);transition-duration:var(--duration-instant)}.app-kit-list-row__person:focus-visible,.app-kit-schedule-day:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.app-kit-profile-card{display:grid;gap:16px;padding:18px}.app-kit-profile-card__topline,.app-kit-profile-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-kit-profile-card__body{display:grid;gap:6px}.app-kit-profile-card__eyebrow,.app-kit-profile-card__handle,.app-kit-profile-card__bio,.app-kit-state-panel__description{margin:0;color:var(--color-text-secondary)}.app-kit-profile-card__eyebrow{color:var(--color-interaction-primary);font-size:12px;font-weight:900;text-transform:uppercase}.app-kit-profile-card__name{margin:0;font-family:var(--font-family);font-size:24px;font-weight:900;line-height:var(--line-height-tight)}.app-kit-profile-card__bio{line-height:1.45}.app-kit-profile-card__meta{flex-wrap:wrap;justify-content:start}.app-kit-profile-card__meta-item dt{margin:0;padding:7px 9px;border-radius:var(--radius-default);color:var(--color-text-secondary);background:var(--color-background-surface);font-size:12px;font-weight:800}.app-kit-presence{gap:6px}.app-kit-search-field{display:grid;gap:8px}.app-kit-search-field__label{color:var(--color-text-secondary);font-size:12px;font-weight:900;text-transform:uppercase}.app-kit-search-field__control{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:0 8px 0 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-surface)}.app-kit-search-field__control:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.app-kit-search-field__input{min-width:0;width:100%;border:0;background:transparent;font-size:16px;box-shadow:none}.app-kit-search-field__input:focus{box-shadow:none}.app-kit-search-field__input::-webkit-search-cancel-button,.app-kit-search-field__input::-webkit-search-decoration{display:none;-webkit-appearance:none;appearance:none}.app-kit-list,.app-kit-request-list,.app-kit-native-bridge__events{display:grid;gap:10px;margin:0;padding:0;list-style:none}.app-kit-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:64px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-surface)}.app-kit-list-row__person{display:flex;align-items:center;gap:12px;min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.app-kit-list-row__person--static{cursor:default}.app-kit-list-row__identity{display:grid;gap:2px;min-width:0}.app-kit-list-row__identity strong,.app-kit-list-row__identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-kit-list-row__identity span,.app-kit-request small,.app-kit-native-bridge__events span{color:var(--color-text-secondary);font-size:12px}.app-kit-request{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:84px;padding:12px 14px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-surface)}.app-kit-request__main,.app-kit-request__actions{display:flex;align-items:center;gap:12px;min-width:0}.app-kit-request__copy,.app-kit-request__identity{display:grid;min-width:0}.app-kit-request__copy{gap:5px}.app-kit-request__identity{gap:2px}.app-kit-request p{margin:0;color:var(--color-text-secondary);line-height:1.45}.app-kit-request__actions{gap:8px;justify-content:end;justify-self:end}.app-kit-workflow-banner{padding:10px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);color:var(--color-text-secondary);background:var(--color-background-surface);font-size:13px;font-weight:800;line-height:1.4}.app-kit-workflow-banner--offline{color:var(--color-amber);background:var(--color-amber-dim)}.app-kit-notification-center__heading,.app-kit-schedule__heading{display:grid;gap:3px;min-width:0}.app-kit-notification-center__groups{display:grid;gap:var(--space-default)}.app-kit-notification-group{display:grid;gap:var(--space-tight)}.app-kit-notification-group__header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-secondary)}.app-kit-notification-group__header h4{margin:0;font-family:var(--font-family);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.app-kit-notification-group__header span{font-size:12px;font-weight:850}.app-kit-notification-list,.app-kit-schedule-list{display:grid;margin:0;padding:0;list-style:none}.app-kit-notification-list{overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-surface)}.app-kit-notification-list--skeleton{gap:var(--space-tight);border:0;border-radius:0;background:transparent}.app-kit-schedule-list{gap:10px}.app-kit-notification-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);min-height:60px;padding:var(--space-tight);border:0;border-bottom:1px solid var(--color-border-subtle);background:transparent}.app-kit-notification-row:last-child{border-bottom:0}.app-kit-notification-row--unread:before{position:absolute;top:var(--space-tight);bottom:var(--space-tight);left:0;width:var(--progress-height-thin);border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--color-interaction-primary);content:""}.app-kit-notification-row__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);border-radius:var(--radius-pill)}.app-kit-notification-row__icon--success{color:var(--color-green);background:var(--color-green-dim)}.app-kit-notification-row__icon--attention{color:var(--color-amber);background:var(--color-amber-dim)}.app-kit-notification-row__copy,.app-kit-schedule-event__copy{display:grid;gap:2px;min-width:0}.app-kit-notification-row__copy strong,.app-kit-notification-row__copy span,.app-kit-notification-row__copy small{line-height:var(--line-height-tight)}.app-kit-notification-row__copy strong,.app-kit-notification-row__copy span,.app-kit-notification-row__copy small,.app-kit-schedule-event__copy strong,.app-kit-schedule-event__copy span,.app-kit-schedule-event__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-kit-notification-row__copy span,.app-kit-notification-row__copy small,.app-kit-schedule-event__copy span,.app-kit-schedule-event__copy small{color:var(--color-text-secondary)}.app-kit-notification-row__copy small,.app-kit-schedule-event__copy small,.app-kit-schedule-event__time small{font-size:12px;font-weight:800}.app-kit-notification-row__actions,.app-kit-schedule-event__actions{display:inline-flex;align-items:center;justify-content:end;gap:var(--space-tight)}.app-kit-notification-row__action{min-width:var(--control-height-compact);min-height:var(--control-height-compact)}.app-kit-notification-row__action--open{min-width:auto;padding-inline:var(--space-tight)}.app-kit-schedule-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.app-kit-schedule-toolbar__tabs{width:auto}.app-kit-schedule-toolbar__filters{max-width:min(100%,520px)}.app-kit-schedule-day--active{border-color:var(--color-interaction-primary);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint)}.app-kit-schedule-date-rail{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-block-end:2px;scrollbar-width:none}.app-kit-schedule-date-rail::-webkit-scrollbar{display:none}.app-kit-schedule-date-rail .chip{flex:0 0 auto}.app-kit-schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.app-kit-schedule-day{display:grid;gap:5px;min-height:94px;padding:10px;text-align:left}.app-kit-schedule-day strong{color:var(--color-text-primary);font-size:24px;line-height:1}.app-kit-schedule-day small{color:var(--color-text-secondary);font-weight:800}.app-kit-schedule-event{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-surface)}.app-kit-schedule-event--selected{border-color:var(--color-border-subtle);background:color-mix(in srgb,var(--color-green-dim) 42%,var(--color-background-surface));box-shadow:none}.app-kit-schedule-event--selected:before{content:"";position:absolute;top:0;bottom:0;left:0;width:8px;border-radius:0;background:var(--color-green)}.app-kit-schedule-event__time{display:grid;gap:3px;min-width:0;color:var(--color-interaction-primary)}.app-kit-state-panel{display:grid;gap:10px;padding:4px}.app-kit-state-panel .empty-state{align-items:start;text-align:left}.app-kit-state-panel .empty-state__icon{color:var(--color-interaction-primary)}.app-kit-state-panel--error .empty-state__icon{color:var(--color-red)}.app-kit-state-panel--offline .empty-state__icon{color:var(--color-text-secondary)}.app-kit-state-panel--loading .empty-state__icon svg{animation:app-kit-spin .9s linear infinite}.app-kit-native-bridge__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);border-radius:var(--radius-default)}.app-kit-state-panel__content{display:grid;gap:4px}.app-kit-native-bridge__hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.app-kit-native-bridge__hero p{margin:0;color:var(--color-text-secondary);line-height:1.45}.app-kit-native-bridge__capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-kit-native-bridge__capability,.app-kit-native-bridge__events li{display:grid;gap:4px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-surface)}.app-kit-native-bridge__capability small{color:var(--color-text-secondary);font-weight:800}@keyframes app-kit-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.app-kit-list-row__person,.app-kit-schedule-day{transition:none}.app-kit-list-row__person:hover,.app-kit-schedule-day:hover,.app-kit-list-row__person:active,.app-kit-schedule-day:active{transform:none}.app-kit-state-panel--loading .empty-state__icon svg{animation:none}}@media(max-width:760px){.app-kit-panel,.app-kit-profile-card{padding:14px}.app-kit-list-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"person action" "presence action"}.app-kit-list-row__person{grid-area:person}.app-kit-list-row>.app-kit-presence{grid-area:presence;justify-self:start}.app-kit-list-row>.button{grid-area:action;align-self:center}.app-kit-request{grid-template-columns:1fr;align-items:start}.app-kit-request__actions{justify-self:start}.app-kit-notification-row__body{display:none}.app-kit-schedule-event{grid-template-columns:1fr;align-items:start}.app-kit-schedule-event__actions{justify-content:start}.app-kit-schedule-event__copy strong,.app-kit-schedule-event__copy span,.app-kit-schedule-event__copy small{white-space:normal}.app-kit-schedule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-kit-native-bridge__capabilities{grid-template-columns:1fr}}.app-kit-chat{--app-kit-chat-bubble-radius: 22px;--app-kit-chat-bubble-radius-tight: 7px;--app-kit-chat-tail-width: 20px;--app-kit-chat-tail-height: 20px;--app-kit-chat-tail-mask-width: 10px;--app-kit-chat-accent: color-mix(in srgb, var(--color-interaction-primary) 96%, var(--color-white) 4%);--app-kit-chat-on-accent: var(--color-interaction-primary-text);--app-kit-chat-well: color-mix(in srgb, var(--color-background-page) 22%, var(--color-black));--app-kit-chat-incoming: color-mix(in srgb, var(--color-background-surface) 88%, var(--color-black));--app-kit-chat-composer-surface: color-mix(in srgb, var(--color-background-inset) 62%, var(--color-black));--app-kit-chat-composer-track: color-mix(in srgb, var(--color-background-surface) 55%, var(--color-black));--app-kit-chat-panel-gap: 14px;--app-kit-chat-feed-padding-block-start: 22px;--app-kit-chat-feed-padding-block-end: 16px;--app-kit-chat-feed-padding-inline: 24px;--app-kit-chat-lane-width: 760px;--app-kit-chat-row-gap: 10px;--app-kit-chat-row-gap-continued: 3px;--app-kit-chat-composer-control-size: 44px;--app-kit-chat-composer-padding: 12px 14px 14px;--app-kit-chat-message-size: var(--font-size-heading-small);--app-kit-chat-message-line-height: 1.35;--app-kit-chat-meta-size: 12px;--app-kit-chat-meta-line-height: 15px;gap:var(--app-kit-chat-panel-gap);min-height:auto}.app-kit-chat__heading{display:grid;gap:3px;min-width:0}.app-kit-chat__state{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);color:var(--color-text-secondary);background:var(--color-background-surface)}.app-kit-chat__toolbar{display:flex;flex-wrap:wrap;gap:8px}.app-kit-chat__view{display:flex;flex-direction:column;height:clamp(430px,48vh,520px);max-height:min(520px,calc(100vh - 218px));min-width:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--app-kit-chat-well)}.app-kit-chat__view--skeleton{align-items:center;justify-content:end;gap:8px;padding:16px;min-height:300px}.app-kit-chat__view--skeleton .app-kit-chat-feed__row{width:min(100%,var(--app-kit-chat-lane-width))}.app-kit-chat-feed{display:flex;flex-direction:column;flex:1 1 auto;align-self:center;width:min(100%,var(--app-kit-chat-lane-width));min-height:0;margin:0;padding:var(--app-kit-chat-feed-padding-block-start) var(--app-kit-chat-feed-padding-inline) var(--app-kit-chat-feed-padding-block-end);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;list-style:none;scrollbar-width:thin}.app-kit-chat-feed[data-app-kit-chat-populated=true]>:first-child{margin-top:auto}.app-kit-chat-feed__row{display:flex;width:100%;padding-bottom:var(--app-kit-chat-row-gap)}.app-kit-chat-feed__row[data-app-kit-chat-align=right]{justify-content:flex-end}.app-kit-chat-feed__row[data-app-kit-chat-align=left]{justify-content:flex-start}.app-kit-chat-feed__row[data-app-kit-chat-align=left][data-app-kit-chat-tail=true]{padding-left:calc(var(--app-kit-chat-tail-width) * .5)}.app-kit-chat-feed__row[data-app-kit-chat-align=right][data-app-kit-chat-tail=true]{padding-right:calc(var(--app-kit-chat-tail-width) * .5)}.app-kit-chat-feed__row[data-app-kit-chat-continued=true]{margin-top:-6px;padding-bottom:var(--app-kit-chat-row-gap-continued)}.app-kit-chat-message__stack{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;width:fit-content;max-width:min(72%,620px);min-width:0}.app-kit-chat-feed__row[data-app-kit-chat-align=right] .app-kit-chat-message__stack{align-items:flex-end}.app-kit-chat-message__bubble{display:block;position:relative;width:fit-content;max-width:100%;padding:10px 15px 11px;border:0;border-radius:var(--app-kit-chat-bubble-radius);color:var(--color-text-primary);background:var(--app-kit-chat-incoming);box-shadow:0 1px color-mix(in srgb,var(--color-white) 3%,transparent);transform-origin:left bottom;transition:transform .18s cubic-bezier(.16,1,.3,1),border-top-left-radius .18s var(--ease-out),border-top-right-radius .18s var(--ease-out),border-bottom-left-radius .18s var(--ease-out),border-bottom-right-radius .18s var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.app-kit-chat-message__bubble:after{content:none;position:absolute;bottom:0;width:var(--app-kit-chat-tail-mask-width);height:var(--app-kit-chat-tail-height);pointer-events:none;background:var(--app-kit-chat-well)}.app-kit-chat-message__bubble:before{content:none;position:absolute;bottom:0;width:var(--app-kit-chat-tail-width);height:var(--app-kit-chat-tail-height);pointer-events:none;background:inherit}.app-kit-chat-message__bubble--skeleton{width:min(360px,74vw);max-width:min(82%,360px)}.app-kit-chat-feed__row[data-app-kit-chat-align=right] .app-kit-chat-message__bubble{color:var(--app-kit-chat-on-accent);background:var(--app-kit-chat-accent);transform-origin:right bottom}.app-kit-chat-feed__row[data-app-kit-chat-align=left][data-app-kit-chat-continued=true] .app-kit-chat-message__bubble{border-top-left-radius:var(--app-kit-chat-bubble-radius-tight)}.app-kit-chat-feed__row[data-app-kit-chat-align=left]:not([data-app-kit-chat-tail=true]) .app-kit-chat-message__bubble{border-bottom-left-radius:var(--app-kit-chat-bubble-radius-tight)}.app-kit-chat-feed__row[data-app-kit-chat-align=left][data-app-kit-chat-tail=true] .app-kit-chat-message__bubble{border-bottom-left-radius:var(--app-kit-chat-bubble-radius-tight)}.app-kit-chat-feed__row[data-app-kit-chat-align=left][data-app-kit-chat-tail=true] .app-kit-chat-message__bubble:after{content:"";left:calc(var(--app-kit-chat-tail-mask-width) * -1);border-bottom-right-radius:var(--app-kit-chat-tail-mask-width)}.app-kit-chat-feed__row[data-app-kit-chat-align=left][data-app-kit-chat-tail=true] .app-kit-chat-message__bubble:before{content:"";left:calc(var(--app-kit-chat-tail-width) * -.42);border-bottom-right-radius:var(--app-kit-chat-tail-width)}.app-kit-chat-feed__row[data-app-kit-chat-align=right][data-app-kit-chat-continued=true] .app-kit-chat-message__bubble{border-top-right-radius:var(--app-kit-chat-bubble-radius-tight)}.app-kit-chat-feed__row[data-app-kit-chat-align=right]:not([data-app-kit-chat-tail=true]) .app-kit-chat-message__bubble{border-bottom-right-radius:var(--app-kit-chat-bubble-radius-tight)}.app-kit-chat-feed__row[data-app-kit-chat-align=right][data-app-kit-chat-tail=true] .app-kit-chat-message__bubble{border-bottom-right-radius:var(--app-kit-chat-bubble-radius-tight)}.app-kit-chat-feed__row[data-app-kit-chat-align=right][data-app-kit-chat-tail=true] .app-kit-chat-message__bubble:after{content:"";right:calc(var(--app-kit-chat-tail-mask-width) * -1);border-bottom-left-radius:var(--app-kit-chat-tail-mask-width)}.app-kit-chat-feed__row[data-app-kit-chat-align=right][data-app-kit-chat-tail=true] .app-kit-chat-message__bubble:before{content:"";right:calc(var(--app-kit-chat-tail-width) * -.42);border-bottom-left-radius:var(--app-kit-chat-tail-width)}.app-kit-chat-message__meta,.app-kit-chat-system-message{color:var(--color-text-secondary);font-size:var(--app-kit-chat-meta-size);font-weight:var(--font-weight-semibold);line-height:var(--app-kit-chat-meta-line-height);letter-spacing:0;font-variant-numeric:tabular-nums lining-nums}.app-kit-chat-message__meta{display:block;max-width:100%;margin-block-end:2px;padding-inline:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-kit-chat-message__body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:var(--app-kit-chat-message-size);font-weight:var(--font-weight-normal);line-height:var(--app-kit-chat-message-line-height);letter-spacing:0}.app-kit-chat-feed__row[data-app-kit-chat-align=right] .app-kit-chat-message__meta{display:none}.app-kit-chat-message__receipt{display:block;max-width:100%;padding-inline:8px;color:var(--color-text-secondary);font-size:var(--app-kit-chat-meta-size);font-weight:var(--font-weight-semibold);line-height:var(--app-kit-chat-meta-line-height);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}.app-kit-chat__empty{align-items:stretch;margin-block:auto;padding-bottom:0}.app-kit-chat__empty .app-kit-state-panel{width:min(100%,520px);margin-inline:auto}.app-kit-chat-system-message{justify-content:center;max-width:none;margin-inline:0;padding-block:6px 14px;text-align:center}.app-kit-chat-system-message>span{display:inline-flex;width:fit-content;max-width:min(82%,420px);min-height:20px;align-items:center;justify-content:center;padding:0 8px;border:0;border-radius:var(--radius-pill);background:transparent;box-shadow:none}.app-kit-chat-typing{display:grid;grid-template-rows:0fr;padding-bottom:0;transition:grid-template-rows .15s cubic-bezier(.55,.055,.675,.19)}.app-kit-chat-typing[data-app-kit-visible=true]{grid-template-rows:1fr;padding-bottom:9px;transition:grid-template-rows .2s cubic-bezier(.16,1,.3,1)}.app-kit-chat-typing__inner{display:flex;justify-content:flex-start;min-height:0;overflow:hidden}.app-kit-chat-typing__bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:52px;min-height:32px;padding:0 12px;border-radius:var(--app-kit-chat-bubble-radius) var(--app-kit-chat-bubble-radius) var(--app-kit-chat-bubble-radius) var(--app-kit-chat-bubble-radius-tight);color:var(--color-text-secondary);background:var(--app-kit-chat-incoming);opacity:0;transform:translate3d(-8px,12px,0) scale(.97);transform-origin:left bottom;transition:transform .15s cubic-bezier(.55,.055,.675,.19),opacity .15s cubic-bezier(.55,.055,.675,.19)}.app-kit-chat-typing__bubble:after{content:"";position:absolute;left:calc(var(--app-kit-chat-tail-mask-width) * -1);bottom:0;width:var(--app-kit-chat-tail-mask-width);height:var(--app-kit-chat-tail-height);border-bottom-right-radius:var(--app-kit-chat-tail-mask-width);background:var(--app-kit-chat-well);pointer-events:none}.app-kit-chat-typing__bubble:before{content:"";position:absolute;left:calc(var(--app-kit-chat-tail-width) * -.42);bottom:0;width:var(--app-kit-chat-tail-width);height:var(--app-kit-chat-tail-height);border-bottom-right-radius:var(--app-kit-chat-tail-width);background:inherit;pointer-events:none}.app-kit-chat-typing[data-app-kit-visible=true] .app-kit-chat-typing__bubble{opacity:1;transform:translateZ(0) scale(1);animation:app-kit-chat-typing-bubble-in .2s cubic-bezier(.16,1,.3,1) both}.app-kit-chat-typing__dots{display:inline-flex;align-items:center;justify-content:center;gap:4px}.app-kit-chat-typing__dots span{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55;animation:app-kit-typing-pulse 1.1s ease-in-out infinite}.app-kit-chat-typing__dots span:nth-child(2){animation-delay:.12s}.app-kit-chat-typing__dots span:nth-child(3){animation-delay:.24s}.app-kit-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) var(--app-kit-chat-composer-control-size) var(--app-kit-chat-composer-control-size);align-items:center;align-self:center;gap:10px;width:min(100%,var(--app-kit-chat-lane-width));flex:0 0 auto;padding:var(--app-kit-chat-composer-padding);border-top:1px solid transparent;background:transparent}.app-kit-chat-composer__input{min-height:var(--app-kit-chat-composer-control-size);height:var(--app-kit-chat-composer-control-size);max-height:120px;resize:none;padding:9px 16px 10px;border:1px solid color-mix(in srgb,var(--color-border-subtle) 72%,transparent);border-radius:999px;color:var(--color-text-primary);background:var(--app-kit-chat-composer-track);font:inherit;font-size:var(--app-kit-chat-message-size);font-weight:var(--font-weight-normal);line-height:var(--app-kit-chat-message-line-height);letter-spacing:0;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.app-kit-chat-composer__input.input{min-height:var(--app-kit-chat-composer-control-size);height:var(--app-kit-chat-composer-control-size);resize:none;overflow:hidden}.app-kit-chat-composer__input:disabled{color:var(--color-text-secondary);cursor:not-allowed;opacity:.72}.app-kit-chat-composer__send,.app-kit-chat-composer__reset{display:inline-flex;align-items:center;justify-content:center;width:var(--app-kit-chat-composer-control-size);min-width:var(--app-kit-chat-composer-control-size);height:var(--app-kit-chat-composer-control-size);min-height:var(--app-kit-chat-composer-control-size);padding:0;border:1px solid color-mix(in srgb,var(--color-border-subtle) 62%,transparent);border-radius:999px;color:var(--color-text-primary);background:var(--app-kit-chat-composer-surface);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.app-kit-chat-composer__send:before,.app-kit-chat-composer__reset:before{border-radius:var(--radius-pill)}.app-kit-chat-composer__send{border-color:var(--app-kit-chat-accent);color:var(--app-kit-chat-on-accent);background:var(--app-kit-chat-accent)}.app-kit-chat-composer__reset{color:var(--color-text-secondary)}.app-kit-chat-composer__send:disabled,.app-kit-chat-composer__reset:disabled{cursor:not-allowed;transform:none}.app-kit-chat-composer__send:disabled{border-color:var(--color-border-subtle);color:var(--color-text-tertiary);background:color-mix(in srgb,var(--color-background-raised) 88%,var(--color-background-surface) 12%);box-shadow:none;opacity:1}.app-kit-chat-composer__reset:disabled{opacity:.42}@media(hover:hover)and (pointer:fine){.app-kit-chat-composer__send:hover,.app-kit-chat-composer__reset:hover{transform:translateY(-1px)}}.app-kit-chat-composer__send:active,.app-kit-chat-composer__reset:active{transform:scale(.97);transition-duration:var(--duration-instant)}.app-kit-chat-composer__input:focus-visible,.app-kit-chat-composer__send:focus-visible,.app-kit-chat-composer__reset:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.app-kit-chat-composer__hint{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--color-text-secondary);font-size:12px;font-weight:800;white-space:nowrap}@keyframes app-kit-typing-pulse{0%,80%,to{opacity:.34;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes app-kit-chat-typing-bubble-in{0%{opacity:0;transform:translate3d(-8px,12px,0) scale(.97)}60%{opacity:1;transform:translateZ(0) scale(1.012)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.app-kit-chat-message__bubble,.app-kit-chat-typing,.app-kit-chat-typing__bubble,.app-kit-chat-composer__input,.app-kit-chat-composer__send,.app-kit-chat-composer__reset{transition:none}.app-kit-chat-composer__input:hover,.app-kit-chat-composer__send:hover,.app-kit-chat-composer__reset:hover,.app-kit-chat-composer__input:active,.app-kit-chat-composer__send:active,.app-kit-chat-composer__reset:active{transform:none}.app-kit-chat-typing__dots span,.app-kit-chat-typing[data-app-kit-visible=true] .app-kit-chat-typing__bubble{animation:none}.app-kit-chat-typing__bubble,.app-kit-chat-typing[data-app-kit-visible=true] .app-kit-chat-typing__bubble{transform:none}}@media(max-width:760px){.app-kit-chat{--app-kit-chat-panel-gap: 13px;--app-kit-chat-feed-padding-block-start: 18px;--app-kit-chat-feed-padding-block-end: 12px;--app-kit-chat-feed-padding-inline: 16px;--app-kit-chat-composer-padding: 12px;min-height:auto}.app-kit-chat__view{height:clamp(320px,52svh,420px);max-height:min(440px,calc(100svh - 230px))}.app-kit-chat__view--skeleton{min-height:320px}.app-kit-chat-feed{padding:var(--app-kit-chat-feed-padding-block-start) var(--app-kit-chat-feed-padding-inline) var(--app-kit-chat-feed-padding-block-end)}.app-kit-chat-message__stack{max-width:80%}.app-kit-chat-composer{grid-template-columns:minmax(0,1fr) var(--app-kit-chat-composer-control-size) var(--app-kit-chat-composer-control-size);gap:9px}.app-kit-chat-composer__hint{grid-column:1 / -1;justify-content:flex-start}}.app-kit-crm-workspace,.app-kit-crm-panel,.app-kit-crm-scenarios,.app-kit-crm-action-log,.app-kit-crm-bulk-actions{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card);box-shadow:var(--shadow-card)}.app-kit-crm-workspace{display:grid;gap:18px;padding:18px}.app-kit-crm-workspace__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.app-kit-crm-workspace__copy{display:grid;gap:7px;min-width:0}.app-kit-crm-workspace__eyebrow{margin:0;color:var(--color-interaction-primary);font-size:12px;font-weight:900;text-transform:uppercase}.app-kit-crm-workspace__copy h2,.app-kit-crm-panel__header h3,.app-kit-crm-scenarios__copy h2,.app-kit-crm-action-log__header h2{margin:0;font-family:var(--font-family);line-height:var(--line-height-tight)}.app-kit-crm-workspace__copy h2{max-width:680px;font-size:34px;font-weight:950;letter-spacing:0;text-wrap:balance}.app-kit-crm-workspace__copy p,.app-kit-crm-scenarios__copy p,.app-kit-crm-panel__header span,.app-kit-crm-empty-copy{margin:0;color:var(--color-text-secondary)}.app-kit-crm-workspace__metrics{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px}.app-kit-crm-workspace__metric{display:grid;gap:2px;min-height:60px;padding:11px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:color-mix(in srgb,var(--color-background-surface) 88%,var(--color-background-card))}.app-kit-crm-workspace__metric strong{color:var(--color-text-primary);font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.app-kit-crm-workspace__metric span{color:var(--color-text-secondary);font-size:11px;font-weight:800;text-transform:uppercase}.app-kit-crm-scenarios{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px}.app-kit-crm-scenarios__copy{display:grid;gap:4px}.app-kit-crm-scenarios__copy h2,.app-kit-crm-action-log__header h2{font-size:16px;font-weight:900}.app-kit-crm-scenarios__list{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.app-kit-crm-panel{display:grid;gap:14px;min-width:0;padding:16px}.app-kit-crm-panel__header{display:flex;align-items:start;justify-content:space-between;gap:14px;min-width:0}.app-kit-crm-panel__header>div{display:grid;gap:3px}.app-kit-crm-panel__header h3{font-size:18px;font-weight:900}.app-kit-crm-tags{display:flex;flex-wrap:wrap;gap:5px}.app-kit-crm-directory__controls{display:grid;grid-template-columns:1fr;gap:10px}.app-kit-crm-search{display:grid;gap:7px;min-width:0;color:var(--color-text-secondary);font-size:12px;font-weight:900;text-transform:uppercase}.app-kit-crm-search__input-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-surface)}.app-kit-crm-search__input-wrap:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 1px var(--color-border-focus)}.app-kit-crm-search input::-webkit-search-cancel-button,.app-kit-crm-search input::-webkit-search-decoration{display:none;-webkit-appearance:none;appearance:none}.app-kit-crm-search input,.app-kit-crm-field input,.app-kit-crm-field textarea,.app-kit-crm-notes__composer textarea{width:100%;min-width:0;border:0;color:var(--color-text-primary);background:transparent;font-family:var(--font-family);font-size:16px;font-weight:700;line-height:1.45;outline:0}.app-kit-crm-search input::placeholder,.app-kit-crm-field input::placeholder,.app-kit-crm-field textarea::placeholder,.app-kit-crm-notes__composer textarea::placeholder{color:var(--color-text-tertiary);font-weight:650}.app-kit-crm-filter-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.app-kit-crm-filter-group .chip{width:100%;justify-content:center}.app-kit-crm-scenarios__list .chip{justify-content:center}.app-kit-crm-directory__list,.app-kit-crm-queue__list,.app-kit-crm-pipeline-column__items,.app-kit-crm-assignment__items,.app-kit-crm-checklist__items,.app-kit-crm-engagement__items,.app-kit-crm-task-list__items,.app-kit-crm-timeline__items,.app-kit-crm-notes__list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.app-kit-crm-directory-row,.app-kit-crm-queue__item,.app-kit-crm-pipeline-card,.app-kit-crm-assignment-row,.app-kit-crm-checklist-row,.app-kit-crm-engagement-card,.app-kit-crm-task,.app-kit-crm-timeline__item,.app-kit-crm-note{display:grid;gap:10px;align-items:center;min-width:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-background-surface) 88%,var(--color-background-card));transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.app-kit-crm-directory-row{grid-template-columns:minmax(0,1fr) 40px;padding:10px}.app-kit-crm-directory-row--selected{border-color:color-mix(in srgb,var(--color-interaction-primary) 68%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-interaction-primary) 9%,var(--color-background-surface))}.app-kit-crm-directory-row__person{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:0;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.app-kit-crm-directory-row__copy,.app-kit-crm-queue__copy,.app-kit-crm-task__copy,.app-kit-crm-timeline__copy,.app-kit-crm-note__body{display:grid;gap:4px;min-width:0}.app-kit-crm-directory-row__topline{display:flex;align-items:center;gap:8px;min-width:0}.app-kit-crm-directory-row__copy strong,.app-kit-crm-queue__copy strong,.app-kit-crm-task__copy strong,.app-kit-crm-timeline__copy strong,.app-kit-crm-note__body strong{min-width:0;overflow:hidden;color:var(--color-text-primary);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.app-kit-crm-directory-row__copy span,.app-kit-crm-queue__copy span,.app-kit-crm-task__copy span,.app-kit-crm-timeline__copy span,.app-kit-crm-note__body span,.app-kit-crm-directory-row__copy small,.app-kit-crm-queue__copy small,.app-kit-crm-task__copy small,.app-kit-crm-timeline__copy small,.app-kit-crm-note__body small{min-width:0;overflow-wrap:break-word;color:var(--color-text-secondary);line-height:1.35}.app-kit-crm-detail__header{display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:start}.app-kit-crm-detail__identity{display:grid;gap:5px;min-width:0}.app-kit-crm-detail__eyebrow{color:var(--color-interaction-primary);font-size:11px;font-weight:900;text-transform:uppercase}.app-kit-crm-detail__identity h3{margin:0;font-family:var(--font-family);font-size:26px;font-weight:950;line-height:var(--line-height-tight)}.app-kit-crm-detail__identity p{margin:0;color:var(--color-text-secondary)}.app-kit-crm-detail__meta,.app-kit-crm-contact-actions__list,.app-kit-crm-notes__actions,.app-kit-crm-form__actions{display:flex;flex-wrap:wrap;gap:8px}.app-kit-crm-notes__actions .button:disabled{background-color:var(--color-background-raised);color:var(--color-text-tertiary);box-shadow:inset 0 0 0 1px var(--color-border-subtle);opacity:1}.app-kit-crm-detail__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:10px}.app-kit-crm-stage,.app-kit-crm-account,.app-kit-crm-relationships,.app-kit-crm-contact-actions,.app-kit-crm-pipeline-column{display:grid;gap:10px;padding:12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-surface)}.app-kit-crm-stage h4,.app-kit-crm-account h4,.app-kit-crm-relationships h4,.app-kit-crm-contact-actions h4,.app-kit-crm-pipeline-column h4,.app-kit-crm-timeline__group h4{margin:0;color:var(--color-text-primary);font-size:13px;font-weight:900;text-transform:uppercase;overflow-wrap:normal}.app-kit-crm-stage__next,.app-kit-crm-account__body{display:grid;gap:4px}.app-kit-crm-stage__next span,.app-kit-crm-stage__next small,.app-kit-crm-account p,.app-kit-crm-account__body span{margin:0;color:var(--color-text-secondary)}.app-kit-crm-account__topline{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}.app-kit-crm-account__status{grid-column:2;justify-self:start}.app-kit-crm-account__icon,.app-kit-crm-queue__icon,.app-kit-crm-task__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-default);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint)}.app-kit-crm-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.app-kit-crm-fact-grid__item{display:grid;gap:4px;min-height:66px;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-surface)}.app-kit-crm-fact-grid dt{color:var(--color-text-secondary);font-size:11px;font-weight:900;text-transform:uppercase}.app-kit-crm-fact-grid dd{margin:0;color:var(--color-text-primary);font-weight:900;overflow-wrap:break-word}.app-kit-crm-relationships__list{display:grid;gap:8px}.app-kit-crm-related-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:52px;padding:9px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);color:var(--color-text-primary);background:var(--color-background-card);font:inherit;text-align:left;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.app-kit-crm-related-card__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-background-surface)}.app-kit-crm-related-card small{display:block;color:var(--color-text-secondary)}.app-kit-crm-queue__item{grid-template-columns:32px minmax(0,1fr);padding:10px}.app-kit-crm-queue__item .button{grid-column:2;justify-self:start}.app-kit-crm-bulk-actions{display:grid;gap:12px;padding:14px}.app-kit-crm-bulk-actions__summary{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.app-kit-crm-bulk-actions__summary h3,.app-kit-crm-bulk-actions__summary p{margin:0}.app-kit-crm-bulk-actions__summary h3{color:var(--color-text-primary);font-family:var(--font-family);font-size:16px;font-weight:900;line-height:var(--line-height-tight)}.app-kit-crm-bulk-actions__summary p{color:var(--color-text-secondary);font-size:13px;line-height:1.35}.app-kit-crm-bulk-actions__icon,.app-kit-crm-assignment-row__icon,.app-kit-crm-checklist-row__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-default);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint)}.app-kit-crm-bulk-actions__controls{display:flex;flex-wrap:wrap;gap:8px}.app-kit-crm-bulk-actions__controls .button{flex:1 1 156px}.app-kit-crm-bulk-actions__controls .button--icon{flex:0 0 auto}.app-kit-crm-pipeline__columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.app-kit-crm-pipeline-column__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.app-kit-crm-pipeline-column__header>div{display:grid;gap:4px;min-width:0}.app-kit-crm-pipeline-column__header span{color:var(--color-text-secondary);line-height:1.3}.app-kit-crm-pipeline-card{padding:0}.app-kit-crm-pipeline-card__button,.app-kit-crm-checklist-row__button,.app-kit-crm-engagement-card__button,.app-kit-crm-density-zone{width:100%;min-width:0;min-height:52px;border:0;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.app-kit-crm-pipeline-card__button,.app-kit-crm-checklist-row__button,.app-kit-crm-engagement-card__button{transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.app-kit-crm-pipeline-card__button{display:grid;gap:5px;padding:10px}.app-kit-crm-pipeline-card__topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.app-kit-crm-pipeline-card__button strong,.app-kit-crm-assignment-row__copy strong,.app-kit-crm-checklist-row__copy strong,.app-kit-crm-engagement-card__copy strong,.app-kit-crm-density-zone__copy strong{min-width:0;overflow:hidden;color:var(--color-text-primary);font-weight:900;text-overflow:ellipsis;white-space:nowrap}.app-kit-crm-pipeline-card__button span,.app-kit-crm-pipeline-card__button small,.app-kit-crm-assignment-row__copy span,.app-kit-crm-assignment-row__copy small,.app-kit-crm-checklist-row__copy span,.app-kit-crm-checklist-row__copy small,.app-kit-crm-engagement-card__copy span,.app-kit-crm-engagement-card__metric small,.app-kit-crm-density-zone__copy span{color:var(--color-text-secondary);line-height:1.35}.app-kit-crm-assignment-row{grid-template-columns:34px minmax(0,1fr) auto;padding:10px}.app-kit-crm-assignment-row__copy,.app-kit-crm-checklist-row__copy,.app-kit-crm-engagement-card__copy,.app-kit-crm-density-zone__copy{display:grid;gap:4px;min-width:0}.app-kit-crm-checklist-row{padding:0}.app-kit-crm-checklist-row--complete{background:color-mix(in srgb,var(--color-green-dim) 48%,var(--color-background-surface))}.app-kit-crm-checklist-row__button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px}.app-kit-crm-checklist-row--complete .app-kit-crm-checklist-row__icon{color:var(--color-green);background:var(--color-green-dim)}.app-kit-crm-engagement-card{padding:0}.app-kit-crm-engagement-card__button{display:grid;grid-template-columns:74px minmax(0,1fr) 24px;gap:12px;align-items:center;padding:10px}.app-kit-crm-engagement-card__metric{display:grid;gap:2px;min-height:50px;padding:8px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-card)}.app-kit-crm-engagement-card__metric strong{color:var(--color-text-primary);font-size:22px;font-weight:950;line-height:1;font-variant-numeric:tabular-nums}.app-kit-crm-density-map__body{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,.74fr);gap:12px}.app-kit-crm-density-map__canvas{position:relative;min-height:280px;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:linear-gradient(90deg,color-mix(in srgb,var(--color-border-subtle) 36%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--color-border-subtle) 28%,transparent) 1px,transparent 1px),color-mix(in srgb,var(--color-background-surface) 88%,var(--color-interaction-primary) 12%);background-size:54px 54px}.app-kit-crm-density-map__plot{position:absolute;inset:0;z-index:1;width:100%;height:100%}.app-kit-crm-density-map__canvas:before,.app-kit-crm-density-map__canvas:after{content:"";position:absolute;pointer-events:none;border:1px solid color-mix(in srgb,var(--color-border-subtle) 72%,transparent);transform:rotate(-12deg)}.app-kit-crm-density-map__canvas:before{inset:18% -8% auto 12%;height:58px}.app-kit-crm-density-map__canvas:after{inset:auto 8% 18% -6%;height:74px;transform:rotate(16deg)}.app-kit-crm-density-map__point{cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.app-kit-crm-density-map__point-halo{fill:color-mix(in srgb,var(--color-interaction-primary) 18%,transparent);stroke:transparent}.app-kit-crm-density-map__point-dot{fill:color-mix(in srgb,var(--color-interaction-primary) 62%,var(--color-background-surface));stroke:color-mix(in srgb,var(--color-interaction-primary) 72%,var(--color-white));stroke-width:.45;transition:fill var(--duration-fast) var(--ease-out),stroke var(--duration-fast) var(--ease-out),stroke-width var(--duration-fast) var(--ease-out)}.app-kit-crm-density-map__point-count{fill:var(--color-text-primary);font-family:var(--font-family);font-size:3.3px;font-weight:950;pointer-events:none;text-anchor:middle}.app-kit-crm-density-map__point--selected .app-kit-crm-density-map__point-dot{stroke:var(--color-text-primary);stroke-width:.7}.app-kit-crm-density-map__point--selected .app-kit-crm-density-map__point-halo{fill:color-mix(in srgb,var(--color-interaction-primary) 24%,transparent)}.app-kit-crm-density-map__zones{display:grid;gap:8px}.app-kit-crm-density-zone{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-surface);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.app-kit-crm-density-zone--selected{border-color:color-mix(in srgb,var(--color-interaction-primary) 68%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-interaction-primary) 9%,var(--color-background-surface))}.app-kit-crm-density-zone__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-default);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint)}.app-kit-crm-task{grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;min-height:78px;padding:12px}.app-kit-crm-task__actions{display:flex;align-items:center;gap:6px;padding-inline-start:8px;border-inline-start:1px solid var(--color-border-subtle)}.app-kit-crm-task__badge{align-self:center;justify-self:end}.app-kit-crm-timeline__groups{display:grid;gap:16px}.app-kit-crm-timeline__group{display:grid;gap:8px}.app-kit-crm-timeline__item{grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;min-height:76px;padding:12px}.app-kit-crm-timeline__marker{width:11px;height:11px;margin-top:4px;border:2px solid var(--color-background-surface);border-radius:var(--radius-sharp);background:var(--color-interaction-primary);box-shadow:0 0 0 3px var(--color-interaction-primary-tint)}.app-kit-crm-notes__composer,.app-kit-crm-field{display:grid;gap:7px;color:var(--color-text-secondary);font-size:12px;font-weight:900}.app-kit-crm-notes__composer textarea,.app-kit-crm-field input,.app-kit-crm-field textarea{min-height:44px;padding:11px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-surface)}.app-kit-crm-notes__composer .input,.app-kit-crm-field .input{resize:none}.app-kit-crm-note{grid-template-columns:minmax(0,1fr) 40px;align-items:start;padding:12px}.app-kit-crm-note--pinned{border-color:color-mix(in srgb,var(--color-interaction-primary) 45%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-interaction-primary-tint) 26%,var(--color-background-surface))}.app-kit-crm-note__body strong{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.app-kit-crm-field-group{display:grid;gap:12px;min-width:0;padding:14px;margin:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-background-surface) 78%,var(--color-background-card))}.app-kit-crm-field-group legend{padding:0 6px 0 0;color:var(--color-text-primary);font-size:15px;font-weight:950}.app-kit-crm-field-group p{margin:0;color:var(--color-text-secondary)}.app-kit-crm-field-group__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-kit-crm-notes__composer>span,.app-kit-crm-field__label{display:flex;align-items:center;justify-content:space-between;gap:8px;text-transform:uppercase}.app-kit-crm-select__trigger{width:100%;min-width:0;min-height:44px;padding:0 11px;border-color:var(--color-border-subtle);color:var(--color-text-primary);background:var(--color-background-surface);font:inherit;font-size:16px;font-weight:850;text-transform:none}.app-kit-crm-select__trigger--invalid{border-color:color-mix(in srgb,var(--color-red) 62%,var(--color-border-subtle))}.app-kit-crm-select__content{min-width:max(var(--radix-select-trigger-width),220px);border-color:var(--color-border-emphasis);background:var(--color-background-floating)}.app-kit-crm-select__item{min-height:42px;padding-inline-start:36px;font-size:15px;font-weight:850;text-transform:none}.app-kit-crm-field small,.app-kit-crm-field__error{color:var(--color-red-light);font-size:11px;font-weight:850}.app-kit-crm-validation-summary,.app-kit-crm-save-state{display:grid;gap:6px;padding:10px;border:1px solid var(--color-red-border);border-radius:var(--radius-card);color:var(--color-red-light);background:var(--color-red-dim)}.app-kit-crm-save-state{border-color:var(--color-green-border);color:var(--color-green);background:var(--color-green-dim)}.app-kit-crm-validation-summary ul{display:grid;gap:3px;padding-inline-start:18px;margin:0}.app-kit-crm-action-log{display:grid;gap:10px;padding:14px 16px}.app-kit-crm-action-log__header{display:flex;justify-content:space-between;gap:12px}.app-kit-crm-action-log__header span,.app-kit-crm-action-log__empty{color:var(--color-text-secondary);font-weight:850}.app-kit-crm-action-log__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}.app-kit-crm-action-log__item{position:relative;display:grid;gap:4px;min-height:64px;padding:11px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-background-surface) 86%,var(--color-background-card));transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.app-kit-crm-action-log__item strong{color:var(--color-text-primary);font-weight:900}.app-kit-crm-action-log__item span{color:var(--color-text-secondary)}.app-kit-crm-directory__skeleton{display:grid;gap:8px}@media(hover:hover)and (pointer:fine){.app-kit-crm-directory-row:hover,.app-kit-crm-queue__item:hover,.app-kit-crm-task:hover,.app-kit-crm-timeline__item:hover,.app-kit-crm-note:hover,.app-kit-crm-action-log__item:hover{border-color:color-mix(in srgb,var(--color-border-emphasis) 72%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-background-surface) 78%,var(--color-background-card))}.app-kit-crm-directory-row__person:hover,.app-kit-crm-related-card:hover,.app-kit-crm-pipeline-card__button:hover,.app-kit-crm-checklist-row__button:hover,.app-kit-crm-engagement-card__button:hover,.app-kit-crm-density-zone:hover{transform:translateY(-1px)}.app-kit-crm-density-map__point:hover{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-interaction-primary) 42%,transparent))}}.app-kit-crm-directory-row__person:active,.app-kit-crm-related-card:active,.app-kit-crm-pipeline-card__button:active,.app-kit-crm-checklist-row__button:active,.app-kit-crm-engagement-card__button:active,.app-kit-crm-density-zone:active{transform:scale(.98);transition-duration:var(--duration-instant)}.app-kit-crm-density-map__point:active{opacity:.82;transition-duration:var(--duration-instant)}.app-kit-crm-directory-row__person:focus-visible,.app-kit-crm-related-card:focus-visible,.app-kit-crm-pipeline-card__button:focus-visible,.app-kit-crm-checklist-row__button:focus-visible,.app-kit-crm-engagement-card__button:focus-visible,.app-kit-crm-density-map__point:focus-visible,.app-kit-crm-density-zone:focus-visible,.app-kit-crm-notes__composer textarea:focus-visible,.app-kit-crm-field input:focus-visible,.app-kit-crm-select__trigger:focus-visible,.app-kit-crm-field textarea:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(max-width:980px){.app-kit-crm-workspace__header,.app-kit-crm-scenarios,.app-kit-crm-directory__controls,.app-kit-crm-detail__grid,.app-kit-crm-pipeline__columns,.app-kit-crm-density-map__body{grid-template-columns:1fr}.app-kit-crm-workspace__metrics,.app-kit-crm-action-log__list{grid-template-columns:1fr 1fr}.app-kit-crm-filter-group,.app-kit-crm-scenarios__list{justify-content:start}.app-kit-crm-filter-group{grid-template-columns:repeat(3,minmax(0,1fr))}.app-kit-crm-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-kit-crm-workspace,.app-kit-crm-panel,.app-kit-crm-scenarios,.app-kit-crm-action-log{padding:12px}.app-kit-crm-fact-grid,.app-kit-crm-field-group__fields,.app-kit-crm-action-log__list{grid-template-columns:1fr}.app-kit-crm-workspace__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.app-kit-crm-workspace__metric{min-height:50px;padding:8px}.app-kit-crm-workspace__metric span{font-size:10px;line-height:1.2}.app-kit-crm-filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}.app-kit-crm-scenarios__copy p{display:none}.app-kit-crm-workspace__copy h2{font-size:28px}.app-kit-crm-directory-row,.app-kit-crm-queue__item,.app-kit-crm-assignment-row,.app-kit-crm-engagement-card__button,.app-kit-crm-account__topline{grid-template-columns:1fr}.app-kit-crm-task{grid-template-columns:34px minmax(0,1fr)}.app-kit-crm-task__badge{grid-column:2;justify-self:start}.app-kit-crm-task__actions{grid-column:2;justify-content:start;padding-inline-start:0;border-inline-start:0}.app-kit-crm-task__actions .button{flex:0 0 auto}.app-kit-crm-queue__item .button{grid-column:auto;justify-self:stretch}.app-kit-crm-directory-row__person{grid-template-columns:42px minmax(0,1fr)}.app-kit-crm-engagement-card__button{align-items:start}.app-kit-crm-task__actions,.app-kit-crm-contact-actions__list,.app-kit-crm-form__actions{width:100%}.app-kit-crm-contact-actions__list .button,.app-kit-crm-form__actions .button{flex:1 1 150px}}@media(prefers-reduced-motion:reduce){.app-kit-crm-directory-row__person,.app-kit-crm-related-card,.app-kit-crm-directory-row,.app-kit-crm-queue__item,.app-kit-crm-pipeline-card,.app-kit-crm-assignment-row,.app-kit-crm-checklist-row,.app-kit-crm-engagement-card,.app-kit-crm-task,.app-kit-crm-timeline__item,.app-kit-crm-note,.app-kit-crm-action-log__item,.app-kit-crm-pipeline-card__button,.app-kit-crm-checklist-row__button,.app-kit-crm-engagement-card__button,.app-kit-crm-density-map__point,.app-kit-crm-density-zone{transition-duration:var(--duration-instant)}}.app-kit-chrome-icon-button{--app-kit-chrome-icon-button-size: calc(var(--button-height-large) + var(--space-small));-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;flex:0 0 auto;width:var(--app-kit-chrome-icon-button-size);height:var(--app-kit-chrome-icon-button-size);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.app-kit-chrome-icon-button--dark{background:#18181bdb;border-color:#ffffff24;color:var(--color-white);box-shadow:var(--shadow-elevation-3)}.app-kit-chrome-icon-button--light{background:var(--color-surface-paper);border-color:color-mix(in srgb,var(--color-black) 12%,transparent);color:var(--color-black);box-shadow:var(--shadow-elevation-2)}.app-kit-chrome-icon-button--compact{--app-kit-chrome-icon-button-size: var(--button-height-default);border-radius:var(--radius-large)}.app-kit-chrome-icon-button__icon{width:var(--icon-size-xlarge);height:var(--icon-size-xlarge);flex:0 0 auto;stroke-width:2.4}.app-kit-chrome-icon-button--compact .app-kit-chrome-icon-button__icon{width:var(--icon-size-large);height:var(--icon-size-large)}.app-kit-chrome-icon-button__badge{position:absolute;inset-block-start:calc(-1 * var(--space-small));inset-inline-end:calc(-1 * var(--space-small));display:inline-flex;min-width:var(--space-loose);height:var(--space-loose);align-items:center;justify-content:center;padding-inline:var(--space-small);border:var(--border-width-thick) solid currentColor;border-radius:var(--radius-pill);background:var(--color-coral);color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:1}.app-kit-chrome-icon-button--compact .app-kit-chrome-icon-button__badge{inset-block-start:calc(-1 * (var(--space-hairline) + var(--space-micro)));inset-inline-end:calc(-1 * (var(--space-hairline) + var(--space-micro)));min-width:var(--space-loose);height:var(--badge-height);padding-inline:var(--space-small);border-width:var(--border-width-thick);border-radius:var(--radius-rounded);font-size:var(--font-size-tiny)}.app-kit-chrome-icon-button--dark .app-kit-chrome-icon-button__badge{border-color:var(--color-black)}.app-kit-chrome-icon-button--light .app-kit-chrome-icon-button__badge,.app-kit-chrome-icon-button--page-badge-border .app-kit-chrome-icon-button__badge{border-color:var(--color-background-page)}.app-kit-chrome-icon-button:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.app-kit-chrome-icon-button:active{transform:scale(.97)}@media(hover:hover){.app-kit-chrome-icon-button:hover{transform:translateY(calc(-1 * var(--border-width)))}}@media(prefers-reduced-motion:reduce){.app-kit-chrome-icon-button{transition:none}}.app-kit-feed{display:flex;flex-direction:column;min-width:0}.app-kit-feed__rows{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.app-kit-feed-row{display:flex;gap:var(--space-snug);padding:var(--space-default) var(--space-tight);border-bottom:var(--border-width) solid var(--color-border-subtle);min-width:0}.app-kit-feed-row:last-child{border-bottom:0}.app-kit-feed-row__avatar{flex:none;padding-top:var(--space-micro)}.app-kit-feed-row__main{display:flex;flex-direction:column;gap:var(--space-small);min-width:0;flex:1}.app-kit-feed-row__byline{display:flex;align-items:baseline;gap:var(--space-tight);min-width:0}.app-kit-feed-row__name{font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-kit-feed-row__handle{font-size:var(--font-size-caption);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-kit-feed-row__time{margin-left:auto;flex:none;font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.app-kit-feed-row__body{margin:0;font-size:var(--font-size-body-large);line-height:var(--line-height-normal);color:var(--color-text-primary);overflow-wrap:anywhere}.app-kit-feed-row--event{align-items:center;gap:var(--space-tight);padding-block:var(--space-snug)}.app-kit-feed-row--event .app-kit-feed-row__body{flex:1;font-size:var(--font-size-body);color:var(--color-text-secondary)}.app-kit-feed-row__event-dot{flex:none;width:var(--status-dot-size, 6px);height:var(--status-dot-size, 6px);border-radius:var(--radius-pill);background:var(--color-interaction-primary)}.app-kit-conversation-list{min-width:0}.app-kit-conversation-row__time{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.app-kit-conversation-row__unread-dot{width:var(--status-dot-size, 6px);height:var(--status-dot-size, 6px);border-radius:var(--radius-pill);background:var(--color-interaction-primary)}.app-kit-conversation-row__preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-kit-message-thread{display:flex;flex-direction:column;gap:var(--space-tight);min-height:360px}.app-kit-message-thread__header{display:flex;align-items:center;gap:var(--space-snug);padding-bottom:var(--space-tight);border-bottom:var(--border-width) solid var(--color-border-subtle)}.app-kit-message-thread__identity{display:grid;gap:var(--space-pixel);min-width:0}.app-kit-message-thread__identity strong{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-kit-message-thread__identity span{color:var(--color-text-tertiary);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.app-kit-message-thread__feed{flex:1;overflow-y:auto}:root{color-scheme:dark;background:var(--color-background-page);color:var(--color-text-primary)}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(145deg,rgba(34,197,94,.12),transparent 34%),linear-gradient(28deg,rgba(232,93,117,.11),transparent 31%),linear-gradient(180deg,#101615,#101011),var(--color-background-page)}#app-root{min-height:100vh}.starter-splash{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;background:var(--color-background-page);color:var(--color-text-primary)}.starter-splash:before{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 130% 64% at 50% 30%,rgba(57,145,239,.16),transparent 66%),linear-gradient(180deg,#191a1a,#111213 68%,#0d0d0e);content:"";pointer-events:none}.starter-splash>*{position:relative;z-index:1}.starter-splash__top{display:flex;justify-content:flex-end;padding:calc(var(--safe-area-inset-top) + var(--space-default)) var(--space-loose) 0}.starter-splash__login{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-text-primary);cursor:pointer;font:inherit}.starter-splash__login{min-height:var(--button-height-compact);padding:0;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}.starter-splash__hero{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.starter-splash__sr-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.starter-wordmark{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-display);font-size:132px;font-weight:var(--font-weight-bold);line-height:.82;transform:rotate(-3deg)}.starter-wordmark__glow{position:absolute;width:330px;height:220px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(57,145,239,.2),transparent 68%);filter:blur(10px)}.starter-wordmark__letter{position:relative;color:var(--color-white);text-shadow:-7px 0 0 var(--color-brand-blue),0 7px 0 var(--color-brand-blue),7px 0 0 var(--color-brand-blue),0 -7px 0 var(--color-brand-blue),0 14px 22px rgba(0,0,0,.38)}.starter-wordmark__letter+.starter-wordmark__letter{margin-left:-12px}.starter-splash__footer{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-snug);padding:var(--space-default) var(--space-loose) calc(var(--safe-area-inset-bottom) + var(--space-tight))}.starter-splash__legal{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-label);line-height:var(--line-height-normal);text-align:center}.starter-splash__legal-term{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.starter-splash__action{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px;gap:var(--space-tight)}.starter-splash__prompt,.starter-splash__age-echo{margin:0;color:var(--color-brand-blue);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.starter-splash__cta{-webkit-appearance:none;appearance:none;border:0;border-radius:var(--radius-pill);width:100%;max-width:var(--layout-max-width-narrow);height:calc(var(--button-height-large) + var(--space-tight));background:var(--color-brand-blue);color:var(--color-white);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);box-shadow:0 2px 6px #00000059}.starter-splash__cta:active{transform:scale(.97)}.starter-age-picker{--starter-age-row-height: 36px;position:relative;align-self:center;width:100%;max-width:var(--layout-max-width-narrow);height:calc(var(--starter-age-row-height) * 7);overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--starter-age-row-height) * 3) 0;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 6%,black 22%,black 78%,rgba(0,0,0,.4) 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 6%,black 22%,black 78%,rgba(0,0,0,.4) 94%,transparent 100%)}.starter-age-picker::-webkit-scrollbar{display:none}.starter-age-picker__option{-webkit-appearance:none;appearance:none;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:var(--starter-age-row-height);border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-heading);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-normal);scroll-snap-align:center}.starter-age-picker__option--selected{border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);background:var(--color-background-raised);color:var(--color-brand-blue);font-weight:var(--font-weight-bold)}.onboarding-step{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;background:var(--color-brand-blue);color:var(--color-white)}.onboarding-step__top{display:flex;align-items:center;min-height:var(--button-height-large);padding:calc(var(--safe-area-inset-top) + var(--space-default)) var(--space-default) 0}.onboarding-step__back,.onboarding-step__primary{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font-family:var(--font-family)}.onboarding-step__back{display:inline-flex;align-items:center;justify-content:center;width:var(--button-height-default);height:var(--button-height-default);background:transparent;color:var(--color-white)}.onboarding-step__back-spacer{width:var(--button-height-default);height:var(--button-height-default)}.onboarding-step__back-glyph{font-size:36px;line-height:1}.onboarding-step__form{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.onboarding-step__body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;overflow-y:auto;padding:var(--space-spacious) var(--space-loose) var(--space-default);gap:var(--space-loose);text-align:center}.onboarding-step__title{max-width:var(--layout-max-width-narrow);margin:0;color:var(--color-white);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.onboarding-step__subtitle{margin:calc(var(--space-loose) * -1) 0 0;color:#fffc;font-size:var(--font-size-label);line-height:var(--line-height-normal)}.onboarding-step__content{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-default)}.onboarding-step__error{min-height:28px;margin:0;padding:var(--space-tight) var(--space-default);border-radius:var(--radius-default);background:#0000002e;color:var(--color-white);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}.onboarding-step__error--empty{visibility:hidden}.onboarding-step__footer{flex:0 0 auto;padding:var(--space-default) var(--space-loose) calc(var(--safe-area-inset-bottom) + var(--space-loose))}.onboarding-step__primary{width:100%;height:calc(var(--button-height-large) + var(--space-tight));border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-brand-blue);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);box-shadow:0 4px 16px #00000026}.onboarding-step__primary:disabled{background:#ffffff73;color:#ffffffd9;cursor:not-allowed;box-shadow:none}.phone-entry,.code-verify,.profile-photo-picker{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-default)}.phone-entry__control{display:flex;align-items:center;gap:var(--space-snug);width:100%;max-width:var(--layout-max-width-narrow);padding:var(--space-tight) 0;border-bottom:var(--border-width-thick) solid rgba(255,255,255,.3)}.phone-entry__country{display:inline-flex;align-items:center;gap:var(--space-tight);flex:0 0 auto;color:var(--color-white);font-weight:var(--font-weight-semibold)}.phone-entry__flag{display:inline-grid;place-items:center;width:30px;height:22px;border-radius:var(--radius-subtle);background:var(--color-white);color:var(--color-brand-blue);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.phone-entry__field{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--color-white);caret-color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.phone-entry__field::placeholder{color:#ffffff8c}.phone-entry__status,.code-verify__hint{margin:0;color:#ffffffc7;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.code-verify__field,.onboarding-text-field{width:100%;max-width:var(--layout-max-width-narrow);border:0;border-bottom:var(--border-width-thick) solid rgba(255,255,255,.3);outline:0;background:transparent;color:var(--color-white);caret-color:var(--color-white);font-family:var(--font-family);font-weight:var(--font-weight-bold);text-align:center}.code-verify__field{padding:var(--space-tight) 0;font-size:var(--font-size-hero);font-variant-numeric:tabular-nums}.onboarding-text-field{padding:var(--space-tight) 0;font-size:var(--font-size-display)}.code-verify__field::placeholder,.onboarding-text-field::placeholder{color:#ffffff80}.profile-photo-picker__preview{display:grid;place-items:center;width:156px;height:156px;overflow:hidden;border:var(--border-width-thick) solid rgba(255,255,255,.35);border-radius:var(--radius-pill);background:#00000029}.profile-photo-picker__image{width:100%;height:100%;object-fit:cover}.profile-photo-picker__initials{color:var(--color-white);font-size:var(--font-size-display);font-weight:var(--font-weight-bold)}.profile-photo-picker__choose,.profile-photo-picker__remove{-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height-default);border:var(--border-width) solid rgba(255,255,255,.45);border-radius:var(--radius-pill);padding:0 var(--space-default);background:#ffffff1f;color:var(--color-white);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.profile-photo-picker__file-input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.starter-loading{display:grid;place-items:center;min-height:100vh;padding:var(--space-roomy)}.app-shell.starter-product-shell .app-shell__brand,.app-shell.starter-product-shell .app-shell__nav-link{-webkit-appearance:none;appearance:none;border:0;background:transparent;font-family:var(--font-family);cursor:pointer}.app-shell.starter-product-shell{height:100dvh;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-padding-bottom:calc(92px + var(--safe-area-inset-bottom))}.starter-product{display:grid;gap:var(--space-default);width:min(760px,calc(100% - 32px));margin:0 auto;padding:var(--space-roomy) 0 calc(var(--space-airy) + var(--safe-area-inset-bottom))}.starter-view{min-width:0}.starter-view__stack{display:grid;gap:var(--space-default);min-width:0}.starter-view__stack--friends{gap:var(--space-default)}.starter-settings-photo__upload:focus-within,.starter-settings-photo__remove:focus-visible,.starter-settings-drawer__save:focus-visible,.starter-settings-drawer__cancel:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.starter-you-posts{display:flex;flex-direction:column;gap:var(--space-tight);min-width:0}.starter-you-posts__title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.starter-home{display:flex;flex-direction:column;gap:var(--space-default);min-width:0}.starter-home__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);padding-top:calc(var(--safe-area-inset-top) + var(--space-tight))}.starter-home__brand{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.starter-home__compose{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:var(--space-snug);min-height:var(--button-height-large);border:var(--border-width) solid var(--color-border-muted);border-radius:var(--radius-card);padding:var(--space-snug) var(--space-default);background:color-mix(in srgb,var(--color-background-card) 92%,transparent);cursor:pointer;text-align:left}.starter-home__compose-prompt{color:var(--color-text-tertiary);font-size:var(--font-size-body-large)}.starter-home__suggestion{display:flex;align-items:center;gap:var(--space-snug);min-height:52px;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-default);background:color-mix(in srgb,var(--color-background-inset) 58%,transparent)}.starter-home__suggestion-copy{-webkit-appearance:none;appearance:none;display:grid;gap:var(--space-pixel);flex:1;min-width:0;border:0;padding:0;background:transparent;cursor:pointer;text-align:left}.starter-home__suggestion-copy strong{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.starter-home__suggestion-copy span{color:var(--color-text-tertiary);font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.starter-home__suggestion-add{-webkit-appearance:none;appearance:none;min-height:var(--button-height-compact);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-pill);padding:0 var(--space-default);background:var(--color-interaction-primary-tint);color:var(--color-interaction-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase}.starter-settings-field{display:grid;gap:var(--space-tight)}.starter-settings-field span{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.starter-settings-field input{width:100%;box-sizing:border-box;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);background:color-mix(in srgb,var(--color-background-inset) 78%,transparent);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body-large)}.starter-settings-field input{min-height:var(--button-height-large);padding:0 var(--space-default)}.starter-settings-meter span{color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.starter-settings-meter strong{overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-body-large);text-overflow:ellipsis;white-space:nowrap}.starter-settings-drawer__hidden-trigger{display:none}.starter-settings-drawer{min-height:min(86vh,720px);background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-card) 96%,transparent),var(--color-background-surface)),var(--color-background-surface)}.starter-settings-drawer__header{text-align:left}.starter-settings-drawer__body{display:grid;gap:var(--space-default)}.starter-settings-section{display:grid;gap:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);padding:var(--space-default);background:color-mix(in srgb,var(--color-background-inset) 56%,transparent)}.starter-settings-section__heading{display:grid;gap:var(--space-hairline)}.starter-settings-section__heading h3,.starter-settings-section__heading p,.starter-settings-section__message{margin:0}.starter-settings-section__heading h3{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large)}.starter-settings-section__heading p,.starter-settings-section__message{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.starter-settings-photo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-default)}.starter-settings-photo__preview{display:grid;place-items:center;width:72px;height:72px;overflow:hidden;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);background:var(--color-background-inset)}.starter-settings-photo__preview img,.starter-settings-photo__preview .pixel-avatar{width:100%;height:100%}.starter-settings-photo__preview img{object-fit:cover}.starter-settings-photo__actions{display:flex;flex-wrap:wrap;gap:var(--space-tight)}.starter-settings-photo__upload,.starter-settings-photo__remove,.starter-settings-drawer__save,.starter-settings-drawer__cancel{-webkit-appearance:none;appearance:none;min-height:var(--button-height-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);padding:0 var(--space-default);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.starter-settings-photo__upload{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-brand-blue);border-color:var(--color-brand-blue);color:var(--color-white)}.starter-settings-photo__upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.starter-settings-photo__remove,.starter-settings-drawer__cancel{background:color-mix(in srgb,var(--color-background-raised) 88%,transparent);color:var(--color-text-secondary)}.starter-settings-drawer__save{border-color:var(--color-brand-blue);background:var(--color-brand-blue);color:var(--color-white)}.starter-settings-drawer__save:disabled{opacity:.48;cursor:not-allowed}.starter-settings-meter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);min-height:var(--button-height-default);border-radius:var(--radius-default);padding:0 var(--space-default);background:color-mix(in srgb,var(--color-background-raised) 74%,transparent)}.starter-product__inbox{min-width:0}.starter-mobile-tabbar{display:none}@media(max-width:760px){.app-shell.starter-product-shell .app-shell__header{display:none}.starter-product{width:100%;padding:var(--space-default) var(--space-default) calc(118px + var(--safe-area-inset-bottom))}.profile-header{min-height:278px;margin:calc(var(--space-default) * -1) calc(var(--space-default) * -1) 0;border:0;border-radius:0;box-shadow:none}.profile-header:after{background:radial-gradient(ellipse at 50% 9%,transparent 0%,rgba(17,18,19,.1) 44%,rgba(17,18,19,.52) 70%),linear-gradient(180deg,transparent 0%,rgba(17,18,19,.46) 66%,var(--color-background-page) 100%)}.profile-header__content{min-height:278px;padding:calc(var(--safe-area-inset-top) + var(--space-default)) var(--space-default) var(--space-default)}.profile-header__avatar-frame{width:92px;height:92px;margin-top:var(--space-default)}.profile-header__photo,.profile-header__avatar-fallback{width:78px;height:78px}.profile-header__name{max-width:100%;font-size:var(--font-size-heading)}.profile-header__stats{width:min(100%,260px);margin-top:var(--space-tight)}.starter-settings-photo__actions{display:grid;grid-template-columns:1fr}.starter-settings-photo{grid-template-columns:1fr}.app-kit-message-thread .app-kit-chat-feed{min-height:300px}.starter-mobile-tabbar{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-dropdown);display:flex;align-items:center;justify-content:space-around;gap:4px;height:calc(76px + var(--safe-area-inset-bottom));padding:8px max(12px,var(--safe-area-inset-right)) calc(8px + var(--safe-area-inset-bottom)) max(12px,var(--safe-area-inset-left));border-top:var(--border-width) solid var(--color-border-muted);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-card) 92%,var(--color-black)),color-mix(in srgb,var(--color-background-page) 98%,var(--color-black)));box-shadow:none}.starter-mobile-tabbar__item{-webkit-appearance:none;appearance:none;position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;height:100%;border:0;border-radius:16px;background:transparent;color:var(--color-white);cursor:pointer;font-family:var(--font-family);font-size:10px;font-weight:var(--font-weight-semibold);line-height:1;opacity:.58;touch-action:manipulation;transition:color 80ms ease,opacity 80ms ease,transform 80ms ease}.starter-mobile-tabbar__item--active,.starter-mobile-tabbar__item:focus-visible{color:var(--color-text-primary);opacity:1;outline:none}.starter-mobile-tabbar__item:active .starter-mobile-tabbar__mark{transform:scale(.94)}.starter-mobile-tabbar__item--create{flex:0 0 72px;opacity:1}.starter-mobile-tabbar__mark{position:relative;display:inline-grid;place-items:center;width:30px;height:28px;border-radius:var(--radius-pill);background:transparent;line-height:1;transform-origin:center;transition:transform 80ms ease}.starter-mobile-tabbar__item--active .starter-mobile-tabbar__mark{color:var(--color-text-primary)}.starter-mobile-tabbar__item--create .starter-mobile-tabbar__mark{width:50px;height:50px;background:linear-gradient(180deg,#ffe45f,#ffd947);color:#050506;box-shadow:0 8px 18px #ffe45f33;transform:translateY(-3px)}.starter-mobile-tabbar__item--create:active .starter-mobile-tabbar__mark{transform:translateY(-3px) scale(.9)}.starter-mobile-tabbar__avatar,.starter-mobile-tabbar__avatar-image{width:24px;height:24px;border:var(--border-width) solid color-mix(in srgb,var(--color-brand-blue) 76%,var(--color-white));border-radius:var(--radius-pill);background:var(--color-background-raised);object-fit:cover}.starter-mobile-tabbar__avatar:before{inset:4px 5px 5px;border-radius:2px;box-shadow:0 2px color-mix(in srgb,var(--pixel-avatar-skin) 78%,var(--color-black)),-4px 4px 0 -3px var(--pixel-avatar-skin),4px 4px 0 -3px var(--pixel-avatar-skin)}.starter-mobile-tabbar__avatar .pixel-avatar__hair{top:4px;left:7px;width:10px;height:4px;box-shadow:-2px 2px 0 var(--pixel-avatar-hair),2px 2px 0 var(--pixel-avatar-hair)}.starter-mobile-tabbar__avatar .pixel-avatar__eye{top:11px;width:2px;height:2px;box-shadow:none}.starter-mobile-tabbar__avatar .pixel-avatar__eye--left{left:9px}.starter-mobile-tabbar__avatar .pixel-avatar__eye--right{right:9px}.starter-mobile-tabbar__avatar .pixel-avatar__beard{left:9px;bottom:7px;width:6px;height:4px;box-shadow:none}.starter-mobile-tabbar__avatar .pixel-avatar__shirt{right:6px;bottom:0;left:6px;height:7px}}@media(max-width:560px){.starter-product{gap:var(--space-default)}.starter-wordmark{font-size:104px}.profile-header__actions{min-height:42px}.profile-header__action{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.phone-country-select{display:inline-flex;flex:0 0 auto}.phone-country-select__trigger{display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-micro) var(--space-tight);border:0;border-radius:var(--radius-subtle);background:#ffffff24;color:var(--color-white);cursor:pointer;font-family:var(--font-family);font-weight:var(--font-weight-semibold)}.phone-country-select__trigger:focus-visible{outline:var(--outline-width) solid var(--color-white);outline-offset:var(--outline-offset)}.phone-country-select__chevron{width:var(--icon-size-small);height:var(--icon-size-small);opacity:.8}.phone-country-option{display:inline-flex;align-items:center;gap:var(--space-tight)}.phone-country-option__flag{display:inline-grid;place-items:center;width:30px;height:22px;overflow:hidden;border-radius:var(--radius-subtle);background:var(--color-white)}.phone-country-option__flag-svg{width:100%;height:100%;object-fit:cover}.phone-country-option__flag-fallback{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-brand-blue)}.phone-country-option__name{flex:1 1 auto;white-space:nowrap}.phone-country-option__dial-code{color:#ffffffd9;font-variant-numeric:tabular-nums}.phone-country-select__content{z-index:50;max-height:320px;overflow:hidden;border-radius:var(--radius-card);background:var(--color-brand-blue, #2563eb);box-shadow:var(--shadow-elevation-3)}.phone-country-select__viewport{padding:var(--space-micro)}.phone-country-select__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);padding:var(--space-tight) var(--space-snug);border-radius:var(--radius-subtle);color:var(--color-white);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.phone-country-select__item[data-highlighted]{background:#ffffff2e}.phone-country-select__check{display:inline-flex;width:var(--icon-size-small);height:var(--icon-size-small)}.phone-country-option--menu .phone-country-option__dial-code{margin-left:auto}.phone-entry__retry{border:0;background:transparent;color:var(--color-white);font-weight:var(--font-weight-bold);text-decoration:underline;cursor:pointer}