:root{--pond-aubergine:#2d1043;--pond-navy:#3030a0;--pond-slate:#506478;--pond-purple:#5040a0;--pond-indigo:#5b4abe;--pond-lilac:#b090d0;--pond-lavender:#d8c0f0;--pond-copper:#b07848;--pond-terracotta:#c08070;--pond-peach:#c08870;--pond-sand:#d4c0a0;--pond-amber:#d08040;--pond-crimson:#e82060;--pond-coral:#f06868;--pond-rose:#f07090;--pond-hotpink:#f860a0;--pond-orange:#f8a030;--pond-emerald:#20d898;--pond-snow:#fff0ff;--pond-white:#fff;--bg-main:color-mix(in oklch,var(--pond-aubergine) 45%,#000);--bg-surface:color-mix(in oklch,var(--pond-aubergine) 58%,#000);--bg-elevated:color-mix(in oklch,var(--pond-aubergine) 70%,#000);--text-primary:var(--pond-snow);--text-secondary:var(--pond-lilac);--text-muted:var(--pond-slate);--owner-p1:var(--pond-indigo);--owner-p1-overlay:rgb(from var(--pond-indigo) r g b/8%);--owner-p2:var(--pond-hotpink);--owner-p2-overlay:rgb(from var(--pond-hotpink) r g b/8%);--mystic-base:var(--pond-indigo);--mystic-neon:color-mix(in oklch,var(--pond-indigo) 55%,var(--pond-lavender));--mystic-soft:rgb(from var(--pond-indigo) r g b/12%);--mystic-glow-soft:rgb(from var(--pond-indigo) r g b/25%);--mystic-glow-strong:rgb(from var(--pond-indigo) r g b/55%);--danger-700:var(--pond-crimson);--danger-600:var(--pond-coral);--danger-050:color-mix(in oklch,var(--pond-coral) 25%,var(--pond-snow));--ether-teal:var(--pond-emerald);--ether-teal-bright:color-mix(in oklch,var(--pond-emerald) 85%,#fff);--ether-teal-soft:rgb(from var(--pond-emerald) r g b/15%);--ds-space-0h:2px;--ds-space-1:4px;--ds-space-1h:6px;--ds-space-2:8px;--ds-space-2h:10px;--ds-space-3:12px;--ds-space-3h:14px;--ds-space-4:16px;--ds-space-4h:20px;--ds-space-5:24px;--ds-space-6:32px;--ds-radius-3xs:4px;--ds-radius-2xs:6px;--ds-radius-xs:8px;--ds-radius-sm:10px;--ds-radius-base:12px;--ds-radius-md:14px;--ds-radius-lg:16px;--ds-radius-xl:22px;--ds-radius-2xl:28px;--ds-radius-pill:999px;--ds-radius-circle:50%;--ds-motion-standard:cubic-bezier(0.22,1,0.36,1);--bottom-bar-height:92px}@media (width <= 480px){:root{--bottom-bar-height:84px}}:root{--ds-color-modal-surface:var(--bg-surface);--ds-color-modal-border-soft:var(--sem-border-default);--ds-color-modal-backdrop:rgb(from var(--pond-aubergine) r g b/70%);--ds-color-panel-separator:var(--sem-border-default);--ds-color-btn-primary-border:transparent;--ds-color-btn-primary-bg:var(--mystic-base);--ds-color-btn-primary-bg-hover:var(--mystic-neon);--ds-color-btn-primary-text:var(--text-primary);--ds-shadow-btn-primary:0 0 14px var(--mystic-glow-soft);--ds-shadow-btn-primary-hover:0 0 20px var(--mystic-glow-strong);--ds-color-btn-secondary-border:var(--sem-border-default);--ds-color-btn-secondary-border-hover:rgb(from var(--pond-emerald) r g b/42%);--ds-color-btn-secondary-bg:transparent;--ds-color-btn-secondary-bg-hover:var(--ether-teal-soft);--ds-color-btn-secondary-text:var(--text-primary);--ds-color-btn-ghost-border:rgb(from var(--pond-white) r g b/8%);--ds-color-btn-ghost-border-hover:rgb(from var(--pond-emerald) r g b/34%);--ds-color-btn-ghost-bg:rgb(from var(--pond-white) r g b/3%);--ds-color-btn-ghost-bg-hover:color-mix(in srgb,var(--ether-teal-soft) 70%,rgb(from var(--pond-white) r g b/3%));--ds-color-btn-ghost-text:var(--text-secondary);--ds-color-btn-danger-border:var(--danger-700);--ds-color-btn-danger-bg:var(--danger-700);--ds-color-btn-danger-bg-hover:var(--danger-600);--ds-color-btn-danger-text:var(--danger-050);--sem-overlay-backdrop:var(--ds-color-modal-backdrop);--sem-surface-glass:color-mix(in srgb,var(--bg-surface) 52%,transparent);--sem-surface-card:color-mix(in srgb,var(--bg-surface) 82%,transparent);--sem-surface-chip:color-mix(in srgb,var(--bg-surface) 68%,transparent);--sem-border-default:rgb(from var(--pond-white) r g b/12%);--sem-border-soft:var(--sem-border-default);--sem-border-soft-strong:rgb(from var(--pond-white) r g b/18%);--sem-border-ghost:var(--ds-color-btn-ghost-border);--sem-border-neutral-strong:rgb(from var(--pond-slate) r g b/80%);--sem-border-accent-soft:rgb(from var(--pond-indigo) r g b/26%);--sem-border-accent-subtle:rgb(from var(--pond-indigo) r g b/32%);--sem-border-accent-muted:rgb(from var(--pond-indigo) r g b/40%);--sem-border-accent:rgb(from var(--pond-indigo) r g b/50%);--sem-border-accent-strong:rgb(from var(--pond-indigo) r g b/66%);--sem-border-accent-focus:rgb(from var(--pond-indigo) r g b/80%);--sem-border-owner-p1:rgb(from var(--pond-indigo) r g b/90%);--sem-border-owner-p2:rgb(from var(--pond-hotpink) r g b/90%);--sem-border-danger:rgb(from var(--pond-crimson) r g b/60%);--sem-border-success:rgb(from var(--pond-emerald) r g b/42%);--sem-shadow-soft:0 8px 18px rgb(from var(--pond-aubergine) r g b/30%);--sem-shadow-soft-strong:0 8px 20px rgb(from var(--pond-aubergine) r g b/45%);--sem-shadow-lift:0 14px 30px rgb(from var(--pond-aubergine) r g b/52%);--sem-shadow-modal:0 20px 60px rgb(from var(--pond-aubergine) r g b/70%);--sem-shadow-inset-soft:inset 0 0 0 1px rgb(from var(--pond-white) r g b/5%);--sem-glow-primary:var(--mystic-glow-soft);--sem-glow-primary-strong:var(--mystic-glow-strong);--sem-glow-owner-p1:rgb(from var(--pond-indigo) r g b/38%);--sem-glow-owner-p2:rgb(from var(--pond-hotpink) r g b/24%);--sem-glow-success:rgb(from var(--pond-emerald) r g b/28%);--sem-glow-danger:rgb(from var(--pond-crimson) r g b/28%);--sem-shadow-glow-accent:0 0 14px var(--mystic-glow-soft);--sem-shadow-glow-accent-strong:0 0 24px var(--mystic-glow-strong);--sem-shadow-glow-p1:0 0 14px var(--sem-glow-owner-p1);--sem-shadow-glow-p1-strong:0 0 28px rgb(from var(--pond-indigo) r g b/55%);--sem-shadow-glow-p2:0 0 14px var(--sem-glow-owner-p2);--sem-shadow-glow-p2-strong:0 0 22px rgb(from var(--pond-hotpink) r g b/38%);--sem-shadow-glow-success:0 0 14px var(--sem-glow-success);--sem-shadow-glow-danger:0 0 14px var(--sem-glow-danger);--sem-motion-standard:var(--ds-motion-standard);--sem-nav-gold-surface:rgb(from var(--pond-aubergine) r g b/90%);--sem-nav-gold-border:rgb(from var(--pond-amber) r g b/55%);--sem-nav-gold-border-hover:rgb(from var(--pond-amber) r g b/72%);--sem-nav-gold-border-active:rgb(from var(--pond-amber) r g b/80%);--sem-nav-gold-inset:rgb(from var(--pond-sand) r g b/22%);--sem-nav-gold-text:var(--pond-sand);--sem-nav-gold-text-hover:color-mix(in oklch,var(--pond-sand) 80%,#fff);--sem-nav-gold-text-active:color-mix(in oklch,var(--pond-sand) 60%,#fff);--sem-nav-gold-avatar-gradient-start:rgb(from var(--pond-copper) r g b/56%);--sem-nav-gold-avatar-gradient-end:rgb(from var(--pond-purple) r g b/52%);--sem-nav-gold-avatar-fallback:color-mix(in oklch,var(--pond-aubergine) 70%,#000);--sem-nav-gold-avatar-text:color-mix(in oklch,var(--pond-sand) 85%,#fff);--sem-nav-gold-frame-default:var(--pond-amber);--sem-nav-gold-active-shadow:0 10px 20px rgb(from var(--pond-aubergine) r g b/45%);--sem-nav-modal-backdrop:rgb(from var(--pond-aubergine) r g b/72%);--sem-nav-gear-btn-bg:rgb(from var(--pond-aubergine) r g b/88%);--sem-nav-gear-btn-bg-hover:rgb(from var(--pond-aubergine) r g b/94%);--sem-nav-gear-title:color-mix(in oklch,var(--pond-sand) 90%,var(--pond-amber));--sem-tactical-owner-p1-radial-strong:rgb(from var(--pond-indigo) r g b/30%);--sem-tactical-owner-p1-radial-soft:rgb(from var(--pond-indigo) r g b/12%);--sem-tactical-owner-p1-linear-strong:rgb(from var(--pond-indigo) r g b/20%);--sem-tactical-owner-p1-linear-soft:rgb(from var(--pond-indigo) r g b/12%);--sem-tactical-owner-p1-inset:rgb(from var(--pond-lilac) r g b/26%);--sem-tactical-owner-p1-ring:rgb(from var(--pond-indigo) r g b/72%);--sem-tactical-owner-p1-glow:rgb(from var(--pond-indigo) r g b/38%);--sem-tactical-owner-p2-radial-strong:rgb(from var(--pond-hotpink) r g b/22%);--sem-tactical-owner-p2-radial-soft:rgb(from var(--pond-hotpink) r g b/8%);--sem-tactical-owner-p2-linear-strong:rgb(from var(--pond-hotpink) r g b/14%);--sem-tactical-owner-p2-linear-soft:rgb(from var(--pond-hotpink) r g b/8%);--sem-tactical-owner-p2-inset:rgb(from var(--pond-rose) r g b/20%);--sem-tactical-owner-p2-ring:rgb(from var(--pond-hotpink) r g b/62%);--sem-tactical-owner-p2-glow:rgb(from var(--pond-hotpink) r g b/28%);--sem-showcase-bg-grad-start:#0b0f1a;--sem-showcase-bg-grad-end:#111827;--sem-showcase-panel-grad-start:rgba(30,41,59,.9);--sem-showcase-panel-grad-end:rgba(15,23,42,.9);--sem-showcase-panel-border:rgba(148,163,184,.35);--sem-showcase-text-strong:#f8fafc;--sem-showcase-text-muted:#94a3b8;--sem-showcase-card-grad-start:#0f172a;--sem-showcase-card-grad-end:#1e293b;--sem-showcase-card-border:rgba(148,163,184,.35);--sem-showcase-card-shadow:0 12px 28px rgba(0,0,0,.45);--sem-showcase-owner-p1-border:#38bdf8;--sem-showcase-owner-p2-border:#f87171;--sem-showcase-danger-text:#fca5a5;--sem-showcase-gold-note:#e9d9ba;--sem-showcase-info-text:#dbe6f7;--sem-leaderboard-gold-text-cool:#a6c2dd;--sem-leaderboard-gold-shell-grad-start:rgba(14,17,24,.9);--sem-leaderboard-gold-shell-grad-end:rgba(9,11,16,.92);--sem-leaderboard-gold-shell-accent:rgba(150,111,66,.18);--sem-leaderboard-gold-shell-border:rgba(183,143,82,.32);--sem-leaderboard-gold-card-border:rgba(190,149,86,.32);--sem-leaderboard-gold-card-first-border:hsla(38,74%,69%,.62);--sem-leaderboard-gold-card-first-inset:hsla(38,74%,69%,.2);--hall-screen-0:#07091a;--hall-screen-1:#0d1237;--hall-screen-2:#181649;--hall-gold:#ffd75a;--hall-cyan:#40ebff;--hall-violet:#e052ff;--hall-text-high:#f7f3ea;--hall-text-mid:rgba(223,232,255,.78);--hall-text-low:rgba(178,194,238,.72);--hall-border-soft:rgba(71,238,255,.14);--hall-border-mid:rgba(71,238,255,.2);--hall-border-hot:rgba(224,82,255,.2);--hall-surface-0:rgba(10,14,33,.96);--hall-surface-1:rgba(16,21,49,.92);--hall-surface-chip:rgba(24,29,63,.96);--sem-profile-text-primary-warm:#efe3c8;--sem-profile-text-sky-1:#cbe0fb;--sem-profile-text-mint:#9ee2bf;--sem-profile-text-sky-2:#a9bdd8;--sem-profile-text-sky-3:#b8c9e2;--sem-profile-text-gold-1:#cdb791;--sem-profile-text-sky-4:#b7c6dc;--sem-profile-neon-cyan:#7ef4ff;--sem-profile-level-bg:#0d2b55;--sem-profile-level-border:#8ab9ff;--sem-profile-text-sky-5:#d8ebff;--sem-profile-text-sky-6:#9fb1ca;--sem-profile-text-gold-2:#f1d9ad;--sem-profile-text-sky-7:#cfe2ff;--sem-profile-guide-ink-1:#12314f;--sem-profile-guide-ink-2:#17314d;--sem-profile-guide-ink-3:#466484;--sem-profile-guide-ink-4:#2d4967;--sem-profile-guide-ink-5:#547599;--sem-profile-text-sky-8:#f1f7ff;--sem-profile-text-sky-9:#9fb0c8;--sem-profile-sync-offline:#8e7a58;--sem-profile-text-gold-3:#ccb58f;--sem-deck-bg-grad-top:#17130f;--sem-deck-bg-grad-bottom:#11131b;--sem-deck-text-1:#f3e2c2;--sem-deck-text-2:#ecd6ad;--sem-deck-text-3:#b9a57e;--sem-deck-text-4:#e9d9ba;--sem-deck-text-5:#f4e2bf;--sem-deck-text-6:#f3dfb7;--sem-deck-text-7:#c9b187;--sem-deck-text-8:#baa57f;--sem-deck-text-9:#d1bb93;--sem-deck-text-10:#bba57b;--sem-deck-text-11:#c9b083;--sem-deck-text-12:#f2e2c0;--sem-deck-text-13:#e9d7b6;--sem-deck-text-14:#edd8ae;--sem-deck-text-15:#d6c09a;--sem-deck-text-16:#b7a07a;--sem-deck-text-17:#d5deea;--sem-deck-text-18:#c4f2e2;--sem-deck-text-19:#efd7ff;--sem-deck-text-20:#ffe4b1;--sem-deck-text-21:#fbe6dc;--sem-deck-text-22:#f9f2ff;--sem-deck-danger-bg:#4a1723;--sem-deck-rarity-common:#aebac9;--sem-deck-rarity-rare:#22c55e;--sem-deck-rarity-epic:#a855f7;--sem-deck-rarity-legendary:#f59e0b;--sem-chronicles-bg-1:#070b12;--sem-chronicles-bg-2:#080d16;--sem-chronicles-bg-3:#090b12;--sem-chronicles-bg-4:#121928;--sem-chronicles-bg-5:#0a111b;--sem-chronicles-text-1:#e3dfd3;--sem-chronicles-text-2:#f1ecdc;--sem-chronicles-text-3:#b2c0d4;--sem-chronicles-text-4:#d7d9df;--sem-chronicles-text-5:#a7b4c7;--sem-chronicles-text-6:#ece6d6;--sem-chronicles-text-7:#c2ccdc;--sem-chronicles-text-8:#a9d7c8;--sem-chronicles-text-9:#f3f0e7;--sem-chronicles-text-10:#dee3ee;--sem-chronicles-text-11:#9ca9be;--sem-chronicles-text-12:#bac3d2;--sem-chronicles-text-13:#9ca8ba;--sem-chronicles-text-14:#dbe1ec;--sem-chronicles-text-15:#aab4c4;--sem-chronicles-text-16:#dce3ee;--sem-chronicles-text-17:#aebdd3;--sem-onboarding-text-warn:#4f3310;--sem-onboarding-text-ink-1:#12314f;--sem-onboarding-text-ink-2:#0c2239;--sem-onboarding-text-ink-3:#2d4967;--sem-onboarding-text-ink-4:#17314d;--sem-onboarding-text-ink-5:#2f5b88;--sem-onboarding-text-ink-6:#466484;--sem-onboarding-btn-gold:#f6dfb1;--sem-onboarding-btn-sky:#c9d7ea;--sem-firstaccess-text-hero:#f0f6ff;--sem-firstaccess-text-label:#dbe9ff;--sem-firstaccess-text-input:#f1f6ff;--sem-firstaccess-text-message:#afc7e6;--accent-violet-500:var(--mystic-base);--accent-violet-600:var(--mystic-base);--accent-violet-700:var(--mystic-neon);--accent-violet-glow:var(--mystic-glow-soft);--accent-violet-soft:var(--mystic-soft);--space-1:var(--ds-space-1);--space-2:var(--ds-space-2);--space-3:var(--ds-space-3);--space-4:var(--ds-space-4);--radius-xs:var(--ds-radius-xs);--radius-sm:var(--ds-radius-sm);--radius-md:var(--ds-radius-md);--radius-lg:var(--ds-radius-lg);--radius-xl:var(--ds-radius-xl);--radius-pill:var(--ds-radius-pill);--motion-ease-standard:var(--ds-motion-standard);--accent-panel-border:var(--sem-border-default);--accent-panel-glow:var(--mystic-glow-soft);--section-header-gradient:var(--text-primary);--color-btn-primary-border:var(--ds-color-btn-primary-border);--color-btn-primary-bg:var(--ds-color-btn-primary-bg);--color-btn-primary-bg-hover:var(--ds-color-btn-primary-bg-hover);--color-btn-primary-text:var(--ds-color-btn-primary-text);--color-btn-secondary-border:var(--ds-color-btn-secondary-border);--color-btn-secondary-border-hover:var(--ds-color-btn-secondary-border-hover);--color-btn-secondary-bg:var(--ds-color-btn-secondary-bg);--color-btn-secondary-bg-hover:var(--ds-color-btn-secondary-bg-hover);--color-btn-secondary-text:var(--ds-color-btn-secondary-text);--color-btn-ghost-border:var(--ds-color-btn-ghost-border);--color-btn-ghost-border-hover:var(--ds-color-btn-ghost-border-hover);--color-btn-ghost-bg:var(--ds-color-btn-ghost-bg);--color-btn-ghost-bg-hover:var(--ds-color-btn-ghost-bg-hover);--color-btn-ghost-text:var(--ds-color-btn-ghost-text);--color-btn-danger-border:var(--ds-color-btn-danger-border);--color-btn-danger-bg:var(--ds-color-btn-danger-bg);--color-btn-danger-bg-hover:var(--ds-color-btn-danger-bg-hover);--color-btn-danger-text:var(--ds-color-btn-danger-text);--color-modal-border:var(--sem-border-default);--color-modal-bg:var(--bg-surface);--color-modal-backdrop:var(--ds-color-modal-backdrop);--color-modal-title:var(--text-primary);--color-modal-text:var(--text-secondary);--color-text-primary:var(--text-primary);--color-text-strong:var(--text-primary);--color-text-100:var(--text-primary);--color-text-200:var(--text-secondary);--color-surface-1:var(--bg-surface);--color-surface-2:var(--bg-elevated);--color-surface-3:var(--bg-main);--color-border-1:var(--sem-border-default);--color-border-2:var(--sem-border-default);--color-border-soft:rgb(from var(--pond-slate) r g b/35%);--color-overlay-50:rgb(from var(--pond-aubergine) r g b/60%);--color-overlay-45:rgb(from var(--pond-aubergine) r g b/55%);--shadow-soft:var(--sem-shadow-soft-strong);--shadow-modal:var(--sem-shadow-modal)}:root,[data-theme=default]{--color-bg:var(--bg-main);--color-surface:var(--bg-surface);--color-surface-elevated:var(--bg-elevated);--color-text-primary:var(--text-primary);--color-text-muted:var(--text-muted);--color-accent:var(--mystic-base);--color-accent-glow:var(--mystic-glow-soft);--color-success:var(--ether-teal-bright);--color-warning:#f3d08e;--color-danger:var(--danger-600);--shadow-sm:var(--sem-shadow-soft);--shadow-md:var(--sem-shadow-soft-strong);--shadow-lg:var(--sem-shadow-modal);--shadow-glow-accent:0 0 14px var(--color-accent-glow);--radius-sm:var(--ds-radius-sm);--radius-md:var(--ds-radius-md);--radius-lg:var(--ds-radius-lg);--space-0h:var(--ds-space-0h);--space-1:var(--ds-space-1);--space-1h:var(--ds-space-1h);--space-2:var(--ds-space-2);--space-2h:var(--ds-space-2h);--space-3:var(--ds-space-3);--space-3h:var(--ds-space-3h);--space-4:var(--ds-space-4);--space-4h:var(--ds-space-4h);--space-5:var(--ds-space-5);--space-6:var(--ds-space-6);--space-7:40px;--space-8:48px;--font-2xs:10px;--font-xs:12px;--font-sm:13px;--font-md:14px;--font-lg:16px;--font-lg-plus:18px;--font-xl:20px;--font-2xl:24px;--font-3xl:28px;--font-4xl:32px;--font-hero:40px;--motion-fast:150ms;--motion-medium:220ms;--motion-slow:280ms;--panel-bg-base:var(--color-surface);--panel-bg-raised:var(--color-surface-elevated);--panel-bg-inset:var(--color-bg);--panel-border:var(--sem-border-default);--panel-shadow-base:var(--shadow-sm);--panel-shadow-raised:var(--shadow-md);--panel-shadow-inset:var(--sem-shadow-inset-soft);--button-primary-bg:var(--ds-color-btn-primary-bg);--button-primary-bg-hover:var(--ds-color-btn-primary-bg-hover);--button-primary-text:var(--ds-color-btn-primary-text);--button-primary-border:var(--ds-color-btn-primary-border);--button-primary-shadow:var(--shadow-glow-accent);--button-secondary-bg:var(--ds-color-btn-secondary-bg);--button-secondary-bg-hover:var(--ds-color-btn-secondary-bg-hover);--button-secondary-text:var(--ds-color-btn-secondary-text);--button-secondary-border:var(--ds-color-btn-secondary-border);--button-secondary-border-hover:var(--ds-color-btn-secondary-border-hover);--button-ghost-bg:var(--ds-color-btn-ghost-bg);--button-ghost-bg-hover:var(--ds-color-btn-ghost-bg-hover);--button-ghost-text:var(--ds-color-btn-ghost-text);--button-ghost-border:var(--ds-color-btn-ghost-border);--button-ghost-border-hover:var(--ds-color-btn-ghost-border-hover);--card-frame-bg:var(--color-surface-elevated);--card-frame-border:var(--sem-border-default);--card-frame-border-contrast:var(--sem-border-soft-strong);--card-frame-shadow:var(--shadow-lg);--card-frame-shadow-hover:var(--shadow-lg);--card-frame-hover-shift:calc(var(--space-1) / -4);--card-frame-transition-duration:var(--motion-fast);--card-frame-transition-timing:var(--motion-ease-standard);--card-stack-hover-lift:-6px;--card-stack-hover-scale:1.02;--card-stack-hover-shadow:0 12px 22px color-mix(in srgb,var(--color-overlay-50) 64%,transparent);--card-frame-rare-border:var(--sem-border-accent-subtle);--card-frame-rare-glow:var(--sem-shadow-inset-soft);--card-frame-rare-shadow:var(--card-frame-shadow),var(--card-frame-rare-glow);--card-frame-epic-border:var(--sem-border-accent);--card-frame-epic-glow:var(--sem-glow-primary);--card-frame-epic-shadow:var(--card-frame-shadow),var(--shadow-glow-accent);--card-frame-epic-shadow-hover:var(--card-frame-shadow-hover),var(--shadow-glow-accent);--card-frame-legendary-border:var(--sem-border-accent-focus);--card-frame-legendary-glow:var(--sem-glow-primary-strong);--card-frame-legendary-shadow:var(--card-frame-shadow),var(--ds-shadow-btn-primary-hover);--card-frame-legendary-shadow-hover:var(--card-frame-shadow-hover),var(--ds-shadow-btn-primary-hover);--modal-backdrop:var(--ds-color-modal-backdrop);--modal-bg:var(--color-surface);--modal-border:var(--sem-border-default);--modal-title:var(--color-text-primary);--modal-text:var(--text-secondary);--modal-shadow:var(--shadow-lg);--badge-bg:var(--button-ghost-bg);--badge-border:var(--sem-border-default);--badge-text:var(--color-text-muted)}[data-theme=arcane]{--color-bg:var(--bg-main);--color-surface:var(--bg-surface);--color-surface-elevated:var(--bg-elevated);--color-text-primary:var(--text-primary);--color-text-muted:var(--text-muted);--color-accent:var(--mystic-base);--color-accent-glow:var(--mystic-glow-soft);--color-success:var(--ether-teal-bright);--color-warning:#f3d08e;--color-danger:var(--danger-600);--card-stack-hover-lift:-6px;--card-stack-hover-scale:1.02;--card-stack-hover-shadow:0 12px 22px color-mix(in srgb,var(--color-overlay-50) 64%,transparent)}:root,[data-theme=default]{--rarity-border-thin:1px;--rarity-border-thick:2px;--rarity-glow-soft:10px;--rarity-glow-strong:20px;--rarity-legendary-breath-duration:4s;--rarity-hover-glow-multiplier:1.3;--rarity-drop-snap-duration:200ms;--rarity-drop-flash-duration:220ms;--rarity-common-border:#6b7a94;--rarity-common-glow:rgba(107,122,148,.18);--rarity-rare-border:#3dcc3d;--rarity-rare-glow:rgba(61,204,61,.35);--rarity-epic-border:#b44de8;--rarity-epic-glow:rgba(180,77,232,.45);--rarity-legendary-border:#ffc84a;--rarity-legendary-glow:rgba(255,200,74,.55);--rarity-legendary-spark:rgba(255,232,160,.55);--rarity-common-border-gradient:linear-gradient(135deg,color-mix(in srgb,var(--rarity-common-border) 100%,transparent),color-mix(in srgb,var(--rarity-common-border) 68%,var(--bg-main)));--rarity-common-rim:color-mix(in srgb,var(--rarity-common-border) 84%,var(--text-primary));--rarity-common-glow-soft:var(--rarity-common-glow);--rarity-common-glow-strong:rgba(107,122,148,.24);--rarity-common-overlay:var(--rarity-common-border);--rarity-common-overlay-opacity:0.02;--rarity-common-inner-shine:color-mix(in srgb,var(--rarity-common-border) 12%,transparent);--rarity-rare-border-gradient:linear-gradient(135deg,color-mix(in srgb,var(--rarity-rare-border) 100%,transparent),color-mix(in srgb,var(--rarity-rare-border) 62%,var(--bg-main)));--rarity-rare-rim:color-mix(in srgb,var(--rarity-rare-border) 88%,var(--text-primary));--rarity-rare-glow-soft:var(--rarity-rare-glow);--rarity-rare-glow-strong:var(--rarity-rare-glow);--rarity-rare-overlay:var(--rarity-rare-border);--rarity-rare-overlay-opacity:0.03;--rarity-rare-inner-shine:color-mix(in srgb,var(--rarity-rare-border) 20%,transparent);--rarity-epic-border-gradient:linear-gradient(135deg,color-mix(in srgb,var(--rarity-epic-border) 100%,transparent),color-mix(in srgb,var(--rarity-epic-border) 62%,var(--bg-main)));--rarity-epic-rim:color-mix(in srgb,var(--rarity-epic-border) 90%,var(--text-primary));--rarity-epic-glow-soft:color-mix(in srgb,var(--rarity-epic-glow) 70%,transparent);--rarity-epic-glow-strong:var(--rarity-epic-glow);--rarity-epic-overlay:var(--rarity-epic-border);--rarity-epic-overlay-opacity:0.04;--rarity-epic-inner-shine:color-mix(in srgb,var(--rarity-epic-border) 26%,transparent);--rarity-legendary-border-gradient:linear-gradient(135deg,color-mix(in srgb,var(--rarity-legendary-border) 100%,transparent),color-mix(in srgb,var(--rarity-legendary-border) 60%,var(--bg-main)));--rarity-legendary-rim:color-mix(in srgb,var(--rarity-legendary-border) 90%,var(--text-primary));--rarity-legendary-glow-soft:color-mix(in srgb,var(--rarity-legendary-glow) 72%,transparent);--rarity-legendary-glow-strong:var(--rarity-legendary-glow);--rarity-legendary-overlay:var(--rarity-legendary-border);--rarity-legendary-overlay-opacity:0.04;--rarity-legendary-inner-shine:color-mix(in srgb,var(--rarity-legendary-spark) 30%,transparent)}[data-theme=arcane]{--rarity-common-border:#6b7a94;--rarity-common-glow:rgba(107,122,148,.18);--rarity-rare-border:#3dcc3d;--rarity-rare-glow:rgba(61,204,61,.35);--rarity-epic-border:#b44de8;--rarity-epic-glow:rgba(180,77,232,.45);--rarity-legendary-border:#ffc84a;--rarity-legendary-glow:rgba(255,200,74,.55);--rarity-legendary-spark:rgba(255,232,160,.55)}*{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden}html{overflow-y:auto}body,html{background:var(--bg-main)}body{min-height:100vh;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;color:#eee;background-origin:border-box;transition:background .4s ease}body:before{background:radial-gradient(ellipse 120% 100% at 50% 0,transparent 50%,rgba(0,0,0,.35) 100%);mix-blend-mode:multiply}body:after,body:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:""}body:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;mix-blend-mode:overlay;opacity:.035}body.route-theme-home{background:radial-gradient(1400px 640px at 10% -12%,rgba(90,126,152,.18),transparent 56%),radial-gradient(980px 520px at 95% 18%,rgba(81,115,106,.16),transparent 54%),linear-gradient(180deg,#0b1118,#0d1520 44%,#0a1018)}body.route-theme-deckbuilder{background:#020713}body.route-theme-profile{background:var(--bg-main)}body.route-theme-chronicles{background:radial-gradient(1400px 640px at 10% -12%,rgba(90,126,152,.18),transparent 56%),radial-gradient(980px 520px at 95% 18%,rgba(81,115,106,.16),transparent 54%),linear-gradient(180deg,var(--sem-chronicles-bg-1) 0,var(--sem-chronicles-bg-2) 44%,var(--sem-chronicles-bg-3) 100%)}body.route-theme-leaderboard{background:radial-gradient(1200px 500px at 50% -8%,rgba(100,70,160,.14),transparent 60%),var(--bg-main)}body.route-theme-tome{background:radial-gradient(1000px 500px at 50% -5%,rgba(60,80,140,.16),transparent 55%),radial-gradient(800px 400px at 80% 60%,rgb(90 50 120/8%),transparent 50%),var(--bg-main)}body.route-theme-regions{background:radial-gradient(1200px 500px at 40% -5%,rgba(80,110,60,.14),transparent 55%),radial-gradient(600px 400px at 85% 40%,rgb(60 90 50/8%),transparent 50%),var(--bg-main)}body.route-theme-factions{background:radial-gradient(1000px 400px at 50% 5%,rgba(100,60,130,.14),transparent 50%),var(--bg-main)}body.route-theme-forge{background:radial-gradient(800px 500px at 50% 20%,rgba(30,100,100,.12),transparent 55%),radial-gradient(600px 300px at 20% 70%,rgb(20 80 90/8%),transparent 45%),var(--bg-main)}body.route-theme-tides{background:radial-gradient(1200px 500px at 50% -10%,rgba(80,50,130,.16),transparent 55%),radial-gradient(800px 400px at 70% 50%,rgba(50,80,120,.1),transparent 50%),var(--bg-main)}body.route-theme-howto{background:radial-gradient(1000px 500px at 50% 0,rgba(80,60,120,.12),transparent 55%),var(--bg-main)}body.route-theme-lore{background:radial-gradient(1000px 500px at 50% 0,rgba(70,50,100,.14),transparent 55%),radial-gradient(600px 350px at 15% 50%,rgb(50 70 90/8%),transparent 50%),var(--bg-main)}img{max-width:100%;height:auto}a{color:#7dd3fc}button{cursor:pointer}:root{--font-title:"Berkshire Swash","Times New Roman",serif;--font-body:arial,helvetica,sans-serif;--font-size-base:var(--font-sm);--font-size-md:var(--font-md);--font-size-lg:var(--font-lg)}.auth-modal-title,h1,h2,h3,h4,h5,h6{font-family:var(--font-title);text-transform:lowercase!important}.auth-modal-title:first-letter,h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter{text-transform:uppercase}.app-boot-splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;gap:var(--ds-space-5);align-items:center;justify-content:center;overflow:hidden;background:var(--bg-main,#0b1020);transition:opacity .3s ease}.app-boot-splash:before{position:absolute;inset:0;pointer-events:none;content:"";background:radial-gradient(ellipse 80% 60% at 50% 40%,rgb(192 108 255/6%),transparent 70%),radial-gradient(ellipse 60% 50% at 50% 55%,rgb(106 197 255/4%),transparent 65%),radial-gradient(ellipse 100% 100% at 50% 50%,transparent 40%,rgba(0,0,0,.4));animation:boot-vignette-breathe 6s ease-in-out infinite}@keyframes boot-vignette-breathe{0%,to{opacity:.7}50%{opacity:1}}.app-boot-ring-wrap{position:relative;z-index:1;width:128px;height:128px}.app-boot-ring-svg{position:absolute;inset:0;animation:boot-ring-pulse 2.4s ease-in-out infinite}@keyframes boot-ring-pulse{0%,to{filter:drop-shadow(0 0 6px rgb(155 123 255/20%))}50%{filter:drop-shadow(0 0 18px rgb(155 123 255/50%))}}.app-boot-logo{position:absolute;top:50%;left:50%;width:100px;height:100px;object-fit:contain;filter:none;border-radius:50%;transform:translate(-50%,-50%);animation:boot-logo-float 3s ease-in-out infinite}@keyframes boot-logo-float{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0deg)}50%{transform:translate(-50%,-50%) translateY(-6px) rotate(3deg)}}.app-boot-wordmark{position:relative;z-index:1;width:auto;max-width:min(380px,72vw);height:auto;filter:brightness(0) invert(1);opacity:.92;animation:boot-wordmark-in 1s var(--ds-motion-standard) .2s both}@keyframes boot-wordmark-in{0%{opacity:0;transform:translateY(8px)}to{opacity:.92;transform:translateY(0)}}.app-boot-text{position:relative;z-index:1;font-family:var(--font-title,"Berkshire Swash",serif);font-size:18px;color:rgba(215,229,255,.9);text-shadow:0 1px 12px rgba(106,197,255,.25);letter-spacing:.06em}.app-boot-lore{position:relative;z-index:1;max-width:min(340px,80vw);margin:0;font-size:13px;font-style:italic;line-height:1.6;color:rgba(169,177,198,.55);text-align:center;letter-spacing:.02em;animation:boot-lore-in 1.2s ease .6s both}@keyframes boot-lore-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-boot-pct{position:relative;z-index:1;font-size:12px;font-variant-numeric:tabular-nums;color:rgba(169,177,198,.5);letter-spacing:.1em}.app-boot-version{position:absolute;right:0;bottom:var(--ds-space-4);left:0;z-index:1;font-size:10px;color:rgba(110,120,147,.4);text-align:center;letter-spacing:.06em}.app-boot-auth{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--ds-space-3);align-items:center;width:min(360px,88vw);padding:var(--ds-space-5) var(--ds-space-5) var(--ds-space-4);background:rgba(20,26,46,.6);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--ds-radius-lg);box-shadow:0 16px 48px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.05);opacity:0;animation:boot-auth-in .5s var(--ds-motion-standard) .15s forwards}@keyframes boot-auth-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.app-boot-auth-options{display:flex;flex-direction:column;gap:var(--ds-space-3);align-items:center;width:100%}.app-boot-wallet{display:flex;justify-content:center;width:100%}.app-boot-wallet .wallet-adapter-button{justify-content:center!important;width:100%!important;height:auto!important;padding:13px 24px!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:.02em!important;background:linear-gradient(135deg,rgba(106,197,255,.14),rgba(155,123,255,.2))!important;border:1px solid rgba(155,123,255,.3)!important;border-radius:var(--ds-radius-sm)!important;box-shadow:0 0 12px rgba(155,123,255,.1),0 4px 10px rgba(0,0,0,.2)!important;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease!important}.app-boot-wallet .wallet-adapter-button:hover{border-color:rgba(155,123,255,.55)!important;box-shadow:0 0 20px rgba(155,123,255,.2),0 4px 14px rgba(0,0,0,.3)!important;transform:scale(1.015)}.app-boot-wallet-subtle{display:flex;justify-content:center;width:100%;margin-top:var(--ds-space-1);opacity:.5;transition:opacity .2s ease}.app-boot-wallet-subtle:hover{opacity:.85}.app-boot-wallet-subtle .wallet-adapter-button{justify-content:center!important;width:auto!important;height:auto!important;padding:6px 14px!important;font-size:11px!important;font-weight:400!important;line-height:1.4!important;color:rgba(169,177,198,.6)!important;letter-spacing:.02em!important;background:transparent!important;border:1px solid hsla(0,0%,100%,.08)!important;border-radius:var(--ds-radius-sm)!important;box-shadow:none!important;transition:color .15s ease,border-color .15s ease!important}.app-boot-wallet-subtle .wallet-adapter-button:hover{color:rgba(215,229,255,.9)!important;border-color:hsla(0,0%,100%,.18)!important;box-shadow:none!important;transform:none}.app-boot-auth-divider{display:flex;gap:var(--ds-space-3);align-items:center;width:100%;font-size:11px;color:rgba(169,177,198,.4);text-transform:uppercase;letter-spacing:.1em}.app-boot-auth-divider:after,.app-boot-auth-divider:before{flex:1;height:1px;content:"";background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.08),hsla(0,0%,100%,0))}.app-boot-auth-btn{width:100%;padding:13px 24px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.03em;cursor:pointer;background:var(--mystic-base);border:1px solid rgba(224,140,255,.3);border-radius:var(--ds-radius-sm);outline:none;box-shadow:0 0 16px rgba(192,108,255,.2),0 4px 12px rgba(0,0,0,.25);transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.app-boot-auth-btn:hover{background:var(--mystic-neon);box-shadow:0 0 24px rgba(192,108,255,.35),0 4px 16px rgba(0,0,0,.3);transform:scale(1.015)}.app-boot-auth-btn:active{transform:scale(.97)}.app-boot-auth-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.app-boot-auth-btn-secondary{width:100%;padding:13px 24px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.03em;cursor:pointer;background:hsla(0,0%,100%,.06);border:1px solid var(--sem-border-default);border-radius:var(--ds-radius-sm);outline:none;transition:transform .15s ease,background .2s ease,border-color .2s ease}.app-boot-auth-btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:scale(1.015)}.app-boot-auth-btn-secondary:active{transform:scale(.97)}.app-boot-auth-btn-secondary:disabled{cursor:not-allowed;opacity:.45;transform:none}.app-boot-auth-link{padding:6px 12px;font-size:12px;color:rgba(169,177,198,.6);text-decoration:none;cursor:pointer;background:none;border:none;outline:none;transition:color .15s ease}.app-boot-auth-link:hover{color:rgba(215,229,255,.9);text-decoration:underline;text-underline-offset:3px}.app-boot-auth-form{display:flex;flex-direction:column;gap:var(--ds-space-2);width:100%}.app-boot-auth-input{width:100%;padding:12px 14px;font-size:14px;color:var(--text-primary);background:rgba(11,16,32,.7);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--ds-radius-xs);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.app-boot-auth-input::placeholder{color:var(--text-muted)}.app-boot-auth-input:focus{border-color:rgba(192,108,255,.5);box-shadow:0 0 0 2px rgba(192,108,255,.12)}.app-boot-auth-submit{width:100%;padding:13px 24px;font-size:14px;font-weight:600;color:#fff;letter-spacing:.03em;cursor:pointer;background:var(--mystic-base);border:1px solid rgba(224,140,255,.3);border-radius:var(--ds-radius-sm);outline:none;box-shadow:0 0 16px rgba(192,108,255,.2),0 4px 12px rgba(0,0,0,.25);transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.app-boot-auth-submit:hover{background:var(--mystic-neon);box-shadow:0 0 24px rgba(192,108,255,.35),0 4px 16px rgba(0,0,0,.3)}.app-boot-auth-submit:disabled{cursor:not-allowed;opacity:.45}.app-boot-auth-msg{width:100%;padding:10px 14px;font-size:12px;line-height:1.5;color:#f3d08e;text-align:center;background:hsla(39,81%,75%,.06);border:1px solid hsla(39,81%,75%,.12);border-radius:var(--ds-radius-xs)}@media (prefers-reduced-motion:reduce){.app-boot-logo,.app-boot-ring-svg,.app-boot-splash:before{animation:none}.app-boot-wordmark{opacity:.92;animation:none}.app-boot-auth,.app-boot-lore{opacity:1;animation:none}}@media (width <= 480px){.app-boot-splash{gap:var(--ds-space-4)}.app-boot-ring-wrap{width:100px;height:100px}.app-boot-logo{width:80px;height:80px;animation-name:boot-logo-float-mobile}@keyframes boot-logo-float-mobile{0%,to{transform:translate(-50%,-50%) translateY(0) rotate(0deg)}50%{transform:translate(-50%,-50%) translateY(-3px) rotate(1.5deg)}}.app-boot-wordmark{max-width:260px}.app-boot-auth{padding:var(--ds-space-4) var(--ds-space-4) var(--ds-space-3)}.app-boot-text{font-size:16px}}.syncing-pill{position:fixed;top:var(--ds-space-3,12px);left:50%;z-index:9000;display:flex;gap:6px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;color:rgba(169,177,198,.8);letter-spacing:.04em;background:rgba(20,26,46,.85);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--ds-radius-pill,999px);transform:translateX(-50%);animation:syncing-pill-in .3s var(--ds-motion-standard,ease) both}.syncing-pill-dot{width:6px;height:6px;background:var(--mystic-base,#c06cff);border-radius:50%;animation:syncing-dot-pulse 1.2s ease-in-out infinite}@keyframes syncing-pill-in{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes syncing-dot-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.syncing-pill,.syncing-pill-dot{animation:none}}.ui-pill{color:var(--color-text-primary);background:hsla(0,0%,100%,.03);border:1px solid var(--sem-border-default);border-radius:var(--ds-radius-pill)}.ui-panel{background:var(--color-modal-bg);border:1px solid var(--sem-border-default);border-radius:var(--ds-radius-lg);box-shadow:var(--sem-shadow-modal)}.ui-btn{--btn-radius:var(--ds-radius-sm);--btn-border:var(--color-btn-secondary-border);--btn-border-hover:var(--btn-border);--btn-bg:var(--color-btn-secondary-bg);--btn-bg-hover:var(--color-btn-secondary-bg-hover);--btn-text:var(--color-btn-secondary-text);--btn-shadow:0 8px 16px rgba(0,0,0,.24);--btn-py:8px;--btn-px:12px;--btn-size:var(--font-size-base);--btn-weight:700;padding:var(--btn-py) var(--btn-px);font-size:var(--btn-size);font-weight:var(--btn-weight);line-height:1.1;color:var(--btn-text);letter-spacing:.03em;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);transition:transform .15s var(--motion-ease-standard),background .15s var(--motion-ease-standard),border-color .15s var(--motion-ease-standard),box-shadow .15s var(--motion-ease-standard),filter .15s var(--motion-ease-standard)}.ui-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px)}.ui-btn:active:not(:disabled){filter:none;transform:scale(.98)}.ui-btn:disabled{cursor:not-allowed;box-shadow:none;opacity:.58}.ui-btn-primary{--btn-border:var(--color-btn-primary-border);--btn-bg:var(--color-btn-primary-bg);--btn-bg-hover:var(--color-btn-primary-bg-hover);--btn-text:var(--color-btn-primary-text);--btn-shadow:0 0 14px var(--mystic-glow-soft)}.ui-btn-primary:hover:not(:disabled){box-shadow:0 0 20px var(--mystic-glow-strong)}.ui-btn-secondary{--btn-border:var(--color-btn-secondary-border);--btn-border-hover:var(--color-btn-secondary-border-hover);--btn-bg:var(--color-btn-secondary-bg);--btn-bg-hover:var(--color-btn-secondary-bg-hover);--btn-text:var(--color-btn-secondary-text)}.ui-btn-ghost{--btn-border:var(--color-btn-ghost-border);--btn-border-hover:var(--color-btn-ghost-border-hover);--btn-bg:var(--color-btn-ghost-bg);--btn-bg-hover:var(--color-btn-ghost-bg-hover);--btn-text:var(--color-btn-ghost-text)}.ui-btn-danger{--btn-border:var(--color-btn-danger-border);--btn-bg:var(--color-btn-danger-bg);--btn-bg-hover:var(--color-btn-danger-bg-hover);--btn-text:var(--color-btn-danger-text)}.ui-btn-sm{--btn-py:6px;--btn-px:10px}.ui-btn-lg{--btn-py:10px;--btn-px:14px;--btn-size:var(--font-size-md);--btn-weight:800}.ui-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:var(--color-modal-backdrop);backdrop-filter:blur(8px)}.ui-modal-card{position:relative;display:grid;gap:10px;place-self:center center;width:min(560px,94vw);padding:32px;margin-inline:auto;background:var(--color-modal-bg);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.ui-modal-title{margin:0;font-size:23px;font-weight:800;color:var(--color-modal-title)}.ui-modal-subtitle{margin:0;font-size:13px;color:var(--color-modal-text)}.ui-modal-form{display:grid;gap:8px}.ui-modal-close{position:absolute;top:10px;right:10px;width:28px;height:28px;color:var(--color-btn-secondary-text);background:var(--color-btn-secondary-bg);border:1px solid var(--color-btn-secondary-border);border-radius:var(--ds-radius-pill)}.ui-soft-chip{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;color:var(--text-secondary)}.ui-soft-chip,.ui-soft-input{font-size:var(--font-size-base);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:10px}.ui-soft-input{padding:8px 10px;color:var(--text-primary)}.auth-btn:focus-visible,.auth-input-lg:focus-visible,.auth-input:focus-visible,.ui-btn:focus-visible,.ui-soft-input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--mystic-glow-soft),0 0 0 1px var(--mystic-soft) inset}body.match-active,body.onboarding-active{padding-top:0}body.match-active{overscroll-behavior:none;background:var(--bg-main)}body.match-active .game-header-root,body.match-active .global-guide-layer,body.onboarding-active .game-header-root,body.onboarding-active .global-guide-layer{display:none!important}@media (width <= 900px){body:not(.match-active,.landing-active,.pond-active,.onboarding-active){padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}}body.dev-fullscreen .bottom-bar-root,body.dev-fullscreen .game-header-root,body.dev-fullscreen .game-sidebar-root,body.dev-fullscreen .nav-dock-root,body.dev-fullscreen .section-onboarding-root{display:none!important}body.dev-fullscreen{padding-top:0!important;padding-bottom:0!important;padding-left:0!important}body.landing-active{padding-top:0}body.pond-active{padding-top:0;overflow-x:hidden}body.landing-active .bottom-bar-root,body.landing-active .game-header-root,body.landing-active .game-sidebar-root,body.landing-active .global-guide-layer,body.landing-active .nav-dock-root,body.map-active .bottom-bar-root,body.map-active .game-header-root,body.map-active .game-sidebar-root,body.map-active .global-back-btn,body.map-active .global-guide-layer,body.map-active .nav-dock-root,body.pond-active .bottom-bar-root,body.pond-active .game-header-root,body.pond-active .game-sidebar-root,body.pond-active .global-guide-layer,body.pond-active .nav-dock-root{display:none!important}.auth-box{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.auth-input{min-width:180px;padding:6px 8px;color:var(--color-text-strong);background:var(--color-surface-3);border:1px solid var(--sem-border-default);border-radius:var(--ds-radius-sm)}.auth-btn,.auth-input{font-size:var(--font-size-base)}.auth-btn{padding:8px 11px;font-weight:700;color:var(--color-btn-secondary-text);letter-spacing:.03em;background:var(--color-btn-secondary-bg);border:1px solid var(--color-btn-secondary-border);border-radius:var(--ds-radius-sm);transition:transform .15s var(--motion-ease-standard),background .15s var(--motion-ease-standard),box-shadow .15s var(--motion-ease-standard)}.auth-btn-primary{color:var(--color-btn-primary-text);background:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:0 0 14px var(--mystic-glow-soft)}.auth-btn-secondary{color:var(--color-btn-ghost-text);background:var(--color-btn-ghost-bg);border-color:var(--color-btn-ghost-border)}.auth-btn:hover:not(:disabled){transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:scale(.98)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-msg{font-size:12px;color:var(--text-secondary)}.auth-email{max-width:220px;overflow:hidden;font-size:12px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.auth-sync{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.12);border-radius:999px}.auth-sync-pending{color:var(--text-secondary);border-color:hsla(0,0%,100%,.12)}.auth-sync-ok{color:#b8efdc;border-color:rgba(106,196,159,.5)}.auth-sync-error{color:#ffc9c2;border-color:hsla(0,57%,63%,.52)}.auth-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:var(--color-modal-backdrop);backdrop-filter:blur(8px)}.auth-modal-card{position:relative;display:grid;gap:10px;place-self:center center;width:min(440px,92vw);padding:32px;margin-inline:auto;background:var(--color-modal-bg);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.auth-modal-close{position:absolute;top:10px;right:10px;width:28px;height:28px;color:var(--color-btn-secondary-text);background:var(--color-btn-secondary-bg);border:1px solid var(--color-btn-secondary-border);border-radius:999px}.auth-modal-title{margin:0;font-size:23px;font-weight:800;color:var(--color-modal-title)}.auth-modal-subtitle{margin:0;font-size:13px;color:var(--color-modal-text)}.auth-modal-form{display:grid;gap:8px}.auth-input-lg{width:100%;min-width:0;padding:10px 11px;font-size:14px}.auth-btn-lg{width:100%;padding:10px 12px;font-size:14px;font-weight:800}.auth-method-grid,.auth-wallet-pane{display:grid;gap:10px}.auth-wallet-pane{justify-items:center}.auth-link-btn{padding:4px 0;font-size:12px;color:var(--text-secondary);text-decoration:underline;background:transparent;border:none}.auth-link-btn:hover{color:var(--text-primary)}.auth-modal-msg{font-size:12px;color:var(--text-secondary)}.auth-modal-hint{margin:0;font-size:12px;color:var(--text-muted)}.access-gate-backdrop{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(57,38,84,.58),rgba(4,7,14,.9));backdrop-filter:blur(6px)}.access-gate-card{display:grid;gap:12px;width:min(520px,92vw);padding:22px;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.access-gate-title{margin:0;font-size:28px;color:var(--text-primary)}.access-gate-subtitle{margin:0;font-size:13px;color:var(--text-secondary)}.access-gate-form,.access-gate-row{display:grid;gap:10px}.wallet-adapter-modal-wrapper{z-index:10001!important}.wallet-adapter-modal{z-index:10002!important}.wallet-adapter-modal-overlay{z-index:10000!important}@media (width <=900px){body{padding-top:0}.auth-email{max-width:120px}.auth-btn{padding:5px 8px;font-size:12px}body.match-immersive{padding-top:56px}body.match-immersive .auth-box{display:none}}.grid{display:grid;grid-template-columns:repeat(3,84px);gap:8px;margin:12px 0}.cell{display:flex;align-items:center;justify-content:center;width:84px;height:84px;padding:6px;background:#1e1e1e;border:1px solid #555}.cell.p1{border-color:#7dd3fc}.cell.p2{border-color:#fca5a5}.cell-content{font-size:12px;line-height:1.2;text-align:center}.cell-owner{margin-top:4px;font-weight:700}.cell-values{position:relative;width:100%;height:42px;margin-top:4px}.cell-values span{position:absolute;font-size:12px;font-weight:700}.v-top{top:0;left:50%;transform:translateX(-50%)}.v-right{top:50%;right:0;transform:translateY(-50%)}.v-bottom{bottom:0;left:50%;transform:translateX(-50%)}.v-left{top:50%;left:0;transform:translateY(-50%)}.card{padding:6px;margin:6px 0;background:#222;border:1px solid #666}.row{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.column{min-width:220px}.hand{flex-direction:column}.hand,.hand-header{display:flex;gap:8px}.hand-header{align-items:center;justify-content:space-between}.hand-card{padding:8px;text-align:left;background:#1a1a1a;border:1px solid #666}.hand-card.selected{border-color:#facc15;box-shadow:0 0 0 2px rgba(250,204,21,.25)}.hand-card:disabled{cursor:not-allowed;opacity:.6}.stats{margin-top:4px;font-size:12px;color:#cbd5f5}.page-transition{opacity:1;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),filter .22s cubic-bezier(.22,1,.36,1)}.page-transition--enter{filter:blur(1px);opacity:0;transition:none;transform:translateY(4px) scale(.995)}.page-transition--exit{filter:blur(2px);opacity:0;transform:scale(.97)}.nav-progress{position:fixed;top:0;right:0;left:0;z-index:9999;height:3px;pointer-events:none}.nav-progress-bar{width:var(--nav-progress,0);height:100%;background:linear-gradient(90deg,var(--mystic-base,#c06cff) 0,#6ac5ff 50%,var(--mystic-base,#c06cff) 100%);background-size:200% 100%;border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--mystic-glow-soft,rgba(192,108,255,.4));transition:width .15s ease-out;animation:nav-progress-shimmer 1.5s ease infinite}.nav-progress-bar--done{width:100%;opacity:0;transition:width .15s ease-out,opacity .25s ease .1s}@keyframes nav-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.route-loading{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 110px);padding:28px 20px 40px;opacity:0;animation:route-loading-in .28s cubic-bezier(.22,1,.36,1) .1s forwards}.route-loading--skeleton{position:relative;overflow:hidden}.route-loading--skeleton:before{position:absolute;inset:0;pointer-events:none;content:"";background:radial-gradient(circle at top,rgba(106,197,255,.12),transparent 42%),linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.02))}.route-loading-spinner{width:36px;height:36px;border:3px solid hsla(0,0%,100%,.1);border-top:3px solid var(--mystic-base,#c06cff);border-radius:50%;animation:route-spin .7s linear infinite}.route-skeleton{position:relative;z-index:1;width:min(1180px,100%)}.route-skeleton-grid{display:grid;gap:18px}.route-skeleton-grid--deckbuilder,.route-skeleton-grid--match,.route-skeleton-grid--profile{grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr)}.route-skeleton-grid--single{grid-template-columns:minmax(0,1fr)}.route-skeleton-panel{position:relative;padding:22px;overflow:hidden;background:linear-gradient(180deg,rgba(17,22,40,.96),rgba(11,15,27,.92)),radial-gradient(circle at top left,rgba(106,197,255,.1),transparent 45%);border:1px solid hsla(0,0%,100%,.08);border-radius:28px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 24px 60px rgba(0,0,0,.22);opacity:0;animation:route-panel-in .35s cubic-bezier(.22,1,.36,1) .12s both}.route-skeleton-panel:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(115deg,transparent 20%,hsla(0,0%,100%,.08) 35%,transparent 50%);transform:translateX(-120%);animation:route-skeleton-shimmer 1.8s linear infinite}.route-skeleton-grid>.route-skeleton-panel:nth-child(2){animation-delay:.22s}.route-skeleton-panel--hero{display:grid;gap:18px;align-content:start;min-height:300px}.route-skeleton-panel--wide{min-height:380px}.route-skeleton-row{display:flex;gap:12px;align-items:center}.route-skeleton-row--spread{justify-content:space-between}.route-skeleton-actions,.route-skeleton-hand,.route-skeleton-inventory-grid,.route-skeleton-stat-row,.route-skeleton-tabs{display:flex;flex-wrap:wrap;gap:12px}.route-skeleton-stack{display:grid;gap:12px}.route-skeleton-stack--compact{gap:10px}.route-skeleton-avatar,.route-skeleton-block{background:linear-gradient(180deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.05));border-radius:18px}.route-skeleton-title{width:240px;height:28px}.route-skeleton-title--short{width:160px}.route-skeleton-line{width:100%;max-width:420px;height:14px;border-radius:999px}.route-skeleton-line--medium{max-width:280px}.route-skeleton-line--short{max-width:180px}.route-skeleton-chip{width:96px;height:34px;border-radius:999px}.route-skeleton-tab{width:120px;height:40px;border-radius:999px}.route-skeleton-tab--active{background:linear-gradient(180deg,rgba(106,197,255,.28),hsla(0,0%,100%,.08))}.route-skeleton-button{width:148px;height:46px;border-radius:16px}.route-skeleton-button--primary{background:linear-gradient(135deg,rgba(106,197,255,.28),hsla(39,81%,75%,.2))}.route-skeleton-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.route-skeleton-card-grid--season{grid-template-columns:repeat(6,minmax(0,1fr))}.route-skeleton-card{min-height:150px;aspect-ratio:.72;border-radius:24px}.route-skeleton-card--match{flex:1 1 110px;min-width:110px}.route-skeleton-card--season{min-height:180px}.route-skeleton-list-item{height:68px;border-radius:20px}.route-skeleton-avatar{width:108px;height:108px;border-radius:28px}.route-skeleton-stat{width:110px;height:82px}.route-skeleton-character-stage{height:280px;margin:16px 0 18px;background:radial-gradient(circle at top,rgba(106,197,255,.16),transparent 50%),linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border-radius:26px}.route-skeleton-token{width:72px;height:72px;border-radius:22px}.route-skeleton-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.route-skeleton-board-cell{aspect-ratio:1;border-radius:22px}.route-skeleton-mini-card{width:84px;height:116px;border-radius:20px}.route-skeleton-hand--top{justify-content:flex-end}.route-skeleton-banner{width:100%;height:180px;margin-bottom:18px;border-radius:28px}.route-skeleton-table{display:grid;gap:12px;margin-top:18px}.route-skeleton-table-row{display:grid;grid-template-columns:64px minmax(0,1fr) 160px;gap:14px;align-items:center;min-height:66px}.route-skeleton-rank{width:52px;height:52px;border-radius:18px}@keyframes route-skeleton-shimmer{to{transform:translateX(120%)}}@keyframes route-loading-in{to{opacity:1}}@keyframes route-panel-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes route-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.page-transition{transition:none}.route-skeleton-panel{opacity:1;animation:none}.route-skeleton-panel:after{animation:none}.route-loading{opacity:1;animation:none}}@media (width <= 980px){.route-skeleton-grid--deckbuilder,.route-skeleton-grid--match,.route-skeleton-grid--profile{grid-template-columns:minmax(0,1fr)}.route-skeleton-card-grid,.route-skeleton-card-grid--season{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width <= 640px){.route-loading{min-height:100vh;padding:18px 12px 28px}.route-skeleton-panel{padding:16px;border-radius:22px}.route-skeleton-card-grid,.route-skeleton-card-grid--season{grid-template-columns:repeat(2,minmax(0,1fr))}.route-skeleton-table-row{grid-template-columns:48px minmax(0,1fr) 92px}.route-skeleton-title{width:180px}.route-skeleton-tab{width:96px}}.GameClientGate_loadingShell__hf2JX{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg-main,#0b1020);z-index:1;overflow:hidden}.GameClientGate_splashImage__TV2we{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:blur(6px);pointer-events:none}.GameClientGate_loadingContent__U4vtS{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px}.GameClientGate_spinner__TlTFX{width:40px;height:40px;border:3px solid rgba(192,108,255,.2);border-top:3px solid var(--mystic-base,#c06cff);border-radius:50%;animation:GameClientGate_spin__SuixM .8s linear infinite}@keyframes GameClientGate_spin__SuixM{to{transform:rotate(1turn)}}.GameClientGate_loadingText__uyv6k{font-family:var(--font-title),serif;font-size:18px;color:rgba(242,243,247,.7);letter-spacing:.06em}.GameClientGate_escapeHatch__tOFvy{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;background:rgba(11,16,32,.72);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;backdrop-filter:blur(8px);animation:GameClientGate_fade-in__Wz_4o .26s ease-out both}@keyframes GameClientGate_fade-in__Wz_4o{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.GameClientGate_escapeText__vn_ZN{margin:0;font-family:var(--font-body,sans-serif);font-size:13px;color:rgba(242,243,247,.6);letter-spacing:.02em}.GameClientGate_escapeActions__C5Scm{display:flex;align-items:center;gap:12px}.GameClientGate_escapeBtn__TRz49{padding:8px 16px;font-family:var(--font-body,sans-serif);font-size:13px;font-weight:600;color:var(--text-primary,#f2f3f7);background:rgba(192,108,255,.18);border:1px solid rgba(192,108,255,.4);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.GameClientGate_escapeBtn__TRz49:hover{background:rgba(192,108,255,.28);border-color:rgba(192,108,255,.6)}.GameClientGate_escapeLink__wwry0{font-family:var(--font-body,sans-serif);font-size:13px;color:rgba(242,243,247,.5);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.GameClientGate_escapeLink__wwry0:hover{color:rgba(242,243,247,.8);border-bottom-color:rgba(242,243,247,.3)}.GameClientGate_welcomeContent__wZxKv{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;animation:GameClientGate_fade-in__Wz_4o .4s ease-out both}.GameClientGate_welcomeAvatar__xOxqS{width:80px;height:80px;border-radius:50%;border:3px solid rgba(192,108,255,.4);box-shadow:0 0 24px rgba(192,108,255,.2);object-fit:cover;margin-bottom:8px}.GameClientGate_welcomeAvatarFallback__FT8LC{display:grid;place-items:center;width:80px;height:80px;border-radius:50%;border:3px solid rgba(192,108,255,.4);box-shadow:0 0 24px rgba(192,108,255,.2);background:rgba(192,108,255,.15);font-family:var(--font-title),serif;font-size:32px;color:rgba(242,243,247,.8);margin-bottom:8px}.GameClientGate_welcomeGreeting__mT1GM{font-family:var(--font-body,sans-serif);font-size:14px;color:rgba(242,243,247,.5);letter-spacing:.04em}.GameClientGate_welcomeName__C7drW{font-family:var(--font-title),serif;font-size:28px;color:var(--text-primary,#f2f3f7);letter-spacing:.02em;text-shadow:0 0 16px rgba(192,108,255,.3);margin-bottom:16px}.GameClientGate_welcomeEnter__4zNFF{padding:14px 48px;font-family:var(--font-body,sans-serif);font-size:16px;font-weight:700;color:var(--text-primary,#f2f3f7);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,rgba(192,108,255,.35),rgba(120,80,220,.45));border:1px solid rgba(192,108,255,.5);border-radius:12px;cursor:pointer;box-shadow:0 0 20px rgba(192,108,255,.15),0 4px 16px rgba(0,0,0,.3);transition:background .18s,box-shadow .18s,transform .18s}.GameClientGate_welcomeEnter__4zNFF:hover{background:linear-gradient(135deg,rgba(192,108,255,.5),rgba(120,80,220,.6));box-shadow:0 0 32px rgba(192,108,255,.25),0 6px 20px rgba(0,0,0,.35);transform:translateY(-2px)}.GameClientGate_welcomeNotYou__Ld1Os{margin-top:12px;padding:0;font-family:var(--font-body,sans-serif);font-size:12px;color:rgba(242,243,247,.35);background:none;border:none;border-bottom:1px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.GameClientGate_welcomeNotYou__Ld1Os:hover{color:rgba(242,243,247,.6);border-bottom-color:rgba(242,243,247,.2)}