.loading-screen{z-index:99999;background:#050a05;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading-screen--fade{opacity:0;pointer-events:none}.loading-screen-content{flex-direction:column;align-items:center;gap:16px;display:flex}.loading-screen-logo{background:#c8a23c14;border:3px solid #c8a23c;border-radius:14px;justify-content:center;align-items:center;width:80px;height:80px;animation:1.2s ease-in-out infinite loading-pulse;display:flex;overflow:hidden}.loading-screen-logo img{object-fit:cover;width:60px;height:60px;image-rendering:pixelated;border-radius:10px}.loading-screen-title{color:#f0e6d0;letter-spacing:2px;margin:0;font-family:"Press Start 2P",monospace;font-size:1.4rem}.loading-screen-slogan{font-family:var(--font-display);color:#b0a898;text-align:center;margin:0;font-size:.95rem;line-height:1.5}.loading-screen-slogan em{color:#c8a23c;font-style:italic}.loading-screen-bar-track{background:#ffffff14;border-radius:2px;width:200px;height:4px;margin-top:8px;overflow:hidden}.loading-screen-bar-fill{background:linear-gradient(90deg,#c8a23c,#d4af4a);border-radius:2px;width:0%;height:100%;animation:1.6s ease-out forwards loading-fill}@keyframes loading-fill{0%{width:0%}60%{width:75%}to{width:100%}}@keyframes loading-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sky-scroll:0;--void:#060a06;--deep:#090e08;--bg:#0b100a;--surface:#121a12;--raised:#1a2418;--elevated:#222e20;--hover:#2a3828;--border-dim:#ffffff0a;--border:#ffffff14;--border-bright:#ffffff26;--text:#e8e0d4;--text-soft:#b0a898;--text-muted:#706c64;--text-dim:#4a4640;--gold:#f0c060;--gold-bright:#ffd480;--gold-dim:#d4a030;--gold-wash:#f0c0600f;--gold-glow:#f0c06033;--color-character:#ff6b2c;--color-location:#36b37e;--color-faction:#e84393;--color-artifact:#0984e3;--color-species:#7b61ff;--color-event:#f39c12;--font-display:"Plus Jakarta Sans",-apple-system,"Segoe UI",sans-serif;--font-pixel:"Press Start 2P",monospace;--font-body:"Inter",-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--radius-xl:8px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000000b3;--shadow-gold:0 0 20px #f0c06026,0 0 60px #f0c0600d;--env-sky:#030810;--env-canopy:#071208;--env-clearing:#0d1a0e;--env-forest-floor:#0c150a;--env-dungeon:#0c0b0e;--env-archive:#100e0a;--env-arena:#0e120c;--env-twilight:#090d12;--env-dawn:#12100a;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;text-rendering:optimizeLegibility}body{min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);font-size:15px;line-height:1.6}body:has(.landing){background:#030810}:is(body:has(.about-page),body:has(.hiw-page)){background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}img{image-rendering:auto;max-width:100%;display:block}ul,ol{list-style:none}.pixel-sky{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pixel-sky-gradient{height:300vh;transform:translateY(calc(var(--sky-scroll)*-200vh));will-change:transform;background:linear-gradient(#030810 0%,#040a14 4%,#060e1c 8%,#081222 12%,#0a1428 16%,#0c1630 20%,#0e1835 24%,#121a38 28%,#181838 32%,#1e1636 36%,#26143a 40%,#301640 44%,#3a1838 48%,#481a30 52%,#582028 56%,#6a2824 60%,#803420 64%,#98441c 68%,#b05820 72%,#c86c24 76%,#d88030 80%,#e49438 84%,#eca840 88%,#f0b848 92%,#f4c450 96%,#f6cc58 100%);position:absolute;inset:0}.pixel-sky-stars{opacity:calc(1 - var(--sky-scroll)*1.8);position:absolute;inset:0}.pixel-star{image-rendering:pixelated;background:#fff;border-radius:0;animation:ease-in-out infinite starTwinkle;position:absolute}@keyframes starTwinkle{0%,to{opacity:.2}50%{opacity:1}}.pixel-sky-clouds{opacity:calc(.08 + var(--sky-scroll)*.5);position:absolute;inset:0}.pixel-cloud{will-change:transform;background:#dce1f01a;border-radius:0;position:absolute;box-shadow:4px 0 #dce1f01a,-4px 0 #dce1f01a,8px 0 #dce1f00f,-8px 0 #dce1f00f,0 -4px #dce1f014,4px -4px #dce1f00f,8px -4px #dce1f00a,12px -4px #dce1f00f,16px -8px #dce1f00a,-4px -4px #dce1f00d}.pixel-cloud-layer-1{animation:linear infinite cloudDriftSlow}.pixel-cloud-layer-2{animation:linear infinite cloudDriftFast}@keyframes cloudDriftSlow{0%{transform:translate(-150px)}to{transform:translate(calc(100vw + 150px))}}@keyframes cloudDriftFast{0%{transform:translate(calc(100vw + 150px))}to{transform:translate(-150px)}}.pixel-sky-fireflies{opacity:calc(min(clamp(0,(var(--sky-scroll) - .2)*4,1),clamp(0,(.75 - var(--sky-scroll))*4,1)));position:absolute;inset:0}.pixel-particle-firefly{background:#f0c860;border-radius:0;width:2px;height:2px;animation:ease-in-out infinite fireflyFloat;position:absolute;box-shadow:0 0 6px 1px #f0c86080,0 0 12px 2px #f0c86026}@keyframes fireflyFloat{0%,to{opacity:0;transform:translate(0)}15%{opacity:.9}50%{opacity:.5;transform:translate(12px,-18px)}85%{opacity:.8;transform:translate(-6px,-30px)}}.pixel-sky-dust{opacity:calc(clamp(0,(var(--sky-scroll) - .5)*2.5,1));position:absolute;inset:0}.pixel-particle-dust{background:#ffdca099;border-radius:0;width:2px;height:2px;animation:ease-in-out infinite dustFloat;position:absolute}@keyframes dustFloat{0%,to{opacity:0;transform:translate(0)scale(1)}25%{opacity:.7;transform:translate(4px,-8px)scale(1.2)}50%{opacity:.4;transform:translate(10px,-20px)scale(.8)}75%{opacity:.6;transform:translate(6px,-32px)scale(1.1)}}@media (max-width:768px){.pixel-star:nth-child(n+80),.pixel-sky-fireflies,.pixel-sky-dust,.pixel-cloud:nth-child(n+4){display:none}}@media (prefers-reduced-motion:reduce){.pixel-star{opacity:.5;animation:none!important}.pixel-cloud{animation:none!important}.pixel-particle-firefly,.pixel-particle-dust{display:none}.pixel-sky-gradient{transition:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-weight:700;line-height:1.15}.text-display{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.05}.text-headline{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:600;line-height:1.1}.text-title{font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.8rem);font-weight:600;line-height:1.2}.text-subtitle{font-size:1.1rem;font-weight:500;line-height:1.4}.text-body{color:var(--text-soft);font-size:.95rem;line-height:1.65}.text-small{color:var(--text-muted);font-size:.85rem;line-height:1.5}.text-caption{color:var(--text-muted);font-size:.75rem;line-height:1.4}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.eyebrow{font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:.45rem;font-weight:400;display:inline-block}.btn{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;height:44px;transition:all var(--duration-fast)ease;cursor:pointer;border:2px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.88rem;font-weight:700;display:inline-flex;position:relative}.btn:active{transform:translateY(2px)}.btn-primary{background:var(--gold);color:var(--void);border-color:var(--gold-dim);box-shadow:0 4px #7a5010,0 0 20px #e8b0601f}.btn-primary:hover{background:var(--gold-bright);transform:translateY(-1px);box-shadow:0 4px #7a5010,0 0 30px #e8b06040}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px #7a5010}.btn-secondary{background:var(--surface);border:2px solid var(--border-bright);color:var(--text);box-shadow:0 4px #00000080}.btn-secondary:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 4px 0 #00000080,0 0 15px var(--gold-glow)}.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px #00000080}.btn-ghost{color:var(--text-soft);background:0 0;border:none;padding:0 16px}.btn-ghost:hover{color:var(--gold);background:var(--gold-wash)}.btn-danger{color:#e06060;background:#b43c3c26;border:2px solid #b43c3c4d;box-shadow:0 4px #64141466}.btn-danger:hover{background:#b43c3c40;border-color:#e06060}.btn-sm{height:36px;padding:0 16px;font-size:.82rem}.btn-lg{height:52px;padding:0 32px;font-size:.95rem}.btn-icon{width:44px;padding:0}.btn-icon.btn-sm{width:36px}.input,.textarea,.select{background:var(--surface);border:2px solid var(--border);width:100%;height:48px;color:var(--text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);border-radius:0;outline:none;padding:0 16px;font-size:.92rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-wash),0 0 15px #f0c06014}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.textarea{resize:vertical;height:auto;min-height:120px;padding:14px 16px;line-height:1.6}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23706c64' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.field-group{gap:6px;display:grid}.field-label{color:var(--text-soft);font-size:.82rem;font-weight:500}.field-hint{color:var(--text-muted);font-size:.78rem}.panel{background:var(--surface);border:2px solid var(--border);border-radius:0;position:relative;overflow:hidden}.panel-raised{background:var(--raised);box-shadow:var(--shadow-sm)}.panel-glow{box-shadow:var(--shadow-gold)}.card{background:var(--surface);border:2px solid var(--border);padding:var(--space-lg);transition:border-color var(--duration-normal)var(--ease-out),box-shadow var(--duration-normal)var(--ease-out),transform var(--duration-normal)var(--ease-out);border-radius:0;position:relative}.card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-sm)}.card-interactive:hover{border-color:var(--gold-dim);box-shadow:var(--shadow-md),0 0 30px #ff6b2c0f;transform:translateY(-2px)}.badge{border-radius:var(--radius-full);border:1px solid var(--border);height:28px;color:var(--text-soft);background:#00000008;align-items:center;gap:6px;padding:0 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-gold{border-color:var(--gold-dim);background:var(--gold-wash);color:var(--gold)}.entity-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;display:inline-block}.entity-badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;border:1px solid;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:.72rem;font-weight:600;display:inline-flex}.container{width:min(1280px,100% - 48px);margin:0 auto}.container-narrow{width:min(800px,100% - 48px);margin:0 auto}.container-wide{width:min(1440px,100% - 48px);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.landing{position:relative;overflow:hidden}.hero{text-align:center;min-height:100vh;padding:var(--space-4xl)var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";background:radial-gradient(60% 50% at 50% 30%,#f0c0600f,#0000),radial-gradient(80% 60% at 20% 80%,#7b61ff0a,#0000),radial-gradient(60% 40% at 80% 60%,#36b37e08,#0000);position:absolute;inset:0}.hero-bg:after{content:"";background:0 0;position:absolute;inset:0}.hero-stars{position:absolute;inset:0;overflow:hidden}.hero-star{background:var(--gold);opacity:0;border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite starPulse;position:absolute}@keyframes starPulse{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.15;transform:scale(1)}}.hero-content{z-index:1;max-width:860px;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--space-lg);color:var(--text);font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.05}.hero-subtitle{color:var(--text-soft);max-width:580px;margin:0 auto var(--space-xl);font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.hero-cta{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-badge{margin-bottom:var(--space-xl);border-radius:var(--radius-full);border:1px solid var(--gold-dim);background:var(--gold-wash);color:var(--gold-bright);align-items:center;gap:8px;padding:6px 16px 6px 8px;font-size:.78rem;display:inline-flex}.hero-badge-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.scroll-indicator{z-index:3;color:var(--text-muted);font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.4rem;animation:3s ease-in-out infinite float;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.landing-section{padding:var(--space-4xl)0;position:relative}.landing-section+.landing-section{border-top:1px solid var(--border-dim)}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{margin-bottom:var(--space-md)}.section-header p{color:var(--text-soft);max-width:520px;margin:0 auto;font-size:1.05rem}.feature-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--duration-normal)var(--ease-out)}.feature-card:hover{border-color:var(--gold-dim);transform:translateY(-2px);box-shadow:0 0 40px #ff6b2c0f}.feature-icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-md);background:var(--gold-wash);color:var(--gold);border:1px solid #ff6b2c1f;place-items:center;display:grid}.feature-card h3{font-family:var(--font-display);margin-bottom:var(--space-sm);font-size:1.15rem}.feature-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.showcase-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.showcase-visual{aspect-ratio:4/3;border-radius:var(--radius-xl);border:1px solid var(--border);position:relative;overflow:hidden}.showcase-visual-inner{grid-template-columns:1fr 1fr;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.showcase-card-preview{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.showcase-card-preview .entity-dot{margin-bottom:8px}.showcase-card-preview h4{margin-bottom:4px;font-size:.9rem}.showcase-card-preview p{color:var(--text-muted);font-size:.78rem}.entity-types-row{justify-content:center;gap:var(--space-xl);padding:var(--space-xl)0;flex-wrap:wrap;display:flex}.entity-type-item{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.entity-type-orb{width:56px;height:56px;transition:all var(--duration-normal)var(--ease-out);border-radius:50%;place-items:center;display:grid}.entity-type-orb:hover{transform:scale(1.1)}.entity-type-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.cta-section{text-align:center;padding:var(--space-4xl)0;position:relative}.cta-section:before{content:"";background:radial-gradient(60% 50%,#ff6b2c0a,#0000);position:absolute;inset:0}.cta-section h2{margin-bottom:var(--space-md);position:relative}.cta-section p{color:var(--text-soft);margin-bottom:var(--space-xl);position:relative}.landing-footer{padding:var(--space-2xl)0;text-align:center;background:var(--env-dawn);border-top:2px solid #f0c06014}.landing-footer p{color:var(--text-dim);font-size:.82rem}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background var(--duration-normal);background:#ffffffd9;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.nav-logo-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold),var(--gold-dim));width:32px;height:32px;color:var(--void);place-items:center;font-size:.85rem;font-weight:800;display:grid}.nav-links{align-items:center;gap:var(--space-md);display:flex}.nav-text-link{color:var(--text-muted);transition:color var(--duration-fast);font-size:.88rem;font-weight:500;text-decoration:none}.nav-text-link:hover{color:var(--text)}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#060c06eb;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--font-pixel);letter-spacing:.02em;color:var(--gold);align-items:center;gap:10px;font-size:.65rem;font-weight:400;display:flex}.navbar-brand-logo{object-fit:cover;width:28px;height:28px;image-rendering:pixelated;border-radius:6px;box-shadow:0 0 10px #f0c0604d}.navbar-center{align-items:center;gap:var(--space-xs);display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar-right{align-items:center;gap:var(--space-md);display:flex}.navbar-socials{align-items:center;gap:8px;margin-right:32px;display:flex}.navbar-social{opacity:.85;background:#c8a23c;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .2s,transform .2s,background .2s;display:flex}.navbar-social:hover{opacity:1;background:#d4af4a;transform:scale(1.15)}.navbar-social img{object-fit:contain;filter:brightness(1.3);width:18px;height:18px}.navbar-social[title=GitBook]{width:34px;height:34px}.navbar-social[title=GitBook] img{width:24px;height:24px}@media (max-width:768px){.navbar-socials{display:none}}.navbar-link{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;transition:color var(--duration-fast),background var(--duration-fast);border-radius:0;padding:6px 12px;font-size:.82rem;font-weight:600;text-decoration:none}.navbar-link:hover{color:var(--gold);background:#f0c0600d}.navbar-user{align-items:center;gap:var(--space-sm);border:2px solid var(--border);transition:border-color var(--duration-fast),background var(--duration-fast);border-radius:0;padding:4px 12px 4px 4px;display:flex}.navbar-user:hover{border-color:var(--gold-dim);background:#f0c0600a}.navbar-avatar{background:var(--gold);width:28px;height:28px;color:var(--void);border-radius:0;place-items:center;font-size:.72rem;font-weight:700;display:grid}.navbar-user-name{color:var(--text-soft);font-size:.82rem;font-weight:500}.page-container{max-width:1100px;padding:var(--space-xl)var(--space-2xl);min-height:calc(100vh - 56px);margin:0 auto}@media (max-width:768px){.navbar{padding:0 16px}.navbar-center{gap:2px;position:static;transform:none}.navbar-user-name{display:none}.navbar-user{border:none;padding:4px}.page-container{padding:var(--space-lg)}}.app-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-sidebar{height:100vh;padding:var(--space-lg);border-right:1px solid var(--border);background:var(--void);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-dim);margin-bottom:var(--space-lg);align-items:center;gap:10px;display:flex}.sidebar-brand-mark{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold),var(--gold-dim));width:36px;height:36px;color:var(--void);flex-shrink:0;place-items:center;font-size:.9rem;font-weight:800;display:grid}.sidebar-brand h2{font-size:1.05rem;font-family:var(--font-display)}.sidebar-section{margin-bottom:var(--space-lg)}.sidebar-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--space-sm);padding:0 var(--space-sm);font-size:.68rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--duration-fast);align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;display:flex}.sidebar-link:hover{color:var(--text);background:#0000000a}.sidebar-link.active{color:var(--gold);background:var(--gold-wash)}.sidebar-link svg{opacity:.7;width:18px;height:18px}.sidebar-link.active svg{opacity:1}.sidebar-user{padding-top:var(--space-lg);border-top:1px solid var(--border-dim);align-items:center;gap:10px;margin-top:auto;display:flex}.sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--gold-dim),var(--color-faction));width:34px;height:34px;color:var(--text);flex-shrink:0;place-items:center;font-size:.82rem;font-weight:700;display:grid}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.sidebar-guest{padding:var(--space-md);border-top:1px solid var(--border-dim);text-align:center;margin-top:auto}.sidebar-guest-text{color:var(--text-dim);margin-bottom:var(--space-sm);font-size:.78rem;line-height:1.4}.sidebar-guest-actions{gap:var(--space-xs);display:flex}.sidebar-guest-actions .btn{text-align:center;flex:1;justify-content:center;padding:6px 12px;font-size:.78rem}.app-main{min-height:100vh;padding:var(--space-xl)var(--space-2xl);max-width:1100px}.page-header{margin-bottom:var(--space-xl)}.page-header-row{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-description{color:var(--text-muted);max-width:600px;margin-top:6px;font-size:.85rem;line-height:1.5}.section-description{color:var(--text-muted);margin-top:2px;margin-bottom:12px;font-size:.82rem;line-height:1.5}.worlds-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.world-card{border:1px solid var(--border-bright);min-height:260px;transition:all var(--duration-normal)var(--ease-out);cursor:pointer;border-radius:0;position:relative;overflow:hidden}.world-card:hover{border-color:var(--gold-dim);box-shadow:0 0 25px var(--gold-glow);transform:translateY(-2px)}.world-card-bg{z-index:0;position:absolute;inset:0}.world-card-overlay{z-index:1;background:linear-gradient(#0000001a 0%,#0009 100%);position:absolute;inset:0}.world-card-content{z-index:2;padding:var(--space-xl);flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.world-card-visibility{top:var(--space-md);right:var(--space-md);position:absolute}.world-card h3{margin-bottom:var(--space-xs);color:#fff;font-size:1.4rem}.world-card p{color:#fffc;margin-bottom:var(--space-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;display:-webkit-box;overflow:hidden}.world-card-stats{gap:var(--space-lg);color:#fff9;font-size:.82rem;display:flex}.world-card-stat{align-items:center;gap:6px;display:flex}.world-card-stat strong{color:#fff;font-weight:600}.create-world-card{border:2px dashed var(--border);border-radius:var(--radius-xl);justify-content:center;align-items:center;gap:var(--space-md);cursor:pointer;min-height:260px;transition:all var(--duration-normal)var(--ease-out);width:100%;color:var(--text-muted);background:0 0;flex-direction:column;display:flex}.create-world-card:hover{border-color:var(--gold-dim);background:var(--gold-wash);color:var(--gold)}.create-world-icon{border:2px dashed var(--border-bright);width:56px;height:56px;transition:border-color var(--duration-normal);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.create-world-card:hover .create-world-icon{border-color:var(--gold-dim)}.world-hero{padding:var(--space-3xl)var(--space-2xl);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.world-hero-bg{z-index:0;position:absolute;inset:0}.world-hero-overlay{z-index:1;background:linear-gradient(#00000026 0%,#000000a6 100%);position:absolute;inset:0}.world-hero-content{z-index:2;position:relative}.world-hero h1{margin-bottom:var(--space-sm);color:#fff;font-size:clamp(2rem,4vw,3rem)}.world-hero-tagline{color:#fffc;margin-bottom:var(--space-lg);max-width:600px;font-size:1.1rem}.world-stats{gap:var(--space-xl);flex-wrap:wrap;display:flex}.world-stat{flex-direction:column;display:flex}.world-stat-value{font-family:var(--font-display);color:#fff;font-size:1.8rem;font-weight:700;line-height:1}.world-stat-label{color:#fff9;margin-top:4px;font-size:.78rem}.world-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-xl);gap:2px;padding:4px;display:flex;overflow-x:auto}.world-nav-group{align-items:center;gap:2px;display:flex}.world-nav-group+.world-nav-group{border-left:1px solid var(--border);margin-left:4px;padding-left:4px}.world-nav-link{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;transition:all var(--duration-fast);align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;display:flex}.world-nav-link:hover{color:var(--text);background:#0000000a}.world-nav-link.active{color:var(--gold);background:var(--gold-wash)}.world-nav-link.dimmed{opacity:.4}.world-nav-badge{background:var(--gold);min-width:16px;height:16px;color:var(--bg);border-radius:8px;justify-content:center;align-items:center;margin-left:4px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;display:inline-flex}.world-nav-link svg{width:16px;height:16px}.entity-filters{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.entity-filter{border-radius:var(--radius-full);border:1px solid var(--border);height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:500;display:inline-flex}.entity-filter:hover{border-color:var(--border-bright);color:var(--text)}.entity-filter.active{border-color:var(--gold-dim);background:var(--gold-wash);color:var(--gold)}.entity-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.entity-card{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);flex-direction:column;display:flex}.entity-card:hover{border-color:var(--gold-dim);box-shadow:var(--shadow-md);transform:translateY(-2px)}.entity-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.entity-card h4{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.entity-card p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.entity-card-tags{margin-top:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.entity-tag{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-muted);background:#0000000a;padding:3px 8px;font-size:.72rem}.entity-hero{padding:var(--space-2xl)0;border-bottom:1px solid var(--border-dim);margin-bottom:var(--space-xl)}.entity-hero-type{margin-bottom:var(--space-md);align-items:center;gap:8px;display:flex}.entity-hero h1{margin-bottom:var(--space-sm);font-size:clamp(2rem,4vw,3rem)}.entity-hero-summary{color:var(--text-soft);max-width:700px;font-size:1.1rem;line-height:1.7}.entity-dossier{gap:var(--space-2xl);grid-template-columns:1fr 320px;display:grid}.entity-content h3{font-family:var(--font-display);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-dim);font-size:1.15rem}.entity-content p{color:var(--text-soft);margin-bottom:var(--space-md);line-height:1.75}.entity-sidebar-section{margin-bottom:var(--space-xl)}.entity-sidebar-section h4{font-family:var(--font-display);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-dim);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.fact-list{gap:var(--space-sm);display:grid}.fact-item{padding:var(--space-sm)0;border-bottom:1px solid var(--border-dim);justify-content:space-between;font-size:.88rem;display:flex}.fact-item:last-child{border-bottom:none}.fact-label{color:var(--text-muted)}.fact-value{color:var(--text);font-weight:500}.relation-list{gap:var(--space-sm);display:grid}.relation-card{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-fast);font-size:.85rem;display:flex}.relation-card:hover{border-color:var(--gold-dim);background:var(--gold-wash)}.relation-card-name{font-weight:500}.relation-card-label{color:var(--text-muted);font-size:.78rem}.entity-form{max-width:640px}.form-stack{gap:var(--space-lg);display:grid}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-actions{gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border-dim);display:flex}.graph-container{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;height:calc(100vh - 200px);min-height:500px;position:relative;overflow:hidden}.graph-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ff6b2c08,#0000 60%);position:absolute;inset:0}.graph-container:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#00000014 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.graph-svg{z-index:1;width:100%;height:100%;position:relative}.graph-edge{stroke:#0000001f;stroke-width:1px;fill:none}.graph-edge-label{fill:var(--text-dim);text-anchor:middle;pointer-events:none;font-size:10px}.graph-node-circle{cursor:pointer;transition:r var(--duration-fast)}.graph-node-circle:hover{filter:brightness(1.3)}.graph-node-label{fill:var(--text);text-anchor:middle;pointer-events:none;font-size:12px;font-weight:500}.graph-node-type{fill:var(--text-muted);text-anchor:middle;pointer-events:none;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.graph-node-glow{pointer-events:none;opacity:.3}.graph-legend{bottom:var(--space-lg);left:var(--space-lg);z-index:10;gap:var(--space-md);padding:var(--space-md)var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffeb;display:flex;position:absolute}.graph-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.timeline{padding-left:48px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg,var(--gold-dim),var(--border),transparent);width:1px;position:absolute;top:0;bottom:0;left:19px}.timeline-era{margin-bottom:var(--space-2xl);position:relative}.timeline-era-label{margin-bottom:var(--space-lg);background:var(--surface);border:1px solid var(--gold-dim);border-radius:var(--radius-full);font-family:var(--font-display);color:var(--gold);align-items:center;gap:8px;margin-left:-48px;padding:6px 16px 6px 44px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative}.timeline-era-label:before{content:"";background:var(--gold);width:12px;height:12px;box-shadow:0 0 12px var(--gold-glow);border-radius:50%;position:absolute;left:14px}.timeline-event{margin-bottom:var(--space-xl);position:relative}.timeline-event:before{content:"";background:var(--border-bright);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:-37px}.timeline-event-card{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-normal)}.timeline-event-card:hover{border-color:var(--gold-dim)}.timeline-event-date{color:var(--gold);letter-spacing:.06em;margin-bottom:var(--space-xs);font-size:.75rem;font-weight:600}.timeline-event-card h3{font-family:var(--font-display);margin-bottom:var(--space-sm);font-size:1.1rem}.timeline-event-card p{color:var(--text-soft);margin-bottom:var(--space-sm);font-size:.9rem;line-height:1.6}.timeline-event-impact{color:var(--text-muted);padding-top:var(--space-sm);border-top:1px solid var(--border-dim);font-size:.85rem;font-style:italic}.timeline-event-entities{margin-top:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.eras-grid{gap:var(--space-lg);display:grid}.era-card{text-decoration:none;display:flex;overflow:hidden}.era-card-accent{border-radius:var(--radius-lg)0 0 var(--radius-lg);flex-shrink:0;width:4px}.era-card-body{padding:var(--space-lg);flex:1;min-width:0}.era-card-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);display:flex}.era-card-header h3{font-family:var(--font-display);font-size:1.1rem}.era-card-dates{color:var(--text-muted);margin-bottom:var(--space-sm)}.era-card-desc{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.6;display:-webkit-box;overflow:hidden}.era-detail-header{margin-bottom:var(--space-xl)}.era-detail-title-row{align-items:flex-start;gap:var(--space-lg);display:flex}.era-detail-color-bar{border-radius:2px;flex-shrink:0;width:4px;height:48px;margin-top:4px}.era-entity-roles{margin-top:var(--space-xs);flex-wrap:wrap;gap:4px;display:flex}.badge-small{border-radius:var(--radius-full);background:var(--elevated);color:var(--text-muted);border:1px solid var(--border-dim);padding:1px 6px;font-size:.65rem}.timeline-era-label-colored{margin-bottom:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-display);transition:border-color var(--duration-normal);align-items:center;gap:8px;margin-left:-48px;padding:6px 16px 6px 44px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.timeline-era-label-colored:hover{border-color:var(--gold-dim)}.timeline-era-label-colored:before{content:"";border-radius:50%;width:12px;height:12px;position:absolute;left:14px}.timeline-era-dates{opacity:.6;font-size:.7rem;font-weight:400}.timeline-event-actions{margin-top:var(--space-sm);gap:6px;display:flex}.timeline-event-actions .btn{padding:3px 8px;font-size:.7rem}.timeline-filter{margin-top:var(--space-sm);align-items:center;gap:8px;display:flex}.timeline-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.timeline-filter-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;min-width:180px;padding:5px 10px;font-family:inherit;font-size:.82rem;transition:border-color .2s}.timeline-filter-select:hover,.timeline-filter-select:focus{border-color:var(--gold-dim);outline:none}.timeline-filter-clear{padding:3px 8px!important;font-size:.7rem!important}.entity-history{margin-top:var(--space-md);padding-left:28px;position:relative}.entity-history:before{content:"";background:linear-gradient(180deg,var(--gold-dim),var(--border),transparent);width:1px;position:absolute;top:0;bottom:0;left:8px}.entity-history-era{margin-bottom:var(--space-xl);position:relative}.entity-history-era-label{margin-bottom:var(--space-md);background:var(--surface);border:1px solid var(--gold-dim);border-radius:var(--radius-full);font-family:var(--font-display);align-items:center;gap:8px;margin-left:-28px;padding:4px 14px 4px 28px;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex;position:relative}.entity-history-era-label:hover{background:var(--elevated)}.entity-history-era-dot{border-radius:50%;width:8px;height:8px;position:absolute;left:10px}.entity-history-event{margin-bottom:var(--space-md);position:relative}.entity-history-event:before{content:"";background:var(--border);border:1px solid var(--text-faint);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:-24px}.entity-history-event-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:var(--space-md);transition:border-color .2s,background .2s}.entity-history-event-card:hover{border-color:var(--border);background:var(--elevated)}.entity-history-event-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.entity-history-event-date{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.entity-history-role-badge{border-radius:var(--radius-full);background:var(--gold-dim);color:var(--gold);text-transform:capitalize;letter-spacing:.02em;padding:1px 7px;font-size:.65rem;font-weight:600}.entity-history-event-title{color:var(--text);margin-bottom:4px;font-size:.88rem;font-weight:600}.entity-history-event-summary{color:var(--text-muted);font-size:.8rem;line-height:1.5}.entity-history-event-actions{margin-top:var(--space-sm);gap:6px;display:flex}.entity-history-event-actions .btn{padding:2px 7px;font-size:.68rem}.character-story{padding-left:20px;position:relative}.character-story:before{content:"";background:linear-gradient(to bottom,var(--gold-dim),var(--border-dim));border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:4px}.character-story-entry{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px 20px;transition:border-color .2s;position:relative}.character-story-entry:before{content:"";background:var(--gold-dim);border:2px solid var(--bg);width:10px;height:10px;box-shadow:0 0 8px var(--gold-dim);border-radius:50%;position:absolute;top:24px;left:-20px}.character-story-entry:hover{border-color:var(--gold-dim)}.character-story-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.character-story-type-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);background:var(--elevated);color:var(--text-soft);padding:2px 8px;font-size:.65rem;font-weight:600}.character-story-type-badge[data-type=journal]{color:#7ab8e0}.character-story-type-badge[data-type=encounter]{color:#e07a7a}.character-story-type-badge[data-type=travel]{color:#7ae0a0}.character-story-type-badge[data-type=conversation]{color:#ff6b2c}.character-story-type-badge[data-type=discovery]{color:#b87ae0}.character-story-type-badge[data-type=rumor]{color:#e0c27a}.character-story-type-badge[data-type=relationship\ shift]{color:#e07ab8}.character-story-type-badge[data-type=minor\ event]{color:#7ae0e0}.character-story-date{color:var(--text-muted);font-size:.75rem}.character-story-era{font-size:.7rem;font-weight:500}.character-story-title{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1rem}.character-story-content{color:var(--text-soft);font-size:.88rem;line-height:1.65}.character-story-content p{margin-bottom:8px}.character-story-content p:last-child{margin-bottom:0}.world-changelog{gap:0;display:grid}.world-changelog-entry{border-bottom:1px solid var(--border-dim);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 8px;text-decoration:none;transition:background .15s;display:flex}.world-changelog-entry:last-child{border-bottom:none}.world-changelog-entry:hover{background:var(--elevated)}.world-changelog-name{color:var(--text);white-space:nowrap;font-size:.88rem;font-weight:600}.world-changelog-title{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.world-changelog-type{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--elevated);color:var(--text-muted);white-space:nowrap;padding:2px 6px;font-size:.65rem}.world-changelog-time{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.event-ai-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--gold-dim);color:var(--gold);vertical-align:middle;margin-left:8px;padding:1px 5px;font-size:.55rem;font-weight:700;display:inline-block}.activity-feed{gap:0;display:grid}.activity-item{align-items:center;gap:var(--space-md);padding:var(--space-md)0;border-bottom:1px solid var(--border-dim);display:flex}.activity-item:last-child{border-bottom:none}.activity-avatar{border-radius:var(--radius-full);background:var(--elevated);width:36px;height:36px;color:var(--gold);flex-shrink:0;place-items:center;font-size:.78rem;font-weight:600;display:grid}.activity-body{flex:1;min-width:0}.activity-text{color:var(--text-soft);font-size:.88rem}.activity-text strong{color:var(--text);font-weight:600}.activity-time{color:var(--text-dim);white-space:nowrap;font-size:.78rem}.search-bar{max-width:400px;position:relative}.search-bar input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;height:40px;color:var(--text);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);outline:none;padding:0 16px 0 40px;font-size:.85rem}.search-bar input:focus{border-color:var(--gold-dim);box-shadow:0 0 0 3px var(--gold-wash)}.search-bar input::placeholder{color:var(--text-dim)}.search-bar svg{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-page{min-height:100vh;padding:var(--space-xl);background:radial-gradient(ellipse 50% 40% at 50% 30%,#ff6b2c0a,transparent),var(--raised);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:420px;padding:var(--space-2xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-card h1{margin-bottom:var(--space-xs);font-size:1.8rem}.auth-card .text-body{margin-bottom:var(--space-xl)}.auth-form{gap:var(--space-md);display:grid}.auth-form .btn{width:100%;margin-top:var(--space-sm)}.auth-footer{text-align:center;margin-top:var(--space-lg);color:var(--text-muted);font-size:.85rem}.auth-footer a{color:var(--gold);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-error{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:#e06060;background:#b43c3c1a;border:1px solid #b43c3c33;font-size:.85rem}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-xl);background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--raised);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:100%;max-width:540px;max-height:90vh;padding:var(--space-xl);box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:1.3rem}.modal-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;place-items:center;display:grid}.modal-close:hover{color:var(--text);background:#0000000d}.empty-state{text-align:center;padding:var(--space-4xl)var(--space-xl);color:var(--text-muted)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-lg);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:50%;place-items:center;display:grid}.empty-state h3{color:var(--text-soft);margin-bottom:var(--space-sm);font-size:1.15rem}.empty-state p{max-width:360px;margin:0 auto var(--space-lg);font-size:.9rem}.spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{place-items:center;min-height:60vh;display:grid}.divider{background:var(--border-dim);height:1px;margin:var(--space-xl)0}.ornament{align-items:center;gap:var(--space-md);color:var(--gold);font-family:var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 15px #e8b06033;font-size:.55rem;display:flex}.ornament:before,.ornament:after{content:"";background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;height:1px}@media (max-width:1024px){.app-layout{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;padding:var(--space-md)var(--space-lg);align-items:center;gap:var(--space-md);flex-direction:row;position:static;overflow-x:auto}.sidebar-brand{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-section{margin-bottom:0}.sidebar-nav{flex-direction:row}.sidebar-user{border-top:none;margin-top:0;margin-left:auto;padding-top:0}.sidebar-section-label,.sidebar-link span:not(.sidebar-link-icon){display:none}.app-main{padding:var(--space-lg)}.entity-dossier{grid-template-columns:1fr}}@media (max-width:768px){.feature-grid,.showcase-grid,.worlds-grid,.entity-grid,.form-row{grid-template-columns:1fr}.world-stats{gap:var(--space-md)}.hero{padding:var(--space-3xl)var(--space-md)}.hero-title{font-size:clamp(2.2rem,8vw,3.5rem)}.graph-legend{flex-wrap:wrap}.landing-nav{padding:12px 16px}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:480px){.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.entity-types-row{gap:var(--space-md)}.world-nav{gap:0}.world-nav-link{padding:8px 12px;font-size:.8rem}}.map-container{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;height:calc(100vh - 200px);min-height:500px;position:relative;overflow:hidden}.map-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.map-tooltip{z-index:100;width:280px;padding:var(--space-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-bright);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:none;animation:tooltipIn .15s var(--ease-out);background:#fffffff7;position:absolute}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.map-tooltip-header{margin-bottom:var(--space-xs);align-items:center;gap:6px;display:flex}.map-tooltip-type{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:600}.map-tooltip-title{font-family:var(--font-display);color:var(--text);margin-bottom:var(--space-xs);font-size:1.05rem;font-weight:600}.map-tooltip-summary{color:var(--text-soft);-webkit-line-clamp:3;margin-bottom:var(--space-sm);-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.map-tooltip-tags{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:4px;display:flex}.map-tooltip-hint{color:var(--gold-dim);padding-top:var(--space-xs);border-top:1px solid var(--border-dim);font-size:.72rem}.map-legend{top:var(--space-lg);left:var(--space-lg);z-index:10;padding:var(--space-md)var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-sm);background:#ffffffeb;flex-direction:column;display:flex;position:absolute}.map-legend-title{font-family:var(--font-display);color:var(--gold);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-dim);margin-bottom:var(--space-xs);font-size:.95rem;font-weight:600}.map-legend-count{color:var(--text-dim);padding-top:var(--space-xs);border-top:1px solid var(--border-dim);font-size:.72rem}.map-controls{bottom:var(--space-lg);z-index:10;gap:var(--space-md);padding:var(--space-sm)var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-dim);letter-spacing:.04em;background:#ffffffd9;font-size:.72rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.map-controls span{align-items:center;gap:4px;display:flex}.map-minimap{bottom:var(--space-lg);right:var(--space-lg);z-index:10;border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffffe6;width:160px;height:107px;position:absolute;overflow:hidden}.map-minimap-svg{width:100%;height:100%}.map-loading{z-index:50;justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-muted);background:#040810e6;flex-direction:column;font-size:.88rem;display:flex;position:absolute;inset:0}@media (max-width:768px){.map-container{height:calc(100vh - 160px)}.map-legend{top:var(--space-sm);left:var(--space-sm);padding:var(--space-sm)}.map-minimap{display:none}.map-controls{padding:var(--space-xs)var(--space-md);font-size:.68rem}}.map-event-overlay,.graph-event-overlay{top:var(--space-lg);left:var(--space-lg);z-index:20;max-width:320px;padding:var(--space-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--gold-dim);border-radius:var(--radius-lg);background:#ffffffed;position:absolute}.map-event-overlay-era,.graph-event-overlay-era{text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);font-size:.7rem;font-weight:600}.map-event-overlay-title,.graph-event-overlay-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.05rem}.map-event-overlay-summary{color:var(--text-soft);margin-top:var(--space-xs);font-size:.82rem;line-height:1.5}.map-event-overlay-entities{margin-top:var(--space-sm);flex-wrap:wrap;gap:4px;display:flex}.graph-node-event-pulse{animation:2s ease-in-out infinite eventPulse}@keyframes eventPulse{0%,to{opacity:.3;r:45}50%{opacity:.7;r:55}}.explore-container{border:1px solid var(--border);border-radius:var(--radius-xl);background:#040810;width:100%;height:calc(100vh - 180px);min-height:500px;position:relative;overflow:hidden}.explore-canvas{width:100%;height:100%;image-rendering:pixelated;outline:none;display:block;position:absolute;inset:0}.explore-panel{top:var(--space-lg);right:var(--space-lg);z-index:20;width:320px;max-height:calc(100% - 48px);padding:var(--space-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:panelSlideIn .25s var(--ease-out);background:#090e08f0;border:2px solid #8b6c3e4d;border-radius:0;position:absolute;overflow-y:auto;box-shadow:0 0 20px #00000080,0 0 40px #0003}@keyframes panelSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.explore-panel-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.explore-panel-type{letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-xs);align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:flex}.explore-panel-title{font-family:var(--font-display);color:#e8e0d4;font-size:1.2rem;font-weight:600}.explore-panel-close{color:#ffffff80;cursor:pointer;width:36px;height:24px;transition:all var(--duration-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.explore-panel-close:hover{color:#e8e0d4;background:#ffffff1a}.explore-panel-summary{color:#fff9;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff14;font-size:.88rem;line-height:1.6}.explore-panel-facts{gap:var(--space-xs);margin-bottom:var(--space-md);display:grid}.explore-panel-fact{padding:var(--space-xs)0;color:#fff9;border-bottom:1px solid #ffffff0f;justify-content:space-between;font-size:.82rem;display:flex}.explore-panel-fact:last-child{border-bottom:none}.explore-panel-tags{flex-wrap:wrap;gap:4px;display:flex}.explore-interact-hint{bottom:var(--space-2xl);z-index:15;padding:var(--space-sm)var(--space-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff9;white-space:nowrap;animation:tooltipIn .15s var(--ease-out);background:#090e08eb;border:2px solid #8b6c3e4d;border-radius:0;font-size:.82rem;position:absolute;left:50%;transform:translate(-50%)}.explore-interact-hint strong{color:var(--gold)}@media (max-width:768px){.explore-container{height:calc(100vh - 140px)}.explore-panel{width:260px;right:var(--space-sm);top:var(--space-sm);padding:var(--space-md)}}.explore-fullscreen{z-index:9999;background:#040810;position:fixed;inset:0;overflow:hidden}.explore-fullscreen .explore-canvas{width:100%;height:100%;image-rendering:pixelated;outline:none;display:block;position:absolute;inset:0}.explore-back-btn{bottom:var(--space-lg);left:var(--space-lg);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-soft);cursor:pointer;transition:all var(--duration-fast);background:#ffffffe6;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:500;display:flex;position:absolute}.explore-back-btn:hover{color:var(--text);border-color:var(--border-bright);background:#fffffff2}.explore-landing{gap:var(--space-xl);grid-template-columns:1fr 340px;display:grid}.explore-landing-preview{border-radius:var(--radius-xl);border:1px solid var(--border);min-height:420px;position:relative;overflow:hidden}.explore-landing-gradient{position:absolute;inset:0}.explore-landing-overlay{background:#00000059;position:absolute;inset:0}.explore-landing-center{z-index:1;text-align:center;justify-content:center;align-items:center;gap:var(--space-md);height:100%;min-height:420px;padding:var(--space-2xl);flex-direction:column;display:flex;position:relative}.explore-landing-center h2{font-family:var(--font-display);color:#fff;font-size:2rem;font-weight:600}.explore-landing-center p{color:#fffc;max-width:400px;font-size:1rem}.explore-enter-btn{margin-top:var(--space-md);letter-spacing:.02em;align-items:center;gap:8px;padding:14px 32px!important;font-size:1rem!important;display:inline-flex!important}.explore-landing-info{gap:var(--space-lg);flex-direction:column;display:flex}.explore-landing-stats{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.explore-landing-stat{text-align:center;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.explore-landing-stat-value{font-family:var(--font-display);color:var(--gold);font-size:1.5rem;font-weight:700}.explore-landing-stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.72rem}.explore-landing-details{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.explore-landing-details h3{color:var(--text);margin-bottom:var(--space-md);font-size:.88rem;font-weight:600}.explore-landing-types{gap:var(--space-xs);flex-direction:column;display:flex}.explore-landing-type-row{padding:var(--space-xs)0;color:var(--text-soft);border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.explore-landing-type-row:last-child{border-bottom:none}.explore-landing-type-count{color:var(--text);font-weight:600}.explore-landing-controls{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.explore-landing-controls h3{color:var(--text);margin-bottom:var(--space-md);font-size:.88rem;font-weight:600}.explore-landing-control-list{gap:var(--space-sm);flex-direction:column;display:flex}.explore-landing-control{align-items:center;gap:var(--space-md);color:var(--text-soft);font-size:.82rem;display:flex}.explore-landing-control kbd{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--gold);text-align:center;background:#ffffff0f;min-width:60px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;display:inline-block}@media (max-width:900px){.explore-landing{grid-template-columns:1fr}.explore-landing-preview,.explore-landing-center{min-height:300px}}.discover-page{max-width:1100px;padding:var(--space-2xl)var(--space-xl);margin:0 auto}.discover-header{margin-bottom:var(--space-2xl)}.discover-header-content{gap:var(--space-lg);flex-direction:column;display:flex}.discover-back{color:var(--text-muted);transition:color var(--duration-fast);align-items:center;gap:6px;font-size:.82rem;text-decoration:none;display:inline-flex}.discover-back:hover{color:var(--text)}.discover-subtitle{color:var(--text-soft);margin-top:var(--space-xs);font-size:1rem}.discover-empty{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-4xl)var(--space-xl);text-align:center;color:var(--text-dim);flex-direction:column;display:flex}.discover-empty h3{font-family:var(--font-display);color:var(--text-muted);font-size:1.3rem}.discover-empty p{color:var(--text-dim);font-size:.92rem}.discover-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.discover-card{border:2px solid var(--border-bright);min-height:320px;transition:border-color var(--duration-normal),box-shadow var(--duration-normal);border-radius:0;position:relative;overflow:hidden}.discover-card:hover{border-color:var(--gold);box-shadow:0 0 30px #f0c0601a}.discover-card-content{z-index:2;height:100%;min-height:320px;padding:var(--space-xl);flex-direction:column;justify-content:space-between;display:flex;position:relative}.discover-card-top h3{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-xs);font-size:1.3rem;font-weight:600}.discover-card-tagline{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.discover-card-meta{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.discover-card-author{align-items:center;gap:var(--space-sm);color:#ffffffb3;font-size:.82rem;display:flex}.discover-card-avatar{color:#fff;background:#fff3;border-radius:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:flex}.discover-card-stats{gap:var(--space-md);color:#ffffff80;font-size:.75rem;display:flex}.discover-card-stats strong{color:#fffc}.discover-card-actions{gap:var(--space-sm);display:flex}.discover-card-actions .btn{text-align:center;flex:1;justify-content:center}.btn-sm{padding:8px 16px;font-size:.82rem}.btn-lg{padding:14px 28px;font-size:1rem}.world-card-scene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.world-card-sprite{image-rendering:pixelated;pointer-events:none;width:auto;position:absolute}.discover-card-online{display:none}.discover-card-online.has-online{color:#4ade80;align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.discover-card-online.has-online strong{color:#4ade80}.online-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite online-pulse;box-shadow:0 0 6px #4ade8099}@keyframes online-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.discover-page{padding:var(--space-lg)}.discover-grid{grid-template-columns:1fr}}.form-error{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:#e06060;background:#b43c3c1a;border:1px solid #b43c3c33;font-size:.85rem}.settings-danger{margin-top:var(--space-2xl);padding:var(--space-xl);border-radius:var(--radius-lg);background:#b43c3c0a;border:1px solid #b43c3c26}.settings-danger h3{font-family:var(--font-display);color:#e06060;margin-bottom:var(--space-sm);font-size:1.1rem}.settings-danger>p{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.88rem}.settings-danger-confirm{gap:var(--space-md);flex-direction:column;display:flex}.settings-danger-confirm p{color:var(--text-soft);font-size:.88rem}.overview-getting-started{margin-bottom:var(--space-2xl);padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.overview-steps{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.overview-step{align-items:flex-start;gap:var(--space-md);text-decoration:none;display:flex;padding:var(--space-lg)!important}.overview-step h4{font-family:var(--font-display);margin-bottom:4px;font-size:.95rem;font-weight:600}.overview-step-number{background:var(--gold-wash);border:1px solid var(--gold-dim);width:32px;height:32px;color:var(--gold);border-radius:50%;flex-shrink:0;place-items:center;font-size:.82rem;font-weight:700;display:grid}@media (max-width:768px){.overview-steps{grid-template-columns:1fr}}.generate-world-card{padding:var(--space-xl);background:var(--raised);border:1px solid var(--gold-dim);border-radius:var(--radius-lg);box-shadow:0 0 30px #ff6b2c0f}.generate-success{text-align:center}.generate-success h3{font-family:var(--font-display);color:var(--gold);margin-bottom:var(--space-sm);font-size:1.2rem}.generate-success p{color:var(--text-soft);font-size:.92rem}.generate-loading{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background:var(--gold-wash);border:1px solid var(--gold-dim);border-radius:var(--radius-md);display:flex}.generate-loading p{color:var(--gold);font-size:.85rem}.create-ai-toggle{padding:var(--space-md);background:var(--gold-wash);border:1px solid var(--gold-dim);border-radius:var(--radius-md)}.create-ai-label{align-items:flex-start;gap:var(--space-sm);cursor:pointer;display:flex}.create-ai-label input[type=checkbox]{display:none}.create-ai-check{border-radius:var(--radius-sm);border:2px solid var(--gold-dim);width:20px;height:20px;transition:all var(--duration-fast);background:0 0;flex-shrink:0;margin-top:2px;position:relative}.create-ai-label input:checked+.create-ai-check{background:var(--gold);border-color:var(--gold)}.create-ai-label input:checked+.create-ai-check:after{content:"";border:solid var(--void);border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.create-ai-label strong{color:var(--gold);margin-bottom:2px;font-size:.88rem;display:block}.create-ai-label span:last-child{color:var(--text-muted);font-size:.78rem}.discover-cta-banner{align-items:center;gap:var(--space-2xl);padding:var(--space-2xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:1fr auto;display:grid}.discover-cta-content p{max-width:440px;margin-bottom:var(--space-lg)}.discover-cta-visual{justify-content:center;align-items:center;display:flex}.discover-cta-globe{border:1px solid var(--border-dim);background:radial-gradient(circle,#c8a44e14,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex}@media (max-width:768px){.discover-cta-banner{text-align:center;grid-template-columns:1fr}.discover-cta-content p{margin-left:auto;margin-right:auto}.discover-cta-visual{display:none}}.about-page{background:var(--void)}.about-opening{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.about-opening-lines{pointer-events:none;position:absolute;inset:0}.about-opening-line{background:linear-gradient(#0000 0%,#648cc80f 30%,#f0c0600a 50%,#648cc80f 70%,#0000 100%);width:1px;height:100%;animation:6s ease-in-out infinite aboutLineFade;position:absolute}.about-opening-line:first-child{left:10%}.about-opening-line:nth-child(2){left:22%}.about-opening-line:nth-child(3){left:35%}.about-opening-line:nth-child(4){left:48%}.about-opening-line:nth-child(5){left:55%}.about-opening-line:nth-child(6){left:68%}.about-opening-line:nth-child(7){left:78%}.about-opening-line:nth-child(8){left:90%}@keyframes aboutLineFade{0%,to{opacity:0}50%{opacity:1}}.about-opening-content{text-align:center;z-index:1;padding:0 24px;position:relative}.about-opening-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.8rem,6vw,5rem);font-weight:700;line-height:1.1}.about-glow-word{color:var(--gold);position:relative}.about-opening-lead{color:var(--text-muted);letter-spacing:.02em;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300}.about-scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.about-scroll-line{background:linear-gradient(180deg,var(--gold-dim),transparent);width:1px;height:48px;animation:2s ease-in-out infinite aboutScrollPulse}@keyframes aboutScrollPulse{0%,to{opacity:.3;height:48px}50%{opacity:.8;height:64px}}.about-statement{border-top:1px solid var(--border);justify-content:center;padding:120px 24px;display:flex}.about-statement-inner{max-width:760px}.about-statement-heading{font-family:var(--font-display);color:var(--gold);margin-bottom:24px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.about-entity-explain{flex-direction:column;gap:16px;margin-top:16px;padding-left:4px;display:flex}.about-entity-row{color:var(--text-soft);align-items:flex-start;gap:14px;font-size:1rem;line-height:1.6;display:flex}.about-entity-row strong{color:var(--text)}.about-entity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:7px}.about-big-text{font-family:var(--font-display);color:var(--text);margin-bottom:32px;font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:400;line-height:1.6}.about-big-text:last-child{margin-bottom:0}.about-big-text-muted{color:var(--text-muted)}.about-strike{color:var(--text-muted);-webkit-text-decoration:line-through #ff6b2c4d;text-decoration:line-through #ff6b2c4d;text-decoration-thickness:2px}.about-big-text em{color:var(--gold);font-style:italic}.about-demo-section{border-top:1px solid var(--border);justify-content:center;padding:80px 24px 120px;display:flex}.about-demo-container{width:100%;max-width:720px}.about-demo-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-dim);text-align:center;margin-bottom:16px;font-size:.72rem}.about-demo-terminal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg),0 0 0 1px var(--border);overflow:hidden}.about-demo-bar{background:var(--raised);border-bottom:1px solid var(--border-dim);align-items:center;gap:8px;padding:12px 16px;display:flex}.about-demo-dot{background:var(--border-bright);border-radius:50%;width:10px;height:10px}.about-demo-bar-title{font-family:var(--font-mono);color:var(--text-dim);margin-left:auto;font-size:.72rem}.about-demo-body{font-family:var(--font-mono);padding:24px;font-size:.82rem;line-height:2}.about-demo-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.about-demo-prompt{color:var(--gold);margin-right:4px}.about-demo-input{color:var(--text-soft);font-style:italic}.about-demo-processing{color:var(--text-dim);animation:1.5s step-end infinite aboutBlink}@keyframes aboutBlink{0%,to{opacity:1}50%{opacity:.3}}.about-demo-divider{background:var(--border-dim);height:1px;margin:12px 0}.about-demo-output{color:var(--text-muted)}.about-demo-key{color:var(--gold-dim);min-width:80px;display:inline-block}.about-demo-tag{border-radius:var(--radius-full);font-size:.72rem;font-family:var(--font-body);margin:2px 0;padding:1px 10px;display:inline-block}.about-demo-tag[data-type=character]{color:var(--color-character);background:#ff6b2c1a}.about-demo-tag[data-type=location]{color:var(--color-location);background:#36b37e1a}.about-demo-tag[data-type=faction]{color:var(--color-faction);background:#e843931a}.about-demo-tag[data-type=artifact]{color:var(--color-artifact);background:#0984e31a}.about-demo-tag[data-type=species]{color:var(--color-species);background:#7b61ff1a}.about-demo-success{color:#36b37e;font-weight:500}.about-section-title{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;margin-bottom:56px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.about-bento-section{border-top:1px solid var(--border);max-width:1000px;margin:0 auto;padding:100px 24px}.about-bento{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.about-bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-normal)var(--ease-out);padding:32px}.about-bento-card:hover{border-color:var(--gold-dim)}.about-bento-wide{grid-column:span 2}.about-bento-tall{grid-row:span 2}.about-bento-icon{opacity:.85;margin-bottom:16px}.about-bento-card h3{font-family:var(--font-display);margin-bottom:10px;font-size:1.15rem}.about-bento-card p{color:var(--text-muted);font-size:.88rem;line-height:1.65}.about-bento-entity-pills{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.about-bento-entity-pills span{border-radius:var(--radius-full);color:var(--text-soft);border:1px solid;padding:5px 14px;font-size:.78rem;font-weight:500}.about-bento-split{grid-template-columns:1fr 1fr;gap:40px;display:grid}.about-bento-split .about-bento-icon{margin-bottom:12px}.about-bento-explore-mock{border-radius:var(--radius-md);height:120px;margin-top:20px;position:relative;overflow:hidden}.about-bento-terrain{background:radial-gradient(ellipse at 30% 40%,#36b37e26 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,#0984e31a 0%,transparent 40%),linear-gradient(180deg,var(--raised)0%,var(--elevated)100%);position:absolute;inset:0}.about-bento-marker{border-radius:50%;width:10px;height:10px;animation:3s ease-in-out infinite aboutMarkerPulse;position:absolute;box-shadow:0 0 12px}.about-bento-marker:nth-child(3){animation-delay:.5s}.about-bento-marker:nth-child(4){animation-delay:1.2s}@keyframes aboutMarkerPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.about-numbers{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 24px}.about-numbers-inner{justify-content:center;align-items:center;gap:48px;max-width:900px;margin:0 auto;display:flex}.about-number-block{text-align:center;flex:1}.about-number-value{font-family:var(--font-display);color:var(--gold);margin-bottom:12px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.about-number-label{color:var(--text-muted);max-width:180px;margin:0 auto;font-size:.82rem;line-height:1.5}.about-number-divider{background:var(--border);flex-shrink:0;width:1px;height:64px}.about-audience-section{border-top:1px solid var(--border);padding:100px 24px}.about-audience-scroll{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.about-audience-item{border:1px solid var(--border-dim);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface)0%,var(--void)100%);transition:all var(--duration-slow)var(--ease-out);padding:40px 32px}.about-audience-item:hover{border-color:var(--border-bright);transform:translateY(-4px)}.about-audience-big-icon{color:var(--gold-dim);opacity:.6;margin-bottom:24px}.about-audience-item h3{font-family:var(--font-display);margin-bottom:12px;font-size:1.2rem}.about-audience-item p{color:var(--text-muted);font-size:.88rem;line-height:1.65}.about-faq-section{border-top:1px solid var(--border);padding:100px 24px}.about-faq-list{max-width:680px;margin:0 auto}.about-faq-detail{border-bottom:1px solid var(--border-dim)}.about-faq-detail summary{font-family:var(--font-display);cursor:pointer;color:var(--text);transition:color var(--duration-fast);justify-content:space-between;align-items:center;padding:20px 0;font-size:1.05rem;list-style:none;display:flex}.about-faq-detail summary::-webkit-details-marker{display:none}.about-faq-detail summary:after{content:"+";font-family:var(--font-mono);color:var(--text-dim);transition:transform var(--duration-normal)var(--ease-out);font-size:1.2rem}.about-faq-detail[open] summary:after{color:var(--gold);transform:rotate(45deg)}.about-faq-detail summary:hover{color:var(--gold)}.about-faq-detail p{color:var(--text-muted);padding:0 0 20px;font-size:.9rem;line-height:1.7}.about-final-cta{text-align:center;border-top:1px solid var(--border);padding:140px 24px;position:relative;overflow:hidden}.about-final-cta-bg{pointer-events:none;background:radial-gradient(60% 50%,#f0c06014,#f0a05008,#0000);position:absolute;inset:0}.about-final-cta h2{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;position:relative}.about-final-cta p{color:var(--text-muted);margin-bottom:36px;font-size:1.05rem;position:relative}.about-final-cta-buttons{justify-content:center;gap:16px;display:flex;position:relative}@media (max-width:900px){.about-bento{grid-template-columns:1fr}.about-bento-wide{grid-column:span 1}.about-bento-tall{grid-row:span 1}.about-bento-split{grid-template-columns:1fr;gap:32px}.about-audience-scroll{grid-template-columns:1fr;max-width:480px}}@media (max-width:768px){.about-opening{min-height:80vh}.about-statement{padding:80px 24px}.about-big-text{font-size:1.15rem}.about-numbers-inner{flex-direction:column;gap:32px}.about-number-divider{width:64px;height:1px}.about-final-cta-buttons{flex-direction:column;align-items:center}.about-demo-body{padding:16px;font-size:.75rem}.about-demo-key{min-width:60px}}.era-scrubber{margin-top:var(--space-sm);align-items:center;gap:10px;display:flex}.era-scrubber-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:.72rem;font-weight:600}.era-scrubber-track{flex:1;gap:2px;display:flex;overflow-x:auto}.era-scrubber-segment{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid;flex-direction:column;flex-shrink:0;align-items:center;gap:1px;padding:5px 12px;transition:all .2s;display:flex}.era-scrubber-segment:hover{filter:brightness(1.2)}.era-scrubber-segment.active{box-shadow:0 0 12px var(--era-color,#ff6b2c40)}.era-scrubber-segment-title{font-size:.72rem;font-weight:600;font-family:var(--font-display)}.era-scrubber-segment-dates{opacity:.7;font-size:.6rem}.era-scrubber-clear{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:4px 10px;font-size:.7rem;transition:all .2s}.era-scrubber-clear:hover{border-color:var(--gold-dim);color:var(--gold)}.map-layout{gap:var(--space-lg);display:flex}.map-layout .graph-container{flex:1;min-width:0}.region-drawer{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);width:260px;padding:var(--space-md);flex-shrink:0;max-height:600px;overflow-y:auto}.region-drawer-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.region-drawer-header h4{font-family:var(--font-display);font-size:.88rem}.region-drawer-form{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-dim);gap:8px;display:grid}.region-list{gap:4px;display:grid}.region-item{border:1px solid var(--border-dim);border-radius:var(--radius);overflow:hidden}.region-item-header{align-items:center;gap:8px;padding:6px 8px;font-size:.8rem;font-weight:500;transition:background .2s;display:flex}.region-item-header:hover{background:var(--elevated)}.region-item-title{flex:1}.region-item-detail{border-top:1px solid var(--border-dim);background:var(--elevated);padding:8px}.region-territories{gap:4px;margin-bottom:8px;display:grid}.region-territory-row{align-items:center;gap:6px;display:flex}.region-assign{gap:4px;display:grid}.dev-active-sessions{margin-top:var(--space-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dev-active-sessions-label{color:var(--text-muted);font-size:.75rem}.dev-filter-tabs{margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-dim);gap:2px;display:flex}.dev-filter-tab{color:var(--text-muted);border-bottom:2px solid #0000;padding:8px 16px;font-size:.82rem;text-decoration:none;transition:all .2s}.dev-filter-tab:hover{color:var(--text)}.dev-filter-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.dev-list{gap:12px;display:grid}.dev-card{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:var(--space-md);text-decoration:none;transition:border-color .2s,background .2s;display:block}.dev-card:hover{border-color:var(--border);background:var(--elevated)}.dev-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dev-type-badge{border-radius:var(--radius-full);background:var(--gold-dim);color:var(--gold);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:.68rem;font-weight:600}.dev-status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:.65rem;font-weight:600}.dev-status-pending{color:#ff6b2c;background:#c8a44e26}.dev-status-approved{color:#36b37e;background:#4a9a6e26}.dev-status-rejected{color:#9a4a4a;background:#9a4a4a26}.dev-status-edited{color:#0984e3;background:#0984e31a}.dev-card-title{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:600}.dev-card-preview{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;line-height:1.5}.dev-card-footer{color:var(--text-faint);align-items:center;gap:12px;font-size:.72rem;display:flex}.dev-card-character{color:var(--text-muted);align-items:center;gap:4px;display:flex}.dev-card-date{color:var(--gold)}.dev-detail-layout{gap:var(--space-xl);margin-top:var(--space-lg);grid-template-columns:1fr 300px;display:grid}.dev-narrative{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:var(--space-lg)}.dev-narrative p{color:var(--text);margin-bottom:var(--space-md);font-size:.9rem;font-style:italic;line-height:1.7}.dev-narrative p:last-child{margin-bottom:0}.dev-review-note{margin-top:var(--space-lg);padding:var(--space-md);background:var(--elevated);border:1px solid var(--border-dim);border-radius:var(--radius)}.dev-review-note h4{color:var(--text-muted);margin-bottom:4px;font-size:.78rem}.dev-review-note p{color:var(--text);font-size:.85rem}.dev-sidebar-section{background:var(--surface);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.dev-sidebar-section h4{font-family:var(--font-display);margin-bottom:var(--space-sm);color:var(--text);font-size:.82rem}.dev-proposed-group{margin-bottom:var(--space-sm)}.dev-proposed-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.7rem;font-weight:600}.dev-proposed-item{color:var(--text);border-bottom:1px solid var(--border-dim);padding:3px 0;font-size:.78rem}.dev-proposed-item:last-child{border-bottom:none}.away-mode-section{background:var(--surface);border:1px solid var(--gold-dim);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md)}.away-mode-section h4{font-family:var(--font-display);margin-bottom:var(--space-sm);align-items:center;gap:8px;font-size:.85rem;display:flex}.away-mode-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:.65rem;font-weight:600}.away-mode-status-active{color:#36b37e;background:#4a9a6e26}.away-mode-status-paused{color:#ff6b2c;background:#c8a44e26}.away-mode-status-ended{color:#9a4a4a;background:#9a4a4a26}.away-mode-setup{gap:var(--space-sm);display:grid}.away-mode-field{gap:4px;display:grid}.away-mode-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.away-mode-field textarea{resize:vertical;font-size:.82rem}.away-mode-pending-badge{border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--gold);margin-bottom:var(--space-sm);text-align:center;background:#c8a44e1a;padding:6px 10px;font-size:.78rem;text-decoration:none;transition:background .2s;display:block}.away-mode-pending-badge:hover{background:#c8a44e2e}.away-mode-scope{text-transform:capitalize;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.65rem;font-weight:500}.away-mode-scope-safe{color:#36b37e;background:#4a9a6e1f}.away-mode-scope-expanded{color:#ff6b2c;background:#c8a44e1f}.away-mode-scope-advanced{color:#d47a4e;background:#9a4a4a1f}.scope-picker{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.scope-option{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:2px;padding:8px 10px;transition:border-color .2s,background .2s;display:flex}.scope-option:hover{border-color:var(--gold-dim)}.scope-option-active{border-color:var(--gold);background:#c8a44e14}.scope-option-label{color:var(--text-primary);font-size:.82rem;font-weight:600}.scope-option-desc{color:var(--text-muted);font-size:.7rem;line-height:1.3}@media (max-width:768px){.era-scrubber{flex-wrap:wrap}.era-scrubber-track{overflow-x:auto}.map-layout{flex-direction:column}.region-drawer{width:100%}.dev-detail-layout{grid-template-columns:1fr}.world-nav-group+.world-nav-group{border-left:none;margin-left:0;padding-left:0}.world-nav{flex-wrap:wrap}.overview-hub-grid{grid-template-columns:1fr!important}.scope-picker{grid-template-columns:1fr}}.era-changes-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.era-changes-grid{grid-template-columns:1fr}}.era-change-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.era-change-label{align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;font-weight:600;display:flex}.era-change-introduced{color:#36b37e}.era-change-retired{color:#9a4a4a}.era-change-formed{color:#4a8a9a}.era-change-dissolved{color:#9a6a4a}.era-change-territory{color:#7a6a9a}.era-change-list{flex-direction:column;gap:6px;display:flex}.era-change-item{color:var(--text-secondary);border-radius:var(--radius);align-items:center;gap:6px;padding:4px 6px;font-size:.8rem;text-decoration:none;transition:background .15s;display:flex}.era-change-item:hover{background:#c8a44e0f}.era-change-item-title{color:var(--text-primary);font-weight:500}.era-change-arrow{color:var(--text-muted);font-size:.72rem;font-style:italic}.overview-hub{margin-bottom:32px}.overview-hub-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.overview-hub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--duration-fast);color:inherit;gap:16px;padding:20px;text-decoration:none;display:flex}.overview-hub-card:hover{border-color:var(--gold-dim);background:#00000005;transform:translateY(-1px)}.overview-hub-card h4{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:1rem}.overview-hub-card p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.overview-hub-icon{border-radius:var(--radius-sm);background:#00000008;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hiw-page{background:var(--void);min-height:100vh}.hiw-hero{text-align:center;border-bottom:1px solid var(--border);max-width:720px;margin:0 auto;padding:140px 24px 56px;position:relative}.hiw-hero h1{font-family:var(--font-display);color:var(--text);margin-bottom:16px;font-size:clamp(2rem,5vw,3rem)}.hiw-hero-sub{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:1.1rem;line-height:1.6}.hiw-toc{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b100af7;margin-bottom:48px;padding:12px 24px;position:sticky;top:0}.hiw-toc-inner{align-items:center;gap:16px;max-width:900px;margin:0 auto;display:flex;overflow-x:auto}.hiw-toc-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;font-size:.75rem}.hiw-toc-link{color:var(--text-muted);white-space:nowrap;border-radius:var(--radius-sm);transition:all var(--duration-fast);padding:6px 12px;font-size:.82rem}.hiw-toc-link:hover{color:var(--gold);background:var(--gold-wash)}.hiw-content{max-width:900px;margin:0 auto;padding:0 24px 64px}.hiw-section{margin-bottom:64px;padding-top:24px}.hiw-section-number{font-family:var(--font-pixel);color:var(--gold);letter-spacing:.12em;text-shadow:0 0 10px #e8b06033;margin-bottom:12px;font-size:.55rem}.hiw-section h2{font-family:var(--font-display);color:var(--text);margin-bottom:16px;font-size:1.6rem}.hiw-section h3{font-family:var(--font-display);color:var(--text);margin-top:28px;margin-bottom:10px;font-size:1.1rem}.hiw-section p{color:var(--text-secondary);margin-bottom:14px;font-size:.95rem;line-height:1.7}.hiw-two-col{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.hiw-option-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.hiw-option-card h3{margin-top:0;font-size:1.05rem}.hiw-option-card p{margin-bottom:10px;font-size:.88rem}.hiw-option-card p:last-child{margin-bottom:0}.hiw-entity-grid{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.hiw-entity-type{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:14px;padding:16px;display:flex}.hiw-entity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.hiw-entity-type h4{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:.95rem}.hiw-entity-type p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.hiw-callout{background:var(--gold-wash);border:1px solid var(--gold-dim);border-radius:var(--radius-md);color:var(--text-secondary);margin:20px 0;padding:20px;font-size:.88rem;line-height:1.6}.hiw-callout strong{color:var(--gold)}.hiw-list{margin:12px 0 16px;padding-left:24px}.hiw-list li{color:var(--text-secondary);margin-bottom:8px;font-size:.92rem;line-height:1.7}.hiw-list li strong{color:var(--text)}.hiw-list-numbered{list-style-type:decimal}.hiw-list-numbered li{padding-left:4px}.hiw-cta{text-align:center;border-top:1px solid var(--border);padding:120px 24px;position:relative}.hiw-cta:before{content:"";pointer-events:none;background:radial-gradient(#f0c0600d 0%,#0000 60%);width:500px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hiw-cta h2{font-family:var(--font-display);color:var(--text);margin-bottom:8px;font-size:1.8rem}.hiw-cta p{color:var(--text-muted);margin-bottom:24px;font-size:1rem}.hiw-cta-buttons{justify-content:center;gap:12px;display:flex}@media (max-width:768px){.hiw-two-col,.hiw-entity-grid{grid-template-columns:1fr}.hiw-toc-inner{gap:8px}.hiw-cta-buttons{flex-direction:column;align-items:center}}.ai-assist-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:20px;padding:14px 16px}.ai-assist-header{color:var(--gold);align-items:center;gap:8px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:flex}.ai-assist-header svg{color:var(--gold)}.ai-assist-hint{color:var(--text-muted);font-size:.8rem;font-weight:400}.ai-assist-body{align-items:center;gap:10px;display:flex}.ai-assist-body .input{flex:1;font-size:.85rem}.ai-assist-body .btn{white-space:nowrap;flex-shrink:0}.empty-state-steps{text-align:left;flex-direction:column;gap:10px;max-width:400px;margin:0 auto;display:flex}.empty-state-step{color:var(--text-secondary);align-items:center;gap:12px;font-size:.88rem;display:flex}.empty-state-step strong{color:var(--text)}.empty-state-step-num{background:var(--gold-wash);width:24px;height:24px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}@media (max-width:768px){.ai-assist-body{flex-direction:column}.ai-assist-body .btn{width:100%}}@keyframes heroReveal{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes termType{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:1}}@keyframes hpPulse{0%,to{box-shadow:0 0 4px #c040404d}50%{box-shadow:0 0 12px #c0404080}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.tile-bg{position:relative}.zone-divider{background:linear-gradient(90deg,transparent 5%,var(--gold-dim)50%,transparent 95%);max-width:500px;height:2px;margin:0 auto;box-shadow:0 0 12px #f0c06014}.section-divider{background:linear-gradient(#000000b3 0%,#000000d9 40% 60%,#000000b3 100%);justify-content:center;align-items:center;height:60px;display:flex;position:relative;overflow:hidden}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg,#0000 0%,#d4af6080 50%,#d4af6040 100%);flex:1;max-width:280px;height:1px}.section-divider:after{background:linear-gradient(270deg,#0000 0%,#d4af6080 50%,#d4af6040 100%)}.section-divider>span{background:#d4af6099;flex-shrink:0;width:10px;height:10px;margin:0 16px;display:block;transform:rotate(45deg);box-shadow:0 0 8px #d4af604d,0 0 20px #d4af601a}@keyframes dividerShimmer{0%,to{opacity:.5}50%{opacity:.8}}.section-divider>span{animation:4s ease-in-out infinite dividerShimmer}@media (prefers-reduced-motion:reduce){.section-divider>span{animation:none}}.reveal-section>*{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-section.revealed>*{opacity:1;transform:translateY(0)}.reveal-section.revealed .journey-step,.reveal-section.revealed .system-feature,.reveal-section.revealed .lore-card,.reveal-section.revealed .htp-step,.reveal-section.revealed .community-card{animation:.6s cubic-bezier(.16,1,.3,1) both revealChild}.reveal-section.revealed .journey-step:first-child,.reveal-section.revealed .system-feature:first-child,.reveal-section.revealed .lore-card:first-child,.reveal-section.revealed .htp-step:first-child,.reveal-section.revealed .community-card:first-child{animation-delay:.1s}.reveal-section.revealed .journey-step:nth-child(2),.reveal-section.revealed .system-feature:nth-child(2),.reveal-section.revealed .lore-card:nth-child(2),.reveal-section.revealed .htp-step:nth-child(2),.reveal-section.revealed .community-card:nth-child(2){animation-delay:.2s}.reveal-section.revealed .journey-step:nth-child(3),.reveal-section.revealed .system-feature:nth-child(3),.reveal-section.revealed .lore-card:nth-child(3),.reveal-section.revealed .htp-step:nth-child(3),.reveal-section.revealed .community-card:nth-child(3){animation-delay:.3s}.reveal-section.revealed .journey-step:nth-child(4),.reveal-section.revealed .system-feature:nth-child(4),.reveal-section.revealed .lore-card:nth-child(4),.reveal-section.revealed .htp-step:nth-child(4),.reveal-section.revealed .community-card:nth-child(4){animation-delay:.4s}@keyframes revealChild{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal-section>*{opacity:1;transition:none;transform:none}.reveal-section.revealed .journey-step,.reveal-section.revealed .system-feature,.reveal-section.revealed .lore-card,.reveal-section.revealed .htp-step,.reveal-section.revealed .community-card{animation:none}}.sprite-img{image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none}.sprite-parade{flex-wrap:wrap;justify-content:center;gap:10px;padding:20px 0 8px;display:flex}.sprite-parade img{image-rendering:pixelated;filter:drop-shadow(0 2px 6px #0009);width:48px;height:auto;transition:transform .15s}.sprite-parade img:hover{transform:scale(1.25)translateY(-4px)}.sprite-parade-sm img{width:36px}.game-scene-panel{background:#060e08eb;border:2px solid #f0c06033;justify-content:center;align-items:flex-end;gap:12px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,0 0 40px #0000004d,inset 0 0 30px #00000040}.game-scene-panel img{image-rendering:pixelated;z-index:1;position:relative}.scene-terrain{opacity:.35;z-index:0;background:linear-gradient(#306820 0%,#488830 40%,#68b048 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.tileset-bg{position:relative}.scene-damage{font-family:var(--font-pixel);z-index:1;text-shadow:0 1px 3px #000c;font-size:.55rem;font-weight:700;position:relative}.structure-row{flex-wrap:wrap;justify-content:center;gap:16px;padding:12px 0;display:flex}.structure-row img{image-rendering:pixelated;filter:drop-shadow(0 2px 4px #00000080);width:auto;height:48px}.mock-dialogue{max-width:340px;font-family:var(--font-body);background:#060e08f5;border:2px solid #f0c0604d;border-radius:0;box-shadow:0 12px 40px #0009,0 0 20px #f0c06014}.mock-dialogue-name{color:var(--gold);letter-spacing:.02em;border-bottom:1px solid #ff6b2c1f;padding:8px 16px;font-size:.78rem;font-weight:700}.mock-dialogue-text{color:var(--text-soft);padding:14px 16px;font-size:.82rem;line-height:1.6}.mock-dialogue-choices{flex-direction:column;gap:5px;padding:6px 16px 14px;display:flex}.mock-choice{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.mock-choice-key{width:18px;height:18px;color:var(--gold);border:1px solid #e8b0604d;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.mock-quest{background:#060e08eb;border:2px solid #f0c06033;border-radius:0;max-width:280px;padding:14px 18px;box-shadow:0 8px 32px #00000080}.mock-quest-header{text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dim);margin-bottom:8px;font-size:.65rem;font-weight:700}.mock-quest-title{color:var(--text);margin-bottom:12px;font-size:.85rem;font-weight:600}.mock-quest-obj{align-items:flex-start;gap:8px;margin-bottom:6px;font-size:.78rem;line-height:1.4;display:flex}.mock-quest-marker{border:1.5px solid;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-top:1px;font-size:.6rem;display:flex}.mock-quest-obj.done .mock-quest-marker{border-color:var(--gold);color:var(--gold);background:#ff6b2c1f}.mock-quest-obj.done{color:var(--text-dim);text-decoration:line-through}.mock-quest-obj.active{color:var(--text-soft)}.mock-quest-obj.active .mock-quest-marker{border-color:var(--text-muted)}.mock-quest-reward{color:var(--gold-dim);border-top:1px solid #0000000a;margin-top:10px;padding-top:8px;font-size:.72rem}.mock-hud{background:#060e08eb;border:2px solid #f0c06033;border-radius:0;align-items:center;gap:20px;padding:10px 20px;display:inline-flex;box-shadow:0 8px 24px #0009}.mock-hud-hp{align-items:center;gap:8px;display:flex}.mock-hud-hp-icon{color:#c04040;font-size:.72rem;font-weight:700}.mock-hud-hp-bar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:0;width:90px;height:8px;animation:3s ease-in-out infinite hpPulse;overflow:hidden}.mock-hud-hp-fill{background:linear-gradient(90deg,#a03030,#d05050);border-radius:0;height:100%}.mock-hud-hp-text{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono)}.mock-hud-gold{color:var(--gold);font-size:.78rem;font-weight:700;font-family:var(--font-mono);align-items:center;gap:5px;display:flex}.mock-hud-gold-icon{background:var(--gold);border:1px solid var(--gold-bright);border-radius:0;width:10px;height:10px;box-shadow:0 0 6px #f0c06066}.mock-hud-zone{font-family:var(--font-pixel);color:var(--text-muted);letter-spacing:.02em;background:#ffffff08;border:1px solid #ffffff0f;border-radius:0;padding:4px 10px;font-size:.4rem}.mock-hud-mats{font-size:.72rem;font-family:var(--font-mono);align-items:center;gap:12px;display:flex}.mock-hud-mat{align-items:center;gap:4px;display:flex}.mock-hud-mat-icon{border-radius:2px;width:8px;height:8px}.mock-shop{background:#060e08f0;border:2px solid #f0c06040;border-radius:0;max-width:260px;overflow:hidden;box-shadow:0 8px 32px #0009}.mock-shop-title{font-family:var(--font-pixel);color:var(--gold);letter-spacing:.02em;background:#e8b0600d;border-bottom:1px solid #e8b0601a;padding:10px 16px;font-size:.45rem;font-weight:400}.mock-shop-list{flex-direction:column;gap:6px;padding:10px;display:flex}.mock-shop-row{background:#00000004;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.mock-shop-row-name{color:var(--text-soft);font-size:.75rem}.mock-shop-row-price{color:var(--gold);font-size:.7rem;font-weight:600;font-family:var(--font-mono)}.mock-build{background:#060e08f0;border:2px solid #36b37e4d;border-radius:0;max-width:300px;overflow:hidden;box-shadow:0 8px 32px #0009}.mock-build-tabs{border-bottom:1px solid #0000000a;display:flex}.mock-build-tab{text-align:center;color:var(--text-dim);border-bottom:2px solid #0000;flex:1;padding:8px;font-size:.68rem;font-weight:600}.mock-build-tab.active{color:#36b37e;border-bottom-color:#36b37e}.mock-build-grid{grid-template-columns:repeat(4,1fr);gap:5px;padding:10px;display:grid}.mock-build-cell{aspect-ratio:1;background:#36b37e08;border:1px solid #36b37e26;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mock-build-cell-label{color:var(--text-dim);text-align:center;font-size:.5rem;line-height:1.1}.mock-build-cell img{image-rendering:pixelated;object-fit:contain;width:22px;height:22px}.mock-build-cell-icon{background:#36b37e33;border-radius:0;width:16px;height:16px}.mock-build-cost{color:var(--text-muted);border-top:1px solid #00000008;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.68rem;display:flex}.mock-dmg-container{width:100%;height:100%;position:relative}.mock-dmg{font-family:var(--font-display);text-shadow:0 2px 6px #0009;pointer-events:none;font-weight:700;position:absolute}.mock-dmg-hit{color:#e06060}.mock-dmg-gold{color:var(--gold)}.mock-dmg-heal{color:#60c060}.hero-v2{background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding-top:120px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-world-scene{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-world-terrain{image-rendering:pixelated;background:url(/backgrounds/hero.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-world-scene:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#03060366 0%,#0000 20%);position:absolute;inset:0}.hero-world-scene:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(270deg,#03060366 0%,#0000 20%);position:absolute;inset:0}.hero-world-scene img{image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.hero-world-overlay{z-index:1;pointer-events:none;background:linear-gradient(#00000073 0%,#0003 25%,#0000000d 50%,#00000026 75%,#0000008c 100%);position:absolute;inset:0}.hero-v2-glow{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 25%,#c8d2ff0d 0%,#0000 35%),radial-gradient(circle,#f0c0601f 0%,#f0c0600a 35%,#0000 60%);width:900px;height:900px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-v2-content{z-index:3;text-align:center;max-width:860px;padding:0 var(--space-xl);animation:heroReveal 1s var(--ease-out)both;position:relative}.hero-v2-badge{font-family:var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);background:#f0c0600f;border:2px solid #f0c06040;border-radius:0;align-items:center;gap:8px;margin-bottom:36px;padding:8px 20px;font-size:.5rem;font-weight:400;display:inline-flex}.hero-v2-badge-dot{background:var(--gold);border-radius:0;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 8px #f0c06080}.ca-badge{border:2px solid var(--gold-dim);background:var(--gold);font-family:var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--void);cursor:pointer;z-index:10;min-width:320px;text-shadow:none;align-items:center;gap:10px;padding:10px 24px;font-size:.5rem;font-weight:400;transition:background .3s,box-shadow .3s,transform .3s;display:inline-flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px #7a5010,0 0 20px #e8b0601f}.ca-badge:hover{background:var(--gold-bright);transform:translate(-50%)translateY(-1px);box-shadow:0 4px #7a5010,0 0 30px #e8b06040}.ca-badge-label{color:var(--void);flex-shrink:0}.ca-badge-address{color:var(--void);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ca-badge-copied{color:var(--gold);opacity:0;pointer-events:none;text-shadow:0 0 10px #f0c06066;font-size:.45rem;transition:opacity .3s;position:absolute;top:50%;right:-70px;transform:translateY(-50%)}.ca-badge-copied.show{opacity:1}.social-links{z-index:100;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:50%;right:60px;transform:translateY(-50%)}.social-link{background:0 0;border:none;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:0;width:48px;height:48px;margin-left:auto;text-decoration:none;transition:width .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.social-link:hover{width:170px}.social-link-icon{background:#c8a23c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000080,0 0 0 1px #ffffff26}.social-link-icon img{object-fit:contain;display:block}.social-link:hover .social-link-icon{transform:scale(1.15);box-shadow:0 0 16px #f0c06066,0 2px 10px #00000080,0 0 0 1px #f0c0604d}.social-link-name{font-family:var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--gold);white-space:nowrap;opacity:0;margin-right:8px;padding-left:8px;font-size:.45rem;transition:opacity .2s .1s}.social-link:hover .social-link-name{opacity:1}@media (max-width:768px){.social-links{gap:6px;right:10px}.social-link{width:38px;height:38px}.social-link:hover{width:38px;transform:none}.social-link-icon{width:34px;height:34px}.social-link-name{display:none}.ca-badge{min-width:240px;font-size:.42rem}}.hero-v2-title{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--text);text-shadow:0 0 60px #f0c06033,0 0 120px #f0c06014,0 2px 4px #000c;margin-bottom:28px;font-size:clamp(2.2rem,6vw,4.2rem);font-weight:400;line-height:1.2}.hero-v2-title em{color:var(--gold);text-shadow:0 0 40px #e8b06066,0 0 80px #e8b0601f,0 2px 4px #000c;font-style:normal}.hero-v2-body{color:#e0dcd6;text-shadow:0 2px 8px #000000e6,0 0 20px #00000080;max-width:600px;margin:0 auto 44px;font-size:1.1rem;line-height:1.8}.hero-v2-cta{justify-content:center;align-items:flex-start;gap:24px;margin-bottom:56px;display:flex}.hero-cta-option{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:220px;display:flex}.hero-cta-desc{color:#fff;text-shadow:0 1px 6px #000000e6,0 0 12px #00000080;font-size:.78rem;line-height:1.4}.demo-spinner{border:2px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite demoSpin;display:inline-block}@keyframes demoSpin{to{transform:rotate(360deg)}}.hero-generate{text-align:center;max-width:600px;margin:0 auto 24px}.hero-generate-form{align-items:stretch;gap:12px;display:flex}.hero-generate-input{background:var(--surface);border:2px solid var(--border);color:var(--text);font-size:1rem;font-family:var(--font-body);border-radius:0;outline:none;flex:1;padding:14px 20px;transition:border-color .2s,box-shadow .2s}.hero-generate-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f0c0601a,0 0 20px #f0c0600d}.hero-generate-input::placeholder{color:var(--text-muted)}.hero-generate-input:disabled{opacity:.5}.hero-generate-status{color:var(--gold);justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:.9rem;display:flex}.hero-generate-error{color:#e06060;margin-top:12px;font-size:.85rem}.hero-generate-hint{color:var(--text-muted);margin-top:12px;font-size:.82rem}.claim-banner{color:var(--text);background:#f0c0600f;border:2px solid #f0c06033;border-radius:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;font-size:.9rem;display:flex}.claim-banner.claimed{color:var(--color-location);text-align:center;background:#36b37e14;border-color:#36b37e40;justify-content:center}.hero-hud-strip{z-index:3;animation:heroReveal 1s var(--ease-out).3s both;justify-content:center;margin-bottom:24px;display:flex;position:relative}.hero-v2-stats{z-index:3;animation:heroReveal 1s var(--ease-out).5s both;justify-content:center;align-items:center;gap:32px;display:flex;position:relative}.hero-v2-stat{color:#fff;font-size:.8rem;font-family:var(--font-pixel);letter-spacing:.02em;text-shadow:0 1px 6px #000000e6;align-items:center;gap:8px;font-size:.45rem;display:flex}.hero-v2-stat strong{color:var(--gold);font-size:.55rem}.hero-v2-stat-sep{background:var(--gold-dim);border-radius:0;width:4px;height:4px}.statement-section{padding:140px var(--space-xl);text-align:center;image-rendering:pixelated;background:url(/backgrounds/statement.png) 50%/cover no-repeat;position:relative}.statement-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0000008c 0%,#0000002e 12% 88%,#0000008c 100%);position:absolute;inset:0}.statement-section:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000004d 0%,#0000 15% 85%,#0000004d 100%),linear-gradient(#0000004d 0%,#0000 20% 80%,#0000004d 100%);position:absolute;inset:0}.statement-text{font-family:var(--font-display);color:#fff;z-index:1;text-shadow:0 2px 8px #000c,0 0 30px #00000080;max-width:900px;margin:0 auto;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:600;line-height:1.4;position:relative}.statement-text .gold{color:var(--gold);text-shadow:0 0 20px #e8b06026}.journey-section{image-rendering:pixelated;background:url(/backgrounds/journey.png) 50%/cover no-repeat fixed;padding:20px 0 100px;position:relative}.journey-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0009 0%,#00000040 10% 90%,#0009 100%);position:absolute;inset:0}.journey-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#64a0501a 0%,#64a0500d 40%,#a08cc80d 70%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;left:50%}.journey-step{max-width:1100px;padding:80px var(--space-xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin:0 auto;display:grid;position:relative}.journey-step.reverse{direction:rtl}.journey-step.reverse>*{direction:ltr}.journey-text{flex-direction:column;display:flex}.journey-number{font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 15px #e8b0604d;align-items:center;gap:12px;margin-bottom:16px;font-size:.6rem;font-weight:400;display:flex}.journey-number:after{content:"";background:linear-gradient(90deg,var(--gold-dim),transparent);flex:1;max-width:80px;height:1px}.journey-title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #000c,0 0 20px #00000080;margin-bottom:16px;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:600;line-height:1.15}.journey-desc{color:#e0dcd6;text-shadow:0 1px 6px #000c,0 0 16px #0006;margin-bottom:20px;font-size:.95rem;line-height:1.7}.journey-detail{color:#c8c2b8;border-left:2px solid var(--gold-dim);text-shadow:0 1px 6px #000c,0 0 12px #0006;padding-left:16px;font-size:.82rem;line-height:1.6}.journey-visual{justify-content:center;align-items:center;display:flex}.ai-gen-terminal{border:2px solid var(--gold-dim);background:var(--surface);border-radius:0;width:100%;max-width:440px;overflow:hidden;box-shadow:0 0 30px #f0c06014,0 16px 48px #00000080}.ai-gen-terminal-bar{background:var(--raised);border-bottom:1px solid var(--border-dim);align-items:center;gap:7px;padding:11px 16px;display:flex}.ai-gen-terminal-dot{background:var(--border-bright);border-radius:50%;width:9px;height:9px}.ai-gen-terminal-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:8px;font-size:.68rem}.ai-gen-terminal-body{font-family:var(--font-mono);padding:20px;font-size:.78rem;line-height:1.8}.ai-gen-line{opacity:0;animation:termType .4s var(--ease-out)forwards}.ai-gen-line-prompt{color:var(--gold);margin-right:8px}.ai-gen-line-input{color:var(--text-soft);font-style:italic}.ai-gen-line-processing{color:var(--text-muted)}.ai-gen-line-key{color:var(--gold-dim);min-width:72px;margin-right:10px;display:inline-block}.ai-gen-line-output{color:var(--text-soft)}.ai-gen-line-success{color:#60c060}.ai-gen-tag{border:1px solid;border-radius:4px;margin:2px 3px;padding:1px 7px;font-size:.68rem;display:inline-block}.ai-gen-tag[data-type=character]{color:var(--color-character);background:#ff6b2c14;border-color:#ff6b2c40}.ai-gen-tag[data-type=location]{color:var(--color-location);background:#36b37e14;border-color:#36b37e4d}.ai-gen-tag[data-type=faction]{color:var(--color-faction);background:#e8439314;border-color:#e843934d}.ai-gen-tag[data-type=artifact]{color:var(--color-artifact);background:#0984e314;border-color:#0984e34d}.ai-gen-tag[data-type=species]{color:var(--color-species);background:#7b61ff14;border-color:#7b61ff4d}.ai-gen-divider{background:var(--border-dim);height:1px;margin:10px 0}.systems-section{background:url(/backgrounds/systems.png) 50%/cover no-repeat fixed;padding:80px 0 120px;position:relative}.systems-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0009 0%,#00000040 10% 90%,#0009 100%);position:absolute;inset:0}.systems-section:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000004d 0%,#0000 15% 85%,#0000004d 100%),linear-gradient(#0000004d 0%,#0000 20% 80%,#0000004d 100%);position:absolute;inset:0}.systems-header{text-align:center;max-width:700px;padding:0 var(--space-xl);z-index:1;margin:0 auto 80px;position:relative}.systems-header h2{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #000c,0 0 20px #00000080;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.1}.systems-header h2:after{content:"";background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);width:60px;height:2px;margin:16px auto 0;display:block}.systems-header p{color:#e0dcd6;text-shadow:0 1px 6px #000c;font-size:1rem;line-height:1.7}.system-spread{max-width:1100px;padding:48px var(--space-xl);z-index:1;border-top:2px solid #78648c1a;grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin:0 auto;display:grid;position:relative}.system-spread.reverse{direction:rtl}.system-spread.reverse>*{direction:ltr}.system-text h3{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #000c,0 0 16px #0006;margin-bottom:12px;font-size:1.3rem;font-weight:600}.system-text p{color:#e0dcd6;text-shadow:0 1px 6px #000c;margin-bottom:12px;font-size:.9rem;line-height:1.7}.system-text ul{padding:0;list-style:none}.system-text ul li{color:#c8c2b8;text-shadow:0 1px 4px #000c;margin-bottom:4px;padding-left:18px;font-size:.85rem;line-height:1.6;position:relative}.system-text ul li:before{content:"";background:var(--gold);border-radius:0;width:6px;height:6px;position:absolute;top:9px;left:0}.system-label{font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.5rem;font-weight:400}.system-visual{justify-content:center;align-items:center;display:flex}.system-visual-stack{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.lore-section{background:url(/backgrounds/lore.png) 50%/cover no-repeat fixed;padding:120px 0;position:relative}.lore-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0009 0%,#0000004d 10% 90%,#0009 100%);position:absolute;inset:0}.lore-section:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000004d 0%,#0000 15% 85%,#0000004d 100%),linear-gradient(#0000004d 0%,#0000 20% 80%,#0000004d 100%);position:absolute;inset:0}.lore-section .container{max-width:1100px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.lore-header{text-align:left;margin-bottom:56px}.lore-header h2{font-family:var(--font-display);color:#fff;text-shadow:0 2px 20px #00000080;margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1.1}.lore-header p{color:#e0dcd6;text-shadow:0 1px 6px #000c;max-width:520px;font-size:.95rem;line-height:1.6}.lore-bento{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.lore-bento-card{transition:border-color var(--duration-normal),box-shadow var(--duration-normal);background:#120f0ab3;border:2px solid #f0c06014;border-radius:0;padding:28px}.lore-bento-card:hover{border-color:var(--gold-dim);box-shadow:0 0 20px #f0c0600f}.lore-bento-card.wide{grid-column:span 2}.lore-bento-card h3{font-family:var(--font-display);align-items:center;gap:10px;margin-bottom:8px;font-size:1.05rem;font-weight:600;display:flex}.lore-bento-card p{color:var(--text-muted);font-size:.82rem;line-height:1.55}.lore-bento-dot{border-radius:0;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px}.lore-bento-entity-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lore-bento-entity-pill{letter-spacing:.03em;text-transform:uppercase;border:1px solid;border-radius:0;padding:4px 12px;font-size:.68rem;font-weight:600}.htp-section{background:url(/backgrounds/htp.png) 50%/cover no-repeat fixed;border-top:none;padding:120px 0;position:relative}.htp-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0009 0%,#00000040 10% 90%,#0009 100%);position:absolute;inset:0}.htp-section:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 70%,#0000 40%,#00000059 100%);position:absolute;inset:0}.htp-section .container{max-width:1100px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.htp-header{text-align:center;margin-bottom:56px}.htp-header h2{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #000c,0 0 20px #00000080;margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);font-weight:600}.htp-header p{color:#e0dcd6;text-shadow:0 1px 6px #000c;font-size:.95rem}.htp-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;display:grid}.htp-card{border:1px solid var(--border);background:var(--surface);text-align:center;transition:border-color var(--duration-normal);border-radius:0;padding:24px 20px}.htp-card:hover{border-color:var(--gold-dim)}.htp-key{border:2px solid var(--gold);background:var(--raised);min-width:48px;height:44px;font-family:var(--font-pixel);color:var(--gold);box-shadow:0 4px 0 var(--gold-dim),0 0 12px #e8b06014;border-radius:0;justify-content:center;align-items:center;margin-bottom:14px;padding:0 14px;font-size:.55rem;font-weight:400;display:inline-flex}.htp-card h4{font-family:var(--font-display);margin-bottom:6px;font-size:.92rem;font-weight:600}.htp-card p{color:var(--text-muted);font-size:.78rem;line-height:1.4}.htp-zones{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.htp-zone{text-align:center;border:1px solid;border-radius:0;padding:20px}.htp-zone h4{font-family:var(--font-display);margin-bottom:6px;font-size:.9rem;font-weight:600}.htp-zone p{color:var(--text-muted);font-size:.75rem;line-height:1.4}.community-section{background:url(/backgrounds/community.png) 50%/cover no-repeat fixed;padding:120px 0;position:relative}.community-section:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0009 0%,#00000040 10% 90%,#0009 100%);position:absolute;inset:0}.community-section:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 70%,#0000 40%,#00000059 100%);position:absolute;inset:0}.community-section .container{max-width:1100px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.community-header{text-align:center;margin-bottom:48px}.community-header h2{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #000c,0 0 20px #00000080;margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);font-weight:600}.community-header p{color:#e0dcd6;text-shadow:0 1px 6px #000c;font-size:.95rem}.community-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.community-browse{text-align:center}.community-browse a{color:var(--gold);transition:color var(--duration-fast);text-shadow:0 1px 6px #000c;font-size:.88rem;font-weight:500}.community-browse a:hover{color:var(--gold-bright)}.final-cta{text-align:center;background:url(/backgrounds/cta.png) 50%/cover no-repeat fixed;padding:160px 0;position:relative;overflow:hidden}.final-cta:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0009 0%,#0003 12% 88%,#00000080 100%);position:absolute;inset:0}.final-cta:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 70%,#0000 40%,#00000059 100%);position:absolute;inset:0}.final-cta-glow{pointer-events:none;background:radial-gradient(55% 40%,#f0c0601a 0%,#0000 70%),radial-gradient(75% 30% at 50% 60%,#f0a0500d 0%,#0000 70%);width:100%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta .container{z-index:1;max-width:640px;padding:0 var(--space-xl);margin:0 auto;position:relative}.final-cta-shimmer{background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);background-size:200% 100%;max-width:200px;height:1px;margin:0 auto 48px;animation:3s linear infinite shimmer}.final-cta-title{font-family:var(--font-pixel);color:var(--gold);text-shadow:0 0 30px #f0c0604d,0 2px 8px #000c;margin-bottom:20px;font-size:clamp(1rem,2.5vw,1.6rem);font-weight:400;line-height:1.4}.final-cta-body{color:#e0dcd6;text-shadow:0 1px 6px #000c;margin-bottom:40px;font-size:1rem;line-height:1.7}.final-cta-buttons{justify-content:center;align-items:center;gap:16px;display:flex}@media (max-width:1024px){.journey-step{grid-template-columns:1fr;gap:40px}.journey-step.reverse{direction:ltr}.system-spread{grid-template-columns:1fr;gap:40px}.system-spread.reverse{direction:ltr}.lore-bento{grid-template-columns:1fr 1fr}.lore-bento-card.wide{grid-column:span 2}.htp-grid{grid-template-columns:repeat(2,1fr)}.htp-zones{grid-template-columns:1fr}.community-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-v2{padding-top:100px;padding-bottom:60px}.hero-v2-title{font-size:clamp(2.8rem,12vw,4rem)}.hero-v2-cta{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.hero-cta-option{max-width:100%}.hero-v2-cta .btn{width:100%}.hero-v2-stats{flex-direction:column;gap:8px}.hero-world-scene img{filter:brightness(.6)saturate(.75)}.hero-world-scene:before,.hero-world-scene:after{width:12%}.hero-hud-strip{padding:0 var(--space-xl);justify-content:flex-start;overflow-x:auto}.mock-hud{white-space:nowrap}.statement-section{padding:64px var(--space-xl)}.statement-text{font-size:clamp(1.3rem,5vw,1.8rem)}.journey-step{padding:48px var(--space-xl)}.system-spread{padding:32px var(--space-xl);gap:32px}.system-visual-stack{flex-flow:wrap;justify-content:center;gap:12px}.lore-bento{grid-template-columns:1fr}.lore-bento-card.wide{grid-column:span 1}.htp-grid{grid-template-columns:1fr 1fr}.community-grid{grid-template-columns:1fr}.final-cta{padding:100px 0}.final-cta-buttons{flex-direction:column;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.final-cta-buttons .btn{width:100%}}@media (max-width:480px){.hero-v2-badge{padding:5px 14px;font-size:.62rem}.mock-hud{gap:12px;padding:8px 14px}.htp-grid{grid-template-columns:1fr}.sprite-parade img{width:36px}.sprite-parade{gap:6px}.game-scene-panel{gap:8px;padding:10px 12px}.game-scene-panel img{max-height:48px}.structure-row img{height:36px}.structure-row{gap:10px}}