/* /design/dist/kit.d51e0efa57.min.css */
:root{--eq-night: #0b0f1c;--eq-parchment: #f3efe6;--eq-font: -apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",system-ui,Roboto,Ubuntu,"Noto Sans","Helvetica Neue",Arial,sans-serif;--eq-font-display: -apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",system-ui,Roboto,Ubuntu,"Noto Sans","Helvetica Neue",Arial,sans-serif;--eq-font-mono: ui-monospace,"Cascadia Mono","Segoe UI Mono",Menlo,Consolas,"Liberation Mono",monospace;--eq-font-brand: "Cinzel","Trajan Pro",Georgia,"Times New Roman",serif;--eq-display-xl: clamp(30px,7vw,88px);--eq-display-lg: clamp(28px,4vw,44px);--eq-display-md: clamp(20px,2.4vw,26px);--eq-tracking-display: .04em;--eq-size-2xs: 10.5px;--eq-size-xs: 11.5px;--eq-size-sm: 12.5px;--eq-size-md: 13.5px;--eq-size-lg: 15px;--eq-size-xl: 17px;--eq-size-2xl: 21px;--eq-size-3xl: 30px;--eq-size-4xl: 52px;--eq-weight-regular: 400;--eq-weight-medium: 520;--eq-weight-semibold: 600;--eq-weight-bold: 650;--eq-weight-heavy: 700;--eq-leading: 1.42;--eq-leading-snug: 1.25;--eq-leading-tight: 1.12;--eq-tracking-hero: -.035em;--eq-tracking-title: -.025em;--eq-tracking-heading: -.015em;--eq-tracking-snug: -.005em;--eq-tracking-label: .02em;--eq-tracking-caps: .12em;--eq-space-1: 2px;--eq-space-2: 4px;--eq-space-3: 6px;--eq-space-4: 8px;--eq-space-5: 10px;--eq-space-6: 12px;--eq-space-7: 14px;--eq-space-8: 16px;--eq-space-9: 20px;--eq-space-10: 26px;--eq-space-11: 32px;--eq-space-12: 44px;--eq-gap: 12px;--eq-bar-h: 52px;--eq-hit: 32px;--eq-radius-xs: 8px;--eq-radius-sm: 10px;--eq-radius-md: 14px;--eq-radius-lg: 20px;--eq-radius-xl: 26px;--eq-radius-pill: 999px;--eq-glass-blur: 26px;--eq-glass-saturate: 185%;--eq-card-blur: 20px;--eq-card-saturate: 160%;--eq-chip-blur: 14px;--eq-dur-1: 120ms;--eq-dur-2: 180ms;--eq-dur-3: 250ms;--eq-dur-4: 350ms;--eq-dur-5: 550ms;--eq-dur-6: 900ms;--eq-dur-7: 1600ms;--eq-dur-fade: 150ms;--eq-ease: cubic-bezier(.2,.8,.2,1);--eq-ease-in: cubic-bezier(.4,0,1,1);--eq-ease-cinema: cubic-bezier(.16,1,.3,1);--eq-ease-press: cubic-bezier(.3,0,.2,1);--eq-spring: cubic-bezier(.32,1.25,.4,1);--eq-linear: linear;--eq-dur-sweep: 900ms;--eq-ease-sweep: cubic-bezier(.45,0,.25,1);--eq-sweep-band: rgba(255,247,228,.42);--eq-z-backdrop: -1;--eq-z-base: 0;--eq-z-raised: 1;--eq-z-sticky: 3;--eq-z-hud: 10;--eq-z-drawer: 30;--eq-z-overlay: 40;--eq-z-palette: 45;--eq-z-toast: 50;--eq-z-tooltip: 60;--eq-primary-a: #1878cc;--eq-primary-b: #6c4ee0;--eq-on-accent: #ffffff;--eq-con-grey: #a3a8b0;--eq-con-green: #3fd46b;--eq-con-blue: #4ea3ff;--eq-con-white: #f2f2f4;--eq-con-yellow: #ffd23f;--eq-con-orange: #ff9640;--eq-con-red: #ff4d4d;--eq-con-ink: #101114;--eq-hp-a: #1fae4f;--eq-hp-b: #6fe08c;--eq-power-a: #2f7cf0;--eq-power-b: #8a6cff;--eq-xp-a: #e8a317;--eq-xp-b: #ffd45c}:root,[data-theme="light"]{--eq-gold: #8a5c0e;--eq-gold-hi: #c9962e;--eq-gold-deep: #6e4a0c;--eq-ember: #b5520f;--eq-sea: #0b7d72;color-scheme: light;--eq-backdrop: #eceef3;--eq-aurora-1: #d6e4ff;--eq-aurora-2: #ffe3d1;--eq-aurora-3: #d4f1e6;--eq-aurora-4: #e7defc;--eq-gridline: rgba(40,70,130,.055);--eq-text-1: #1d1d1f;--eq-text-2: rgba(29,29,31,.76);--eq-text-3: rgba(29,29,31,.65);--eq-sep: rgba(60,60,67,.13);--eq-fill-1: rgba(120,120,135,.11);--eq-fill-2: rgba(120,120,135,.19);--eq-fill-3: rgba(120,120,135,.30);--eq-glass-tint: rgba(250,250,252,.56);--eq-glass-tint-strong: rgba(250,250,252,.80);--eq-card-tint: rgba(255,255,255,.62);--eq-surface-solid: #f6f6f8;--eq-surface-solid-2: #ffffff;--eq-rim-hi: rgba(255,255,255,.95);--eq-rim-lo: rgba(255,255,255,.25);--eq-edge: rgba(0,0,0,.07);--eq-card-edge: rgba(0,0,0,.05);--eq-sheen: rgba(255,255,255,.45);--eq-spec: rgba(255,255,255,.55);--eq-thumb: #ffffff;--eq-scrim: rgba(0,0,0,.18);--eq-shadow-1: 0 1px 2px rgba(20,28,48,.08),0 4px 14px -6px rgba(20,28,48,.12);--eq-shadow-2: 0 10px 28px -10px rgba(20,28,48,.22),0 2px 6px -2px rgba(20,28,48,.10);--eq-shadow-3: 0 22px 54px -14px rgba(20,28,48,.24),0 6px 16px -6px rgba(20,28,48,.12);--eq-accent: #2470cc;--eq-accent-ink: #1c5cab;--eq-accent-soft: rgba(36,112,204,.13);--eq-accent-track: #cde2fb;--eq-accent-ring: rgba(36,112,204,.35);--eq-focus: #2470cc;--eq-glow: #1aa3ff;--eq-glow-2: #7b5cff;--eq-glow-soft: rgba(26,163,255,.28);--eq-good: #0ca30c;--eq-good-ink: #006300;--eq-warn: #fab219;--eq-warn-ink: #7a4f00;--eq-bad: #d03b3b;--eq-bad-ink: #a82222;--eq-info-c: #2470cc;--eq-info-ink-c: #1c5cab;--eq-ch-say: #1d1d1f;--eq-ch-tell: #7038b8;--eq-ch-group: #1c5cab;--eq-ch-guild: #17702e;--eq-ch-shout: #9a4108;--eq-ch-loot: #7a4f00;--eq-ch-combat: #a82222;--eq-rarity-common: #1d1d1f;--eq-rarity-handcrafted: #2f7a3a;--eq-rarity-treasured: #0a6674;--eq-rarity-legendary: #8a5200;--eq-rarity-fabled: #a6216f;--eq-rarity-mythical: #6a3fc4;--eq-checker-a: #e9e9ee;--eq-checker-b: #d5d5dc}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--eq-gold: #e0b04a;--eq-gold-hi: #f3d58f;--eq-gold-deep: #a97a26;--eq-ember: #ff9a4d;--eq-sea: #2fd6c3;color-scheme: dark;--eq-backdrop: #05070c;--eq-aurora-1: #0d3566;--eq-aurora-2: #351a5e;--eq-aurora-3: #053c45;--eq-aurora-4: #16246b;--eq-gridline: rgba(120,170,255,.055);--eq-text-1: #f5f5f7;--eq-text-2: rgba(235,235,245,.74);--eq-text-3: rgba(235,235,245,.62);--eq-sep: rgba(255,255,255,.09);--eq-fill-1: rgba(130,130,145,.17);--eq-fill-2: rgba(130,130,145,.27);--eq-fill-3: rgba(130,130,145,.40);--eq-glass-tint: rgba(34,36,44,.50);--eq-glass-tint-strong: rgba(30,32,40,.82);--eq-card-tint: rgba(40,42,52,.55);--eq-surface-solid: #1d1f27;--eq-surface-solid-2: #262832;--eq-rim-hi: rgba(255,255,255,.30);--eq-rim-lo: rgba(255,255,255,.06);--eq-edge: rgba(0,0,0,.35);--eq-card-edge: rgba(255,255,255,.06);--eq-sheen: rgba(255,255,255,.07);--eq-spec: rgba(170,215,255,.16);--eq-thumb: rgba(110,110,125,.55);--eq-scrim: rgba(0,0,0,.42);--eq-shadow-1: 0 1px 2px rgba(0,0,0,.4),0 4px 14px -6px rgba(0,0,0,.45);--eq-shadow-2: 0 12px 30px -10px rgba(0,0,0,.6),0 2px 6px -2px rgba(0,0,0,.4);--eq-shadow-3: 0 26px 60px -14px rgba(0,0,0,.65),0 6px 18px -6px rgba(0,0,0,.45);--eq-accent: #2b6fd1;--eq-accent-ink: #94bff2;--eq-accent-soft: rgba(57,135,229,.22);--eq-accent-track: rgba(57,135,229,.24);--eq-accent-ring: rgba(76,195,255,.35);--eq-focus: #4cc3ff;--eq-glow: #4cc3ff;--eq-glow-2: #9a7bff;--eq-glow-soft: rgba(76,195,255,.30);--eq-good: #0ca30c;--eq-good-ink: #5fd35f;--eq-warn: #fab219;--eq-warn-ink: #fab219;--eq-bad: #d03b3b;--eq-bad-ink: #ff8c8c;--eq-info-c: #2b6fd1;--eq-info-ink-c: #94bff2;--eq-ch-say: #f5f5f7;--eq-ch-tell: #c9a2ff;--eq-ch-group: #94bff2;--eq-ch-guild: #6fdc8c;--eq-ch-shout: #ffab6b;--eq-ch-loot: #f5c84b;--eq-ch-combat: #ff8c8c;--eq-rarity-common: #f5f5f7;--eq-rarity-handcrafted: #8be09a;--eq-rarity-treasured: #4fd6e6;--eq-rarity-legendary: #ffc24b;--eq-rarity-fabled: #ff8fd0;--eq-rarity-mythical: #c4a8ff;--eq-checker-a: #2b2c33;--eq-checker-b: #212228}}:root:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-theme="dark"],[data-theme="dark"],:where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-gold: #e0b04a;--eq-gold-hi: #f3d58f;--eq-gold-deep: #a97a26;--eq-ember: #ff9a4d;--eq-sea: #2fd6c3;color-scheme: dark;--eq-backdrop: #05070c;--eq-aurora-1: #0d3566;--eq-aurora-2: #351a5e;--eq-aurora-3: #053c45;--eq-aurora-4: #16246b;--eq-gridline: rgba(120,170,255,.055);--eq-text-1: #f5f5f7;--eq-text-2: rgba(235,235,245,.74);--eq-text-3: rgba(235,235,245,.62);--eq-sep: rgba(255,255,255,.09);--eq-fill-1: rgba(130,130,145,.17);--eq-fill-2: rgba(130,130,145,.27);--eq-fill-3: rgba(130,130,145,.40);--eq-glass-tint: rgba(34,36,44,.50);--eq-glass-tint-strong: rgba(30,32,40,.82);--eq-card-tint: rgba(40,42,52,.55);--eq-surface-solid: #1d1f27;--eq-surface-solid-2: #262832;--eq-rim-hi: rgba(255,255,255,.30);--eq-rim-lo: rgba(255,255,255,.06);--eq-edge: rgba(0,0,0,.35);--eq-card-edge: rgba(255,255,255,.06);--eq-sheen: rgba(255,255,255,.07);--eq-spec: rgba(170,215,255,.16);--eq-thumb: rgba(110,110,125,.55);--eq-scrim: rgba(0,0,0,.42);--eq-shadow-1: 0 1px 2px rgba(0,0,0,.4),0 4px 14px -6px rgba(0,0,0,.45);--eq-shadow-2: 0 12px 30px -10px rgba(0,0,0,.6),0 2px 6px -2px rgba(0,0,0,.4);--eq-shadow-3: 0 26px 60px -14px rgba(0,0,0,.65),0 6px 18px -6px rgba(0,0,0,.45);--eq-accent: #2b6fd1;--eq-accent-ink: #94bff2;--eq-accent-soft: rgba(57,135,229,.22);--eq-accent-track: rgba(57,135,229,.24);--eq-accent-ring: rgba(76,195,255,.35);--eq-focus: #4cc3ff;--eq-glow: #4cc3ff;--eq-glow-2: #9a7bff;--eq-glow-soft: rgba(76,195,255,.30);--eq-good: #0ca30c;--eq-good-ink: #5fd35f;--eq-warn: #fab219;--eq-warn-ink: #fab219;--eq-bad: #d03b3b;--eq-bad-ink: #ff8c8c;--eq-info-c: #2b6fd1;--eq-info-ink-c: #94bff2;--eq-ch-say: #f5f5f7;--eq-ch-tell: #c9a2ff;--eq-ch-group: #94bff2;--eq-ch-guild: #6fdc8c;--eq-ch-shout: #ffab6b;--eq-ch-loot: #f5c84b;--eq-ch-combat: #ff8c8c;--eq-rarity-common: #f5f5f7;--eq-rarity-handcrafted: #8be09a;--eq-rarity-treasured: #4fd6e6;--eq-rarity-legendary: #ffc24b;--eq-rarity-fabled: #ff8fd0;--eq-rarity-mythical: #c4a8ff;--eq-checker-a: #2b2c33;--eq-checker-b: #212228}@media (prefers-color-scheme: light){:root[data-backdrop="parchment"][data-theme="light"],:root[data-backdrop="parchment"][data-eq-skin="off"]:not([data-theme="dark"]){--eq-backdrop: var(--eq-parchment);--eq-aurora-1: #f5e2bf;--eq-aurora-2: #f8dccb;--eq-aurora-3: #e1e9d3;--eq-aurora-4: #ebe0ef;--eq-gridline: rgba(110,80,30,.055);--eq-glass-tint: rgba(253,251,246,.58);--eq-glass-tint-strong: rgba(253,251,246,.82);--eq-card-tint: rgba(255,253,248,.64);--eq-surface-solid: #f8f5ee;--eq-surface-solid-2: #fffdf8}}[data-backdrop="parchment"][data-theme="light"]{--eq-backdrop: var(--eq-parchment);--eq-aurora-1: #f5e2bf;--eq-aurora-2: #f8dccb;--eq-aurora-3: #e1e9d3;--eq-aurora-4: #ebe0ef;--eq-gridline: rgba(110,80,30,.055);--eq-glass-tint: rgba(253,251,246,.58);--eq-glass-tint-strong: rgba(253,251,246,.82);--eq-card-tint: rgba(255,253,248,.64);--eq-surface-solid: #f8f5ee;--eq-surface-solid-2: #fffdf8}:root,[data-theme],:where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-glass: var(--eq-glass-tint);--eq-glass-thick: var(--eq-glass-tint-strong);--eq-card: var(--eq-card-tint);--eq-glass-filter: blur(var(--eq-glass-blur)) saturate(var(--eq-glass-saturate));--eq-card-filter: blur(var(--eq-card-blur)) saturate(var(--eq-card-saturate));--eq-chip-filter: blur(var(--eq-chip-blur)) saturate(160%);--eq-info: var(--eq-info-c);--eq-info-ink: var(--eq-info-ink-c)}:where(.eq-hud,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar),:where(.eq-hud,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar)[data-theme="dark"]{--eq-glass: var(--eq-glass-tint-strong);--eq-text-3: rgba(235,235,245,.70)}:root[data-eq-still],:root[data-eq-still] [data-theme],:root[data-eq-still] :where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-glass: var(--eq-glass-tint-strong);--eq-card: color-mix(in srgb,var(--eq-surface-solid-2) 90%,transparent);--eq-glass-filter: none;--eq-card-filter: none;--eq-chip-filter: none}@media (prefers-reduced-transparency: reduce){:root[data-eq-still],:root[data-eq-still] [data-theme],:root[data-eq-still] :where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-glass: var(--eq-surface-solid);--eq-card: var(--eq-surface-solid-2)}}@media (prefers-reduced-transparency: reduce){:root,[data-theme],:where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-glass: var(--eq-surface-solid);--eq-glass-thick: var(--eq-surface-solid);--eq-card: var(--eq-surface-solid-2);--eq-glass-filter: none;--eq-card-filter: none;--eq-chip-filter: none}}:root[data-glass="solid"],:root[data-glass="solid"] [data-theme],:root[data-glass="solid"] :where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-glass: var(--eq-surface-solid);--eq-glass-thick: var(--eq-surface-solid);--eq-card: var(--eq-surface-solid-2);--eq-glass-filter: none;--eq-card-filter: none;--eq-chip-filter: none}.eq-glass-lite,.eq-glass-lite [data-theme]{--eq-card: color-mix(in srgb,var(--eq-surface-solid-2) 90%,transparent);--eq-card-filter: none;--eq-chip-filter: none}:root[data-glass="solid"] :is(.eq-glass-lite,.eq-glass-lite [data-theme]){--eq-card: var(--eq-surface-solid-2)}@media (prefers-reduced-transparency: reduce){.eq-glass-lite,.eq-glass-lite [data-theme]{--eq-card: var(--eq-surface-solid-2)}}@media (prefers-reduced-motion: reduce){:root{--eq-dur-1: 1ms;--eq-dur-2: 1ms;--eq-dur-3: 1ms;--eq-dur-4: 1ms;--eq-dur-5: 1ms;--eq-dur-6: 1ms;--eq-dur-7: 1ms;--eq-dur-sweep: 1ms;--eq-spring: var(--eq-ease)}}:root[data-eq-motion="off"]{--eq-dur-1: 1ms;--eq-dur-2: 1ms;--eq-dur-3: 1ms;--eq-dur-4: 1ms;--eq-dur-5: 1ms;--eq-dur-6: 1ms;--eq-dur-7: 1ms;--eq-dur-sweep: 1ms;--eq-spring: var(--eq-ease)}@supports (corner-shape: squircle){:root{--eq-radius-xs: 12px;--eq-radius-sm: 14px;--eq-radius-md: 20px;--eq-radius-lg: 30px;--eq-radius-xl: 40px}}:root,[data-theme],:where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-gold-gradient: linear-gradient(135deg,var(--eq-gold-hi),var(--eq-gold) 55%,var(--eq-gold-deep));--eq-crest-gold: #e0b04a;--eq-crest-gold-gradient: linear-gradient(180deg,#e6c88a,#c3964a 55%,#84602a);--eq-crest-pewter: #a3a9b1;--eq-crest-pewter-gradient: linear-gradient(180deg,#d9dce0,#a3a9b1 55%,#6b7179);--eq-crest-iron: #14110c;--eq-crest-iron-2: #1f2228;--eq-crest-ember: #f07a2a;--eq-edition-eq2emu: var(--eq-accent);--eq-edition-origins: var(--eq-sea);--eq-edition-live: var(--eq-gold);--eq-underglow-epic: #ff4d4d;--eq-underglow-heroic: var(--eq-ember)}:root{--crest-iron-950: #05070b;--crest-iron-900: #0b0f1c;--crest-iron-800: #121621;--crest-iron-700: #1f2228;--crest-iron-600: #2a2d33;--crest-gold: #e0b04a;--crest-gold-hi: #f3d58f;--crest-gold-deep: #b8893a;--crest-gold-ink: #8a5c0e;--crest-bronze: #6e4a12;--crest-pewter-hi: #d9dce0;--crest-pewter: #a3a9b1;--crest-pewter-lo: #6b7179;--crest-bone: #f2eee6;--crest-muted: #9aa0ac;--crest-parchment: #f0ece2;--crest-ink: #14110c;--crest-ink-on-gold: #1b1405;--crest-ember: #f07a2a;--crest-gold-gradient: linear-gradient(180deg,#f3d58f 0%,#e0b04a 48%,#b8893a 100%);--crest-wordmark-gold: linear-gradient(170deg,#e6c88a 0%,#c3964a 55%,#84602a 100%);--crest-pewter-gradient: linear-gradient(170deg,#d9dce0 0%,#a3a9b1 55%,#6b7179 100%);--crest-scrim: linear-gradient(180deg,rgba(5,7,11,.30) 0%,rgba(5,7,11,.62) 55%,#05070b 100%);--crest-scrim-side: linear-gradient(90deg,rgba(5,7,11,.15) 0%,rgba(5,7,11,.62) 45%,rgba(5,7,11,.9) 100%);--crest-vignette: radial-gradient(70% 70% at 50% 40%,rgba(5,7,11,0) 0%,rgba(5,7,11,.78) 100%);--crest-warm-glow: radial-gradient(50% 45% at 50% 38%,rgba(224,176,74,.14),rgba(224,176,74,0) 70%);--crest-font-display: "Marcellus","Cormorant SC",Georgia,"Times New Roman",serif;--crest-font-ui: var(--eq-font);--crest-display-xl: clamp(34px,6vw,72px);--crest-display-lg: clamp(28px,4vw,44px);--crest-display-md: 26px;--crest-title: 19px;--crest-body: 15px;--crest-ui: 13.5px;--crest-caps: 11.5px;--crest-tracking-display: .02em;--crest-tracking-caps: .14em;--crest-radius-control: 10px;--crest-radius-card: 16px;--crest-hairline: rgba(216,174,92,.22);--crest-hairline-strong: rgba(216,174,92,.45);--crest-card: rgba(10,12,18,.78);--crest-field: #121621;--crest-focus-ring: 0 0 0 2px #05070b,0 0 0 4px rgba(243,213,143,.85);--crest-logo-header-h: 28px;--crest-logo-stack-w: 320px}:root,[data-theme="light"]{--eq-backdrop: var(--crest-parchment);--eq-aurora-1: #f5e2bf;--eq-aurora-2: #f3dcc4;--eq-aurora-3: #eadfc9;--eq-aurora-4: #f0e6d2;--eq-gridline: transparent;--eq-accent: #8a5c0e;--eq-accent-ink: #6e4a12;--eq-accent-soft: rgba(138,92,14,.12);--eq-accent-track: rgba(138,92,14,.22);--eq-accent-ring: rgba(138,92,14,.35);--eq-primary-a: #f3d58f;--eq-primary-b: #b8893a;--eq-on-accent: #1b1405;--eq-glow: #c9962e;--eq-glow-2: #d2611c;--eq-glow-soft: rgba(201,150,46,.24);--eq-focus: #8a5c0e;--eq-font-brand: var(--crest-font-display);--eq-seg-on-text: #6e4a12;--eq-seg-on-ring: rgba(138,92,14,.35);--eq-edition-eq2emu: #6b7179;--eq-row-on-bg: rgba(138,92,14,.10);--eq-row-on-text: var(--eq-text-1);--eq-row-on-sub: var(--eq-text-2);--eq-row-on-bar: #8a5c0e;--eq-chip-on-bg: #ffffff;--eq-chip-on-text: #6e4a12;--eq-chip-on-ring: rgba(138,92,14,.45);--eq-presence: #d2611c}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--eq-backdrop: #05070b;--eq-aurora-1: rgba(224,176,74,.10);--eq-aurora-2: rgba(240,122,42,.06);--eq-aurora-3: rgba(169,122,38,.07);--eq-aurora-4: rgba(11,15,28,0);--eq-gridline: transparent;--eq-accent: #e0b04a;--eq-accent-ink: #f3d58f;--eq-accent-soft: rgba(224,176,74,.16);--eq-accent-track: rgba(224,176,74,.24);--eq-accent-ring: rgba(224,176,74,.45);--eq-primary-a: #f3d58f;--eq-primary-b: #b8893a;--eq-on-accent: #1b1405;--eq-glow: #e0b04a;--eq-glow-2: #f07a2a;--eq-glow-soft: rgba(224,176,74,.28);--eq-focus: #f3d58f;--eq-font-brand: var(--crest-font-display);--eq-thumb: #1f2228;--eq-seg-on-text: #e0b04a;--eq-seg-on-ring: rgba(224,176,74,.55);--eq-edition-eq2emu: #d9dce0;--eq-row-on-bg: #1f2228;--eq-row-on-text: var(--eq-text-1);--eq-row-on-sub: var(--eq-text-2);--eq-row-on-bar: #e0b04a;--eq-chip-on-bg: #1f2228;--eq-chip-on-text: #e0b04a;--eq-chip-on-ring: rgba(224,176,74,.55);--eq-presence: #f07a2a}}:root:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-theme="dark"],[data-theme="dark"],:where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-backdrop: #05070b;--eq-aurora-1: rgba(224,176,74,.10);--eq-aurora-2: rgba(240,122,42,.06);--eq-aurora-3: rgba(169,122,38,.07);--eq-aurora-4: rgba(11,15,28,0);--eq-gridline: transparent;--eq-accent: #e0b04a;--eq-accent-ink: #f3d58f;--eq-accent-soft: rgba(224,176,74,.16);--eq-accent-track: rgba(224,176,74,.24);--eq-accent-ring: rgba(224,176,74,.45);--eq-primary-a: #f3d58f;--eq-primary-b: #b8893a;--eq-on-accent: #1b1405;--eq-glow: #e0b04a;--eq-glow-2: #f07a2a;--eq-glow-soft: rgba(224,176,74,.28);--eq-focus: #f3d58f;--eq-font-brand: var(--crest-font-display);--eq-thumb: #1f2228;--eq-seg-on-text: #e0b04a;--eq-seg-on-ring: rgba(224,176,74,.55);--eq-edition-eq2emu: #d9dce0;--eq-row-on-bg: #1f2228;--eq-row-on-text: var(--eq-text-1);--eq-row-on-sub: var(--eq-text-2);--eq-row-on-bar: #e0b04a;--eq-chip-on-bg: #1f2228;--eq-chip-on-text: #e0b04a;--eq-chip-on-ring: rgba(224,176,74,.55);--eq-presence: #f07a2a}:where([class^="eq-"],[class*=" eq-"]),:where([class^="eq-"],[class*=" eq-"])::before,:where([class^="eq-"],[class*=" eq-"])::after{box-sizing: border-box}:where([class^="eq-"],[class*=" eq-"])[hidden]{display: none !important}:where([data-theme]:not(:root)){color: var(--eq-text-1)}.eq-body{margin: 0;min-height: 100vh;min-height: 100dvh;font: var(--eq-weight-regular) var(--eq-size-md)/var(--eq-leading) var(--eq-font);color: var(--eq-text-1);background: var(--eq-backdrop);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-webkit-text-size-adjust: 100%;text-size-adjust: 100%}.eq-body :where(button,input,select,textarea){font: inherit;color: inherit}.eq-body :where(button){cursor: pointer}.eq-body ::selection{background: color-mix(in srgb,var(--eq-accent) 30%,transparent)}.eq-body,.eq-body *{scrollbar-width: thin;scrollbar-color: var(--eq-fill-3) transparent}.eq-body :focus-visible,:where([class^="eq-"],[class*=" eq-"]):focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 2px}.eq-body :focus:not(:focus-visible){outline: none}.eq-sr-only{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}.eq-skip{position: fixed;left: 12px;top: -60px;z-index: var(--eq-z-tooltip);padding: 8px 14px;border-radius: var(--eq-radius-pill);background: var(--eq-accent);color: var(--eq-on-accent);font-weight: var(--eq-weight-semibold);text-decoration: none;transition: top var(--eq-dur-2) var(--eq-ease)}.eq-skip:focus{top: 12px}.eq-hero-fig{font: var(--eq-weight-heavy) var(--eq-size-4xl)/1 var(--eq-font-display);letter-spacing: var(--eq-tracking-hero)}.eq-title-1{margin: 0;font: var(--eq-weight-heavy) var(--eq-size-3xl)/1.1 var(--eq-font-display);letter-spacing: -.028em}.eq-title-2{margin: 0;font: var(--eq-weight-heavy) var(--eq-size-2xl)/1.15 var(--eq-font-display);letter-spacing: -.022em}.eq-title-3{margin: 0;font: var(--eq-weight-bold) var(--eq-size-xl)/var(--eq-leading-snug) var(--eq-font-display);letter-spacing: var(--eq-tracking-heading)}.eq-headline{margin: 0;font: var(--eq-weight-bold) var(--eq-size-lg)/var(--eq-leading-snug) var(--eq-font-display);letter-spacing: -.012em}.eq-fig{font: var(--eq-weight-bold) 26px/1.1 var(--eq-font-display);letter-spacing: var(--eq-tracking-title);font-variant-numeric: tabular-nums}.eq-lead{margin: 0;font-size: var(--eq-size-lg);color: var(--eq-text-2);max-width: 64ch}.eq-text{margin: 0;font-size: var(--eq-size-md);color: var(--eq-text-1)}.eq-caption{margin: 0;font-size: 12px;color: var(--eq-text-2)}.eq-label{margin: 0;font-size: var(--eq-size-xs);font-weight: var(--eq-weight-semibold);color: var(--eq-text-3);letter-spacing: var(--eq-tracking-label)}.eq-caps{font: var(--eq-weight-semibold) var(--eq-size-2xs)/1 var(--eq-font-mono);letter-spacing: var(--eq-tracking-caps);text-transform: uppercase;color: var(--eq-text-3)}.eq-mono{font-family: var(--eq-font-mono);font-size: .92em}.eq-num{font-variant-numeric: tabular-nums}.eq-muted{color: var(--eq-text-2)}.eq-faint{color: var(--eq-text-3)}.eq-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}.eq-link{color: var(--eq-accent-ink);text-decoration: none;border: 0;background: none;padding: 0;font: inherit;cursor: pointer;border-radius: 4px;text-underline-offset: 2px}.eq-link:hover{text-decoration: underline}.eq-icon{width: 18px;height: 18px;flex: none;stroke: currentColor;fill: none;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round;vertical-align: middle}.eq-icon--sm{width: 15px;height: 15px}.eq-icon--lg{width: 26px;height: 26px;stroke-width: 1.6}.eq-icon--xl{width: 40px;height: 40px;stroke-width: 1.4}.eq-stack{display: flex;flex-direction: column;gap: var(--eq-gap);min-width: 0}.eq-cluster{display: flex;flex-wrap: wrap;align-items: center;gap: var(--eq-space-4);min-width: 0}.eq-spacer{flex: 1 1 auto}.eq-divider{width: 1px;height: 22px;flex: none;background: var(--eq-sep);margin: 0 var(--eq-space-2)}.eq-rule{height: 1px;border: 0;margin: var(--eq-space-6) 0;background: var(--eq-sep)}.eq-backdrop{--eq-blob: 70vmax;position: fixed;inset: 0;z-index: var(--eq-z-backdrop);overflow: hidden;pointer-events: none;background: var(--eq-backdrop)}.eq-backdrop--contained{position: absolute;container-type: size;--eq-blob: 82cqmax;border-radius: inherit}.eq-backdrop > i{position: absolute;width: var(--eq-blob);height: var(--eq-blob);border-radius: 50%;filter: blur(60px);opacity: .9;will-change: transform}.eq-backdrop > i:nth-child(1){left: calc(var(--eq-blob) * -.29);top: calc(var(--eq-blob) * -.36);background: radial-gradient(closest-side,var(--eq-aurora-1),transparent);animation: eq-drift-1 38s ease-in-out infinite alternate}.eq-backdrop > i:nth-child(2){right: calc(var(--eq-blob) * -.36);top: calc(var(--eq-blob) * -.21);background: radial-gradient(closest-side,var(--eq-aurora-2),transparent);animation: eq-drift-2 46s ease-in-out infinite alternate}.eq-backdrop > i:nth-child(3){right: calc(var(--eq-blob) * -.21);bottom: calc(var(--eq-blob) * -.43);background: radial-gradient(closest-side,var(--eq-aurora-3),transparent);animation: eq-drift-3 42s ease-in-out infinite alternate}.eq-backdrop > i:nth-child(4){left: calc(var(--eq-blob) * -.14);bottom: calc(var(--eq-blob) * -.5);background: radial-gradient(closest-side,var(--eq-aurora-4),transparent);animation: eq-drift-2 52s ease-in-out infinite alternate-reverse}.eq-backdrop::after{content: "";position: absolute;inset: 0;background-image: linear-gradient(var(--eq-gridline) 1px,transparent 1px),linear-gradient(90deg,var(--eq-gridline) 1px,transparent 1px);background-size: 44px 44px;-webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 85%);mask-image: radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 85%)}.eq-backdrop--plain::after{content: none}.eq-backdrop.eq-backdrop--still > i:nth-child(n),:root[data-eq-still] .eq-backdrop > i:nth-child(n){animation: none}:root[data-eq-still] .eq-backdrop > i{filter: none;will-change: auto}@keyframes eq-drift-1{to{transform: translate(25.7%,17.1%) scale(1.15)}}@keyframes eq-drift-2{to{transform: translate(-22.9%,20%) scale(.9)}}@keyframes eq-drift-3{to{transform: translate(-17.1%,-22.9%) scale(1.1)}}.eq-glass{position: relative;isolation: isolate;color: var(--eq-text-1);background: var(--eq-glass);-webkit-backdrop-filter: var(--eq-glass-filter);backdrop-filter: var(--eq-glass-filter);border-radius: var(--eq-radius-xl);box-shadow: var(--eq-shadow-3),inset 0 0 0 .5px var(--eq-edge)}.eq-glass::before{content: "";position: absolute;inset: 0;border-radius: inherit;padding: 1px;pointer-events: none;z-index: 2;background: linear-gradient(150deg,var(--eq-rim-hi),var(--eq-rim-lo) 28%,transparent 50%,var(--eq-rim-lo) 74%,var(--eq-rim-hi));-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude}.eq-glass::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;z-index: -1;background: linear-gradient(180deg,var(--eq-sheen),transparent 42%)}.eq-glass--thick{background: var(--eq-glass-thick)}.eq-glass--flat{box-shadow: inset 0 0 0 .5px var(--eq-edge)}.eq-glass--pill{border-radius: var(--eq-radius-pill)}.eq-glass--lg{border-radius: var(--eq-radius-lg)}.eq-glass--md{border-radius: var(--eq-radius-md)}.eq-card{position: relative;color: var(--eq-text-1);background: var(--eq-card);-webkit-backdrop-filter: var(--eq-card-filter);backdrop-filter: var(--eq-card-filter);border-radius: var(--eq-radius-lg);padding: 16px 18px;box-shadow: var(--eq-shadow-1),inset 0 0 0 .5px var(--eq-card-edge),inset 0 1px 0 var(--eq-rim-lo)}.eq-card--interactive{display: block;width: 100%;border: 0;text-align: left;font: inherit;color: inherit;cursor: pointer;transition: transform var(--eq-dur-3) var(--eq-ease),box-shadow var(--eq-dur-3) var(--eq-ease)}.eq-card--interactive:hover{transform: translateY(-2px);box-shadow: var(--eq-shadow-2),inset 0 0 0 .5px var(--eq-card-edge),inset 0 1px 0 var(--eq-rim-lo)}.eq-card--interactive:active{transform: translateY(0) scale(.99)}.eq-card__title{margin: 0;display: flex;align-items: center;gap: 7px;font-size: 13px;font-weight: var(--eq-weight-semibold);color: var(--eq-text-2)}.eq-card__title .eq-icon{color: var(--eq-text-3)}.eq-panel{display: flex;flex-direction: column;min-width: 0;min-height: 0;padding: 18px 16px 20px}.eq-panel__head{display: flex;align-items: center;justify-content: space-between;gap: var(--eq-space-4);margin-bottom: var(--eq-space-6)}.eq-panel__kicker{display: flex;align-items: center;gap: 6px;margin-bottom: 4px;font-size: var(--eq-size-xs);font-weight: var(--eq-weight-semibold);color: var(--eq-text-3);letter-spacing: var(--eq-tracking-label)}.eq-panel__section{margin-top: var(--eq-space-9)}.eq-panel__section > h3{margin: 0 0 8px;display: flex;align-items: center;justify-content: space-between;font-size: var(--eq-size-xs);font-weight: var(--eq-weight-semibold);color: var(--eq-text-3);letter-spacing: var(--eq-tracking-label)}.eq-sheet{display: flex;flex-direction: column;border-radius: 24px 24px var(--eq-radius-xl) var(--eq-radius-xl);padding: 0 16px 16px}.eq-sheet--docked{position: fixed;left: var(--eq-gap);right: var(--eq-gap);bottom: var(--eq-gap);z-index: var(--eq-z-drawer);max-height: 70vh}.eq-sheet__grab{display: flex;justify-content: center;width: 100%;height: var(--eq-hit);padding: 8px 0 0;margin-bottom: 4px;border: 0;background: none;cursor: pointer;flex: none}.eq-sheet__grab::before{content: "";width: 38px;height: 5px;border-radius: 3px;background: var(--eq-fill-3)}.eq-stat{background: var(--eq-fill-1);border-radius: 12px;padding: 9px 11px;min-width: 0}.eq-stat b{display: block;font-size: 16px;font-weight: var(--eq-weight-bold);letter-spacing: -.01em;font-variant-numeric: tabular-nums}.eq-stat span{font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-kv{display: grid;grid-template-columns: minmax(70px,auto) 1fr;gap: 2px 12px;margin: 0;font-size: var(--eq-size-sm)}.eq-kv > dt{color: var(--eq-text-2);padding: 5px 0}.eq-kv > dd{margin: 0;padding: 5px 0;min-width: 0;overflow-wrap: anywhere}.eq-glass > .eq-spec,.eq-card > .eq-spec{position: absolute;inset: 0;border-radius: inherit;pointer-events: none;z-index: 1;opacity: 0;transition: opacity var(--eq-dur-4) var(--eq-ease);background: radial-gradient(420px circle at var(--eq-mx,50%) var(--eq-my,0%),var(--eq-spec),transparent 60%);mix-blend-mode: plus-lighter}.eq-glass:hover > .eq-spec,.eq-card:hover > .eq-spec{opacity: 1}@keyframes eq-materialise{from{opacity: 0;transform: translateY(8px) scale(.985);filter: blur(6px)}}.eq-materialise{animation: eq-materialise var(--eq-dur-5) var(--eq-ease) both}.eq-delay-1{animation-delay: 50ms}.eq-delay-2{animation-delay: 100ms}.eq-delay-3{animation-delay: 150ms}.eq-scan{position: absolute;inset: 0;overflow: hidden;pointer-events: none;border-radius: inherit}.eq-scan::after{content: "";position: absolute;left: 0;right: 0;height: 34%;top: -34%;background: linear-gradient(180deg,transparent,color-mix(in srgb,var(--eq-glow) 14%,transparent) 70%,color-mix(in srgb,var(--eq-glow) 40%,transparent) 98%,transparent);animation: eq-scan 1.5s var(--eq-ease) 1 forwards}.eq-scan--loop::after{animation: eq-scan 3.2s var(--eq-ease) infinite}@keyframes eq-scan{to{top: 100%}}@supports (corner-shape: squircle){.eq-glass,.eq-card,.eq-stat,.eq-sheet{corner-shape: squircle}.eq-glass--pill{corner-shape: round}.eq-glass::before,.eq-glass::after{corner-shape: inherit}}@media (prefers-reduced-motion: reduce){.eq-backdrop > i:nth-child(n){animation: none}.eq-materialise{animation: none}.eq-scan{display: none}.eq-card--interactive:hover{transform: none}}.eq-btn{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: 6px;height: 32px;min-width: 32px;padding: 0 13px;border: 0;border-radius: var(--eq-radius-pill);background: var(--eq-fill-1);color: var(--eq-text-1);font: var(--eq-weight-medium) 13px/1 var(--eq-font);white-space: nowrap;text-decoration: none;cursor: pointer;user-select: none;-webkit-tap-highlight-color: transparent;transition: background var(--eq-dur-1) var(--eq-ease),transform var(--eq-dur-2) var(--eq-ease),color var(--eq-dur-1),box-shadow var(--eq-dur-2) var(--eq-ease)}.eq-btn:hover{background: var(--eq-fill-2)}.eq-btn:active{transform: scale(.96)}.eq-btn:disabled,.eq-btn[aria-disabled="true"]{opacity: .4;pointer-events: none}.eq-btn[aria-pressed="true"]{background: var(--eq-accent-soft);color: var(--eq-accent-ink)}.eq-btn > .eq-icon{margin: 0 -1px}.eq-btn--primary{color: var(--eq-on-accent);background: linear-gradient(135deg,var(--eq-primary-a),var(--eq-accent) 45%,var(--eq-primary-b));box-shadow: 0 6px 18px -6px var(--eq-glow-soft),inset 0 1px 0 rgba(255,255,255,.35);text-shadow: 0 1px 1px rgba(0,0,0,.18)}.eq-btn--primary:hover{background: linear-gradient(135deg,var(--eq-primary-a),var(--eq-accent) 45%,var(--eq-primary-b));box-shadow: 0 8px 24px -6px var(--eq-glow-soft),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 100px rgba(0,0,0,.08)}.eq-btn--primary[aria-pressed="true"]{color: var(--eq-on-accent)}.eq-btn--ghost{background: transparent}.eq-btn--ghost:hover{background: var(--eq-fill-1)}.eq-btn--danger{background: var(--eq-bad);color: #fff}.eq-btn--danger:hover{background: color-mix(in srgb,var(--eq-bad) 86%,#000)}.eq-btn--glass{background: var(--eq-glass-thick);-webkit-backdrop-filter: var(--eq-chip-filter);backdrop-filter: var(--eq-chip-filter);box-shadow: var(--eq-shadow-1),inset 0 0 0 .5px var(--eq-edge)}.eq-btn--glass:hover{background: var(--eq-glass-thick);box-shadow: var(--eq-shadow-1),inset 0 0 0 .5px var(--eq-edge),inset 0 0 0 100px var(--eq-fill-1)}.eq-btn--sm{height: 26px;min-width: 26px;padding: 0 10px;font-size: 12px}.eq-btn--lg{height: 40px;padding: 0 18px;font-size: 14px;font-weight: var(--eq-weight-semibold)}.eq-btn--xl{height: 46px;padding: 0 22px;font-size: var(--eq-size-lg);font-weight: var(--eq-weight-semibold)}.eq-btn--block{display: flex;width: 100%}.eq-btn--icon{width: 32px;padding: 0}.eq-btn--icon.eq-btn--sm{width: 26px}.eq-btn--icon.eq-btn--lg{width: 40px}.eq-btn--square{border-radius: var(--eq-radius-sm)}.eq-btn--sm::after{content: "";position: absolute;inset: -3px}.eq-btn--icon.eq-btn--sm::after{inset: -3px}.eq-btn-group{display: inline-flex;align-items: center;gap: 4px}.eq-seg{display: inline-flex;padding: 2px;gap: 2px;max-width: 100%;border-radius: var(--eq-radius-sm);background: var(--eq-fill-1)}.eq-seg > button{position: relative;flex: 1 1 auto;display: inline-flex;align-items: center;justify-content: center;gap: 5px;height: 28px;min-width: 32px;padding: 0 10px;border: 0;border-radius: calc(var(--eq-radius-sm) - 2px);background: none;color: var(--eq-text-2);font: var(--eq-weight-medium) 12.5px/1 var(--eq-font);white-space: nowrap;cursor: pointer;transition: background var(--eq-dur-2) var(--eq-ease),color var(--eq-dur-2),box-shadow var(--eq-dur-2)}.eq-seg > button::after{content: "";position: absolute;inset: -2px 0}.eq-seg > button:hover{color: var(--eq-text-1)}.eq-seg > button[aria-pressed="true"],.eq-seg > button[aria-checked="true"],.eq-seg > button[aria-selected="true"]{background: var(--eq-thumb);color: var(--eq-seg-on-text,var(--eq-text-1));box-shadow: inset 0 0 0 1px var(--eq-seg-on-ring,transparent),0 1px 3px rgba(0,0,0,.14),0 0 0 .5px rgba(0,0,0,.04)}.eq-seg > button:disabled{opacity: .4;pointer-events: none}.eq-seg--icons > button{padding: 0 8px}.eq-seg--block{display: flex;width: 100%}.eq-seg--block > button{flex: 1 1 0}.eq-seg--glow > button[aria-pressed="true"]{color: var(--eq-seg-on-text,var(--eq-on-accent));background: var(--eq-thumb);box-shadow: inset 0 0 0 1px var(--eq-seg-on-ring,transparent),0 4px 14px -6px var(--eq-glow-soft)}.eq-seg__count{font-size: 11px;color: var(--eq-text-3);font-variant-numeric: tabular-nums}.eq-seg--glow > button[aria-pressed="true"] .eq-seg__count{color: inherit}.eq-form{display: flex;flex-direction: column;gap: var(--eq-space-7);min-width: 0}.eq-form-row{display: flex;flex-direction: column;gap: 6px;min-width: 0}.eq-field-label{font-size: 12px;font-weight: var(--eq-weight-semibold);color: var(--eq-text-2);letter-spacing: .01em}.eq-hint{display: flex;align-items: flex-start;gap: 6px;margin: 0;font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-hint > .eq-icon{width: 14px;height: 14px;margin-top: 1px;stroke-width: 2}.eq-hint--bad{color: var(--eq-bad-ink)}.eq-hint--ok{color: var(--eq-good-ink)}.eq-field{position: relative;display: flex;align-items: center;min-width: 0;height: 34px;border-radius: var(--eq-radius-sm);background: var(--eq-fill-1);transition: background var(--eq-dur-1),box-shadow var(--eq-dur-1)}.eq-field:hover{background: var(--eq-fill-2)}.eq-field:focus-within{background: var(--eq-thumb);box-shadow: inset 0 0 0 1px var(--eq-accent),0 0 0 3px var(--eq-accent-ring)}.eq-field > .eq-icon{position: absolute;left: 10px;color: var(--eq-text-3);pointer-events: none}.eq-field > input,.eq-field > select{flex: 1;min-width: 0;width: 100%;height: 100%;margin: 0;padding: 0 12px;border: 0;outline: 0;background: none;color: var(--eq-text-1);font: var(--eq-weight-regular) var(--eq-size-md)/1 var(--eq-font)}.eq-field > input:focus-visible,.eq-field > select:focus-visible{outline: none}.eq-field > .eq-icon ~ input,.eq-field > .eq-icon ~ select,.eq-field--search > input{padding-left: 34px}.eq-field:has(> .eq-field__action) > input,.eq-field:has(> .eq-kbd) > input{padding-right: 40px}.eq-field input::placeholder{color: var(--eq-text-3);opacity: 1}.eq-field input::-webkit-search-cancel-button{display: none}.eq-field input:-webkit-autofill{-webkit-text-fill-color: var(--eq-text-1);transition: background-color 9999s}.eq-field > .eq-kbd{position: absolute;right: 8px;pointer-events: none}.eq-field__action{position: absolute;right: 5px;width: 24px;height: 24px;padding: 0;border: 0;border-radius: 50%;display: grid;place-items: center;background: var(--eq-fill-2);color: var(--eq-text-2);cursor: pointer}.eq-field__action::after{content: "";position: absolute;inset: -4px;border-radius: 50%}.eq-field__action:hover{color: var(--eq-text-1);background: var(--eq-fill-3)}.eq-field__action > .eq-icon{width: 13px;height: 13px;stroke-width: 2.2}.eq-field__action--plain{background: none}.eq-field--select > select{padding-right: 30px;appearance: none;-webkit-appearance: none;cursor: pointer}.eq-field--select::after{content: "";position: absolute;right: 13px;top: 50%;width: 6px;height: 6px;margin-top: -5px;pointer-events: none;border-right: 1.6px solid var(--eq-text-2);border-bottom: 1.6px solid var(--eq-text-2);transform: rotate(45deg)}.eq-field select option{background: var(--eq-surface-solid);color: var(--eq-text-1)}.eq-field--lg{height: 42px;border-radius: var(--eq-radius-md)}.eq-field--lg > input,.eq-field--lg > select{font-size: var(--eq-size-lg);padding-left: 14px}.eq-field--lg > .eq-icon{left: 13px}.eq-field--lg > .eq-icon ~ input,.eq-field--lg > .eq-icon ~ select{padding-left: 40px}.eq-field--lg > .eq-field__action{right: 9px}.eq-field--glass{background: var(--eq-card);-webkit-backdrop-filter: var(--eq-card-filter);backdrop-filter: var(--eq-card-filter);box-shadow: var(--eq-shadow-1),inset 0 0 0 .5px var(--eq-card-edge)}.eq-field--glass:hover{background: var(--eq-card)}.eq-field:has(> [aria-invalid="true"]),.eq-field[data-invalid]{box-shadow: inset 0 0 0 1px var(--eq-bad)}.eq-field:has(> [aria-invalid="true"]):focus-within,.eq-field[data-invalid]:focus-within{box-shadow: inset 0 0 0 1px var(--eq-bad),0 0 0 3px color-mix(in srgb,var(--eq-bad) 30%,transparent)}.eq-field:has(> :disabled){opacity: .5;pointer-events: none}.eq-textarea{display: block;width: 100%;min-height: 84px;margin: 0;padding: 10px 12px;resize: vertical;border: 0;outline: 0;border-radius: 12px;background: var(--eq-fill-1);color: var(--eq-text-1);font: var(--eq-weight-regular) var(--eq-size-md)/var(--eq-leading) var(--eq-font);transition: background var(--eq-dur-1),box-shadow var(--eq-dur-1)}.eq-textarea::placeholder{color: var(--eq-text-3);opacity: 1}.eq-textarea:focus{background: var(--eq-thumb);box-shadow: inset 0 0 0 1px var(--eq-accent),0 0 0 3px var(--eq-accent-ring)}.eq-textarea:focus-visible{outline: none}.eq-textarea[aria-invalid="true"]{box-shadow: inset 0 0 0 1px var(--eq-bad)}.eq-input{display: block;width: 100%;min-width: 0;max-width: 100%;height: 34px;margin: 0;padding: 0 12px;border: 0;outline: 0;border-radius: var(--eq-radius-sm);background-color: var(--eq-fill-1);color: var(--eq-text-1);font: var(--eq-weight-regular) var(--eq-size-md)/1.25 var(--eq-font);-webkit-appearance: none;appearance: none;transition: background-color var(--eq-dur-1),box-shadow var(--eq-dur-1)}.eq-input:hover{background-color: var(--eq-fill-2)}.eq-input:focus{background-color: var(--eq-thumb);box-shadow: inset 0 0 0 1px var(--eq-accent),0 0 0 3px var(--eq-accent-ring)}.eq-input:focus-visible{outline: none}.eq-input::placeholder{color: var(--eq-text-3);opacity: 1}.eq-input::-webkit-search-cancel-button{display: none}.eq-input:-webkit-autofill{-webkit-text-fill-color: var(--eq-text-1);transition: background-color 9999s}.eq-input:is([aria-invalid="true"],[data-invalid]){box-shadow: inset 0 0 0 1px var(--eq-bad)}.eq-input:is([aria-invalid="true"],[data-invalid]):focus{box-shadow: inset 0 0 0 1px var(--eq-bad),0 0 0 3px color-mix(in srgb,var(--eq-bad) 30%,transparent)}.eq-input:disabled{opacity: .5;cursor: default;pointer-events: none}select.eq-input{padding-right: 30px;cursor: pointer;text-overflow: ellipsis;background-image: linear-gradient(45deg,transparent 50%,var(--eq-text-2) 50%),linear-gradient(135deg,var(--eq-text-2) 50%,transparent 50%);background-position: calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size: 5px 5px,5px 5px;background-repeat: no-repeat}select.eq-input option{background: var(--eq-surface-solid);color: var(--eq-text-1)}select.eq-input:is([multiple],[size]:not([size="1"])){height: auto;padding: 4px;background-image: none}textarea.eq-input{height: auto;min-height: 84px;padding: 9px 12px;line-height: var(--eq-leading);resize: vertical}.eq-input--inline{display: inline-block;width: auto}.eq-input--sm{height: 28px;padding: 0 10px;font-size: var(--eq-size-sm)}.eq-input--lg{height: 42px;padding: 0 14px;border-radius: var(--eq-radius-md);font-size: var(--eq-size-lg)}.eq-check{display: inline-flex;align-items: center;gap: 9px;min-height: var(--eq-hit);cursor: pointer;font-size: var(--eq-size-md);color: var(--eq-text-1);user-select: none;-webkit-tap-highlight-color: transparent}.eq-check--between{display: flex;justify-content: space-between;width: 100%}.eq-check:has(:disabled){opacity: .45;cursor: default}.eq-check__sub{display: block;font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-checkbox,.eq-radio{appearance: none;-webkit-appearance: none;flex: none;margin: 0;cursor: pointer;width: 18px;height: 18px;display: inline-grid;place-items: center;background: var(--eq-fill-2);box-shadow: inset 0 0 0 1px var(--eq-fill-3);transition: background var(--eq-dur-1) var(--eq-ease),box-shadow var(--eq-dur-1)}.eq-checkbox{border-radius: 5px}.eq-radio{border-radius: 50%}.eq-checkbox:hover,.eq-radio:hover{background: var(--eq-fill-3)}.eq-checkbox:checked,.eq-checkbox:indeterminate,.eq-radio:checked{background: var(--eq-accent);box-shadow: 0 2px 6px -2px var(--eq-glow-soft),inset 0 1px 0 rgba(255,255,255,.25)}.eq-checkbox::before,.eq-radio::before{content: "";transform: scale(0);transition: transform var(--eq-dur-2) var(--eq-spring)}.eq-checkbox::before{width: 12px;height: 12px;background: #fff;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 4.8 4.8 10.2-10.6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4.5 12.5 4.8 4.8 10.2-10.6' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.eq-checkbox:indeterminate::before{-webkit-mask: none;mask: none;width: 9px;height: 2px;border-radius: 1px}.eq-radio::before{width: 7px;height: 7px;border-radius: 50%;background: #fff}.eq-checkbox:checked::before,.eq-checkbox:indeterminate::before,.eq-radio:checked::before{transform: scale(1)}.eq-switch{appearance: none;-webkit-appearance: none;position: relative;flex: none;margin: 0;cursor: pointer;width: 40px;height: 24px;border-radius: 12px;background: var(--eq-fill-3);transition: background var(--eq-dur-2) var(--eq-ease),box-shadow var(--eq-dur-2)}.eq-switch::before{content: "";position: absolute;left: 2px;top: 2px;width: 20px;height: 20px;border-radius: 50%;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.25),0 0 0 .5px rgba(0,0,0,.06);transition: transform var(--eq-dur-3) var(--eq-spring)}.eq-switch:checked{background: var(--eq-accent);box-shadow: 0 2px 10px -3px var(--eq-glow-soft)}.eq-switch:checked::before{transform: translateX(16px)}.eq-switch::after{content: "";position: absolute;left: 10px;top: 8px;width: 2px;height: 8px;border-radius: 1px;background: #fff;opacity: 0;transition: opacity var(--eq-dur-2)}.eq-switch:checked::after{opacity: .9}.eq-choices{display: flex;flex-direction: column;gap: 6px;margin: 0;padding: 0;border: 0;min-width: 0}.eq-choice{display: flex;align-items: center;gap: 11px;min-height: 48px;padding: 8px 12px;border-radius: var(--eq-radius-md);background: var(--eq-fill-1);cursor: pointer;transition: background var(--eq-dur-1),box-shadow var(--eq-dur-1)}.eq-choice:hover{background: var(--eq-fill-2)}.eq-choice:has(:checked){background: var(--eq-accent-soft);box-shadow: inset 0 0 0 1.5px var(--eq-accent)}.eq-choice:has(:focus-visible){outline: 2px solid var(--eq-focus);outline-offset: 2px}.eq-choice:has(:disabled){opacity: .55;cursor: default}.eq-choice:has(:disabled):hover{background: var(--eq-fill-1)}.eq-choices > legend{padding: 0;margin: 0 0 6px}.eq-choice :focus-visible{outline: none}.eq-choice__text{flex: 1;min-width: 0;display: flex;flex-direction: column}.eq-choice__title{font-weight: var(--eq-weight-semibold);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-choice__sub{font-size: var(--eq-size-xs);color: var(--eq-text-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-choice__meta{flex: none;display: flex;align-items: center;gap: 6px}.eq-range{-webkit-appearance: none;appearance: none;width: 100%;height: var(--eq-hit);margin: 0;background: none;cursor: pointer}.eq-range::-webkit-slider-runnable-track{height: 4px;border-radius: 2px;background: linear-gradient(to right,var(--eq-accent) var(--eq-p,0%),var(--eq-fill-2) var(--eq-p,0%))}.eq-range::-webkit-slider-thumb{-webkit-appearance: none;width: 18px;height: 18px;margin-top: -7px;border-radius: 50%;background: #fff;box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 0 .5px rgba(0,0,0,.1);transition: transform var(--eq-dur-2) var(--eq-ease)}.eq-range:active::-webkit-slider-thumb{transform: scale(1.15)}.eq-range::-moz-range-track{height: 4px;border-radius: 2px;background: var(--eq-fill-2)}.eq-range::-moz-range-progress{height: 4px;border-radius: 2px;background: var(--eq-accent)}.eq-range::-moz-range-thumb{width: 18px;height: 18px;border: 0;border-radius: 50%;background: #fff;box-shadow: 0 1px 4px rgba(0,0,0,.3)}.eq-range:focus-visible{outline: none}.eq-range:focus-visible::-webkit-slider-thumb{box-shadow: 0 0 0 2px var(--eq-surface-solid-2),0 0 0 4px var(--eq-focus)}.eq-range:focus-visible::-moz-range-thumb{box-shadow: 0 0 0 2px var(--eq-surface-solid-2),0 0 0 4px var(--eq-focus)}.eq-range:disabled{opacity: .4;cursor: default}.eq-range-row{display: flex;align-items: center;gap: 10px;min-width: 0}.eq-range-row output{min-width: 3.5ch;text-align: right;font-size: var(--eq-size-sm);color: var(--eq-text-2);font-variant-numeric: tabular-nums}.eq-chips{display: flex;flex-wrap: wrap;gap: 6px}.eq-chip{position: relative;display: inline-flex;align-items: center;gap: 5px;height: 24px;padding: 0 9px;border: 0;border-radius: var(--eq-radius-pill);background: var(--eq-fill-1);color: var(--eq-text-2);font: var(--eq-weight-medium) 12px/1 var(--eq-font);white-space: nowrap;text-decoration: none}.eq-chip > .eq-icon{width: 13px;height: 13px;stroke-width: 2.1}.eq-chip--info{color: var(--eq-info-ink);background: var(--eq-accent-soft)}.eq-chip--ok{color: var(--eq-good-ink);background: color-mix(in srgb,var(--eq-good) 14%,transparent)}.eq-chip--warn{color: var(--eq-warn-ink);background: color-mix(in srgb,var(--eq-warn) 18%,transparent)}.eq-chip--bad{color: var(--eq-bad-ink);background: color-mix(in srgb,var(--eq-bad) 14%,transparent)}.eq-chip--glass{background: var(--eq-glass);-webkit-backdrop-filter: var(--eq-chip-filter);backdrop-filter: var(--eq-chip-filter);box-shadow: inset 0 0 0 .5px var(--eq-edge)}.eq-chip--mono{font-family: var(--eq-font-mono);font-size: 11px;letter-spacing: .08em;text-transform: uppercase}.eq-chip--sm{height: 20px;padding: 0 7px;font-size: 11px}.eq-chip--square{border-radius: 6px}button.eq-chip{cursor: pointer;transition: background var(--eq-dur-1),color var(--eq-dur-1)}button.eq-chip::after{content: "";position: absolute;inset: -4px 0}button.eq-chip:hover{background: var(--eq-fill-2);color: var(--eq-text-1)}button.eq-chip[aria-pressed="true"]{background: var(--eq-chip-on-bg,var(--eq-accent));color: var(--eq-chip-on-text,var(--eq-on-accent));box-shadow: inset 0 0 0 1px var(--eq-chip-on-ring,transparent)}.eq-badge{display: inline-grid;place-items: center;min-width: 18px;height: 18px;padding: 0 5px;border-radius: 9px;background: var(--eq-chip-on-bg,var(--eq-accent));color: var(--eq-chip-on-text,var(--eq-on-accent));box-shadow: inset 0 0 0 1px var(--eq-chip-on-ring,transparent);font: var(--eq-weight-bold) 11px/1 var(--eq-font);font-variant-numeric: tabular-nums}.eq-badge--bad{background: var(--eq-bad);color: #fff}.eq-badge--quiet{background: var(--eq-fill-2);color: var(--eq-text-1)}.eq-status{display: inline-flex;align-items: center;gap: 7px;font-size: var(--eq-size-sm);color: var(--eq-text-2);white-space: nowrap}.eq-status::before{content: "";width: 9px;height: 9px;flex: none;background: var(--eq-text-3);border-radius: 50%}.eq-status--ok::before{background: var(--eq-good);box-shadow: 0 0 0 3px color-mix(in srgb,var(--eq-good) 22%,transparent)}.eq-status--warn::before{background: var(--eq-warn);border-radius: 0;width: 11px;height: 10px;clip-path: polygon(50% 0,100% 100%,0 100%)}.eq-status--bad::before{background: var(--eq-bad);border-radius: 2px;width: 9px;height: 9px}.eq-status--info::before{background: var(--eq-accent);border-radius: 1px;width: 8px;height: 8px;transform: rotate(45deg)}.eq-status--off::before{background: none;box-shadow: inset 0 0 0 1.5px var(--eq-text-3)}.eq-status--live::before{background: var(--eq-presence,var(--eq-good));box-shadow: none;animation: eq-pulse 2s infinite}@keyframes eq-pulse{0%{box-shadow: 0 0 0 0 color-mix(in srgb,var(--eq-presence,var(--eq-good)) 60%,transparent)}70%,100%{box-shadow: 0 0 0 6px transparent}}.eq-kbd{display: inline-grid;place-items: center;min-width: 20px;height: 20px;padding: 0 5px;border-radius: 6px;font: var(--eq-weight-semibold) 11px/1 var(--eq-font);color: var(--eq-text-2);background: var(--eq-fill-1);box-shadow: inset 0 -1px 0 var(--eq-fill-2)}.eq-keys{display: inline-flex;align-items: center;gap: 4px}.eq-list{display: flex;flex-direction: column;gap: 2px;margin: 0;padding: 0;list-style: none;min-width: 0}.eq-row{position: relative;display: flex;align-items: center;gap: 9px;width: 100%;min-height: 36px;padding: 0 10px;border: 0;border-radius: var(--eq-radius-sm);background: none;color: var(--eq-text-1);font: var(--eq-weight-regular) 13px/1.3 var(--eq-font);text-align: left;cursor: default;user-select: none;transition: background var(--eq-dur-1)}button.eq-row,a.eq-row{cursor: pointer;text-decoration: none}.eq-row:hover{background: var(--eq-fill-1)}.eq-row--lg{min-height: 50px}.eq-row--lg .eq-row__title{font-weight: 620;font-size: var(--eq-size-md)}.eq-row__glyph{width: 28px;height: 28px;flex: none;display: grid;place-items: center;border-radius: 8px;color: var(--eq-accent-ink);background: color-mix(in srgb,var(--eq-accent) 12%,transparent)}.eq-row__glyph > .eq-icon{width: 15px;height: 15px}.eq-row__text{flex: 1;min-width: 0;display: flex;flex-direction: column;padding: 5px 0}.eq-row__title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-row__sub{font-size: var(--eq-size-xs);color: var(--eq-text-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-row__meta{flex: none;display: flex;align-items: center;gap: 6px;font-size: var(--eq-size-xs);color: var(--eq-text-2);font-variant-numeric: tabular-nums}.eq-row__chev{width: 16px;height: 16px;flex: none;color: var(--eq-text-3);transition: transform var(--eq-dur-3) var(--eq-ease)}.eq-row[aria-expanded="true"] .eq-row__chev{transform: rotate(90deg)}.eq-row[aria-selected="true"],.eq-row[aria-current="true"],.eq-row[aria-current="page"]{background: var(--eq-row-on-bg,var(--eq-accent));color: var(--eq-row-on-text,var(--eq-on-accent));box-shadow: inset 3px 0 0 var(--eq-row-on-bar,transparent)}.eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) :is(.eq-row__sub,.eq-row__meta,.eq-row__chev){color: var(--eq-row-on-sub,var(--eq-on-accent))}.eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) .eq-row__glyph{color: var(--eq-row-on-bar,#fff);background: var(--eq-fill-1,rgba(255,255,255,.2))}.eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) .eq-chip{color: var(--eq-row-on-text,#fff);background: var(--eq-fill-2,rgba(255,255,255,.2))}.eq-list--soft .eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]){background: var(--eq-accent-soft);color: var(--eq-accent-ink);font-weight: 560}.eq-list--soft .eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) :is(.eq-row__sub,.eq-row__meta,.eq-row__chev){color: var(--eq-accent-ink)}.eq-list--soft .eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) .eq-row__glyph{color: var(--eq-accent-ink);background: color-mix(in srgb,var(--eq-accent) 16%,transparent)}.eq-list--soft .eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) .eq-chip{color: var(--eq-accent-ink);background: var(--eq-fill-1)}.eq-list-label{padding: 14px 10px 5px;font-size: 11px;font-weight: var(--eq-weight-semibold);color: var(--eq-text-3);letter-spacing: var(--eq-tracking-label)}.eq-tabs{display: flex;align-items: flex-end;gap: 2px;min-width: 0;overflow-x: auto;border-bottom: 1px solid var(--eq-sep);scrollbar-width: none}.eq-tabs::-webkit-scrollbar{display: none}.eq-tab{position: relative;flex: none;display: inline-flex;align-items: center;gap: 6px;height: 36px;padding: 0 12px;border: 0;border-radius: var(--eq-radius-xs) var(--eq-radius-xs) 0 0;background: none;color: var(--eq-text-2);font: var(--eq-weight-medium) 13px/1 var(--eq-font);white-space: nowrap;text-decoration: none;cursor: pointer;transition: color var(--eq-dur-1),background var(--eq-dur-1)}.eq-tab:hover{color: var(--eq-text-1);background: var(--eq-fill-1)}.eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"]){color: var(--eq-text-1)}.eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"])::after{content: "";position: absolute;left: 10px;right: 10px;bottom: -1px;height: 2.5px;border-radius: 2px;background: linear-gradient(90deg,var(--eq-glow),var(--eq-glow-2));box-shadow: 0 0 10px var(--eq-glow-soft)}.eq-tab:focus-visible{outline-offset: -2px}.eq-tab .eq-badge{height: 16px;min-width: 16px;font-size: 10px}.eq-tab__count{font-size: 11px;font-weight: var(--eq-weight-semibold);color: var(--eq-text-3);font-variant-numeric: tabular-nums}.eq-tab__dot{flex: none;width: 6px;height: 6px;border-radius: 50%;margin-left: -1px;background: var(--eq-presence,var(--eq-ember));box-shadow: 0 0 6px var(--eq-presence,var(--eq-ember))}.eq-tabpanel{padding-top: var(--eq-space-6)}.eq-tabpanel:focus-visible{outline-offset: 4px;border-radius: 6px}.eq-tabs--pill{gap: 4px;border: 0;padding: 3px;border-radius: var(--eq-radius-pill);background: var(--eq-fill-1);width: max-content;max-width: 100%}.eq-tabs--pill .eq-tab{height: 30px;border-radius: var(--eq-radius-pill);padding: 0 14px}.eq-tabs--pill .eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"]){background: var(--eq-thumb);box-shadow: 0 1px 3px rgba(0,0,0,.14)}.eq-tabs--pill .eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"])::after{left: 40%;right: 40%;bottom: 2px;height: 2px}.eq-toolbar{display: flex;align-items: center;gap: 8px;min-width: 0;height: var(--eq-bar-h);padding: 0 8px 0 10px;border-radius: var(--eq-radius-pill);container: eq-toolbar / inline-size}.eq-toolbar__title{font: var(--eq-weight-bold) var(--eq-size-lg)/1.15 var(--eq-font-display);letter-spacing: -.012em;white-space: nowrap}.eq-toolbar__group{display: flex;align-items: center;gap: 4px;flex: none}.eq-toolbar--compact{height: auto;padding: 5px;gap: 4px}@container eq-toolbar (max-width: 560px){.eq-toolbar .eq-hide-narrow{display: none}}.eq-crumbs{display: flex;align-items: center;gap: 2px;min-width: 0;flex: 1;overflow: hidden}.eq-crumbs > a,.eq-crumbs > button,.eq-crumbs > span{min-width: 0;max-width: 40ch;padding: 5px 8px;border: 0;border-radius: 8px;background: none;font-size: var(--eq-size-md);color: var(--eq-text-2);text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.eq-crumbs > a:hover,.eq-crumbs > button:hover{background: var(--eq-fill-1);color: var(--eq-text-1)}.eq-crumbs > [aria-current]{color: var(--eq-text-1);font-weight: var(--eq-weight-semibold);flex-shrink: .3;min-width: 7ch}.eq-crumbs > .eq-crumbs__sep{padding: 0;flex: none;display: grid;color: var(--eq-text-3)}.eq-crumbs__sep > .eq-icon{width: 13px;height: 13px}.eq-brand{display: flex;align-items: center;gap: 11px;min-width: 0}.eq-brand__mark{width: 32px;height: 32px;flex: none;display: grid;place-items: center;border-radius: 10px;color: var(--crest-gold,#e0b04a);overflow: hidden;background: linear-gradient(160deg,var(--crest-iron-700,#1f2228),var(--crest-iron-950,#05070b));box-shadow: inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px var(--crest-hairline,rgba(216,174,92,.22)),0 4px 12px -5px rgba(5,7,11,.6)}.eq-brand__mark > .eq-icon{width: 19px;height: 19px;stroke-width: 1.7}.eq-brand__mark > img,.eq-brand__mark > svg:not(.eq-icon){width: 100%;height: 100%;object-fit: cover}.eq-brand__title{font: var(--eq-weight-bold) var(--eq-size-lg)/1.15 var(--eq-font-display);letter-spacing: -.012em;white-space: nowrap}.eq-brand__sub{font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-nav{display: flex;flex-direction: column;gap: 1px;min-width: 0}.eq-nav-item{position: relative;display: flex;align-items: center;gap: 10px;width: 100%;height: 34px;padding: 0 9px;border: 0;border-radius: var(--eq-radius-sm);background: none;color: var(--eq-text-1);text-align: left;text-decoration: none;font: var(--eq-weight-regular) var(--eq-size-md)/1 var(--eq-font);cursor: pointer;transition: background var(--eq-dur-1) var(--eq-ease)}.eq-nav-item:hover{background: var(--eq-fill-1)}.eq-nav-item > .eq-icon{color: var(--eq-text-2)}.eq-nav-item__label{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-nav-item__count{font-size: var(--eq-size-xs);color: var(--eq-text-2);font-variant-numeric: tabular-nums}.eq-nav-item[aria-current]{background: var(--eq-accent-soft);color: var(--eq-accent-ink);font-weight: 560;box-shadow: inset 0 0 0 .5px color-mix(in srgb,var(--eq-accent) 40%,transparent),0 0 18px -6px var(--eq-glow-soft)}.eq-nav-item[aria-current] > .eq-icon,.eq-nav-item[aria-current] .eq-nav-item__count{color: var(--eq-accent-ink)}.eq-nav-item[aria-current]::before{content: "";position: absolute;left: -6px;top: 8px;width: 3px;height: 18px;border-radius: 2px;background: linear-gradient(var(--eq-glow),var(--eq-glow-2));box-shadow: 0 0 10px var(--eq-glow)}@supports (corner-shape: squircle){.eq-btn,.eq-seg,.eq-seg > button,.eq-field,.eq-input,.eq-textarea,.eq-row,.eq-choice,.eq-nav-item,.eq-brand__mark,.eq-chip--square,.eq-row__glyph{corner-shape: squircle}}@media (prefers-reduced-motion: reduce){.eq-btn:active{transform: none}.eq-status--live::before{animation: none}}@media (forced-colors: active){.eq-field,.eq-input,.eq-textarea{border: 1px solid CanvasText}.eq-field:focus-within,.eq-input:focus-visible,.eq-textarea:focus-visible{outline: 2px solid Highlight;outline-offset: 1px}select.eq-input{-webkit-appearance: auto;appearance: auto}.eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"])::after{forced-color-adjust: none;background: Highlight;box-shadow: none}.eq-tab__dot{forced-color-adjust: none;background: CanvasText;box-shadow: none}}.eq-tip{position: fixed;z-index: var(--eq-z-tooltip);max-width: 280px;padding: 7px 10px;border-radius: 10px;pointer-events: none;font-size: 12px;line-height: 1.4;color: var(--eq-text-1);background: var(--eq-glass-thick);-webkit-backdrop-filter: var(--eq-chip-filter);backdrop-filter: var(--eq-chip-filter);box-shadow: var(--eq-shadow-2),inset 0 0 0 .5px var(--eq-edge);opacity: 0;transform: translateY(2px);transition: opacity var(--eq-dur-1),transform var(--eq-dur-1) var(--eq-ease)}.eq-tip--show{opacity: 1;transform: none}.eq-tip b{display: block;font-weight: var(--eq-weight-bold)}.eq-tip--static{position: relative;display: inline-block;opacity: 1;transform: none;z-index: auto}.eq-toasts{position: fixed;left: 50%;bottom: 22px;transform: translateX(-50%);z-index: var(--eq-z-toast);display: flex;flex-direction: column;align-items: center;gap: 8px;width: max-content;max-width: calc(100vw - 24px);pointer-events: none}.eq-toast{pointer-events: auto;display: flex;align-items: center;gap: 10px;padding: 9px 9px 9px 16px;max-width: min(560px,calc(100vw - 32px));border-radius: var(--eq-radius-pill);font-size: 13px;animation: eq-pop-in var(--eq-dur-4) var(--eq-spring)}.eq-toast__msg{flex: 1;min-width: 0;overflow-wrap: anywhere}.eq-toast > .eq-icon{color: var(--eq-info-ink)}.eq-toast--ok > .eq-icon{color: var(--eq-good-ink)}.eq-toast--warn > .eq-icon{color: var(--eq-warn-ink)}.eq-toast--bad > .eq-icon{color: var(--eq-bad-ink)}.eq-toast--leaving{animation: eq-pop-out var(--eq-dur-3) var(--eq-ease) forwards}.eq-toast--static{animation: none}@keyframes eq-pop-in{from{opacity: 0;transform: translateY(14px) scale(.96)}}@keyframes eq-pop-out{to{opacity: 0;transform: translateY(10px) scale(.97)}}.eq-overlay{position: fixed;inset: 0;z-index: var(--eq-z-overlay);display: grid;place-items: center;padding: 16px;background: var(--eq-scrim);animation: eq-fade var(--eq-dur-2)}@keyframes eq-fade{from{opacity: 0}}.eq-overlay--leaving{pointer-events: none;animation: eq-fade-out var(--eq-dur-2) var(--eq-ease) forwards}@keyframes eq-fade-out{to{opacity: 0}}.eq-dialog{width: min(440px,100%);max-height: calc(100vh - 32px);max-height: calc(100dvh - 32px);overflow: auto;padding: 20px;border-radius: var(--eq-radius-lg);animation: eq-pop-in var(--eq-dur-4) var(--eq-spring)}.eq-dialog:focus{outline: none}.eq-dialog--wide{width: min(600px,100%)}.eq-dialog__title{margin: 0 0 4px;font: var(--eq-weight-bold) var(--eq-size-xl)/1.3 var(--eq-font-display);letter-spacing: -.012em}.eq-dialog__body{margin: 0 0 4px;color: var(--eq-text-2);font-size: 13px}.eq-dialog__body > p{margin: 0 0 10px}.eq-dialog__actions{display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 8px;margin-top: 16px}.eq-dialog--static{animation: none}.eq-progress{position: relative;height: 8px;border-radius: 4px;overflow: hidden;background: var(--eq-accent-track)}.eq-progress > i{position: absolute;left: 0;top: 0;bottom: 0;width: var(--eq-value,0%);min-width: 0;border-radius: inherit;background: linear-gradient(90deg,var(--eq-accent),var(--eq-glow));box-shadow: 0 0 10px -1px var(--eq-glow-soft);transition: width var(--eq-dur-5) var(--eq-ease)}.eq-progress--thin{height: 4px;border-radius: 2px}.eq-progress--ok > i{background: linear-gradient(90deg,var(--eq-good),color-mix(in srgb,var(--eq-good) 60%,#fff))}.eq-progress--warn > i{background: linear-gradient(90deg,#e09400,var(--eq-warn))}.eq-progress--bad > i{background: linear-gradient(90deg,var(--eq-bad),#ff6b6b)}.eq-progress--indeterminate > i{width: 38%;animation: eq-indeterminate 1.4s var(--eq-ease) infinite}@keyframes eq-indeterminate{from{left: -38%}to{left: 100%}}.eq-progress-label{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 6px;font-size: 12px;color: var(--eq-text-2)}.eq-progress-label b{color: var(--eq-text-1);font-weight: var(--eq-weight-semibold);font-variant-numeric: tabular-nums}.eq-ring{position: relative;width: var(--eq-size,120px);height: var(--eq-size,120px);flex: none}.eq-ring > svg{display: block;width: 100%;height: 100%;transform: rotate(-90deg);overflow: visible}.eq-ring__ticks{fill: none;stroke: var(--eq-fill-3);stroke-width: 3;stroke-dasharray: .15 .85}.eq-ring__track{fill: none;stroke: var(--eq-accent-track);stroke-width: 9}.eq-ring__arc{fill: none;stroke-width: 9;stroke-linecap: round;stroke-dasharray: 100 100;stroke-dashoffset: calc(100 - var(--eq-value,0));filter: drop-shadow(0 0 6px var(--eq-glow-soft));transition: stroke-dashoffset 1.1s var(--eq-ease)}.eq-ring__arc:not([stroke]){stroke: var(--eq-accent)}.eq-ring stop:nth-child(1){stop-color: var(--eq-glow)}.eq-ring stop:nth-child(2){stop-color: var(--eq-accent)}.eq-ring stop:nth-child(3){stop-color: var(--eq-glow-2)}.eq-ring__center{position: absolute;inset: 0;display: grid;place-items: center;align-content: center;text-align: center}.eq-ring__center b{display: block;font: var(--eq-weight-heavy) calc(var(--eq-size,120px) * .21)/1 var(--eq-font-display);letter-spacing: -.03em;font-variant-numeric: tabular-nums}.eq-ring__center span{font: var(--eq-weight-semibold) 9.5px/1.3 var(--eq-font-mono);letter-spacing: var(--eq-tracking-caps);text-transform: uppercase;color: var(--eq-text-3)}.eq-spinner{width: 18px;height: 18px;flex: none;border-radius: 50%;border: 2px solid var(--eq-fill-2);border-top-color: var(--eq-accent);animation: eq-spin .8s linear infinite}.eq-spinner--lg{width: 32px;height: 32px;border-width: 3px}@keyframes eq-spin{to{transform: rotate(360deg)}}.eq-loading-pill{display: inline-flex;align-items: center;gap: 10px;padding: 8px 14px 8px 10px;border-radius: var(--eq-radius-pill);font-size: var(--eq-size-sm);color: var(--eq-text-2);white-space: nowrap}.eq-skeleton{display: block;border-radius: 8px;min-height: 12px;background: linear-gradient(90deg,var(--eq-fill-1),var(--eq-fill-2),var(--eq-fill-1));background-size: 200% 100%;animation: eq-shimmer 1.3s ease-in-out infinite}.eq-skeleton--text{height: 12px;border-radius: 6px}.eq-skeleton--title{height: 20px;width: 60%;border-radius: 6px}.eq-skeleton--circle{border-radius: 50%;aspect-ratio: 1}@keyframes eq-shimmer{from{background-position: 200% 0}to{background-position: -200% 0}}.eq-palette{position: fixed;inset: 0;z-index: var(--eq-z-palette);display: flex;justify-content: center;align-items: flex-start;padding: 12vh 16px 16px;background: var(--eq-scrim);animation: eq-fade var(--eq-dur-1)}.eq-palette__box{width: min(640px,100%);max-height: 70vh;display: flex;flex-direction: column;overflow: hidden;border-radius: var(--eq-radius-lg);animation: eq-pop-in var(--eq-dur-4) var(--eq-spring)}.eq-palette__input{display: flex;align-items: center;gap: 10px;padding: 14px 16px;border-bottom: 1px solid var(--eq-sep)}.eq-palette__input > .eq-icon{width: 20px;height: 20px;color: var(--eq-glow)}.eq-palette__input > input{flex: 1;min-width: 0;border: 0;outline: 0;background: none;color: var(--eq-text-1);font: 17px/1.3 var(--eq-font)}.eq-palette__input > input::placeholder{color: var(--eq-text-3)}.eq-palette__results{overflow-y: auto;padding: 6px}.eq-palette__group{padding: 10px 10px 4px}.eq-palette__option{display: flex;align-items: center;gap: 10px;min-height: 40px;padding: 8px 10px;border-radius: 12px;cursor: pointer;min-width: 0}.eq-palette__option > .eq-icon{color: var(--eq-text-2)}.eq-palette__option:hover{background: var(--eq-fill-1)}.eq-palette__option[aria-selected="true"]{background: var(--eq-accent);color: var(--eq-on-accent)}.eq-palette__option[aria-selected="true"] > .eq-icon,.eq-palette__option[aria-selected="true"] .eq-palette__sub{color: var(--eq-on-accent)}.eq-palette__main{flex: 1;min-width: 0;display: flex;flex-direction: column}.eq-palette__main b{font-weight: 560;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-palette__sub{font-size: var(--eq-size-xs);color: var(--eq-text-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-palette__foot{display: flex;flex-wrap: wrap;gap: 14px;padding: 9px 14px;border-top: 1px solid var(--eq-sep);font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-palette__foot span{display: inline-flex;align-items: center;gap: 5px}@supports (corner-shape: squircle){.eq-dialog,.eq-toast,.eq-tip,.eq-palette__box,.eq-palette__option,.eq-skeleton:not(.eq-skeleton--circle){corner-shape: squircle}}@media (prefers-reduced-motion: reduce){.eq-toast,.eq-dialog,.eq-palette__box{animation: eq-fade var(--eq-dur-2)}.eq-toast--leaving{animation: none;opacity: 0}.eq-skeleton{animation: none}.eq-spinner{animation-duration: 1.6s}.eq-progress--indeterminate > i{animation: none;left: 0;width: 100%;opacity: .5}}.eq-hud-frame{position: absolute;inset: 10px;pointer-events: none;z-index: var(--eq-z-raised)}.eq-hud-frame > i{position: absolute;width: 22px;height: 22px;border: 1.5px solid color-mix(in srgb,var(--eq-glow) 70%,transparent);filter: drop-shadow(0 0 4px var(--eq-glow-soft))}.eq-hud-frame > i:nth-child(1){left: 0;top: 0;border-right: 0;border-bottom: 0;border-top-left-radius: 10px}.eq-hud-frame > i:nth-child(2){right: 0;top: 0;border-left: 0;border-bottom: 0;border-top-right-radius: 10px}.eq-hud-frame > i:nth-child(3){left: 0;bottom: 0;border-right: 0;border-top: 0;border-bottom-left-radius: 10px}.eq-hud-frame > i:nth-child(4){right: 0;bottom: 0;border-left: 0;border-top: 0;border-bottom-right-radius: 10px}.eq-hud-frame--lg > i{width: 34px;height: 34px}.eq-hud-frame--lg > i:nth-child(1){border-top-left-radius: 14px}.eq-hud-frame--lg > i:nth-child(2){border-top-right-radius: 14px}.eq-hud-frame--lg > i:nth-child(3){border-bottom-left-radius: 14px}.eq-hud-frame--lg > i:nth-child(4){border-bottom-right-radius: 14px}.eq-telemetry{display: flex;flex-direction: column;gap: 6px;min-width: 0;pointer-events: none}.eq-telemetry__row{display: flex;flex-wrap: wrap;gap: 6px}.eq-tm{display: inline-flex;align-items: baseline;gap: 6px;padding: 5px 9px;border-radius: 8px;white-space: nowrap;background: var(--eq-glass);-webkit-backdrop-filter: var(--eq-chip-filter);backdrop-filter: var(--eq-chip-filter);box-shadow: inset 0 0 0 .5px var(--eq-edge),inset 0 1px 0 var(--eq-rim-lo)}.eq-tm > em{font: var(--eq-weight-semibold) 9.5px/1 var(--eq-font-mono);letter-spacing: .14em;text-transform: uppercase;font-style: normal;color: var(--eq-text-3)}.eq-tm > b{font: var(--eq-weight-semibold) 12px/1 var(--eq-font-mono);color: var(--eq-text-1);font-variant-numeric: tabular-nums}.eq-tm--ok > b{color: var(--eq-good-ink)}.eq-tm--warn > b{color: var(--eq-warn-ink)}.eq-tm--bad > b{color: var(--eq-bad-ink)}.eq-transport{display: flex;align-items: center;gap: 6px;width: max-content;max-width: 100%;padding: 6px;border-radius: var(--eq-radius-pill)}.eq-transport__group{display: flex;align-items: center;gap: 4px;flex: none}.eq-transport__time{flex: none;min-width: 78px;font-size: var(--eq-size-xs);color: var(--eq-text-2);text-align: center;font-variant-numeric: tabular-nums;white-space: nowrap}.eq-transport__name{flex: 0 1 auto;min-width: 0;max-width: 150px;padding: 0 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: var(--eq-size-sm);font-weight: 560}.eq-transport .eq-range{flex: 0 1 auto;min-width: 60px;width: clamp(90px,18vw,260px)}.eq-transport > .eq-btn{flex: none}.eq-transport .eq-divider{margin: 0 2px}.eq-stage-tools{display: flex;flex-direction: column;gap: 4px;padding: 5px;border-radius: 22px;width: max-content}.eq-stage-tools .eq-btn{width: 34px;height: 34px;padding: 0}.eq-stage-tools__sep{height: 1px;margin: 3px 6px;background: var(--eq-sep)}.eq-empty{--eq-empty-pad: 26px;display: flex;flex-direction: column;align-items: center;gap: 8px;width: 440px;max-width: 100%;padding: var(--eq-empty-pad) var(--eq-empty-pad) 22px;border-radius: var(--eq-radius-lg);text-align: center}.eq-empty__art{position: relative;display: block;flex: none;overflow: hidden;pointer-events: none;width: calc(100% + 2 * var(--eq-empty-pad));margin: calc(-1 * var(--eq-empty-pad)) calc(-1 * var(--eq-empty-pad)) 2px;aspect-ratio: 16 / 7;border-radius: inherit;border-bottom-left-radius: 0;border-bottom-right-radius: 0;background: var(--eq-fill-1);-webkit-mask-image: linear-gradient(180deg,#000 52%,transparent);mask-image: linear-gradient(180deg,#000 52%,transparent)}.eq-empty__art > img,.eq-empty__art > picture > img,.eq-empty__art > svg,.eq-empty__art > video{display: block;width: 100%;height: 100%;object-fit: cover}.eq-empty__art:is(:empty,:not(:has(> *))){min-height: 140px;background: radial-gradient(34% 58% at 50% 50%,color-mix(in srgb,var(--eq-gold) 20%,transparent),transparent 72%),radial-gradient(62% 95% at 18% 8%,var(--eq-aurora-1),transparent 70%),radial-gradient(58% 90% at 84% 4%,var(--eq-aurora-2),transparent 70%),radial-gradient(50% 80% at 62% 100%,color-mix(in srgb,var(--eq-aurora-3) 70%,transparent),transparent 70%),var(--eq-fill-1);-webkit-mask-image: linear-gradient(180deg,#000 78%,transparent);mask-image: linear-gradient(180deg,#000 78%,transparent)}.eq-empty__art:is(:empty,:not(:has(> *)))::before{content: "";position: absolute;left: 50%;top: 50%;width: clamp(64px,var(--eq-empty-mark-size,88px),96px);aspect-ratio: 1;transform: translate(-50%,-50%);background: var(--eq-empty-mark,var(--eq-logo-mark-art,url("/design/brand/crest/emblem/crest-flat-dark.svg?v=30b98e6762"))) center / contain no-repeat;filter: drop-shadow(0 6px 14px rgba(0,0,0,.3))}.eq-empty--compact{--eq-empty-pad: 14px;width: auto;min-width: 160px;gap: 4px;padding-bottom: 14px}.eq-empty--compact .eq-empty__title{margin: 0;font-size: 14px;color: var(--eq-text-2)}.eq-empty__icon{width: 56px;height: 56px;display: grid;place-items: center;border-radius: 18px;background: var(--eq-fill-1);color: var(--eq-text-2)}.eq-empty__icon > .eq-icon{width: 28px;height: 28px;stroke-width: 1.6}.eq-empty--bad .eq-empty__icon{color: var(--eq-bad-ink);background: color-mix(in srgb,var(--eq-bad) 12%,transparent)}.eq-empty__title{margin: 6px 0 0;font: var(--eq-weight-bold) 18px/1.25 var(--eq-font-display);letter-spacing: var(--eq-tracking-heading)}.eq-empty__text{margin: 0;max-width: 46ch;font-size: 13px;color: var(--eq-text-2)}.eq-empty__actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin-top: 6px}.eq-hud{position: absolute;inset: 0;z-index: var(--eq-z-hud);pointer-events: none;display: grid;gap: var(--eq-gap);padding: var(--eq-gap);grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);grid-template-rows: auto minmax(0,1fr) auto;grid-template-areas: "tl tc tr" "ml mc mr" "bl bc br"}.eq-hud > *{display: flex;flex-direction: column;gap: 8px;min-width: 0;min-height: 0;pointer-events: none}.eq-hud > * > *{pointer-events: auto;max-width: 100%}.eq-hud__tl{grid-area: tl;align-items: flex-start;justify-content: flex-start}.eq-hud__tc{grid-area: tc;align-items: center;justify-content: flex-start}.eq-hud__tr{grid-area: tr;align-items: flex-end;justify-content: flex-start}.eq-hud__ml{grid-area: ml;align-items: flex-start;justify-content: center}.eq-hud__mc{grid-area: mc;align-items: center;justify-content: center}.eq-hud__mr{grid-area: mr;align-items: flex-end;justify-content: center}.eq-hud__bl{grid-area: bl;align-items: flex-start;justify-content: flex-end}.eq-hud__bc{grid-area: bc;align-items: center;justify-content: flex-end}.eq-hud__br{grid-area: br;align-items: flex-end;justify-content: flex-end}.eq-hud__mc > *{pointer-events: none}:where(.eq-hud,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar){color: var(--eq-text-1)}.eq-bar{position: relative;height: 8px;border-radius: 4px;overflow: hidden;min-width: 40px;background: var(--eq-fill-2);box-shadow: inset 0 1px 2px rgba(0,0,0,.16)}.eq-bar > i{position: absolute;left: 0;top: 0;bottom: 0;width: var(--eq-value,100%);border-radius: inherit;background: linear-gradient(90deg,var(--eq-hp-a),var(--eq-hp-b));box-shadow: 0 0 8px -1px color-mix(in srgb,var(--eq-hp-b) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.35);transition: width var(--eq-dur-4) var(--eq-ease)}.eq-bar > i.eq-bar__trail{background: color-mix(in srgb,var(--eq-con-yellow) 70%,#fff);box-shadow: none;opacity: .85;transition: width .7s var(--eq-ease) .35s}.eq-bar--power > i{background: linear-gradient(90deg,var(--eq-power-a),var(--eq-power-b));box-shadow: 0 0 8px -1px color-mix(in srgb,var(--eq-power-b) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}.eq-bar--xp > i{background: linear-gradient(90deg,var(--eq-xp-a),var(--eq-xp-b));box-shadow: 0 0 8px -1px color-mix(in srgb,var(--eq-xp-b) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}.eq-bar--cast > i{background: linear-gradient(90deg,var(--eq-accent),var(--eq-glow));box-shadow: 0 0 10px -1px var(--eq-glow-soft),inset 0 1px 0 rgba(255,255,255,.3)}.eq-bar--hostile > i{background: linear-gradient(90deg,#c22d2d,#ff6b5b);box-shadow: 0 0 8px -1px rgba(255,90,80,.55),inset 0 1px 0 rgba(255,255,255,.3)}.eq-bar--trail-none > i.eq-bar__trail{display: none}.eq-bar--xp::after{content: "";position: absolute;inset: 0;pointer-events: none;background: repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(0,0,0,.28) calc(10% - 1px) 10%)}.eq-bar--thin{height: 4px;border-radius: 2px}.eq-bar--lg{height: 12px;border-radius: 6px}.eq-bar[data-low] > i:not(.eq-bar__trail){animation: eq-bar-low 1.1s ease-in-out infinite alternate}@keyframes eq-bar-low{to{filter: brightness(1.35) saturate(1.2)}}.eq-bar-label{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;margin-bottom: 4px;font-size: var(--eq-size-2xs);color: var(--eq-text-2);letter-spacing: var(--eq-tracking-label)}.eq-bar-label > b{font: var(--eq-weight-semibold) 11px/1 var(--eq-font-mono);color: var(--eq-text-1);font-variant-numeric: tabular-nums;letter-spacing: 0}.eq-con{display: inline-grid;place-items: center;flex: none;min-width: 24px;height: 20px;padding: 0 5px;border-radius: 6px;font: var(--eq-weight-heavy) 11.5px/1 var(--eq-font);font-variant-numeric: tabular-nums;color: var(--eq-con-ink);background: var(--eq-con-white);box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(0,0,0,.22),0 2px 6px -2px rgba(0,0,0,.35)}.eq-con--grey{background: var(--eq-con-grey)}.eq-con--green{background: var(--eq-con-green)}.eq-con--blue{background: var(--eq-con-blue)}.eq-con--white{background: var(--eq-con-white)}.eq-con--yellow{background: var(--eq-con-yellow)}.eq-con--orange{background: var(--eq-con-orange)}.eq-con--red{background: var(--eq-con-red)}.eq-con--lg{min-width: 30px;height: 24px;font-size: 13px;border-radius: 8px}.eq-con-word{font-size: var(--eq-size-2xs);font-weight: var(--eq-weight-semibold);color: var(--eq-text-2);letter-spacing: var(--eq-tracking-label);white-space: nowrap}.eq-arrows{display: inline-flex;gap: 1px;flex: none;color: var(--eq-text-1)}.eq-arrows > i{width: 8px;height: 7px;background: currentColor;clip-path: polygon(50% 0,100% 100%,50% 72%,0 100%)}.eq-nameplate{position: relative;display: inline-flex;flex-direction: column;align-items: center;gap: 3px;min-width: 132px;max-width: 240px;padding: 6px 10px 7px;border-radius: 12px;text-align: center;color: var(--eq-text-1);background: var(--eq-glass-thick);-webkit-backdrop-filter: var(--eq-chip-filter);backdrop-filter: var(--eq-chip-filter);box-shadow: var(--eq-shadow-1),inset 0 0 0 .5px var(--eq-edge),inset 0 1px 0 var(--eq-rim-lo)}.eq-nameplate__top{display: flex;align-items: center;justify-content: center;gap: 6px;max-width: 100%}.eq-nameplate__top > .eq-con{height: 18px;min-width: 22px;font-size: 11px;border-radius: 5px}.eq-nameplate__name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font: var(--eq-weight-bold) 13px/1.2 var(--eq-font-display);letter-spacing: var(--eq-tracking-snug)}.eq-nameplate__sub{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: var(--eq-size-2xs);color: var(--eq-text-2)}.eq-nameplate__hp{display: flex;align-items: center;gap: 6px;width: 100%;margin-top: 2px}.eq-nameplate__hp > .eq-bar{flex: 1}.eq-nameplate__hp > span{font: var(--eq-weight-semibold) 10px/1 var(--eq-font-mono);color: var(--eq-text-2);font-variant-numeric: tabular-nums;min-width: 3.5ch;text-align: right}.eq-nameplate--player .eq-nameplate__name{color: var(--eq-accent-ink)}.eq-nameplate--friend .eq-nameplate__name{color: var(--eq-good-ink)}.eq-nameplate--target{box-shadow: var(--eq-shadow-2),inset 0 0 0 1px color-mix(in srgb,var(--eq-glow) 70%,transparent),0 0 18px -4px var(--eq-glow-soft)}.eq-nameplate--target::after{content: "";position: absolute;left: 50%;bottom: -7px;width: 12px;height: 7px;margin-left: -6px;background: var(--eq-glow);clip-path: polygon(0 0,100% 0,50% 100%);filter: drop-shadow(0 0 4px var(--eq-glow-soft))}.eq-nameplate--compact{min-width: 0;padding: 4px 8px}.eq-nameplate--pill{min-width: 0;padding: 4px 12px 5px 9px;border-radius: var(--eq-radius-pill)}.eq-nameplate--pill .eq-nameplate__top{gap: 7px}.eq-con.eq-con--dot{width: 10px;min-width: 0;height: 10px;padding: 0;border-radius: 50%;overflow: hidden;font-size: 0;line-height: 0;color: transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(0,0,0,.4),0 0 7px -1px rgba(255,255,255,.3)}.eq-unit{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 12px;align-items: center;width: 300px;max-width: 100%;padding: 10px 12px 11px 10px;border-radius: var(--eq-radius-lg)}.eq-unit__portrait{position: relative;width: 54px;height: 54px;flex: none;display: grid;place-items: center;border-radius: 16px;font: var(--eq-weight-heavy) 18px/1 var(--eq-font-display);letter-spacing: -.02em;color: #fff;background: radial-gradient(120% 90% at 30% 20%,var(--eq-portrait-a,#4a4e57),var(--eq-portrait-b,#121621));box-shadow: inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.12),0 6px 16px -6px rgba(0,0,0,.45)}.eq-unit__portrait > img{width: 100%;height: 100%;object-fit: cover;border-radius: inherit}.eq-unit__portrait > .eq-con{position: absolute;right: -6px;bottom: -6px}.eq-unit__body{display: flex;flex-direction: column;gap: 6px;min-width: 0}.eq-unit__head{display: flex;align-items: baseline;gap: 8px;min-width: 0}.eq-unit__name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font: var(--eq-weight-bold) 14px/1.2 var(--eq-font-display);letter-spacing: var(--eq-tracking-snug)}.eq-unit__class{flex: none;font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-unit__head > .eq-arrows,.eq-unit__head > .eq-con-word{margin-left: auto}.eq-unit__meter{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: baseline;gap: 3px 8px}.eq-unit__meter > span{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: var(--eq-size-2xs);color: var(--eq-text-2);letter-spacing: var(--eq-tracking-label)}.eq-unit__meter > b{font: var(--eq-weight-semibold) 11px/1 var(--eq-font-mono);color: var(--eq-text-1);font-variant-numeric: tabular-nums}.eq-unit__meter > .eq-bar{grid-column: 1 / -1}.eq-unit--target{--eq-portrait-a: #ff8a6a;--eq-portrait-b: #7a1f3d}.eq-unit--target.eq-unit--selected{box-shadow: var(--eq-shadow-3),inset 0 0 0 1px color-mix(in srgb,var(--eq-glow) 60%,transparent),0 0 24px -8px var(--eq-glow-soft)}.eq-unit--compact{gap: 9px;width: 230px;padding: 7px 10px 8px 7px;border-radius: var(--eq-radius-md)}.eq-unit--compact .eq-unit__portrait{width: 34px;height: 34px;border-radius: 11px;font-size: 12px}.eq-unit--compact .eq-unit__portrait > .eq-con{right: -5px;bottom: -5px;height: 16px;min-width: 20px;font-size: 10px;border-radius: 5px;padding: 0 3px}.eq-unit--compact .eq-unit__name{font-size: 12.5px}.eq-unit--compact .eq-unit__body{gap: 4px}.eq-unit--compact .eq-unit__meter{gap: 2px 6px}.eq-unit--compact .eq-bar{height: 5px}.eq-unit[data-state="far"] .eq-unit__portrait,.eq-unit[data-state="dead"] .eq-unit__portrait{filter: grayscale(1) brightness(.8)}.eq-unit[data-state="far"] .eq-bar,.eq-unit[data-state="dead"] .eq-bar{opacity: .45}.eq-unit__tag{flex: none;margin-left: auto;padding: 2px 6px;border-radius: 5px;font: var(--eq-weight-semibold) 9.5px/1.2 var(--eq-font-mono);letter-spacing: .1em;text-transform: uppercase;color: var(--eq-text-2);background: var(--eq-fill-1)}.eq-group{display: flex;flex-direction: column;gap: 6px}.eq-effects{display: flex;flex-wrap: wrap;gap: 4px;margin: 0;padding: 0;list-style: none}.eq-effect{position: relative;display: flex;flex-direction: column;align-items: center;gap: 2px;width: 26px;font: var(--eq-weight-semibold) 9.5px/1 var(--eq-font-mono);color: var(--eq-text-2);font-variant-numeric: tabular-nums}.eq-effect > .eq-icon,.eq-effect > img{width: 24px;height: 24px;padding: 4px;border-radius: 7px;stroke-width: 2;color: #fff;background: linear-gradient(145deg,var(--eq-effect-a,#4ea3ff),var(--eq-effect-b,#2f5fc4));box-shadow: inset 0 1px 0 rgba(255,255,255,.4),0 0 0 .5px rgba(0,0,0,.3)}.eq-effect > img{padding: 0;object-fit: cover}.eq-effect--bad > .eq-icon,.eq-effect--bad > img{--eq-effect-a: #ff6b5b;--eq-effect-b: #9b1f3a;box-shadow: inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1.5px var(--eq-bad)}.eq-effect--bad::before{content: "";position: absolute;right: -2px;top: -2px;width: 9px;height: 9px;z-index: 1;background: var(--eq-bad);clip-path: polygon(0 0,100% 0,100% 100%);box-shadow: none}.eq-effect--expiring > .eq-icon,.eq-effect--expiring > img{animation: eq-blink 1s steps(2,jump-none) infinite}@keyframes eq-blink{50%{opacity: .45}}.eq-castbar{display: flex;align-items: center;gap: 10px;width: 320px;max-width: 100%;padding: 8px 16px 9px 10px;border-radius: var(--eq-radius-pill)}.eq-castbar > .eq-icon{width: 30px;height: 30px;padding: 6px;border-radius: 50%;flex: none;color: #fff;stroke-width: 2;background: linear-gradient(145deg,var(--eq-glow),var(--eq-accent));box-shadow: 0 0 12px -2px var(--eq-glow-soft)}.eq-castbar__main{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 5px}.eq-castbar__row{display: flex;align-items: baseline;justify-content: space-between;gap: 8px;font-size: 12.5px}.eq-castbar__row > b{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: var(--eq-weight-semibold)}.eq-castbar__row > span{flex: none;font: var(--eq-weight-semibold) 11px/1 var(--eq-font-mono);color: var(--eq-text-2);font-variant-numeric: tabular-nums}.eq-castbar--bad > .eq-icon{background: linear-gradient(145deg,#ff6b5b,var(--eq-bad));box-shadow: 0 0 12px -2px rgba(255,90,80,.5)}.eq-castbar--bad .eq-castbar__row > span{color: var(--eq-bad-ink)}.eq-castbar--bad .eq-bar > i{background: var(--eq-bad);box-shadow: none}.eq-hotbar{display: flex;align-items: center;gap: 6px;padding: 7px;border-radius: var(--eq-radius-md);width: max-content;max-width: 100%;overflow-x: auto}.eq-hotbar__label{padding: 0 4px 0 2px;font: var(--eq-weight-semibold) 10px/1 var(--eq-font-mono);letter-spacing: .12em;color: var(--eq-text-3);writing-mode: vertical-rl;transform: rotate(180deg)}.eq-hotbar--vertical{flex-direction: column}.eq-slot{--eq-slot-size: 46px;position: relative;flex: none;display: grid;place-items: center;overflow: hidden;width: var(--eq-slot-size);height: var(--eq-slot-size);padding: 0;border: 0;border-radius: 12px;cursor: pointer;color: #fff;-webkit-tap-highlight-color: transparent;background: radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.28),transparent 55%),linear-gradient(150deg,var(--eq-slot-a,#2a2d33),var(--eq-slot-b,#0b0f1c));box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 .5px rgba(0,0,0,.35),0 4px 10px -4px rgba(0,0,0,.45);transition: transform var(--eq-dur-2) var(--eq-ease),box-shadow var(--eq-dur-2) var(--eq-ease),filter var(--eq-dur-2)}.eq-slot > .eq-icon{width: 24px;height: 24px;stroke-width: 1.9;filter: drop-shadow(0 1px 1px rgba(0,0,0,.35))}.eq-slot > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.eq-slot:hover{transform: translateY(-1px);box-shadow: inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.22),0 0 0 .5px rgba(0,0,0,.35),0 6px 16px -6px var(--eq-glow-soft)}.eq-slot:active{transform: scale(.94)}.eq-slot:focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 2px}.eq-slot[aria-pressed="true"]{box-shadow: inset 0 0 0 2px var(--eq-glow),0 0 14px -2px var(--eq-glow-soft)}.eq-slot[aria-pressed="true"]::before{content: "";position: absolute;left: 25%;right: 25%;top: 3px;height: 3px;border-radius: 2px;z-index: 3;background: #fff;box-shadow: 0 0 6px var(--eq-glow)}.eq-slot:disabled,.eq-slot[aria-disabled="true"]:not(.eq-slot--cooling){filter: grayscale(.9) brightness(.7);cursor: default}.eq-slot:disabled:hover{transform: none}.eq-slot--empty{background: var(--eq-fill-1);box-shadow: inset 0 0 0 1px var(--eq-fill-2);cursor: default;background-image: repeating-linear-gradient(135deg,transparent 0 6px,var(--eq-fill-1) 6px 7px)}.eq-slot--empty:hover{transform: none;box-shadow: inset 0 0 0 1px var(--eq-fill-3)}.eq-slot--sm{--eq-slot-size: 36px;border-radius: 10px}.eq-slot--sm > .eq-icon{width: 19px;height: 19px}.eq-slot--lg{--eq-slot-size: 56px;border-radius: 15px}.eq-slot__key,.eq-slot > .eq-kbd{position: absolute;left: 3px;top: 3px;z-index: 3;min-width: 15px;height: 15px;padding: 0 3px;border-radius: 4px;display: grid;place-items: center;font: var(--eq-weight-bold) 10px/1 var(--eq-font);color: var(--eq-slot-key,#fff);background: rgba(0,0,0,.55)}.eq-slot > .eq-kbd{box-shadow: inset 0 -1px 0 rgba(255,255,255,.14)}.eq-slot__count{position: absolute;right: 4px;bottom: 3px;z-index: 3;font: var(--eq-weight-heavy) 11px/1 var(--eq-font);color: #fff;text-shadow: 0 0 2px #000,0 1px 2px #000;font-variant-numeric: tabular-nums}.eq-slot__cd{position: absolute;inset: 0;z-index: 1;pointer-events: none;border-radius: inherit;background: conic-gradient(from 0deg,transparent calc((1 - var(--eq-cd,0)) * 360deg),rgba(4,6,12,.66) 0)}.eq-slot__time{position: absolute;inset: 0;z-index: 2;display: grid;place-items: center;pointer-events: none;font: var(--eq-weight-heavy) 15px/1 var(--eq-font-display);color: #fff;font-variant-numeric: tabular-nums;text-shadow: 0 0 3px #000,0 1px 2px #000}.eq-slot:not(.eq-slot--cooling) > .eq-slot__cd,.eq-slot:not(.eq-slot--cooling) > .eq-slot__time{display: none}.eq-slot--cooling{cursor: default}.eq-slot--cooling:hover{transform: none}.eq-slot--cooling > .eq-icon,.eq-slot--cooling > img{filter: saturate(.55)}.eq-slot--ready{animation: eq-slot-ready .7s var(--eq-ease)}@keyframes eq-slot-ready{0%{box-shadow: inset 0 0 0 2px #fff,0 0 0 0 var(--eq-glow)}60%{box-shadow: inset 0 0 0 2px var(--eq-glow),0 0 18px 2px var(--eq-glow-soft)}}.eq-slot--far{--eq-slot-tint: rgba(210,40,30,.38);--eq-slot-key: #ff8f80}.eq-slot--low{--eq-slot-tint: rgba(90,115,160,.42)}.eq-slot:is(.eq-slot--far,.eq-slot--low)::after{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;pointer-events: none;background: var(--eq-slot-tint)}.eq-slot:is(.eq-slot--far,.eq-slot--low) > :is(img,.eq-icon){filter: saturate(.6) brightness(.8)}.eq-slot--proc{box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,rgba(0,0,0,.35)),0 0 0 2px var(--crest-ember,#f07a2a),0 0 14px 2px color-mix(in srgb,var(--crest-ember,#f07a2a) 75%,transparent);animation: eq-slot-proc 2.4s ease-in-out infinite}@keyframes eq-slot-proc{50%{box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,rgba(0,0,0,.35)),0 0 0 2px var(--crest-ember,#f07a2a),0 0 20px 4px color-mix(in srgb,var(--crest-ember,#f07a2a) 90%,transparent)}}:root[data-eq-motion="off"] .eq-slot--proc{animation: none}.eq-chat{display: flex;flex-direction: column;width: 440px;max-width: 100%;padding: 8px;border-radius: var(--eq-radius-lg);transition: opacity var(--eq-dur-5) var(--eq-ease)}.eq-chat--idle:not(:hover):not(:focus-within){opacity: .4}.eq-chat__head{display: flex;align-items: center;gap: 6px;padding: 0 0 6px;min-width: 0}.eq-chat__head > .eq-tabs{flex: 1;min-width: 0}.eq-chat__head .eq-tab{height: 26px;padding: 0 10px;font-size: 12px}.eq-chat__log{height: var(--eq-chat-h,184px);overflow-y: auto;overscroll-behavior: contain;padding: 4px 6px;margin: 0;font: var(--eq-weight-regular) 12.5px/1.45 var(--eq-font);border-radius: var(--eq-radius-sm);-webkit-mask-image: linear-gradient(to bottom,transparent 0,#000 18px);mask-image: linear-gradient(to bottom,transparent 0,#000 18px)}.eq-chat__log:focus-visible{outline-offset: -2px}.eq-chat__line{margin: 0;padding: 1px 0;color: var(--eq-ch-say);overflow-wrap: anywhere}.eq-chat__ts{margin-right: 6px;font: var(--eq-weight-regular) 10.5px/1 var(--eq-font-mono);color: var(--eq-text-3);font-variant-numeric: tabular-nums}.eq-chat__ch{margin-right: 4px;font-weight: var(--eq-weight-semibold)}.eq-chat__ch::before{content: "["}.eq-chat__ch::after{content: "]"}.eq-chat__who{margin-right: 5px;font-weight: var(--eq-weight-bold)}.eq-chat__who::after{content: ":"}.eq-chat__text{color: inherit}button.eq-chat__who{padding: 0;border: 0;background: none;color: inherit;font: inherit;font-weight: var(--eq-weight-bold);cursor: pointer}button.eq-chat__who:hover{text-decoration: underline}.eq-chat__line--say{color: var(--eq-ch-say)}.eq-chat__line--tell{color: var(--eq-ch-tell)}.eq-chat__line--group{color: var(--eq-ch-group)}.eq-chat__line--guild{color: var(--eq-ch-guild)}.eq-chat__line--shout{color: var(--eq-ch-shout)}.eq-chat__line--loot{color: var(--eq-ch-loot)}.eq-chat__line--combat{color: var(--eq-ch-combat)}.eq-chat__line--system{color: var(--eq-text-2);font-style: italic}.eq-chat__line--system .eq-chat__ch{font-style: normal}.eq-chat__item{padding: 0 2px;border: 0;border-radius: 4px;background: none;font: inherit;font-weight: var(--eq-weight-semibold);cursor: pointer;color: var(--eq-rarity,var(--eq-accent-ink))}.eq-chat__item::before{content: "\2039"}.eq-chat__item::after{content: "\203A"}.eq-chat__item:hover{background: var(--eq-fill-1)}.eq-chat__input{display: flex;align-items: center;gap: 6px;margin: 6px 0 0;padding: 0}.eq-chat__input > .eq-field{flex: 1}.eq-chat__input > .eq-field--select{flex: 0 0 auto;width: 104px}.eq-chat__input > .eq-field--select > select{font-size: 12.5px}.eq-item{--eq-rarity: var(--eq-rarity-common);display: flex;flex-direction: column;gap: 10px;width: 320px;max-width: 100%;padding: 14px 15px 13px;border-radius: var(--eq-radius-md);font-size: 12.5px;line-height: 1.4}.eq-item--treasured{--eq-rarity: var(--eq-rarity-treasured)}.eq-item--legendary{--eq-rarity: var(--eq-rarity-legendary)}.eq-item--fabled{--eq-rarity: var(--eq-rarity-fabled)}.eq-item--mythical{--eq-rarity: var(--eq-rarity-mythical)}.eq-item__head{display: flex;align-items: center;gap: 11px;min-width: 0}.eq-item__icon{position: relative;width: 44px;height: 44px;flex: none;display: grid;place-items: center;border-radius: 11px;color: #fff;background: radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.3),transparent 55%),linear-gradient(150deg,var(--eq-slot-a,#2a2d33),var(--eq-slot-b,#121621));box-shadow: inset 0 1px 0 rgba(255,255,255,.4),0 0 0 1.5px var(--eq-rarity),0 0 14px -4px var(--eq-rarity)}.eq-item__icon > .eq-icon{width: 24px;height: 24px;stroke-width: 1.9}.eq-item__icon > img{width: 100%;height: 100%;object-fit: cover;border-radius: inherit}.eq-item__name{margin: 0;font: var(--eq-weight-bold) 14.5px/1.25 var(--eq-font-display);letter-spacing: var(--eq-tracking-snug);color: var(--eq-rarity);overflow-wrap: anywhere}.eq-item__kind{margin-top: 2px;font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-item__rarity{font-weight: var(--eq-weight-bold);color: var(--eq-rarity);letter-spacing: var(--eq-tracking-label)}.eq-item__rarity::after{content: " \00B7";color: var(--eq-text-3)}.eq-item__flags{display: flex;flex-wrap: wrap;gap: 4px}.eq-item__flag{height: 18px;padding: 0 6px;border-radius: 5px;display: inline-grid;place-items: center;font: var(--eq-weight-semibold) 9.5px/1 var(--eq-font-mono);letter-spacing: .1em;text-transform: uppercase;color: var(--eq-text-2);background: var(--eq-fill-1);box-shadow: inset 0 0 0 .5px var(--eq-fill-2)}.eq-item__flag--warn{color: var(--eq-warn-ink);background: color-mix(in srgb,var(--eq-warn) 16%,transparent)}.eq-item__section{display: flex;flex-direction: column;gap: 3px;padding-top: 9px;border-top: 1px solid var(--eq-sep)}.eq-item__section > h5{margin: 0 0 2px;font: var(--eq-weight-semibold) 10px/1.2 var(--eq-font-mono);letter-spacing: .12em;text-transform: uppercase;color: var(--eq-text-3)}.eq-item__stats{display: grid;grid-template-columns: 1fr 1fr;gap: 3px 14px;margin: 0}.eq-item__stats > div{display: flex;justify-content: space-between;gap: 8px;min-width: 0}.eq-item__stats dt{color: var(--eq-text-2);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-item__stats dd{margin: 0;font-weight: var(--eq-weight-semibold);font-variant-numeric: tabular-nums}.eq-item__good{color: var(--eq-good-ink)}.eq-item__bad{color: var(--eq-bad-ink)}.eq-item__mods{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 2px}.eq-item__mods > li::before{content: "+ ";color: var(--eq-text-3)}.eq-item__mods > li.eq-item__bad::before{content: "\2212 "}.eq-item__effect{margin: 0;color: var(--eq-text-1)}.eq-item__effect > b{color: var(--eq-accent-ink);font-weight: var(--eq-weight-semibold)}.eq-item__lore{margin: 0;color: var(--eq-text-2);font-style: italic}.eq-item__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;padding-top: 9px;border-top: 1px solid var(--eq-sep);font-size: var(--eq-size-xs);color: var(--eq-text-2)}.eq-item__req--bad{color: var(--eq-bad-ink);font-weight: var(--eq-weight-semibold)}.eq-item__req--bad::before{content: "\2715 "}.eq-coins{display: inline-flex;align-items: center;gap: 8px;font-variant-numeric: tabular-nums;color: var(--eq-text-1)}.eq-coin{display: inline-flex;align-items: center;gap: 3px;font-weight: var(--eq-weight-semibold)}.eq-coin > abbr{text-decoration: none;font-weight: var(--eq-weight-regular);color: var(--eq-text-2)}.eq-coin::before{content: "";width: 10px;height: 10px;border-radius: 50%;flex: none;box-shadow: inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 1px rgba(0,0,0,.25),0 0 0 .5px rgba(0,0,0,.3)}.eq-coin--plat::before{background: linear-gradient(145deg,#f2f6ff,#9aa7c2)}.eq-coin--gold::before{background: linear-gradient(145deg,#ffe48a,#c98c12)}.eq-coin--silver::before{background: linear-gradient(145deg,#ffffff,#a9adb6)}.eq-coin--copper::before{background: linear-gradient(145deg,#f6b98a,#a2522a)}.eq-login{position: relative;isolation: isolate;min-height: 100vh;min-height: 100dvh;display: grid;place-items: center;align-content: center;gap: 18px;padding: 32px 16px;color: var(--eq-text-1);font: var(--eq-weight-regular) var(--eq-size-md)/var(--eq-leading) var(--eq-font)}.eq-login--contained{min-height: 640px;overflow: hidden;border-radius: var(--eq-radius-xl)}.eq-login--contained > .eq-backdrop{position: absolute;container-type: size;--eq-blob: 82cqmax;border-radius: inherit}.eq-login__card{width: 400px;max-width: 100%;padding: 30px 28px 22px;border-radius: var(--eq-radius-xl);display: flex;flex-direction: column;align-items: stretch}.eq-login__logo{align-self: center;display: grid;place-items: center;width: 68px;height: 68px;margin-bottom: 16px;border-radius: 20px;color: var(--crest-gold,#e0b04a);overflow: hidden;background: linear-gradient(160deg,var(--crest-iron-700,#1f2228),var(--crest-iron-950,#05070b));box-shadow: inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px var(--crest-hairline,rgba(216,174,92,.22)),0 10px 28px -8px rgba(5,7,11,.7)}.eq-login__logo > .eq-icon{width: 34px;height: 34px;stroke-width: 1.6}.eq-login__logo > img,.eq-login__logo > svg:not(.eq-icon){width: 100%;height: 100%;object-fit: contain}.eq-login__logo--wide{width: auto;height: 56px;padding: 0;background: none;box-shadow: none;border-radius: 0}.eq-login__logo--wide > img,.eq-login__logo--wide > svg:not(.eq-icon){width: auto;height: 100%}.eq-login__title{margin: 0;text-align: center;font: 400 var(--eq-size-2xl)/1.15 var(--eq-font-brand);letter-spacing: .02em;font-synthesis: none}.eq-login__sub{margin: 6px 0 20px;text-align: center;font-size: var(--eq-size-md);color: var(--eq-text-2)}.eq-login__card > .eq-form{gap: var(--eq-space-8)}.eq-login__row{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.eq-login__status{display: flex;align-items: center;justify-content: center;gap: 8px;min-height: 20px;font-size: var(--eq-size-sm);color: var(--eq-text-2)}.eq-login__foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 4px 14px;margin-top: 18px;padding-top: 14px;border-top: 1px solid var(--eq-sep);font-size: var(--eq-size-sm);color: var(--eq-text-2)}.eq-login__meta{font: var(--eq-weight-semibold) var(--eq-size-2xs)/1 var(--eq-font-mono);letter-spacing: var(--eq-tracking-caps);text-transform: uppercase;color: var(--eq-text-3);text-align: center}.eq-login--split{grid-template-columns: minmax(0,400px)}.eq-login__aside{display: none}@media (min-width: 900px){.eq-login--split{grid-template-columns: minmax(0,400px) minmax(0,340px);align-items: center;gap: 22px}.eq-login--split .eq-login__aside{display: flex;flex-direction: column;gap: 12px}.eq-login--split > .eq-login__meta{grid-column: 1 / -1}}@container (min-width: 900px){.eq-login--split.eq-login--contained{grid-template-columns: minmax(0,400px) minmax(0,340px);align-items: center;gap: 22px}.eq-login--split.eq-login--contained .eq-login__aside{display: flex;flex-direction: column;gap: 12px}.eq-login--split.eq-login--contained > .eq-login__meta{grid-column: 1 / -1}}@supports (corner-shape: squircle){.eq-tm,.eq-empty,.eq-empty__icon,.eq-empty__art,.eq-nameplate,.eq-unit__portrait,.eq-slot,.eq-hotbar,.eq-item__icon,.eq-effect > .eq-icon,.eq-effect > img,.eq-con,.eq-stage-tools,.eq-login__logo:not(.eq-login__logo--wide){corner-shape: squircle}.eq-nameplate--pill,.eq-con.eq-con--dot{corner-shape: round}}@media (prefers-reduced-motion: reduce){.eq-bar[data-low] > i:not(.eq-bar__trail){animation: none}.eq-bar > i.eq-bar__trail{transition: none}.eq-effect--expiring > .eq-icon,.eq-effect--expiring > img{animation: none}.eq-slot--ready,.eq-slot--proc{animation: none}.eq-slot:hover,.eq-slot:active{transform: none}}@media (forced-colors: active){.eq-bar > i,.eq-slot__cd,.eq-con.eq-con--dot{forced-color-adjust: none}.eq-chat--idle:not(:hover):not(:focus-within){opacity: 1}.eq-nameplate,.eq-unit,.eq-chat,.eq-item,.eq-tm{border: 1px solid CanvasText}.eq-slot{border: 1px solid ButtonText}.eq-slot:is([aria-pressed="true"],.eq-slot--proc){border: 2px solid Highlight}}:root{--eq-hub-reserve: 52px}.eq-hub-token{--eq-hub-pill: 28px;--eq-hub-hit: 28px;--eq-hub-bleed: calc((var(--eq-hub-hit) - var(--eq-hub-pill)) / 2);position: fixed;left: calc(12px + env(safe-area-inset-left,0px));bottom: calc(12px - var(--eq-hub-bleed) + env(safe-area-inset-bottom,0px));z-index: calc(var(--eq-z-drawer) - 1);isolation: isolate;display: inline-flex;align-items: center;gap: 6px;height: var(--eq-hub-hit);min-width: 44px;padding: 0 11px 0 8px;border-radius: var(--eq-radius-pill);font: var(--eq-weight-semibold) var(--eq-size-sm)/1 var(--eq-font);letter-spacing: -.005em;color: var(--eq-text-1);text-decoration: none;white-space: nowrap;background: none;transition: transform var(--eq-dur-2) var(--eq-ease);-webkit-tap-highlight-color: transparent}.eq-hub-token::before{content: "";position: absolute;left: 0;right: 0;top: var(--eq-hub-bleed);bottom: var(--eq-hub-bleed);z-index: -1;border-radius: inherit;background: var(--eq-glass-thick);-webkit-backdrop-filter: var(--eq-glass-filter);backdrop-filter: var(--eq-glass-filter);box-shadow: var(--eq-shadow-1),inset 0 0 0 .5px var(--eq-edge),inset 0 1px 0 var(--eq-rim-hi);transition: box-shadow var(--eq-dur-2) var(--eq-ease)}.eq-hub-token__icon{display: grid;place-items: center;width: 16px;height: 16px;color: var(--eq-accent-ink,var(--eq-text-2))}.eq-hub-token__icon .eq-icon{width: 15px;height: 15px}.eq-hub-token__icon--crest{width: 17px;height: 17px;background: currentColor;-webkit-mask: url("/design/brand/crest/emblem/crest-cut-white.svg?v=7367a3410d") center / contain no-repeat;mask: url("/design/brand/crest/emblem/crest-cut-white.svg?v=7367a3410d") center / contain no-repeat}@media (forced-colors: active){.eq-hub-token__icon--crest{background: CanvasText}}.eq-hub-token__long{max-width: 0;overflow: hidden;opacity: 0;transition: max-width var(--eq-dur-3) var(--eq-ease),opacity var(--eq-dur-2) var(--eq-ease)}.eq-hub-token:hover::before,.eq-hub-token:focus-visible::before{box-shadow: var(--eq-shadow-2),inset 0 0 0 .5px var(--eq-edge),inset 0 1px 0 var(--eq-rim-hi)}.eq-hub-token:hover .eq-hub-token__short,.eq-hub-token:focus-visible .eq-hub-token__short{display: none}.eq-hub-token:hover .eq-hub-token__long,.eq-hub-token:focus-visible .eq-hub-token__long{max-width: 16em;opacity: 1}.eq-hub-token:active{transform: scale(.97)}.eq-hub-token:focus-visible{outline: none}.eq-hub-token:focus-visible::before{outline: 3px solid var(--eq-focus);outline-offset: 2px}@supports (corner-shape: squircle){.eq-hub-token,.eq-hub-token::before{corner-shape: squircle}}@media (pointer: coarse){.eq-hub-token{--eq-hub-hit: 44px;padding: 0 12px 0 9px}}@media (prefers-reduced-transparency: reduce){.eq-hub-token::before{background: var(--eq-surface-solid);-webkit-backdrop-filter: none;backdrop-filter: none}}:root[data-glass="solid"] .eq-hub-token::before{background: var(--eq-surface-solid);-webkit-backdrop-filter: none;backdrop-filter: none}@media (prefers-reduced-motion: reduce){.eq-hub-token,.eq-hub-token::before,.eq-hub-token__long{transition: none}}@media (forced-colors: active){.eq-hub-token::before{border: 1px solid LinkText}.eq-hub-token:focus-visible::before{outline-color: Highlight}}@media print{.eq-hub-token{display: none}}.eq-hub-token{transition: transform var(--eq-dur-2) var(--eq-ease),opacity var(--eq-dur-2) var(--eq-ease)}.eq-hub-token[data-away]:not(:focus-visible){transform: translateY(calc(100% + 18px));opacity: 0;pointer-events: none}@media (prefers-reduced-motion: reduce){.eq-hub-token{transition: opacity var(--eq-dur-2) linear}.eq-hub-token[data-away]:not(:focus-visible){transform: none}}@media (max-width: 760px){body.eq-body:has(> a.eq-hub-token)::after{content: "";display: block;height: var(--eq-hub-reserve)}}@font-face{font-family: "Marcellus";font-style: normal;font-weight: 400;font-display: swap;src: url("/design/brand/fonts/Marcellus-400.woff2?v=75684b4016") format("woff2"),url("/design/brand/fonts/Marcellus-400.ttf?v=2f6fa616f7") format("truetype");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}@font-face{font-family: "Cinzel";font-style: normal;font-weight: 500;font-display: swap;src: url("/design/brand/fonts/Cinzel-500.woff2?v=e474c43db3") format("woff2"),url("/design/brand/fonts/Cinzel-500.ttf?v=bd933cb739") format("truetype");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,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: "Cinzel";font-style: normal;font-weight: 700;font-display: swap;src: url("/design/brand/fonts/Cinzel-700.woff2?v=a3564ea6ec") format("woff2"),url("/design/brand/fonts/Cinzel-700.ttf?v=2c6b1ff0d3") format("truetype");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.eq-display{margin: 0;font-family: var(--eq-font-brand);font-size: var(--eq-display-lg);font-style: normal;font-weight: 700;line-height: 1.08;letter-spacing: var(--eq-tracking-display);text-transform: uppercase;text-wrap: balance;overflow-wrap: break-word;font-kerning: normal;font-synthesis: none}.eq-display--xl{font-size: var(--eq-display-xl);line-height: 1.04}.eq-display--lg{font-size: var(--eq-display-lg)}.eq-display--md{font-size: var(--eq-display-md);line-height: 1.15}.eq-display--medium{font-weight: 500}.eq-display--line{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-display--gold{color: var(--eq-gold);background-image: linear-gradient(135deg,var(--eq-gold),var(--eq-gold) 55%,var(--eq-gold-deep));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}@supports (color: light-dark(#000,#fff)){.eq-display--gold{background-image: linear-gradient(135deg,light-dark(var(--eq-gold),var(--eq-gold-hi)),var(--eq-gold) 55%,var(--eq-gold-deep))}}:where(.eq-sweep){--eq-sweep-image: linear-gradient(105deg,transparent 41%,color-mix(in srgb,var(--eq-sweep-band) 40%,transparent) 46%,var(--eq-sweep-band) 50%,color-mix(in srgb,var(--eq-sweep-band) 40%,transparent) 54%,transparent 59%);position: relative;isolation: isolate}.eq-sweep:not(.eq-glass)::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;pointer-events: none;background: var(--eq-sweep-image) 105% 0 / 250% 100% no-repeat;mix-blend-mode: plus-lighter}.eq-glass.eq-sweep::after{background: var(--eq-sweep-image) 105% 0 / 250% 100% no-repeat,linear-gradient(180deg,var(--eq-sheen),transparent 42%)}@media (prefers-reduced-motion: no-preference){.eq-sweep:not(.eq-glass):is(:hover,:focus-visible,.eq-sweep--play)::before{animation: eq-sweep var(--eq-dur-sweep) var(--eq-ease-sweep) 1 both}.eq-glass.eq-sweep:is(:hover,:focus-visible,.eq-sweep--play)::after{animation: eq-sweep-glass var(--eq-dur-sweep) var(--eq-ease-sweep) 1 both}.eq-sweep:not(.eq-glass):has(:focus-visible)::before{animation: eq-sweep var(--eq-dur-sweep) var(--eq-ease-sweep) 1 both}.eq-glass.eq-sweep:has(:focus-visible)::after{animation: eq-sweep-glass var(--eq-dur-sweep) var(--eq-ease-sweep) 1 both}}@keyframes eq-sweep{from{background-position: 105% 0}to{background-position: -5% 0}}@keyframes eq-sweep-glass{from{background-position: 105% 0,0 0}to{background-position: -5% 0,0 0}}.eq-btn--gold{color: #1b1405;background: linear-gradient(135deg,#f6d98f,#e0b04a 45%,#c8902e);box-shadow: 0 6px 18px -6px rgba(224,176,74,.55),inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 .5px rgba(90,58,6,.4);text-shadow: 0 1px 0 rgba(255,240,200,.35)}.eq-btn--gold:hover{background: linear-gradient(135deg,#f6d98f,#e0b04a 45%,#c8902e);box-shadow: 0 8px 24px -6px rgba(224,176,74,.65),inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 .5px rgba(90,58,6,.4),inset 0 0 0 100px rgba(255,255,255,.1)}.eq-btn--gold[aria-pressed="true"]{color: #1b1405}.eq-hero{--eq-hero-pad: clamp(16px,4vw,56px);position: relative;isolation: isolate;overflow: hidden;display: grid;align-items: end;justify-items: start;min-height: 100vh;min-height: 100svh;padding: var(--eq-hero-pad);padding-bottom: max(var(--eq-hero-pad),calc(var(--eq-hub-reserve,0px) + env(safe-area-inset-bottom,0px)));color: var(--eq-text-1);background: var(--eq-night)}.eq-hero__poster,.eq-hero__scene{position: absolute;inset: 0;z-index: -3;display: block;width: 100%;height: 100%;object-fit: cover;object-position: var(--eq-hero-focus,50% 50%)}.eq-hero__poster{pointer-events: none;user-select: none}.eq-hero__scene{z-index: -2;opacity: 0;transition: opacity var(--eq-hero-fade,1.2s) var(--eq-ease)}.eq-hero__scene[data-ready],.eq-hero--ready > .eq-hero__scene{opacity: 1}.eq-hero::after{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(to top,color-mix(in srgb,var(--eq-backdrop) 80%,transparent),transparent 60%),radial-gradient(130% 95% at 50% 38%,transparent 52%,color-mix(in srgb,var(--eq-backdrop) 58%,transparent))}.eq-hero__content{position: relative;width: min(100%,620px);padding: clamp(20px,3vw,34px);display: flex;flex-direction: column;align-items: flex-start;gap: 12px;min-width: 0}.eq-hero__kicker{margin: 0;font: var(--eq-weight-semibold) var(--eq-size-2xs)/1 var(--eq-font-mono);letter-spacing: var(--eq-tracking-caps);text-transform: uppercase;color: var(--eq-gold-hi)}.eq-hero[data-theme="light"] .eq-hero__kicker{color: var(--eq-gold)}.eq-hero__sub{margin: 0;max-width: 46ch;font-size: clamp(15px,1.5vw,18px);line-height: 1.45;color: var(--eq-text-2)}.eq-hero__actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 10px}.eq-hero--center{align-items: center;justify-items: center;text-align: center}.eq-hero--center .eq-hero__content{align-items: center}.eq-hero--center .eq-hero__actions{justify-content: center}.eq-hero--section{min-height: clamp(360px,60svh,640px);padding-bottom: var(--eq-hero-pad)}.eq-hero--contained{min-height: 560px;padding-bottom: var(--eq-hero-pad);border-radius: var(--eq-radius-xl)}@media (max-width: 480px){.eq-hero__actions{width: 100%}.eq-hero__actions > .eq-btn{flex: 1 1 100%}}.eq-hero--open{--eq-hero-mark-auto: min(32%,52vw);justify-items: center;text-align: center;background: radial-gradient(60% 34% at 50% 64%,color-mix(in srgb,var(--eq-gold) 16%,transparent),transparent 70%),radial-gradient(70% 55% at 15% 8%,var(--eq-aurora-1) 0,transparent 60%),radial-gradient(60% 50% at 88% 12%,var(--eq-aurora-2) 0,transparent 60%),linear-gradient(180deg,var(--eq-backdrop) 0%,var(--eq-night) 63.6%,color-mix(in srgb,var(--eq-night) 50%,var(--eq-backdrop)) 64%,var(--eq-backdrop) 100%)}.eq-hero--open.eq-hero--contained{min-height: 640px}.eq-hero__mark{position: absolute;left: 50%;top: max(78px,9%);display: block;width: auto;height: var(--eq-hero-mark-h,var(--eq-hero-mark-auto,min(32%,52vw)));max-height: 400px;transform: translateX(-50%);pointer-events: none;user-select: none;filter: drop-shadow(0 22px 44px rgba(0,0,0,.55)) drop-shadow(0 0 60px color-mix(in srgb,var(--eq-gold) 12%,transparent));transition: opacity var(--eq-hero-fade,1.2s) var(--eq-ease)}.eq-hero--mark-live > .eq-hero__mark{opacity: 0}.eq-hero--open > .eq-hero__content{z-index: 1;align-items: center;margin-inline: auto;width: min(100%,760px)}.eq-hero--open .eq-hero__actions{justify-content: center}.eq-hero--open > .eq-hero__content > .eq-display--xl{font-size: clamp(30px,4.4vw,60px);line-height: 1.06}@media (min-width: 700px){.eq-hero--open{--eq-hero-mark-auto: min(37%,46vw);padding-bottom: max(40px,5svh)}.eq-hero--open.eq-hero--contained{padding-bottom: var(--eq-hero-pad)}.eq-hero--open > .eq-hero__mark{top: calc(62% - var(--eq-hero-mark-h,var(--eq-hero-mark-auto)));max-height: none}.eq-hero--open::after{background: linear-gradient(180deg,color-mix(in srgb,var(--eq-backdrop) 50%,transparent) 0%,transparent 20%,transparent 60%,color-mix(in srgb,var(--eq-backdrop) 78%,transparent) 100%)}.eq-hero--open > .eq-hero__content{width: min(100%,1100px);padding: 0 16px;gap: 10px;background: none;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none}.eq-hero--open > .eq-hero__content::before,.eq-hero--open > .eq-hero__content::after{display: none}.eq-hero--open > .eq-hero__content > .eq-display--xl{font-size: clamp(28px,3.9vw,56px);line-height: 1.06}.eq-hero--open > .eq-hero__content > .eq-display{text-shadow: 0 2px 24px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.6)}.eq-hero--open > .eq-hero__content > .eq-display--gold{text-shadow: none;filter: drop-shadow(0 2px 12px rgba(0,0,0,.7))}.eq-hero--open .eq-hero__sub{color: rgba(235,240,255,.86);text-shadow: 0 1px 12px rgba(0,0,0,.8)}}@media (min-width: 700px) and (max-height: 600px){.eq-hero--open{--eq-hero-mark-auto: 30%}.eq-hero--open > .eq-hero__mark{top: calc(60% - var(--eq-hero-mark-h,var(--eq-hero-mark-auto)))}}:root,[data-theme="light"]{--eq-logo-wide-art: url("/design/brand/crest/logo/crest-header-light.svg?v=82191d2baa");--eq-logo-stacked-art: url("/design/brand/crest/logo/crest-lockup-v-light-1024.webp?v=91252ba4f1");--eq-logo-mark-art: url("/design/brand/crest/emblem/crest-flat-light.svg?v=0b51261ced");--eq-logo-mark-small-art: url("/design/brand/crest/icons/mark-32.svg?v=39f926ac2c");--eq-logo-wordmark-art: url("/design/brand/crest/wordmark/line-light.svg?v=566f3161bb")}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--eq-logo-wide-art: url("/design/brand/crest/logo/crest-header-dark.svg?v=c1819b45f2");--eq-logo-stacked-art: url("/design/brand/crest/logo/crest-lockup-v-1024.webp?v=1decd67c18");--eq-logo-mark-art: url("/design/brand/crest/emblem/crest-flat-dark.svg?v=30b98e6762");--eq-logo-mark-small-art: url("/design/brand/crest/icons/mark-32.svg?v=39f926ac2c");--eq-logo-wordmark-art: url("/design/brand/crest/wordmark/line-gold.svg?v=b9a0ad7241")}}:root:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-theme="dark"],[data-theme="dark"],:where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-logo-wide-art: url("/design/brand/crest/logo/crest-header-dark.svg?v=c1819b45f2");--eq-logo-stacked-art: url("/design/brand/crest/logo/crest-lockup-v-1024.webp?v=1decd67c18");--eq-logo-mark-art: url("/design/brand/crest/emblem/crest-flat-dark.svg?v=30b98e6762");--eq-logo-mark-small-art: url("/design/brand/crest/icons/mark-32.svg?v=39f926ac2c");--eq-logo-wordmark-art: url("/design/brand/crest/wordmark/line-gold.svg?v=b9a0ad7241")}.eq-logo{--eq-logo-art: var(--eq-logo-wide-art);--eq-logo-mono: url("/design/brand/crest/logo/crest-header-dark.svg?v=c1819b45f2");--eq-logo-ratio: 1202.31 / 230;--eq-logo-h: 32px;position: relative;isolation: isolate;display: inline-block;flex: none;vertical-align: middle;height: calc(var(--eq-logo-h) * var(--eq-logo-k,1));width: auto;aspect-ratio: var(--eq-logo-ratio);line-height: 0;color: inherit;text-decoration: none;border-radius: var(--eq-radius-xs);background: var(--eq-logo-art) center / contain no-repeat;-webkit-print-color-adjust: exact;print-color-adjust: exact}.eq-logo--wide{--eq-logo-art: var(--eq-logo-wide-art)}.eq-logo--stacked{--eq-logo-art: var(--eq-logo-stacked-art);--eq-logo-mono: url("/design/brand/crest/logo/crest-lockup-v-1024.webp?v=1decd67c18");--eq-logo-ratio: 1024 / 1635;--eq-logo-h: 96px}.eq-logo--mark{--eq-logo-art: var(--eq-logo-mark-small-art);--eq-logo-mono: url("/design/brand/crest/emblem/crest-cut-iron.svg?v=f8ab653a1c");--eq-logo-ratio: 1}.eq-logo--mark.eq-logo--xl{--eq-logo-art: var(--eq-logo-mark-art)}.eq-logo--wordmark{--eq-logo-art: var(--eq-logo-wordmark-art);--eq-logo-mono: url("/design/brand/crest/wordmark/line-ink.svg?v=3ee569c2e5");--eq-logo-ratio: 932.81 / 128.54;--eq-logo-h: 20px}.eq-logo--sm{--eq-logo-k: .75}.eq-logo--lg{--eq-logo-k: 1.5}.eq-logo--xl{--eq-logo-k: 2.25}.eq-logo:has(> img,> svg){background: none;aspect-ratio: auto}.eq-logo > img,.eq-logo > svg{display: block;width: auto;height: 100%}.eq-logo::after{content: "";position: absolute;inset: 0;pointer-events: none;background: linear-gradient(105deg,transparent 40%,rgba(255,246,220,.85) 50%,transparent 60%) 105% 0 / 250% 100% no-repeat;-webkit-mask: var(--eq-logo-mask,var(--eq-logo-art)) center / contain no-repeat;mask: var(--eq-logo-mask,var(--eq-logo-art)) center / contain no-repeat;mix-blend-mode: screen}@media (prefers-reduced-motion: no-preference){.eq-logo:is(:hover,:focus-visible,.eq-sweep--play)::after,:is(a,button):is(:hover,:focus-visible) > .eq-logo::after{animation: eq-sweep var(--eq-dur-sweep) var(--eq-ease-sweep) 1 both}}.eq-crest-lockup{display: block;flex: none;width: min(var(--crest-logo-stack-w,320px),100%);min-width: 160px;max-width: 100%;aspect-ratio: 1024 / 1635;margin: 0 auto;padding: 3%;box-sizing: content-box;background: var(--eq-logo-stacked-art) center / contain no-repeat}.eq-login__card > .eq-crest-lockup{width: min(280px,72%);margin-bottom: 12px}@media (forced-colors: active){.eq-crest-lockup{background: none;forced-color-adjust: none;-webkit-mask: var(--eq-logo-stacked-art) center / contain no-repeat;mask: var(--eq-logo-stacked-art) center / contain no-repeat;background-color: CanvasText}}.eq-login__card > .eq-logo{align-self: center;margin-bottom: 16px}.eq-brand__mark--crest,.eq-brand__mark--aegis{border-radius: 22%;background: url("/design/brand/crest/icons/mark-32.svg?v=39f926ac2c") center / 82% no-repeat,linear-gradient(160deg,var(--eq-crest-iron-2),var(--eq-crest-iron));box-shadow: 0 4px 12px -5px rgba(11,15,28,.55)}.eq-brand__mark--crest > img,.eq-brand__mark--aegis > img{object-fit: contain}.eq-brand__mark--crest:has(> img),.eq-brand__mark--aegis:has(> img){background: linear-gradient(160deg,var(--eq-crest-iron-2),var(--eq-crest-iron))}.eq-sting{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: var(--eq-sting-fit,cover);background: var(--eq-night);border-radius: inherit}.eq-gold-fill{background: var(--eq-gold-gradient)}.eq-brand-type{font-family: var(--eq-font-brand);letter-spacing: var(--eq-tracking-display);font-synthesis: none}@supports (corner-shape: squircle){.eq-logo--mark,.eq-hero--contained{corner-shape: squircle}}@media (prefers-reduced-motion: no-preference){.eq-hero__mark{animation: eq-hero-float 8s ease-in-out infinite}}@keyframes eq-hero-float{50%{transform: translate(-50%,-10px)}}:root[data-eq-still] .eq-hero__mark{animation: none}@media (prefers-reduced-motion: reduce){.eq-hero__scene{display: none}}@media (forced-colors: active){.eq-display--gold{background: none;-webkit-text-fill-color: currentColor}.eq-sweep:not(.eq-glass)::before,.eq-logo::after{content: none}.eq-logo:not(:has(> img,> svg)){background: none}.eq-logo:not(:has(> img,> svg))::before{content: "";position: absolute;inset: 0;forced-color-adjust: none;background: CanvasText;-webkit-mask: var(--eq-logo-mono) center / contain no-repeat;mask: var(--eq-logo-mono) center / contain no-repeat}.eq-btn--gold{border: 1px solid ButtonText}.eq-hero::after{content: none}.eq-hero--open > .eq-hero__content > .eq-display--gold{filter: none}}@media print{.eq-display--gold{background: none;-webkit-text-fill-color: currentColor}.eq-hero__scene{display: none}}:where(.eq-edition-switch > button,.eq-coverage,.eq-fallback,.eq-world-about){--eq-ed: var(--eq-edition-eq2emu);--eq-ed-ink: var(--eq-accent-ink)}:where(.eq-edition-switch > button[data-value="origins"],.eq-coverage[data-edition="origins"],.eq-fallback[data-edition="origins"],.eq-world-about[data-edition="origins"]){--eq-ed: var(--eq-edition-origins);--eq-ed-ink: color-mix(in srgb,var(--eq-edition-origins) 80%,var(--eq-text-1))}:where(.eq-edition-switch > button[data-value="live"],.eq-coverage[data-edition="live"],.eq-fallback[data-edition="live"],.eq-world-about[data-edition="live"]){--eq-ed: var(--eq-edition-live);--eq-ed-ink: color-mix(in srgb,var(--eq-edition-live) 80%,var(--eq-text-1))}.eq-edition-switch > button::before{content: "";width: 7px;height: 7px;flex: none;border-radius: 50%;background: var(--eq-ed);box-shadow: 0 0 0 1.5px color-mix(in srgb,var(--eq-ed) 22%,transparent)}.eq-seg.eq-edition-switch > button[aria-pressed="true"]{color: var(--eq-ed-ink);background: color-mix(in srgb,var(--eq-ed) var(--eq-ed-tint,14%),var(--eq-surface-solid-2));box-shadow: 0 1px 3px rgba(0,0,0,.14),inset 0 0 0 1px color-mix(in srgb,var(--eq-ed) 40%,transparent)}.eq-seg.eq-edition-switch > button:focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 2px;z-index: 1}.eq-seg.eq-edition-switch > button[aria-disabled="true"]{opacity: .45;cursor: not-allowed}.eq-seg.eq-edition-switch > button[aria-disabled="true"]:hover{color: var(--eq-text-2)}.eq-seg.eq-edition-switch > button[aria-disabled="true"][aria-pressed="true"]:hover{color: var(--eq-ed-ink)}:root,[data-theme="light"]{--eq-ed-tint: 14%}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--eq-ed-tint: 22%}}:root:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-theme="dark"],[data-theme="dark"],:where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar,.eq-hero){--eq-ed-tint: 22%}.eq-edition-switch:is(.eq-edition-switch--compact,[data-compact]:not([data-compact="false"])) > button{gap: 0;min-width: 36px;padding: 0 8px;font-size: 12px}.eq-edition-switch:is(.eq-edition-switch--compact,[data-compact]:not([data-compact="false"])) > button::before{content: none}.eq-edition-switch:is(.eq-edition-switch--compact,[data-compact]:not([data-compact="false"])) > button:not([aria-pressed="true"]){color: color-mix(in srgb,var(--eq-ed-ink) 70%,var(--eq-text-2))}.eq-edition-switch:is(.eq-edition-switch--compact,[data-compact]:not([data-compact="false"])) > button:not([aria-pressed="true"],[aria-disabled="true"]):hover{color: var(--eq-ed-ink)}@media (pointer: coarse){.eq-edition-switch:is(.eq-edition-switch--compact,[data-compact]:not([data-compact="false"])) > button{min-width: 44px}.eq-edition-switch:is(.eq-edition-switch--compact,[data-compact]:not([data-compact="false"])) > button::after{inset: -8px 0}}.eq-world-about{margin: 6px 0 0;max-width: 46em;font: var(--eq-weight-regular) 12px/1.4 var(--eq-font);color: var(--eq-text-2)}.eq-world-about > b{font-weight: var(--eq-weight-semibold);color: var(--eq-ed-ink)}.eq-ref{position: relative;display: inline-flex;align-items: center;gap: 5px;vertical-align: middle;height: 24px;max-width: min(100%,var(--eq-ref-max,22em));padding: 0 9px 0 7px;border-radius: var(--eq-radius-pill);background: var(--eq-fill-1);color: var(--eq-text-2);font: var(--eq-weight-medium) 12px/1 var(--eq-font);white-space: nowrap;text-decoration: none;-webkit-tap-highlight-color: transparent;transition: background var(--eq-dur-1) var(--eq-ease),color var(--eq-dur-1),transform var(--eq-dur-2) var(--eq-ease)}.eq-ref::after{content: "";position: absolute;inset: -4px 0;border-radius: inherit}.eq-ref__icon.eq-icon{width: 14px;height: 14px;stroke-width: 2;color: var(--eq-text-2)}.eq-ref__name{min-width: 0;overflow: hidden;text-overflow: ellipsis;line-height: 1.3;color: var(--eq-text-1)}a.eq-ref[href] .eq-ref__name{color: var(--eq-accent-ink)}a.eq-ref[href]:hover{background: var(--eq-fill-2)}a.eq-ref[href]:hover .eq-ref__name{text-decoration: underline;text-underline-offset: 2px}a.eq-ref[href]:active{transform: scale(.97)}.eq-ref--sm{height: 20px;gap: 4px;padding: 0 7px 0 6px;font-size: 11px}.eq-ref--sm .eq-ref__icon.eq-icon{width: 12px;height: 12px}.eq-ref--sm::after{inset: -6px 0}.eq-ref--glass{background: var(--eq-glass);-webkit-backdrop-filter: var(--eq-chip-filter);backdrop-filter: var(--eq-chip-filter);box-shadow: inset 0 0 0 .5px var(--eq-edge)}a.eq-ref--glass[href]:hover{background: var(--eq-glass-thick)}.eq-coverage{display: grid;grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "label readout" "bar bar";align-items: baseline;column-gap: 10px;row-gap: 6px;min-width: 0;font-size: 12px;color: var(--eq-text-2)}.eq-coverage:not(:has(> .eq-coverage__label)){grid-template-columns: auto minmax(0,1fr);grid-template-areas: "readout ." "bar bar"}.eq-coverage__label{grid-area: label;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-coverage__readout{grid-area: readout;white-space: nowrap;color: var(--eq-ed-ink);font-weight: var(--eq-weight-semibold);font-variant-numeric: tabular-nums}.eq-coverage__bar{grid-area: bar;position: relative;height: 6px;border-radius: 3px;overflow: hidden;background: color-mix(in srgb,var(--eq-ed) 18%,var(--eq-fill-1))}.eq-coverage__bar > i{position: absolute;left: 0;top: 0;bottom: 0;width: var(--eq-value,0%);border-radius: inherit;background: linear-gradient(90deg,var(--eq-ed),color-mix(in srgb,var(--eq-ed) 70%,#fff));box-shadow: 0 0 8px -1px color-mix(in srgb,var(--eq-ed) 55%,transparent);transition: width var(--eq-dur-5) var(--eq-ease)}.eq-coverage--inline{grid-template-columns: auto minmax(48px,1fr) minmax(var(--eq-coverage-readout,8.5em),auto);grid-template-areas: "label bar readout";align-items: center}.eq-coverage--inline:not(:has(> .eq-coverage__label)){grid-template-columns: minmax(48px,1fr) minmax(var(--eq-coverage-readout,8.5em),auto);grid-template-areas: "bar readout"}.eq-coverage--inline .eq-coverage__readout{text-align: right}.eq-coverage--inline .eq-coverage__label{max-width: 16em}.eq-member{font-weight: var(--eq-weight-semibold);color: inherit;overflow-wrap: anywhere}a.eq-member{border-radius: 3px;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;text-decoration-color: color-mix(in srgb,currentColor 35%,transparent)}a.eq-member:is(:hover,:focus-visible){text-decoration-color: currentColor}.eq-member--anon{font-weight: var(--eq-weight-regular);color: var(--eq-text-3)}.eq-fallback{display: inline-flex;align-items: center;gap: 5px;vertical-align: middle;min-height: 24px;max-width: 100%;padding: 2px 10px 2px 8px;border: 1px dashed color-mix(in srgb,var(--eq-ed) 65%,transparent);border-radius: var(--eq-radius-pill);background: color-mix(in srgb,var(--eq-ed) 9%,transparent);color: var(--eq-ed-ink);font: var(--eq-weight-semibold) 12px/1.25 var(--eq-font)}.eq-fallback__icon.eq-icon{width: 14px;height: 14px;flex: none;stroke-width: 2}.eq-fallback__text{min-width: 0}.eq-fallback--sm{min-height: 20px;gap: 4px;padding: 1px 8px 1px 6px;font-size: 11px}.eq-fallback--sm .eq-fallback__icon.eq-icon{width: 12px;height: 12px}.eq-nameplate:has(> .eq-fallback){max-width: 280px}.eq-nameplate > .eq-fallback{white-space: nowrap}.eq-nameplate > .eq-fallback .eq-fallback__text{overflow: hidden;text-overflow: ellipsis}.eq-fallback--note{display: flex;width: 100%;padding: 8px 12px;border-radius: var(--eq-radius-sm);font-size: 12.5px}.eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) .eq-ref{color: #fff;background: rgba(255,255,255,.2)}.eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) :is(.eq-ref__name,.eq-ref__icon.eq-icon,.eq-member--anon){color: inherit}.eq-list--soft .eq-row:is([aria-selected="true"],[aria-current="true"],[aria-current="page"]) .eq-ref{color: var(--eq-accent-ink);background: var(--eq-fill-1)}@supports (corner-shape: squircle){.eq-edition-switch > button,.eq-fallback--note{corner-shape: squircle}}@media (prefers-reduced-transparency: reduce){.eq-ref--glass{background: var(--eq-surface-solid-2);-webkit-backdrop-filter: none;backdrop-filter: none}}:root[data-glass="solid"] .eq-ref--glass{background: var(--eq-surface-solid-2);-webkit-backdrop-filter: none;backdrop-filter: none}@media (prefers-reduced-motion: reduce){.eq-ref,.eq-coverage__bar > i{transition: none}a.eq-ref[href]:active{transform: none}}@media (forced-colors: active){.eq-seg.eq-edition-switch > button[aria-pressed="true"]{forced-color-adjust: none;background: Highlight;color: HighlightText}.eq-edition-switch > button::before{forced-color-adjust: none;background: currentColor;box-shadow: none}.eq-ref{border: 1px solid CanvasText}.eq-coverage__bar{border: 1px solid CanvasText}.eq-coverage__bar > i{forced-color-adjust: none;background: Highlight;box-shadow: none}.eq-fallback{border-color: CanvasText}}@media print{.eq-coverage__bar{print-color-adjust: exact;-webkit-print-color-adjust: exact}}body.eq-shell-page{margin: 0;height: 100vh;height: 100dvh;overflow: hidden;font: var(--eq-weight-regular) var(--eq-size-md)/var(--eq-leading) var(--eq-font);color: var(--eq-text-1);background: var(--eq-backdrop);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;text-size-adjust: 100%}:where(.eq-shell-page) :where(button,input,select,textarea){font: inherit;color: inherit}:where(.eq-shell-page) :where(button){cursor: pointer}:where(.eq-shell-page) :focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 2px}:where(.eq-shell-page) :focus:not(:focus-visible){outline: none}:where(.eq-shell-page),:where(.eq-shell-page) *{scrollbar-width: thin;scrollbar-color: var(--eq-fill-3) transparent}.eq-shell{--eq-shell-gap: var(--eq-gap);--eq-shell-bar: var(--eq-bar-h);--eq-shell-side: 252px;position: fixed;inset: 0;z-index: 1;display: grid;gap: var(--eq-shell-gap);padding: var(--eq-shell-gap);grid-template-columns: var(--eq-shell-side) minmax(0,1fr);grid-template-rows: var(--eq-shell-bar) minmax(0,1fr)}.eq-shell > *{min-width: 0;min-height: 0}.eq-shell__side{grid-column: 1;grid-row: 1 / -1}.eq-shell__bar{grid-column: 2;grid-row: 1;position: relative;z-index: 3;height: var(--eq-shell-bar);container: eq-bar eq-toolbar / inline-size}.eq-shell__main{grid-column: 2;grid-row: 1 / -1;position: relative;overflow: hidden;border-radius: var(--eq-radius-xl)}.eq-shell__scroll{position: absolute;inset: 0;overflow: auto;overflow-x: hidden;padding: calc(var(--eq-shell-bar) + 26px) 26px 90px;scroll-padding-top: calc(var(--eq-shell-bar) + 26px)}.eq-shell__scroll:focus{outline: none}.eq-shell__side{display: flex;flex-direction: column;padding: 14px 10px 10px;overflow: hidden}.eq-shell__brand{flex: none;padding: 2px 8px 12px;color: inherit;text-decoration: none}.eq-shell__nav{flex: 1;overflow-y: auto;overflow-x: hidden;margin: 0 -4px;padding: 0 4px;gap: 0}a.eq-nav-item{text-decoration: none;color: inherit}.eq-shell__nav > .eq-nav-item{flex: none}.eq-shell__gap{flex: none;height: 21px;margin: 0 10px;background: linear-gradient(var(--eq-sep),var(--eq-sep)) center / 100% 1px no-repeat}.eq-shell__foot{flex: none;display: flex;flex-direction: column;gap: 10px;padding: 10px 6px 2px;margin-top: 6px;border-top: 1px solid var(--eq-sep)}html:not([data-eq-no-hub]) .eq-shell__foot{padding-bottom: calc(var(--eq-hub-reserve,52px) - 14px)}.eq-shell__row{display: flex;align-items: center;justify-content: space-between;gap: 8px;font-size: 12px;color: var(--eq-text-2)}.eq-shell__row--stack{flex-direction: column;align-items: stretch;gap: 4px}.eq-shell__row--stack .eq-seg{display: flex;width: 100%}.eq-shell__row--stack .eq-seg > button{flex: 1 1 auto;min-width: 0;padding: 0 6px}.eq-shell__foot .eq-seg > button{height: 26px}.eq-shell__menu-btn{display: none;flex: none}.eq-shell__title{flex: 1;min-width: 0;margin: 0;padding: 5px 8px;font: 600 13.5px/1.2 var(--eq-font);color: var(--eq-text-1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.eq-shell__actions{display: flex;align-items: center;gap: 4px;flex: none}.eq-shell__account{display: flex;align-items: center;flex: none}@container eq-bar (max-width: 760px){.eq-shell__search .eq-kbd{display: none}}@container eq-bar (max-width: 620px){.eq-shell__search{width: 32px;padding: 0}.eq-shell__search-label{position: absolute !important;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}}@media (hover: none) and (pointer: coarse){.eq-kbd--hint{display: none}}.eq-shell__scrim{display: none}@media (max-width: 1360px){.eq-shell{--eq-shell-side: 220px}}@media (max-width: 1099.98px){.eq-shell{grid-template-columns: minmax(0,1fr)}.eq-shell__bar{grid-column: 1}.eq-shell__main{grid-column: 1}.eq-shell__menu-btn{display: inline-flex}.eq-shell__side{position: fixed;left: var(--eq-shell-gap);top: var(--eq-shell-gap);bottom: var(--eq-shell-gap);width: min(300px,calc(100vw - 48px));z-index: var(--eq-z-drawer);transform: translateX(calc(-100% - 24px));visibility: hidden;transition: transform .35s var(--eq-ease),visibility 0s linear .35s}.eq-shell[data-eq-drawer="open"] .eq-shell__side{transform: none;visibility: visible;transition: transform .35s var(--eq-ease),visibility 0s}.eq-shell[data-eq-drawer="open"] .eq-shell__scrim{display: block;position: fixed;inset: 0;z-index: calc(var(--eq-z-drawer) - 1);background: var(--eq-scrim);animation: eq-shell-fade var(--eq-dur-3) var(--eq-ease) both}}@keyframes eq-shell-fade{from{opacity: 0}}@media (max-width: 760px){.eq-shell{--eq-shell-gap: 10px;--eq-shell-bar: 48px}.eq-shell__scroll{padding: calc(var(--eq-shell-bar) + 22px) 14px calc(var(--eq-hub-reserve,52px) + 12px)}}@media (prefers-reduced-motion: reduce) and (max-width: 1099.98px){.eq-shell__side{transform: none;opacity: 0;transition: opacity var(--eq-dur-fade) var(--eq-ease),visibility 0s linear var(--eq-dur-fade)}.eq-shell[data-eq-drawer="open"] .eq-shell__side{opacity: 1;transition: opacity var(--eq-dur-fade) var(--eq-ease),visibility 0s}}@media (max-width: 1099.98px){:root[data-eq-motion="off"] .eq-shell__side{transform: none;opacity: 0;transition: opacity var(--eq-dur-fade) var(--eq-ease),visibility 0s linear var(--eq-dur-fade)}:root[data-eq-motion="off"] .eq-shell[data-eq-drawer="open"] .eq-shell__side{opacity: 1;transition: opacity var(--eq-dur-fade) var(--eq-ease),visibility 0s}}html[data-eq-access="player"] [data-eq-members-only]{display: none !important}.eq-tile{display: block;color: inherit;text-decoration: none;border-radius: var(--eq-radius-lg)}.eq-tile:focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 2px}.eq-tile__card{display: flex;flex-direction: column;padding: 16px 18px;height: 100%}.eq-tile__top{display: flex;align-items: center;gap: 7px;font: 600 13px/1.3 var(--eq-font);color: var(--eq-text-2)}.eq-tile__name{flex: 1;min-width: 0;margin: 0;font: inherit;color: inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-tile__top svg{color: var(--eq-text-3);flex: none}.eq-tile__go{margin-left: auto}.eq-tile__fig{font: 700 34px/1.05 var(--eq-font-display);letter-spacing: -.03em;margin: 12px 0 4px;font-variant-numeric: tabular-nums;white-space: nowrap}.eq-tile__sub{line-height: 1.4}.eq-tile--small .eq-tile__card{padding: 12px 14px}.eq-tile--small .eq-tile__fig{font-size: 22px;margin: 8px 0 2px}.eq-tile--loading .eq-tile__card > .eq-skeleton{min-height: 86px}.eq-tile--link .eq-tile__name > svg{margin: -2px 7px 0 0}.eq-tile--link .eq-tile__sub{margin-top: 6px}.eq-tiles{display: grid;gap: 14px;margin-top: 14px}.eq-tiles--count{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px;margin-top: 14px}.eq-tiles--link{display: grid;grid-template-columns: repeat(auto-fill,minmax(230px,1fr));gap: 14px;margin-top: 14px}@media (min-width: 1500px){.eq-tiles--count{grid-template-columns: repeat(6,minmax(0,1fr))}}.eq-tiles__source{display: flex;align-items: flex-start;gap: 7px;margin: 12px 2px 0;font-size: 12px;line-height: 1.45;color: var(--eq-text-3)}.eq-tiles__source > svg{flex: none;margin-top: 1px}.eq-tiles__source a{color: var(--eq-accent-ink)}.eq-tiles__cta{margin: 18px 2px 0}.eq-section-title{margin: 26px 2px 0;font: 650 18px/1.2 var(--eq-font-display);letter-spacing: -.012em}.eq-shell__footer{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 18px;margin-top: 40px;padding: 18px 2px 0;border-top: 1px solid var(--eq-sep);font-size: 12.5px;line-height: 1.45;color: var(--eq-text-3)}.eq-shell__footer nav{display: flex;flex-wrap: wrap;gap: 16px}.eq-shell__footer a{color: var(--eq-text-2);text-decoration: none;border-radius: 4px}.eq-shell__footer a:hover{color: var(--eq-text-1);text-decoration: underline;text-underline-offset: 2px}.eq-pic{display: block;color: inherit;text-decoration: none;border-radius: var(--eq-radius-lg)}.eq-pic:focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 2px}.eq-pic__card{position: relative;display: flex;flex-direction: column;height: 100%;border-radius: var(--eq-radius-lg);box-shadow: var(--eq-shadow-1),inset 0 0 0 .5px var(--eq-card-edge)}.eq-pic__media{position: relative;flex: none;aspect-ratio: 1;overflow: hidden;border-radius: var(--eq-radius-lg) var(--eq-radius-lg) 0 0;background: var(--eq-fill-1)}.eq-pic__img{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;user-select: none}.eq-pic--contain .eq-pic__media{background: repeating-conic-gradient(var(--eq-checker-a) 0 25%,var(--eq-checker-b) 0 50%) 0 0 / 14px 14px}.eq-pic--contain .eq-pic__img{object-fit: contain}.eq-pic__flags{position: absolute;top: 10px;left: 10px;right: 44px;z-index: 1;display: flex;flex-wrap: wrap;gap: 4px;pointer-events: none}.eq-pic__flags > .eq-chip{height: 20px;padding: 0 7px;font-size: 11px}.eq-pic__badge{position: absolute;top: 10px;right: 10px;z-index: 1;width: 26px;height: 26px;border-radius: 50%;display: grid;place-items: center;color: #fff;pointer-events: none}.eq-pic__badge:not(.eq-pic__badge--ok):not(.eq-pic__badge--bad){display: none}.eq-pic__badge > svg{width: 15px;height: 15px;stroke-width: 2.6}.eq-pic__badge--ok{background: var(--eq-good);box-shadow: 0 2px 10px -2px var(--eq-good)}.eq-pic__badge--bad{background: var(--eq-bad);box-shadow: 0 2px 10px -2px var(--eq-bad)}.eq-pic__meta{position: relative;flex: 1;min-width: 0;padding: 10px 12px 12px;border-radius: 0 0 var(--eq-radius-lg) var(--eq-radius-lg);background: var(--eq-card);-webkit-backdrop-filter: var(--eq-card-filter);backdrop-filter: var(--eq-card-filter);box-shadow: inset 0 1px 0 var(--eq-rim-lo)}.eq-pic__name{font-size: 13.5px;font-weight: 620;letter-spacing: -.005em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-pic__sub{margin-top: 1px;font-size: 11.5px;color: var(--eq-text-3);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-pic__card::after{content: "";position: absolute;inset: 0;z-index: 2;border-radius: inherit;pointer-events: none;box-shadow: inset 0 0 0 2px var(--eq-accent);opacity: 0}:is(.eq-pic[aria-selected="true"] > .eq-pic__card,.eq-pic__card[aria-selected="true"])::after{opacity: 1}.eq-pics{display: grid;grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 14px}.eq-stats{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}@media (max-width: 760px){.eq-tiles--count,.eq-tiles--link{grid-template-columns: 1fr 1fr;gap: 10px}.eq-tile__card{padding: 12px 13px}.eq-tile__fig{font-size: 26px}.eq-tile--small .eq-tile__fig{font-size: 19px}.eq-tile--loading .eq-tile__card > .eq-skeleton{min-height: 60px}.eq-tile__go{display: none}.eq-tile__name{white-space: normal;line-height: 1.25}.eq-pics{grid-template-columns: 1fr 1fr;gap: 10px}.eq-pic__flags > :not(:first-child){display: none}}.eq-window{--eq-window-seam: color-mix(in srgb,var(--eq-edge) 62%,transparent);position: relative;isolation: isolate;display: flex;flex-direction: column;min-width: 0;min-height: 0;color: var(--eq-text-1);background: var(--eq-glass-thick);-webkit-backdrop-filter: var(--eq-glass-filter);backdrop-filter: var(--eq-glass-filter);border-radius: var(--eq-radius-xl);box-shadow: var(--eq-shadow-3)}.eq-window::before{content: "";position: absolute;inset: 0;z-index: 5;border-radius: inherit;pointer-events: none;box-shadow: inset 0 0 0 1px var(--eq-edge),inset 0 1px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo))}:root:not([data-eq-skin="off"]) .eq-window::after{content: "";position: absolute;left: -5px;top: -5px;z-index: 6;width: 26px;height: 26px;pointer-events: none;background: url("/design/brand/crest/hud/corner.svg?v=d99a5aeee1") center / contain no-repeat}.eq-window__bar,.eq-window__foot{flex: none;display: flex;align-items: center;gap: 8px;padding: 0 14px}.eq-window__bar{min-height: var(--eq-bar-h);box-shadow: inset 0 -1px 0 var(--eq-window-seam)}.eq-window__foot{min-height: 40px;box-shadow: inset 0 1px 0 var(--eq-window-seam)}.eq-window__row{flex: 1 1 auto;display: flex;min-width: 0;min-height: 0}.eq-window__pane{flex: none;min-width: 0;min-height: 0;overflow: auto;padding: 16px}.eq-window__pane--grow{flex: 1 1 auto}.eq-window__row > .eq-window__pane + .eq-window__pane{box-shadow: inset 1px 0 0 var(--eq-window-seam)}:root .eq-window.eq-window :is(.eq-window__bar,.eq-window__pane,.eq-window__foot):is(.eq-glass,.eq-card){background: none;-webkit-backdrop-filter: none;backdrop-filter: none;border: 0;border-radius: 0;box-shadow: none}:root .eq-window.eq-window :is(.eq-window__bar,.eq-window__pane,.eq-window__foot):is(.eq-glass,.eq-card)::before,:root .eq-window.eq-window :is(.eq-window__bar,.eq-window__pane,.eq-window__foot):is(.eq-glass,.eq-card)::after{content: none;display: none}:root .eq-window.eq-window .eq-window__bar:is(.eq-glass,.eq-card){box-shadow: inset 0 -1px 0 var(--eq-window-seam)}:root .eq-window.eq-window .eq-window__foot:is(.eq-glass,.eq-card){box-shadow: inset 0 1px 0 var(--eq-window-seam)}:root .eq-window.eq-window .eq-window__row > .eq-window__pane + .eq-window__pane:is(.eq-glass,.eq-card){box-shadow: inset 1px 0 0 var(--eq-window-seam)}@media (max-width: 760px){.eq-window__row{flex-direction: column}.eq-window__row > .eq-window__pane + .eq-window__pane,:root .eq-window.eq-window .eq-window__row > .eq-window__pane + .eq-window__pane:is(.eq-glass,.eq-card){box-shadow: inset 0 1px 0 var(--eq-window-seam)}}@media (min-width: 1100px){:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float){gap: 0;--eq-window-seam: color-mix(in srgb,var(--eq-edge) 62%,transparent)}:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float)::before{content: "";position: absolute;inset: var(--eq-shell-gap);z-index: 5;border-radius: var(--eq-radius-xl);pointer-events: none;box-shadow: inset 0 0 0 1px var(--eq-edge),inset 0 1px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo)),var(--eq-shadow-3)}:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float)::after{content: "";position: absolute;left: calc(var(--eq-shell-gap) - 5px);top: calc(var(--eq-shell-gap) - 5px);z-index: 6;width: 26px;height: 26px;pointer-events: none;background: url("/design/brand/crest/hud/corner.svg?v=d99a5aeee1") center / contain no-repeat}:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float) > :is(.eq-shell__side,.eq-shell__bar){background: var(--eq-glass-thick)}:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float) > :is(.eq-shell__side,.eq-shell__bar)::before{display: none}:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float) > .eq-shell__side{border-radius: var(--eq-radius-xl) 0 0 var(--eq-radius-xl);box-shadow: inset -1px 0 0 var(--eq-window-seam)}:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float) > .eq-shell__bar{border-radius: 0 var(--eq-radius-xl) 0 0;box-shadow: inset 0 -1px 0 var(--eq-window-seam)}:root:not([data-eq-skin="off"]) .eq-shell:not(.eq-shell--float) > .eq-shell__main{border-radius: 0 0 var(--eq-radius-xl) 0}}@supports (corner-shape: squircle){.eq-tile,.eq-pic,.eq-pic__card{corner-shape: squircle}}@media (forced-colors: active){.eq-shell__side,.eq-shell__bar,.eq-tile__card,.eq-pic__card{border: 1px solid CanvasText}.eq-window{border: 1px solid CanvasText}.eq-window::before,.eq-shell::before{display: none}.eq-window__bar{border-bottom: 1px solid CanvasText}.eq-window__foot{border-top: 1px solid CanvasText}.eq-window__row > .eq-window__pane + .eq-window__pane{border-left: 1px solid CanvasText}.eq-shell [aria-current="page"],.eq-shell .eq-seg > [aria-pressed="true"]{outline: 2px solid Highlight;outline-offset: -2px}.eq-shell[data-eq-drawer="open"] .eq-shell__scrim{background: Canvas;opacity: .6}.eq-pic__card::after{box-shadow: none;outline: 2px solid Highlight;outline-offset: -2px}}:root,[data-theme="light"]{--eq-art-scrim: radial-gradient(75% 70% at 50% 40%,rgba(240,236,226,0) 40%,rgba(240,236,226,.6) 100%),linear-gradient(180deg,rgba(240,236,226,.92) 0,rgba(240,236,226,.84) 120px,rgba(240,236,226,.8) 34%,rgba(240,236,226,.84) 70%,rgba(240,236,226,.92) 100%);--eq-art-scrim-strong: radial-gradient(75% 70% at 50% 40%,rgba(240,236,226,0) 40%,rgba(240,236,226,.5) 100%),linear-gradient(180deg,rgba(240,236,226,.95) 0,rgba(240,236,226,.9) 120px,rgba(240,236,226,.88) 34%,rgba(240,236,226,.9) 70%,rgba(240,236,226,.95) 100%);--eq-art-blend: luminosity}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--eq-art-scrim: radial-gradient(75% 70% at 50% 40%,rgba(6,5,4,0) 40%,rgba(6,5,4,.7) 100%),linear-gradient(180deg,rgba(6,5,4,.82) 0,rgba(6,5,4,.62) 120px,rgba(6,5,4,.55) 34%,rgba(6,5,4,.7) 70%,rgba(6,5,4,.9) 100%);--eq-art-scrim-strong: radial-gradient(75% 70% at 50% 40%,rgba(6,5,4,0) 40%,rgba(6,5,4,.6) 100%),linear-gradient(180deg,rgba(6,5,4,.9) 0,rgba(6,5,4,.8) 120px,rgba(6,5,4,.76) 34%,rgba(6,5,4,.84) 70%,rgba(6,5,4,.94) 100%);--eq-art-blend: normal}}:root:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-theme="dark"],[data-theme="dark"]{--eq-art-scrim: radial-gradient(75% 70% at 50% 40%,rgba(6,5,4,0) 40%,rgba(6,5,4,.7) 100%),linear-gradient(180deg,rgba(6,5,4,.82) 0,rgba(6,5,4,.62) 120px,rgba(6,5,4,.55) 34%,rgba(6,5,4,.7) 70%,rgba(6,5,4,.9) 100%);--eq-art-scrim-strong: radial-gradient(75% 70% at 50% 40%,rgba(6,5,4,0) 40%,rgba(6,5,4,.6) 100%),linear-gradient(180deg,rgba(6,5,4,.9) 0,rgba(6,5,4,.8) 120px,rgba(6,5,4,.76) 34%,rgba(6,5,4,.84) 70%,rgba(6,5,4,.94) 100%);--eq-art-blend: normal}.eq-backdrop[data-art]{background-repeat: no-repeat;background-size: cover;background-position: var(--eq-art-pos,var(--eq-art-x,var(--eq-art-fx,50%)) var(--eq-art-y,var(--eq-art-fy,50%)));background-blend-mode: var(--eq-art-blend,normal)}.eq-backdrop[data-art] > i{display: none}.eq-backdrop[data-art]::after{content: "";position: absolute;inset: 0;pointer-events: none;background: var(--eq-art-scrim);-webkit-mask-image: none;mask-image: none}.eq-backdrop[data-art][data-art-scrim="strong"]::after{background: var(--eq-art-scrim-strong)}.eq-backdrop[data-art-pos~="center"]{--eq-art-x: 50%;--eq-art-y: 50%}.eq-backdrop[data-art-pos~="top"]{--eq-art-y: 0%}.eq-backdrop[data-art-pos~="bottom"]{--eq-art-y: 100%}.eq-backdrop[data-art-pos~="left"]{--eq-art-x: 0%}.eq-backdrop[data-art-pos~="right"]{--eq-art-x: 100%}.eq-backdrop[data-art="bestiary"]{--eq-art-fx: 55%;--eq-art-fy: 60%;background-image: url("/design/brand/keyart/bestiary-1280.webp?v=650bd478cc")}.eq-backdrop[data-art="three-worlds"]{--eq-art-fx: 50%;--eq-art-fy: 55%;background-image: url("/design/brand/keyart/three-worlds-1280.webp?v=427ae1a616")}.eq-backdrop[data-art="raid-battle"]{--eq-art-fx: 66%;--eq-art-fy: 60%;background-image: url("/design/brand/keyart/raid-battle-1280.webp?v=28298e1e17")}.eq-backdrop[data-art="cartographer"]{--eq-art-fx: 45%;--eq-art-fy: 60%;background-image: url("/design/brand/keyart/cartographer-1280.webp?v=0bb2ae964a")}.eq-backdrop[data-art="invite-seal"]{--eq-art-fx: 30%;--eq-art-fy: 65%;background-image: url("/design/brand/keyart/invite-seal-1280.webp?v=9ea3517269")}.eq-backdrop[data-art="built-by-players"]{--eq-art-fx: 68%;--eq-art-fy: 45%;background-image: url("/design/brand/keyart/built-by-players-1280.webp?v=44198953e7")}.eq-backdrop[data-art="atelier"]{--eq-art-fx: 45%;--eq-art-fy: 55%;background-image: url("/design/brand/keyart/atelier-1280.webp?v=f953acb440")}.eq-backdrop[data-art="campfire"]{--eq-art-fx: 50%;--eq-art-fy: 65%;background-image: url("/design/brand/keyart/campfire-1280.webp?v=19dee5b384")}.eq-backdrop[data-art="boss-arena"]{--eq-art-fx: 70%;--eq-art-fy: 45%;background-image: url("/design/brand/keyart/boss-arena-1280.webp?v=da628fd56b")}@media (min-width: 1281px),(min-width: 761px) and (min-height: 801px),(min-width: 761px) and (min-resolution: 1.5dppx),(min-width: 761px) and (-webkit-min-device-pixel-ratio: 1.5){.eq-backdrop[data-art="bestiary"]{background-image: url("/design/brand/keyart/bestiary-1920.webp?v=35aff0638d")}.eq-backdrop[data-art="three-worlds"]{background-image: url("/design/brand/keyart/three-worlds-1920.webp?v=e15bdfbd99")}.eq-backdrop[data-art="raid-battle"]{background-image: url("/design/brand/keyart/raid-battle-1920.webp?v=deb6d0601f")}.eq-backdrop[data-art="cartographer"]{background-image: url("/design/brand/keyart/cartographer-1920.webp?v=c388d77c0e")}.eq-backdrop[data-art="invite-seal"]{background-image: url("/design/brand/keyart/invite-seal-1920.webp?v=1c53fa3d02")}.eq-backdrop[data-art="built-by-players"]{background-image: url("/design/brand/keyart/built-by-players-1920.webp?v=57b4cfa767")}.eq-backdrop[data-art="atelier"]{background-image: url("/design/brand/keyart/atelier-1920.webp?v=9704c981d7")}.eq-backdrop[data-art="campfire"]{background-image: url("/design/brand/keyart/campfire-1920.webp?v=e1f3c1de43")}.eq-backdrop[data-art="boss-arena"]{background-image: url("/design/brand/keyart/boss-arena-1920.webp?v=7a37240f84")}}:root[data-glass="solid"] .eq-backdrop[data-art]::after{background: var(--eq-art-scrim-strong)}@media (prefers-reduced-transparency: reduce){:root .eq-backdrop[data-art]::after{background: var(--eq-art-scrim-strong)}}@media (forced-colors: active){:root .eq-backdrop[data-art]{background-image: none}:root .eq-backdrop[data-art]::after{content: none}}@media print{:root .eq-backdrop[data-art]{display: none}}:root{--eq-site-header-css: 1}@font-face{font-family: "Marcellus";font-style: normal;font-weight: 400;font-display: swap;src: url("/design/brand/fonts/Marcellus-400.woff2?v=75684b4016") format("woff2"),url("/design/brand/fonts/Marcellus-400.ttf?v=2f6fa616f7") format("truetype");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}:root[data-eq-has-site-header="full"]{--eq-site-header-h: 70px}:root[data-eq-has-site-header="compact"]{--eq-site-header-h: 40px}@media (max-width: 600px){:root[data-eq-has-site-header="full"]{--eq-site-header-h: 60px}}:where(html[data-eq-has-site-header]){scroll-padding-top: calc(var(--eq-site-header-h,0px) + 12px)}:where(html[data-eq-has-site-header]) .eq-shell{top: var(--eq-site-header-h,0px)}[data-eq-site-header]:not(.eq-site-header){display: contents}.eq-site-header,.eq-site-crumbs{--eq-sh-glass: var(--eq-glass,rgba(13,11,9,.64));--eq-sh-glass-thick: var(--eq-glass-thick,rgba(15,12,9,.82));--eq-sh-solid: #15120e;--eq-sh-menu: rgba(15,12,9,.94);--eq-sh-filter: var(--eq-glass-filter,blur(9px) saturate(110%));--eq-sh-edge: var(--eq-edge,rgba(150,114,60,.62));--eq-sh-bronze: var(--eq-hud-bronze,rgba(150,114,60,.55));--eq-sh-sep: var(--eq-sep,rgba(150,114,60,.28));--eq-sh-rim-hi: var(--eq-rim-hi,rgba(243,213,143,.85));--eq-sh-rim-lo: var(--eq-rim-lo,rgba(224,176,74,.30));--eq-sh-lit: rgba(243,213,143,.20);--eq-sh-inner: rgba(0,0,0,.55);--eq-sh-shadow: 0 8px 22px rgba(0,0,0,.42);--eq-sh-menu-shadow: 0 10px 24px rgba(0,0,0,.6);--eq-sh-text-1: var(--eq-text-1,#f2eee6);--eq-sh-text-2: var(--eq-text-2,#b9b2a4);--eq-sh-text-3: var(--eq-text-3,#8e887c);--eq-sh-row: #d9d3c6;--eq-sh-gold: var(--crest-gold,#e0b04a);--eq-sh-gold-hi: var(--crest-gold-hi,#f3d58f);--eq-sh-glow: rgba(224,176,74,.6);--eq-sh-wash: rgba(224,176,74,.10);--eq-sh-slot: var(--eq-hud-slot,rgba(0,0,0,.5));--eq-sh-slot-ring: inset 0 0 0 1px rgba(0,0,0,.8),0 0 0 1px var(--eq-sh-bronze),inset 0 1px 0 var(--eq-hud-lit,rgba(243,213,143,.12));--eq-sh-field: inset 0 1px 3px rgba(0,0,0,.8),inset 0 0 0 1px rgba(150,114,60,.38);--eq-sh-login-ring: rgba(224,176,74,.55);--eq-sh-medal: radial-gradient(circle at 35% 30%,#3a332a,#1a1612);--eq-sh-focus: var(--eq-focus,#f3d58f);--eq-sh-scrim: rgba(5,4,3,.55);--eq-sh-crumb-shadow: 0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.55);--eq-sh-logo: url("/design/brand/crest/logo/crest-header-dark.svg?v=c1819b45f2");--eq-sh-font: var(--eq-font,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",system-ui,Roboto,sans-serif);--eq-sh-serif: var(--crest-font-display,"Marcellus",Georgia,"Times New Roman",serif);--eq-sh-ease: var(--eq-ease,cubic-bezier(.2,.8,.2,1))}[data-theme="light"] :is(.eq-site-header,.eq-site-crumbs):not([data-theme="dark"]),:is(.eq-site-header,.eq-site-crumbs)[data-theme="light"]{--eq-sh-glass: rgba(240,236,226,.86);--eq-sh-glass-thick: rgba(240,236,226,.95);--eq-sh-solid: #f0ece2;--eq-sh-menu: rgba(247,243,234,.97);--eq-sh-edge: rgba(110,74,18,.34);--eq-sh-bronze: rgba(110,74,18,.30);--eq-sh-sep: rgba(110,74,18,.20);--eq-sh-rim-hi: rgba(184,137,58,.85);--eq-sh-rim-lo: rgba(184,137,58,.26);--eq-sh-lit: rgba(255,255,255,.75);--eq-sh-inner: rgba(255,255,255,.45);--eq-sh-shadow: 0 6px 18px rgba(60,44,20,.16);--eq-sh-menu-shadow: 0 10px 24px rgba(60,44,20,.2);--eq-sh-text-1: var(--crest-ink,#14110c);--eq-sh-text-2: #4d4537;--eq-sh-text-3: #675d4e;--eq-sh-row: #2c261d;--eq-sh-gold: var(--crest-gold-deep,#b8893a);--eq-sh-gold-hi: var(--crest-bronze,#6e4a12);--eq-sh-glow: rgba(184,137,58,.35);--eq-sh-wash: rgba(138,92,14,.10);--eq-sh-slot: rgba(255,255,255,.6);--eq-sh-slot-ring: 0 0 0 1px var(--eq-sh-bronze),inset 0 1px 0 rgba(255,255,255,.8);--eq-sh-field: inset 0 1px 2px rgba(60,44,20,.16),inset 0 0 0 1px rgba(110,74,18,.30);--eq-sh-login-ring: rgba(138,92,14,.45);--eq-sh-medal: radial-gradient(circle at 35% 30%,#fffaf0,#e6dcc6);--eq-sh-focus: var(--crest-gold-ink,#8a5c0e);--eq-sh-scrim: rgba(30,24,16,.28);--eq-sh-crumb-shadow: none;--eq-sh-logo: url("/design/brand/crest/logo/crest-header-light.svg?v=82191d2baa")}@media (prefers-color-scheme: light){:root[data-eq-skin="off"]:not([data-theme="dark"]) :is(.eq-site-header,.eq-site-crumbs):not([data-theme="dark"]){--eq-sh-glass: rgba(240,236,226,.86);--eq-sh-glass-thick: rgba(240,236,226,.95);--eq-sh-solid: #f0ece2;--eq-sh-menu: rgba(247,243,234,.97);--eq-sh-edge: rgba(110,74,18,.34);--eq-sh-bronze: rgba(110,74,18,.30);--eq-sh-sep: rgba(110,74,18,.20);--eq-sh-rim-hi: rgba(184,137,58,.85);--eq-sh-rim-lo: rgba(184,137,58,.26);--eq-sh-lit: rgba(255,255,255,.75);--eq-sh-inner: rgba(255,255,255,.45);--eq-sh-shadow: 0 6px 18px rgba(60,44,20,.16);--eq-sh-menu-shadow: 0 10px 24px rgba(60,44,20,.2);--eq-sh-text-1: var(--crest-ink,#14110c);--eq-sh-text-2: #4d4537;--eq-sh-text-3: #675d4e;--eq-sh-row: #2c261d;--eq-sh-gold: var(--crest-gold-deep,#b8893a);--eq-sh-gold-hi: var(--crest-bronze,#6e4a12);--eq-sh-glow: rgba(184,137,58,.35);--eq-sh-wash: rgba(138,92,14,.10);--eq-sh-slot: rgba(255,255,255,.6);--eq-sh-slot-ring: 0 0 0 1px var(--eq-sh-bronze),inset 0 1px 0 rgba(255,255,255,.8);--eq-sh-field: inset 0 1px 2px rgba(60,44,20,.16),inset 0 0 0 1px rgba(110,74,18,.30);--eq-sh-login-ring: rgba(138,92,14,.45);--eq-sh-medal: radial-gradient(circle at 35% 30%,#fffaf0,#e6dcc6);--eq-sh-focus: var(--crest-gold-ink,#8a5c0e);--eq-sh-scrim: rgba(30,24,16,.28);--eq-sh-crumb-shadow: none;--eq-sh-logo: url("/design/brand/crest/logo/crest-header-light.svg?v=82191d2baa")}}.eq-site-header,.eq-site-header *,.eq-site-header *::before,.eq-site-header *::after,.eq-site-crumbs,.eq-site-crumbs *,.eq-site-crumbs *::before,.eq-site-crumbs *::after{box-sizing: border-box}.eq-site-header [hidden],.eq-site-crumbs[hidden],.eq-site-crumbs [hidden]{display: none !important}.eq-site-header :where(ul,ol,li,p),.eq-site-crumbs :where(ul,ol,li,p){margin: 0;padding: 0;list-style: none}.eq-site-header :where(a){color: inherit}.eq-site-header a,.eq-site-header a:hover,.eq-site-header a:focus{text-decoration: none}.eq-site-header :where(button){margin: 0;padding: 0;border: 0;background: none;color: inherit;font: inherit;letter-spacing: inherit;text-transform: none;cursor: pointer;appearance: none;-webkit-appearance: none}.eq-site-header :where(svg){display: block;flex: none}.eq-site-header :where(a,button){-webkit-tap-highlight-color: transparent}.eq-site-header :focus-visible,.eq-site-crumbs :focus-visible{outline: 2px solid var(--eq-sh-focus);outline-offset: 2px}.eq-site-header :focus:not(:focus-visible),.eq-site-crumbs :focus:not(:focus-visible){outline: none}.eq-site-header{position: sticky;top: 0;z-index: calc(var(--eq-z-drawer,30) - 2);display: block;width: auto;margin: 0;padding: 12px 16px 0;font: 400 14px/1.4 var(--eq-sh-font);color: var(--eq-sh-text-1);letter-spacing: normal;text-align: left;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;pointer-events: none;background: none;border: 0;box-shadow: none}.eq-site-header > *{pointer-events: auto}.eq-site-header__bar{position: relative;z-index: 1;isolation: isolate;display: flex;align-items: stretch;min-width: 0;height: 58px;padding: 0 12px 0 16px;border-radius: 9px}.eq-site-header__bar::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;pointer-events: none;background: var(--eq-sh-glass);-webkit-backdrop-filter: var(--eq-sh-filter);backdrop-filter: var(--eq-sh-filter);border: 1px solid var(--eq-sh-edge);box-shadow: inset 0 1px 0 var(--eq-sh-lit),inset 0 0 0 1px var(--eq-sh-inner),var(--eq-sh-shadow);transition: background-color 200ms var(--eq-sh-ease)}.eq-site-header[data-scrolled] .eq-site-header__bar::before{background: var(--eq-sh-glass-thick)}.eq-site-header__bar::after{content: "";position: absolute;inset: 0;z-index: 2;border-radius: inherit;padding: 1px;pointer-events: none;background: linear-gradient(135deg,var(--eq-sh-rim-hi),var(--eq-sh-rim-lo) 28%,transparent 58%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude}.eq-site-header__filigree{position: absolute;left: -5px;top: -5px;z-index: 3;width: 26px;height: 26px;pointer-events: none;background: url("/design/brand/crest/hud/corner.svg?v=d99a5aeee1") center / contain no-repeat}.eq-site-header__skip{position: absolute;left: 16px;top: -64px;z-index: 6;display: inline-flex;align-items: center;height: 34px;padding: 0 14px;border-radius: 7px;font: 600 13px/1 var(--eq-sh-font);color: #1b1405;white-space: nowrap;background: linear-gradient(180deg,#f3d58f,#e0b04a 55%,#b8893a);box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.5);transition: top 150ms var(--eq-sh-ease)}.eq-site-header__skip:focus{top: 12px}.eq-site-header__skip:focus-visible{outline-color: var(--eq-sh-text-1)}.eq-site-header__brand{position: relative;display: flex;align-items: center;align-self: center;flex: none;height: 40px;margin: 0 6px 0 -4px;padding: 0 4px;border-radius: 6px}.eq-site-header[data-variant="compact"] .eq-site-header__brand{height: 32px}.eq-site-header__brand:focus-visible{outline-offset: -2px}.eq-site-header__logo{display: block;flex: none;height: var(--crest-logo-header-h,28px);aspect-ratio: 1202.31 / 230;background: var(--eq-sh-logo) left center / contain no-repeat;transition: filter 180ms var(--eq-sh-ease)}.eq-site-header__brand:hover .eq-site-header__logo{filter: brightness(1.12) drop-shadow(0 0 6px rgba(224,176,74,.28))}.eq-site-header__brand-text{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}.eq-site-header__nav{display: flex;align-items: stretch;min-width: 0;margin-left: 10px}.eq-site-header__tabs{display: flex;align-items: stretch;gap: 2px}.eq-site-header__item{position: relative;display: flex;align-items: center}.eq-site-header__tab{position: relative;display: inline-flex;align-items: center;gap: 5px;height: 36px;padding: 0 12px;border-radius: 7px;font: 600 13.5px/1 var(--eq-sh-font);color: var(--eq-sh-text-2);white-space: nowrap;transition: color 150ms var(--eq-sh-ease),background-color 150ms var(--eq-sh-ease)}.eq-site-header__tab:hover,.eq-site-header__tab[aria-expanded="true"]{color: var(--eq-sh-text-1)}.eq-site-header__tab[aria-current]{color: var(--eq-sh-gold-hi)}.eq-site-header__tab::after{content: "";position: absolute;left: 10px;right: 10px;bottom: -2px;height: 2px;border-radius: 2px;background: var(--eq-sh-gold);box-shadow: 0 0 6px var(--eq-sh-glow);opacity: 0;transform: scaleX(.5);transition: opacity 180ms var(--eq-sh-ease),transform 180ms var(--eq-sh-ease)}.eq-site-header__tab[aria-current]::after{opacity: 1;transform: none}.eq-site-header__tab:hover:not([aria-current])::after,.eq-site-header__tab[aria-expanded="true"]:not([aria-current])::after{opacity: 1;transform: none;background: var(--eq-sh-bronze);box-shadow: none}.eq-site-header__chev{width: 10px;height: 10px;opacity: .7;transition: transform 150ms var(--eq-sh-ease),opacity 150ms}[aria-expanded="true"] > .eq-site-header__chev{transform: rotate(180deg);opacity: 1;color: var(--eq-sh-gold)}.eq-site-header__menu{position: absolute;top: calc(100% + 6px);left: 0;z-index: 4;min-width: 250px;max-width: min(340px,calc(100vw - 16px));padding: 5px;border-radius: 8px;isolation: isolate;color: var(--eq-sh-text-1);background: var(--eq-sh-menu);-webkit-backdrop-filter: var(--eq-sh-filter);backdrop-filter: var(--eq-sh-filter);box-shadow: 0 0 0 1px var(--eq-sh-edge),var(--eq-sh-menu-shadow);translate: var(--eq-sh-dx,0px) 0}.eq-site-header__menu::before{content: "";position: absolute;inset: 0;border-radius: inherit;padding: 1px;pointer-events: none;z-index: 1;background: linear-gradient(135deg,var(--eq-sh-rim-hi),var(--eq-sh-rim-lo) 28%,transparent 58%);-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude}.eq-site-header__menu:not([hidden]){animation: eq-sh-pop 150ms var(--eq-sh-ease) both}.eq-site-header__menu--end{left: auto;right: 0}.eq-site-header__menu ul{display: grid;gap: 1px}.eq-site-header__row{display: flex;flex-direction: column;justify-content: center;gap: 2px;min-height: 36px;padding: 7px 10px;border-radius: 5px;font: 600 13.5px/1.25 var(--eq-sh-font);color: var(--eq-sh-row);transition: background-color 120ms var(--eq-sh-ease),color 120ms var(--eq-sh-ease)}.eq-site-header__row-hint{font: 400 12px/1.3 var(--eq-sh-font);color: var(--eq-sh-text-3)}.eq-site-header__row:hover,.eq-site-header__row:focus-visible{background: var(--eq-sh-wash);color: var(--eq-sh-gold-hi)}.eq-site-header__row:focus-visible{outline-offset: -2px}.eq-site-header__row[aria-current]{color: var(--eq-sh-gold-hi);background: var(--eq-sh-wash);box-shadow: inset 2px 0 0 var(--eq-sh-gold)}.eq-site-header__menu-title{padding: 7px 10px 9px;margin-bottom: 4px;border-bottom: 1px solid var(--eq-sh-sep);font: 400 16px/1.2 var(--eq-sh-serif);letter-spacing: .02em;color: var(--eq-sh-text-1);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-site-header__row-sep{margin-top: 4px;padding-top: 4px;border-top: 1px solid var(--eq-sh-sep)}@keyframes eq-sh-pop{from{opacity: 0;transform: translateY(-4px)}}.eq-site-header__end{display: flex;align-items: center;gap: 10px;flex: none;margin-left: auto;padding-left: 12px}.eq-site-header__slot{display: flex;align-items: center;gap: 8px}.eq-site-header__slot:empty{display: none}.eq-site-header__search{position: relative;display: flex;align-items: center;width: clamp(170px,15vw,240px);height: 32px;margin: 0}.eq-site-header__search > svg{position: absolute;left: 10px;top: 50%;width: 15px;height: 15px;margin-top: -7.5px;color: var(--eq-sh-text-3);pointer-events: none}.eq-site-header__search input{display: block;width: 100%;height: 100%;min-width: 0;margin: 0;padding: 0 32px 0 32px;border: 0;border-radius: 6px;outline: none;appearance: none;-webkit-appearance: none;font: 400 13px/32px var(--eq-sh-font);color: var(--eq-sh-text-1);background: var(--eq-sh-slot);box-shadow: var(--eq-sh-field);transition: box-shadow 150ms var(--eq-sh-ease)}.eq-site-header__search input::placeholder{color: var(--eq-sh-text-3);opacity: 1}.eq-site-header__search input::-webkit-search-cancel-button,.eq-site-header__search input::-webkit-search-decoration{-webkit-appearance: none;appearance: none}.eq-site-header__search input:focus{box-shadow: var(--eq-sh-field),0 0 0 2px var(--eq-sh-gold-hi)}.eq-site-header__search input:focus-visible{outline: none}.eq-site-header__kbd{position: absolute;right: 7px;top: 50%;min-width: 18px;height: 18px;margin-top: -9px;padding: 0 5px;border-radius: 4px;font: 600 11px/18px var(--eq-sh-font);color: var(--eq-sh-text-3);text-align: center;box-shadow: inset 0 0 0 1px var(--eq-sh-sep);pointer-events: none}.eq-site-header__search input:focus ~ .eq-site-header__kbd,.eq-site-header__search input:not(:placeholder-shown) ~ .eq-site-header__kbd{display: none}@media (hover: none) and (pointer: coarse){.eq-site-header__kbd{display: none}}.eq-site-header__icon-btn{display: none;place-items: center;flex: none;width: 34px;height: 34px;border-radius: 7px;color: var(--eq-sh-text-1);background: var(--eq-sh-slot);box-shadow: var(--eq-sh-slot-ring);transition: box-shadow 150ms var(--eq-sh-ease),transform 150ms var(--eq-sh-ease),color 150ms}.eq-site-header__icon-btn:hover{color: var(--eq-sh-gold-hi);box-shadow: var(--eq-sh-slot-ring),0 0 0 1px var(--eq-sh-gold-hi);transform: translateY(-1px)}.eq-site-header__icon-btn:active{transform: none}.eq-site-header__icon{width: 18px;height: 18px}.eq-site-header__menu-btn .eq-site-header__icon--close{display: none}.eq-site-header__menu-btn[aria-expanded="true"] .eq-site-header__icon--menu{display: none}.eq-site-header__menu-btn[aria-expanded="true"] .eq-site-header__icon--close{display: block}.eq-site-header__menu-btn[aria-expanded="true"]{color: var(--eq-sh-gold-hi);box-shadow: var(--eq-sh-slot-ring),0 0 0 1px var(--eq-sh-gold)}.eq-site-header__account{position: relative;display: flex;align-items: center;align-self: stretch;flex: none}.eq-site-header__account[data-state="pending"]{width: 34px}.eq-site-header__account-btn{display: inline-flex;align-items: center;gap: 8px;height: 38px;padding: 0 8px 0 4px;border-radius: 8px;font: 600 13px/1 var(--eq-sh-font);color: var(--eq-sh-text-1);transition: background-color 150ms var(--eq-sh-ease)}.eq-site-header__account-btn:hover,.eq-site-header__account-btn[aria-expanded="true"]{background: var(--eq-sh-wash)}.eq-site-header__account-btn[aria-current] .eq-site-header__medal{box-shadow: 0 0 0 1px var(--eq-sh-gold),0 0 8px var(--eq-sh-glow),inset 0 1px 0 var(--eq-sh-lit)}.eq-site-header__medal{display: grid;place-items: center;flex: none;width: 30px;height: 30px;border-radius: 50%;font: 400 15px/1 var(--eq-sh-serif);color: var(--eq-sh-gold-hi);background: var(--eq-sh-medal);box-shadow: 0 0 0 1px var(--eq-sh-edge),inset 0 1px 0 var(--eq-sh-lit)}.eq-site-header__name{max-width: 10em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-site-header__login{display: inline-flex;align-items: center;height: 32px;padding: 0 14px;border-radius: 7px;font: 600 12.5px/1 var(--eq-sh-font);color: var(--eq-sh-text-1);white-space: nowrap;box-shadow: inset 0 0 0 1px var(--eq-sh-login-ring);transition: box-shadow 150ms var(--eq-sh-ease),background-color 150ms var(--eq-sh-ease),color 150ms}.eq-site-header__login:hover{color: var(--eq-sh-gold-hi);background: var(--eq-sh-wash);box-shadow: inset 0 0 0 1px var(--eq-sh-gold-hi)}.eq-site-header__login-icon{display: none}@media (max-width: 420px){.eq-site-header__login{justify-content: center;width: 34px;height: 34px;padding: 0;border-radius: 7px;background: var(--eq-sh-slot);box-shadow: var(--eq-sh-slot-ring)}.eq-site-header__login-icon{display: block}.eq-site-header__login-label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap}}@media (max-width: 420px) and (pointer: coarse){.eq-site-header .eq-site-header__login{width: 40px;height: 40px}}.eq-site-header[data-pending] :is(.eq-site-header__nav,.eq-site-header__end){visibility: hidden}.eq-site-header__scrim{display: none}.eq-site-crumbs{position: relative;z-index: 1;display: block;margin: 10px 16px 0;padding: 0 16px;font: 600 12.5px/1.3 var(--eq-sh-font);color: var(--eq-sh-text-2);text-shadow: var(--eq-sh-crumb-shadow);letter-spacing: normal;text-transform: none}.eq-site-crumbs ol{display: flex;flex-wrap: wrap;align-items: center;row-gap: 2px}.eq-site-crumbs li{display: inline-flex;align-items: center;min-width: 0}.eq-site-crumbs li + li::before{content: "›";content: "›" / "";margin: 0 8px;font-weight: 400;color: var(--eq-sh-gold);opacity: .8}.eq-site-crumbs a{color: inherit;text-decoration: none;border-radius: 3px;transition: color 120ms}.eq-site-crumbs a:hover{color: var(--eq-sh-text-1);text-decoration: underline;text-decoration-color: var(--eq-sh-gold);text-underline-offset: 3px}.eq-site-crumbs [aria-current="page"]{color: var(--eq-sh-text-1)}.eq-site-crumbs--inline{display: flex;align-items: center;flex: 0 1 auto;min-width: 0;height: 20px;align-self: center;margin: 0 4px 0 2px;padding: 0 0 0 12px;border-left: 1px solid var(--eq-sh-sep);font-size: 12.5px;text-shadow: none}.eq-site-crumbs--inline ol{flex-wrap: nowrap;min-width: 0;overflow: hidden}.eq-site-crumbs--inline li{flex: none;white-space: nowrap}.eq-site-crumbs--inline li:last-child{flex: 0 1 auto;min-width: 0;overflow: hidden}.eq-site-crumbs--inline li:last-child > *{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@media (max-width: 1280px){.eq-site-header__logo{height: 26px}.eq-site-header__nav{margin-left: 4px}.eq-site-header__tab{padding: 0 10px}.eq-site-header__tab::after{left: 8px;right: 8px}.eq-site-header__search{display: none}.eq-site-header__search-btn{display: inline-grid}.eq-site-header__name{display: none}.eq-site-header__account-btn{gap: 4px;padding: 0 6px 0 3px}}@media (max-width: 1040px){.eq-site-header__logo{height: 24px}.eq-site-header__tab{padding: 0 7px;font-size: 13px}.eq-site-header__tab::after{left: 6px;right: 6px}.eq-site-header__end{gap: 8px;padding-left: 8px}}@media (max-width: 900px){.eq-site-header__menu-btn{display: inline-grid}.eq-site-header__nav{display: none;position: absolute;top: calc(100% + 6px);left: 0;right: 0;z-index: 4;max-height: calc(100vh - var(--eq-site-header-h,70px) - 18px);max-height: calc(100dvh - var(--eq-site-header-h,70px) - 18px);margin: 0;padding: 6px;overflow: auto;overscroll-behavior: contain;border-radius: 9px;isolation: isolate;background: var(--eq-sh-menu);-webkit-backdrop-filter: var(--eq-sh-filter);backdrop-filter: var(--eq-sh-filter);box-shadow: 0 0 0 1px var(--eq-sh-edge),var(--eq-sh-menu-shadow)}.eq-site-header[data-drawer="open"] .eq-site-header__nav{display: block;animation: eq-sh-pop 180ms var(--eq-sh-ease) both}.eq-site-header[data-drawer="open"] .eq-site-header__scrim{display: block;position: fixed;inset: 0;z-index: 0;background: var(--eq-sh-scrim);animation: eq-sh-fade 180ms var(--eq-sh-ease) both}.eq-site-header__tabs{flex-direction: column;gap: 1px}.eq-site-header__item{flex-direction: column;align-items: stretch}.eq-site-header__nav .eq-site-header__tab{display: flex;justify-content: space-between;width: 100%;height: auto;min-height: 44px;padding: 0 12px;border-radius: 6px;font-size: 14.5px;color: var(--eq-sh-text-1);text-align: left}.eq-site-header__nav .eq-site-header__tab:hover{background: var(--eq-sh-wash)}.eq-site-header__nav .eq-site-header__tab::after{left: 0;right: auto;top: 11px;bottom: 11px;width: 2px;height: auto;transform: none}.eq-site-header__nav .eq-site-header__tab:hover:not([aria-current])::after,.eq-site-header__nav .eq-site-header__tab[aria-expanded="true"]:not([aria-current])::after{opacity: 0}.eq-site-header__nav .eq-site-header__tab[aria-current]{color: var(--eq-sh-gold-hi)}.eq-site-header__nav .eq-site-header__chev{width: 12px;height: 12px}.eq-site-header__nav .eq-site-header__menu{position: static;min-width: 0;max-width: none;margin: 0 0 4px 12px;padding: 0 0 0 8px;border-radius: 0;background: none;box-shadow: inset 1px 0 0 var(--eq-sh-sep);-webkit-backdrop-filter: none;backdrop-filter: none;translate: none;animation: none}.eq-site-header__nav .eq-site-header__menu::before{content: none}.eq-site-header__nav .eq-site-header__row{min-height: 42px;font-size: 14px}.eq-site-header__nav .eq-site-header__row-hint{display: none}}@keyframes eq-sh-fade{from{opacity: 0}}@media (max-width: 600px){.eq-site-header{padding: 8px 10px 0}.eq-site-header__bar{height: 52px;padding: 0 8px 0 12px}.eq-site-header__logo{height: 24px}.eq-site-header__end{gap: 6px;padding-left: 8px}.eq-site-crumbs{margin: 8px 10px 0;padding: 0 12px}}@media (pointer: coarse){.eq-site-header__icon-btn{width: 40px;height: 40px}.eq-site-header__account-btn{height: 42px}.eq-site-header__account[data-state="pending"]{width: 40px}.eq-site-header__login{height: 38px}}@media (max-width: 360px){.eq-site-header__logo{height: 28px;aspect-ratio: 1;background-image: url("/design/brand/crest/icons/mark-32.svg?v=39f926ac2c")}.eq-site-header__end{gap: 4px;padding-left: 6px}}.eq-site-header[data-variant="compact"]{position: fixed;top: 0;left: 0;right: 0;padding: 0}.eq-site-header[data-variant="compact"] .eq-site-header__bar{height: 40px;padding: 0 8px 0 26px;border-radius: 0}.eq-site-header[data-variant="compact"] .eq-site-header__bar::before{border: 0;border-bottom: 1px solid var(--eq-sh-edge);border-radius: 0;background: var(--eq-sh-glass-thick);box-shadow: inset 0 1px 0 var(--eq-sh-lit),0 4px 14px rgba(0,0,0,.35)}.eq-site-header[data-variant="compact"] .eq-site-header__bar::after{inset: auto 0 0 0;height: 1px;padding: 0;border-radius: 0;background: linear-gradient(90deg,var(--eq-sh-rim-hi),var(--eq-sh-rim-lo) 28%,transparent 58%);-webkit-mask: none;mask: none}.eq-site-header[data-variant="compact"] .eq-site-header__filigree{left: 3px;top: 3px;width: 18px;height: 18px}.eq-site-header[data-variant="compact"] .eq-site-header__logo{height: 24px}.eq-site-header[data-variant="compact"] .eq-site-header__nav{margin-left: 6px}.eq-site-header[data-variant="compact"] .eq-site-header__item{align-items: stretch}.eq-site-header[data-variant="compact"] .eq-site-header__tab{height: auto;padding: 0 9px;border-radius: 0;font-size: 12.5px}.eq-site-header[data-variant="compact"] .eq-site-header__tab:focus-visible{outline-offset: -4px;border-radius: 6px}.eq-site-header[data-variant="compact"] .eq-site-header__tab::after{left: 8px;right: 8px;bottom: 0}.eq-site-header[data-variant="compact"] .eq-site-header__end{gap: 6px;padding-left: 8px}.eq-site-header[data-variant="compact"] .eq-site-header__search{display: none}.eq-site-header[data-variant="compact"] .eq-site-header__search-btn{display: inline-grid}.eq-site-header[data-variant="compact"] .eq-site-header__icon-btn{width: 28px;height: 28px;border-radius: 6px}.eq-site-header[data-variant="compact"] .eq-site-header__icon{width: 16px;height: 16px}.eq-site-header[data-variant="compact"] .eq-site-header__name{display: none}.eq-site-header[data-variant="compact"] .eq-site-header__account-btn{height: 32px;gap: 4px;padding: 0 5px 0 2px}.eq-site-header[data-variant="compact"] .eq-site-header__medal{width: 26px;height: 26px;font-size: 13px}.eq-site-header[data-variant="compact"] .eq-site-header__account[data-state="pending"]{width: 28px}.eq-site-header[data-variant="compact"] .eq-site-header__login{height: 28px;padding: 0 11px;font-size: 12px}@media (max-width: 900px){.eq-site-header[data-variant="compact"] .eq-site-header__logo{aspect-ratio: 1;background-image: url("/design/brand/crest/icons/mark-32.svg?v=39f926ac2c")}.eq-site-header[data-variant="compact"] .eq-site-header__nav{top: calc(100% + 6px);left: 8px;right: 8px}.eq-site-header[data-variant="compact"] .eq-site-header__nav .eq-site-header__tab{min-height: 44px;font-size: 14.5px;padding: 0 12px;border-radius: 6px}.eq-site-header[data-variant="compact"] .eq-site-header__nav .eq-site-header__tab::after{left: 0;right: auto;top: 11px;bottom: 11px}.eq-site-header[data-variant="compact"] .eq-site-crumbs--inline{flex: 1 1 auto}}@media (pointer: coarse){.eq-site-header[data-variant="compact"] .eq-site-header__icon-btn{width: 34px;height: 34px}}@media (prefers-reduced-transparency: reduce){.eq-site-header__bar::before,.eq-site-header__menu,.eq-site-header__nav{-webkit-backdrop-filter: none !important;backdrop-filter: none !important}.eq-site-header__bar::before,.eq-site-header[data-variant="compact"] .eq-site-header__bar::before{background: var(--eq-sh-solid)}}:root[data-glass="solid"] .eq-site-header__bar::before{-webkit-backdrop-filter: none;backdrop-filter: none;background: var(--eq-sh-solid)}@media (prefers-reduced-motion: reduce){.eq-site-header *,.eq-site-header *::before,.eq-site-header *::after,.eq-site-crumbs *{transition: none !important;animation: none !important}.eq-site-header__icon-btn:hover{transform: none}}:root[data-eq-motion="off"] :is(.eq-site-header,.eq-site-crumbs) :is(*,*::before,*::after){transition: none !important;animation: none !important}:root[data-eq-motion="off"] .eq-site-header__icon-btn:hover{transform: none}@media (forced-colors: active){.eq-site-header__bar::before{background: Canvas;border: 1px solid CanvasText;box-shadow: none}.eq-site-header[data-variant="compact"] .eq-site-header__bar::before{border: 0;border-bottom: 1px solid CanvasText}.eq-site-header__bar::after,.eq-site-header__filigree,.eq-site-header__menu::before{display: none}.eq-site-header__logo{display: none}.eq-site-header__brand-text{position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;clip-path: none;font: 400 18px/1 var(--eq-sh-serif);color: LinkText}.eq-site-header__tab[aria-current]::after{opacity: 1;background: Highlight;box-shadow: none}.eq-site-header__menu,.eq-site-header__nav{border: 1px solid CanvasText}.eq-site-header__row[aria-current]{outline: 2px solid Highlight;outline-offset: -2px}.eq-site-header__icon-btn,.eq-site-header__login,.eq-site-header__search input{border: 1px solid ButtonText}.eq-site-header__search input:focus-visible{outline: 2px solid Highlight;outline-offset: 1px}.eq-site-crumbs li + li::before{color: CanvasText}}@media print{.eq-site-header{display: none}.eq-site-crumbs{text-shadow: none}}.eq-site-header__colours{position: relative;display: flex;align-items: center}.eq-site-header__colours-btn{display: inline-grid}.eq-site-header__colours-btn .eq-swatch{width: 16px;height: 16px;margin: 0;border-radius: 4px}.eq-site-header__colours-pop{min-width: 190px}.eq-site-header__colours-list{display: grid;gap: 2px;padding: 4px}.eq-site-header__colours-list button{display: flex;align-items: center;gap: 8px;width: 100%;min-height: 34px;padding: 6px 10px;border: 0;border-radius: 6px;background: transparent;color: var(--eq-text-1,#f2eee6);font: 600 13px/1.2 var(--eq-font,system-ui,sans-serif);text-align: left;cursor: pointer}.eq-site-header__colours-list button:hover{background: rgba(224,176,74,.08)}.eq-site-header__colours-list button[aria-pressed="true"]{background: var(--eq-row-on-bg,rgba(224,176,74,.09));box-shadow: inset 3px 0 0 var(--eq-row-on-bar,#e0b04a);color: var(--eq-seg-on-text,#f3d58f)}.eq-site-header__colours-list button:focus-visible{outline: 2px solid var(--eq-focus,#f3d58f);outline-offset: -2px}.eq-site-header__colours-list .eq-swatch{margin: 0}@media (forced-colors: active){.eq-site-header__colours-list button[aria-pressed="true"]{outline: 2px solid Highlight}}.eq-site-header .eq-swatch{display: inline-block;width: 12px;height: 12px;border-radius: 3px;flex: none;box-shadow: inset 0 0 0 1px rgba(0,0,0,.35)}.eq-site-header .eq-swatch--bronze{background: linear-gradient(135deg,#3a2d1c 0 45%,#e0b04a 46% 54%,#0d0b09 55%)}.eq-site-header .eq-swatch--iron{background: linear-gradient(135deg,#3b3f46 0 45%,#e0b04a 46% 54%,#0f1012 55%)}.eq-site-header .eq-swatch--parchment{background: linear-gradient(135deg,#f3efe6 0 45%,#8a5c0e 46% 54%,#e8dcc2 55%)}.eq-site-header__tab--shine .eq-site-header__tab-label{background: linear-gradient(100deg,var(--eq-sh-gold,#e0b04a) 0%,var(--eq-presence,#f07a2a) 30%,var(--eq-sh-gold-hi,#f3d58f) 50%,var(--eq-presence,#f07a2a) 70%,var(--eq-sh-gold,#e0b04a) 100%) 0 0 / 220% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;text-shadow: 0 0 14px rgba(240,122,42,.28);animation: eq-sh-shine 6s ease-in-out infinite}.eq-site-header__tab--shine .eq-icon{color: var(--eq-presence,#f07a2a)}.eq-site-header__tab--shine::after{background: linear-gradient(90deg,var(--eq-sh-gold,#e0b04a),var(--eq-presence,#f07a2a))}@keyframes eq-sh-shine{0%,100%{background-position: 0% 0}50%{background-position: 100% 0}}@media (prefers-reduced-motion: reduce){.eq-site-header__tab--shine .eq-site-header__tab-label{animation: none;background-position: 40% 0}}:root[data-eq-motion="off"] .eq-site-header__tab--shine .eq-site-header__tab-label{animation: none;background-position: 40% 0}:root[data-theme="light"] .eq-site-header:not([data-theme="dark"]) .eq-site-header__tab--shine .eq-site-header__tab-label{background-image: linear-gradient(100deg,#8a5c0e 0%,#b8480f 35%,#a26a12 55%,#b8480f 75%,#8a5c0e 100%);text-shadow: none}@media (forced-colors: active){.eq-site-header__tab--shine .eq-site-header__tab-label{background: none;color: LinkText;text-shadow: none;animation: none}}.eq-site-header__menu-head{margin: 8px 12px 2px;color: var(--eq-sh-text-3,#8e887c);font: 600 10.5px/1.2 var(--eq-font,system-ui,sans-serif);letter-spacing: .14em;text-transform: uppercase;list-style: none}.eq-site-header__row--gold{margin: 2px 4px 4px;border-radius: 7px;background: linear-gradient(180deg,#f3d58f,#e0b04a 55%,#b8893a);color: #1b1405 !important;box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.4)}.eq-site-header__row--gold .eq-site-header__row-label{color: #1b1405;font-weight: 700}.eq-site-header__row--gold .eq-site-header__row-hint{color: rgba(27,20,5,.72)}.eq-site-header__row--gold:hover,.eq-site-header__row--gold:focus-visible{filter: brightness(1.06)}.eq-site-header__drawer-slot{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;padding: 10px 14px 12px;border-bottom: 1px solid var(--eq-sh-sep,rgba(150,114,60,.28))}.eq-site-header__drawer-slot[hidden]{display: none}.eq-site-header__drawer-slot .eq-site-header__slot{display: flex;flex-wrap: wrap;gap: 8px;width: 100%}.eq-wn{--wn-c: var(--eq-accent);--wn-ink: var(--eq-accent-ink);display: flex;flex-direction: column;gap: 14px;min-width: 0;font-family: var(--eq-font);line-height: 1.45;color: var(--eq-text-1)}.eq-wn--new{--wn-c: var(--eq-accent);--wn-ink: var(--eq-accent-ink)}.eq-wn--pvp{--wn-c: var(--eq-chat-raid,#ffa64d);--wn-ink: var(--eq-ch-shout)}.eq-wn--world{--wn-c: var(--eq-chat-guild,#6fd38b);--wn-ink: var(--eq-ch-guild)}.eq-wn--look{--wn-c: var(--eq-rarity-mythical,#c4a8ff);--wn-ink: var(--eq-rarity-mythical)}.eq-wn--improved{--wn-c: var(--eq-combat-heal,#8be09a);--wn-ink: var(--eq-rarity-handcrafted)}.eq-wn--fixed{--wn-c: var(--eq-chat-group,#7ccbff);--wn-ink: var(--eq-ch-group)}.eq-wn--site{--wn-c: var(--eq-text-2);--wn-ink: var(--eq-text-2)}.eq-wn__state{margin: 4px 0;color: var(--eq-text-2)}.eq-wn__retry{align-self: flex-start}.eq-wn__state:focus-visible,.eq-wn__day:focus-visible{outline: 2px solid var(--eq-accent);outline-offset: 2px;border-radius: 3px}.eq-wn__release{display: flex;flex-direction: column;gap: 10px;min-width: 0}.eq-wn__when{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;margin: 0;font: 600 .86em/1.3 var(--eq-font);letter-spacing: .06em;text-transform: uppercase;color: var(--eq-text-3)}.eq-wn__day{margin: 0;font: inherit;letter-spacing: inherit;color: inherit}.eq-wn__fresh{padding: 1px 8px;border-radius: 6px;font-size: .875em;letter-spacing: .1em;color: var(--eq-accent-ink,var(--eq-accent));box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--eq-accent) 55%,transparent)}.eq-wn__rel{margin-left: auto;text-transform: none;letter-spacing: 0;font-weight: 500}.eq-wn__headline{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 10px}.eq-wn__note{display: flex;gap: 10px;min-width: 0}.eq-wn__mark{flex: none;width: 2.15em;height: 2.15em;border-radius: 8px;display: grid;place-items: center;color: var(--wn-ink,var(--wn-c));background: color-mix(in srgb,var(--wn-c) 14%,transparent);box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--wn-c) 45%,transparent)}.eq-wn__mark > svg{width: 1.15em;height: 1.15em}.eq-wn__body{min-width: 0;flex: 1}.eq-wn__line{margin: 0;overflow-wrap: anywhere}.eq-wn__note--big .eq-wn__line{font-size: 1.1em;line-height: 1.4}.eq-wn__cat{color: var(--wn-ink,var(--wn-c));font-weight: 600}.eq-wn__area{padding: 0 .45em;border-radius: 6px;font-size: .78em;font-weight: 600;white-space: nowrap;color: var(--eq-text-2);background: var(--eq-fill-1)}.eq-wn__more{margin-top: 4px}.eq-wn__moretext{margin: 0;color: var(--eq-text-2);font-size: .965em}.eq-wn__morebtn{padding: 0 2px;border: 0;background: none;font: 600 .9em var(--eq-font);color: var(--eq-accent-ink,var(--eq-accent));cursor: pointer}.eq-wn__morebtn:hover{text-decoration: underline}.eq-wn__morebtn:focus-visible{outline: 2px solid var(--eq-accent);outline-offset: 2px;border-radius: 3px}.eq-wn__pic{display: block;max-width: min(100%,320px);height: auto;border-radius: 7px;box-shadow: 0 0 0 1px var(--eq-sep)}.eq-wn__moretext + .eq-wn__pic{margin-top: 7px}.eq-wn__also{display: flex;flex-direction: column;gap: 10px;padding-top: 10px;border-top: 1px solid var(--eq-sep)}.eq-wn__alsohead{margin: 0;font: 600 .82em/1.3 var(--eq-font);letter-spacing: .08em;text-transform: uppercase;color: var(--eq-text-3)}.eq-wn__group{display: flex;flex-direction: column;gap: 4px;min-width: 0}.eq-wn__ghead{display: flex;align-items: center;gap: 7px;margin: 0;font: 600 .9em/1.3 var(--eq-font);color: var(--wn-ink,var(--wn-c))}.eq-wn__ghead > svg{width: 1.12em;height: 1.12em;flex: none}.eq-wn__count{margin-left: 2px;padding: 0 6px;border-radius: 6px;font-size: .88em;color: var(--eq-text-3);background: var(--eq-fill-1)}.eq-wn__notes{margin: 0;padding: 0 0 0 21px;list-style: none;display: flex;flex-direction: column;gap: 5px}.eq-wn__notes .eq-wn__note{position: relative}.eq-wn__notes .eq-wn__note::before{content: '';position: absolute;left: -13px;top: .62em;width: 5px;height: 5px;border-radius: 50%;background: var(--wn-c)}.eq-wn__earlier{margin: 4px 0 -4px;font: 600 .82em/1.3 var(--eq-font);letter-spacing: .1em;text-transform: uppercase;color: var(--eq-text-3)}details.eq-wn__release{padding: 9px 11px;border-radius: var(--eq-radius-sm,7px);background: var(--eq-fill-1)}details.eq-wn__release[open]{gap: 10px}details.eq-wn__release > summary{cursor: pointer;list-style: none}details.eq-wn__release > summary::-webkit-details-marker{display: none}details.eq-wn__release > summary::before{content: '\203A';font-size: 1.25em;line-height: 1;color: var(--eq-text-3);transition: rotate .15s}details.eq-wn__release[open] > summary::before{rotate: 90deg}details.eq-wn__release > summary:focus-visible{outline: 2px solid var(--eq-accent);outline-offset: 3px;border-radius: 4px}.eq-wn__chips{display: inline-flex;flex-wrap: wrap;gap: 4px;margin-left: auto;text-transform: none;letter-spacing: 0}.eq-wn__chip{display: inline-flex;align-items: center;gap: 3px;padding: 1px 6px;border-radius: 6px;font-size: .96em;color: var(--wn-ink,var(--wn-c));background: color-mix(in srgb,var(--wn-c) 12%,transparent)}.eq-wn__chip > svg{width: .96em;height: .96em}.eq-wn__sr{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}@media (prefers-reduced-motion: reduce){details.eq-wn__release > summary::before{transition: none}}:where(.eq-npc-stage){position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;min-height: 220px;overflow: hidden;border-radius: var(--eq-radius-lg);isolation: isolate}@media (max-width: 760px){:where(.eq-npc-stage){aspect-ratio: 4 / 3}}.eq-npc-stage__frame{--st-top: var(--eq-stage-inset-top,0px);--st-right: var(--eq-stage-inset-right,0px);--st-bottom: var(--eq-stage-inset-bottom,0px);--st-left: var(--eq-stage-inset-left,0px);--st-pad: 10px;--st-fade: 450ms;position: absolute;inset: 0;overflow: hidden;border-radius: inherit;color: var(--eq-text-1);font: var(--eq-weight-regular) var(--eq-size-md) / var(--eq-leading) var(--eq-font);container-type: inline-size;background: linear-gradient(180deg,#1f2736 0%,#0f141e 100%)}.eq-npc-stage__frame.is-reduced{--st-fade: 150ms}.eq-npc-stage__frame[data-preset="arena"]{background: radial-gradient(ellipse farthest-corner at 50% 50%,transparent 42%,rgba(0,0,0,.046) 60%,rgba(0,0,0,.163) 80%,rgba(0,0,0,.262) 100%),radial-gradient(120% 90% at 50% 78%,color-mix(in srgb,var(--eq-night) 97%,#fff) 0%,var(--eq-night) 46%,#05070c 100%)}.eq-npc-stage__poster{position: absolute;inset: 0;pointer-events: none;transition: opacity var(--st-fade) var(--eq-ease)}.eq-npc-stage__backdrop{position: absolute;inset: 0}.eq-npc-stage__glow{position: absolute;left: 50%;bottom: calc(var(--st-bottom) + 9%);width: min(56%,520px);aspect-ratio: 4 / 1;transform: translateX(-50%);border-radius: 50%;background: radial-gradient(closest-side,color-mix(in srgb,var(--eq-glow) 30%,transparent),color-mix(in srgb,var(--eq-glow) 8%,transparent) 55%,transparent)}.eq-npc-stage__frame[data-preset="arena"] .eq-npc-stage__glow{background: radial-gradient(closest-side,color-mix(in srgb,var(--eq-ember) 22%,transparent),color-mix(in srgb,var(--eq-night) 40%,transparent) 60%,transparent)}.eq-npc-stage__frame[data-preset="arena"][data-danger="epic"] .eq-npc-stage__glow{background: radial-gradient(closest-side,color-mix(in srgb,var(--eq-underglow-epic) 26%,transparent),transparent)}.eq-npc-stage__frame[data-preset="arena"][data-danger="heroic"] .eq-npc-stage__glow{background: radial-gradient(closest-side,color-mix(in srgb,var(--eq-underglow-heroic) 24%,transparent),transparent)}.eq-npc-stage__sil{position: absolute;left: 50%;bottom: calc(var(--st-bottom) + 12%);height: calc((100% - var(--st-top) - var(--st-bottom)) * .66);aspect-ratio: 1 / 2;transform: translateX(-50%);background: linear-gradient(180deg,color-mix(in srgb,var(--eq-text-1) 16%,transparent),color-mix(in srgb,var(--eq-text-1) 5%,transparent));-webkit-mask: url("/design/brand/npc/silhouette-humanoid.svg?v=58fa9b3b2e") center bottom / contain no-repeat;mask: url("/design/brand/npc/silhouette-humanoid.svg?v=58fa9b3b2e") center bottom / contain no-repeat}.eq-npc-stage__frame[data-sil="creature"] .eq-npc-stage__sil{aspect-ratio: 20 / 13;height: calc((100% - var(--st-top) - var(--st-bottom)) * .5);-webkit-mask-image: url("/design/brand/npc/silhouette-creature.svg?v=a98822b170");mask-image: url("/design/brand/npc/silhouette-creature.svg?v=a98822b170")}.eq-npc-stage__frame.is-ready .eq-npc-stage__sil,.eq-npc-stage__frame.is-ready .eq-npc-stage__glow{opacity: 0;transition: opacity var(--st-fade) var(--eq-ease)}.eq-npc-stage__view{position: absolute;inset: 0}.eq-npc-stage__canvas{position: absolute;inset: 0;width: 100%;height: 100%;display: block;outline: none;cursor: grab;opacity: 0;transform: translateY(1.5%) scale(.985);transform-origin: 50% 90%;transition: opacity var(--st-fade) var(--eq-ease),transform var(--st-fade) var(--eq-ease)}.eq-npc-stage__view.is-revealed .eq-npc-stage__canvas{opacity: 1;transform: none}.eq-npc-stage__canvas.is-dragging{cursor: grabbing}.eq-npc-stage__canvas:focus-visible{box-shadow: inset 0 0 0 2px var(--eq-focus);border-radius: inherit}.eq-npc-stage__name{position: absolute;left: calc(var(--st-left) + 16px);right: calc(var(--st-right) + 16px);bottom: calc(var(--st-bottom) + 18px);display: grid;gap: 2px;justify-items: center;text-align: center;pointer-events: none;text-shadow: 0 1px 12px rgba(0,0,0,.6)}.eq-npc-stage__title{font: var(--eq-weight-bold) var(--eq-size-xl) / var(--eq-leading-snug) var(--eq-font-display);letter-spacing: var(--eq-tracking-heading)}.eq-npc-stage__sub{color: var(--eq-text-2);font-size: var(--eq-size-sm)}.eq-npc-stage__frame.is-ready .eq-npc-stage__name{display: none}.eq-npc-stage__card{position: absolute;left: 50%;top: calc(var(--st-top) + (100% - var(--st-top) - var(--st-bottom)) / 2);transform: translate(-50%,-50%);width: min(340px,calc(100% - var(--st-left) - var(--st-right) - 32px));display: grid;gap: 8px;justify-items: center;padding: 18px 20px;text-align: center;z-index: 3}.eq-npc-stage__card--quiet{background: transparent;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none}.eq-npc-stage__card--quiet::before,.eq-npc-stage__card--quiet::after{display: none}.eq-npc-stage__card[hidden]{display: none}.eq-npc-stage__cardicon{color: var(--eq-warn-ink);display: inline-flex}.eq-npc-stage__cardicon .eq-icon{width: 26px;height: 26px}.eq-npc-stage__cardtitle{margin: 0;font: var(--eq-weight-semibold) var(--eq-size-lg) / var(--eq-leading-snug) var(--eq-font-display)}.eq-npc-stage__cardtext{margin: 0;color: var(--eq-text-2);font-size: var(--eq-size-sm)}.eq-npc-stage__card--quiet .eq-npc-stage__cardtext{color: var(--eq-text-2);font-size: var(--eq-size-md);text-shadow: 0 1px 10px rgba(0,0,0,.55)}.eq-npc-stage__cardrow{display: flex;flex-wrap: wrap;gap: 8px;justify-content: center;margin-top: 4px}.eq-npc-stage__progress{position: absolute;left: var(--st-left);right: var(--st-right);bottom: var(--st-bottom);height: 2px;z-index: 4;pointer-events: none;background: color-mix(in srgb,var(--eq-gold) 14%,transparent)}.eq-npc-stage__progress > span{position: absolute;inset: 0;transform-origin: 0 50%;transform: scaleX(0);background: linear-gradient(90deg,var(--eq-gold),var(--eq-gold-hi));box-shadow: 0 0 10px color-mix(in srgb,var(--eq-gold-hi) 55%,transparent);transition: transform var(--eq-dur-4) var(--eq-ease)}.eq-npc-stage__pill{position: absolute;left: 50%;bottom: calc(var(--st-bottom) + 16px);transform: translateX(-50%);z-index: 4;display: inline-flex;align-items: center;gap: 8px;max-width: calc(100% - 24px);padding: 7px 14px;font-size: var(--eq-size-sm);color: var(--eq-text-1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-variant-numeric: tabular-nums}.eq-npc-stage__pill[hidden],.eq-npc-stage__progress[hidden]{display: none}.eq-npc-stage__dot{flex: none;width: 7px;height: 7px;border-radius: 50%;background: var(--eq-gold-hi);box-shadow: 0 0 8px var(--eq-gold-hi);animation: eq-npc-pulse 1.2s var(--eq-ease) infinite alternate}@keyframes eq-npc-pulse{from{opacity: .35}to{opacity: 1}}.eq-npc-stage__chips{position: absolute;top: calc(var(--st-top) + var(--st-pad));left: calc(var(--st-left) + var(--st-pad));z-index: 5;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 6px;max-width: calc(100% - var(--st-left) - var(--st-right) - 2 * var(--st-pad) - var(--st-tools,150px))}.eq-npc-stage__chips:empty{display: none}.eq-npc-stage__chip{white-space: nowrap;cursor: default}.eq-npc-stage__chip:focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 2px}.eq-npc-stage__chip > .eq-npc-stage__dot{width: 6px;height: 6px}.eq-npc-stage__chips > .eq-fallback{background: var(--eq-glass-thick)}.eq-npc-stage__tools{position: absolute;top: calc(var(--st-top) + var(--st-pad));right: calc(var(--st-right) + var(--st-pad));z-index: 5;display: flex;align-items: center;gap: 2px;padding: 3px}.eq-npc-stage__tools[hidden],.eq-npc-stage__tool[hidden]{display: none}.eq-npc-stage__tool{color: var(--eq-text-1)}.eq-npc-stage__tool[aria-pressed="true"]{background: var(--eq-accent-soft);color: var(--eq-accent-ink)}.eq-npc-stage__div{width: 1px;height: 18px;margin: 0 4px;background: var(--eq-sep)}.eq-npc-stage__seg{padding: 0}.eq-npc-stage__seg > button{height: 28px}.eq-npc-stage__menubtn{padding: 0 11px 0 9px;gap: 6px}.eq-npc-stage__menu{position: absolute;top: calc(var(--st-top) + var(--st-pad) + 46px);right: calc(var(--st-right) + var(--st-pad));z-index: 6;width: min(260px,calc(100% - 2 * var(--st-pad)));max-height: calc(100% - var(--st-top) - var(--st-bottom) - 66px);overflow-y: auto;padding: 6px;display: grid;gap: 1px}.eq-npc-stage__menu[hidden]{display: none}.eq-npc-stage__menuhead{margin: 6px 8px 2px;color: var(--eq-text-3);font-size: var(--eq-size-2xs);font-weight: var(--eq-weight-semibold);letter-spacing: var(--eq-tracking-caps);text-transform: uppercase}.eq-npc-stage__item{display: flex;align-items: center;justify-content: space-between;gap: 10px;min-height: 32px;padding: 6px 10px;border: 0;border-radius: var(--eq-radius-sm);background: transparent;color: var(--eq-text-1);font: var(--eq-weight-medium) var(--eq-size-sm) / 1.2 var(--eq-font);text-align: left;cursor: pointer}.eq-npc-stage__item:hover,.eq-npc-stage__item:focus-visible{background: var(--eq-fill-1);outline: none}.eq-npc-stage__item:focus-visible{box-shadow: inset 0 0 0 2px var(--eq-focus)}.eq-npc-stage__itemmeta{color: var(--eq-text-3);font-size: var(--eq-size-xs);font-variant-numeric: tabular-nums}.eq-npc-stage__item--idle{margin-top: 4px;border-top: 1px solid var(--eq-sep);border-radius: 0 0 var(--eq-radius-sm) var(--eq-radius-sm)}.eq-npc-stage__floats{position: absolute;inset: 0;pointer-events: none;z-index: 3}.eq-npc-stage__float{position: absolute;transform: translate(-50%,-100%);font: var(--eq-weight-heavy) 20px / 1 var(--eq-font);font-variant-numeric: tabular-nums;color: #fff;text-shadow: 0 2px 6px rgba(0,0,0,.7);animation: eq-npc-rise 1.5s var(--eq-ease) forwards}.eq-npc-stage__float--crit{color: var(--eq-gold-hi);font-size: 26px}.eq-npc-stage__float--heal{color: var(--eq-good-ink)}@keyframes eq-npc-rise{0%{opacity: 0;translate: 0 6px}15%{opacity: 1}100%{opacity: 0;translate: 0 -48px}}.eq-npc-stage__frame.is-reduced .eq-npc-stage__float{animation-name: eq-npc-fade}@keyframes eq-npc-fade{0%{opacity: 0}15%{opacity: 1}100%{opacity: 0}}@media (pointer: coarse){.eq-npc-stage__tool.eq-btn--icon{width: 44px;height: 44px}.eq-npc-stage__menubtn,.eq-npc-stage__seg > button{height: 44px}.eq-npc-stage__item{min-height: 44px}.eq-npc-stage__frame{--st-tools: 160px}}@container (max-width: 520px){.eq-npc-stage__chips{top: auto;bottom: calc(var(--st-bottom) + var(--st-pad));max-width: calc(100% - var(--st-left) - var(--st-right) - 2 * var(--st-pad))}.eq-npc-stage__chip{font-size: 11px}.eq-npc-stage__title{font-size: var(--eq-size-lg)}.eq-npc-stage__menubtn > span{display: none}.eq-npc-stage__menubtn{width: 32px;padding: 0}}@media (pointer: coarse){@container (max-width: 520px){.eq-npc-stage__menubtn{width: 44px}.eq-npc-stage__tool[data-tool="gear"]{display: none}}}@media (prefers-reduced-motion: reduce){.eq-npc-stage__frame{--st-fade: 150ms}.eq-npc-stage__canvas{transform: none}.eq-npc-stage__dot{animation: none}}.eq-npc-stage__frame.is-reduced .eq-npc-stage__dot{animation: none}:root[data-eq-still] .eq-npc-stage__tools,:root[data-eq-still] .eq-npc-stage__card,:root[data-eq-still] .eq-npc-stage__pill{-webkit-backdrop-filter: none;backdrop-filter: none}.eq-npc-stage__frame[data-preset="reel"]{background: none}.eq-npc-stage__frame[data-preset="reel"] :is(.eq-npc-stage__poster,.eq-npc-stage__name,.eq-npc-stage__chips,.eq-npc-stage__pill,.eq-npc-stage__progress,.eq-npc-stage__card,.eq-npc-stage__tools,.eq-npc-stage__menu){display: none}.eq-npc-stage__frame[data-preset="reel"] .eq-npc-stage__canvas{opacity: 1;transform: none;transition: none;cursor: default;pointer-events: none}@property --eq-reel-accent{syntax: "<color>";inherits: true;initial-value: #f3d58f}.eq-reel{--eq-reel-h: clamp(520px,62svh,720px);--eq-reel-radius: 28px;--eq-reel-accent: #f3d58f;--eq-reel-pad: 40px;position: relative;isolation: isolate;height: var(--eq-reel-h);border-radius: var(--eq-reel-radius);overflow: hidden;contain: layout paint;color: var(--eq-text-1);background: #05070c;font: var(--eq-weight-regular) var(--eq-size-md) / var(--eq-leading) var(--eq-font);transition: --eq-reel-accent var(--eq-dur-6) var(--eq-ease)}.eq-reel[data-eq-accent="fire"]{--eq-reel-accent: #ff9a4d}.eq-reel[data-eq-accent="frost"]{--eq-reel-accent: #7fd4ff}.eq-reel[data-eq-accent="poison"]{--eq-reel-accent: #7be38a}.eq-reel[data-eq-accent="shadow"]{--eq-reel-accent: #9a7bff}.eq-reel[data-eq-accent="gold"]{--eq-reel-accent: #f3d58f}.eq-reel__stage{position: absolute;inset: 0;z-index: 0;outline: none;touch-action: pan-y;background: radial-gradient(34% 26% at var(--eq-stage-model-x,58%) 82%,rgba(224,176,74,.14),rgba(224,176,74,0) 72%),linear-gradient(180deg,var(--crest-iron-900,#0b0f1c) 0%,#080a12 46%,var(--crest-iron-950,#05070b) 100%)}.eq-reel__stage::before{content: "";position: absolute;inset: 0;pointer-events: none;background: none}.eq-reel__stage::after{content: "";position: absolute;inset: 0;z-index: 2;pointer-events: none;background: radial-gradient(75% 62% at 0% 100%,rgba(5,7,12,.78),rgba(5,7,12,.32) 58%,transparent 78%),linear-gradient(0deg,rgba(5,7,12,.5),transparent 34%)}.eq-reel__stage:focus-visible{box-shadow: inset 0 0 0 2px var(--eq-focus);border-radius: inherit}.eq-reel__poster{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover;object-position: 62% 50%;opacity: 0;pointer-events: none;user-select: none;-webkit-user-drag: none}.eq-reel__poster.is-current{opacity: 1}.eq-reel__3d{position: absolute;inset: 0;z-index: 1;width: auto;min-height: 0;aspect-ratio: auto;border-radius: 0;pointer-events: none}.eq-reel__card{position: absolute;left: var(--eq-reel-pad);bottom: var(--eq-reel-pad);z-index: 3;max-width: min(620px,55%);min-width: 0;pointer-events: none}.eq-reel__eyebrow{margin: 0 0 12px;color: var(--eq-reel-accent);font-size: 12px;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0 1px 10px rgba(0,0,0,.6)}.eq-reel__eyebrow:empty{display: none}.eq-reel__name{margin: 0;color: #fff;font-size: clamp(40px,6vw,88px);line-height: 1.02;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0 2px 28px rgba(0,0,0,.55)}.eq-reel__sub{margin: 12px 0 0;color: var(--eq-text-2);font-size: 15px;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0 1px 10px rgba(0,0,0,.6)}.eq-reel__sub:empty{display: none}.eq-reel__actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px;pointer-events: auto}.eq-reel__actions:empty{display: none}.eq-reel__actions .eq-btn{text-decoration: none}.eq-reel__see > .eq-icon{margin-right: -4px}.eq-reel__controls{position: absolute;right: 24px;bottom: 24px;z-index: 3;display: flex;align-items: center;gap: 10px}.eq-reel__pills{display: flex;align-items: center;gap: 2px}.eq-reel__pills:empty{display: none}.eq-reel__pill{position: relative;display: inline-grid;place-items: center;width: 24px;height: 24px;margin: 0;padding: 0;border: 0;border-radius: 12px;background: none;color: inherit;cursor: pointer;-webkit-tap-highlight-color: transparent}.eq-reel__pill::before{content: "";width: 6px;height: 6px;border-radius: 3px;background: rgba(255,255,255,.4);box-shadow: 0 0 0 .5px rgba(0,0,0,.25)}.eq-reel__pill:hover::before{background: rgba(255,255,255,.72)}.eq-reel__pill[aria-current="true"]{width: 36px}.eq-reel__pill[aria-current="true"]::before{width: 28px;background: rgba(255,255,255,.26)}.eq-reel__pill-fill{position: absolute;left: 50%;top: 50%;display: none;width: 28px;height: 6px;margin: -3px 0 0 -14px;border-radius: 3px;background: #fff;transform: scaleX(0);transform-origin: 0 50%}.eq-reel__pill[aria-current="true"] > .eq-reel__pill-fill{display: block}.eq-reel[data-eq-reel-mode="still"] .eq-reel__pill-fill{transform: none}.eq-reel__pill:focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 0}.eq-reel__pause.eq-btn--icon{width: 44px;height: 44px;border-radius: 50%}@media (max-width: 760px){.eq-reel{--eq-reel-pad: 20px}.eq-reel__card{left: 20px;right: 20px;bottom: 76px;max-width: none}.eq-reel__name{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2}.eq-reel__sub{white-space: normal}.eq-reel__actions{margin-top: 16px}.eq-reel__controls{right: 16px;bottom: 16px}}@media (pointer: coarse){.eq-reel__pill{width: 28px;height: 44px}.eq-reel__pill[aria-current="true"]{width: 40px}}@media (prefers-reduced-motion: reduce){.eq-reel{transition: none}}:root[data-eq-motion="off"] .eq-reel{transition: none}@media (prefers-reduced-transparency: reduce){.eq-reel .eq-btn--glass{background: var(--eq-surface-solid);-webkit-backdrop-filter: none;backdrop-filter: none}}@media (forced-colors: active){.eq-reel__card{padding: 14px 16px;border-radius: 14px;background: Canvas;color: CanvasText}.eq-reel__name,.eq-reel__eyebrow,.eq-reel__sub{color: CanvasText;text-shadow: none}.eq-reel__pill::before{background: Canvas;border: 1px solid ButtonText;box-shadow: none}.eq-reel__pill[aria-current="true"]::before{border-color: Highlight}.eq-reel__pill-fill{forced-color-adjust: none;background: Highlight}.eq-reel__pause{border: 1px solid ButtonText}.eq-reel__stage::after{display: none}}.eq-reel-stage{position: absolute;inset: 0;z-index: 0;pointer-events: none}:root{--eq-motion-reveal-dur: var(--eq-dur-6);--eq-motion-reveal-rise: 24px;--eq-motion-reveal-scale: .985;--eq-motion-reveal-shift: 24px;--eq-motion-stagger: 60ms;--eq-motion-stagger-max: 6;--eq-motion-lift: -4px;--eq-motion-press: .97;--eq-motion-press-dur: 90ms;--eq-motion-tilt: 4deg;--eq-motion-tilt-perspective: 900px;--eq-motion-pointer-shift: 14px;--eq-motion-page-out: 160ms;--eq-motion-page-in: 280ms;--eq-motion-page-shared: 360ms;--eq-motion-count-lite-dur: 900ms;--eq-motion-count-stagger: 80ms;--eq-motion-turn-speed: .3;--eq-motion-turn-resume: 2.5s;--eq-motion-turn-ease-in: 800ms;--eq-motion-turn-friction: 5;--eq-motion-deck-dur: 320ms;--eq-motion-throw-max: 300ms;--eq-motion-vote-dur: 280ms;--eq-motion-embers: 20}:root[data-eq-motion="lite"]{--eq-motion-reveal-dur: var(--eq-dur-4)}:root[data-eq-motion="off"]{--eq-hero-fade: var(--eq-dur-fade)}:root:is([data-eq-motion="full"],[data-eq-motion="lite"]) :is([data-eq-reveal].eq-reveal-wait,[data-eq-stagger].eq-reveal-wait > *){opacity: 0}.eq-lift{position: absolute;inset: 0;border-radius: inherit;pointer-events: none;box-shadow: var(--eq-shadow-2),inset 0 0 0 1px color-mix(in srgb,var(--eq-gold) 45%,transparent);opacity: 0;transition: opacity var(--eq-dur-3) var(--eq-ease)}[data-eq-hover].eq-hovered .eq-lift{opacity: 1;transition-duration: var(--eq-dur-2)}.eq-count__fig{display: inline-flex;vertical-align: top;white-space: pre;font-variant-numeric: tabular-nums;user-select: none;-webkit-user-select: none}[data-eq-count] :is(.eq-count__fig,.eq-count__col,.eq-count__reel,.eq-count__sep){font: inherit;color: inherit;letter-spacing: inherit}[data-eq-count] > .eq-count__fig{font-variant-numeric: tabular-nums}:is([data-eq-count],[data-eq-counted]) .eq-count__fig{display: inline-flex;vertical-align: top;margin: 0;padding: 0;border: 0;float: none}:is([data-eq-count],[data-eq-counted]) :is(.eq-count__col,.eq-count__reel,.eq-count__sep){display: block;margin: 0;padding: 0;border: 0;float: none}.eq-count__col{display: block;height: 1.2em;height: 1lh;overflow: clip;-webkit-mask-image: linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-image: linear-gradient(transparent,#000 12%,#000 88%,transparent)}.eq-count__reel{display: block;white-space: pre;text-align: center}.eq-count__sep{display: block}.eq-parallax-layer{position: absolute;inset: -12% 0;width: 100%;height: 124%;object-fit: cover;pointer-events: none;user-select: none}@supports (animation-timeline: view()){:root[data-eq-motion="full"] .eq-parallax--css{view-timeline: --eq-parallax block}:root[data-eq-motion="full"] .eq-parallax--css [data-eq-depth]{animation: eq-parallax linear both;animation-timeline: --eq-parallax;animation-range: cover 0% cover 100%}}@keyframes eq-parallax{from{translate: calc(var(--eq-px,0) * var(--eq-depth,0) * var(--eq-motion-pointer-shift,14px) * -4) calc(var(--eq-depth,0) * (100vh + 100%) * -.5 - var(--eq-py,0) * var(--eq-depth,0) * var(--eq-motion-pointer-shift,14px) * 4)}to{translate: calc(var(--eq-px,0) * var(--eq-depth,0) * var(--eq-motion-pointer-shift,14px) * -4) calc(var(--eq-depth,0) * (100vh + 100%) * .5 - var(--eq-py,0) * var(--eq-depth,0) * var(--eq-motion-pointer-shift,14px) * 4)}}.eq-embers{position: absolute;inset: 0;z-index: var(--eq-embers-z,0);overflow: hidden;pointer-events: none;container-type: size;contain: strict}.eq-embers > i{position: absolute;left: var(--x);bottom: 0;width: var(--size);height: var(--size);margin-left: calc(var(--size) / -2);border-radius: 50%;background: radial-gradient(circle,#fff6df 0 22%,var(--eq-gold-hi) 46%,transparent 72%);opacity: 0}.eq-embers > i::after{content: "";position: absolute;inset: 0;border-radius: 50%;background: radial-gradient(circle,color-mix(in srgb,var(--eq-ember) 80%,#fff) 0 24%,var(--eq-ember) 48%,transparent 72%);opacity: 0}.eq-embers--run > i{will-change: transform,opacity;animation: eq-ember-rise var(--dur) cubic-bezier(.3,.15,.55,1) var(--delay) infinite,eq-ember-sway calc(var(--dur) / 3) ease-in-out var(--delay) infinite alternate}.eq-embers--run > i::after{animation: eq-ember-cool var(--dur) linear var(--delay) infinite}@keyframes eq-ember-rise{0%{translate: 0 var(--y0);opacity: 0}10%{opacity: .7}80%{opacity: .7}100%{translate: var(--drift) calc(var(--y0) - var(--rise));opacity: 0}}@keyframes eq-ember-cool{0%,20%{opacity: 0}85%,100%{opacity: 1}}@keyframes eq-ember-sway{from{transform: translateX(calc(var(--sway) * -1))}to{transform: translateX(var(--sway))}}:root:is([data-eq-motion="lite"],[data-eq-motion="off"]) .eq-embers{display: none}.eq-swipe{touch-action: pan-y;user-select: none;-webkit-user-select: none;cursor: grab;transform-origin: 50% 100%}.eq-swipe--drag{cursor: grabbing}.eq-swipe :is(img,svg,canvas){-webkit-user-drag: none;user-select: none}.eq-swipe-zone{overflow-x: clip}.eq-deck{position: relative;display: grid;justify-items: center;gap: 14px;padding-inline: 12px;overflow-x: clip;border-radius: var(--eq-radius-lg)}.eq-deck__stage{position: relative;width: min(100%,340px);aspect-ratio: 3 / 4}.eq-deck__stage > [data-eq-card]{position: absolute;inset: 0;z-index: calc(10 - var(--eq-deck-i,0));translate: 0 calc(var(--eq-deck-i,0) * 8px);scale: calc(1 - var(--eq-deck-i,0) * .04);opacity: calc(1 - .4 * min(var(--eq-deck-i,0),1) - .6 * clamp(0,var(--eq-deck-i,0) - 2,1));transition: translate var(--eq-motion-deck-dur) var(--eq-ease-cinema),scale var(--eq-motion-deck-dur) var(--eq-ease-cinema),opacity var(--eq-motion-deck-dur) var(--eq-ease)}.eq-deck__stage > [data-eq-card] > :not(.eq-deck__stamp){transition: opacity var(--eq-motion-deck-dur) var(--eq-ease)}.eq-deck__stage > [data-eq-card][inert]:not(.eq-swipe--out) > :not(.eq-deck__stamp){opacity: 0}.eq-deck__stage > .eq-swipe--out{z-index: 1}:root:is([data-eq-motion="lite"],[data-eq-motion="off"]) .eq-deck__stage > [data-eq-card]{translate: none;scale: none;opacity: calc(1 - min(var(--eq-deck-i,0),1));transition: opacity 250ms var(--eq-ease)}:root[data-eq-motion="off"] .eq-deck__stage > [data-eq-card]{transition-duration: var(--eq-dur-fade)}.eq-deck__actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px}.eq-deck__actions > .eq-btn{min-width: 96px;min-height: 44px}.eq-deck__hint{margin: 0;font-size: var(--eq-size-xs);color: var(--eq-text-2);text-align: center}.eq-deck:focus-visible{outline: 2px solid var(--eq-focus);outline-offset: 4px}.eq-deck__stamp{position: absolute;top: 16px;z-index: 3;display: inline-flex;align-items: center;gap: 6px;padding: 7px 12px 7px 10px;border-radius: var(--eq-radius-pill);font: var(--eq-weight-semibold) var(--eq-size-sm)/1 var(--eq-font);letter-spacing: var(--eq-tracking-label);background: var(--eq-glass-thick);box-shadow: var(--eq-shadow-1),inset 0 0 0 1px currentColor;opacity: 0;pointer-events: none}.eq-deck__stamp[data-eq-stamp="yes"]{left: 16px;color: var(--eq-good-ink);opacity: clamp(0,var(--eq-swipe,0),1)}.eq-deck__stamp[data-eq-stamp="no"]{right: 16px;color: var(--eq-bad-ink);opacity: clamp(0,calc(var(--eq-swipe,0) * -1),1)}.eq-deck__empty{display: none}.eq-deck[data-eq-empty] .eq-deck__empty{display: grid}.eq-deck__stage > .eq-deck__empty{position: absolute;inset: 0;place-items: center;align-content: center;gap: 10px;text-align: center}.eq-turntable{touch-action: pan-y;cursor: grab}.eq-turntable--drag{cursor: grabbing}.eq-turntable :is(canvas,img){-webkit-user-drag: none;user-select: none}::view-transition{pointer-events: none}.eq-vt-head{view-transition-name: eq-header}.eq-vt-nav{view-transition-name: eq-nav}.eq-vt-main{view-transition-name: eq-main}.eq-vt-shared{view-transition-name: eq-shared}::view-transition-group(*){animation-duration: var(--eq-motion-page-shared);animation-timing-function: var(--eq-ease-cinema)}::view-transition-old(*),::view-transition-new(*){animation-duration: var(--eq-motion-page-in)}::view-transition-old(root){animation: var(--eq-motion-page-out) var(--eq-ease-in) both eq-vt-fade-out}::view-transition-new(root){animation: var(--eq-motion-page-in) var(--eq-ease-cinema) 80ms both eq-vt-fade-in}::view-transition-group(eq-main){animation: none}::view-transition-old(eq-main){animation: var(--eq-motion-page-out) var(--eq-ease-in) both eq-vt-out}::view-transition-new(eq-main){animation: var(--eq-motion-page-in) var(--eq-ease-cinema) 80ms both eq-vt-in}:root:active-view-transition-type(back)::view-transition-old(eq-main){animation-name: eq-vt-out-back}:root:active-view-transition-type(back)::view-transition-new(eq-main){animation-name: eq-vt-in-back}@keyframes eq-vt-fade-out{to{opacity: 0}}@keyframes eq-vt-fade-in{from{opacity: 0}}@keyframes eq-vt-out{to{opacity: 0;translate: 0 -6px}}@keyframes eq-vt-in{from{opacity: 0;translate: 0 10px}}@keyframes eq-vt-out-back{to{opacity: 0;translate: 0 6px}}@keyframes eq-vt-in-back{from{opacity: 0;translate: 0 -10px}}:root[data-eq-motion="lite"]::view-transition-group(*){animation: none}:root[data-eq-motion="lite"]::view-transition-old(*){animation: var(--eq-motion-page-in) var(--eq-ease) both eq-vt-fade-out}:root[data-eq-motion="lite"]::view-transition-new(*){animation: var(--eq-motion-page-in) var(--eq-ease) both eq-vt-fade-in}:root[data-eq-motion="off"]::view-transition-group(*){animation: none}:root[data-eq-motion="off"]::view-transition-old(*){animation: var(--eq-dur-fade) linear both eq-vt-fade-out}:root[data-eq-motion="off"]::view-transition-new(*){animation: var(--eq-dur-fade) linear both eq-vt-fade-in}:root::view-transition-group(eq-header),:root::view-transition-group(eq-nav),:root[data-eq-motion]::view-transition-group(eq-header),:root[data-eq-motion]::view-transition-group(eq-nav){animation: none}:root::view-transition-old(eq-header),:root::view-transition-old(eq-nav),:root[data-eq-motion]::view-transition-old(eq-header),:root[data-eq-motion]::view-transition-old(eq-nav){display: none}:root::view-transition-new(eq-header),:root::view-transition-new(eq-nav),:root[data-eq-motion]::view-transition-new(eq-header),:root[data-eq-motion]::view-transition-new(eq-nav){animation: none}.eq-motion-readout{font-size: var(--eq-size-xs);color: var(--eq-text-2)}:root:is([data-eq-motion="lite"],[data-eq-motion="off"]) .eq-backdrop > i:nth-child(n){animation: none}:root:is([data-eq-motion="lite"],[data-eq-motion="off"]) .eq-hero__mark{animation: none}:root:is([data-eq-motion="lite"],[data-eq-motion="off"]) .eq-hero__scene{display: none}:root[data-eq-motion="off"] .eq-materialise{animation: none}:root[data-eq-motion="off"] .eq-scan{display: none}:root[data-eq-motion="off"] .eq-card--interactive:hover{transform: none}:root[data-eq-motion="off"] :is(.eq-sweep,.eq-logo)::before,:root[data-eq-motion="off"] :is(.eq-sweep,.eq-logo)::after,:root[data-eq-motion="off"] :is(a,button) > .eq-logo::after{animation: none !important}:root[data-eq-motion="off"] .eq-btn:active{transform: none}:root[data-eq-motion="off"] .eq-status--live::before{animation: none}:root[data-eq-motion="off"] .eq-skeleton{animation: none}:root[data-eq-motion="off"] :is(.eq-toast,.eq-dialog,.eq-palette__box){animation: eq-vt-fade-in var(--eq-dur-fade)}:root[data-eq-motion="off"] .eq-slot--ready{animation: none}:root[data-eq-motion="off"] :is(.eq-slot:hover,.eq-slot:active,a.eq-ref[href]:active){transform: none}:root[data-eq-motion="off"] .eq-bar[data-low] > i:not(.eq-bar__trail){animation: none}:root[data-eq-motion="off"] .eq-bar > i.eq-bar__trail{transition: none}@media (prefers-reduced-motion: reduce){.eq-embers{display: none}.eq-deck__stage > [data-eq-card]{translate: none;scale: none;transition: opacity var(--eq-dur-fade) var(--eq-ease)}}@media print{:is(.eq-reveal-wait,.eq-reveal-wait > *){opacity: 1 !important;animation: none !important}.eq-embers{display: none}[data-eq-depth]{translate: none !important;animation: none !important}}:root{accent-color: var(--eq-accent)}:root{--eq-chat-say: #f2eee6;--eq-chat-tell: #f3a2ee;--eq-chat-group: #7ccbff;--eq-chat-raid: #ffa64d;--eq-chat-guild: #6fd38b;--eq-chat-ooc: #8be09a;--eq-chat-shout: #ff6b5b;--eq-chat-link: #e0b04a;--eq-combat-hit: #f2eee6;--eq-combat-hurt: #ff9c8a;--eq-combat-heal: #8be09a;--eq-combat-xp: #f3d58f;--eq-hud-hp: linear-gradient(180deg,#f0705f,#c4322a 46%,#8a1a13);--eq-hud-power: linear-gradient(180deg,#7fb0f5,#3a6fd3 46%,#22478f);--eq-hud-cast: linear-gradient(180deg,#f3d58f,#e0b04a 50%,#b8893a);--eq-hud-cast-hostile: linear-gradient(180deg,#ffb37a,#e0712d 50%,#a84a16);--eq-hud-xp: linear-gradient(180deg,#f3d58f,#e0b04a 55%,#b8893a)}@media (prefers-color-scheme: dark){:root:not([data-eq-skin="off"]):not([data-theme="light"]){--eq-glass: rgba(13,11,9,.64);--eq-glass-thick: rgba(15,12,9,.82);--eq-glass-filter: blur(9px) saturate(110%);--eq-card: rgba(13,11,9,.64);--eq-card-filter: blur(9px) saturate(110%);--eq-edge: rgba(150,114,60,.62);--eq-card-edge: rgba(150,114,60,.62);--eq-rim-hi: rgba(243,213,143,.85);--eq-rim-lo: rgba(224,176,74,.30);--eq-sheen: rgba(243,213,143,.04);--eq-text-1: #f2eee6;--eq-text-2: #b9b2a4;--eq-text-3: #8e887c;--eq-fill-1: rgba(0,0,0,.36);--eq-fill-2: rgba(0,0,0,.5);--eq-fill-3: rgba(0,0,0,.62);--eq-sep: rgba(150,114,60,.28);--eq-thumb: rgba(0,0,0,.45);--eq-seg-on-text: #f3d58f;--eq-seg-on-ring: rgba(224,176,74,.5);--eq-chip-on-bg: rgba(0,0,0,.45);--eq-chip-on-text: #f3d58f;--eq-chip-on-ring: rgba(224,176,74,.5);--eq-row-on-bg: rgba(224,176,74,.09);--eq-row-on-bar: #e0b04a;--eq-radius-xs: 6px;--eq-radius-sm: 7px;--eq-radius-md: 9px;--eq-radius-lg: 10px;--eq-radius-xl: 12px;--eq-radius-pill: 8px;--eq-shadow-1: 0 2px 8px rgba(0,0,0,.38);--eq-shadow-2: 0 6px 16px rgba(0,0,0,.42);--eq-shadow-3: 0 8px 22px rgba(0,0,0,.42);--eq-hud-slot: rgba(0,0,0,.5);--eq-hud-bronze: rgba(150,114,60,.55);--eq-hud-lit: rgba(243,213,143,.12);--eq-surface-solid-1: #16130f;--eq-surface-solid-2: #1b1814;--eq-hud-lit-edge: rgba(243,213,143,.20);--eq-hud-inner: rgba(0,0,0,.55);--eq-hud-slot-inner: rgba(0,0,0,.8);--eq-hud-shade: rgba(0,0,0,.45);--eq-hud-well: rgba(0,0,0,.35);--eq-hud-ring: rgba(224,176,74,.75);--eq-hud-empty: rgba(0,0,0,.2);--eq-hud-empty-edge: rgba(150,114,60,.22);--eq-hud-lift: 0 6px 14px rgba(0,0,0,.6);--eq-hud-outline: 0 0 2px #000,0 1px 1px #000,0 0 4px #000}}:root:not([data-eq-skin="off"]):not([data-theme="light"]),:root:not([data-eq-skin="off"])[data-theme="dark"],:root:not([data-eq-skin="off"]) [data-theme="dark"],:root:not([data-eq-skin="off"]) :where(.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar){--eq-glass: rgba(13,11,9,.64);--eq-glass-thick: rgba(15,12,9,.82);--eq-glass-filter: blur(9px) saturate(110%);--eq-card: rgba(13,11,9,.64);--eq-card-filter: blur(9px) saturate(110%);--eq-edge: rgba(150,114,60,.62);--eq-card-edge: rgba(150,114,60,.62);--eq-rim-hi: rgba(243,213,143,.85);--eq-rim-lo: rgba(224,176,74,.30);--eq-sheen: rgba(243,213,143,.04);--eq-text-1: #f2eee6;--eq-text-2: #b9b2a4;--eq-text-3: #8e887c;--eq-fill-1: rgba(0,0,0,.36);--eq-fill-2: rgba(0,0,0,.5);--eq-fill-3: rgba(0,0,0,.62);--eq-sep: rgba(150,114,60,.28);--eq-thumb: rgba(0,0,0,.45);--eq-seg-on-text: #f3d58f;--eq-seg-on-ring: rgba(224,176,74,.5);--eq-chip-on-bg: rgba(0,0,0,.45);--eq-chip-on-text: #f3d58f;--eq-chip-on-ring: rgba(224,176,74,.5);--eq-row-on-bg: rgba(224,176,74,.09);--eq-row-on-bar: #e0b04a;--eq-radius-xs: 6px;--eq-radius-sm: 7px;--eq-radius-md: 9px;--eq-radius-lg: 10px;--eq-radius-xl: 12px;--eq-radius-pill: 8px;--eq-shadow-1: 0 2px 8px rgba(0,0,0,.38);--eq-shadow-2: 0 6px 16px rgba(0,0,0,.42);--eq-shadow-3: 0 8px 22px rgba(0,0,0,.42);--eq-hud-slot: rgba(0,0,0,.5);--eq-hud-bronze: rgba(150,114,60,.55);--eq-hud-lit: rgba(243,213,143,.12);--eq-surface-solid-1: #16130f;--eq-surface-solid-2: #1b1814;--eq-hud-lit-edge: rgba(243,213,143,.20);--eq-hud-inner: rgba(0,0,0,.55);--eq-hud-slot-inner: rgba(0,0,0,.8);--eq-hud-shade: rgba(0,0,0,.45);--eq-hud-well: rgba(0,0,0,.35);--eq-hud-ring: rgba(224,176,74,.75);--eq-hud-empty: rgba(0,0,0,.2);--eq-hud-empty-edge: rgba(150,114,60,.22);--eq-hud-lift: 0 6px 14px rgba(0,0,0,.6);--eq-hud-outline: 0 0 2px #000,0 1px 1px #000,0 0 4px #000}:root[data-eq-still]:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-eq-still]:not([data-eq-skin="off"]) :is([data-theme="dark"],.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar){--eq-glass: rgba(15,12,9,.82);--eq-card: rgba(15,12,9,.82);--eq-glass-filter: none;--eq-card-filter: none;--eq-chip-filter: none}@media (prefers-reduced-transparency: reduce){:root:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-eq-still]:not([data-eq-skin="off"]):not([data-theme="light"]),:root:not([data-eq-skin="off"]) :is([data-theme="dark"],.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar),:root[data-eq-still]:not([data-eq-skin="off"]) :is([data-theme="dark"],.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar){--eq-glass: #16130f;--eq-glass-thick: #16130f;--eq-card: #1b1814;--eq-glass-filter: none;--eq-card-filter: none;--eq-chip-filter: none}}:root[data-glass="solid"]:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-glass="solid"]:not([data-eq-skin="off"]) :is([data-theme="dark"],.eq-hud,.eq-nameplate,.eq-unit,.eq-hotbar,.eq-chat,.eq-castbar){--eq-glass: #16130f;--eq-glass-thick: #16130f;--eq-card: #1b1814;--eq-glass-filter: none;--eq-card-filter: none;--eq-chip-filter: none}@font-face{font-family: "Marcellus";font-style: normal;font-weight: 400;font-display: swap;src: url("/design/brand/fonts/Marcellus-400.woff2?v=75684b4016") format("woff2"),url("/design/brand/fonts/Marcellus-400.ttf?v=2f6fa616f7") format("truetype");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}:root:not([data-eq-skin="off"]){--eq-font-display: var(--crest-font-display,"Marcellus",Georgia,"Times New Roman",serif);font-synthesis-weight: none}:root:not([data-eq-skin="off"]) :is(.eq-title-1,.eq-title-2,.eq-title-3,.eq-headline,.eq-toolbar__title,.eq-dialog__title,.eq-empty__title,.eq-section-title,.eq-npc-stage__cardtitle,.eq-hero-fig){font-weight: 400;letter-spacing: .02em}:root{--eq-font-figure: var(--eq-font);--eq-weight-figure: 600}:root:not([data-eq-skin="off"]) :is(.eq-fig,.eq-stat b,.eq-tile__fig,.eq-ring__center b,.eq-examine__stats dd,.eq-titlebar__meta,.eq-unit__meter > b,.eq-bar-label > b,.eq-nameplate__hp > span,.eq-castbar__row > span,.eq-range-row output,.eq-progress-label b){font-family: var(--eq-font-figure);font-weight: var(--eq-weight-figure);letter-spacing: 0;font-variant-numeric: tabular-nums}:root:not([data-eq-skin="off"]) .eq-glass{box-shadow: var(--eq-shadow-3),inset 0 0 0 1px var(--eq-edge),inset 0 2px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo)),inset 0 0 0 2px var(--eq-hud-inner,transparent)}:root:not([data-eq-skin="off"]) .eq-glass--flat{box-shadow: inset 0 0 0 1px var(--eq-edge),inset 0 2px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo)),inset 0 0 0 2px var(--eq-hud-inner,transparent)}:root:not([data-eq-skin="off"]) .eq-card{box-shadow: var(--eq-shadow-1),inset 0 0 0 1px var(--eq-card-edge),inset 0 2px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo)),inset 0 0 0 2px var(--eq-hud-inner,transparent)}:root:not([data-eq-skin="off"]) .eq-card--interactive:hover{box-shadow: var(--eq-shadow-2),inset 0 0 0 1px color-mix(in srgb,var(--eq-gold-hi) 55%,transparent),inset 0 2px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo)),inset 0 0 0 2px var(--eq-hud-inner,transparent)}:root:not([data-eq-skin="off"]) .eq-glass::before,:root:not([data-eq-skin="off"]) .eq-card:not(.eq-sweep)::before,:root:not([data-eq-skin="off"]) .eq-pic__card::before{background: linear-gradient(135deg,var(--eq-rim-hi),var(--eq-rim-lo) 28%,transparent 58%)}:root:not([data-eq-skin="off"]) .eq-card:not(.eq-sweep)::before,:root:not([data-eq-skin="off"]) .eq-pic__card::before{content: "";position: absolute;inset: 0;z-index: 1;border-radius: inherit;padding: 1px;pointer-events: none;-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude}:root:not([data-eq-skin="off"]) .eq-pic__card:not(.eq-sweep)::before{z-index: 3}@supports (corner-shape: squircle){:root:not([data-eq-skin="off"]):not([data-theme="light"]) :where([class^="eq-"],[class*=" eq-"]),:root:not([data-eq-skin="off"]):not([data-theme="light"]) :where([class^="eq-"],[class*=" eq-"])::before,:root:not([data-eq-skin="off"]):not([data-theme="light"]) :where([class^="eq-"],[class*=" eq-"])::after,:root:not([data-eq-skin="off"]) :where([data-theme="dark"],[data-theme="dark"] *,.eq-hud,.eq-hud *,.eq-unit,.eq-unit *,.eq-hotbar,.eq-hotbar *,.eq-chat,.eq-chat *,.eq-castbar,.eq-castbar *,.eq-nameplate,.eq-nameplate *):where([class^="eq-"],[class*=" eq-"]),:root:not([data-eq-skin="off"]) :where([data-theme="dark"],[data-theme="dark"] *,.eq-hud,.eq-hud *,.eq-unit,.eq-unit *,.eq-hotbar,.eq-hotbar *,.eq-chat,.eq-chat *,.eq-castbar,.eq-castbar *,.eq-nameplate,.eq-nameplate *):where([class^="eq-"],[class*=" eq-"])::before,:root:not([data-eq-skin="off"]) :where([data-theme="dark"],[data-theme="dark"] *,.eq-hud,.eq-hud *,.eq-unit,.eq-unit *,.eq-hotbar,.eq-hotbar *,.eq-chat,.eq-chat *,.eq-castbar,.eq-castbar *,.eq-nameplate,.eq-nameplate *):where([class^="eq-"],[class*=" eq-"])::after{corner-shape: round}}:root:not([data-eq-skin="off"]) .eq-btn:not(.eq-btn--primary):not(.eq-btn--danger):not(.eq-btn--ghost):not(.eq-btn--glass):not(.eq-btn--gold){background: var(--eq-hud-slot,var(--eq-fill-1));box-shadow: inset 0 0 0 1px var(--eq-hud-bronze,transparent),inset 0 1px 0 var(--eq-hud-lit,transparent)}:root:not([data-eq-skin="off"]) .eq-btn:not(.eq-btn--primary):not(.eq-btn--danger):not(.eq-btn--ghost):not(.eq-btn--glass):not(.eq-btn--gold):hover{box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--eq-gold-hi) 60%,transparent),inset 0 1px 0 var(--eq-hud-lit,transparent)}:root:not([data-eq-skin="off"]) .eq-btn--icon:not(.eq-btn--primary):not(.eq-btn--danger):not(.eq-btn--ghost):not(.eq-btn--glass):not(.eq-btn--gold){box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 1px var(--eq-hud-bronze,var(--eq-edge)),inset 0 1px 0 var(--eq-hud-lit,transparent)}:root:not([data-eq-skin="off"]) .eq-btn--icon:not(.eq-btn--primary):not(.eq-btn--danger):not(.eq-btn--ghost):not(.eq-btn--glass):not(.eq-btn--gold):hover{transform: translateY(var(--eq-hud-hover-y,-2px));box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-gold-hi),var(--eq-hud-lift,var(--eq-shadow-2))}:root:not([data-eq-skin="off"]) .eq-btn--icon:not(.eq-btn--primary):not(.eq-btn--danger):not(.eq-btn--ghost):not(.eq-btn--glass):not(.eq-btn--gold):active{transform: translateY(var(--eq-hud-press-y,1px))}:root:not([data-eq-skin="off"]) .eq-btn:not(.eq-btn--primary):not(.eq-btn--danger):not(.eq-btn--ghost):not(.eq-btn--glass):not(.eq-btn--gold)[aria-pressed="true"]{background: var(--eq-chip-on-bg,var(--eq-accent-soft));color: var(--eq-chip-on-text,var(--eq-accent-ink));box-shadow: inset 0 0 0 1px var(--eq-chip-on-ring,transparent),inset 0 1px 0 var(--eq-hud-lit,transparent)}:root:not([data-eq-skin="off"]) .eq-btn--glass{box-shadow: var(--eq-shadow-1),inset 0 0 0 1px var(--eq-edge)}:root:not([data-eq-skin="off"]) .eq-btn--primary{box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 2px 8px rgba(0,0,0,.5)}:root:not([data-eq-skin="off"]) .eq-seg{background: var(--eq-hud-slot,var(--eq-fill-1));box-shadow: inset 0 0 0 1px var(--eq-hud-bronze,transparent)}:root:not([data-eq-skin="off"]) :is(.eq-field,.eq-input,.eq-textarea){background-color: var(--eq-hud-slot,var(--eq-fill-1));box-shadow: inset 0 0 0 1px var(--eq-hud-bronze,transparent),inset 0 1px 3px var(--eq-hud-shade,transparent)}:root:not([data-eq-skin="off"]) :is(.eq-field:focus-within,.eq-input:focus,.eq-textarea:focus){box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--eq-gold-hi) 70%,transparent),0 0 0 3px var(--eq-accent-ring)}:root:not([data-eq-skin="off"]) :is(.eq-field:has(> [aria-invalid="true"]),.eq-field[data-invalid],.eq-input[aria-invalid="true"],.eq-input[data-invalid],.eq-textarea[aria-invalid="true"]){box-shadow: inset 0 0 0 1px var(--eq-bad),inset 0 1px 3px var(--eq-hud-shade,transparent)}:root:not([data-eq-skin="off"]) :is(.eq-field:has(> [aria-invalid="true"]):focus-within,.eq-field[data-invalid]:focus-within,.eq-input[aria-invalid="true"]:focus,.eq-input[data-invalid]:focus,.eq-textarea[aria-invalid="true"]:focus){box-shadow: inset 0 0 0 1px var(--eq-bad),0 0 0 3px color-mix(in srgb,var(--eq-bad) 30%,transparent)}:root:not([data-eq-skin="off"]) .eq-tab{padding: 0 10px;font-size: 12.5px;font-weight: var(--eq-weight-semibold)}:root:not([data-eq-skin="off"]) .eq-tabs:not(.eq-tabs--pill) .eq-tab:hover{background: none}:root:not([data-eq-skin="off"]) .eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"]){color: var(--eq-seg-on-text,var(--eq-text-1))}:root:not([data-eq-skin="off"]) .eq-tabs:not(.eq-tabs--pill) .eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"])::after{left: 8px;right: 8px;height: 2px;border-radius: 2px;background: var(--eq-gold);box-shadow: 0 0 6px color-mix(in srgb,var(--eq-gold) 60%,transparent)}:root:not([data-eq-skin="off"]) .eq-tabs--pill{gap: 2px;padding: 2px;background: var(--eq-hud-slot,var(--eq-fill-1));box-shadow: inset 0 0 0 1px var(--eq-hud-bronze,transparent)}:root:not([data-eq-skin="off"]) .eq-tabs--pill .eq-tab{height: 28px;padding: 0 11px;border-radius: calc(var(--eq-radius-pill) - 2px)}:root:not([data-eq-skin="off"]) .eq-tabs--pill .eq-tab:hover{background: none;color: var(--eq-text-1)}:root:not([data-eq-skin="off"]) .eq-tabs--pill .eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"]){background: var(--eq-chip-on-bg,var(--eq-thumb));color: var(--eq-seg-on-text,var(--eq-text-1));box-shadow: inset 0 0 0 1px var(--eq-seg-on-ring,transparent)}:root:not([data-eq-skin="off"]) .eq-tabs--pill .eq-tab:is([aria-selected="true"],[aria-current="page"],[aria-current="true"])::after{content: none}:root:not([data-eq-skin="off"]) .eq-chip:not([aria-pressed="true"]){background: var(--eq-hud-slot,var(--eq-fill-1));box-shadow: inset 0 0 0 1px var(--eq-hud-bronze,transparent)}:root:not([data-eq-skin="off"]) .eq-row:hover:not([aria-selected="true"]):not([aria-current]){background: color-mix(in srgb,var(--eq-gold) 5%,transparent)}:root:not([data-eq-skin="off"]) .eq-bar{background: rgba(0,0,0,.6);box-shadow: inset 0 1px 3px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.05)}:root:not([data-eq-skin="off"]) .eq-bar--health > i:not(.eq-bar__trail),:root:not([data-eq-skin="off"]) .eq-bar--hp > i:not(.eq-bar__trail){background: var(--eq-hud-hp)}:root:not([data-eq-skin="off"]) .eq-bar--power > i:not(.eq-bar__trail){background: var(--eq-hud-power)}:root:not([data-eq-skin="off"]) .eq-bar--cast > i:not(.eq-bar__trail){background: var(--eq-hud-cast)}:root:not([data-eq-skin="off"]) .eq-bar--hostile > i:not(.eq-bar__trail){background: var(--eq-hud-cast-hostile)}:root:not([data-eq-skin="off"]) .eq-bar--xp > i:not(.eq-bar__trail){background: var(--eq-hud-xp)}:root:not([data-eq-skin="off"]) :is(.eq-card__title,.eq-titlebar__title){font-family: var(--eq-font-brand);font-weight: 400;letter-spacing: .02em}:root:not([data-eq-skin="off"]) .eq-npc-stage__frame:not([data-preset="arena"]){background: radial-gradient(36% 22% at 50% 86%,rgba(224,176,74,.10),rgba(224,176,74,0) 72%),linear-gradient(180deg,#1c1a17 0%,#12100d 52%,#0a0907 100%)}:root:not([data-eq-skin="off"]) .eq-npc-stage__frame:not([data-preset="arena"]) .eq-npc-stage__glow{background: radial-gradient(closest-side,rgba(224,176,74,.16),rgba(224,176,74,.04) 55%,transparent)}:root:not([data-eq-skin="off"]) .eq-npc-stage__title{font-family: var(--eq-font-brand);font-weight: 400;letter-spacing: .02em;font-synthesis: none}:root:not([data-eq-skin="off"]) .eq-npc-stage__tool[aria-pressed="true"]{background: var(--eq-chip-on-bg,var(--eq-accent-soft));color: var(--eq-chip-on-text,var(--eq-accent-ink));box-shadow: inset 0 0 0 1px var(--eq-chip-on-ring,transparent)}:root:not([data-eq-skin="off"]) .eq-npc-stage__item:hover{background: rgba(224,176,74,.07)}:root:not([data-eq-skin="off"]) .eq-npc-stage__item--idle{border-top-color: var(--eq-sep)}:root{--eq-hud-hover-y: -2px;--eq-hud-press-y: 1px}:root:not([data-eq-skin="off"]) .eq-hotbar{gap: 4px;padding: 6px 10px}:root:not([data-eq-skin="off"]) .eq-slot{overflow: visible;border-radius: 7px;background: var(--eq-hud-slot,radial-gradient(120% 90% at 30% 15%,rgba(255,255,255,.28),transparent 55%),linear-gradient(150deg,var(--eq-slot-a,#2a2d33),var(--eq-slot-b,#0b0f1c)));box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 1px var(--eq-hud-bronze,var(--crest-hairline-strong)),inset 0 1px 0 var(--eq-hud-lit,transparent)}:root:not([data-eq-skin="off"]) .eq-slot--sm{border-radius: 6px}:root:not([data-eq-skin="off"]) .eq-slot--lg{border-radius: 8px}:root:not([data-eq-skin="off"]) .eq-slot > img{inset: 2px;width: calc(100% - 4px);height: calc(100% - 4px);border-radius: 5px}:root:not([data-eq-skin="off"]) .eq-slot > .eq-slot__cd,:root:not([data-eq-skin="off"]) .eq-slot:is(.eq-slot--far,.eq-slot--low)::after{inset: 2px;border-radius: 5px}:root:not([data-eq-skin="off"]) :is(.eq-slot__key,.eq-slot > .eq-kbd){left: 4px;top: 2px;min-width: 0;height: auto;padding: 0;border-radius: 0;background: none;box-shadow: none;font: 700 11px/1.1 var(--eq-font-figure);color: var(--eq-slot-key,var(--crest-bone,#f2eee6));text-shadow: var(--eq-hud-outline,0 0 2px #000,0 1px 1px #000,0 0 4px #000)}:root:not([data-eq-skin="off"]) .eq-slot__count{right: 4px;bottom: 2px;font: 700 11.5px/1 var(--eq-font-figure);color: var(--crest-bone,#f2eee6);text-shadow: var(--eq-hud-outline,0 0 2px #000,0 1px 1px #000,0 0 4px #000)}:root:not([data-eq-skin="off"]) .eq-slot__time{font: 700 calc(var(--eq-slot-size,46px) * .37)/1 var(--eq-font-figure);color: var(--crest-bone,#f2eee6);text-shadow: 0 0 3px #000,0 1px 2px #000}:root:not([data-eq-skin="off"]) .eq-slot[aria-pressed="true"]{box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-gold),0 0 10px color-mix(in srgb,var(--eq-gold) 60%,transparent)}:root:not([data-eq-skin="off"]) .eq-slot[aria-pressed="true"]::before{left: 50%;right: auto;top: auto;bottom: -5px;width: 14px;height: 2px;margin-left: -7px;border-radius: 2px;background: var(--eq-gold-hi);box-shadow: none}:root:not([data-eq-skin="off"]) .eq-slot--proc{box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--crest-ember,#f07a2a),0 0 14px 2px color-mix(in srgb,var(--crest-ember,#f07a2a) 75%,transparent)}:root:not([data-eq-skin="off"]) .eq-slot:hover{transform: translateY(var(--eq-hud-hover-y,-2px));box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-gold-hi),var(--eq-hud-lift,var(--eq-shadow-2))}:root:not([data-eq-skin="off"]) .eq-slot:active{transform: translateY(var(--eq-hud-press-y,1px));transition-duration: 80ms;box-shadow: inset 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-gold),0 0 10px color-mix(in srgb,var(--eq-gold) 60%,transparent)}:root:not([data-eq-skin="off"]) .eq-slot:is(:disabled,[aria-disabled="true"],.eq-slot--cooling):is(:hover,:active){transform: none}:root:not([data-eq-skin="off"]) .eq-slot--empty{background: var(--eq-hud-empty,var(--eq-fill-1));box-shadow: inset 0 0 0 1px var(--eq-hud-empty-edge,var(--eq-fill-2))}:root:not([data-eq-skin="off"]) .eq-slot--empty:is(:hover,:active){transform: none;box-shadow: inset 0 0 0 1px var(--eq-hud-bronze,var(--eq-fill-3))}:root:not([data-eq-skin="off"]) .eq-row__glyph,:root:not([data-eq-skin="off"]) .eq-list .eq-row .eq-row__glyph,:root:not([data-eq-skin="off"]) .eq-empty__icon,:root:not([data-eq-skin="off"]) .eq-tile__top > svg:first-child:not(.eq-tile__go),:root:not([data-eq-skin="off"]) .eq-tile__name > svg:first-child{color: var(--eq-accent-ink);background: var(--eq-hud-slot,var(--eq-fill-1));box-shadow: inset 0 1px 0 var(--eq-hud-lit,transparent),0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-hud-ring,var(--eq-accent-ring))}:root:not([data-eq-skin="off"]) .eq-row__glyph{border-radius: 6px}:root:not([data-eq-skin="off"]) .eq-empty__icon{border-radius: 9px}:root:not([data-eq-skin="off"]) .eq-empty--bad .eq-empty__icon{color: var(--eq-bad-ink);box-shadow: inset 0 1px 0 var(--eq-hud-lit,transparent),0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-bad)}:root:not([data-eq-skin="off"]) :is(.eq-tile__top > svg:first-child:not(.eq-tile__go),.eq-tile__name > svg:first-child){width: 28px;height: 28px;padding: 5px;border-radius: 6px}:root:not([data-eq-skin="off"]) .eq-brand__mark:not(.eq-brand__mark--crest):not(.eq-brand__mark--aegis){border-radius: 7px;box-shadow: inset 0 1px 0 var(--eq-hud-lit,transparent),0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-hud-ring,var(--crest-hairline-strong))}:root:not([data-eq-skin="off"]) .eq-item__icon{border-radius: 7px;background: var(--eq-hud-slot,linear-gradient(150deg,var(--eq-slot-a,#2a2d33),var(--eq-slot-b,#121621)));box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-rarity),0 0 14px -4px var(--eq-rarity)}:root:not([data-eq-skin="off"]) .eq-effect{font: var(--eq-weight-figure) 10.5px/1.2 var(--eq-font-figure)}:root:not([data-eq-skin="off"]) :is(.eq-effect > .eq-icon,.eq-effect > img){width: 26px;height: 26px;border-radius: 5px;background: linear-gradient(145deg,var(--eq-effect-a,var(--eq-hud-slot,#2a2d33)),var(--eq-effect-b,var(--eq-hud-slot,#0b0f1c)));box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-hud-bronze,var(--crest-hairline-strong))}:root:not([data-eq-skin="off"]) .eq-effect--bad > :is(.eq-icon,img){box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-bad)}:root:not([data-eq-skin="off"]) .eq-effect--expiring{color: var(--eq-accent-ink)}:root:not([data-eq-skin="off"]) .eq-effect--expiring > :is(.eq-icon,img){animation: none;box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--crest-ember,#f07a2a),0 0 8px color-mix(in srgb,var(--crest-ember,#f07a2a) 70%,transparent)}:root:not([data-eq-skin="off"]) .eq-castbar > .eq-icon{width: 26px;height: 26px;padding: 5px;border-radius: 4px;color: var(--eq-accent-ink);background: var(--eq-hud-slot,var(--eq-fill-2));box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px color-mix(in srgb,var(--eq-gold) 60%,transparent)}:root:not([data-eq-skin="off"]) .eq-castbar--bad > .eq-icon{color: var(--eq-bad-ink);box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-bad)}:root:not([data-eq-skin="off"]) .eq-spinner{width: 28px;height: 3px;flex: none;align-self: center;border: 0;border-radius: 2px;background: linear-gradient(90deg,rgba(243,213,143,0),var(--crest-gold,#e0b04a) 38%,var(--eq-presence,#f07a2a) 50%,rgba(243,213,143,0) 62%) 0 0 / 220% 100% no-repeat,rgba(224,176,74,.18);animation: eq-line-sweep 1.4s var(--eq-ease,ease) infinite}:root:not([data-eq-skin="off"]) .eq-spinner--lg{width: 120px;height: 3px}@keyframes eq-line-sweep{from{background-position: 160% 0,0 0}to{background-position: -60% 0,0 0}}@media (prefers-reduced-motion: reduce){:root:not([data-eq-skin="off"]) .eq-spinner{animation: none;background-position: 50% 0,0 0}}:root[data-eq-motion="off"]:not([data-eq-skin="off"]) .eq-spinner{animation: none;background-position: 50% 0,0 0}@media (forced-colors: active){:root:not([data-eq-skin="off"]) .eq-spinner{background: Highlight;animation: none}}:root:not([data-eq-skin="off"]) :is(.eq-glass,.eq-sheet,.eq-dialog){--eq-card-filter: none;--eq-chip-filter: none}:root[data-eq-still]:not([data-eq-skin="off"]) :is(.eq-glass,.eq-card,.eq-pic,.eq-tile){box-shadow: inset 0 0 0 1px var(--eq-edge,rgba(150,114,60,.62))}:root[data-eq-still]:not([data-eq-skin="off"]) :is(.eq-glass,.eq-card,.eq-pic,.eq-tile)::before{display: none}:root[data-eq-still]:not([data-eq-skin="off"]) :is(.eq-npc-stage__dot,.eq-slot--proc){animation: none}:root[data-eq-still]:not([data-eq-skin="off"]) .eq-status--live::before{animation: none}.eq-shine{background: linear-gradient(100deg,var(--crest-gold,#e0b04a) 0%,var(--eq-presence,#f07a2a) 30%,var(--crest-gold-hi,#f3d58f) 50%,var(--eq-presence,#f07a2a) 70%,var(--crest-gold,#e0b04a) 100%) 0 0 / 220% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;text-shadow: none;animation: eq-shine 6s ease-in-out infinite}@keyframes eq-shine{0%,100%{background-position: 0% 0}50%{background-position: 100% 0}}@media (prefers-reduced-motion: reduce){.eq-shine{animation: none;background-position: 40% 0}}:root[data-eq-motion="off"] .eq-shine{animation: none;background-position: 40% 0}:root[data-theme="light"] .eq-shine,[data-theme="light"] .eq-shine{background-image: linear-gradient(100deg,#8a5c0e 0%,#b8480f 35%,#a26a12 55%,#b8480f 75%,#8a5c0e 100%)}@media (forced-colors: active){.eq-shine{background: none;color: CanvasText;-webkit-text-fill-color: currentColor;animation: none}}.eq-filigree{position: absolute;left: -5px;top: -5px;z-index: 3;width: 26px;height: 26px;pointer-events: none;background: url("/design/brand/crest/hud/corner.svg?v=d99a5aeee1") center / contain no-repeat}.eq-filigree--tr{left: auto;right: -5px;transform: scaleX(-1)}.eq-glass--main:not(.eq-sweep){background-image: linear-gradient(180deg,var(--eq-sheen),transparent 42%)}.eq-glass--main:not(.eq-sweep)::after{inset: auto;left: -5px;top: -5px;width: 26px;height: 26px;z-index: 3;border-radius: 0;background: url("/design/brand/crest/hud/corner.svg?v=d99a5aeee1") center / contain no-repeat}.eq-glass--main:not(.eq-sweep) > .eq-filigree:not(.eq-filigree--tr){display: none}.eq-glass--main .eq-titlebar__title{font-size: 22px;color: var(--eq-accent-ink)}.eq-titlebar{display: flex;align-items: center;gap: 10px;min-width: 0;padding: 11px 16px 10px;border-bottom: 1px solid var(--eq-sep);border-image: linear-gradient(90deg,color-mix(in srgb,var(--eq-gold) 75%,transparent),var(--eq-hud-bronze,var(--eq-sep)) 24%,var(--eq-sep)) 1;border-top-left-radius: inherit;border-top-right-radius: inherit;background: linear-gradient(180deg,color-mix(in srgb,var(--eq-gold-hi) 6%,transparent),transparent)}.eq-titlebar__title{margin: 0;min-width: 0;font: 400 19px/1.2 var(--eq-font-brand);letter-spacing: .02em;color: var(--eq-text-1);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.eq-titlebar__meta{color: var(--eq-text-3);font-size: 12px;font-weight: var(--eq-weight-semibold);font-variant-numeric: tabular-nums}.eq-titlebar__actions{margin-left: auto;display: flex;align-items: center;gap: 6px;flex: none}.eq-examine{--eq-examine-pad-y: 16px;--eq-examine-pad-x: 18px;display: flex;flex-direction: column;gap: 10px;width: min(100%,420px);padding: var(--eq-examine-pad-y) var(--eq-examine-pad-x);color: var(--eq-text-1)}.eq-examine__art{position: relative;display: block;flex: none;overflow: hidden;height: var(--eq-examine-art-h,130px);margin: calc(-1 * var(--eq-examine-pad-y)) calc(-1 * var(--eq-examine-pad-x)) 0;border-radius: inherit;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-bottom: 1px solid var(--eq-hud-bronze,var(--eq-sep));background: var(--eq-fill-1)}.eq-examine__art > img,.eq-examine__art > picture > img,.eq-examine__art > video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: var(--eq-examine-art-focus,50% 50%)}.eq-examine__head{display: grid;grid-template-columns: auto 1fr auto;align-items: start;gap: 12px}.eq-examine__icon{width: 46px;height: 46px;border-radius: 7px;object-fit: cover;display: block;box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-hud-ring,var(--eq-gold))}.eq-examine__icon:not(img){display: grid;place-items: center;background: var(--eq-hud-slot,var(--eq-fill-2));color: var(--eq-accent-ink)}.eq-examine__icon > .eq-icon{width: 26px;height: 26px}.eq-examine__art + .eq-examine__head > .eq-examine__icon,.eq-examine__icon--over{position: relative;z-index: 1;width: 48px;height: 48px;margin-top: -36px;box-shadow: 0 0 0 1px var(--eq-hud-slot-inner,transparent),0 0 0 2px var(--eq-hud-ring,var(--eq-gold)),var(--eq-hud-lift,var(--eq-shadow-2))}.eq-examine__name{margin: 0;font: 400 22px/1.15 var(--eq-font-brand);letter-spacing: .02em;color: var(--eq-accent-ink)}.eq-examine__tier{margin: 3px 0 0;display: flex;align-items: center;gap: 6px;font-size: 13px;font-weight: var(--eq-weight-semibold);color: var(--eq-tier,var(--eq-text-2))}.eq-examine__tier::before{content: "";width: 9px;height: 9px;transform: rotate(45deg);border-radius: 1px;background: currentColor}.eq-examine__level{font-size: 12.5px;font-weight: var(--eq-weight-semibold);color: var(--eq-text-2);white-space: nowrap}.eq-examine__kind{margin: 0;font-size: 13px;font-weight: var(--eq-weight-semibold);color: var(--eq-text-2)}.eq-examine__stats{margin: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px 14px;padding: 12px 14px;border-radius: 8px;background: var(--eq-hud-well,var(--eq-fill-1));box-shadow: inset 0 0 0 1px var(--eq-sep)}.eq-examine__stats dt{font-size: 11px;font-weight: var(--eq-weight-semibold);letter-spacing: .14em;text-transform: uppercase;color: var(--eq-text-3)}.eq-examine__stats dd{margin: 2px 0 0;font: var(--eq-weight-figure,600) 15px/1.25 var(--eq-font-figure,var(--eq-font));font-variant-numeric: tabular-nums}.eq-examine__effects{margin: 0;padding: 0;list-style: none;display: grid;gap: 4px}.eq-examine__effects li{position: relative;padding-left: 18px;line-height: 1.45}.eq-examine__effects li::before{content: "";position: absolute;left: 3px;top: .55em;width: 6px;height: 6px;transform: rotate(45deg);background: var(--eq-gold)}.eq-examine__effects b{font-weight: var(--eq-weight-bold)}.eq-examine__req{margin: 0;font-size: 13px;color: var(--eq-text-2)}.eq-examine__req--unmet{color: var(--eq-bad)}.eq-examine__flavour{margin: 0;font: italic 400 15px/1.45 var(--eq-font-brand);color: color-mix(in srgb,var(--eq-text-2) 70%,var(--eq-gold-hi))}.eq-examine__foot{display: flex;justify-content: space-between;gap: 10px;padding-top: 10px;border-top: 1px solid var(--eq-sep);font-size: 12px;color: var(--eq-text-3)}.eq-examine__action{margin-left: auto;color: var(--eq-accent-ink);font-weight: var(--eq-weight-semibold);text-decoration: none}.eq-examine__action:hover{text-decoration: underline;text-underline-offset: 2px}.eq-glass.eq-examine:is(a,button){text-decoration: none;text-align: left;font: inherit;cursor: pointer;transition: transform 180ms var(--eq-ease),box-shadow 180ms var(--eq-ease)}.eq-glass.eq-examine:is(a,button):hover{transform: translateY(var(--eq-hud-hover-y,-2px));box-shadow: 0 0 0 1px var(--eq-gold-hi),var(--eq-hud-lift,var(--eq-shadow-2)),var(--eq-shadow-3),inset 0 2px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo))}.eq-glass.eq-examine:is([aria-selected="true"],[aria-current="page"],[aria-current="true"]){box-shadow: var(--eq-shadow-3),0 0 0 1px var(--eq-gold),inset 0 2px 0 var(--eq-hud-lit-edge,var(--eq-rim-lo))}@media (prefers-reduced-motion: reduce){:root{--eq-hud-hover-y: 0px;--eq-hud-press-y: 0px}}:root[data-eq-motion="off"]{--eq-hud-hover-y: 0px;--eq-hud-press-y: 0px}@media (forced-colors: active){.eq-filigree,.eq-glass--main:not(.eq-sweep)::after{display: none}.eq-examine__effects li::before,.eq-examine__tier::before{background: CanvasText}.eq-examine__art{border-bottom-color: CanvasText}:root:not([data-eq-skin="off"]) .eq-slot[aria-pressed="true"]::before{forced-color-adjust: none;background: Highlight}.eq-titlebar{border-image: none;border-bottom-color: CanvasText;background: none}}:root[data-eq-palette="iron"]:not([data-eq-skin="off"]):not([data-theme="light"]),:root[data-eq-palette="iron"]:not([data-eq-skin="off"]) [data-theme="dark"]{--eq-glass: rgba(15,16,18,.66);--eq-glass-thick: rgba(17,18,21,.84);--eq-card: rgba(15,16,18,.66);--eq-edge: rgba(158,164,174,.46);--eq-card-edge: rgba(158,164,174,.46);--eq-hud-bronze: rgba(150,156,166,.48);--eq-hud-lit: rgba(232,236,242,.10);--eq-rim-hi: rgba(232,236,242,.78);--eq-rim-lo: rgba(190,196,206,.26);--eq-sheen: rgba(232,236,242,.04);--eq-sep: rgba(158,164,174,.24);--eq-text-1: #eceef1;--eq-text-2: #b4b9c1;--eq-text-3: #878d96;--eq-backdrop: #060708;--eq-row-on-bg: rgba(224,176,74,.08);--eq-surface-solid-1: #141518;--eq-surface-solid-2: #18191c}:root[data-eq-palette="iron"][data-eq-still]:not([data-eq-skin="off"]):not([data-theme="light"]){--eq-glass: rgba(17,18,21,.9);--eq-card: rgba(17,18,21,.9)}@media (prefers-reduced-transparency: reduce){:root[data-eq-palette="iron"]:not([data-eq-skin="off"]):not([data-theme="light"]){--eq-glass: #141518;--eq-glass-thick: #141518;--eq-card: #18191c}}:root[data-eq-palette="iron"][data-glass="solid"]:not([data-eq-skin="off"]):not([data-theme="light"]){--eq-glass: #141518;--eq-glass-thick: #141518;--eq-card: #18191c}:root:not([data-eq-skin="off"])[data-theme="light"],:root:not([data-eq-skin="off"]) [data-theme="light"]{--eq-glass: rgba(247,240,224,.80);--eq-glass-thick: rgba(245,237,218,.92);--eq-card: rgba(251,246,234,.86);--eq-edge: rgba(138,92,14,.40);--eq-card-edge: rgba(138,92,14,.36);--eq-hud-bronze: rgba(138,92,14,.38);--eq-hud-lit: rgba(255,252,244,.75);--eq-hud-slot: rgba(110,80,30,.07);--eq-rim-hi: rgba(184,137,58,.80);--eq-rim-lo: rgba(184,137,58,.26);--eq-sheen: rgba(255,252,244,.35);--eq-sep: rgba(110,80,30,.18);--eq-text-1: #2b2117;--eq-text-2: #5b4a35;--eq-text-3: #75634b;--eq-fill-1: rgba(110,80,30,.06);--eq-fill-2: rgba(110,80,30,.10);--eq-fill-3: rgba(110,80,30,.16);--eq-thumb: #fffaf0;--eq-backdrop: var(--eq-parchment,#f3efe6);--eq-shadow-1: 0 2px 8px rgba(80,55,20,.12);--eq-shadow-2: 0 6px 16px rgba(80,55,20,.14);--eq-shadow-3: 0 10px 26px rgba(80,55,20,.16);--eq-seg-on-text: #6e4a12;--eq-seg-on-ring: rgba(138,92,14,.45);--eq-chip-on-bg: #fffaf0;--eq-chip-on-text: #6e4a12;--eq-chip-on-ring: rgba(138,92,14,.45);--eq-row-on-bg: rgba(138,92,14,.10);--eq-row-on-bar: #8a5c0e;--eq-surface-solid-1: #fbf6ea;--eq-surface-solid-2: #fffaf0}.eq-swatch{display: inline-block;width: 12px;height: 12px;margin-right: 6px;border-radius: 3px;vertical-align: -1px;flex: none;box-shadow: inset 0 0 0 1px rgba(0,0,0,.35)}.eq-swatch--bronze{background: linear-gradient(135deg,#3a2d1c 0 45%,#e0b04a 46% 54%,#0d0b09 55%)}.eq-swatch--iron{background: linear-gradient(135deg,#3b3f46 0 45%,#e0b04a 46% 54%,#0f1012 55%)}.eq-swatch--parchment{background: linear-gradient(135deg,#f3efe6 0 45%,#8a5c0e 46% 54%,#e8dcc2 55%);box-shadow: inset 0 0 0 1px rgba(110,80,30,.35)}@media (forced-colors: active){.eq-swatch{forced-color-adjust: none}}

/* /assets/css/site.css */
/* eq2browser.com: page layout and site components, built on the shared design kit (/design/kit.css, Liquid Glass).
   Every colour, surface, radius and font comes from the kit's --eq-* tokens, so the site follows the kit's light and
   dark themes. Nothing here sets its own palette. */
:root {
  --text: var(--eq-text-1);
  --muted: var(--eq-text-2);
  --faint: var(--eq-text-3);
  --accent: var(--eq-accent);
  --accent-ink: var(--eq-accent-ink);
  --ok: var(--eq-good-ink);
  --warn: var(--eq-warn-ink);
  --bad: var(--eq-bad-ink);
  --line: var(--eq-sep);
  --fill-1: var(--eq-fill-1);
  --fill-2: var(--eq-fill-2);
  --fill-3: var(--eq-fill-3);
  --radius: var(--eq-radius-xl);
  --radius-sm: var(--eq-radius-md);
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  font: var(--eq-weight-regular) 15px/1.55 var(--eq-font);
  color: var(--text);
  background: var(--eq-backdrop);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: var(--accent-ink); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
img, svg { max-width: 100%; }
h1, h2, h3, h4 { line-height: 1.15; margin: 0 0 0.5em; font-family: var(--eq-font-display); letter-spacing: var(--eq-tracking-heading); }
h1 { font-size: clamp(1.9rem, 4.6vw, 3.2rem); font-weight: var(--eq-weight-heavy); letter-spacing: var(--eq-tracking-title); }
h2 { font-size: clamp(1.3rem, 2.4vw, 1.7rem); font-weight: var(--eq-weight-heavy); }
h3 { font-size: 1.06rem; font-weight: var(--eq-weight-bold); }
p { margin: 0 0 1em; }
code, kbd, .mono { font-family: var(--eq-font-mono); font-size: 0.9em; }
code { background: var(--fill-1); padding: 0.1em 0.4em; border-radius: 6px; }
kbd { background: var(--fill-2); box-shadow: inset 0 -1px 0 var(--line); padding: 0.05em 0.45em; border-radius: 6px; }
::selection { background: var(--eq-accent-soft); }
:focus-visible { outline: 2px solid var(--eq-focus); outline-offset: 2px; border-radius: 6px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important;
  margin: -1px; border: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 620px) { .hide-sm { display: none; } }

.wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 16px; }
main { padding: 28px 0 64px; min-height: 70vh; }

/* ---- top bar ---------------------------------------------------------------------------------------------------- */
.topbar-slot { height: 64px; }
.topbar {
  position: fixed; inset: 0 0 auto 0; z-index: 50; height: 64px;
  background: var(--eq-glass-tint);
  -webkit-backdrop-filter: var(--eq-glass-filter);
  backdrop-filter: var(--eq-glass-filter);
  box-shadow: inset 0 -0.5px 0 var(--eq-edge);
}
.topbar .wrap { display: flex; align-items: center; gap: 18px; height: 100%; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--text); font-weight: var(--eq-weight-heavy); white-space: nowrap; }
.brand:hover { text-decoration: none; }
.brand svg { width: 30px; height: 30px; flex: none; }
.brand picture { display: block; line-height: 0; }
.brand-logo { display: block; height: 32px; width: auto; max-width: 150px; }
.brand .tld, .tld { color: var(--accent-ink); }
/* The wordmark stands in for the logo until the user picks the new one (ruling 37); .brand-slot takes it then. */
.wordmark { font-size: 1.12rem; letter-spacing: -0.01em; font-weight: var(--eq-weight-heavy); color: var(--text); }
.wordmark b { font-weight: var(--eq-weight-heavy); background: linear-gradient(100deg, var(--eq-gold-1, #ffe2a8), var(--eq-gold-2, #f4c46e) 55%, var(--eq-accent));
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.brand-slot:empty { display: none; }

/* ---- the menu (MAP §3.3): plain links and groups that open a glass menu --------------------------------------- */
.nav { display: flex; align-items: center; gap: 2px; margin-left: 8px; }
.nav-link { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); padding: 7px 12px; border: 0; background: none; cursor: pointer;
  border-radius: var(--eq-radius-pill); font: inherit; font-size: 0.93rem; white-space: nowrap; font-weight: var(--eq-weight-medium);
  transition: color var(--eq-dur-1, .12s) ease, background-color var(--eq-dur-1, .12s) ease; }
.nav-link:hover, .nav-group.open > .nav-link { color: var(--text); background: var(--fill-1); text-decoration: none; }
.nav-link[aria-current="page"], .nav-link.is-current { color: var(--text); background: var(--fill-2); }
.nav-chev { width: 12px; height: 12px; opacity: .7; transition: transform var(--eq-dur-2, .18s) var(--eq-ease, ease); }
.nav-group.open > .nav-link .nav-chev { transform: rotate(180deg); }
.nav-group { position: relative; }
.nav-menu { position: absolute; top: calc(100% + 10px); left: -6px; z-index: 60; min-width: 300px; padding: 6px; display: grid; gap: 2px;
  border-radius: var(--eq-radius-lg, 18px); background: var(--eq-surface-solid, #1d1f27); -webkit-backdrop-filter: var(--eq-glass-filter);
  backdrop-filter: var(--eq-glass-filter); box-shadow: var(--eq-shadow-3, var(--eq-shadow-2)), inset 0 0 0 0.5px var(--eq-edge);
  opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: 24px 0;
  transition: opacity var(--eq-dur-2, .18s) var(--eq-ease, ease), transform var(--eq-dur-2, .18s) var(--eq-ease, ease), visibility 0s linear var(--eq-dur-2, .18s); }
.nav-menu::before { content: ""; position: absolute; inset: -12px 0 auto; height: 12px; }     /* the pointer's bridge from the button */
.nav-menu--right { left: auto; right: 0; transform-origin: calc(100% - 24px) 0; min-width: 220px; }
.nav-group.open > .nav-menu { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.nav-menu > a, .nav-menu > button { display: grid; gap: 1px; padding: 9px 12px; border-radius: var(--eq-radius-md, 12px); color: var(--text); text-align: left;
  border: 0; background: none; font: inherit; cursor: pointer; text-decoration: none; }
.nav-menu > a.hidden { display: none; }
.nav-menu b { font-weight: var(--eq-weight-semibold); font-size: 0.93rem; }
.nav-menu span { color: var(--muted); font-size: 0.8rem; }
.nav-menu > a:hover, .nav-menu > button:hover, .nav-menu > a:focus-visible, .nav-menu > button:focus-visible { background: var(--fill-2); outline: none; }
.nav-menu > a[aria-current="page"] { background: var(--eq-accent-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--eq-accent) 45%, transparent); }
.nav-group--account .me-chip { border: 0; cursor: pointer; font: inherit; }
@media (prefers-reduced-motion: reduce) { .nav-menu, .nav-chev { transition: none; } }
.topbar .spacer { flex: 1; }
.me-chip {
  display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 5px; border-radius: var(--eq-radius-pill); color: var(--text);
  background: var(--fill-1); font-size: 0.9rem; white-space: nowrap;
}
.me-chip:hover { background: var(--fill-2); text-decoration: none; }
.me-chip .avatar { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 0.75rem; font-weight: 800;
  color: var(--eq-on-accent); background: linear-gradient(135deg, var(--eq-primary-a), var(--eq-accent) 50%, var(--eq-primary-b)); }
.me-chip .avatar svg { width: 15px; height: 15px; }
.topbar .menu-btn { display: none; }
.top-search { position: relative; width: 36px; height: 36px; flex: none; }
.top-search svg { position: absolute; left: 10px; top: 10px; width: 16px; height: 16px; color: var(--muted); pointer-events: none; z-index: 2; }
/* The search box is a round button until you focus it ("/" or a click); then it opens over the menu to its left. */
.top-search input { position: absolute; right: 0; top: 0; width: 36px; height: 36px; min-height: 36px; padding: 6px 12px 6px 34px; border-radius: var(--eq-radius-pill);
  font-size: 0.88rem; cursor: pointer; transition: width 0.18s ease; }
.top-search input::placeholder { color: transparent; }
.top-search input:focus { width: min(300px, 60vw); cursor: text; z-index: 1; background: var(--eq-glass-tint-strong, var(--eq-glass)); }
.top-search input:focus::placeholder { color: var(--faint); }
.me-chip .label { display: none; }
.me-chip { padding: 5px; }
.ed-switch { flex-wrap: nowrap; flex: none; }
.ed-switch button { padding: 5px 11px; font-size: 0.82rem; white-space: nowrap; }
@media (max-width: 1240px) and (min-width: 1081px) {
  .topbar .wrap { gap: 12px; }
  .nav-link { padding: 7px 10px; }
  .ed-switch button { padding: 5px 8px; }
}
.subnav { margin-top: 18px; }
.subnav .tabs a { color: var(--muted); padding: 6px 14px; border-radius: var(--eq-radius-pill); font-size: 0.9rem; font-weight: var(--eq-weight-medium); }
.subnav .tabs a:hover { color: var(--text); text-decoration: none; }
.subnav .tabs a[aria-current="page"] { color: var(--text); background: var(--eq-surface-solid-2); box-shadow: var(--eq-shadow-1); }
.subnav + main { padding-top: 18px; }
@media (max-width: 520px) { .top-search { display: none; } }
@media (max-width: 520px) { .wordmark { font-size: 1rem; } .ed-switch button { padding: 5px 8px; } }
/* Phones and small windows: the menu button opens every group as a plain list. */
@media (max-width: 1080px) {
  .topbar .nav { display: none; }
  .topbar .menu-btn { display: inline-flex; }
  .topbar.open .nav {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); align-items: start; gap: 4px 16px;
    position: absolute; top: 64px; left: 0; right: 0; margin: 0; padding: 12px 16px 18px; max-height: calc(100svh - 64px); overflow-y: auto;
    background: var(--eq-surface-solid, #1d1f27); box-shadow: var(--eq-shadow-2);
  }
  .topbar.open .nav > .nav-link { padding: 12px; font-size: 1rem; }
  .topbar.open .nav .nav-group > .nav-link { cursor: default; padding: 12px 12px 4px; font-size: 0.78rem; text-transform: uppercase; letter-spacing: .06em;
    color: var(--faint); background: none; }
  .topbar.open .nav .nav-group > .nav-link .nav-chev { display: none; }
  .topbar.open .nav .nav-group > .nav-menu { position: static; opacity: 1; visibility: visible; transform: none; min-width: 0; padding: 0;
    background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; transition: none; }
  .topbar.open .nav .nav-menu > a { padding: 10px 12px; }
  .nav > .ed-switch { grid-column: 1 / -1; justify-self: start; margin: 4px 0 6px; }
  .me-chip .label { display: none; }
}

/* ---- surfaces: the kit's glass ---------------------------------------------------------------------------------- */
/* panels: the kit's .eq-card and .eq-glass (kit 2.0: the HUD window under data-eq-skin="hud"); the pages' spacing */
.eq-card { padding: 20px 22px; }
.eq-card + .eq-card { margin-top: 16px; }
.grid > .eq-card + .eq-card, .grid > .eq-glass + .eq-glass { margin-top: 0; }
.eq-card h2, .eq-card h3 { margin-top: 0; }
.section { margin: 40px 0; }
.section-tight { margin-top: 12px; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 18px; flex-wrap: wrap; }
.section-head p { color: var(--muted); margin: 0; }
.grid { display: grid; gap: 16px; }
.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) { .g3, .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .g2, .g3, .g4 { grid-template-columns: minmax(0, 1fr); } }
.muted { color: var(--muted); }
.faint { color: var(--faint); }
.small { font-size: 0.87rem; }
.tiny { font-size: 0.78rem; }
.row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.row.between { justify-content: space-between; }
.stack > * + * { margin-top: 12px; }
.grow { flex: 1; min-width: 0; }
.kicker { text-transform: uppercase; letter-spacing: var(--eq-tracking-caps); font: var(--eq-weight-semibold) 0.72rem/1.4 var(--eq-font-mono); color: var(--accent-ink); }
.divider { height: 0; border: 0; border-top: 0.5px solid var(--line); margin: 18px 0; }
#step-review > * + *, #step-pick > * + * { margin-top: 16px; }

/* ---- buttons: the kit's .eq-btn (kit 2.0: the HUD's hotbar slot under data-eq-skin="hud"); fields below ---------- */
input[type="text"], input[type="search"], input[type="password"], select, textarea {
  width: 100%; min-height: 40px; font: 0.95rem/1.3 var(--eq-font); color: var(--text); background: var(--fill-1); border: 0;
  box-shadow: inset 0 0 0 1px var(--line); padding: 9px 12px; border-radius: var(--eq-radius-md); outline: none;
}
input:focus, select:focus, textarea:focus { box-shadow: inset 0 0 0 2px var(--eq-accent), 0 0 0 4px var(--eq-accent-ring); }
input::placeholder { color: var(--faint); }
label.field { display: block; }
label.field > span { display: block; font-size: 0.85rem; color: var(--muted); margin-bottom: 6px; font-weight: var(--eq-weight-semibold); }
label.field em { font-style: normal; font-weight: var(--eq-weight-regular); }
.input-row { display: flex; gap: 8px; align-items: center; }
.input-row input, .input-row select { flex: 1; min-width: 0; }
input[type="checkbox"]:not(.eq-switch):not(.eq-checkbox) { width: 18px; height: 18px; accent-color: var(--eq-accent); }   /* the kit draws its own */
.check-row { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; }
.check-row input { margin-top: 3px; flex: none; }
.check-row input:disabled + span { opacity: 0.55; }
.form-error { color: var(--bad); font-weight: var(--eq-weight-semibold); margin: 0; }

/* ---- pills: the kit's .eq-chip; presence is the kit's .eq-status--live ----------------------------------------------- */
.eq-chip .dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
/* the one chip the kit has no word for: a gold one (Owner, Founder, "New to you"), drawn as the kit's chosen chip */
.eq-chip--gold { color: var(--eq-chip-on-text, var(--crest-gold, #e0b04a)); background: var(--eq-chip-on-bg, rgba(0, 0, 0, .35));
  box-shadow: inset 0 0 0 1px var(--eq-chip-on-ring, rgba(224, 176, 74, .5)); }

.badge { display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: var(--eq-radius-lg); background: var(--fill-1); }
.badge .medal {
  flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: var(--eq-on-accent);
  background: linear-gradient(135deg, var(--eq-primary-a), var(--eq-accent) 50%, var(--eq-primary-b)); box-shadow: 0 6px 16px -6px var(--eq-glow-soft);
}
.badge .medal svg { width: 24px; height: 24px; }
.badge.locked .medal { background: var(--fill-2); color: var(--faint); box-shadow: none; }
.badge.locked .name { color: var(--muted); }
.badge .name { font-weight: var(--eq-weight-semibold); }
.badge .desc { font-size: 0.83rem; color: var(--muted); }
.mini-badges { display: inline-flex; gap: 4px; }
.mini-badges span { width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; color: var(--eq-on-accent);
  background: linear-gradient(135deg, var(--eq-primary-a), var(--eq-accent)); }
.mini-badges svg { width: 14px; height: 14px; }

/* ---- stats ------------------------------------------------------------------------------------------------------ */
.stat { padding: 18px 20px; }
.stat .v { font: var(--eq-weight-heavy) clamp(1.5rem, 3vw, 2.1rem)/1.15 var(--eq-font-display); letter-spacing: var(--eq-tracking-title); font-variant-numeric: tabular-nums; }
.stat .l { color: var(--muted); font-size: 0.86rem; }
.stat .v.gold, .stat .v.teal, .stat .v.violet { color: var(--accent-ink); }

/* ---- tables ----------------------------------------------------------------------------------------------------- */
.table-wrap { overflow-x: auto; border-radius: var(--radius-sm); }
table.t { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
table.t th, table.t td { padding: 10px 12px; text-align: left; border-bottom: 0.5px solid var(--line); vertical-align: top; }
table.t th { color: var(--faint); font: var(--eq-weight-semibold) 0.72rem/1.4 var(--eq-font-mono); text-transform: uppercase; letter-spacing: var(--eq-tracking-caps); white-space: nowrap; }
table.t td.n, table.t th.n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
table.t tr:last-child td { border-bottom: 0; }
table.t tbody tr:hover td { background: var(--fill-1); }
table.t tr.me td { background: var(--eq-accent-soft); }
.rank { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--fill-2); font-weight: var(--eq-weight-heavy); font-size: 0.85rem; }
.rank.r1, .rank.r2, .rank.r3 { color: var(--eq-on-accent); background: linear-gradient(135deg, var(--eq-primary-a), var(--eq-accent)); }

/* ---- progress --------------------------------------------------------------------------------------------------- */
.bar { height: 8px; border-radius: 99px; background: var(--eq-accent-track); overflow: hidden; }
.bar > i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--eq-primary-a), var(--eq-accent), var(--eq-primary-b)); transition: width 0.25s ease; }
.bar.big { height: 12px; }
.pw-meter { margin-top: 8px; height: 5px; }
.pw-meter > i[data-level="weak"] { background: var(--eq-bad); }
.pw-meter > i[data-level="ok"] { background: var(--eq-warn); }
.pw-meter > i[data-level="strong"] { background: var(--eq-good); }

/* ---- tabs (segmented, like the kit's) --------------------------------------------------------------------------- */
.tabs { display: inline-flex; padding: 3px; gap: 2px; border-radius: var(--eq-radius-pill); background: var(--fill-1); flex-wrap: wrap; }
.tabs button { font: var(--eq-weight-medium) 0.88rem var(--eq-font); color: var(--muted); background: transparent; border: 0; padding: 6px 13px; border-radius: var(--eq-radius-pill); cursor: pointer; }
.tabs button:hover { color: var(--text); }
.tabs button[aria-selected="true"] { color: var(--text); background: var(--eq-surface-solid-2); box-shadow: var(--eq-shadow-1); }

/* ---- hero ------------------------------------------------------------------------------------------------------- */
.hero { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 36px; align-items: center; padding: 34px 0 10px; }
.hero h1 .accent { background: linear-gradient(90deg, var(--eq-accent-ink), color-mix(in srgb, var(--eq-accent-ink) 55%, var(--eq-primary-b))); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero .lead { font-size: 1.12rem; color: var(--muted); max-width: 40em; }
.hero .cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.hero-art { aspect-ratio: 1 / 1; width: 100%; max-width: 440px; justify-self: center; filter: drop-shadow(0 24px 40px var(--eq-glow-soft)); }
@media (max-width: 860px) { .hero { grid-template-columns: 1fr; } .hero-art { max-width: 240px; } }
.step { padding: 22px; }
.step-num, .step .num { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; font-weight: 800; margin-bottom: 12px;
  color: var(--eq-on-accent); background: linear-gradient(135deg, var(--eq-primary-a), var(--eq-accent)); }
.keepdrop ul { padding: 0; margin: 0; }
.keepdrop li { margin: 7px 0; padding-left: 26px; position: relative; list-style: none; }
.keepdrop li::before { content: ""; position: absolute; left: 2px; top: 0.4em; width: 14px; height: 14px; border-radius: 50%; }
.keepdrop .keep li::before { box-shadow: inset 0 0 0 2px var(--eq-good); background: color-mix(in srgb, var(--eq-good) 20%, transparent); }
.keepdrop .drop li::before { box-shadow: inset 0 0 0 2px var(--eq-bad); background: color-mix(in srgb, var(--eq-bad) 16%, transparent); }
details.faq { border-bottom: 0.5px solid var(--line); padding: 14px 4px; }
details.faq:last-child { border-bottom: 0; }
details.faq summary { cursor: pointer; font-weight: var(--eq-weight-semibold); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
details.faq summary::-webkit-details-marker { display: none; }
details.faq summary::after { content: "+"; color: var(--muted); font-weight: 400; font-size: 1.2rem; line-height: 1; }
details.faq[open] summary::after { content: "–"; }
details.faq p, details.faq > div { color: var(--muted); margin: 10px 0 0; }

/* ---- feed ------------------------------------------------------------------------------------------------------- */
.feed { list-style: none; margin: 0; padding: 0; }
.feed li { display: flex; gap: 12px; align-items: flex-start; padding: 11px 0; border-bottom: 0.5px solid var(--line); }
.feed li:last-child { border-bottom: 0; }
.feed .ico { flex: none; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--eq-accent-soft); color: var(--accent-ink); }
.feed .ico svg { width: 18px; height: 18px; }
.feed .when { margin-left: auto; color: var(--faint); font-size: 0.8rem; white-space: nowrap; }

/* ---- upload ----------------------------------------------------------------------------------------------------- */
.dropzone {
  position: relative; display: grid; place-items: center; text-align: center; gap: 10px; padding: 44px 20px; border-radius: var(--eq-radius-xl);
  border: 1.5px dashed color-mix(in srgb, var(--eq-accent) 55%, transparent); background: var(--eq-accent-soft);
  transition: background 0.15s, border-color 0.15s, transform 0.15s;
}
.dropzone.over { background: color-mix(in srgb, var(--eq-accent) 22%, transparent); border-color: var(--eq-accent); transform: scale(1.005); }
.dropzone .big-ico { width: 60px; height: 60px; color: var(--accent-ink); }
.dropzone h3 { font-size: 1.22rem; margin: 6px 0 0; }
.filelist { margin-top: 16px; }
.file-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 11px 4px; border-bottom: 0.5px solid var(--line); }
.file-row:last-child { border-bottom: 0; }
.file-row .name { font-weight: var(--eq-weight-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-row .meta { font-size: 0.83rem; color: var(--muted); }
.file-row.skip .name { color: var(--faint); text-decoration: line-through; }
@media (max-width: 620px) { .file-row { grid-template-columns: 22px minmax(0, 1fr); } .file-row > .row { grid-column: 2; } }
.wizard { display: flex; gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; flex-wrap: wrap; }
.wizard .w { display: flex; align-items: center; gap: 8px; padding: 5px 12px 5px 5px; border-radius: var(--eq-radius-pill); color: var(--faint);
  background: var(--fill-1); font-size: 0.88rem; font-weight: var(--eq-weight-semibold); }
.wizard .w b { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 0.75rem; background: var(--fill-2); }
.wizard .w.on { color: var(--text); background: var(--eq-accent-soft); }
.wizard .w.on b { background: var(--eq-accent); color: var(--eq-on-accent); }
.wizard .w.done { color: var(--ok); }
.wizard .w.done b { background: color-mix(in srgb, var(--eq-good) 24%, transparent); color: var(--ok); }
.kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; font-size: 0.92rem; }
.kv dt { color: var(--muted); }
.kv dd { margin: 0; font-variant-numeric: tabular-nums; }
.count-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.count { padding: 12px 14px; border-radius: var(--eq-radius-lg); background: var(--fill-1); }
.count .v { font-weight: var(--eq-weight-heavy); font-size: 1.3rem; font-variant-numeric: tabular-nums; }
.count .v.small-v { font-size: 1rem; font-weight: var(--eq-weight-semibold); }
.count .l { color: var(--muted); font-size: 0.82rem; }
.count.keep .v { color: var(--ok); }
.count.drop .v { color: var(--bad); }
.chip-item { display: inline-block; padding: 0 7px; border-radius: 7px; background: var(--eq-accent-soft); color: var(--accent-ink); font-weight: var(--eq-weight-semibold); }
.event-json { font-family: var(--eq-font-mono); font-size: 0.8rem; white-space: pre-wrap; word-break: break-word; }
.names-cloud { display: flex; flex-wrap: wrap; gap: 6px; max-height: 180px; overflow: auto; padding: 4px; margin-top: 10px; }
.names-cloud span { font-size: 0.78rem; padding: 2px 8px; border-radius: 99px; background: color-mix(in srgb, var(--eq-bad) 12%, transparent); color: var(--bad); text-decoration: line-through; }
.keybox { font-family: var(--eq-font-mono); font-size: 0.85rem; padding: 10px 12px; border-radius: var(--eq-radius-md); background: var(--fill-1); word-break: break-all; user-select: all; }
.link-box > * + * { margin-top: 8px; }
.notice { padding: 14px 16px; border-radius: var(--eq-radius-lg); background: var(--fill-1); }
.notice + * { margin-top: 16px; }
.notice.ok { background: color-mix(in srgb, var(--eq-good) 13%, transparent); }
.notice.warn { background: color-mix(in srgb, var(--eq-warn) 14%, transparent); }
.notice.bad { background: color-mix(in srgb, var(--eq-bad) 12%, transparent); }
.hidden { display: none !important; }

/* ---- accounts --------------------------------------------------------------------------------------------------- */
.auth-wrap { display: grid; place-items: start center; padding-top: 6vh; }
.auth-card { width: min(460px, 100%); }
.auth-card > * + * { margin-top: 14px; }
.auth-title { font-size: clamp(1.6rem, 4vw, 2.1rem); margin: 4px 0 0; }

/* ---- play ------------------------------------------------------------------------------------------------------- */
.world { display: flex; flex-direction: column; gap: 12px; overflow: hidden; }
.world > .eq-btn { margin-top: auto; }
.world-art { width: calc(100% + 44px); max-width: none; margin: -22px -22px 0; height: 96px; display: block; }
.world-name { margin: 0; font-size: 1.5rem; }
#worlds .zone-card { display: flex; flex-direction: column; }
#worlds .zone-card > .eq-btn { margin-top: auto; }
.world.chosen { box-shadow: var(--eq-shadow-3), inset 0 0 0 2px var(--eq-accent); }

/* ---- data browser ----------------------------------------------------------------------------------------------- */
.crumbs { display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 0.9rem; flex-wrap: wrap; margin-bottom: 14px; }
.crumbs a { color: var(--muted); }
.crumbs a:hover { color: var(--text); }
.search-big { position: relative; }
.search-big input { padding: 14px 16px 14px 46px; font-size: 1.05rem; border-radius: var(--eq-radius-lg); min-height: 50px; }
.search-big svg { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: var(--muted); }
.zone-card { display: block; padding: 16px 18px; color: var(--text); transition: transform 0.12s; }
.zone-card:hover { transform: translateY(-2px); text-decoration: none; }
.zone-card .zn { font-weight: var(--eq-weight-bold); margin-bottom: 4px; }
.zone-card .zs { display: flex; gap: 12px; color: var(--muted); font-size: 0.82rem; flex-wrap: wrap; }
.dialog-line { padding: 10px 12px; border-left: 3px solid var(--eq-accent); background: var(--eq-accent-soft); border-radius: 0 10px 10px 0; margin: 8px 0; }
.dialog-line .mode { font-size: 0.74rem; color: var(--accent-ink); text-transform: uppercase; letter-spacing: 0.08em; }

/* ---- bounties --------------------------------------------------------------------------------------------------- */
.bounty { display: flex; flex-direction: column; gap: 10px; padding: 20px; }
.bounty .reward { font-weight: var(--eq-weight-heavy); color: var(--accent-ink); }
.inline-ico { width: 16px; height: 16px; vertical-align: -3px; }
.bounty.done { opacity: 0.6; }

/* ---- empty and loading states ----------------------------------------------------------------------------------- */
.empty { text-align: center; padding: 34px 16px; color: var(--muted); }
.empty svg { width: 46px; height: 46px; color: var(--faint); margin-bottom: 6px; }
.skeleton { background: linear-gradient(90deg, var(--fill-1), var(--fill-2), var(--fill-1)); background-size: 200% 100%;
  animation: shimmer 1.2s infinite; border-radius: 10px; min-height: 18px; }
@keyframes shimmer { to { background-position: -200% 0; } }
.spinner { display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--fill-3); border-top-color: var(--eq-accent); animation: spin 0.8s linear infinite; vertical-align: -3px; }
@keyframes spin { to { transform: rotate(360deg); } }

/* ---- toast ------------------------------------------------------------------------------------------------------ */
.toasts { position: fixed; right: 16px; bottom: 16px; z-index: 100; display: flex; flex-direction: column; gap: 8px; max-width: min(380px, calc(100vw - 32px)); }
.toast { padding: 12px 16px; border-radius: var(--eq-radius-lg); background: var(--eq-glass-tint-strong); -webkit-backdrop-filter: var(--eq-glass-filter);
  backdrop-filter: var(--eq-glass-filter); box-shadow: var(--eq-shadow-3), inset 0 0 0 0.5px var(--eq-edge); font-size: 0.92rem; animation: rise 0.2s ease; }
.toast.ok { box-shadow: var(--eq-shadow-3), inset 3px 0 0 var(--eq-good); }
.toast.bad { box-shadow: var(--eq-shadow-3), inset 3px 0 0 var(--eq-bad); }
@keyframes rise { from { transform: translateY(8px); opacity: 0; } }

/* ---- footer ----------------------------------------------------------------------------------------------------- */
.footer { padding: 26px 0 36px; color: var(--faint); font-size: 0.88rem; box-shadow: inset 0 0.5px 0 var(--line); }
.footer .wrap { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.footer nav { display: flex; gap: 16px; flex-wrap: wrap; }
.footer a { color: var(--muted); }

/* ---- the member games: edition check and art review ------------------------------------------------------------- */
.game-goal { min-width: 220px; flex: 0 1 280px; }
.game-goal .bar { margin-top: 6px; }
.game-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.game-side { position: sticky; top: 84px; max-height: calc(100vh - 100px); overflow-y: auto; }
.game-title { margin: 12px 0 4px; font-size: 1.5rem; }
.game-q { color: var(--muted); margin: 0 0 16px; }
.game-choices { display: grid; gap: 8px; }
.game-choices .eq-btn { justify-content: flex-start; }
.game-choices kbd { margin-right: 4px; }
.chip-row { display: flex; flex-wrap: wrap; gap: 6px; }
.chip-toggle { font: var(--eq-weight-medium) 0.86rem var(--eq-font); color: var(--text); background: var(--fill-1); border: 0; cursor: pointer;
  padding: 6px 12px; border-radius: var(--eq-radius-pill); box-shadow: inset 0 0 0 1px var(--line); }
.chip-toggle:hover { background: var(--fill-2); }
.chip-toggle[aria-pressed="true"] { color: var(--accent-ink); background: var(--eq-accent-soft); box-shadow: inset 0 0 0 1.5px var(--eq-accent); }
.chip-toggle:focus-visible, .thumbs button:focus-visible { outline: 2px solid var(--eq-accent); outline-offset: 2px; }
.card-list { margin: 0; padding-left: 1.1em; }
.card-list li { margin: 2px 0; }
.game-card .kv { margin: 6px 0 4px; }
.game-card details.faq { padding: 12px 2px 4px; }
.viewer { position: relative; margin: 12px 0; display: grid; place-items: center; gap: 8px; padding: 16px; border-radius: var(--eq-radius-lg);
  background: radial-gradient(circle at 50% 40%, var(--fill-2), var(--fill-1) 70%); }
.viewer img { width: min(100%, 384px); height: auto; aspect-ratio: 1; object-fit: contain; image-rendering: auto; }
.viewer-msg { position: absolute; inset: auto 16px 44px; padding: 10px 12px; border-radius: var(--eq-radius-md); background: var(--eq-glass-tint-strong); text-align: center; font-size: 0.9rem; }
.thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.thumbs button { padding: 3px; border: 0; border-radius: var(--eq-radius-md); background: var(--fill-1); cursor: pointer; box-shadow: inset 0 0 0 1px var(--line); line-height: 0; }
.thumbs button[aria-selected="true"] { box-shadow: inset 0 0 0 2px var(--eq-accent); background: var(--eq-accent-soft); }
.thumbs img { width: 56px; height: 56px; object-fit: contain; }
.skeleton-text { display: inline-block; width: 12em; height: 1em; border-radius: 8px; background: var(--fill-2); }
@media (hover: none) { .hide-touch { display: none; } }
@media (max-width: 860px) {
  .game-wrap { grid-template-columns: minmax(0, 1fr); }
  .game-goal { flex-basis: 100%; }
  /* Phones: the answers ride along at the bottom of the screen, so the thing being judged stays in view. */
  .game-side { top: auto; bottom: calc(var(--eq-hub-reserve, 52px) + env(safe-area-inset-bottom, 0px)); z-index: 5; max-height: 66vh; padding: 12px; background: var(--eq-glass-tint-strong, var(--eq-glass)); }
  .game-side > h3, .game-side > .tiny { display: none; }
  .game-choices { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .game-choices .eq-btn { justify-content: center; min-height: 48px; padding: 0 8px; font-size: 0.9rem; white-space: normal; line-height: 1.2; text-align: center; }
  .game-side kbd { display: none; }
}

.prose { max-width: 760px; }
.prose h2 { margin-top: 1.6em; }
.prose ul { padding-left: 1.2em; }
.prose li { margin: 0.35em 0; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* A mounted teammate app that isn't running (serve.py mount_down). */
.mount-down { max-width: 560px; margin: 48px auto; }
/* Ruling 20: an edition showing EMU data says so. */
.fallback-note { display: flex; gap: 8px; align-items: baseline; color: var(--warn); }
.fallback-note::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; transform: translateY(-1px); }

/* ---- landing (logged out): the kit's .eq-hero, then chapters (creative/VISUAL-PLAN.md §2.1) ---------------------- */
#landing { margin-top: -92px; }                /* under the glass top bar: main's padding (28) + the bar's slot (64) */
.is-member #landing { display: none; }
.is-member #dashboard.hidden { display: block !important; }
.landing-hero {
  justify-items: center; text-align: center; padding-top: 110px;
  /* the poster: deep space with a warm haze (the front door), drawn before anything loads; the stars come in over it */
  background:
    radial-gradient(38% 30% at 72% 26%, rgba(224, 176, 74, .10), transparent 70%),
    radial-gradient(46% 34% at 20% 30%, rgba(217, 220, 224, .07), transparent 72%),
    radial-gradient(60% 40% at 50% 100%, rgba(240, 122, 42, .07), transparent 70%),
    #040509;
}
.landing-mark {
  position: absolute; left: 50%; top: max(78px, 9svh); z-index: 0; width: auto; height: min(32svh, 52vw); max-height: 400px;
  transform: translateX(-50%); pointer-events: none; user-select: none;
  filter: drop-shadow(0 22px 44px rgba(0, 0, 0, .55)) drop-shadow(0 0 60px rgba(224, 176, 74, .12));
}
.landing-hero .eq-hero__content { z-index: 1; align-items: center; margin-inline: auto; width: min(100%, 760px); }
.landing-hero h1.eq-display { font-size: clamp(30px, 4.4vw, 60px); line-height: 1.06; }
.landing-hero .eq-hero__actions { justify-content: center; }
.landing-hero h1 { text-wrap: balance; }
.invite-paste { width: 100%; display: grid; grid-template-columns: 1fr auto; gap: 8px 10px; align-items: end; text-align: left; margin-top: 6px; }
.invite-paste .field { grid-column: 1; }
.invite-paste .invite-error { grid-column: 1 / -1; margin: 0; color: var(--bad); }
@media (prefers-reduced-motion: no-preference) {
  .landing-mark { animation: mark-float 8s ease-in-out infinite; }
  @keyframes mark-float { 50% { transform: translate(-50%, -10px); } }
}
@media (max-height: 680px) and (min-width: 701px) { .landing-mark { height: 25svh; top: 74px; } }
@media (max-width: 480px) { .invite-paste { grid-template-columns: 1fr; } .invite-paste .eq-btn { width: 100%; } }

.landing-chapters { padding-top: 24px; }
.chapter { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(20px, 4vw, 48px); align-items: center; margin: clamp(48px, 9vw, 110px) 0; }
.chapter:nth-child(even) .chapter-art { order: 2; }
.chapter-body > * + * { margin-top: 14px; }
.chapter-body h2 { margin: 0; }
/* key-art slots: a glass frame holding an aurora until the Higgsfield key art lands */
.chapter-art { aspect-ratio: 4 / 3; border-radius: var(--eq-radius-xl); box-shadow: var(--eq-shadow-2), inset 0 0 0 .5px var(--eq-edge); will-change: transform; }
.art-worlds { background: radial-gradient(45% 55% at 22% 60%, color-mix(in srgb, var(--eq-edition-origins) 55%, transparent), transparent 70%),
  radial-gradient(45% 55% at 50% 35%, color-mix(in srgb, var(--eq-edition-live) 50%, transparent), transparent 70%),
  radial-gradient(45% 55% at 80% 62%, color-mix(in srgb, var(--eq-edition-eq2emu) 55%, transparent), transparent 70%), linear-gradient(160deg, #0b1630, #120c26); }
.art-players { background: radial-gradient(60% 50% at 30% 30%, rgba(76, 195, 255, .35), transparent 70%), radial-gradient(50% 45% at 75% 75%, rgba(224, 176, 74, .4), transparent 70%),
  linear-gradient(200deg, #0a1a2c, #08101c); }
.art-invite { background: radial-gradient(40% 40% at 50% 50%, rgba(224, 176, 74, .6), transparent 70%), radial-gradient(70% 60% at 50% 60%, rgba(53, 26, 94, .8), transparent 75%),
  linear-gradient(180deg, #0b0f1c, #05070c); }
.world-pick { border-top: 3px solid var(--ed-a); }
.world-pick h3 { margin: 0 0 6px; color: var(--ed-a); }
.ed-origins { --ed-a: var(--eq-edition-origins); }      /* the kit's edition accents: Origins sea, Live gold, EMU blue */
.ed-live { --ed-a: var(--eq-edition-live); }
.ed-eq2emu { --ed-a: var(--eq-edition-eq2emu); }
.totals .total { display: grid; gap: 2px; text-align: center; }
.totals .eq-fig { font-size: clamp(26px, 3.4vw, 36px); }
/* chapters materialise as they enter (only when scripts run and motion is allowed) */
@media (prefers-reduced-motion: no-preference) {
  .js-reveal .chapter { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--eq-ease, ease), transform .7s var(--eq-ease, ease); }
  .js-reveal .chapter.in { opacity: 1; transform: none; }
}
@media (max-width: 760px) {
  .chapter { grid-template-columns: minmax(0, 1fr); }
  .chapter:nth-child(even) .chapter-art { order: 0; }
  .chapter-art { aspect-ratio: 16 / 9; }
}

/* The 3D Aegis (landing/aegis.js) takes the still one's place once it has drawn. */
.landing-aegis { position: absolute; left: 50%; top: max(60px, 7svh); z-index: 0; height: min(38svh, 62vw); max-height: 470px; aspect-ratio: 1;
  transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity 1.2s var(--eq-ease, ease); }
.aegis-live .landing-aegis { opacity: 1; }
.landing-mark { transition: opacity 1.2s var(--eq-ease, ease); }
.aegis-live .landing-mark { opacity: 0; }
@media (max-height: 680px) and (min-width: 701px) { .landing-aegis { height: 30svh; top: 60px; } }
@media (max-width: 699px), (prefers-reduced-motion: reduce) { .landing-aegis { display: none; } }

/* Wide screens (CR-1a, CR-1b): the sea shows. The headline sits on the scene, shaded from below, with no glass card
   (phones keep the card). The Aegis is about 37% of the screen tall, its base just above the horizon at 64% from the
   top, so the gold streak on the water runs out from under it. The 3D canvas is square and the shield fills 81% of it. */
@media (min-width: 700px) {
  .landing-hero { --mark-h: min(37svh, 46vw); --mark-base: 62svh; padding-bottom: max(40px, 5svh); }
  .landing-hero::after { background: linear-gradient(180deg, rgba(4, 6, 11, .5) 0%, rgba(4, 6, 11, 0) 20%, rgba(4, 6, 11, 0) 60%, rgba(4, 6, 11, .78) 100%); }
  .landing-mark { top: calc(var(--mark-base) - var(--mark-h)); height: var(--mark-h); max-height: none; }
  .landing-aegis { top: calc(var(--mark-base) - var(--mark-h) / 2 - var(--mark-h) / 1.62); height: calc(var(--mark-h) / 0.81); max-height: none; }
  .landing-hero .eq-hero__content.eq-glass { background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
    width: min(100%, 1100px); padding: 0 16px; gap: 10px; }
  .landing-hero .eq-hero__content.eq-glass::before, .landing-hero .eq-hero__content.eq-glass::after { display: none; }
  .landing-hero h1.eq-display { font-size: clamp(28px, 3.9vw, 56px); white-space: nowrap; text-wrap: nowrap;
    text-shadow: 0 2px 24px rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .6); }
  .landing-hero .eq-hero__sub { text-shadow: 0 1px 12px rgba(0, 0, 0, .8); color: rgba(235, 240, 255, .86); }
  .landing-hero .invite-paste { width: min(100%, 560px); padding: 14px; border-radius: var(--eq-radius-lg);
    background: var(--eq-glass); -webkit-backdrop-filter: var(--eq-glass-filter); backdrop-filter: var(--eq-glass-filter); }
}
@media (min-width: 700px) and (max-height: 600px) { .landing-hero { --mark-h: 30svh; --mark-base: 60svh; } }

/* ---- Play page hero (CR-3): Antonica's coast at sunset behind the world cards ------------------------------------- */
.play-main { padding-top: 0; }
.play-hero { margin-top: -64px; padding-top: 110px; --eq-hero-focus: 62% 60%; }
.play-hero .eq-hero__poster { transform-origin: 66% 74%; transition: transform .65s cubic-bezier(.3, .0, .2, 1), filter .65s ease; }
.play-hero .eq-hero__content { padding-bottom: 120px; }
.play-hero h1, .play-hero .eq-hero__sub { text-shadow: 0 2px 18px rgba(0, 0, 0, .75); }
.play-hero .eq-hero__sub { color: rgba(240, 242, 255, .88); }
.play-hero.dolly .eq-hero__poster { transform: scale(1.16); filter: brightness(.7); }    /* toward the dock, as the game opens */
.play-worlds { position: relative; z-index: 2; margin-top: -110px; padding-bottom: 64px; }
@media (max-width: 760px) { .play-hero .eq-hero__content { padding-bottom: 100px; } .play-worlds { margin-top: -90px; } }
/* World card art in the kit's edition colours (Origins sea, Live gold, EMU blue) */
/* CR-3a: the cards stay glass; the edition colour is a 5 px rim on top and a soft tint fading down from it. */
.world::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 150px; pointer-events: none; border-radius: inherit;
  border-top: 5px solid var(--ed-a, var(--eq-accent));
  background: linear-gradient(180deg, color-mix(in srgb, var(--ed-a, var(--eq-accent)) 18%, transparent), transparent); }
.world > * { position: relative; }

/* ---- asset voting (ruling 39): swipe cards and big Yes / No -------------------------------------------------------
   The stage has a fixed size from the screen, so nothing moves under the finger; only transform and opacity animate. */
.vote-main { padding-top: 14px; padding-bottom: 24px; }
.vote-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.vote-title h1 { margin: 0; font-size: clamp(1.25rem, 2.6vw, 1.8rem); }
.vote-kinds { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 2px 0 10px; margin-bottom: 6px; }
.vote-kinds::-webkit-scrollbar { display: none; }
.vote-kinds .chip-toggle { white-space: nowrap; flex: none; }
.vote-kinds .chip-toggle[aria-selected="true"] { color: var(--accent-ink); background: var(--eq-accent-soft); box-shadow: inset 0 0 0 1.5px var(--eq-accent); }
.vote-stage {
  --card-w: min(92vw, 420px, calc((100svh - 385px) / 1.3));
  position: relative; width: var(--card-w); height: calc(var(--card-w) * 1.3); margin: 8px auto 0;
  touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
}
.vc {
  position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--eq-radius-xl);
  background: var(--eq-surface-solid, #121624); box-shadow: var(--eq-shadow-2), inset 0 0 0 .5px var(--eq-edge);
  transform-origin: 50% 90%; will-change: transform; contain: layout paint;
  transition: transform .26s cubic-bezier(.2, .8, .2, 1), opacity .26s ease;
  --drag: 0;
}
.vc[data-pos="0"] { z-index: 10; }
.vc[data-pos="1"] { z-index: 9; transform: translate3d(0, 12px, 0) scale(.955); pointer-events: none; }
.vc[data-pos="2"] { z-index: 8; transform: translate3d(0, 24px, 0) scale(.91); pointer-events: none; }
.vc[data-pos="3"], .vc[data-pos="4"], .vc[data-pos="5"] { z-index: 7; transform: translate3d(0, 24px, 0) scale(.91); opacity: 0; pointer-events: none; }
.vc.empty { visibility: hidden; }
.vc.dragging, .vc.no-anim { transition: none; }
.vc.dragging { cursor: grabbing; }
.vc.fly { z-index: 11; opacity: 0; pointer-events: none; transition: transform .26s cubic-bezier(.4, 0, .9, .6), opacity .26s ease-in; }
.vc-img { position: relative; flex: none; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden;
  background: radial-gradient(circle at 50% 40%, #232a3d, #10131d 72%); }
.vc-img img { width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; }
.vc-img img.pixel, .vote-views img.pixel, .mine-tile img.pixel { image-rendering: pixelated; }
.vc-meta { flex: 1; min-height: 0; padding: 12px 16px; display: flex; flex-direction: column; gap: 2px; justify-content: center; }
.vc-kind { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--accent-ink); font-weight: var(--eq-weight-semibold); }
.vc-title { margin: 0; font-size: 1.15rem; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vc-sub { font-size: .82rem; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vc-stamp { position: absolute; top: 22px; padding: 4px 14px; border: 3px solid currentColor; border-radius: 10px; font: 800 1.7rem/1 var(--eq-font);
  letter-spacing: .06em; pointer-events: none; opacity: 0; }
.vc-stamp.yes { left: 20px; color: var(--eq-good, #3ccf7e); transform: rotate(-14deg); opacity: clamp(0, var(--drag), 1); }
.vc-stamp.no { right: 20px; color: var(--eq-bad, #ff5d6c); transform: rotate(14deg); opacity: clamp(0, calc(var(--drag) * -1), 1); }
.vc.fly-yes .vc-stamp.yes, .vc.fly-no .vc-stamp.no { opacity: 1; }
.vote-empty { position: absolute; inset: 0; z-index: 12; display: grid; place-items: center; text-align: center; padding: 24px;
  border-radius: var(--eq-radius-xl); background: var(--eq-glass); box-shadow: var(--eq-shadow-2), inset 0 0 0 .5px var(--eq-edge); }
.vote-actions { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 4vw, 22px); margin: 22px auto 6px; }
.vote-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; cursor: pointer; color: var(--text);
  width: 72px; height: 72px; border-radius: 50%; background: var(--eq-glass); box-shadow: var(--eq-shadow-2), inset 0 0 0 1px var(--line);
  transition: transform .12s ease, box-shadow .2s ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.vote-btn svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.vote-btn span { display: none; font: var(--eq-weight-semibold) 1.05rem var(--eq-font); }
.vote-btn.small { width: 50px; height: 50px; }
.vote-btn.small svg { width: 22px; height: 22px; stroke-width: 2.2; }
.vote-btn.yes { color: var(--eq-good, #3ccf7e); box-shadow: var(--eq-shadow-2), inset 0 0 0 2px color-mix(in srgb, var(--eq-good, #3ccf7e) 70%, transparent); }
.vote-btn.no { color: var(--eq-bad, #ff5d6c); box-shadow: var(--eq-shadow-2), inset 0 0 0 2px color-mix(in srgb, var(--eq-bad, #ff5d6c) 70%, transparent); }
.vote-btn:active { transform: scale(.9); }
.vote-btn:focus-visible { outline: 3px solid var(--eq-focus, var(--eq-accent)); outline-offset: 3px; }
@media (hover: hover) {
  .vote-btn.yes:hover { box-shadow: var(--eq-shadow-3), inset 0 0 0 2px var(--eq-good, #3ccf7e), 0 0 28px -4px color-mix(in srgb, var(--eq-good, #3ccf7e) 60%, transparent); transform: translateY(-2px); }
  .vote-btn.no:hover { box-shadow: var(--eq-shadow-3), inset 0 0 0 2px var(--eq-bad, #ff5d6c), 0 0 28px -4px color-mix(in srgb, var(--eq-bad, #ff5d6c) 60%, transparent); transform: translateY(-2px); }
  .vote-btn:active { transform: scale(.92); }
}
@media (min-width: 700px) and (hover: hover) {
  /* PC: big pill buttons with words */
  .vote-btn.yes, .vote-btn.no { width: 168px; border-radius: 999px; }
  .vote-btn.yes span, .vote-btn.no span { display: inline; }
}
.vote-hint { text-align: center; margin: 4px 0 0; }
.show-touch { display: none; }
@media (hover: none) { .show-touch { display: inline; } }
.vote-sheet { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 16px;
  background: color-mix(in srgb, #04060b 62%, transparent); }
.vote-sheet-card { width: min(100%, 860px); max-height: calc(100svh - 32px); overflow: auto; }
.vote-views { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 12px; }
.vote-views figure { margin: 0; }
.vote-views img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: var(--eq-radius-md); background: #10131d; display: block; }
.vote-dev { position: fixed; left: 50%; bottom: 8px; transform: translateX(-50%); z-index: 70; padding: 6px 12px; border-radius: 999px;
  font: .78rem var(--eq-font-mono); background: var(--eq-glass-tint-strong, #111); box-shadow: var(--eq-shadow-2); }
@media (max-width: 520px) {
  .vote-main { padding-top: 6px; }
  .vote-title h1 { font-size: 1.15rem; }
  .vote-stage { --card-w: min(92vw, 420px, calc((100svh - 315px) / 1.3)); }
  .vote-page .subnav { display: none; }      /* phones: the card gets the room; My votes is a button in the header */
  .vote-actions { margin-top: 18px; }
}

/* ---- My votes ---------------------------------------------------------------------------------------------------- */
.mine-head { display: flex; align-items: end; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.mine-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; margin-top: 12px; }
.mine-tile { position: relative; display: block; width: 100%; padding: 0; border: 0; text-align: left; cursor: pointer; color: var(--text);
  border-radius: var(--eq-radius-lg); overflow: hidden; background: var(--eq-surface-solid, #121624); box-shadow: var(--eq-shadow-1), inset 0 0 0 .5px var(--eq-edge);
  transition: transform .15s ease, opacity .2s ease; content-visibility: auto; contain-intrinsic-size: 140px 190px; }
.mine-tile:hover { transform: translateY(-2px); }
.mine-tile:focus-visible { outline: 3px solid var(--eq-focus, var(--eq-accent)); outline-offset: 2px; }
.mine-tile .thumb { aspect-ratio: 1; display: grid; place-items: center; background: radial-gradient(circle at 50% 40%, #232a3d, #10131d 72%); }
.mine-tile img { width: 100%; height: 100%; object-fit: contain; display: block; }
.mine-tile .cap { padding: 8px 10px; display: grid; gap: 1px; }
.mine-tile .cap b { font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mine-tile .cap span { font-size: .72rem; color: var(--muted); }
.mine-tile.gone { opacity: 0; transform: scale(.94); pointer-events: none; }
.mine-badge { position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center;
  background: var(--eq-glass-tint-strong, #111); }
.mine-badge svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.mine-badge.yes { color: var(--eq-good, #3ccf7e); }
.mine-badge.no { color: var(--eq-bad, #ff5d6c); }
.mine-more { display: grid; place-items: center; padding: 18px; }
.mine-dialog .vote-views { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }

.vc-play { position: absolute; left: 50%; top: calc(var(--card-w) / 2); z-index: 2; width: 64px; height: 64px; border-radius: 50%; border: 0;
  transform: translate(-50%, -50%); place-items: center; color: #fff; cursor: pointer; background: color-mix(in srgb, #04060b 55%, transparent);
  box-shadow: var(--eq-shadow-2), inset 0 0 0 1.5px rgba(255, 255, 255, .5); }
.vc-play svg { width: 28px; height: 28px; fill: currentColor; }
.vc .vc-play { display: none; }
.vc.has-audio .vc-play { display: grid; }

/* ---- admin page (ruling 40) --------------------------------------------------------------------------------------- */
input.adm-search { width: min(100%, 260px); }
.adm-grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 16px; align-items: start; margin-top: 14px; }
.adm-list { padding: 8px; max-height: calc(100svh - 260px); overflow: auto; }
.adm-row { display: grid; gap: 2px; width: 100%; text-align: left; border: 0; background: transparent; color: var(--text); cursor: pointer;
  padding: 10px 12px; border-radius: var(--eq-radius-md); }
.adm-row:hover { background: var(--fill-1); }
.adm-row[aria-selected="true"] { background: var(--eq-accent-soft); box-shadow: inset 0 0 0 1px var(--eq-accent); }
.adm-row:focus-visible { outline: 2px solid var(--eq-focus, var(--eq-accent)); outline-offset: 1px; }
.adm-badges { display: inline-flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.adm-detail { position: sticky; top: 84px; }
.adm-name { margin: 0; }
.adm-perms { display: grid; gap: 4px; }
.adm-perm { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; box-shadow: inset 0 -.5px 0 var(--line); }
.adm-perm--wide { flex-wrap: wrap; }
.adm-perm b { font-weight: var(--eq-weight-semibold); }
.adm-help { display: block; }
.adm-num { width: 84px; text-align: right; }
.adm-actions { padding-top: 6px; }
@media (max-width: 860px) {
  .adm-grid { grid-template-columns: minmax(0, 1fr); }
  .adm-list { max-height: 50svh; }
  .adm-detail { position: static; }
}

/* VT-3: Yes, No and More dim while the deck waits for cards, so a press that can't count doesn't look ignored. */
.vote-btn[aria-disabled="true"] { opacity: .38; filter: saturate(.4); }

/* ---- What we have (ruling 41) ------------------------------------------------------------------------------------ */
.what-page .section { margin-top: 30px; }
.what-page h2 { margin: 0 0 4px; }
.what-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-top: 12px; }
.what-tile { display: grid; gap: 2px; padding: 16px 18px; }
.what-tile--big { grid-column: span 2; }
.what-tile--big .what-num { font-size: clamp(2rem, 4.2vw, 3rem); }
.what-num { font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: var(--eq-weight-heavy); letter-spacing: -0.02em; line-height: 1.1;
  font-variant-numeric: tabular-nums; }
.what-num--none { color: var(--faint); font-weight: var(--eq-weight-medium); }
.what-worlds, .what-kind { display: grid; grid-template-columns: minmax(130px, 1.1fr) repeat(3, minmax(0, 1fr)); gap: 10px; align-items: center; }
.what-worlds { margin: 14px 0 6px; padding: 0 18px; }
.what-world { font: var(--eq-weight-semibold) 0.74rem/1.4 var(--eq-font-mono); text-transform: uppercase; letter-spacing: var(--eq-tracking-caps); color: var(--ed-a); }
.what-kinds { display: grid; gap: 6px; }
.what-kind { padding: 12px 18px; border-radius: var(--eq-radius-md); }
.what-kind__label { font-weight: var(--eq-weight-semibold); }
.what-kind .what-num { font-size: 1.3rem; }
.what-cell { display: grid; gap: 0; box-shadow: inset 2px 0 0 color-mix(in srgb, var(--ed-a) 60%, transparent); padding-left: 10px; }
.what-cell__world { display: none; font-size: 0.72rem; color: var(--ed-a); font-weight: var(--eq-weight-semibold); }
.what-sources { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 10px; }
.what-src { display: grid; gap: 6px; align-content: start; }
.what-src p { margin: 0; }
.what-src__head { display: flex; justify-content: space-between; gap: 10px; align-items: start; }
.what-src__worlds { display: inline-flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.what-pill { color: var(--ed-a); background: color-mix(in srgb, var(--ed-a) 14%, transparent); }
.what-src__foot { margin-top: auto; }
@media (max-width: 620px) {
  .what-tile--big { grid-column: span 1; }
  .what-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .what-worlds { display: none; }
  .what-kind { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .what-kind__label { grid-column: 1 / -1; }
  .what-cell__world { display: block; }
}

/* ---- the member Home: the directory (MAP §3.3) --------------------------------------------------------------------- */
.landing-wordmark { margin: 0 0 6px; font-size: clamp(1.4rem, 2.6vw, 2rem); font-weight: var(--eq-weight-heavy); letter-spacing: -0.01em; color: var(--text); }
.landing-wordmark b { font-weight: inherit; background: linear-gradient(100deg, var(--eq-gold-1, #ffe2a8), var(--eq-gold-2, #f4c46e) 55%, var(--eq-accent));
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.have-strip { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px 24px; color: var(--text); margin-bottom: 26px;
  transition: transform var(--eq-dur-2, .18s) var(--eq-ease, ease), box-shadow var(--eq-dur-2, .18s) var(--eq-ease, ease); }
.have-strip:hover { text-decoration: none; transform: translateY(-2px); }
.have-strip__items { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.have-fig { display: grid; line-height: 1.15; }
.have-fig b { font-size: clamp(1.25rem, 2.4vw, 1.7rem); font-weight: var(--eq-weight-heavy); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.have-fig span { color: var(--muted); font-size: 0.8rem; }
.have-strip__more { color: var(--accent-ink); white-space: nowrap; }
.dash-h { margin: 0 0 12px; font-size: 1.1rem; }
.dash-dir { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 26px; align-items: start; }
.dash-card-h { margin: 0; font-size: 1.05rem; }
.dash-link { display: grid; gap: 1px; padding: 8px 10px; margin: 0 -10px; border-radius: var(--eq-radius-md); color: var(--text); }
.dash-link:hover { background: var(--fill-1); text-decoration: none; }
.dash-link b { font-weight: var(--eq-weight-semibold); }
.dash-link span { color: var(--muted); font-size: 0.82rem; }
.dash-link.hidden { display: none; }
.dash-chips { gap: 6px; }
@media (max-width: 1000px) { .dash-dir { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .dash-dir { grid-template-columns: minmax(0, 1fr); }
  .have-strip { grid-template-columns: minmax(0, 1fr); }
  .have-strip__items { gap: 8px 20px; }
}
.db-count { display: grid; gap: 2px; align-content: start; }
.db-num { font-size: 1.6rem; font-weight: var(--eq-weight-heavy); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }

/* ---- Invite friends (the Owner) ------------------------------------------------------------------------------------- */
.inv-top { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 16px; align-items: start; margin-top: 14px; }
.inv-make .field input { font-size: 1.1rem; padding: 12px 14px; }
.inv-help { display: block; }
.inv-go { width: 100%; justify-content: center; }
.inv-result { min-height: 230px; align-content: start; }
.inv-empty { margin: auto 0; text-align: center; }
.inv-for { margin: 0; font-size: 1.15rem; }
.inv-msg { width: 100%; resize: vertical; font: inherit; line-height: 1.5; min-height: 96px; }
.inv-copy { gap: 8px; flex-wrap: wrap; }
.inv-suggest { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin-top: 10px; }
.inv-chip { display: grid; gap: 2px; padding: 12px 14px; border: 0; border-radius: var(--eq-radius-md); color: var(--text); text-align: left; cursor: pointer;
  font: inherit; transition: transform var(--eq-dur-1, .12s) var(--eq-ease, ease); }
.inv-chip:hover { transform: translateY(-2px); }
.inv-chip:disabled { opacity: .5; cursor: progress; }
.inv-chip span { color: var(--accent-ink); font-size: 0.82rem; }
.inv-rows { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.inv-row { display: grid; grid-template-columns: minmax(0, 1.4fr) auto minmax(0, 1.2fr); gap: 12px; align-items: center; padding: 12px 16px;
  border-radius: var(--eq-radius-md); }
.inv-who { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.inv-acts { justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
@media (max-width: 860px) {
  .inv-top { grid-template-columns: minmax(0, 1fr); }
  .inv-result:has(.inv-empty) { display: none; }          /* phones: the result card appears once there's a link */
  .inv-row { grid-template-columns: minmax(0, 1fr) auto; }
  .inv-acts { grid-column: 1 / -1; justify-content: flex-start; }
}
.owner-card { display: flex; justify-content: space-between; align-items: center; gap: 12px 20px; flex-wrap: wrap; margin-bottom: 16px; }
.owner-card h2 { margin: 0 0 4px; font-size: 1.1rem; }
.inv-up { min-height: 0; font-size: 0.86rem; gap: 7px; }

/* ---- the logged-out page: only the top area (the user, 2026-11-07) ------------------------------------------------- */
.landing-only main { padding: 0; min-height: 0; }
.landing-only .footer { display: none; }
.landing-only .landing-hero { min-height: calc(100svh - 64px); }
.landing-logo { height: clamp(48px, 9svh, 96px); width: 100%; }      /* kept free for the new logo */
.landing-logo:empty { pointer-events: none; }

/* ---- the database: one thing per page, every zone, Compare the worlds ---------------------------------------------- */
.thing-head h1 { margin: 0; }
.thing-main { display: grid; gap: 12px; }
.thing-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px 18px; margin: 0; }
.thing-facts dt { color: var(--muted); font-size: 0.78rem; }
.thing-facts dd { margin: 2px 0 0; font-weight: var(--eq-weight-semibold); }
.thing-desc { margin: 0; line-height: 1.55; }
/* Ruling 97 (kit 2.4 .eq-window): panes that share a row split it evenly; rows of panes in one window share one seam */
.win-even > .eq-window__pane--grow { flex: 1 1 0; }
.thing-win > .eq-window__row + .eq-window__row { box-shadow: inset 0 1px 0 var(--eq-window-seam); }
.thing-win, .live-win { margin-bottom: 14px; }
.rec-win { margin-top: 12px; }
.thing-sec h2 { margin: 0; font-size: 1.05rem; }
.thing-sec .table-wrap { max-height: 520px; overflow: auto; margin-top: 8px; }
.thing-t td { padding: 7px 8px; }
.thing-t td.n { text-align: right; white-space: nowrap; }
.thing-filter { width: min(100%, 260px); margin-top: 8px; }
.db-zones { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 6px; }
.db-zone { position: relative; display: grid; gap: 2px; padding: 10px 12px; border-radius: var(--eq-radius-md); background: var(--fill-1); color: var(--text);
  content-visibility: auto; contain-intrinsic-size: 64px; }
.db-zone:hover { background: var(--fill-2); text-decoration: none; }
.db-map { position: absolute; top: 8px; right: 8px; font-size: 0.68rem; padding: 1px 7px; }
.db-zone-filter { margin: 0; }
.search-list li { padding: 10px 4px; }
.cmp-card { display: grid; gap: 4px; }
.cmp-title { margin: 0; }
.cmp-row { display: grid; grid-template-columns: minmax(120px, 1fr) repeat(3, minmax(0, 1fr)); gap: 10px; align-items: center; padding: 8px 0;
  box-shadow: inset 0 -.5px 0 var(--line); }
.cmp-row > span[class^="ed-"] { display: grid; gap: 2px; }
.cmp-head { box-shadow: none; padding-top: 12px; }
.cmp-world { font: var(--eq-weight-semibold) 0.74rem/1.4 var(--eq-font-mono); text-transform: uppercase; letter-spacing: var(--eq-tracking-caps); color: var(--ed-a); }
.cmp-label { color: var(--muted); font-size: 0.88rem; }
.cmp-diff { background: color-mix(in srgb, var(--eq-warn) 7%, transparent); }
.cmp-loot { margin-top: 14px; }
.cmp-loot h2 { margin: 0; font-size: 1.05rem; }
@media (max-width: 620px) {
  .cmp-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cmp-row > .cmp-label, .cmp-head > span:first-child { grid-column: 1 / -1; }
  .thing-sec .table-wrap { max-height: none; }
}

/* ---- ruling 51: Game only / Game + database -------------------------------------------------------------------------- */
.inv-level { display: grid; gap: 6px; }
.inv-level .eq-seg { width: 100%; }
.inv-level .eq-seg button { flex: 1; }
.inv-lv button { padding: 4px 9px; font-size: 0.8rem; }
.is-player .dash-dir { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
.is-player .have-strip { display: none; }

/* ---- Home, ruling 53 ("Apple but EQ2"): the boss hero, the Asset library showcase, the directory ------------------- */
#dashboard { margin-top: -28px; }
.boss-hero { position: relative; overflow: hidden; min-height: min(82svh, 820px); display: grid; align-content: center; isolation: isolate;
  /* warm iron with no blue cast (kit 1.5.1, the Creative Director): iron-900 to 950, and a faint warm glow on the floor
     behind the boss, who stands right of the name; the cool rim light stays in the render */
  background:
    radial-gradient(34% 26% at 70% 82%, rgba(224, 176, 74, .14), transparent 72%),
    radial-gradient(closest-side circle at 68% 50%, var(--crest-iron-900, #0b0f1c) 0%, #090c15 55%, var(--crest-iron-950, #05070b) 100%) 0 0 / 100% 100% no-repeat,
    var(--crest-iron-950, #05070b); }
.boss-stage { position: absolute; inset: 0; z-index: -1; }
/* each picture is a square centred on the spotlight; it fades out in a circle, so its slate studio backdrop melts into it */
.boss-slide { position: absolute; top: 52%; left: 68%; height: 112%; aspect-ratio: 1; margin: 0; opacity: 0; transform: translate(-50%, -50%);
  transition: opacity 1.1s var(--eq-ease, ease); }
.boss-slide.is-on { opacity: 1; }
.boss-slide img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.42); transform-origin: 50% 54%;
  -webkit-mask-image: radial-gradient(closest-side circle, #000 46%, transparent 72%); mask-image: radial-gradient(closest-side circle, #000 46%, transparent 72%);
  filter: contrast(1.1) saturate(1.12) brightness(1.04); }
.boss-slide.is-on img { animation: boss-push 9s var(--eq-ease, ease) both; }
@keyframes boss-push { from { transform: scale(1.36) translateX(1.5%); } to { transform: scale(1.5) translateX(-1%); } }
.boss-hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 32%; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(6, 8, 12, .85)); }
.boss-copy { display: grid; gap: 10px; justify-items: start; padding-block: 64px 96px; max-width: 1180px; }
.boss-hello { margin: 0; }
.boss-name { margin: 0; max-width: 11ch; font-size: clamp(40px, 6.4vw, 92px); line-height: 1.02; letter-spacing: .01em; text-wrap: balance;
  background: linear-gradient(180deg, #fff3d6 0%, #f4c46e 52%, #b98a3c 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 2px 18px rgba(0, 0, 0, .55)); }
.boss-kind { margin: 0 0 10px; color: rgba(235, 240, 255, .78); font-size: clamp(1rem, 1.4vw, 1.2rem); letter-spacing: .02em; }
.swap .boss-name, .swap .boss-kind { animation: boss-in .8s var(--eq-ease, ease) both; }
.swap .boss-kind { animation-delay: .12s; }
@keyframes boss-in { from { opacity: 0; transform: translateY(10px); filter: blur(4px); } to { opacity: 1; transform: none; } }
.boss-cta { gap: 10px; }
.boss-foot { position: absolute; left: 0; right: 0; bottom: 22px; display: flex; align-items: center; gap: 12px; }
.boss-dots { display: flex; gap: 6px; flex-wrap: wrap; }
.boss-hero:not(.has-bosses) .boss-dots { display: none; }          /* until a boss picture has loaded */
.boss-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 99px; background: rgba(255, 255, 255, .32); cursor: pointer;
  transition: width var(--eq-dur-2, .18s) var(--eq-ease, ease), background-color var(--eq-dur-2, .18s); }
.boss-dots button[aria-current="true"] { width: 26px; background: #f4c46e; }
.boss-dots button:focus-visible, .boss-pause:focus-visible { outline: 2px solid #f4c46e; outline-offset: 3px; }
.boss-pause { display: none; width: 30px; height: 30px; border: 0; border-radius: 99px; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; }
.has-bosses .boss-pause { display: inline-grid; place-items: center; }
.boss-pause svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
.boss-pause[aria-pressed="true"] svg path { d: path("M8 5l11 7-11 7z"); fill: currentColor; stroke: none; }
.home-body { display: grid; gap: 34px; padding-block: 34px 12px; }
.home-h { margin: 0 0 12px; font-size: 1.35rem; letter-spacing: -.01em; }
.showcase-card { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 26px; align-items: center; padding: 28px; color: var(--text);
  transition: transform .25s var(--eq-ease, ease), box-shadow .25s; }
.showcase-card:hover { text-decoration: none; transform: translateY(-3px); box-shadow: var(--eq-shadow-3, var(--eq-shadow-2)); }
.showcase-copy { display: grid; gap: 12px; justify-items: start; }
.showcase-copy h2 { margin: 0; font-size: clamp(1.8rem, 3.4vw, 2.6rem); letter-spacing: -.025em; line-height: 1.05; }
.showcase-copy p { margin: 0; color: var(--muted); max-width: 46ch; }
.showcase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sc-tile { display: block; overflow: hidden; aspect-ratio: 1; border-radius: var(--eq-radius-md, 12px); background: #3b424f;
  transition: transform .4s var(--eq-ease, ease); }
.sc-tile img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1.5); }
.showcase-card:hover .sc-tile:nth-child(odd) { transform: translateY(-4px); }
.showcase-card:hover .sc-tile:nth-child(even) { transform: translateY(4px); }
.home-body .dash-dir { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 12px; margin: 0; }
.dir-card { display: grid; gap: 4px; align-content: start; color: var(--text); padding: 18px; transition: transform .2s var(--eq-ease, ease); }
.dir-card:hover { text-decoration: none; transform: translateY(-2px); }
.dir-card b { font-size: 1.02rem; }
.dir-card > span:not(.dir-ico) { color: var(--muted); font-size: 0.86rem; }
.dir-ico { font-size: 1.2rem; color: var(--accent-ink); line-height: 1; margin-bottom: 6px; }
.dir-you .row { margin-top: 8px; }
.dir-card.hidden { display: none; }
@media (max-width: 760px) {
  .boss-hero { min-height: 0; align-content: end; background: radial-gradient(70% 42% at 50% 30%, #3b424f 0%, #262b35 40%, #0b0d12 82%); }
  .boss-stage { position: relative; height: 54svh; }
  .boss-slide { top: 50%; left: 50%; height: 118%; }
  .boss-copy { padding-block: 0 74px; }
  .boss-name { font-size: clamp(34px, 11vw, 52px); }
  .showcase-card { grid-template-columns: minmax(0, 1fr); padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .boss-slide.is-on img, .swap .boss-name, .swap .boss-kind { animation: none; }
  .boss-slide { transition-duration: .2s; }
}
.is-player .boss-hero { min-height: min(56svh, 520px); }

/* ---- the Crest logo (the user's pick, Brand Designer, 2026-11-07) --------------------------------------------------- */
.brand-logo { display: block; height: 30px; width: auto; max-width: none; }
@media (max-width: 520px) { .brand-logo { height: 26px; } }
.landing-logo { height: auto; display: grid; place-items: center; margin-bottom: 4px; }
.crest-lockup { display: block; height: clamp(150px, 26svh, 272px); width: auto; filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .55)); }
.crest-lockup--card { height: 120px; margin: 0 auto 6px; filter: none; }
@media (max-width: 700px) { .crest-lockup { height: clamp(120px, 22svh, 190px); } }

/* The Creative Director's cinematic boss stills (DIRECTION.md §2-4): the whole frame, the boss right of centre, and the
   name card in the dark lower left. A soft shade keeps the words readable; the eyebrow and the current dot take the
   boss's accent colour. */
.boss-slide.boss-slide--still { inset: 0; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: auto; transform: none; }
.boss-slide.boss-slide--still img { object-fit: cover; object-position: 60% 50%; transform: none; transform-origin: 62% 55%; filter: none;
  /* the still's bottom edge melts into the aurora behind Home (H-5) instead of ending on a hard line */
  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent); mask-image: linear-gradient(180deg, #000 72%, transparent); }
.boss-slide.boss-slide--still.is-on img { animation: boss-still-push 9s var(--eq-ease, ease) both; }
@keyframes boss-still-push { from { transform: scale(1); } to { transform: scale(1.04); } }
/* Home sits on the Asset library's aurora (H-5): the hero is see-through until a still arrives, and around it after */
.boss-hero:not(.has-bosses), .boss-hero.has-stills { background: transparent; }
.boss-hero.has-stills { align-content: end; }
/* H-9: a soft night-navy scrim behind the name card (about 55% at the left edge, gone by half way), so the name stays
   crisp over any boss's wing or haze */
.boss-hero.has-stills::after { inset: 0; height: auto;
  background: linear-gradient(90deg, rgba(8, 12, 28, .55) 0%, rgba(8, 12, 28, .38) 22%, rgba(8, 12, 28, .14) 38%, transparent 50%); }
/* H-3: the name card keeps to the left 42% of the hero (the bosses sit at 52-59%), and a long name wraps to two lines */
.boss-hero.has-stills { --boss-col: calc(42vw - max(16px, (100vw - 1180px) / 2 + 16px)); }
.boss-hero.has-stills .boss-name { max-width: var(--boss-col); font-size: clamp(34px, 4.3vw, 66px); }
.boss-hero.has-stills .boss-kind, .boss-hero.has-stills .boss-eyebrow { max-width: var(--boss-col); }
.boss-eyebrow { margin: 0; color: var(--eq-gold-hi, #f3d58f); font-size: .78rem; letter-spacing: .16em; text-shadow: 0 1px 10px rgba(0, 0, 0, .7); }
.swap .boss-eyebrow { animation: boss-in .8s var(--eq-ease, ease) both; }
.boss-hero .boss-dots button[aria-current="true"] { background: var(--eq-gold, #e0b04a); }
@media (max-width: 760px) {
  .boss-hero.has-stills .boss-stage { height: auto; aspect-ratio: 3 / 2; }   /* 84% of the frame's width: wings stay whole */
  .boss-slide.boss-slide--still img { object-position: 52% 50%;
    -webkit-mask-image: linear-gradient(180deg, #000 66%, transparent); mask-image: linear-gradient(180deg, #000 66%, transparent); }
  .boss-hero.has-stills::after { content: none; }
  .boss-hero.has-stills .boss-name { max-width: none; font-size: clamp(34px, 11vw, 52px); }
  .boss-hero.has-stills .boss-kind, .boss-hero.has-stills .boss-eyebrow { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .boss-slide.boss-slide--still.is-on img, .swap .boss-eyebrow { animation: none; }
}

/* Worlds that aren't open yet (Origins and Live for now, the user 2026-11-07): greyed out, not a link. */
.zone-card.is-soon { opacity: .45; filter: grayscale(1); cursor: default; }
.zone-card.is-soon:hover { transform: none; box-shadow: none; }

/* The rest of Home in two even groups ("organize the rest", the user 2026-11-07): four tiles a row, every tile in a row
   the same height, "You" two tiles wide; two a row on tablets, one on phones. */
.home-body .dash-dir { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; gap: 12px; margin: 0; }
.home-body .dash-dir .dir-card { height: 100%; margin: 0; }   /* no stacked-card gap: the grid spaces them (the first tile sat 16 px high) */
.home-body .dash-join .dir-you { grid-column: span 2; }
.home-body .dash-dir > .hidden { display: none; }
@media (max-width: 1000px) { .home-body .dash-dir { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) {
  .home-body .dash-dir { grid-template-columns: minmax(0, 1fr); }
  .home-body .dash-join .dir-you { grid-column: auto; }
}
.is-player .home-body .dash-dir { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
.is-player .home-body .dash-join .dir-you { grid-column: auto; }

/* The showcase's six renders without their grey studio boxes: home.js cuts the flat backdrop out (sc-cut), so each
   creature stands on the card with a soft shadow. Until then (or if it can't), the tile is the old rounded square. */
.sc-tile.sc-cut { background: none; border-radius: 0; overflow: visible; }
.sc-tile.sc-cut canvas { display: block; width: 100%; height: 100%; transform: scale(1.3); filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .55)); }

/* The landing's flying dragon (CR-LD1, js/landing/dragon.js): a layer over the sky and sea, under the vignette and the
   words. Only transforms and opacity move. */
.ld-sky { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; contain: strict; }
.ld-dragon, .ld-shadow { position: absolute; left: 0; top: 0; opacity: 0; will-change: transform, opacity; }
.ld-sheet { position: absolute; inset: 0; overflow: hidden; }
.ld-sheet img { display: block; max-width: none; width: auto; height: auto; will-change: transform; }
.ld-bob { position: absolute; inset: 0; will-change: transform; }   /* the body's lift; it holds the frame boxes, so it needs the frame's size */
.ld-glide { opacity: 0; }
.ld-shadow { max-width: none; mix-blend-mode: multiply; }

/* The landing's Crest, way bigger (the user, 2026-11-07: "lets make the logo here way bigger"). */
.landing-logo .crest-lockup { height: clamp(240px, 44svh, 480px); }
@media (max-width: 700px) { .landing-logo .crest-lockup { height: clamp(170px, 30svh, 260px); } }

/* The wordmark sits on the sea's gold glints, gold on gold (the user, 2026-11-07: "its hard to read this here"): a soft
   night shade behind the lower half of the Crest and a tight dark edge on the letters keep "EQ2 BROWSER" readable. */
.landing-logo { position: relative; isolation: isolate; }
.landing-logo::before {
  content: ""; position: absolute; z-index: -1; left: 50%; bottom: -6%; width: 170%; height: 56%; transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(4, 6, 11, .82), rgba(4, 6, 11, .5) 55%, transparent); pointer-events: none;
}
.landing-logo .crest-lockup {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .95)) drop-shadow(0 0 10px rgba(0, 0, 0, .8)) drop-shadow(0 18px 40px rgba(0, 0, 0, .55));
}

/* Ruling 61: "New version", first in the toast stack at the bottom right (the kit's own toasts sit at the bottom centre);
   warm glass with a bronze hairline, and a plain Refresh so the page keeps one gold button. It stays until the refresh. */
.update-toast { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 7px 7px 16px;
  border-radius: var(--eq-radius-pill, 999px); font-size: .92rem; color: var(--eq-text-1); background: var(--eq-glass-thick);
  -webkit-backdrop-filter: var(--eq-glass-filter); backdrop-filter: var(--eq-glass-filter);
  box-shadow: var(--eq-shadow-3), inset 0 0 0 1px var(--eq-hud-bronze, var(--eq-edge)); animation: rise 0.2s ease; }
.toasts { padding-bottom: env(safe-area-inset-bottom, 0px); }
/* a phone: the kit's toasts take the bottom edge, so the site's stack (and the pill) sits under the header */
@media (max-width: 600px) {
  .toasts { top: calc(var(--eq-site-header-h, 56px) + 10px); bottom: auto; left: 12px; right: 12px; max-width: none; padding-bottom: 0; }
}

/* Ruling 62: "What each switch means", on Invite friends and People and permissions. */
.switch-help { margin-block: 18px; }
.switch-help h2 { font-size: 1.05rem; margin: 0 0 10px; }
.switch-help dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 12px 18px; margin: 0; }
.switch-help dt { font-weight: 700; margin-bottom: 2px; }
.switch-help dd { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.45; }

/* The 3D boss reel (kit 1.4.0) on members' Home: once a boss's model is on the stage, its still fades out under it. */
.boss-hero.is-3d .boss-slide.is-on { opacity: 0; transition-duration: .6s; }

/* Explore holds five tiles with Remastered (ruling 56): five a row on wide screens; the shared rules below take over
   on smaller ones. The count sits at the tile's foot in the accent colour. */
@media (min-width: 1101px) { .home-body .dash-explore { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1100px) and (min-width: 1001px) { .home-body .dash-explore { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dir-card > span.dir-count { margin-top: 6px; color: var(--accent-ink, #f4c46e); font-size: .82rem; font-weight: 600; }
.dir-card > span.dir-count:empty { display: none; }

/* A boss's name never splits mid-word ("ZARRAKO / N"): the kit's display type allows it, Home doesn't; the hero steps the
   size down instead when a word is wider than the name column. */
.boss-hero .boss-name { overflow-wrap: normal; word-break: keep-all; }

/* Admin: the game's logs (ruling 64). One search row on wide screens, two columns on phones; the table scrolls sideways
   inside its card rather than the page. */
.glog-form { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) auto; gap: 10px; align-items: end; }
.glog-form input[type="date"] { width: 100%; min-height: 40px; font: 0.95rem/1.3 var(--eq-font); color: var(--text); background: var(--fill-1); border: 0;
  box-shadow: inset 0 0 0 1px var(--line); padding: 8px 10px; border-radius: var(--eq-radius-md); outline: none; color-scheme: dark; }
.glog-form label.field > span { margin-bottom: 4px; }
.glog-form .eq-btn { min-height: 40px; }
.glog-hint { margin: 10px 0 14px; }
.table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.glog-t td { vertical-align: top; }
.glog-when { white-space: nowrap; }
.glog-who { white-space: nowrap; }
.glog-name { font: inherit; font-weight: var(--eq-weight-semibold); color: var(--text); background: none; border: 0; padding: 0; cursor: pointer; }
.glog-name:hover, .glog-name:focus-visible { color: var(--eq-accent); text-decoration: underline; }
.glog-details > span { display: block; }
.glog-details .glog-data { display: flex; flex-wrap: wrap; gap: 2px 14px; margin-top: 2px; color: var(--muted); }
.glog-kv .faint { margin-right: 4px; }
.glog-foot { margin-top: 10px; }
@media (max-width: 860px) {
  .glog-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .glog-form .glog-q, .glog-form .eq-btn { grid-column: 1 / -1; }
}
/* ...and on phones each record is a short block: what and who, the details, then when and where. */
@media (max-width: 700px) {
  .glog-t thead { display: none; }
  .glog-t, .glog-t tbody { display: block; }
  .glog-t tr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 12px 0; border-bottom: 0.5px solid var(--line); }
  table.t.glog-t td { display: block; padding: 0; border: 0; }
  .glog-t td:nth-child(3) { order: 1; }
  .glog-t td:nth-child(4) { order: 2; flex: 1 1 auto; white-space: normal; }
  .glog-t td:nth-child(5) { order: 3; flex-basis: 100%; }
  .glog-t td:nth-child(1) { order: 4; }
  .glog-t td:nth-child(2) { order: 5; color: var(--muted); }
}

/* Updates (ruling 66): the page keeps its title and filters; the kit's shared view (whats-new.js) draws the notes. */
.upd-page { max-width: 860px; }
.upd-page #upd-list { margin-top: 18px; }
/* the dot: on your account chip and its Updates link while there's an update you haven't read */
.me-chip { position: relative; }
.upd-dot { display: none; width: 7px; height: 7px; border-radius: 50%; background: var(--eq-accent); vertical-align: middle; margin-left: 4px; }
.upd-link.has-update .upd-dot { display: inline-block; }
.me-chip.has-update::after { content: ""; position: absolute; top: 3px; right: 3px; width: 9px; height: 9px; border-radius: 50%;
  background: var(--eq-accent); box-shadow: 0 0 0 2px var(--eq-backdrop); }

/* Home's boss hero: "Remastered" over the name while the 3D boss stands in its Remastered textures (ruling 56; the user:
   "we should say that this is the enhanced ones"); and the invisible box the 3D reel frames each boss beside. */
.boss-badge { display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 4px 11px 4px 9px; border-radius: 999px;
  font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #e0b04a;
  background: rgba(10, 12, 18, .62); box-shadow: inset 0 0 0 1px rgba(216, 174, 92, .45); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.boss-badge[hidden] { display: none; }
.boss-foot .boss-badge { margin-left: auto; }        /* bottom right of the hero, level with the dots */
.boss-badge > span { color: #f07a2a; font-size: .8rem; letter-spacing: 0; }
.swap .boss-badge { animation: boss-in .8s var(--eq-ease, ease) both; }
.boss-avoid { position: absolute; visibility: hidden; pointer-events: none; }

/* ---- Remastered (/remastered; the user: "combined for the remaster pages"): one page, a tab per part of the game.
   Kit 2.x's HUD skin draws the cards, chips, tabs and buttons; this only lays them out. ------------------------------ */
.rm-page { padding-top: 18px; padding-bottom: 56px; }
.rm-page img.is-missing { visibility: hidden; }   /* a picture that won't load: the frame's fill, no broken icon */
.rm-crumbs { margin-bottom: 14px; }
#rm-crumb-tab:not([hidden]) { display: contents; }   /* its separator and name sit in the trail's own spacing */
.rm-hero { display: grid; gap: 10px; margin: 6px 0 18px; max-width: 760px; }
.rm-title { margin: 0; font: 400 clamp(30px, 3.6vw, 46px)/1.1 var(--eq-font-brand); letter-spacing: .02em; color: var(--eq-text-1); }
.rm-title--sm { font-size: clamp(24px, 2.6vw, 34px); }
.rm-lead { margin: 0; color: var(--eq-text-2); font-size: 1.02rem; line-height: 1.5; }
.rm-counts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 6px; }
.rm-counts__total { margin-right: 6px; color: var(--eq-text-2); }
.rm-counts__total b { color: var(--eq-text-1); font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.rm-counts__when { color: var(--eq-text-3); font-size: .82rem; }
/* the tabs: one row, sliding sideways on narrow screens; Stop sound at the end */
.rm-bar { position: sticky; top: 64px; z-index: 5; display: flex; align-items: center; gap: 10px; margin: 0 0 18px;
  padding: 6px 0; background: linear-gradient(var(--crest-iron-950, #05070b) 70%, transparent); }
.rm-tabs { flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; flex-wrap: nowrap; }
.rm-tabs::-webkit-scrollbar { display: none; }
.rm-tabs .eq-tab { flex: none; white-space: nowrap; text-decoration: none; }
.rm-stop { flex: none; }
.rm-panel[hidden] { display: none; }
.rm-panel__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.rm-panel__head h2 { margin: 0 0 4px; font: 400 1.6rem/1.2 var(--eq-font-brand); letter-spacing: .02em; }
.rm-panel__head p { margin: 0; max-width: 720px; color: var(--eq-text-2); }
/* Everything: a card per tab */
.rm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.rm-cards > .eq-card + .eq-card, .rm-pics > .eq-card + .eq-card { margin-top: 0; }
.rm-card { display: grid; grid-template-rows: auto 1fr; padding: 0; overflow: hidden; text-decoration: none; color: inherit; }
.rm-card:hover { text-decoration: none; }
.rm-card__pic { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--eq-fill-1); }
.rm-card__pic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--eq-ease); }
.rm-card:hover .rm-card__pic img { transform: scale(1.04); }
.rm-card__body { display: grid; align-content: start; gap: 6px; padding: 12px 14px 14px; }
.rm-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rm-card__title { font-size: 1.05rem; color: var(--eq-text-1); }
.rm-card__line { color: var(--eq-text-2); font-size: .9rem; line-height: 1.45; }
.rm-card__count { color: var(--eq-text-3); font-size: .8rem; font-variant-numeric: tabular-nums; }
.rm-new { margin-top: 36px; }
.rm-new h2 { margin: 0; font: 400 1.6rem/1.2 var(--eq-font-brand); }
.rm-new__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-top: 12px; }
.rm-new__item { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: var(--eq-radius-md); color: inherit; text-decoration: none; background: var(--eq-fill-1); }
.rm-new__item:hover { background: var(--eq-fill-2); text-decoration: none; }
.rm-new__item img { flex: none; width: 48px; height: 48px; border-radius: var(--eq-radius-sm); object-fit: cover; background: var(--eq-fill-2); }
.rm-new__item > span { display: grid; gap: 2px; min-width: 0; }
.rm-new__item b { font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* World: Original | Remastered, drag the line */
.rm-cmps { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.rm-cmpcard { display: grid; gap: 8px; margin: 0; }
.rm-cmpcard figcaption { display: grid; gap: 2px; min-width: 0; }
.rm-cmpcard figcaption b { font-size: .9rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rm-cmp { --pos: 50%; position: relative; overflow: hidden; aspect-ratio: 1; border-radius: var(--eq-radius-md); isolation: isolate;
  background: var(--eq-fill-1); box-shadow: inset 0 0 0 1px var(--eq-hud-bronze, var(--eq-edge)); cursor: ew-resize; touch-action: pan-y;
  user-select: none; -webkit-user-select: none; }
.rm-cmp > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; pointer-events: none; }
.rm-cmp__b { clip-path: inset(0 0 0 var(--pos)); }
.rm-cmp__line { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 2px; margin-left: -1px; z-index: 2; pointer-events: none;
  background: var(--eq-accent); box-shadow: 0 0 6px var(--eq-hud-shade, var(--eq-scrim)); }
.rm-cmp__knob { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2px 6px; border-radius: 999px; font-size: .72rem; line-height: 1;
  color: var(--eq-on-accent); background: var(--eq-accent); box-shadow: 0 1px 4px var(--eq-hud-shade, var(--eq-scrim)); white-space: nowrap; }
.rm-cmp__tag { position: absolute; top: 6px; z-index: 2; padding: 1px 6px; border-radius: 999px; font-size: .68rem; pointer-events: none;
  color: var(--eq-text-1); background: var(--eq-glass-thick); box-shadow: inset 0 0 0 1px var(--eq-hud-bronze, var(--eq-edge)); }
.rm-cmp__tag--a { left: 6px; }
.rm-cmp__tag--b { right: 6px; }
.rm-cmp__range { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; margin: 0; opacity: 0; pointer-events: none; }
.rm-cmp:has(.rm-cmp__range:focus-visible) { outline: 2px solid var(--eq-accent); outline-offset: 2px; }
/* RW-1: no Remastered picture yet: the Original alone, and the tile says so */
.rm-cmp.is-pending { cursor: default; }
.rm-cmp.is-pending .rm-cmp__b, .rm-cmp.is-pending .rm-cmp__line, .rm-cmp.is-pending .rm-cmp__tag--b { display: none; }
.rm-cmp__coming { position: absolute; left: 50%; bottom: 8px; z-index: 2; transform: translateX(-50%); padding: 2px 10px; border-radius: var(--eq-radius-pill, 999px);
  font-size: .72rem; white-space: nowrap; pointer-events: none; color: var(--eq-text-1); background: var(--eq-glass-thick);
  box-shadow: inset 0 0 0 1px var(--eq-hud-bronze, var(--eq-edge)); }
.rm-more { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 18px; }
/* a team's page in place */
.rm-frame-box { overflow: hidden; border-radius: var(--eq-radius-lg); box-shadow: inset 0 0 0 1px var(--eq-edge); background: var(--eq-fill-1); }
.rm-frame { display: block; width: 100%; height: max(640px, calc(100vh - 220px)); border: 0; }
/* a card: the picture and the words side by side */
.rm-item { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 0; padding: 0; overflow: hidden; }
.rm-item__pic { display: block; width: 100%; height: 100%; object-fit: cover; min-height: 300px; background: var(--eq-fill-1); }
.rm-item__body { display: grid; gap: 12px; align-content: center; padding: 26px 28px; }
.rm-item__wait { margin: 0; }
/* the loading pictures */
.rm-pics { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.rm-pic { display: grid; padding: 0; overflow: hidden; text-align: left; }
.rm-pic img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--eq-fill-1); }
.rm-pic__name { padding: 10px 14px 12px; font-size: .92rem; color: var(--eq-text-1); }
.rm-view { width: min(1400px, 96vw); max-height: 94vh; padding: 0; border: 0; border-radius: var(--eq-radius-lg); background: var(--eq-card); color: var(--eq-text-1);
  box-shadow: var(--eq-shadow-3), inset 0 0 0 1px var(--eq-card-edge, var(--eq-edge)); }
.rm-view::backdrop { background: color-mix(in srgb, var(--eq-backdrop) 80%, transparent); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.rm-view__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px 16px; }
.rm-view__bar h2 { flex: 1; margin: 0; font: 400 1.2rem/1.2 var(--eq-font-brand); }
.rm-view__stage { display: grid; gap: 10px; padding: 0 16px 16px; }
.rm-view__stage.is-both { grid-template-columns: 1fr 1fr; }
.rm-view__stage figure { margin: 0; display: grid; gap: 6px; }
.rm-view__stage img { display: block; width: 100%; height: auto; max-height: 76vh; object-fit: contain; border-radius: var(--eq-radius-md); background: var(--eq-fill-1); }
.rm-view__stage figcaption { color: var(--eq-text-2); font-size: .85rem; }
/* a site page framed by the hub shows only itself (site.js skips its header; the hub hides the rest) */
html[data-embedded] .eq-crumbs, html[data-embedded] .topbar-slot { display: none; }
@media (max-width: 760px) {
  .rm-item { grid-template-columns: minmax(0, 1fr); }
  .rm-item__pic { min-height: 0; aspect-ratio: 16 / 9; }
  .rm-item__body { padding: 18px; }
  .rm-view__stage.is-both { grid-template-columns: minmax(0, 1fr); }
  .rm-cmps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .rm-frame { height: 78vh; min-height: 520px; }
  .rm-stop { padding-inline: 8px; }
}

/* ---- status pages (not open to you, not running, an error): the server's status_page(), one HUD card ------------- */
.status-page { display: grid; place-items: center; min-height: calc(100vh - 220px); padding-block: 40px; }
.status-card { display: grid; justify-items: center; gap: 12px; width: min(560px, 100%); padding: 34px 30px 26px; text-align: center; }
.status-card h1 { margin: 0; font: 400 clamp(26px, 3vw, 34px)/1.15 var(--eq-font-brand); letter-spacing: .02em; color: var(--eq-text-1); }
.status-card p { margin: 0; max-width: 44ch; }
.status-crest { width: 72px; height: 72px; filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .55)); }
.status-actions { justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.status-code { color: var(--eq-text-3); letter-spacing: .06em; }

/* ---- Vote's zoom (the user: "you should be able to zoom in on this yes or no thing ... also one phone"): the card's
   large picture full screen; wheel or pinch to zoom, drag to look around, Yes and No from here. ------------------- */
.vote-zoom { position: fixed; inset: 0; z-index: 90; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; grid-template-columns: minmax(0, 1fr);
  background: rgba(5, 7, 11, .96); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: var(--eq-text-1); }
html.zoom-open, html.zoom-open body { overflow: hidden; }
.vz-bar { display: flex; align-items: center; gap: 8px; padding: max(10px, env(safe-area-inset-top)) 14px 10px; }
.vz-bar h3 { flex: 1; min-width: 0; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 400 1.15rem/1.2 var(--eq-font-brand); letter-spacing: .02em; }
.vz-scale { min-width: 44px; text-align: right; color: var(--eq-text-3); font-variant-numeric: tabular-nums; }
.vz-stage { position: relative; overflow: hidden; touch-action: none; cursor: zoom-in; user-select: none; -webkit-user-select: none;
  background: repeating-conic-gradient(rgba(255, 255, 255, .035) 0 25%, transparent 0 50%) 0 0 / 24px 24px; }
.vz-stage.is-zoomed { cursor: grab; }
.vz-stage.is-zoomed:active { cursor: grabbing; }
.vz-stage img { position: absolute; left: 0; top: 0; max-width: none; transform-origin: 0 0; will-change: transform;
  -webkit-user-drag: none; pointer-events: none; }
.vz-stage img.pixel { image-rendering: pixelated; }
.vz-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px 6px; }
.vz-views { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.vz-views .eq-chip { cursor: pointer; }
.vz-views .eq-chip[aria-pressed="true"] { color: var(--eq-chip-on-ink, #1a1206); background: var(--eq-gold, #e0b04a); }
.vz-vote { display: flex; gap: 10px; margin-left: auto; }
.vz-vote .vote-btn { width: auto; min-width: 120px; height: 52px; padding: 0 22px; border-radius: 999px; }
.vz-vote .vote-btn svg { width: 22px; height: 22px; }
.vz-vote .vote-btn span { display: inline; }
.vz-hint { margin: 0; padding: 0 14px max(10px, env(safe-area-inset-bottom)); text-align: center; }
@media (max-width: 640px) {
  .vz-bar { flex-wrap: wrap; }
  .vz-bar h3 { flex-basis: 100%; order: -1; }
  .vz-views { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; flex: 1 1 100%; }
  .vz-vote { flex: 1 1 100%; margin-left: 0; }
  .vz-vote .vote-btn { flex: 1; }
}

/* ---- Vote in the HUD look (the user: "make it look more high tech that grey background looks liek shit. all this ui
   should also match our other ui"): the card is a HUD frame (dark warm glass, bronze hairline, the gold rim lit from
   the top left, Marcellus name); creatures and objects stand on a stage (the renders' grey lifted off in review.js:
   warm iron, a gold floor glow, a faint grid running to the horizon, corner brackets); the buttons are hotbar slots. */
.vote-title h1 { font-family: var(--eq-font-brand); font-weight: 400; letter-spacing: .02em; }
.vc { background: var(--eq-glass-thick, rgba(15, 12, 9, .82)); -webkit-backdrop-filter: var(--eq-glass-filter); backdrop-filter: var(--eq-glass-filter);
  box-shadow: var(--eq-shadow-2), inset 0 0 0 1px var(--eq-card-edge, rgba(150, 114, 60, .62)), inset 0 2px 0 var(--eq-rim-lo, rgba(224, 176, 74, .3)); }
.vc::before { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(135deg, var(--eq-rim-hi, rgba(243, 213, 143, .85)), var(--eq-rim-lo, rgba(224, 176, 74, .3)) 28%, transparent 58%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.vc::after { content: ""; position: absolute; left: -5px; top: -5px; z-index: 4; width: 26px; height: 26px; pointer-events: none;
  background: url("/design/brand/crest/hud/corner.svg?v=d99a5aeee1") center / contain no-repeat; }
.vc-meta { border-top: 1px solid var(--eq-sep, rgba(150, 114, 60, .28)); background: linear-gradient(rgba(243, 213, 143, .035), transparent 60%); }
.vc-kind { color: var(--eq-gold-hi, #f3d58f); letter-spacing: .16em; }
.vc-title { font-family: var(--eq-font-brand); font-weight: 400; font-size: 1.3rem; letter-spacing: .02em; color: var(--eq-text-1); }
.vc-sub { color: var(--eq-text-3); }
/* the stage */
.vc-img.is-stage, .vote-views figure.is-stage img, .vz-stage.is-stage {
  background:
    radial-gradient(46% 13% at 50% 84%, rgba(224, 176, 74, .30), rgba(224, 176, 74, .08) 55%, transparent 75%),
    radial-gradient(70% 55% at 50% 38%, rgba(243, 213, 143, .07), transparent 70%),
    radial-gradient(closest-side circle at 50% 46%, #1a150f 0%, #0d0b08 62%, #060504 100%); }
.vc-img.is-stage::before, .vz-stage.is-stage::before { content: ""; position: absolute; left: -40%; right: -40%; bottom: -6%; height: 46%; pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(224, 176, 74, .16) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(224, 176, 74, .16) 0 1px, transparent 1px 34px);
  transform: perspective(260px) rotateX(62deg); transform-origin: 50% 100%;
  -webkit-mask: linear-gradient(transparent, #000 45%, #000 70%, transparent); mask: linear-gradient(transparent, #000 45%, #000 70%, transparent); }
.vc-img.is-stage::after, .vz-stage.is-stage::after { content: ""; position: absolute; inset: 10px; pointer-events: none;
  background:
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 0 0 / 16px 1px no-repeat,
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 0 0 / 1px 16px no-repeat,
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 100% 0 / 16px 1px no-repeat,
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 100% 0 / 1px 16px no-repeat,
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 0 100% / 16px 1px no-repeat,
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 0 100% / 1px 16px no-repeat,
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 100% 100% / 16px 1px no-repeat,
    linear-gradient(var(--eq-hud-bronze, rgba(150, 114, 60, .55)), var(--eq-hud-bronze, rgba(150, 114, 60, .55))) 100% 100% / 1px 16px no-repeat; }
.vc-img.is-stage img { position: relative; z-index: 1; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .55)); }
.vz-stage.is-stage img { z-index: 1; filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .55)); }
.vz-stage.is-stage::after { inset: 14px; }
/* the buttons: hotbar slots (a dark inset, a bronze ring, a lit top edge); Yes and No keep their green and red */
.vote-btn { border-radius: var(--eq-radius-lg, 10px); background: var(--eq-hud-slot, rgba(0, 0, 0, .5));
  box-shadow: var(--eq-shadow-1), inset 0 0 0 1px var(--eq-hud-bronze, rgba(150, 114, 60, .55)), inset 0 1px 0 var(--eq-hud-lit, rgba(243, 213, 143, .12)),
    inset 0 0 0 2px var(--eq-hud-slot-inner, rgba(0, 0, 0, .8)); }
.vote-btn.small { border-radius: var(--eq-radius-md, 9px); color: var(--eq-text-2); }
.vote-btn.small:hover { color: var(--eq-gold-hi, #f3d58f); }
.vote-btn.yes { background: linear-gradient(rgba(60, 207, 126, .10), rgba(0, 0, 0, .5));
  box-shadow: var(--eq-shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--eq-good, #3ccf7e) 70%, transparent), inset 0 1px 0 rgba(160, 255, 200, .14),
    inset 0 0 0 2px var(--eq-hud-slot-inner, rgba(0, 0, 0, .8)); }
.vote-btn.no { background: linear-gradient(rgba(255, 93, 108, .10), rgba(0, 0, 0, .5));
  box-shadow: var(--eq-shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--eq-bad, #ff5d6c) 70%, transparent), inset 0 1px 0 rgba(255, 190, 196, .14),
    inset 0 0 0 2px var(--eq-hud-slot-inner, rgba(0, 0, 0, .8)); }
@media (hover: hover) {
  .vote-btn.small:hover { box-shadow: var(--eq-shadow-2), inset 0 0 0 1px color-mix(in srgb, var(--eq-gold-hi, #f3d58f) 60%, transparent),
    inset 0 1px 0 var(--eq-hud-lit, rgba(243, 213, 143, .12)), inset 0 0 0 2px var(--eq-hud-slot-inner, rgba(0, 0, 0, .8)); transform: translateY(-2px); }
}
@media (min-width: 700px) and (hover: hover) {
  .vote-btn.yes, .vote-btn.no { border-radius: var(--eq-radius-lg, 10px); }
}
.vote-empty { background: var(--eq-glass-thick, rgba(15, 12, 9, .82)); box-shadow: var(--eq-shadow-2), inset 0 0 0 1px var(--eq-card-edge, rgba(150, 114, 60, .62)); }

/* the Remastered hub: the things in a card tab (Creatures: Rotclaw's film, the gnoll and the griffon to come) */
.rm-things { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 16px; }
.rm-things > .eq-card + .eq-card { margin-top: 0; }
.rm-thing { display: grid; grid-template-rows: auto 1fr; padding: 0; overflow: hidden; }
.rm-thing__media { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--eq-fill-1); }
.rm-thing__media--none { display: grid; place-items: center; color: var(--eq-text-3); font-size: 1.6rem;
  background: radial-gradient(closest-side circle at 50% 50%, #1a150f, #0d0b08 70%, #060504); }
.rm-thing__body { display: grid; align-content: start; gap: 6px; padding: 12px 14px 14px; }
.rm-thing__body p { margin: 0; }
.rm-thing.is-coming .rm-thing__media { opacity: .7; }
@media (min-width: 900px) { .rm-thing:first-child:not(.is-coming) { grid-column: span 2; } }

/* ---- Home's boss reel, smooth turns (the user: "more smooth transitions and timed with the end of its animation"):
   the name card fades out as the boss leaves (is-leaving, from the reel's cue) and makes its entrance once the next
   boss has settled; the hero keeps one height in 3D, so nothing below it moves between bosses. --------------------- */
.boss-hero .boss-eyebrow, .boss-hero .boss-name, .boss-hero .boss-kind, .boss-hero .boss-badge {
  transition: opacity .45s var(--eq-ease, ease), transform .45s var(--eq-ease, ease), filter .45s var(--eq-ease, ease); }
.boss-hero.is-leaving .boss-eyebrow, .boss-hero.is-leaving .boss-name, .boss-hero.is-leaving .boss-kind, .boss-hero.is-leaving .boss-badge {
  opacity: 0; transform: translateY(-6px); filter: blur(3px); animation: none; }
@media (min-width: 761px) and (hover: hover) {
  .boss-hero.is-3d-only { height: min(82svh, 820px); min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .boss-hero.is-leaving .boss-eyebrow, .boss-hero.is-leaving .boss-name, .boss-hero.is-leaving .boss-kind, .boss-hero.is-leaving .boss-badge {
    transform: none; filter: none; }
}

/* Vote's top card in 3D: the model fades in over its picture once it's loaded (review.js show3d) */
.vc-3d { position: absolute; inset: 0; z-index: 2; opacity: 0; transition: opacity .5s var(--eq-ease, ease); pointer-events: none;
  aspect-ratio: auto; height: 100%; min-height: 0; border-radius: 0;   /* the card's square, not the kit's 16:9 stage */
  --eq-stage-inset-top: 18px; --eq-stage-inset-bottom: 22px; }
.vc-img.has-3d .vc-3d { opacity: 1; }
.vc-img.has-3d > img { opacity: 0; transition: opacity .5s var(--eq-ease, ease) .15s; }

/* Play: the one-time "Install the game" card (ruling 91), above the worlds */
.play-install { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.play-install > div { flex: 1; min-width: 0; }
.play-install p { margin: 4px 0 0; }
.play-install__mark { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: var(--eq-radius-md, 9px);
  color: var(--eq-gold-hi, #f3d58f); background: var(--eq-hud-slot, rgba(0, 0, 0, .5)); box-shadow: inset 0 0 0 1px var(--eq-hud-bronze, rgba(150, 114, 60, .55)); }
@media (max-width: 640px) { .play-install { flex-wrap: wrap; } }

/* ---- the shared header (rulings 78, 88): the kit's bar is sticky and in the flow, so the old fixed bar's 64 px spacer
   goes; things that stuck under the old bar stick under the new one (--eq-site-header-h, set by the kit) ------------- */
.has-site-header .topbar-slot { height: auto; }
.has-site-header .topbar-slot + main.wrap { padding-top: 22px; }   /* plain pages breathe under the bar; heroes stay flush */
.has-site-header .rm-bar { top: var(--eq-site-header-h, 70px); }
.footer nav { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.ed-switch.ed-switch--page { display: flex; width: fit-content; margin: 10px auto 12px; position: relative; z-index: 2; }
.ed-switch.ed-switch--page.hidden { display: none; }

/* ---- the front door (ruling 80): space behind the Crest, Vox flying through it (landing/space.js) --------------------- */
.space { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.space__haze { position: absolute; inset: -10%;
  background:
    radial-gradient(38% 30% at 72% 26%, rgba(224, 176, 74, .10), transparent 70%),
    radial-gradient(46% 34% at 20% 30%, rgba(217, 220, 224, .07), transparent 72%),
    radial-gradient(60% 40% at 50% 100%, rgba(240, 122, 42, .07), transparent 70%); }
.space__stars { position: absolute; inset: 0; width: 100%; height: 100%; }
.space__scrim { position: absolute; inset: 0;
  background: radial-gradient(70% 70% at 50% 40%, rgba(5, 7, 11, 0) 0%, rgba(5, 7, 11, .7) 100%),
              linear-gradient(180deg, rgba(5, 7, 11, .05) 0%, rgba(5, 7, 11, .2) 45%, rgba(5, 7, 11, .75) 100%); }
.space__vox { position: absolute; left: 0; top: 0; opacity: 0; will-change: transform, opacity;
  filter: drop-shadow(0 0 28px rgba(243, 213, 143, .16)) brightness(1.08); }
.space__vox-body { width: 100%; height: 100%; background-repeat: no-repeat; background-size: 600% 400%; }
.space.is-still .space__vox { display: none; }