:root{--font-sans:"Archivo","Helvetica Neue",Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
:root{--ink:#0d0d0f;--ink-900:#171717;--ink-700:#2a2a2e;--text-body:#33333a;--text-muted:#5c5c5a;--text-faint:#8a8a88;--text-ghost:#0d0d0f59;--gray-400:#b8b8b6;--gray-300:#d8d8d6;--paper:#f4f3f0;--paper-2:#ececea;--wash:linear-gradient(115deg,#e7f4ec 0%,#eef0f2 42%,#ece8f5 100%);--wash-mint:#e7f4ec;--wash-grey:#eef0f2;--wash-lilac:#ece8f5;--purple-800:#35277f;--purple-700:#4a2e8f;--purple-600:#5b3495;--purple-500:#713ba7;--purple-400:#8b5cc0;--purple-300:#a884d6;--purple-200:#c2a0e4;--purple-100:#ece0f8;--purple-50:#f6f0fd;--navy-500:#2d4f8a;--live:#1dbf73;--live-fill:#9ff0c4;--live-ink:#0a3b25;--live-text:#0c6b41;--mint-100:#e4f8ee;--motion:#d9a514;--motion-fill:#f6ec86;--motion-ink:#574208;--motion-text:#9a6512;--warn-100:#fbf0db;--leak:#e0533d;--leak-fill:#fbe6e2;--leak-ink:#a3331f;--leak-text:#e0533d;--locked:#0d0d0f26;--locked-ink:#171717;--locked-text:#8a8a88;--locked-tile:#0d0d0f0f;--locked-stripes:repeating-linear-gradient(90deg,#0d0d0f1a 0 2px,transparent 2px 8px);--quest:#713ba7;--quest-fill:#ece0f8;--quest-ink:#35277f;--quest-text:#5b3495;--glass-panel:#ffffff8c;--glass-strong:#fffc;--glass-card:#ffffffe6;--glass-card-hi:#ffffffeb;--glass-leak:#fffffff5;--glass-ghost:#fff6;--tab-active:#ffffffa6;--tab-idle:#ffffff52;--disc-wash:#ffffff59;--border-glass:#fff;--border-hairline:#0d0d0f1a;--border-soft:#0d0d0f29;--border-strong:#0d0d0f66;--ring-icon:#0d0d0f24;--border-dashed:#0d0d0f40;--series-1:#4a2e8f;--series-2:#713ba7;--series-3:#8b5cc0;--series-4:#2d4f8a;--series-5:#1dbf73;--chart-grid:#0d0d0f0f;--surface-page:var(--wash);--surface-panel:var(--glass-panel);--surface-card:var(--glass-card);--surface-sunken:var(--paper-2);--text-primary:var(--ink-900);--text-link:var(--purple-600);--text-link-hover:var(--purple-800);--btn-primary-bg:var(--ink-900);--btn-primary-fg:#fff;--btn-secondary-bg:var(--glass-strong);--btn-accent-bg:var(--purple-500)}
:root{--type-hero:500 6.4rem/.9 var(--font-sans);--track-hero:-.05em;--type-stat-xl:500 3.6rem/.95 var(--font-sans);--track-stat-xl:-.04em;--type-stat:500 2.2rem/1 var(--font-sans);--track-stat:-.03em;--type-wordmark:800 1.15rem/1 var(--font-sans);--track-wordmark:-.02em;--type-title:600 1.15rem/1.2 var(--font-sans);--type-card-title:700 .86rem/1.25 var(--font-sans);--type-card-title-lg:700 .95rem/1.25 var(--font-sans);--type-body:400 .87rem/1.5 var(--font-sans);--type-body-sm:400 .78rem/1.45 var(--font-sans);--type-ui:600 .84rem/1 var(--font-sans);--type-ui-sm:600 .76rem/1 var(--font-sans);--type-side-stat:600 1.02rem/1.2 var(--font-sans);--type-label:500 .6rem/1.2 var(--font-mono);--track-label:.13em;--type-meta:400 .64rem/1.3 var(--font-mono);--type-meta-xs:400 .58rem/1.3 var(--font-mono);--type-badge:600 .55rem/1 var(--font-mono);--track-badge:.06em;--type-value:600 .7rem/1 var(--font-mono);--type-reward:700 .6rem/1.3 var(--font-mono);--unit-ratio:.45}
:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:14px;--sp-5:18px;--sp-6:22px;--sp-7:32px;--sp-8:44px;--gutter:44px;--gutter-narrow:20px;--gap-tiles:14px;--gap-dense:10px;--gap-section:14px;--gap-rail:18px;--pad-panel:22px;--pad-card:16px 18px;--pad-card-dense:13px 15px;--r-inner:8px;--r-tile:10px;--r-tray:11px;--r-strip-inner:12px;--r-row:13px;--r-strip:14px;--r-card:16px;--r-note:18px;--r-panel:20px;--r-pill:99px;--r-canvas:6px;--r-tab:16px 16px 0 0;--r-panel-notched:0 20px 20px 20px;--h-pill:32px;--h-btn-sm:34px;--h-btn:38px;--h-tab:38px;--h-tab-active:42px;--h-capsule:46px;--h-btn-lg:46px;--h-input:40px;--icon-tile:32px;--disc-capsule:30px;--disc-quest:26px;--disc-stat-ring:42px;--disc-hero-ring:64px;--disc-avatar:38px;--disc-topbar:36px;--dot:8px;--track-thin:5px;--track:7px;--track-thick:9px;--bar-cascade:26px;--rail-open:340px;--rail-closed:58px;--panel-min-h:470px;--panel-min-w:880px}
:root{--shadow-xs:0 1px 2px #0d0d0f0f;--shadow-card:0 6px 18px #1814320d;--shadow-float:0 10px 26px #18143214;--shadow-leak:0 10px 30px #c83c2829;--glow-unlock:0 0 20px #713ba780;--shadow-focus:0 0 0 3px #8b5cc073;--blur-md:blur(14px);--dur:.2s;--dur-slow:.3s;--ease-out:cubic-bezier(.2,.8,.2,1);--press:scale(.97)}
*{box-sizing:border-box}body{background:var(--wash);min-height:100vh;font-family:var(--font-sans);color:var(--ink-900);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--purple-600);text-decoration:none}a:hover{color:var(--purple-800);text-decoration:underline}.ck-label{font:var(--type-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint)}.ck-meta{font:var(--type-meta);color:var(--text-faint)}.ck-hero{font:var(--type-hero);letter-spacing:var(--track-hero)}.ck-stat-xl{font:var(--type-stat-xl);letter-spacing:var(--track-stat-xl)}.ck-stat{font:var(--type-stat);letter-spacing:var(--track-stat)}.ck-unit{color:var(--text-ghost);font-weight:500}.ck-panel{background:var(--glass-panel);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--r-panel-notched);padding:var(--pad-panel)}.ck-rail{background:var(--glass-panel);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--r-panel);padding:var(--pad-panel)}.ck-card{background:var(--glass-card);border:1px solid var(--border-glass);border-radius:var(--r-card);padding:var(--pad-card);box-shadow:var(--shadow-card)}.ck-card--leak{background:var(--glass-leak);border:1.5px solid var(--leak);box-shadow:var(--shadow-leak)}.ck-card--ghost{background:var(--glass-ghost);border:1.5px dashed var(--border-dashed);box-shadow:none;color:var(--text-muted)}.ck-card--live{background:var(--live-fill);border:none}.ck-sunken{background:var(--paper-2);border-radius:var(--r-inner)}.ck-canvas{background:var(--ink-900);border:1.5px solid var(--ink-900);border-radius:var(--r-canvas);gap:1.5px;display:grid;overflow:hidden}.ck-canvas>*{background:#fff;padding:15px}