@font-face{font-family:AppNumeric;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");unicode-range:U+28,U+29,U+25,U+2B,U+2C,U+2D,U+2E,U+2F,U+3A,U+30-39}@font-face{font-family:AppNumeric;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");unicode-range:U+28,U+29,U+25,U+2B,U+2C,U+2D,U+2E,U+2F,U+3A,U+30-39}@font-face{font-family:AppNumeric;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");unicode-range:U+28,U+29,U+25,U+2B,U+2C,U+2D,U+2E,U+2F,U+3A,U+30-39}@font-face{font-family:AppNumeric;font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");unicode-range:U+28,U+29,U+25,U+2B,U+2C,U+2D,U+2E,U+2F,U+3A,U+30-39}:root{--surface-brand-cosmos:radial-gradient(ellipse at top, #172554 0%, #020617 55%, #01040f 100%), #01040f;--color-surface-page:#eef2ff;--color-surface-page-highlight:#f6f8fc;--color-surface-base:#fff;--color-surface-card-light:#fff;--color-surface-muted:#f8fafc;--color-surface-overlay:#02061799;--color-surface-modal:radial-gradient(circle at 22% 18%, #1e293b9e 0%, #0f172ae6 58%), #0f172af0;--color-overlay-modal:#020617b8;--color-border-subtle:#e2e8f0;--color-border-default:#d0d5dd;--color-border-strong:#cbd5e1;--color-border-accent:#dbe4ff;--color-border-card-light:#dde3f2;--color-border-modal:#94a3b861;--color-content-primary:#0f172a;--color-content-secondary:#334155;--color-content-muted:#475569;--color-content-label:#667085;--color-content-inverse:#fff;--color-content-inverse-muted:#e2e8f0;--color-content-success:#16a34a;--color-content-danger:#dc2626;--color-content-game-muted:#94a3b8;--color-content-game-strong:#e2e8f0;--color-action-primary:#2563eb;--color-action-primary-hover:#1d4ed8;--color-action-primary-strong-hover:#1e40af;--color-action-neutral:#334155;--color-action-neutral-hover:#1e293b;--color-action-success:#0f766e;--color-action-success-hover:#115e59;--color-action-danger:#b91c1c;--color-action-danger-hover:#991b1b;--color-action-warning:#d97706;--color-action-warning-hover:#b45309;--color-action-disabled:#94a3b8;--color-focus-primary:#b2ccff;--color-focus-neutral:#cbd5e1;--color-focus-success:#99f6e4;--color-focus-danger:#fecaca;--font-size-body:1rem;--font-size-body-subtle:.86rem;--font-size-sm:.85rem;--font-size-xs:.75rem;--font-size-body-emphasis:1.05rem;--font-size-ui-compact:.9rem;--font-size-ui-micro:.72rem;--font-size-title-md:1.5rem;--font-size-title-sm:1.15rem;--font-size-title-xs:1.1rem;--font-size-display-hero:clamp(2.15rem, 6.2vw, 5rem);--font-size-display-page:clamp(1.8rem, 4vw, 2.8rem);--font-size-display-auth:clamp(1.85rem, 5vw, 2.6rem);--font-size-heading-xl-fluid:clamp(1.7rem, 3.4vw, 2.8rem);--font-size-heading-lg-fluid:clamp(1.55rem, 3vw, 2.3rem);--font-size-heading-md-fluid:clamp(1.45rem, 2.6vw, 2.15rem);--font-size-heading-sm-fluid:clamp(1.15rem, 2vw, 1.45rem);--font-size-metric-fluid:clamp(1.55rem, 2.9vw, 2.5rem);--font-size-subtitle-fluid:clamp(1.05rem, 2.6vw, 1.5rem);--font-size-review-fluid:clamp(var(--font-size-body), 2vw, var(--font-size-title-sm));--font-size-body-lg-fluid:clamp(1rem, 1.6vw, 1.15rem);--font-size-body-md-fluid:clamp(.98rem, 1.4vw, 1.08rem);--font-size-body-sm-fluid:clamp(.98rem, 1.3vw, 1.06rem);--font-size-body-xs-fluid:clamp(.96rem, 1.3vw, 1.03rem);--font-size-title-profile:clamp(1.35rem, 3.4vw, 1.95rem);--font-size-title-run-stats:clamp(1.65rem, 3.4dvh, 2.6rem);--font-size-title-run-stats-compact:clamp(1.35rem, 2.8dvh, 2.05rem);--font-size-label-logo:clamp(1rem, 2.1vw, 1.2rem);--font-size-stat-label:.68rem;--font-size-stat-value:.95rem;--font-size-overline:.8rem;--font-size-body-compact:.88rem;--font-size-body-strong:.92rem;--font-letter-spacing-base:.015em;--effect-secret-rainbow-gradient:linear-gradient(90deg, #c084fc 0%, #f472b6 11%, #fb7185 22%, #fb923c 33%, #facc15 44%, #a3e635 56%, #34d399 67%, #60a5fa 78%, #818cf8 89%, #c084fc 100%);--effect-secret-rainbow-cycle-width:300px;--effect-secret-rainbow-cycle-height:100%;--effect-secret-rainbow-duration:6s;--effect-planet-synergy-glow-border:#ffffff9e;--effect-planet-synergy-glow-inner:#ffffff2e;--effect-planet-synergy-glow-outer:#ffffff38;--effect-planet-synergy-glow-bloom:#ffffff1f;--effect-planet-synergy-ring-gradient:conic-gradient(from 0deg, #fff0 0deg, #ffffffd1 90deg, #fffffff5 180deg, #ffffffd1 270deg, #fff0 360deg);--radius-sm:.5rem;--radius-md:.6rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-none:0;--radius-round:999px;--space-2xs:.25rem;--space-3xs:.2rem;--space-4xs:.15rem;--space-xs:.5rem;--space-2xs-tight:.35rem;--space-xs-tight:.45rem;--space-xs-wide:.55rem;--space-sm:.75rem;--space-sm-tight:.65rem;--space-sm-wide:.85rem;--space-md:1rem;--space-md-tight:.9rem;--space-lg:1.5rem;--space-layout-section-gap:clamp(.6rem, 1.8cqi, 1.25rem);--space-control-padding-xs:.3rem .42rem;--space-control-padding-compact:.35rem .55rem;--space-control-padding-default:.45rem .6rem;--space-control-padding-wide:.45rem .75rem;--space-control-padding-comfortable:.75rem .85rem;--space-control-padding-inline-wide:.9rem;--layout-gutter-inline:clamp(1rem, 2.6vw, 2.2rem);--breakpoint-mobile:640px;--breakpoint-tablet:860px;--breakpoint-laptop:1100px;--responsive-control-size-touch:2.75rem;--responsive-gap-tight:.5rem;--responsive-gap-default:.75rem;--responsive-gap-loose:1rem;--shadow-card:0 8px 24px #11172914;--shadow-menu:0 10px 30px #0f172a1f;--shadow-modal:0 24px 58px #020617ad, inset 0 1px 0 #ffffff0a;--shadow-game-panel:0 8px 24px #0206172e;--shadow-game-surface:0 8px 18px #02061780;--color-border-game-panel:#94a3b84d;--color-border-game-panel-strong:#94a3b8cc;--color-border-game-subtle:#94a3b84d;--color-border-game-muted-strong:#94a3b8cc;--color-border-rarity-common-strong:#94a3b8f2;--color-surface-game-panel:#0f172a8c;--color-surface-game-panel-strong:#0f172ab8;--color-surface-game-elevated:#0f172ad6;--color-surface-game-solid:#0f172af2;--color-surface-game-hover:#1e293b9e;--color-rarity-common:#e2e8f0;--color-rarity-uncommon:#86efac;--color-rarity-rare:#93c5fd;--color-rarity-epic:#d8b4fe;--color-rarity-legendary:#fcd34d;--button-transition-duration:.14s;--button-transition-easing:ease;--button-focus-width:1px;--button-focus-offset:1px;--button-disabled-opacity:.62;--button-font-size-sm:.85rem;--button-font-size-md:.95rem;--button-font-size-lg:1rem;--button-font-weight:600;--button-line-height:1.2;--button-radius-sm:var(--radius-sm);--button-radius-md:var(--radius-md);--button-radius-lg:var(--radius-lg);--button-radius-round:var(--radius-round);--button-padding-block-sm:.35rem;--button-padding-inline-sm:.7rem;--button-padding-block-md:.45rem;--button-padding-inline-md:.85rem;--button-padding-block-lg:.75rem;--button-padding-inline-lg:1rem;--button-icon-size-md:2.75rem;--button-brand-border-width:1px;--button-brand-border-color:#e2e8f075;--button-brand-border-color-hover:#f1f5f9ad;--button-brand-color:#f1f5f9;--button-brand-background:linear-gradient(180deg, #3341558f 0%, #1e293bad 100%), #0f172ac7;--button-brand-background-hover:linear-gradient(180deg, #475569a3 0%, #334155bd 100%), #0f172ad1;--button-brand-shadow:0 8px 18px #02061752, inset 0 1px 0 #ffffff0d;--button-brand-shadow-hover:0 10px 22px #02061761, inset 0 1px 0 #ffffff12;--button-brand-hover-lift:translateY(-1px);--button-text-color:#cbd5e1;--button-text-color-hover:var(--color-content-inverse);--button-text-shadow-hover:0 0 14px #3b82f657;--button-icon-color:#ffffff9e;--button-icon-color-hover:#ffffffc7;--button-icon-background:transparent;--button-icon-background-hover:transparent;--button-focus-color:#60a5fa6b;--motion-duration-fast:.12s;--motion-duration-standard:.17s;--motion-duration-slow:.45s;--motion-ease-standard:ease;--motion-ease-out:ease-out;--motion-transition-standard:var(--motion-duration-standard) var(--motion-ease-standard);--color-tutorial-pulse:#38bdf8;--color-tutorial-pulse-shadow:#38bdf8b8;--color-tutorial-pulse-shadow-transparent:#38bdf800;--motion-tutorial-pulse:app-tutorial-pulse 1.15s var(--motion-ease-out) infinite;--motion-black-hole-backdrop-in:app-black-hole-backdrop-in var(--motion-duration-slow) var(--motion-ease-standard) forwards;--scrollbar-size:.72rem;--scrollbar-track:#0f172a85;--scrollbar-thumb:#475569db;--scrollbar-thumb-hover:#64748bf2;--scrollbar-border:#0f172ae0;--scrollbar-content-gap:.55rem;--panel-height-md:22rem;--panel-padding-md:.9rem;--panel-header-height:2rem;--panel-header-gap:.6rem;--panel-header-side-padding:0;--panel-close-control-size:2rem;--panel-title-size:1rem;--panel-card-min-height:8.4rem;--size-icon-md:1.2rem;--size-indicator-md:.95rem;--size-toggle-track-width:2.7rem;--size-toggle-track-height:1.55rem;--size-toggle-thumb-size:1.05rem;--size-toggle-padding:.12rem;--size-input-textarea-min-height:8rem;--size-card-min-height-sm:4rem;--inventory-card-max-columns:5;--inventory-card-width:12rem;--inventory-card-grid-gap:var(--space-sm);--inventory-card-grid-max-width:calc((var(--inventory-card-max-columns) * var(--inventory-card-width)) + ((var(--inventory-card-max-columns) - 1) * var(--inventory-card-grid-gap)));--inventory-card-reserved-meta-min-height:4.75rem;--inventory-card-action-slot-min-height:var(--responsive-control-size-touch);--size-button-min-width-md:7.5rem;--layout-top-menu-max-width:78rem;--layout-stats-card-row-max-width:40rem;--layout-stats-card-row-max-width-mobile:28rem;--layout-stats-card-row-max-width-mobile-compact:18rem;--space-md-plus:1.35rem;--planet-stage-min-height-compact:19rem;--planet-stage-padding-top-compact:0;--planet-panel-width-compact:15rem;--planet-panel-side-offset:.6rem;--planet-tutorial-dot-size:.55rem;--planet-synergy-ring-border-width:2px;--z-base:0;--z-overlay:30;--z-toast:60;--z-fixed-controls:70;--z-modal:90;--z-critical-overlay:100;--planet-panel-height:var(--panel-height-md);--planet-panel-padding:var(--panel-padding-md);--planet-panel-header-height:var(--panel-header-height);--planet-panel-header-gap:var(--panel-header-gap);--planet-panel-header-side-padding:var(--panel-header-side-padding);--planet-panel-close-control-size:var(--panel-close-control-size);--canvas-size-hero:clamp(16rem, 36vw, 24rem);--canvas-size-planet-stage:min(30rem, 62vw, 40dvh);--canvas-size-planet-stage-narrow:min(86vw, 36dvh, 22rem);--canvas-size-planet-stage-short:min(24rem, 54vw, 34dvh);--canvas-size-planet-stage-shortest:min(20rem, 50vw, 29dvh);--canvas-aspect-square:1 / 1;--canvas-aspect-portrait-4-5:4 / 5;--canvas-aspect-portrait-9-16:9 / 16;--background:var(--color-surface-base);--foreground:var(--color-content-primary)}@media (prefers-color-scheme:dark){:root{--color-surface-page:#020617;--color-surface-page-highlight:#0f172a;--color-surface-base:#111827;--color-surface-muted:#1f2937;--color-surface-overlay:#020617b3;--color-surface-modal:radial-gradient(circle at 22% 18%, #1e293b9e 0%, #0f172ae6 58%), #0f172af0;--color-overlay-modal:#020617b8;--color-border-subtle:#334155;--color-border-default:#475569;--color-border-strong:#64748b;--color-border-accent:#475569;--color-border-modal:#64748b75;--color-content-primary:#f8fafc;--color-content-secondary:#cbd5e1;--color-content-muted:#94a3b8;--color-content-label:#94a3b8;--color-content-inverse:#fff;--color-content-inverse-muted:#e2e8f0;--background:var(--color-surface-base);--foreground:var(--color-content-primary)}}html{scroll-behavior:smooth;overflow-x:clip}body{width:100%;color:var(--foreground);background:var(--background);font-family:"AppNumeric", var(--font-app), sans-serif;letter-spacing:var(--font-letter-spacing-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);margin:0;padding:0}a{color:inherit;text-decoration:none}.skip-link{top:calc(env(safe-area-inset-top,0px) + var(--space-xs));left:var(--space-xs);z-index:calc(var(--z-modal) + 1);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);background:var(--color-surface-base);color:var(--color-content-primary);font-weight:700;position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{outline:var(--button-focus-width) solid var(--button-focus-color);outline-offset:var(--button-focus-offset);transform:translateY(0)}@keyframes secret-rainbow-shift{0%{background-position:0}to{background-position:calc(var(--effect-secret-rainbow-cycle-width) * -1) 50%}}@keyframes app-tutorial-pulse{0%{box-shadow:0 0 0 0 var(--color-tutorial-pulse-shadow);opacity:1}to{box-shadow:0 0 0 var(--space-xs) var(--color-tutorial-pulse-shadow-transparent);opacity:.7}}@keyframes app-black-hole-backdrop-in{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-round)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-round);border:2px solid var(--scrollbar-border)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}:root{--motion-duration-fast:0s;--motion-duration-standard:0s;--motion-duration-slow:0s;--motion-tutorial-pulse:none;--motion-black-hole-backdrop-in:none}}