:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-void:#070a12;--bg-night:#0b1020;--surface-base:#111827;--surface-raised:#172033;--surface-glass:#ffffff12;--border-soft:#ffffff1f;--text-primary:#f8fafc;--text-secondary:#b6c2d6;--text-muted:#7b879c;--aether-violet:#8b5cf6;--rift-cyan:#22d3ee;--rune-gold:#f5c542;--ember-red:#f97316;--success:#22c55e;--danger:#ef4444}*{box-sizing:border-box}html,body{background:var(--bg-void);min-height:100%;color:var(--text-primary);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif,Apple Color Emoji,Segoe UI Emoji}body{background:linear-gradient(180deg, #111827ad, #070a12f5), var(--bg-void)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.top-nav{z-index:10;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070a12e0;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--rune-gold);background:#111827;border:1px solid #22d3ee8c;border-radius:10px;place-items:center;display:grid}.nav-links{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.nav-links a{border-radius:999px;align-items:center;min-height:44px;padding:0 12px;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible{background:var(--surface-glass);outline:none}.locale-switcher{align-items:center;gap:6px;display:inline-flex}.locale-link{border:1px solid var(--border-soft);min-height:34px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.locale-link.active,.locale-link:hover,.locale-link:focus-visible{color:var(--rune-gold);border-color:#22d3eeb8;outline:none}.page{width:min(1120px,100%);margin:0 auto;padding:32px clamp(16px,4vw,48px) 72px}.hero{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:32px;min-height:min(74vh,720px);display:grid}.hero-copy{align-content:center;gap:16px;display:grid}.eyebrow{color:var(--rift-cyan);text-transform:uppercase;margin:0;font-size:12px;font-weight:700;line-height:16px}h1,h2,h3,p{margin:0}h1{max-width:760px;font-size:48px;font-weight:800;line-height:58px}h2{font-size:28px;font-weight:800;line-height:36px}h3{font-size:18px;font-weight:700;line-height:26px}.lead{max-width:680px;color:var(--text-secondary);font-size:17px;line-height:28px}.button-row,.card-actions,.pill-row{flex-wrap:wrap;gap:10px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.button.primary{background:var(--aether-violet);color:#fff}.button.gold{background:var(--rune-gold);color:#14100a}.button.secondary{border-color:var(--border-soft);background:var(--surface-glass);color:var(--text-primary)}.world-gate{border:1px solid var(--border-soft);background:linear-gradient(135deg,#8b5cf638,#22d3ee14),#0b1020;border-radius:28px;min-height:420px;position:relative;overflow:hidden}.world-gate:before{content:"";border:2px solid #f5c54280;border-bottom-width:8px;border-radius:220px 220px 18px 18px;position:absolute;inset:48px 74px;box-shadow:0 0 30px #22d3ee47,inset 0 0 38px #8b5cf638}.world-gate:after{content:"";background:linear-gradient(90deg,#0000,#22d3eee6,#0000);height:1px;position:absolute;bottom:44px;left:12%;right:12%}.gate-panel{border:1px solid var(--border-soft);background:#070a12b8;border-radius:18px;gap:8px;padding:16px;display:grid;position:absolute;inset:auto 24px 24px}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section{gap:16px;padding:28px 0;display:grid}.card{border:1px solid var(--border-soft);background:var(--surface-raised);border-radius:22px;gap:12px;padding:18px;display:grid}.card p,.reader-body,.muted{color:var(--text-secondary);line-height:26px}.status-panel,.inline-status{border:1px solid var(--border-soft);background:#111827bd;border-radius:16px;gap:10px;padding:16px;display:grid}.status-panel p,.inline-status p{color:var(--text-secondary);line-height:24px}.status-panel.loading,.inline-status{border-color:#22d3ee70}.status-panel.offline{border-color:#f5c5427a}.status-panel.error,.inline-status.error{border-color:#ef44448a}.pill{border:1px solid var(--border-soft);background:var(--surface-glass);min-height:34px;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.pill strong{color:var(--rune-gold)}.reader{max-width:780px;margin:0 auto}.reader article{gap:18px;display:grid}.chapter{border-bottom:1px solid var(--border-soft);gap:12px;padding:24px 0;display:grid}.sticky-cta{justify-content:center;padding-top:18px;display:flex;position:sticky;bottom:18px}.footer{border-top:1px solid var(--border-soft);color:var(--text-muted);padding:28px clamp(16px,4vw,48px)}@media (max-width:860px){.hero,.grid.two,.grid.three{grid-template-columns:1fr}.hero{min-height:auto;padding-top:28px}h1{font-size:34px;line-height:42px}.nav-links{display:none}.top-nav{flex-wrap:wrap;align-items:flex-start}.locale-switcher{width:100%;padding-bottom:2px;overflow-x:auto}}