@layer tokens,reset,base,layout,components,pages,utilities,overrides,touch;@layer tokens{@font-face{font-family:Inter;src:url(/fonts/inter/inter-latin-variable.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Starveler;src:url(/fonts/Starveler.woff2) format("woff2");font-display:swap}@font-face{font-family:Starveler fallback;src:local("Arial"),local("Helvetica"),local("Roboto"),local("Segoe UI"),local("Liberation Sans"),local("DejaVu Sans");ascent-override:111.43%;descent-override:30%;line-gap-override:14.29%;size-adjust:70%}@font-face{font-family:ShinShin;src:url(/fonts/ShinShin-v2-latin.woff2) format("woff2");font-display:swap;unicode-range:U+20-24F,U+2000-206F,U+20A0-20CF,U+2100-21FF,U+2460-24FF}@font-face{font-family:ShinShin;src:url(/fonts/ShinShin-v2-ext.woff2) format("woff2");font-display:swap;unicode-range:U+2C7-2CB,U+2D9,U+391-3A1,U+3A3-3A9,U+3B1-3C1,U+3C3-3C9,U+401-407,U+410-44F,U+451-457,U+490-497,U+4AE-4AF,U+4E8-4E9,U+E01-E3A,U+E3F-E4E,U+E50-E59,U+1E9E,U+1EA0-1EF9,U+E78D-E796}@font-face{font-family:ShinShin fallback;src:local("Arial"),local("Helvetica"),local("Roboto"),local("Segoe UI"),local("Liberation Sans"),local("DejaVu Sans");ascent-override:91.34%;descent-override:22.16%;line-gap-override:0%;size-adjust:123%}@font-face{font-family:Manrope;src:url(/fonts/manrope/manrope-latin-variable.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;src:url(/fonts/manrope/manrope-latin-ext-variable.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--z-nav: 30;--z-dropdown: 40;--z-popover: 60;--z-mobile-nav: 80;--z-hover-preview: 90;--z-toast: 140;--z-modal: 160;--z-modal-backdrop: 165;--z-modal-panel: 180;--z-nested-modal: 190;--z-tooltip: 1000;--z-picker-backdrop: 1090;--z-picker-panel: 1100;--z-portal-tooltip: 4000;--z-portal-preview: 4200;--color-black: #000;--color-transparent: transparent;--color-white: #fff;--color-ink-950: #0f1216;--color-ink-900: #1a1c2e;--color-bg-space: var(--color-ink-950);--color-card-bg: var(--color-ink-800);--color-ink-800: #12161c;--color-ink-760: #14171c;--color-ink-720: #171b22;--color-ink-680: #1d232c;--color-ink-620: #232b35;--color-ink-560: #262d37;--color-ink-500: #38424f;--color-nav-bg: #141920;--color-text-primary: #eef1f6;--color-text-muted: #98a3b1;--color-parchment-100: #f4ead9;--color-brand-gold: #d9b06c;--color-brand-gold-bright: #f1dba9;--color-action-blue: #60a5fa;--color-soft-cyan: #7ad7ef;--color-danger: #e5484d;--color-danger-soft: #ef6e68;--color-danger-deep: #983838;--color-success-400: #6bd88a;--color-success-deep: #3a8e4d;--color-orange-400: #f0a646;--color-artifact-title: #9e5112;--color-artifact-title-deep: #593304;--color-artifact-band: #ebb236;--color-mythic-pink: #f2b1f2;--color-light-bg: #eee7db;--color-light-surface: #f7f2e8;--color-light-surface-2: #ece3d3;--color-light-surface-3: #e2d7c3;--color-light-border: #cbbda4;--color-light-text: #1e2532;--color-light-muted: #5c6678;--color-light-ink: #2a2113;--color-public-void: #080b15;--color-public-ink: #0d1322;--color-public-surface: #121a2a;--color-public-surface-raised: #182338;--color-public-border: #334159;--color-public-text: #f4f1e9;--color-public-muted: #aab5c8;--bg: var(--color-ink-900);--bg-2: var(--color-ink-800);--nav: color-mix(in srgb, var(--color-nav-bg) 72%, var(--color-transparent));--surface: var(--color-ink-720);--field-fill: color-mix(in srgb, var(--color-white) 11%, var(--color-transparent));--surface-2: var(--color-ink-680);--surface-3: var(--color-ink-620);--surface-raised: var(--surface-2);--border: var(--color-ink-560);--border-strong: var(--color-ink-500);--text: var(--color-text-primary);--muted: var(--color-text-muted);--text-muted: var(--muted);--accent: var(--color-brand-gold);--accent-2: var(--color-brand-gold-bright);--accent-ink: var(--color-ink-760);--warn: var(--color-orange-400);--success: var(--color-success-400);--info: var(--color-action-blue);--info-2: var(--color-soft-cyan);--danger: var(--color-danger);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-black) 30%, var(--color-transparent));--shadow: 0 8px 24px color-mix(in srgb, var(--color-black) 34%, var(--color-transparent));--shadow-lg: 0 24px 60px color-mix(in srgb, var(--color-black) 45%, var(--color-transparent));--veil-soft: color-mix(in srgb, var(--color-black) 20%, var(--color-transparent));--veil: color-mix(in srgb, var(--color-black) 50%, var(--color-transparent));--veil-strong: color-mix(in srgb, var(--color-black) 80%, var(--color-transparent));--elevate-sunken: color-mix(in srgb, var(--color-black) 20%, var(--color-transparent));--elevate-raised: color-mix(in srgb, var(--color-white) 5%, var(--color-transparent));--text-on-veil: var(--color-white);--accent-on-veil: var(--color-brand-gold-bright);--accent-fill: var(--color-brand-gold);--accent-fill-2: var(--color-brand-gold-bright);--accent-fill-deep: color-mix( in srgb, var(--color-brand-gold) 88%, var(--color-artifact-title) );--accent-press: color-mix( in srgb, var(--color-artifact-title-deep) 42%, var(--color-transparent) );--tile-shadow-70: color-mix(in srgb, var(--color-black) 70%, var(--color-transparent));--tile-shadow-80: color-mix(in srgb, var(--color-black) 80%, var(--color-transparent));--tile-shadow-90: color-mix(in srgb, var(--color-black) 90%, var(--color-transparent));--text-on-accent: var(--accent-ink);--accent-text: var(--accent);--crit: #f2c45a;--gold: #e0b563;--silver: #cdd6e6;--bronze: #d8975a;--ok: #80b35f;--down: #e06a6a;--region-eu: #1668a8;--region-na: #9c5a15;--region-asia: #6f6012;--region-cn: #a83b3b;--elem-pyro: #f2603a;--elem-hydro: #4b86ff;--elem-electro: #b072f0;--elem-cryo: #25dbff;--elem-geo: #e69600;--elem-anemo: #5cffc3;--elem-dendro: #aae200;--elem-none: #98a1ac;--reaction-none: var(--elem-none);--reaction-vaporize: var(--elem-hydro);--reaction-melt: var(--elem-pyro);--reaction-overloaded: var(--elem-pyro);--reaction-burning: var(--elem-pyro);--reaction-burgeon: var(--elem-pyro);--reaction-electroCharged: var(--elem-electro);--reaction-aggravate: var(--elem-electro);--reaction-hyperbloom: var(--elem-electro);--reaction-superconduct: var(--elem-cryo);--reaction-frozen: var(--elem-cryo);--reaction-shattered: var(--elem-none);--reaction-swirl: var(--elem-anemo);--reaction-crystallize: var(--elem-geo);--reaction-bloom: var(--elem-dendro);--reaction-spread: var(--elem-dendro);--reaction-lunarCharged: #ecb8ff;--reaction-lunarBloom: #c8efc4;--reaction-lunarCrystallize: #fff2ba;--reaction-stellarConduct: #e4d1ff;--reaction-stellarSwirl: #a1facc;--stat-hp: var(--color-success-400);--stat-atk: var(--color-danger-soft);--stat-def: var(--accent-2);--stat-em: var(--elem-anemo);--stat-er: var(--color-soft-cyan);--stat-crit: var(--crit);--stat-dmg: var(--text-muted);--stat-reaction: var(--color-mythic-pink);--stat-enemy: var(--danger);--match-exact: var(--color-success-400);--match-partial: var(--accent-2);--match-none: var(--color-danger-soft);--artifact-rarity-5-gradient-start: #8a6d3b;--artifact-rarity-5-gradient-end: #c9a24b;--artifact-rarity-4-gradient-start: #5a4a86;--artifact-rarity-4-gradient-end: #8a6db5;--rarity-5-start: var(--artifact-rarity-5-gradient-start);--rarity-5-end: var(--artifact-rarity-5-gradient-end);--rarity-4-start: var(--artifact-rarity-4-gradient-start);--rarity-4-end: var(--artifact-rarity-4-gradient-end);--rarity-3-start: #2f5a86;--rarity-3-end: #4f8ab5;--rarity-2-start: #2f6b52;--rarity-2-end: #4f9c72;--rarity-1-start: #4a5058;--rarity-1-end: #71787f;--grade-f: #9aa2ac;--grade-e: #bcc3cb;--grade-d: #57b487;--grade-c: #7ed3a6;--grade-b: #66a8dd;--grade-a: #8fc8f0;--grade-s: #8f78d8;--grade-ss: #d7a2ef;--grade-sss: #eac871;--grade-ink: #141b2b;--tone-bad: #8d96a3;--tone-mid: #e8eefb;--tone-ok: #5b9bf0;--tone-good: #e2933c;--tone-great: #e8c33a;--tone-peak: #2fa8c9;--tone-mythic: #ff2e2e;--flair-supporter-1: var(--rarity-3-end);--flair-supporter-2: var(--rarity-4-end);--flair-supporter-3: var(--rarity-2-end);--flair-supporter-4: var(--tone-peak);--flair-supporter-5: var(--tone-mythic);--tone-muted: var(--tone-bad);--tone-mythic-gradient: linear-gradient( 110deg, var(--accent-2) 0%, var(--tone-great) 24%, var(--tone-peak) 44%, var(--tone-mythic) 60%, var(--tone-peak) 78%, var(--accent-2) 100% );--celestial-navy-900: #080d1c;--celestial-navy-800: #0e1730;--celestial-navy-700: #142244;--celestial-sky-500: #24407e;--frame-gold: var(--color-brand-gold);--frame-gold-bright: var(--color-brand-gold-bright);--frame-gold-soft: color-mix( in srgb, var(--frame-gold) 55%, var(--color-transparent) );--frame-gold-faint: color-mix( in srgb, var(--frame-gold) 22%, var(--color-transparent) );--frame-fill: color-mix( in srgb, var(--celestial-navy-800) 88%, var(--color-transparent) );--frame-fill-strong: color-mix( in srgb, var(--celestial-navy-900) 94%, var(--color-transparent) );--hero-scrim: linear-gradient( 180deg, var(--color-transparent) 0%, color-mix(in srgb, var(--celestial-navy-900) 55%, var(--color-transparent)) 62%, var(--celestial-navy-900) 100% );--display-gold-gradient: linear-gradient( 180deg, var(--frame-gold-bright) 0%, var(--frame-gold) 55%, color-mix(in srgb, var(--frame-gold) 70%, var(--color-artifact-title)) 100% );--edge-light: inset 0 1px 0 color-mix(in srgb, var(--color-white) 7%, var(--color-transparent));--edge-gold: inset 0 1px 0 color-mix(in srgb, var(--frame-gold) 26%, var(--color-transparent));--hairline: color-mix( in srgb, var(--color-white) 9%, var(--color-transparent) );--hairline-gold: color-mix( in srgb, var(--frame-gold) 20%, var(--color-transparent) );--shadow-lux: 0 1px 1px color-mix(in srgb, var(--color-black) 22%, var(--color-transparent)), 0 4px 10px color-mix(in srgb, var(--color-black) 18%, var(--color-transparent)), 0 14px 34px color-mix(in srgb, var(--color-black) 26%, var(--color-transparent));--shadow-lux-raised: 0 1px 1px color-mix(in srgb, var(--color-black) 26%, var(--color-transparent)), 0 8px 18px color-mix(in srgb, var(--color-black) 24%, var(--color-transparent)), 0 28px 64px color-mix(in srgb, var(--color-black) 34%, var(--color-transparent));--page-vignette: color-mix( in srgb, var(--color-black) 34%, var(--color-transparent) );--glow-gold: 0 0 0 1px color-mix(in srgb, var(--frame-gold) 40%, var(--color-transparent)), 0 0 30px color-mix(in srgb, var(--frame-gold) 18%, var(--color-transparent));--metal-gold: linear-gradient( 150deg, var(--color-brand-gold-bright) 0%, var(--gold) 46%, color-mix(in srgb, var(--gold) 62%, var(--color-artifact-title)) 100% );--metal-silver: linear-gradient( 150deg, color-mix(in srgb, var(--silver) 62%, var(--color-white)) 0%, var(--silver) 48%, color-mix(in srgb, var(--silver) 58%, var(--color-ink-680)) 100% );--metal-bronze: linear-gradient( 150deg, color-mix(in srgb, var(--bronze) 68%, var(--color-white)) 0%, var(--bronze) 48%, color-mix(in srgb, var(--bronze) 58%, var(--color-artifact-title-deep)) 100% );--radius: 8px;--radius-sm: 6px;--radius-md: var(--radius);--radius-lg: 12px;--radius-xl: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 40px;--space-8: 56px;--gap: 16px;--maxw: 1240px;--page-gutter: 24px;--page-pad-top: 28px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-ui: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font);--font-brand: "Starveler", "Starveler fallback", var(--font-display);--font-game: "ShinShin", "ShinShin fallback", var(--font);--font-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;--type-2xs: 10px;--type-xs: 11px;--type-sm: 12px;--type-md: 13px;--type-lg: 14px;--type-xl: 16px;--type-2xl: 18px;--type-3xl: 20px;--type-4xl: 24px;--type-5xl: 28px;--modal-edge: 1px solid color-mix(in srgb, var(--frame-gold) 22%, var(--color-transparent));--modal-fill: color-mix(in srgb, var(--surface) 97%, var(--color-black));--modal-shadow: 0 24px 60px color-mix(in srgb, var(--color-black) 48%, var(--color-transparent))}.app-shell.public-shell,body.public-portal{--font: var(--font-ui);--font-display: var(--font-ui);font-family:var(--font);--bg: var(--color-public-void);--bg-2: var(--color-public-ink);--nav: color-mix( in srgb, var(--color-public-void) 88%, var(--color-transparent) );--surface: var(--color-public-ink);--field-fill: color-mix(in srgb, var(--color-white) 11%, var(--color-transparent));--surface-2: var(--color-public-surface);--surface-3: var(--color-public-surface-raised);--surface-raised: var(--color-public-surface-raised);--border: color-mix( in srgb, var(--color-public-border) 72%, var(--color-transparent) );--border-strong: var(--color-public-border);--text: var(--color-public-text);--muted: var(--color-public-muted);--text-muted: var(--color-public-muted);--accent-ink: var(--color-public-void);--font-brand: "Starveler", "Starveler fallback", var(--font-display);--font-game: "ShinShin", "ShinShin fallback", var(--font);--modal-edge: 1px solid color-mix(in srgb, var(--frame-gold) 22%, var(--color-transparent));--modal-fill: color-mix(in srgb, var(--surface) 97%, var(--color-black));--modal-shadow: 0 24px 60px color-mix(in srgb, var(--color-black) 48%, var(--color-transparent))}:root[data-theme=light],:root[data-theme=light] .app-shell.public-shell,:root[data-theme=light] body.public-portal{--bg: var(--color-light-bg);--bg-2: var(--color-light-surface-2);--nav: color-mix(in srgb, var(--color-light-surface) 88%, var(--color-transparent));--surface: var(--color-light-surface);--field-fill: color-mix(in srgb, var(--color-black) 11%, var(--color-transparent));--surface-2: var(--color-light-surface-2);--surface-3: var(--color-light-surface-3);--surface-raised: var(--color-white);--border: var(--color-light-border);--border-strong: color-mix(in srgb, var(--color-light-border) 70%, var(--color-light-text));--text: var(--color-light-text);--muted: var(--color-light-muted);--text-muted: var(--color-light-muted);--accent-ink: var(--color-light-ink);--accent: color-mix(in srgb, var(--color-brand-gold) 80%, var(--color-light-ink));--accent-text: color-mix(in srgb, var(--color-brand-gold) 42%, var(--color-light-ink));--accent-2: color-mix(in srgb, var(--color-brand-gold) 50%, var(--color-light-ink));--elem-pyro: #c93200;--elem-hydro: #3a62ff;--elem-electro: #6b00cf;--reaction-lunarCharged: #8c45a5;--reaction-lunarBloom: #1d7e1a;--reaction-lunarCrystallize: #846500;--reaction-stellarConduct: #7d4cb1;--reaction-stellarSwirl: #008348;--frame-gold: var(--accent);--frame-gold-bright: var(--accent-2);--display-gold-gradient: linear-gradient( 180deg, color-mix(in srgb, var(--color-brand-gold) 46%, var(--color-light-ink)) 0%, color-mix(in srgb, var(--color-brand-gold) 38%, var(--color-light-ink)) 55%, color-mix(in srgb, var(--color-brand-gold) 30%, var(--color-light-ink)) 100% );--elevate-sunken: color-mix(in srgb, var(--color-light-ink) 8%, var(--color-transparent));--elevate-raised: color-mix(in srgb, var(--color-white) 70%, var(--color-transparent));--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-light-ink) 12%, var(--color-transparent));--shadow: 0 8px 24px color-mix(in srgb, var(--color-light-ink) 14%, var(--color-transparent));--shadow-lg: 0 24px 60px color-mix(in srgb, var(--color-light-ink) 18%, var(--color-transparent));--edge-light: inset 0 1px 0 color-mix(in srgb, var(--color-white) 80%, var(--color-transparent));--hairline: color-mix( in srgb, var(--color-light-ink) 12%, var(--color-transparent) );--shadow-lux: 0 1px 1px color-mix(in srgb, var(--color-light-ink) 6%, var(--color-transparent)), 0 4px 10px color-mix(in srgb, var(--color-light-ink) 6%, var(--color-transparent)), 0 14px 34px color-mix(in srgb, var(--color-light-ink) 8%, var(--color-transparent));--shadow-lux-raised: 0 1px 1px color-mix(in srgb, var(--color-light-ink) 8%, var(--color-transparent)), 0 8px 18px color-mix(in srgb, var(--color-light-ink) 8%, var(--color-transparent)), 0 28px 64px color-mix(in srgb, var(--color-light-ink) 12%, var(--color-transparent));--page-vignette: color-mix( in srgb, var(--color-light-ink) 6%, var(--color-transparent) );--metal-gold: linear-gradient( 150deg, color-mix(in srgb, var(--gold) 72%, var(--color-white)) 0%, var(--gold) 44%, color-mix(in srgb, var(--gold) 55%, var(--color-light-ink)) 100% );--metal-silver: linear-gradient( 150deg, color-mix(in srgb, var(--silver) 82%, var(--color-white)) 0%, var(--silver) 44%, color-mix(in srgb, var(--silver) 55%, var(--color-light-ink)) 100% );--metal-bronze: linear-gradient( 150deg, color-mix(in srgb, var(--bronze) 80%, var(--color-white)) 0%, var(--bronze) 44%, color-mix(in srgb, var(--bronze) 55%, var(--color-light-ink)) 100% );--match-exact: color-mix(in srgb, var(--color-success-400) 44%, var(--color-light-ink));--match-none: color-mix(in srgb, var(--color-danger-soft) 58%, var(--color-light-ink));--danger: #a81f24;--success: #1f7038;--info: #12599f;--info-2: #0f6076;--muted: color-mix(in srgb, var(--color-light-muted) 40%, var(--color-light-text));--text-muted: var(--muted);--tone-bad: #545c68;--tone-mid: #3d4859;--tone-ok: #1a5aa8;--tone-good: #8d5210;--tone-great: #615404;--tone-peak: #0a5b70;--tone-mythic: #a81b1b;--grade-f: #5b626b;--grade-e: #767d86;--grade-d: #2c6b50;--grade-c: #3d8a63;--grade-b: #2c5680;--grade-a: #3d7ba8;--grade-s: #4a3b86;--grade-ss: #82488f;--grade-sss: #7d5e12;--grade-ink: #ffffff;--crit: #8a6a12;--warn: #8a5a12;--ok: #2f6b3d;--down: #a4302f;--gold: #8a6a12;--silver: #5b6675;--bronze: #8a5a2a;--modal-edge: 1px solid color-mix(in srgb, var(--frame-gold) 22%, var(--color-transparent));--modal-fill: color-mix(in srgb, var(--surface) 97%, var(--color-black));--modal-shadow: 0 24px 60px color-mix(in srgb, var(--color-black) 48%, var(--color-transparent))}.profile-hero,.home-hero,.hero-celestial,.codex-hero,.profile-rank-tile-wrap{color:var(--color-white);--text: var(--color-white);--muted: color-mix(in srgb, var(--color-white) 74%, var(--color-transparent));--accent-text: var(--accent-on-veil);--accent-2: var(--accent-on-veil);--frame-gold: var(--color-brand-gold);--frame-gold-bright: var(--accent-on-veil);--match-exact: var(--color-success-400);--match-none: var(--color-danger-soft);--match-partial: var(--color-brand-gold);--hairline: color-mix(in srgb, var(--color-white) 11%, var(--color-transparent));--border: var(--color-ink-560);--border-strong: var(--color-ink-500);--gold: #e0b563;--silver: #cdd6e6;--bronze: #d8975a;--tone-bad: #8d96a3;--tone-mid: #e8eefb;--tone-ok: #5b9bf0;--tone-good: #e2933c;--tone-great: #e8c33a;--tone-peak: #2fa8c9;--tone-mythic: #ff2e2e;--tone-muted: var(--tone-bad);--tone-mythic-gradient: linear-gradient( 110deg, var(--accent-2) 0%, var(--tone-great) 24%, var(--tone-peak) 44%, var(--tone-mythic) 60%, var(--tone-peak) 78%, var(--accent-2) 100% )}.profile-hero .input,.home-hero .input,.hero-celestial .input,.codex-hero .input,.profile-hero .smart-autocomplete,.home-hero .smart-autocomplete,.hero-celestial .smart-autocomplete,.codex-hero .smart-autocomplete{color:var(--text);--text: var(--color-light-text);--muted: var(--color-light-muted)}:root:not([data-theme=light]) .profile-hero .input,:root:not([data-theme=light]) .home-hero .input,:root:not([data-theme=light]) .hero-celestial .input,:root:not([data-theme=light]) .codex-hero .input,:root:not([data-theme=light]) .profile-hero .smart-autocomplete,:root:not([data-theme=light]) .home-hero .smart-autocomplete,:root:not([data-theme=light]) .hero-celestial .smart-autocomplete,:root:not([data-theme=light]) .codex-hero .smart-autocomplete{--text: var(--color-public-text);--muted: var(--color-public-muted)}.artifact-expanded-wrap{color:var(--text);--text: var(--color-public-text);--muted: var(--color-public-muted);--text-muted: var(--muted);--accent: var(--color-brand-gold);--accent-text: var(--color-brand-gold);--border: color-mix( in srgb, var(--color-public-border) 72%, var(--color-transparent) )}.ac{--accent: var(--color-brand-gold);--accent-2: var(--color-brand-gold-bright);--accent-fill-2: var(--color-brand-gold-bright);--info-2: var(--color-soft-cyan);--tone-bad: #8d96a3;--tone-mid: #e8eefb;--tone-ok: #5b9bf0;--tone-good: #e2933c;--tone-great: #e8c33a;--tone-peak: #2fa8c9;--tone-mythic: #ff2e2e;--tone-muted: var(--tone-bad);--grade-f: #9aa2ac;--grade-e: #bcc3cb;--grade-d: #57b487;--grade-c: #7ed3a6;--grade-b: #66a8dd;--grade-a: #8fc8f0;--grade-s: #8f78d8;--grade-ss: #d7a2ef;--grade-sss: #eac871;--grade-ink: #141b2b}.artifact-expanded-card{--text: var(--color-public-text);--muted: var(--color-public-muted);--text-muted: var(--muted);--accent-ink: var(--color-public-void);--border-strong: var(--color-public-border);--accent: var(--color-brand-gold);--accent-text: var(--color-brand-gold);--accent-2: var(--color-brand-gold-bright);--tone-bad: #8d96a3;--tone-mid: #e8eefb;--tone-ok: #5b9bf0;--tone-good: #e2933c;--tone-great: #e8c33a;--tone-peak: #2fa8c9;--tone-mythic: #ff2e2e;--tone-muted: var(--tone-bad);--tone-mythic-gradient: linear-gradient( 110deg, var(--accent-2) 0%, var(--tone-great) 24%, var(--tone-peak) 44%, var(--tone-mythic) 60%, var(--tone-peak) 78%, var(--accent-2) 100% )}.bc{color-scheme:dark;--text: var(--color-white);--muted: color-mix(in srgb, var(--color-white) 72%, var(--color-transparent));--accent-text: var(--card-gold);--tone-bad: #8d96a3;--tone-mid: #e8eefb;--tone-ok: #5b9bf0;--tone-good: #e2933c;--tone-great: #e8c33a;--tone-peak: #2fa8c9;--tone-mythic: #ff2e2e;--tone-muted: var(--tone-bad);--grade-f: #9aa2ac;--grade-e: #bcc3cb;--grade-d: #57b487;--grade-c: #7ed3a6;--grade-b: #66a8dd;--grade-a: #8fc8f0;--grade-s: #8f78d8;--grade-ss: #d7a2ef;--grade-sss: #eac871;--grade-ink: #141b2b}@media (prefers-color-scheme: light){:root:not([data-theme]){color-scheme:light}}}@layer base{*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{width:100%;max-width:100%;overflow-x:clip}#root,.app-shell{min-height:100dvh}.app-shell{display:flex;flex-direction:column;overflow-x:clip}body{margin:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E") 0 0 / 160px 160px repeat,radial-gradient(1200px 600px at 15% -10%,color-mix(in srgb,var(--accent) 8%,var(--color-transparent)),var(--color-transparent) 60%),radial-gradient(1000px 700px at 100% 0%,color-mix(in srgb,var(--info) 10%,var(--color-transparent)),var(--color-transparent) 55%),radial-gradient(140% 90% at 50% 108%,var(--page-vignette),var(--color-transparent) 62%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none}a{color:inherit;text-decoration:none}h1{margin:0;font-family:var(--font-display);font-size:var(--type-5xl);font-weight:600;letter-spacing:0}h2{margin:0 0 12px;font-family:var(--font-display);font-size:var(--type-2xl);font-weight:600;letter-spacing:0}::selection{background:color-mix(in srgb,var(--accent) 30%,var(--color-transparent))}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:calc(var(--z-nav) + 2);padding:10px 16px;border:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none;transform:translateY(-160%);transition:transform .14s ease}.skip-link:focus-visible{transform:none}.data-table .clickable-row:focus-visible,.data-table td:focus-visible{outline:none}.muted{color:var(--muted)}.small{font-size:var(--type-sm)}.field-hint{font-size:.7rem;line-height:1.25;color:var(--muted);font-style:normal;overflow-wrap:anywhere;min-width:0}.icon{width:1em;height:1em;flex-shrink:0}.push-right{margin-left:auto}.chip{display:inline-flex;align-items:center;padding:7px 13px;background:var(--surface-2);border-radius:999px;font-size:var(--type-md)}.chip:hover{background:color-mix(in srgb,var(--accent) 22%,var(--surface-2))}.chip.on{background:var(--accent);color:var(--accent-ink)}.chip input{margin-right:5px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 40%,var(--border)) var(--color-transparent)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--color-transparent)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--surface-2) 60%,var(--border));border:3px solid var(--color-transparent);background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 50%,var(--surface-2));background-clip:padding-box}::-webkit-scrollbar-corner{background:var(--color-transparent)}.game-mode-icon{border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--veil-soft) 58%,var(--color-transparent) 72%);filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--color-black) 45%,var(--color-transparent)))}.weapon-type-icon{display:inline-block;flex:0 0 auto;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.weapon-type-tag{display:inline-flex;align-items:center;gap:5px}.rarity-1{--rarity-fill-start: var(--rarity-1-start);--rarity-fill-end: var(--rarity-1-end)}.rarity-2{--rarity-fill-start: var(--rarity-2-start);--rarity-fill-end: var(--rarity-2-end)}.rarity-3{--rarity-fill-start: var(--rarity-3-start);--rarity-fill-end: var(--rarity-3-end)}.rarity-4{--rarity-fill-start: var(--rarity-4-start);--rarity-fill-end: var(--rarity-4-end)}.rarity-5{--rarity-fill-start: var(--rarity-5-start);--rarity-fill-end: var(--rarity-5-end)}.text-skeleton{display:inline-block;width:var(--skeleton-w, 8em);max-width:100%;height:1em;vertical-align:middle;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 20%,color-mix(in srgb,var(--surface-2) 60%,var(--border)) 50%,var(--surface-2) 80%);background-size:200% 100%;animation:skeleton-pulse 1.3s linear infinite}@media (prefers-reduced-motion: reduce){.text-skeleton{animation:none}}.is-grade-f{--grade-color: var(--grade-f)}.is-grade-e{--grade-color: var(--grade-e)}.is-grade-d{--grade-color: var(--grade-d)}.is-grade-c{--grade-color: var(--grade-c)}.is-grade-b{--grade-color: var(--grade-b)}.is-grade-a{--grade-color: var(--grade-a)}.is-grade-s{--grade-color: var(--grade-s)}.is-grade-ss{--grade-color: var(--grade-ss)}.is-grade-sss{--grade-color: var(--grade-sss)}.stat-name-short{display:none}@media (max-width: 620px){.stat-name-long{display:none}.stat-name-short{display:inline}}.info-hint{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:var(--color-transparent);color:inherit;opacity:.65;cursor:pointer}.info-hint:hover,.info-hint:focus-visible{opacity:1}.info-hint svg{display:block}.info-hint-panel{border:var(--modal-edge);max-width:min(280px,calc(100vw - 24px));padding:9px 11px;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--edge-light),var(--shadow-lux-raised)}.info-hint-panel p{margin:0;color:var(--text);font-size:var(--type-sm);font-weight:500;line-height:1.45;text-transform:none;letter-spacing:normal;white-space:normal}.sort-head.is-static{display:inline-flex;align-items:center;cursor:default}}@layer layout{:root{--nav-height: 69px}.nav{--nav-marker-offset: 13px;position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;gap:10px;grid-auto-flow:column;grid-auto-columns:auto;padding:13px 28px;background:var(--nav);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--frame-gold-faint);box-shadow:0 10px 30px color-mix(in srgb,var(--color-black) 34%,var(--color-transparent))}.nav-link{font-family:var(--font-game);position:relative;display:inline-flex;align-items:center;padding-top:4.5px;padding-bottom:4.5px;color:var(--muted);font-size:var(--type-md);font-weight:600;white-space:nowrap;transition:color .18s ease}.nav-links{display:flex;align-items:center;gap:18px;min-width:0}.brand{font-family:var(--font-brand);font-weight:500;font-size:32px;letter-spacing:.05em;display:inline-flex;align-items:center;gap:9px;margin-bottom:4px}.brand-logo{width:34px;height:28px;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 42%,var(--color-transparent)));flex:0 0 auto}:root[data-theme=light] .brand-logo{filter:invert(1) drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 30%,var(--color-transparent)))}.nav-search{display:flex;gap:0;margin-left:auto;width:min(430px,36vw);min-width:260px}.nav-search .smart-autocomplete{flex:1}.nav-link:hover{color:var(--text)}.nav-icon-btn,.nav-account-btn,.mobile-account-link,.mobile-lang-btn{position:relative;min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--color-transparent);border-radius:999px;background:var(--color-transparent);color:var(--muted);font:inherit;cursor:pointer;box-shadow:none;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.nav-icon-btn:hover,.nav-account-btn:hover,.mobile-account-link:hover,.mobile-lang-btn:hover,.nav-icon-btn:focus-visible,.nav-account-btn:focus-visible{border-color:color-mix(in srgb,var(--accent) 55%,var(--color-transparent));background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 20%,var(--color-transparent)),color-mix(in srgb,var(--accent) 7%,var(--color-transparent)) 68%,var(--color-transparent) 100%);color:var(--accent-text)}.nav-icon-btn:active,.nav-account-btn:active,.mobile-account-link:active,.mobile-lang-btn:active{transform:scale(.93)}.nav-icon-btn .icon,.nav-account-btn .icon,.mobile-account-link .icon{width:18px;height:18px}.nav-menu-btn,.nav-search-btn{display:none}.search-modal-backdrop{align-items:start;place-items:start center;padding-top:max(64px,12vh)}.search-modal{width:min(560px,calc(100vw - 24px));border-radius:var(--radius-lg);padding:16px;border:0;background:var(--modal-fill);box-shadow:var(--modal-shadow)}.search-modal-form{display:grid;gap:10px;align-items:center}.search-modal-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding-bottom:2px}.search-modal-head span{font-family:var(--font-game);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-text);font-size:var(--type-xs);font-weight:700}.search-modal-form .smart-autocomplete{min-width:0}.search-modal .smart-search-button{width:30px;height:40px}.search-modal .smart-search-button .icon{width:18px;height:18px}.nav-account-btn{padding:0 12px;color:var(--muted);font-size:var(--type-md);font-weight:600}.nav-admin-link{font-family:var(--font-game);display:none;padding:0 10px;color:color-mix(in srgb,var(--accent-text) 76%,var(--muted));font-size:var(--type-2xs);font-weight:700;text-decoration:none;gap:7px}.nav-admin-link .icon{width:17px;height:17px}@media (max-width: 1500px){.nav-admin-link span{display:none}.nav-admin-link{padding:0;min-width:40px}}.mobile-nav-link.mobile-nav-admin{color:var(--accent-text)}.nav-account-icon{padding:0;min-width:38px;width:38px;height:38px;border-radius:50%;overflow:hidden}.nav-account-icon.has-avatar{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong))}.nav-account-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mobile-account-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.lang-toggle{border:2px solid var(--color-transparent);border-radius:999px;min-width:38px;min-height:38px;padding:4px 9px;background:var(--color-transparent);color:var(--muted);font-size:var(--type-sm);font-weight:700;cursor:pointer}.lang-select-wrap{display:inline-flex}.lang-select-trigger{display:inline-flex;align-items:center;gap:5px;min-width:38px;min-height:38px;padding:4px 9px 4px 11px;border:2px solid var(--color-transparent);border-radius:999px;background:var(--color-transparent);color:var(--muted);font:inherit;font-family:var(--font-game);font-size:var(--type-sm);font-weight:700;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.lang-select-trigger>svg{width:12px;height:12px;opacity:.75;transition:transform .15s ease}.lang-select-wrap.open .lang-select-trigger>svg{transform:rotate(180deg)}.lang-select-trigger:hover,.lang-select-wrap.open .lang-select-trigger{border-color:color-mix(in srgb,var(--accent) 55%,var(--color-transparent));background-color:color-mix(in srgb,var(--accent) 12%,var(--color-transparent));color:var(--accent-text)}.lang-select-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,var(--color-transparent))}.lang-select-list{z-index:calc(var(--z-mobile-nav) + 1);display:grid;gap:2px;margin:0;padding:5px;border:var(--modal-edge);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 96%,var(--color-black));box-shadow:0 18px 34px color-mix(in srgb,var(--color-black) 40%,var(--color-transparent));list-style:none}.lang-select-option{display:flex;align-items:baseline;gap:8px;width:100%;padding:7px 9px;border:1px solid var(--color-transparent);border-radius:var(--radius-sm);background:var(--color-transparent);color:var(--text);font:inherit;font-family:var(--font-game);font-size:var(--type-sm);text-align:left;cursor:pointer}.lang-select-option>b{min-width:1.8em;color:var(--muted);font-weight:700;letter-spacing:.04em}.lang-select-option:hover,.lang-select-option:focus-visible{outline:none;border-color:var(--accent);background:color-mix(in srgb,var(--color-white) 4%,var(--color-transparent))}.lang-select-option.active>b{color:var(--accent-text)}.mobile-nav-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-mobile-nav)}.mobile-nav-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:color-mix(in srgb,var(--color-black) 60%,var(--color-transparent));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-nav-drawer{position:absolute;top:0;right:0;bottom:0;width:min(264px,74vw);display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:16px;border:0;background:color-mix(in srgb,var(--surface) 96%,var(--color-black));box-shadow:var(--shadow-lg)}.mobile-nav-head,.mobile-nav-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-nav-actions{display:grid;grid-template-columns:minmax(0,1fr);justify-content:flex-start;gap:2px;padding-top:16px;background:linear-gradient(90deg,var(--color-transparent),var(--hairline-gold) 30%,var(--hairline-gold) 70%,var(--color-transparent)) top left / 100% 1px no-repeat}.mobile-nav-links{display:grid;align-content:start;gap:0;padding-top:10px}.mobile-nav-actions .lang-select-trigger{padding-left:10px}.mobile-nav-link{font-family:var(--font-game);position:relative;min-height:48px;display:flex;align-items:center;padding:3px 12px;border:0;border-bottom:1px solid var(--hairline);border-radius:0;font-size:var(--type-xl);background:var(--color-transparent);color:color-mix(in srgb,var(--text) 82%,var(--muted));font-weight:600;transition:color .18s ease,background .18s ease,padding-left .18s cubic-bezier(.2,.8,.2,1)}.mobile-nav-link:last-of-type{border-bottom:0}.mobile-nav-link:hover{background:color-mix(in srgb,var(--accent) 8%,var(--color-transparent));color:var(--accent-text);padding-left:16px}.mobile-nav-link[aria-current=page]{color:var(--accent-text);box-shadow:inset 2px 0 0 var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--color-transparent))}.mobile-nav-link[aria-current=page]:after{content:"✦";margin-left:auto;color:var(--frame-gold-bright);font-size:var(--type-xs)}.mobile-account-link{flex:1;justify-content:flex-start;padding:0 12px;font-weight:600}.mobile-lang-btn{padding:0 12px;font-weight:600}@media (min-width: 760px) and (max-width: 1099px){:root{--nav-height: 64px}.nav{display:grid;grid-template-columns:42px auto minmax(0,1fr) 42px 42px 42px 42px;gap:10px;padding:10px 16px}.nav-history{grid-column:4;grid-row:1}.nav-menu-btn{display:inline-flex;grid-column:1;grid-row:1}.desktop-nav-links{display:none}.nav>.brand{grid-column:2;grid-row:1;min-width:0;font-size:var(--type-5xl)}.brand-logo{width:28px;height:24px}.nav-search{grid-column:3;grid-row:1;width:auto;min-width:0;margin-left:0}.nav-search .btn{width:42px;min-width:42px;min-height:42px;padding:0}.nav-search .btn span{display:none}.nav-settings-link{grid-column:5;grid-row:1}.nav>.lang-select-wrap{grid-column:6;grid-row:1}.nav>.lang-select-wrap .lang-select-trigger{padding-inline:6px}.nav-account-btn{grid-column:7;grid-row:1}}@media (max-width: 960px){:root{--nav-height: 62px}.nav{display:grid;grid-template-columns:40px 40px minmax(0,1fr) 40px 40px;grid-template-rows:auto;gap:6px;padding:10px 12px}.nav-history{grid-column:1;grid-row:1;justify-self:start}.nav-history-btn{width:40px;height:40px}.nav-settings-link,.nav-discord-link{display:none}.nav-menu-btn{display:inline-flex;grid-column:5;grid-row:1;justify-self:end}.desktop-nav-links,.nav>.lang-select-wrap,.nav-account-btn,.nav-search{display:none}.nav>.brand{grid-column:3;grid-row:1;justify-self:center;min-width:0}.nav-search-btn{display:inline-flex;grid-column:4;grid-row:1;justify-self:end;width:40px;height:40px;padding:0}}@media (max-width: 760px){.brand{max-width:100%;font-size:var(--type-5xl)}.brand-logo{width:35px;height:30px}.search-modal-backdrop{align-items:start;place-items:start stretch;padding:max(14px,env(safe-area-inset-top)) 12px 12px}.search-modal{width:100%;max-height:none;align-self:start;padding:14px}}.brand span{line-height:1;letter-spacing:.08em;background:var(--display-gold-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-transparent)}.nav-link:before,.nav-link:after{position:absolute;left:50%;top:calc(100% + var(--nav-marker-offset));opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.nav-link:before{content:"";width:140px;height:7px;transform:translate(-50%,-50%) scaleX(.55);background:radial-gradient(ellipse 66% 42% at 50% 50%,color-mix(in srgb,var(--color-white) 82%,var(--frame-gold-bright)) 0%,var(--frame-gold-bright) 24%,var(--frame-gold) 50%,var(--color-transparent) 76%)}.nav-link:after{content:"✦";transform:translate(-50%,-50%) scale(.5);font-size:var(--type-3xl);line-height:1;color:var(--frame-gold-bright);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--frame-gold) 75%,var(--color-transparent)))}.nav-link:hover,.nav-link:focus-visible{color:var(--frame-gold-bright)}.nav-link:hover:before,.nav-link:focus-visible:before{opacity:.6}.nav-link:focus-visible:before{transform:translate(-50%,-50%) scaleX(.85)}@media (hover: hover){.nav-link:hover:before{transform:translate(-50%,-50%) scaleX(.85)}}.nav-link:hover:after,.nav-link:focus-visible:after{opacity:.75}.nav-link:focus-visible:after{transform:translate(-50%,-50%) scale(.82)}@media (hover: hover){.nav-link:hover:after{transform:translate(-50%,-50%) scale(.82)}}.nav-link[aria-current=page]{color:var(--accent-text);text-shadow:0 0 14px color-mix(in srgb,var(--frame-gold) 45%,var(--color-transparent))}.nav-link[aria-current=page]:before{opacity:1;transform:translate(-50%,-50%) scaleX(1)}.nav-link[aria-current=page]:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.lang-select-trigger:before,.lang-select-trigger:after{content:none}@media (min-width: 1100px){.nav{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(200px,300px) auto auto auto auto;align-items:center;gap:clamp(10px,1.2vw,18px)}.nav-admin-link{display:inline-flex}.nav:has(.nav-admin-link){grid-template-columns:auto minmax(0,1fr) minmax(180px,280px) auto auto auto auto auto}.desktop-nav-links{justify-self:center;gap:clamp(11px,1.55vw,30px);align-self:stretch;align-items:stretch}.nav-search{width:100%;min-width:0;margin-left:0}}@media (min-width: 1100px) and (max-width: 1320px){.nav{grid-template-columns:auto minmax(0,1fr) minmax(190px,250px) auto auto auto auto;padding-inline:18px}.nav:has(.nav-admin-link){grid-template-columns:auto minmax(0,1fr) minmax(160px,210px) auto auto auto auto auto}.nav>.brand{font-size:var(--type-5xl);gap:5px}.brand-logo{width:30px}.nav-link{font-size:var(--type-xs);letter-spacing:.035em}.desktop-nav-links{gap:clamp(10px,1.4vw,18px)}.nav-link:before{width:118px}}@media (prefers-reduced-motion: reduce){.nav-link,.nav-link:before,.nav-link:after{transition:none}}.nav-label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mobile-account-link:has(.nav-label-hidden){flex:0 0 auto;justify-content:center;min-width:46px;padding-inline:12px}.mobile-nav-actions .mobile-account-link,.mobile-nav-actions .mobile-lang-btn{width:100%;min-height:42px;justify-content:flex-start;border-radius:var(--radius-sm)}.mobile-nav-actions .mobile-account-link:has(.nav-label-hidden){justify-content:flex-start;padding-inline:10px 12px}.mobile-nav-actions .mobile-lang-btn{justify-content:space-between}.mobile-nav-actions .lang-select-wrap{display:flex}.mobile-nav-actions .nav-label-hidden{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none}}@layer components{.announce-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;padding:8px 48px;background:radial-gradient(ellipse 60% 180% at 50% 50%,color-mix(in srgb,var(--accent) 20%,var(--color-transparent)),var(--color-transparent)),var(--surface);color:var(--text);font-size:var(--type-md);line-height:1.4;text-align:center}.announce-bar-fixed{padding-inline:16px}.announce-text{margin:0}.announce-countdown{color:var(--muted);white-space:nowrap}.announce-countdown time{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.announce-cta{display:inline-flex;align-items:center;gap:6px;color:var(--accent-text);font-weight:700;text-decoration:none;white-space:nowrap}.announce-cta:hover,.announce-cta:focus-visible{text-decoration:underline}.announce-close{position:absolute;top:50%;right:8px;translate:0 -50%;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:var(--color-transparent);color:var(--muted);cursor:pointer}.announce-close:hover,.announce-close:focus-visible{background:color-mix(in srgb,var(--text) 8%,var(--color-transparent));color:var(--text)}@media (max-width: 640px){.announce-bar{padding:8px 44px}.announce-bar-fixed{padding-inline:16px}}}@layer components{.nav-history{position:relative;display:inline-flex}.nav-history-btn.is-open{border-color:color-mix(in srgb,var(--accent) 26%,var(--color-transparent));background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 20%,var(--color-transparent)),color-mix(in srgb,var(--accent) 7%,var(--color-transparent)) 68%,var(--color-transparent) 100%);color:var(--accent-text)}.nav-history-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:var(--z-dropdown);display:grid;gap:12px;width:320px;max-height:min(70vh,520px);padding:12px;overflow-y:auto;overscroll-behavior:contain;border:var(--modal-edge);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 97%,var(--color-black));box-shadow:var(--edge-gold),var(--shadow-lux-raised);transform-origin:top right;animation:nav-history-in .26s cubic-bezier(.16,1,.3,1) both}@keyframes nav-history-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}@keyframes nav-history-rule-in{0%{background-size:0 1px}to{background-size:100% 1px}}@keyframes nav-history-row-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.nav-history-panel:focus-visible{outline:none}.nav-history-group{display:grid;gap:4px}.nav-history-group h3{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 2px;padding-bottom:6px;color:var(--accent-text);font-family:var(--font-game);font-size:var(--type-xs);font-weight:700;background:linear-gradient(90deg,var(--hairline-gold),var(--color-transparent) 92%) bottom left / 100% 1px no-repeat;animation:nav-history-rule-in .42s cubic-bezier(.16,1,.3,1) 90ms both}.nav-history-group h3 span{color:color-mix(in srgb,var(--muted) 88%,var(--color-transparent));font-size:var(--type-xs);font-variant-numeric:tabular-nums;letter-spacing:.04em}.nav-history-clear{padding:0;border:0;background:var(--color-transparent);color:color-mix(in srgb,var(--muted) 88%,var(--color-transparent));font:inherit;font-family:var(--font-game);font-size:var(--type-xs);font-weight:700;cursor:pointer;transition:color .15s ease}.nav-history-clear:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.nav-history-group ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.nav-history-row{display:grid;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;gap:2px;border-radius:var(--radius-sm);transition:background .14s ease;animation:nav-history-row-in .3s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.11s + min(var(--row-index, 0) * 26ms,.19s))}.nav-history-row:hover{background:var(--elevate-raised)}.nav-history-link{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 10px;min-width:0;padding:7px 6px 7px 7px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none}.nav-history-avatar{grid-row:1 / span 2;width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--elevate-sunken);box-shadow:var(--edge-light)}.nav-history-avatar.is-empty{display:block}.nav-history-name{min-width:0;overflow:hidden;color:var(--text);font-size:var(--type-lg);font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.nav-history-meta{color:var(--muted);font-size:var(--type-xs);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.3}.nav-history-link:hover .nav-history-name{color:var(--accent-text)}.nav-history-star,.nav-history-forget{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--color-transparent);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .14s ease,color .14s ease,background .14s ease}.nav-history-star .icon,.nav-history-forget .icon{width:14px;height:14px}.nav-history-row:hover .nav-history-star,.nav-history-row:hover .nav-history-forget,.nav-history-star:focus-visible,.nav-history-forget:focus-visible{opacity:1}.nav-history-star.is-on{opacity:1;color:var(--accent-text)}.nav-history-star:hover,.nav-history-forget:hover{background:color-mix(in srgb,var(--accent) 14%,var(--color-transparent));color:var(--accent-text)}.nav-history-forget:hover{background:color-mix(in srgb,var(--danger) 16%,var(--color-transparent));color:var(--danger)}.nav-history-empty,.nav-history-note,.nav-history-error{margin:0;color:var(--muted);font-size:var(--type-sm);line-height:1.45}.nav-history-empty{padding:6px 4px}.nav-history-note{padding-top:8px;background:linear-gradient(90deg,var(--hairline),var(--color-transparent) 88%) top left / 100% 1px no-repeat;font-size:var(--type-sm)}.nav-history-error{color:var(--danger)}@media (max-width: 560px){.nav-history-panel.is-sheet{position:fixed;inset:calc(var(--nav-height, 69px) + 8px) 10px auto 10px;z-index:var(--z-portal-tooltip);width:auto;max-height:min(62vh,calc(100dvh - var(--nav-height, 69px) - 24px));border-radius:var(--radius-lg);transform-origin:top center;animation:nav-history-sheet-in .3s cubic-bezier(.16,1,.3,1) both}@keyframes nav-history-sheet-in{0%{opacity:0;transform:translateY(-22px) scale(.985)}to{opacity:1;transform:none}}.nav-history-panel.is-sheet.is-closing{animation:nav-history-sheet-out .22s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes nav-history-sheet-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-26px) scale(.985)}}.nav-history-panel.is-sheet .nav-history-link{padding-block:9px}}@media (hover: none){.nav-history-star,.nav-history-forget{opacity:1}}@media (prefers-reduced-motion: reduce){.nav-history-panel,.nav-history-panel.is-sheet,.nav-history-panel.is-sheet.is-closing,.nav-history-group h3,.nav-history-row{animation:none;background-size:100% 1px;opacity:1;transform:none}}}@layer layout{.container{max-width:var(--maxw);margin:0 auto;padding:28px 24px 64px;width:100%;flex:1 0 auto}.container.full{max-width:none;padding:0}.app-main{width:100%;flex:1 0 auto;max-width:var(--maxw);margin:0 auto;padding:var(--page-pad-top) var(--page-gutter) 64px;min-height:100dvh}.backoffice-shell .app-main{max-width:none;padding:0;min-height:calc(100dvh - var(--nav-height))}.backoffice-shell>.site-footer{display:none}.stack,.admin-page{display:grid;gap:22px}.stack>*{min-width:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}}@media (max-width: 760px){.mobile-nav-drawer{padding-top:max(16px,env(safe-area-inset-top))}}.hero{position:relative;padding:40px 32px;border:2px solid var(--border);border-radius:calc(var(--radius) + 4px);overflow:hidden;background:radial-gradient(700px 300px at 12% 0%,color-mix(in srgb,var(--accent) 14%,var(--color-transparent)),var(--color-transparent) 62%),linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in srgb,var(--color-white) 4%,var(--color-transparent)) 1px,var(--color-transparent) 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,var(--color-transparent),var(--color-black) 60%);mask-image:linear-gradient(90deg,var(--color-transparent),var(--color-black) 60%);pointer-events:none}.hero h1{font-size:clamp(28px,4vw,40px);line-height:1.08;max-width:22ch}.hero p{margin:12px 0 0;font-size:var(--type-xl);max-width:60ch}.home-logo-mark{position:relative;z-index:1;display:inline-grid;place-items:center;width:min(300px,100%);min-height:150px;padding:clamp(18px,4vw,34px);border-radius:18px;color:var(--text);background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--accent) 20%,var(--color-transparent)),var(--color-transparent) 38%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--color-transparent)),color-mix(in srgb,var(--color-white) 4%,var(--color-transparent)));border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border))}.home-logo-mark img{width:100%;height:100%;max-height:150px;object-fit:contain;filter:drop-shadow(0 14px 34px color-mix(in srgb,var(--color-black) 50%,var(--color-transparent)))}.home-unified-search{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:720px;margin-top:22px}.home-unified-search .btn{min-width:142px}.home-uid-fallback{grid-column:1 / -1;justify-self:start}.faq-hero{padding-block:32px}.faq-list{display:grid;gap:8px}.faq-item{overflow:hidden;border:2px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--edge-light),var(--shadow-lux);transition:border-color .18s ease}.faq-item:hover,.faq-item[open]{border-color:color-mix(in srgb,var(--accent) 34%,var(--hairline))}.faq-item summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:14px 16px;color:var(--text);font-family:var(--font-display);font-size:var(--type-xl);font-weight:600;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;margin-left:14px;border:2px solid color-mix(in srgb,var(--accent) 34%,var(--hairline));border-radius:50%;color:var(--accent-text);font-size:var(--type-2xl);font-weight:400;line-height:1;transition:transform .16s ease,background .16s ease,border-color .16s ease}.faq-item:hover summary:after{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--color-transparent))}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{max-width:78ch;margin:0;padding:0 16px 16px;color:var(--muted);line-height:1.6}.faq-item[open] p{animation:faq-slide-in .18s ease-out both}@keyframes faq-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.privacy-content{display:grid;gap:0;border:2px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--edge-light),var(--shadow-lux)}.privacy-content article{display:grid;grid-template-columns:minmax(160px,216px) minmax(0,1fr);align-items:start;gap:8px 28px;padding:18px 20px;border-bottom:1px solid var(--border)}.privacy-content article:last-child{border-bottom:0}.privacy-content h2{margin:0;color:var(--accent-text);font-weight:600;font-size:var(--type-lg);letter-spacing:.06em;text-transform:uppercase;position:sticky;top:calc(var(--nav-height, 69px) + 12px)}.privacy-content p{grid-column:2;margin:0;color:var(--muted);font-size:var(--type-lg);line-height:1.6;max-width:74ch}.privacy-content p+p{margin-top:10px}@media (max-width: 720px){.privacy-content article{grid-template-columns:minmax(0,1fr);gap:6px;padding:15px 14px}.privacy-content h2{position:static;font-size:var(--type-sm)}.privacy-content p{grid-column:1;font-size:var(--type-md);line-height:1.55}}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,var(--color-white) 3%),var(--surface));border:1px solid var(--hairline);border-radius:var(--radius);padding:20px;box-shadow:var(--edge-light),var(--shadow-lux)}.site-footer{display:grid;max-width:1000px;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;margin:0 auto;padding:30px 24px 40px;color:var(--muted);border-top:0}.site-footer:before{content:"";grid-column:1 / -1;height:1px;margin-bottom:18px;background:linear-gradient(90deg,var(--color-transparent),var(--hairline-gold) 22%,var(--hairline-gold) 78%,var(--color-transparent))}.site-footer b{font-family:var(--font-brand);font-size:30px;font-weight:400;line-height:1;letter-spacing:.08em;background:var(--display-gold-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-transparent)}.site-footer span{min-width:0}.site-footer nav{grid-row:2 / span 2;grid-column:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px 32px}.site-footer nav section{display:grid;align-content:start;gap:0}.site-footer nav a{display:inline-flex;align-items:center;min-height:24px}.site-footer nav h2{margin:0;color:var(--accent-text);font-family:var(--font-game);font-size:var(--type-2xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.site-footer a{font-family:var(--font-game);color:var(--muted);font-size:var(--type-sm);font-weight:600;text-decoration:none;transition:color .15s ease}.site-footer a:hover{color:var(--accent-text)}.site-footer-discord{display:inline-flex;align-items:center;gap:7px}.site-footer-discord svg{flex:0 0 auto}.site-footer-credits{grid-column:1 / -1;font-size:var(--type-sm);line-height:1.5;opacity:.62}.site-footer-credits:first-of-type{margin-top:10px}.site-footer-credits a{display:inline-flex;gap:3px;align-items:center;color:var(--accent-text);font-family:inherit;font-size:inherit;letter-spacing:normal;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-text) 40%,var(--color-transparent));text-underline-offset:2px}.site-footer-credits a>svg{width:11px;height:11px}.not-found-hero{display:grid;place-items:center;min-height:min(440px,calc(100dvh - var(--nav-height) - 190px));padding:40px 24px;border:0;background:none;box-shadow:none;text-align:center}.not-found-hero:after{content:none}.not-found-code{color:var(--accent-text);font-family:var(--font-brand);font-size:clamp(48px,12vw,96px);line-height:1}.not-found-title{margin:12px 0 0;color:var(--text);font-family:var(--font-game);font-size:clamp(20px,3vw,28px);font-weight:400;line-height:1.2}.not-found-hero p{font-family:var(--font-game)}.not-found-hero .btn{margin-top:22px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-inline:4px;min-width:0}@media (max-width: 760px){.container,.app-main{--page-gutter: 12px;--page-pad-top: 18px;padding:var(--page-pad-top) var(--page-gutter) 48px}.stack{gap:16px}.hero{padding:24px 18px;border-radius:var(--radius)}.home-unified-search{grid-template-columns:1fr}.home-unified-search .btn{width:100%}.page-head{align-items:end;gap:10px}.page-head>*{min-width:0}.page-head-actions{flex:0 0 auto}.site-footer{grid-template-columns:1fr;justify-items:center;padding:18px 12px 28px;text-align:center}.site-footer nav{grid-column:auto;grid-row:auto;justify-content:center}.site-footer nav section{justify-items:center}}}@layer components{.input{flex:1;min-width:0;height:40px;min-height:40px;padding:10px 12px;font-family:var(--font);background:color-mix(in srgb,var(--bg) 80%,var(--color-black));border:2px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:var(--type-lg);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,var(--color-transparent))}input.input,select.input{padding-block:0}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px;background-image:linear-gradient(45deg,var(--color-transparent) 50%,var(--accent-text) 50%),linear-gradient(135deg,var(--accent-text) 50%,var(--color-transparent) 50%);background-position:right 16px center,right 11px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat,no-repeat;cursor:pointer;text-overflow:ellipsis}select.input option{background:var(--surface);color:var(--text)}.select-menu{display:grid;min-width:0}.select-menu-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-right:11px;cursor:pointer;text-align:left}.select-menu-trigger>span{min-width:0}.select-menu-face{display:flex;flex:1 1 auto;align-items:center;gap:8px;min-width:0}.select-menu-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-menu-hint{flex:0 0 auto;margin-left:auto;color:var(--muted);font-size:var(--type-xs);font-weight:600;white-space:nowrap}.select-menu-icons{display:flex;flex:0 0 auto;align-items:center;gap:2px}.select-menu-icons img{width:22px;height:22px;border-radius:var(--radius-sm);background:var(--elevate-sunken);object-fit:cover}.select-menu-trigger>svg{flex:0 0 auto;width:13px;height:13px;color:var(--accent-text);transition:transform .15s ease}.select-menu.open .select-menu-trigger>svg{transform:rotate(180deg)}.select-menu.open .select-menu-trigger{border-color:var(--accent)}.select-menu-list{z-index:calc(var(--z-nav) - 1);display:grid;gap:2px;max-height:min(320px,60vh);overflow-y:auto;margin:0;padding:5px;border:var(--modal-edge);border-radius:var(--radius);background:var(--modal-fill);box-shadow:var(--shadow);list-style:none}.select-menu-list.is-raised{z-index:calc(var(--z-nested-modal) + 10)}.select-menu-glyph{display:inline-grid;flex:0 0 auto;place-items:center;width:20px;height:20px}.select-menu-option{display:flex;align-items:center;width:100%;min-height:34px;padding:6px 10px;border:0;border-radius:var(--radius-sm);background:var(--color-transparent);color:var(--text);font-family:var(--font);font-size:var(--type-md);font-weight:600;text-align:left;cursor:pointer}.select-menu-option:hover,.select-menu-option:focus-visible{outline:none;background:color-mix(in srgb,var(--accent) 14%,var(--color-transparent));color:var(--accent-text)}.select-menu-option.active{background:color-mix(in srgb,var(--accent) 18%,var(--color-transparent));color:var(--accent-text)}select.input:hover{border-color:color-mix(in srgb,var(--accent) 52%,var(--border-strong))}select.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,var(--color-transparent))}.field{display:flex;gap:8px}.home-or{margin:12px 0 8px;color:var(--muted);font-size:var(--type-sm);font-weight:600;letter-spacing:.04em}.home-top-list{display:grid;gap:8px;margin-top:14px}.home-top-row{display:grid;grid-template-columns:44px 44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--color-black) 15%,var(--color-transparent));color:var(--text);text-decoration:none}.home-top-row:hover{border-color:var(--accent)}.home-top-rank{font-weight:600;color:var(--muted)}.home-top-main{min-width:0;display:grid}.home-top-main b,.home-top-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-top-score{font-weight:600;color:var(--accent-text)}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;min-height:70px;padding:14px}.search-bar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:42px;padding:0 10px;border:2px solid var(--border-strong);border-radius:var(--radius);background:color-mix(in srgb,var(--color-black) 20%,var(--color-transparent));transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.search-bar .icon{width:17px;height:17px;color:var(--accent-text)}.search-bar:focus-within{border-color:color-mix(in srgb,var(--accent) 72%,var(--border-strong));background:color-mix(in srgb,var(--color-black) 30%,var(--color-transparent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,var(--color-transparent))}.search-bar .input{border:0;background:var(--color-transparent);box-shadow:none;outline:0;padding-inline:0}.filter-field-label{color:var(--muted);font-size:var(--type-sm);font-weight:600}.smart-autocomplete{position:relative;display:grid;gap:6px;min-width:0}.smart-input-shell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding-left:11px;border:0;border-radius:var(--radius);background:var(--field-fill);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.smart-input-shell:focus-within{border-color:color-mix(in srgb,var(--accent) 72%,var(--border-strong));background:color-mix(in srgb,var(--color-black) 30%,var(--color-transparent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,var(--color-transparent))}.smart-input-shell .icon{width:17px;height:17px;color:var(--accent-text)}.smart-search-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:30px;padding:0;border:0;background:var(--color-transparent);color:var(--accent-text);cursor:pointer}.smart-search-button:hover,.smart-search-button:focus-visible{color:var(--text)}.smart-search-button .icon{width:17px;height:17px}@media (max-width: 1440px){.smart-search-button{width:16px}.smart-search-button .icon{width:16px;height:16px}}.smart-input-shell .input{width:100%;height:40px;border:0;background:var(--color-transparent);padding-left:0;box-shadow:none}.smart-input-control{position:relative;min-width:0}.smart-input-control.has-rendered-value .input{color:var(--color-transparent);caret-color:var(--color-transparent)}.smart-input-control.has-rendered-value .input::placeholder{color:var(--color-transparent)}.smart-selected-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;min-width:0;pointer-events:none}.smart-results{position:absolute;z-index:calc(var(--z-nav) - 1);top:calc(100% + 6px);left:0;right:0;display:grid;gap:4px;overflow:hidden;padding:0 6px 6px;border:var(--modal-edge);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 96%,var(--color-black));box-shadow:0 18px 34px color-mix(in srgb,var(--color-black) 40%,var(--color-transparent))}.smart-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;max-width:100%;min-height:48px;padding:6px 8px;border:2px solid var(--color-transparent);border-radius:var(--radius-sm);background:var(--color-transparent);color:var(--text);text-align:left;cursor:pointer}.smart-option:hover,.smart-option.active{border-color:var(--accent);background:color-mix(in srgb,var(--color-white) 4%,var(--color-transparent))}.smart-results>[role=listbox]{display:grid;gap:0;max-height:min(350px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain;overflow-x:hidden}.smart-results>[role=listbox]>.smart-option{margin-bottom:4px}.smart-results>[role=listbox]>.smart-option:last-child{margin-bottom:0}.smart-option,.smart-option-count,.smart-option-group,.smart-selected-value,.smart-results>[role=listbox]{font-family:var(--font-game)}.smart-option-count{justify-self:end;color:var(--muted);font-size:var(--type-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.smart-option-group{position:sticky;z-index:1;top:0;content-visibility:visible;padding:9px 14px 4px;background:color-mix(in srgb,var(--surface) 96%,var(--color-black));color:var(--muted);font-size:var(--type-2xs);font-weight:800;letter-spacing:.06em}.smart-option.has-flair{background:color-mix(in srgb,var(--flair-color, var(--frame-gold-bright)) 22%,var(--color-transparent));box-shadow:inset 3px 0 0 var(--flair-color, var(--frame-gold-bright))}.smart-option.has-flair:hover,.smart-option.has-flair.active{border-color:var(--flair-color, var(--frame-gold-bright));background:color-mix(in srgb,var(--flair-color, var(--frame-gold-bright)) 34%,var(--color-transparent))}.smart-option.disabled{min-height:36px;color:var(--muted);cursor:default;opacity:.72}.smart-option.disabled:hover,.smart-option.disabled.active{border-color:var(--color-transparent);background:var(--color-transparent)}.smart-option img{width:34px;height:34px;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2)}.smart-option span{min-width:0}.smart-option b,.smart-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.smart-option small,.smart-option em,.smart-empty{color:var(--muted);font-size:var(--type-xs)}.smart-option-description{margin-top:2px;color:color-mix(in srgb,var(--muted) 82%,var(--color-transparent));font-size:var(--type-2xs)}.smart-option em{font-style:normal;font-weight:600}.smart-option em.region-badge{font-size:var(--type-2xs)}.smart-empty{padding:10px}.smart-empty.is-searching{display:grid;place-items:center;padding:16px 10px}.smart-loader{display:inline-flex;align-items:center;gap:5px}.smart-loader i{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.3;animation:smart-loader-pulse 1.05s ease-in-out infinite}.smart-loader i:nth-child(2){animation-delay:.14s}.smart-loader i:nth-child(3){animation-delay:.28s}@keyframes smart-loader-pulse{0%,80%,to{opacity:.28;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.smart-loader i{animation:none;opacity:.6}}.filter-field{display:grid;gap:6px;min-width:150px;color:var(--muted);font-size:var(--type-sm);font-weight:600;letter-spacing:.04em}.filter-field.grow{flex:1;min-width:190px}.filter-select{display:grid;gap:6px;min-width:150px}.filter-select select.input{height:42px;cursor:pointer}.slot-segmented{display:inline-flex;height:42px;padding:3px;gap:2px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg)}.slot-seg{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:0 8px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:var(--color-transparent);color:var(--muted);font-weight:600;font-size:var(--type-sm);cursor:pointer}.slot-seg .icon{width:20px;height:20px}.slot-seg:hover{color:var(--text)}.slot-seg.active{background:var(--accent);color:var(--accent-ink)}.entity-filter{position:relative;display:flex;align-items:end;gap:6px;min-width:210px;flex:1 1 210px}.entity-filter .smart-autocomplete{flex:1}@media (max-width: 700px){.entity-filter,.entity-filter .smart-autocomplete,.admin-editor .ed-grid>.smart-autocomplete,.hit-fields>.hit-talent-picker,.hit-talent-picker .smart-autocomplete{width:100%;min-width:0}.admin-editor .ed-grid>.smart-autocomplete,.hit-fields>.hit-talent-picker{grid-column:1 / -1}.entity-filter{flex-basis:100%}}.filter-clear{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 auto;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--muted);cursor:pointer}.filter-clear:hover{color:var(--text);border-color:var(--accent)}.filter-clear .icon{width:16px;height:16px}.filter-bar .search-bar{flex:1 1 240px;width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:2px solid var(--color-transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--text) 6%,var(--color-transparent));color:var(--text);font-family:var(--font);font-size:var(--type-md);font-weight:650;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,var(--color-transparent));box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){border-color:color-mix(in srgb,var(--accent) 34%,var(--hairline));background:color-mix(in srgb,var(--accent) 18%,var(--color-transparent));box-shadow:none}.btn:disabled{border-color:color-mix(in srgb,var(--hairline) 60%,var(--color-transparent));background:color-mix(in srgb,var(--text) 3%,var(--color-transparent));color:color-mix(in srgb,var(--muted) 62%,var(--color-transparent));box-shadow:none;cursor:default}.btn .icon{width:16px;height:16px}.btn-quiet{border-color:var(--color-transparent);background:var(--color-transparent);color:var(--muted);font-size:var(--type-xs);font-weight:700;box-shadow:none}.btn-quiet:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 34%,var(--hairline));background:color-mix(in srgb,var(--accent) 10%,var(--color-transparent));color:var(--accent-text);box-shadow:none;transform:none}.btn-quiet:active:not(:disabled){box-shadow:none}.btn-accent{background:var(--accent-fill);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent-fill) 62%,var(--color-black));font-weight:700;letter-spacing:.03em;box-shadow:none}.btn-accent:hover:not(:disabled){background:var(--accent-fill-2);border-color:color-mix(in srgb,var(--accent-fill) 70%,var(--color-black));box-shadow:var(--shadow-sm)}.btn-accent:active:not(:disabled){border-color:color-mix(in srgb,var(--accent-fill) 40%,var(--color-black));box-shadow:inset 0 2px 5px var(--accent-press)}.btn-accent:disabled{background:var(--surface-2)}.mini-btn{min-height:32px;padding:0 11px;font-size:var(--type-sm);border-radius:var(--radius-sm)}.mini-btn.danger{color:var(--down);border-color:var(--hairline)}.mini-btn.danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--down) 52%,var(--hairline));background:color-mix(in srgb,var(--down) 14%,var(--surface-2));color:var(--down)}.icon-btn{display:inline-grid;place-items:center;min-width:36px;height:36px;min-height:36px;padding:8px;border:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 6%,var(--color-transparent));color:var(--muted);cursor:pointer;transition:background .16s ease,color .16s ease}.icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 14%,var(--color-transparent));color:var(--accent-text)}.icon-btn:active:not(:disabled){background:color-mix(in srgb,var(--accent) 20%,var(--color-transparent))}.icon-btn:disabled{background:color-mix(in srgb,var(--text) 3%,var(--color-transparent));color:color-mix(in srgb,var(--muted) 55%,var(--color-transparent));cursor:default}.close-btn{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:6px;border:0;border-radius:var(--radius-sm);background:var(--color-transparent);color:var(--muted);cursor:pointer;transition:background .16s ease,color .16s ease}.close-btn:hover{background:color-mix(in srgb,var(--text) 8%,var(--color-transparent));color:var(--text)}.close-btn .icon{width:18px;height:18px}.icon-btn.is-busy{position:relative;cursor:progress}.icon-btn.is-busy>*{opacity:0}.icon-btn.is-busy:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;border:2px solid color-mix(in srgb,currentcolor 22%,var(--color-transparent));border-top-color:currentcolor;animation:icon-btn-spin .7s linear infinite}@keyframes icon-btn-spin{to{transform:rotate(360deg)}}.icon-btn.danger{color:var(--down)}.icon-btn .icon{width:18px;height:18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.notice{padding:12px 14px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--type-lg)}.notice.ok{border-color:color-mix(in srgb,var(--ok) 50%,var(--border));color:var(--text)}.notice.error{border-color:color-mix(in srgb,var(--down) 55%,var(--border));color:var(--text)}.notice.warn{border-color:color-mix(in srgb,var(--warn) 55%,var(--border));color:var(--text)}.settings-panel{display:grid;gap:12px;padding:18px;border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 70%,var(--color-transparent)),var(--surface)),var(--surface)}.settings-row{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:16px;min-height:74px;padding:12px;border-radius:var(--radius);background:var(--elevate-sunken)}.settings-label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0}.settings-label>.icon{width:22px;height:22px;color:var(--accent-text)}.settings-label b,.settings-label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-label b{font-size:var(--type-lg)}.settings-label span{overflow:visible;color:var(--muted);font-size:var(--type-sm);white-space:normal}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(58px,1fr);min-width:150px;padding:3px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg)}.segmented-control.wide{min-width:230px}.segment{min-height:34px;padding:6px 10px;border:0;border-radius:calc(var(--radius-sm) - 3px);background:var(--color-transparent);color:var(--muted);font:inherit;font-size:var(--type-sm);font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.segment:hover{background:var(--elevate-raised);color:var(--text)}.segment.active{background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));color:var(--accent-text)}@media (max-width: 720px){.settings-row{grid-template-columns:1fr}.segmented-control,.segmented-control.wide{width:100%}}.inline-rename.is-pending{display:inline-flex;align-items:center;gap:6px;cursor:progress;opacity:.75}.inline-rename.is-pending>.spinner{width:12px;height:12px;flex:none}.inline-rename{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-shadow:inherit;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.inline-rename:hover,.inline-rename:focus-visible{text-decoration:underline dotted color-mix(in srgb,currentcolor 55%,var(--color-transparent));text-underline-offset:3px}.inline-rename-input{min-width:0;max-width:100%;color:var(--text);-webkit-text-fill-color:var(--text);caret-color:var(--accent);text-shadow:inherit;padding:0 3px;border:0;border-bottom:2px solid var(--accent);border-radius:2px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));font:inherit;font-size:max(16px,1em);letter-spacing:inherit}@media (pointer: coarse){body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not(.inline-rename-input),body select:not([hidden]):not([disabled]),body textarea:not([hidden]){font-size:var(--type-xl)}}.smart-option-custom:has(.artifact-option-icon){grid-template-columns:46px minmax(0,1fr) auto;align-items:center;min-height:50px;gap:10px;padding:4px 8px}.artifact-option-icon{position:relative;display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);isolation:isolate}.artifact-option-icon[class*=rarity-]{background:linear-gradient(135deg,var(--rarity-fill-start),var(--rarity-fill-end))}.artifact-option-icon img{width:100%;height:100%;border-radius:0;background:var(--color-transparent);object-fit:contain}.artifact-option-copy{display:grid;min-width:0;gap:2px}.artifact-option-copy b{display:flex;align-items:center;gap:6px;color:var(--text);font-size:var(--type-sm)}.artifact-option-copy small{overflow:hidden;color:var(--muted);font-size:var(--type-2xs);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.artifact-option-slot{flex:none;width:17px;height:17px;border-radius:0;background:var(--color-transparent);object-fit:contain;opacity:.92}.artifact-option-slot-text{color:var(--muted)}.smart-option img[src*="/assets/slots/"]{width:26px;height:26px;border-radius:0;background:var(--color-transparent);object-fit:contain}.smart-option-icon{position:relative;display:inline-grid;place-items:center;flex:none}.smart-option-icon.has-element>.element-icon{position:absolute;right:-3px;bottom:-2px;border-radius:50%;background:color-mix(in srgb,var(--color-black) 72%,var(--color-transparent));padding:1px}.artifact-option-level{flex:none;padding:0 4px;border-radius:3px;background:color-mix(in srgb,var(--color-white) 10%,var(--color-transparent));color:var(--muted);font-size:var(--type-2xs);font-weight:700}.artifact-option-cv{display:grid;justify-items:end;gap:0;padding-left:4px;line-height:1.1}.artifact-option-cv b{color:var(--crit);font-size:var(--type-sm);font-variant-numeric:tabular-nums}.artifact-option-cv small{color:var(--muted);font-size:8.5px;letter-spacing:.06em}@media (pointer: coarse){.smart-results>[role=listbox]{max-height:calc(100dvh - 180px)}}}@layer components{.overlay-pop{right:auto;bottom:auto}.overlay-pop.overlay-pop-flow{right:0;bottom:auto}.overlay-pop.metric-menu{display:grid;min-width:138px;padding:6px;border:var(--modal-edge);border-radius:var(--radius-sm);background:var(--modal-fill);box-shadow:var(--shadow);text-align:left}.overlay-pop.metric-menu button{width:100%;min-height:30px;padding:0 10px;border:0;border-radius:6px;background:var(--color-transparent);color:var(--text);font:inherit;font-size:var(--type-sm);font-weight:600;text-align:left;cursor:pointer}.overlay-pop.metric-menu button:hover,.overlay-pop.metric-menu button.active{background:color-mix(in srgb,var(--accent) 15%,var(--color-transparent));color:var(--accent-text)}.overlay-pop.metric-pop{position:fixed;z-index:var(--z-portal-tooltip);min-width:178px;opacity:1;visibility:visible;transform:none;pointer-events:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:18px;overscroll-behavior:contain;background:color-mix(in srgb,var(--color-black) 74%,var(--color-transparent));backdrop-filter:blur(3px) saturate(.9);-webkit-backdrop-filter:blur(3px) saturate(.9)}.modal-backdrop.is-nested{z-index:var(--z-nested-modal)}.account-modal{width:min(560px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));overflow:auto;overscroll-behavior:contain;border-radius:var(--radius);padding:8px;border:0;background:var(--modal-fill);box-shadow:var(--modal-shadow)}.account-modal>header,.account-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.account-modal>footer{justify-content:flex-end;border-top:1px solid var(--border);border-bottom:0}.account-modal h2,.account-modal h3{margin:0}.account-modal h2{display:flex;align-items:center;gap:8px}.account-modal h2 svg{color:var(--frame-gold)}.account-section,.account-row{display:grid;gap:10px;padding:14px 16px}.account-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.account-panel{width:min(520px,calc(100vw - 32px));padding:0}.account-panel>header{padding:10px 16px}.account-panel>header h2{font-size:var(--type-xl)}.account-panel-body{display:grid;align-content:start;gap:16px;min-height:260px;padding:14px 16px 18px}.account-identity{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px}.account-avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-2);box-shadow:0 0 0 2px var(--hairline-gold);object-fit:cover}.account-avatar-empty{display:grid;place-items:center;color:var(--muted)}.account-identity-copy{display:grid;min-width:0;gap:3px}.account-identity-copy b{overflow:hidden;color:var(--text);font-size:var(--type-lg);text-overflow:ellipsis;white-space:nowrap}.account-identity-copy small{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:var(--type-xs)}.account-signout{height:36px;min-height:36px}.account-signout>svg{width:14px;height:14px}.account-uids,.account-uid-skeletons{display:grid;gap:10px}.account-uid{position:relative;display:grid;gap:10px;min-height:112px;padding:12px;overflow:hidden;border-radius:var(--radius);background:linear-gradient(90deg,color-mix(in srgb,var(--surface-2) 62%,var(--color-transparent)),color-mix(in srgb,var(--surface-2) 90%,var(--color-transparent)) 45%,var(--surface-2) 70%),var(--account-namecard, none) center / cover no-repeat,var(--surface-2);box-shadow:var(--edge-light)}.account-uid.is-armed{background:color-mix(in srgb,var(--danger) 8%,var(--surface-2));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--danger) 70%,var(--color-transparent))}.account-uid-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px}.account-uid-avatar{display:grid;place-items:center;width:44px;height:44px;overflow:hidden;border-radius:50%;background:var(--elevate-sunken);box-shadow:0 0 0 2px var(--hairline-gold);color:var(--muted)}.account-uid-avatar>img{width:44px;height:44px;object-fit:cover}.account-uid-copy{display:grid;gap:3px;min-width:0}.account-uid-copy>b{overflow:hidden;color:var(--text);font-size:var(--type-lg);text-overflow:ellipsis;white-space:nowrap}.account-uid-copy>small{color:var(--muted);font-size:var(--type-xs);font-weight:600;font-variant-numeric:tabular-nums}.account-uid-lock{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,var(--color-transparent));color:var(--accent-text)}.account-uid-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.account-uid-actions>.btn{height:36px;min-height:36px}.account-uid-actions>.btn>svg{width:14px;height:14px}.account-uid-unlink:hover:not(:disabled){color:var(--danger)}.account-uid-confirm{display:grid;gap:8px}.account-uid-confirm>p{display:flex;align-items:flex-start;gap:8px;margin:0;color:var(--text);font-size:var(--type-sm);line-height:1.4}.account-uid-confirm>p>svg{flex:none;margin-top:1px;color:var(--danger)}.account-skeleton{display:block;border-radius:999px;background:linear-gradient(90deg,var(--elevate-raised),color-mix(in srgb,var(--muted) 22%,var(--color-transparent)),var(--elevate-raised));background-size:200% 100%;animation:skeleton-pulse 1.4s linear infinite}.account-skeleton-line{width:140px;height:14px}.account-skeleton-line.is-short{width:90px;height:11px}.account-skeleton-button{width:92px;height:36px;border-radius:var(--radius-sm)}.account-avatar.account-skeleton,.account-uid-avatar.account-skeleton{border-radius:50%}.account-signin{display:grid;gap:12px}.account-panel-body:has(>.account-signin){min-height:0}.account-signin>p{margin:0;color:var(--muted)}.account-modal h3{display:flex;align-items:center;gap:7px;color:var(--muted);font:600 11px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.account-modal h3 svg{color:var(--frame-gold)}.account-modal h3 em{padding:1px 6px;border-radius:999px;color:var(--frame-gold-bright);font-size:var(--type-2xs);font-style:normal;letter-spacing:0}.account-empty{margin:0;padding:14px;border-radius:var(--radius-sm);outline:2px dashed var(--hairline);outline-offset:-2px;color:var(--muted);font-size:var(--type-sm)}.account-discord,.account-discord:hover,.account-discord:focus-visible{justify-content:center;border-color:color-mix(in srgb,var(--color-black) 18%,var(--color-white));background:var(--color-white);color:var(--color-black)}.account-discord:hover{background:color-mix(in srgb,var(--color-black) 7%,var(--color-white))}.claim-modal .claim-steps{display:grid;gap:2px;margin:0;padding:8px 16px 14px;list-style:none}.claim-steps>li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;padding:10px 0;border-left:0}.claim-steps>li+li{border-top:1px solid var(--border)}.claim-step-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--hairline-gold);background:var(--surface-2);color:var(--muted);font:700 12px/1 var(--font-ui)}.claim-steps>li.current .claim-step-mark{border-color:var(--frame-gold-bright);background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));color:var(--accent-text)}.claim-steps>li.done .claim-step-mark{border-color:color-mix(in srgb,var(--tone-great) 60%,var(--hairline));background:color-mix(in srgb,var(--tone-great) 20%,var(--surface-2));color:var(--tone-great)}.claim-steps>li>div{display:grid;justify-items:start;gap:6px;min-width:0}.claim-modal h2{font-family:var(--font-game)}.claim-steps b{color:var(--text);font-family:var(--font-game);font-size:calc(var(--type-md) + 1px)}.claim-step-mark{font-family:var(--font-game)}.claim-steps p{margin:0;color:var(--muted);font-size:var(--type-sm);line-height:1.45}.claim-steps>li:not(.current):not(.done) b,.claim-steps>li:not(.current):not(.done) p{opacity:.72}.claim-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.claim-code-row>.input{flex:1 1 180px;min-width:0}.claim-accounts{display:grid;gap:4px;margin:0 0 8px;padding:0;list-style:none}.claim-accounts>li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--elevate-sunken)}.claim-accounts small{color:var(--muted);font-variant-numeric:tabular-nums}.claim-expiry{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:var(--type-xs)}.claim-code{display:inline-grid;place-items:center;padding:5px 12px;border-radius:6px;border:2px solid var(--hairline-gold);background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));color:var(--accent-text);font-size:var(--type-xl);letter-spacing:.16em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}.form-error{color:var(--danger);padding:0 16px}.claim-feedback{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:var(--type-sm);line-height:1.45}.claim-feedback svg{flex:0 0 auto;margin-top:2px}.claim-done{display:grid;justify-items:center;gap:8px;padding:26px 20px 20px;text-align:center}.claim-done-mark{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,var(--color-transparent));color:var(--accent-text, var(--accent))}.claim-done b{font-family:var(--font-game);font-size:var(--type-xl)}.claim-done p{margin:0;max-width:34rem;color:var(--muted);font-size:var(--type-sm);line-height:1.5}@media (max-width: 760px){.modal-backdrop{place-items:center;padding:10px}.account-modal{width:100%;max-height:calc(100dvh - 20px);border-radius:var(--radius-sm)}.account-modal>header{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--surface) 96%,var(--color-black))}.account-modal>header,.account-modal>footer,.account-section,.account-row{padding-inline:12px}}.row-hover-portal{position:fixed;left:0;top:0;z-index:var(--z-hover-preview);pointer-events:none;will-change:transform;animation:tip-fade .12s ease}.row-hover-portal.smart-option-preview{z-index:var(--z-portal-preview)}@keyframes tip-fade{0%{opacity:0}}.build-tip{position:relative;display:grid;gap:5px;width:100%;height:446px;padding:11px;border:var(--modal-edge);border-radius:var(--radius-sm);--tip-fill: var(--modal-fill);background:var(--tip-fill);box-shadow:var(--shadow);font-family:var(--font-game);overflow:hidden}.build-tip-namecard{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.build-tip-namecard.is-loaded{opacity:.42}.build-tip.has-namecard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,var(--color-transparent) 0%,var(--color-transparent) 45%,color-mix(in srgb,var(--surface) 58%,var(--color-transparent)) 100%)}.build-tip.has-namecard>*:not(.build-tip-namecard){position:relative;z-index:1}.build-tip.has-namecard{--tip-fill: var(--surface);background:var(--tip-fill)}.build-tip.has-flair,.profile-tip.has-flair{border-color:var(--color-transparent);background:linear-gradient(var(--tip-fill),var(--tip-fill)) padding-box,conic-gradient(from var(--flair-angle, 0deg),var(--flair-color, var(--frame-gold-bright)),color-mix(in srgb,var(--flair-color, var(--frame-gold-bright)) 25%,var(--color-transparent)) 25%,var(--flair-color, var(--frame-gold-bright)) 50%,color-mix(in srgb,var(--flair-color, var(--frame-gold-bright)) 25%,var(--color-transparent)) 75%,var(--flair-color, var(--frame-gold-bright))) border-box;animation:flair-rotation 6s linear infinite}.build-tip.has-flair{border-width:1.5px}@property --flair-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes flair-rotation{to{--flair-angle: 360deg}}@media (prefers-reduced-motion: reduce){.build-tip.has-flair,.profile-tip.has-flair{animation:none}}.profile-tip{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;width:460px;min-height:124px;padding:10px;border:var(--modal-edge);border-radius:var(--radius-sm);--tip-fill: color-mix(in srgb, var(--surface) 96%, var(--color-black));background:var(--tip-fill);box-shadow:var(--shadow);overflow:hidden}.profile-tip.is-inline{width:100%;min-height:104px;box-shadow:none}.profile-tip-namecard{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.profile-tip-namecard.is-loaded{opacity:.42}.profile-tip.has-namecard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 94%,var(--color-transparent)),color-mix(in srgb,var(--surface) 58%,var(--color-transparent)) 68%,color-mix(in srgb,var(--surface) 78%,var(--color-transparent)))}.profile-tip.has-namecard>*:not(.profile-tip-namecard){position:relative;z-index:1}.profile-tip-avatar{display:grid;place-items:center;width:68px;height:68px;overflow:hidden;border:2px solid var(--border-strong);border-radius:50%;background:color-mix(in srgb,var(--surface-2) 86%,var(--color-black))}.profile-tip-avatar img{width:100%;height:100%;object-fit:cover}.profile-tip-avatar span{color:var(--accent-text);font-size:var(--type-4xl);font-weight:600}.profile-tip-main{display:grid;gap:7px;min-width:0}.profile-tip-main header{display:flex;align-items:center;gap:7px;min-width:0}.profile-tip-main header b{min-width:0;overflow:hidden;color:var(--text);font-size:var(--type-xl);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.profile-tip-main header small{margin-left:auto;color:var(--muted);font-size:var(--type-2xs);font-weight:600;white-space:nowrap}.profile-tip-stats{display:flex;flex-wrap:wrap;gap:5px}.profile-tip-stats span{display:inline-flex;align-items:center;gap:4px;min-height:23px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--color-black) 30%,var(--color-transparent));color:var(--text);font-size:var(--type-xs);font-weight:600;font-variant-numeric:tabular-nums}.profile-tip-stats .game-mode-icon{width:14px;height:14px}.profile-tip-main p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text);font-size:var(--type-xs);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.build-tip-head{display:grid;gap:5px;padding-bottom:6px;border-bottom:1px solid var(--border)}.build-tip-entity{display:flex;align-items:center;gap:6px;min-width:0}.build-tip-entity img{width:46px;height:46px;border-radius:5px;object-fit:cover;background:color-mix(in srgb,var(--color-black) 20%,var(--color-transparent))}.build-tip-entity>div{min-width:0}.build-tip-entity b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-tip-entity small{color:var(--text);font-size:11px;font-weight:700}.build-tip-stats{display:grid;gap:3px}.build-tip-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;min-height:24px;padding:1px 0;font-size:14px;line-height:1.15;color:var(--text)}.build-tip-stat-label{display:inline-flex;align-items:center;min-width:0;gap:6px;color:var(--text);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.build-tip-stat-label svg,.build-tip-stat-label .stat-icon-img{width:15px;height:15px;flex:0 0 auto;color:var(--text)}.build-tip-stat.crit,.build-tip-stat.crit .build-tip-stat-label{color:var(--crit)}.build-tip-stat b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.build-tip-sets{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:7px;padding-top:12px;border-top:1px solid var(--border);min-height:73px}.build-tip-set{display:flex;align-items:center;gap:9px;min-width:0;font-size:12.5px;color:var(--accent-2, var(--accent))}.build-tip-set img{width:27px;height:27px;object-fit:contain}.build-tip-set b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.build-tip-set em{font-style:normal;font-weight:600;color:var(--muted)}@media (hover: none),(pointer: coarse),(max-width: 760px){.row-hover-portal{display:none}}.confirm-modal{width:min(440px,calc(100vw - 32px))}.confirm-modal-message{margin:0;padding:16px;color:var(--text);line-height:1.5}.btn.danger{color:var(--down)}.btn.danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--down) 52%,var(--hairline));background:color-mix(in srgb,var(--down) 14%,var(--surface-2))}.btn.danger.is-armed{border-color:color-mix(in srgb,var(--down) 62%,var(--hairline));background:color-mix(in srgb,var(--down) 20%,var(--surface-2));font-weight:700}.delete-uid-modal{width:min(500px,calc(100vw - 32px))}.delete-uid-modal p{margin:0;line-height:1.5}.delete-uid-warning{display:flex;align-items:center;gap:8px}.delete-uid-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-2) 74%,var(--color-transparent));cursor:pointer}.delete-uid-check input{margin-top:3px;accent-color:var(--down)}.delete-uid-confirm{display:grid;gap:6px}.delete-uid-confirm>span{color:var(--muted);font-size:var(--type-sm);font-weight:600}.delete-uid-report{display:grid;gap:2px;margin:0;padding:0;list-style:none}.delete-uid-report code{opacity:.8}.account-uid.has-profile-tip{padding:0;background:none;overflow:visible}.account-uid.has-profile-tip>.account-uid-actions{padding:0 2px 2px}.account-uid-profile{position:relative}.account-uid-profile>.account-uid-lock{position:absolute;right:10px;bottom:10px;z-index:2}.account-uid-profile:has(>.account-uid-lock) .profile-tip-stats{padding-right:36px}@media (max-width: 520px){.account-uid-profile .profile-tip{grid-template-columns:52px minmax(0,1fr)}.account-uid-profile .profile-tip-avatar{width:52px;height:52px}}}@layer components{.status-segment{display:inline-flex;margin-top:6px;gap:2px;padding:3px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);width:fit-content}.status-seg{padding:4px 10px;border:0;border-radius:calc(var(--radius-sm) - 2px);background:var(--color-transparent);color:var(--muted);font-size:var(--type-xs);font-weight:600;cursor:pointer}.status-seg:disabled{cursor:default}.status-seg.active.tone-ok{background:var(--ok);color:var(--bg-2)}.status-seg.active.tone-accent{background:var(--accent);color:var(--accent-ink)}.status-seg.active.tone-muted{background:var(--surface);color:var(--text);border:2px solid var(--border-strong)}}@layer components{.tag{padding:2px 8px;border-radius:var(--radius-sm);background:var(--elevate-sunken);border:0;color:var(--muted);font-size:var(--type-xs);font-style:normal;font-weight:600;letter-spacing:.03em;text-transform:capitalize}.tag-element{color:var(--build-element, var(--accent));border-color:color-mix(in srgb,var(--build-element, var(--accent)) 40%,var(--border))}.tag-buff{color:var(--ok)}.tag-attack{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.tag-crit{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 45%,var(--border))}.tag-action{color:var(--tone-peak);border-color:color-mix(in srgb,var(--tone-peak) 45%,var(--border))}}@layer components{.global-chip{display:inline-flex;align-items:center;gap:6px;padding:3px;border-radius:999px;border:2px solid var(--border-strong);font-size:var(--type-sm);font-weight:700;max-width:100%}.global-chip>button{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:220px;height:28px;padding:0 8px;border:0;background:var(--color-transparent);color:inherit;font:inherit;cursor:pointer}.global-chip>button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-chip svg{flex:0 0 auto}.global-stack-input{width:54px;height:28px;padding:0 6px;text-align:center;border-radius:999px}.global-chip.on{background:color-mix(in srgb,var(--ok) 20%,var(--color-transparent));border-color:color-mix(in srgb,var(--ok) 50%,var(--border));color:var(--text)}.global-chip.off{background:var(--color-transparent);color:var(--muted);opacity:.7}.global-chip.off>button span{text-decoration:line-through}}@layer components{.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:var(--elevate-sunken);box-shadow:var(--edge-light);color:var(--muted);font-size:var(--type-xs);font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.badge .icon{width:13px;height:13px;flex:0 0 auto}.badge-lg{height:26px;padding:0 10px;font-size:var(--type-sm)}.badge-metric b{color:currentcolor;font-size:var(--type-md);font-weight:700;letter-spacing:0}.badge-lg.badge-metric b{font-size:var(--type-xl)}.badge-metric small{color:var(--muted);font-size:var(--type-2xs);font-weight:700}.badge-metric.badge-hero{background:color-mix(in srgb,var(--accent) 12%,var(--elevate-sunken));box-shadow:var(--edge-gold)}.badge-ident{--badge-hue: var(--muted);background:linear-gradient(180deg,color-mix(in srgb,var(--badge-hue) 52%,var(--surface-2)),color-mix(in srgb,var(--badge-hue) 36%,var(--surface-2)));color:color-mix(in srgb,var(--badge-hue) 22%,var(--text));box-shadow:var(--edge-light)}.region-badge{width:40px;min-width:40px;padding-inline:2px;justify-content:center;font-size:var(--type-2xs)}.region-eu{--badge-hue: var(--region-eu)}.region-na{--badge-hue: var(--region-na)}.region-asia{--badge-hue: var(--region-asia)}.region-cn{--badge-hue: var(--region-cn)}.region-tw{--badge-hue: var(--tone-peak)}.region-unk{--badge-hue: var(--border-strong);color:var(--muted)}}@layer components{.gt-em{font-style:normal;font-weight:600;color:var(--gt-tone, var(--accent-2))}.gt-tone-keyword{--gt-tone: var(--accent-2)}.gt-tone-pyro{--gt-tone: var(--elem-pyro)}.gt-tone-hydro{--gt-tone: var(--elem-hydro)}.gt-tone-electro{--gt-tone: var(--elem-electro)}.gt-tone-cryo{--gt-tone: var(--elem-cryo)}.gt-tone-anemo{--gt-tone: var(--elem-anemo)}.gt-tone-geo{--gt-tone: var(--elem-geo)}.gt-tone-dendro{--gt-tone: var(--elem-dendro)}:root[data-theme=light] .gt-em{color:color-mix(in srgb,var(--gt-tone, var(--accent-2)) 62%,var(--text))}.gt-term-wrap{display:inline}.gt-term{display:inline;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:help;text-decoration:underline dotted color-mix(in srgb,var(--accent) 62%,var(--color-transparent));text-decoration-thickness:1px;text-underline-offset:3px;transition:color .16s ease}.gt-term:hover,.gt-term:focus-visible,.gt-term-wrap.open>.gt-term{color:var(--accent-text);text-decoration-color:var(--accent)}.gt-term-wrap.open .gt-em,.gt-term:hover .gt-em{color:inherit}.gt-panel{position:fixed;z-index:var(--z-portal-tooltip);display:grid;gap:7px;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:12px 14px 13px;border:var(--modal-edge);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 97%,var(--color-black));box-shadow:var(--edge-gold),var(--shadow-lux-raised);text-align:left;animation:gt-panel-in .14s cubic-bezier(.22,1,.36,1)}.gt-panel:before{content:"";position:absolute;top:-4px;left:clamp(12px,var(--gt-arrow, 50%),calc(100% - 12px));width:8px;height:8px;transform:translate(-50%) rotate(45deg);border-top:1px solid var(--hairline-gold);border-left:1px solid var(--hairline-gold);background:color-mix(in srgb,var(--surface) 97%,var(--color-black))}.gt-panel-name{margin:0;color:var(--accent-text);font-size:var(--type-xs);font-weight:700;letter-spacing:.12em}.gt-panel-body{color:color-mix(in srgb,var(--text) 84%,var(--muted));font-size:var(--type-sm);font-weight:400;line-height:1.62;white-space:pre-line;max-height:min(52vh,380px);overflow-y:auto;overscroll-behavior:contain}.gt-panel-d1{background:color-mix(in srgb,var(--surface-2) 96%,var(--color-black));border-color:color-mix(in srgb,var(--frame-gold) 34%,var(--hairline))}.gt-panel-d1:before{background:color-mix(in srgb,var(--surface-2) 96%,var(--color-black))}@keyframes gt-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.gt-panel-sheet{inset:auto 10px calc(10px + env(safe-area-inset-bottom)) 10px;width:auto;max-width:none;border-radius:var(--radius-lg);animation:gt-sheet-in .18s cubic-bezier(.22,1,.36,1)}.gt-panel-sheet:before{display:none}.gt-panel-sheet .gt-panel-body{max-height:42vh}.gt-panel-sheet.gt-panel-d1{bottom:calc(24px + env(safe-area-inset-bottom))}@keyframes gt-sheet-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.gt-panel,.gt-panel-sheet{animation:none}}}@layer components{.frame-gold{position:relative;border:1px solid var(--frame-gold-soft);border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--frame-fill) 96%,var(--frame-gold) 4%),var(--frame-fill-strong));box-shadow:inset 0 0 0 1px var(--frame-gold-faint),inset 0 1px color-mix(in srgb,var(--color-white) 5%,var(--color-transparent)),0 10px 34px color-mix(in srgb,var(--color-black) 45%,var(--color-transparent))}.frame-gold:before,.frame-gold:after{content:"";position:absolute;width:6px;height:6px;background:var(--frame-gold);transform:rotate(45deg);opacity:.85;pointer-events:none}.frame-gold:before{top:-3px;left:-12px;box-shadow:calc(100% + 6px) 0 0 var(--frame-gold)}.frame-gold:after{bottom:-3px;left:-12px;box-shadow:calc(100% + 6px) 0 0 var(--frame-gold)}.frame-gold--plain:before,.frame-gold--plain:after{display:none}.hero-celestial{--hero-art: url(/assets/bg-celestia-vibrant.webp);position:relative;overflow:hidden;padding:clamp(32px,6vw,72px) clamp(20px,5vw,56px);display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate;background:var(--celestial-navy-900);box-shadow:inset 0 0 0 1px var(--frame-gold-faint),var(--shadow-lg)}.hero-celestial:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 40%,color-mix(in srgb,var(--celestial-navy-900) 46%,var(--color-transparent)),color-mix(in srgb,var(--celestial-navy-900) 14%,var(--color-transparent)) 50%,var(--color-transparent) 74%),linear-gradient(180deg,color-mix(in srgb,var(--celestial-navy-900) 22%,var(--color-transparent)) 0%,var(--color-transparent) 30%,color-mix(in srgb,var(--celestial-navy-900) 34%,var(--color-transparent)) 64%,color-mix(in srgb,var(--celestial-navy-900) 66%,var(--color-transparent)) 100%),var(--hero-art) center / cover no-repeat;opacity:1}@media (max-width: 760px){.hero-celestial{--hero-art: url(/assets/bg-celestia-portrait.webp)}}.hero-celestial.art-hidden:before{opacity:0;transition:none}.hero-celestial.art-shown:before{opacity:1;transition:opacity .45s ease}@media (prefers-reduced-motion: reduce){.hero-celestial.art-shown:before{transition:none}}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1.4px 1.4px at 20% 30%,color-mix(in srgb,var(--color-white) 70%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1.2px 1.2px at 75% 20%,color-mix(in srgb,var(--color-white) 55%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1px 1px at 45% 65%,color-mix(in srgb,var(--frame-gold-bright) 60%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1.6px 1.6px at 88% 70%,color-mix(in srgb,var(--color-white) 60%,var(--color-transparent)) 0,var(--color-transparent) 60%),radial-gradient(1px 1px at 60% 40%,color-mix(in srgb,var(--color-white) 45%,var(--color-transparent)) 0,var(--color-transparent) 60%);background-repeat:no-repeat;opacity:.9}.display-title{margin:0;font-family:var(--font-brand);font-weight:400;letter-spacing:.12em;line-height:1.02;font-size:clamp(40px,7vw,90px);background:var(--display-gold-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-transparent);filter:drop-shadow(0 1px 1px color-mix(in srgb,var(--celestial-navy-900) 92%,var(--color-transparent))) drop-shadow(0 2px 16px color-mix(in srgb,var(--celestial-navy-900) 78%,var(--color-transparent))) drop-shadow(0 0 22px color-mix(in srgb,var(--frame-gold) 38%,var(--color-transparent)));text-shadow:0 0 5px color-mix(in srgb,var(--color-white) 46%,var(--color-transparent))}.display-subtitle{font-family:var(--font-game);margin:12px 0 0;color:color-mix(in srgb,var(--color-white) 92%,var(--celestial-sky-500));font-size:clamp(14px,1.6vw,18px);font-weight:500;text-shadow:0 1px 2px color-mix(in srgb,var(--celestial-navy-900) 88%,var(--color-transparent)),0 2px 12px color-mix(in srgb,var(--celestial-navy-900) 70%,var(--color-transparent))}.divider-ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--frame-gold-soft);font-size:var(--type-md);letter-spacing:.3em}.divider-ornament:before,.divider-ornament:after{content:"";height:1px;width:min(180px,22vw);background:linear-gradient(90deg,var(--color-transparent),var(--frame-gold-soft))}.divider-ornament:after{transform:scaleX(-1)}.divider-ornament>span{letter-spacing:0;color:var(--frame-gold)}.page-title{margin:0;font-family:var(--font-brand);font-weight:400;font-size:clamp(28px,3.4vw,38px);line-height:1.1;letter-spacing:.08em;background:var(--display-gold-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-transparent)}.page-subtitle{margin:6px 0 0;color:var(--muted);font-size:var(--type-lg);letter-spacing:.02em;max-width:100ch}.page-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;color:var(--accent-text);font-size:var(--type-xs);font-weight:700}.page-eyebrow svg{width:14px;height:14px}.page-head-main{min-width:0;flex:1 1 auto}.page-head-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.page-head-rule{height:1px;margin-top:2px;border:0;background:linear-gradient(90deg,var(--frame-gold-soft),color-mix(in srgb,var(--frame-gold-soft) 25%,var(--color-transparent)) 45%,var(--color-transparent))}.section-head{display:flex;align-items:center;gap:14px;min-width:0}.section-title{margin:0;flex:0 0 auto;font-family:var(--font-game);font-weight:600;font-size:clamp(18px,2.1vw,24px);line-height:1.15;background:var(--display-gold-gradient);-webkit-background-clip:text;background-clip:text;color:var(--color-transparent)}.section-head:after{content:"";order:1;flex:1 1 auto;min-width:20px;height:1px;background:linear-gradient(90deg,var(--hairline-gold),var(--color-transparent) 92%)}.section-head>.section-aside{order:2;flex:0 0 auto;color:var(--muted);font-size:var(--type-md)}.section-note{margin:6px 0 0;color:var(--muted);font-size:var(--type-md);line-height:1.5;max-width:74ch}.portal-card{font-family:var(--font-game);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:32px 22px 30px;border:2px solid var(--frame-gold-soft);border-radius:var(--radius-md);background:color-mix(in srgb,var(--celestial-navy-800) 60%,var(--color-transparent) 40%);color:var(--text);box-shadow:inset 0 0 0 1px var(--frame-gold-faint);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.portal-card:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:3px;pointer-events:none;transition:border-color .18s ease}.portal-card-star{position:absolute;bottom:-1px;left:50%;color:var(--frame-gold-bright);font-size:var(--type-xl);line-height:1;opacity:.95;text-shadow:0 0 6px color-mix(in srgb,var(--frame-gold) 70%,var(--color-transparent)),0 0 14px color-mix(in srgb,var(--frame-gold) 40%,var(--color-transparent));transform:translate(-50%);pointer-events:none;transition:opacity .18s ease}.portal-card:hover .portal-card-star,.portal-card:focus-visible .portal-card-star{opacity:1}@media screen and (max-width: 420px){.portal-card-star{bottom:-2px;font-size:var(--type-md)}}.portal-card:hover,.portal-card:focus-visible{border-color:var(--frame-gold);box-shadow:inset 0 0 0 1px var(--frame-gold-soft),0 18px 44px color-mix(in srgb,var(--color-black) 50%,var(--color-transparent))}.portal-card:focus-visible{transform:translateY(-4px)}.portal-card:hover:before,.portal-card:focus-visible:before{border-color:var(--frame-gold)}.portal-card-icon{display:inline-grid;place-items:center;width:54px;height:54px;color:var(--frame-gold-bright);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--frame-gold) 22%,var(--color-transparent)),var(--color-transparent) 68%)}.portal-card-icon svg{width:34px;height:34px}.portal-mask-icon{display:block;width:50px;height:50px;background:var(--frame-gold-bright);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.portal-emblem{position:relative;display:grid;place-items:center;width:50px;height:50px}.portal-emblem-base{width:50px;height:50px;background:var(--frame-gold-bright);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.portal-emblem-crown{position:absolute;top:-16px;left:50%;width:36px;height:24px;transform:translate(-50%);background:var(--frame-gold-bright);-webkit-mask:url(/crown.svg) center / contain no-repeat;mask:url(/crown.svg) center / contain no-repeat;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--color-black) 45%,var(--color-transparent)))}.portal-card-title{font-family:var(--font-game);font-size:var(--type-lg);font-weight:750;text-indent:.04em;color:var(--frame-gold-bright)}.portal-card-desc{max-width:22ch;color:var(--color-white);font-size:var(--type-md);line-height:1.45;display:none}@media (prefers-reduced-motion: reduce){.portal-card{transition:none}.portal-card:hover{transform:none}}}@layer components{@keyframes cel-fade{0%{opacity:0}to{opacity:1}}@keyframes cel-drawer-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.mobile-nav-backdrop{animation:cel-fade .16s ease-out}.mobile-nav-drawer{animation:cel-drawer-in .2s cubic-bezier(.22,1,.36,1)}@keyframes cel-modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.modal-backdrop{animation:cel-fade .15s ease-out}.modal-backdrop>*{animation:cel-modal-in .22s cubic-bezier(.22,1,.36,1)}.mobile-nav-links>*{animation:cel-drawer-item-in .24s cubic-bezier(.22,1,.36,1) both}@keyframes cel-drawer-item-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.mobile-nav-links>*:nth-child(1){animation-delay:40ms}.mobile-nav-links>*:nth-child(2){animation-delay:66ms}.mobile-nav-links>*:nth-child(3){animation-delay:92ms}.mobile-nav-links>*:nth-child(4){animation-delay:118ms}.mobile-nav-links>*:nth-child(5){animation-delay:144ms}.mobile-nav-links>*:nth-child(6){animation-delay:.17s}.mobile-nav-links>*:nth-child(n+7){animation-delay:196ms}.codex-detail-portrait img{animation:cel-portrait-in .52s cubic-bezier(.22,1,.36,1) both}@keyframes cel-portrait-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.mobile-nav-backdrop,.mobile-nav-drawer,.mobile-nav-links>*,.modal-backdrop,.modal-backdrop>*,.codex-detail-portrait img{animation:none}}@keyframes skeleton-pulse{0%{background-position:200% 0;opacity:.42}50%{opacity:.72}to{background-position:0 0;opacity:.42}}}@layer components{.shell-nav{min-height:60.8px}@media (min-width: 1100px){.shell-nav{min-height:68.8px}}.shell-skeleton .nav-menu-btn,.shell-skeleton .nav-search-btn{pointer-events:none}.shell-page{display:grid;gap:22px;min-width:0}.shell-line,.shell-block,.shell-row,.shell-tile,.shell-cell,.shell-chip,.shell-avatar{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-2) 20%,color-mix(in srgb,var(--surface-2) 60%,var(--border)) 50%,var(--surface-2) 80%);background-size:200% 100%;animation:skeleton-pulse 1.3s linear infinite}.shell-line{width:var(--shell-w, 8em);max-width:100%;height:1em}.shell-line-eyebrow{height:.8em}.shell-line-h1{height:1.9em}.shell-title{display:grid;gap:10px;align-content:start;min-width:0}.shell-block{position:relative;display:grid;align-content:start;gap:14px;min-width:0;padding:18px;border-radius:var(--radius);background:var(--surface);animation:none}.shell-avatar{width:76px;height:76px;border-radius:50%}.shell-tile{height:126px;border-radius:var(--radius)}.shell-panel{min-height:320px}.shell-strip{min-height:92px}.shell-rows{display:grid;gap:6px}.shell-rows-tall .shell-row{height:71px}.shell-system{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.shell-system-card{min-height:80px}.shell-tabs{display:flex;flex-wrap:wrap;gap:6px}.shell-chip{width:90px;height:30px;border-radius:999px}.shell-search{min-height:72px}.shell-row{height:48px}.shell-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.shell-cell{height:208px;border-radius:var(--radius)}@media (max-width: 760px){.shell-page{gap:16px}.shell-system{grid-template-columns:minmax(0,1fr);gap:13px}.shell-system-card{min-height:64px}.shell-search{min-height:66px}.shell-strip{min-height:133px}}@media (max-width: 520px){.shell-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shell-cell{height:182px}}@media (prefers-reduced-motion: reduce){.shell-line,.shell-row,.shell-tile,.shell-cell,.shell-chip,.shell-avatar{animation:none}}.shell-page-grid .shell-codex-action{width:122px;height:32px}.shell-codex-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shell-codex-tabs .shell-chip{height:48px}.shell-codex-toolbar{min-height:99px}.shell-codex-results{display:flex;align-items:center;justify-content:space-between;min-height:48px}.shell-codex-toggle{width:138px;height:32px}.shell-codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.shell-codex-grid .shell-cell{height:215px}@media (max-width: 520px){.shell-page-grid{gap:12px}.shell-codex-tabs .shell-chip{height:32px}.shell-codex-toolbar{min-height:112px}.shell-codex-results{min-height:32px}.shell-codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shell-codex-grid .shell-cell{height:191px}}.shell-codex-tabs .shell-chip{width:auto;border-radius:var(--radius-sm)}.shell-lb-overview{display:grid;gap:12px;padding:16px;border-radius:var(--radius);background:var(--surface)}.shell-lb-hero{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:16px;min-height:164px}.shell-lb-portrait{width:128px;height:128px;border-radius:var(--radius-sm);background:var(--elevate-sunken)}.shell-lb-main{display:grid;gap:8px;align-content:start;align-self:stretch;min-width:0}.shell-lb-desc{display:grid;gap:8px}.shell-lb-team{display:flex;gap:8px}.shell-lb-team .shell-tile{width:56px;height:56px;min-height:0}.shell-lb-chips{display:flex;gap:6px}.shell-lb-chart{min-height:296px;padding:0;background:var(--elevate-sunken)}.shell-lb-variants{display:flex;gap:8px;min-height:120px;padding:18px;border-radius:var(--radius);background:var(--elevate-sunken)}.shell-lb-variants .shell-cell{width:64px;height:84px}.shell-lb-ceiling{min-height:67px}.shell-lb-pager{display:block;height:56px}.shell-lb-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:18px;min-height:301px}.shell-lb-podium .shell-row{height:233px}.shell-lb-podium .shell-row:nth-child(2){height:257px}.shell-lb-titles{display:grid;gap:8px}@media (min-width: 1100px){.shell-lb-main{grid-template-columns:minmax(0,1fr) minmax(0,500px);grid-template-areas:"titles desc" "count rotation" "chips team";align-items:start;column-gap:32px}.shell-lb-titles{grid-area:titles}.shell-lb-count{grid-area:count}.shell-lb-desc{grid-area:desc}.shell-lb-rotation{grid-area:rotation}.shell-lb-team{grid-area:team}.shell-lb-chips{grid-area:chips;align-self:end}}.shell-page-leaderboard{gap:14px}@media (max-width: 760px){.shell-page-leaderboard{gap:12px}}@media (max-width: 760px){.shell-lb-overview{gap:12px;padding:0;background:var(--color-transparent)}.shell-lb-hero{grid-template-columns:72px minmax(0,1fr);gap:12px;min-height:362px;padding:14px}.shell-lb-portrait{width:72px;height:72px}.shell-lb-chart{min-height:386px}.shell-lb-variants{min-height:142px;padding:12px}.shell-lb-variants .shell-cell{width:54px;height:74px}.shell-lb-ceiling,.shell-lb-pager{display:none}.shell-lb-podium{grid-template-columns:minmax(0,1fr);gap:6px;min-height:218px}.shell-lb-podium .shell-row,.shell-lb-podium .shell-row:nth-child(2){height:62px}}.shell-page-home{gap:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-28px}.shell-home-hero{gap:5px;min-height:914px;padding:72px 56px;background:var(--bg);box-shadow:none}.shell-home-logo{width:144px;height:144px;object-fit:contain}.shell-home-title{margin:4px 0 0;font-size:90px;line-height:92px}.shell-home-sub{margin:12px 0 0;font-size:18px;line-height:27px}.shell-home-divider{width:399px;max-width:100%;height:20px;margin:14px 0 4px}.shell-home-search{width:680px;max-width:100%;height:64px;margin:4px 0 12px;border-radius:var(--radius-sm)}.shell-home-help{width:196px;height:34px;margin:4px 0 16px}.shell-home-registry{width:470px;max-width:100%;height:18px;margin:2px 0 14px}.shell-home-portals{display:grid;grid-template-columns:repeat(5,210px);align-items:end;gap:17px;margin-top:2px}.shell-home-portals .shell-cell{height:221px;border-radius:105px 105px var(--radius-sm) var(--radius-sm)}.shell-home-portals .shell-cell:nth-child(2),.shell-home-portals .shell-cell:nth-child(4){height:235px}.shell-home-portals .shell-cell:nth-child(3){height:249px}.shell-home-featured{min-height:420px;margin:0 auto;width:min(1192px,calc(100% - 32px))}@media (max-width: 1080px){.shell-home-portals{grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}}@media (max-width: 760px){.shell-page-home{margin-top:-18px}.shell-home-hero{min-height:643px;padding:28px 14px 36px}.shell-home-logo,.shell-home-title{display:none}.shell-home-sub{max-width:300px;margin-top:8px;font-size:14px;line-height:20.5px}.shell-home-divider{width:100%;margin:10px 0 2px}.shell-home-search{width:100%;height:60px;margin:4px 0 14px}.shell-home-help{margin:4px 0 10px}.shell-home-registry{width:356px;height:14px;margin:4px 0 12px}.shell-home-portals{grid-template-columns:minmax(0,1fr);width:360px;max-width:100%;gap:5px}.shell-home-portals .shell-cell,.shell-home-portals .shell-cell:nth-child(n){height:59px;border-radius:var(--radius-sm)}}.shell-home-hero:after{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:clamp(190px,26vw,330px);background:linear-gradient(180deg,var(--color-transparent) 0%,color-mix(in srgb,var(--bg) 45%,var(--color-transparent)) 40%,color-mix(in srgb,var(--bg) 80%,var(--color-transparent)) 70%,color-mix(in srgb,var(--bg) 96%,var(--color-transparent)) 88%,var(--bg) 100%);pointer-events:none}.shell-prof-hero{display:grid;grid-template-columns:88px minmax(0,1fr) 168px;grid-template-rows:auto 1fr;align-items:start;gap:18px;min-height:400px;padding:22px 22px 20px}.shell-prof-avatar{width:88px;height:88px}.shell-prof-main{display:grid;align-content:start;gap:10px;min-width:0;min-height:100px}.shell-prof-refresh{width:168px;height:59px;border-radius:var(--radius-sm)}.shell-prof-tiles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-auto-rows:112px;gap:16px;height:240px;overflow:hidden}.shell-prof-tiles .shell-tile{height:auto;min-height:0}.shell-prof-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shell-prof-tabs .shell-chip{width:auto;height:41px;border-radius:var(--radius-sm)}.shell-prof-panel{min-height:200px}@media (max-width: 760px){.shell-prof-hero{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:14px;min-height:427px;margin:-18px -12px 0;padding:20px 12px 18px;border-radius:0}.shell-prof-avatar{width:76px;height:76px}.shell-prof-refresh{grid-column:2;grid-row:1;justify-self:end}.shell-prof-main{grid-column:1 / -1;grid-row:2;min-height:122px}.shell-prof-tiles{grid-row:3}.shell-prof-tiles{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:150px;grid-auto-rows:163px;height:163px}.shell-prof-tabs{margin:0 -12px}.shell-prof-tabs .shell-chip{height:37px;border-radius:0}}.shell-lb-chart,.shell-prof-hero{position:relative;overflow:hidden}.shell-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.shell-lb-namecard{object-position:center 30%;opacity:.55;filter:brightness(.3) saturate(.85);-webkit-mask-image:linear-gradient(100deg,var(--color-transparent) 0%,var(--color-black) 22%,var(--color-black) 62%,color-mix(in srgb,var(--color-black) 20%,var(--color-transparent)) 92%,var(--color-transparent) 100%);mask-image:linear-gradient(100deg,var(--color-transparent) 0%,var(--color-black) 22%,var(--color-black) 62%,color-mix(in srgb,var(--color-black) 20%,var(--color-transparent)) 92%,var(--color-transparent) 100%)}:root[data-theme=light] .shell-lb-namecard{opacity:.18;filter:saturate(.9)}.shell-prof-banner{object-position:center 32%;opacity:.46}.shell-prof-custom{opacity:.72}.shell-prof-hero:has(.shell-art):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(100deg,color-mix(in srgb,var(--color-black) 90%,var(--color-transparent)),color-mix(in srgb,var(--color-black) 50%,var(--color-transparent)) 55%,color-mix(in srgb,var(--color-black) 70%,var(--color-transparent)));pointer-events:none}.shell-prof-hero>:not(.shell-art){position:relative;z-index:1}}@layer pages{.lb-info-panel{font-family:var(--font-game);padding:15px 18px;border:2px solid var(--hairline);border-left:2px solid color-mix(in srgb,var(--accent) 70%,var(--border));border-radius:var(--radius-sm);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 7%,var(--surface-2)),var(--surface));box-shadow:var(--edge-light),var(--shadow-lux)}.lb-info-panel .lb-info-kicker{display:block;margin:0 0 6px;color:var(--accent-text);font-size:var(--type-2xs);font-weight:700;letter-spacing:.16em}.lb-info-panel .lb-info-lede{text-align:justify;margin:0;max-width:100ch;font-size:var(--type-lg);line-height:1.55;font-weight:500;color:color-mix(in srgb,var(--text) 92%,var(--muted))}.lb-info-panel .lb-info-lede span{font-weight:500}.lb-info-panel p{margin:5px 0 0;max-width:86ch;color:var(--muted);font-size:var(--type-sm);line-height:1.5}@media (max-width: 760px){.lb-info-panel .lb-info-lede{font-size:var(--type-sm);line-height:1.5}.lb-info-panel p{font-size:var(--type-xs)}}}@layer touch{@media (hover: none){a:hover,button:hover,[role=button]:hover,summary:hover,label:hover,tr:hover,li:hover,.portal-card:hover,.profile-rank-tile:hover,.profile-rank-tile-wrap:hover,.ac:hover,.card:hover,.data-row:hover,.clickable-row:hover,.managed-build-row:hover,.filter-chip:hover,.smart-option:hover,.bc-roll:hover,.chip:hover,.tag:hover{transform:none;filter:none}.profile-rank-goto{opacity:1;transform:none}[data-gi-type]{touch-action:manipulation}div.AmbrTooltip{max-width:min(92vw,360px);max-height:70svh;overflow-y:auto;overscroll-behavior:contain;font-size:13px;line-height:1.4}div.AmbrTooltip img{max-width:100%;height:auto}}}