:root{--bg:#0a0a0b;--bg-elevated:#111114;--panel:#141418;--panel-soft:#1c1c22;--text:#f5f5f7;--text-soft:#a8a8b3;--primary:#b84dff;--primary-strong:#d27aff;--primary-dim:color-mix(in oklab, var(--primary) 22%, transparent);--border:#2a2a33;--border-strong:#3d3d4a;--success:#6ee7a8;--warning:#f0c674;--container:1120px;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--radius:4px;--hero-glow:radial-gradient(ellipse 80% 55% at 50% -10%, color-mix(in oklab, var(--primary) 28%, transparent), transparent 70%);--grid-line:color-mix(in oklab, var(--primary) 8%, transparent)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);background-color:var(--bg);background-image:var(--hero-glow), linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);color:var(--text);background-position:top,50%,50%;background-size:auto,48px 48px,48px 48px;line-height:1.55}a{color:inherit}.container{width:min(var(--container), calc(100% - 2rem));margin:0 auto}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.site-header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.site-footer{border-top:1px solid var(--border);color:var(--text-soft);padding:1.5rem 0;font-size:.9rem}.site-main{gap:0;padding:0 0 4rem;display:grid}.navbar{justify-content:space-between;align-items:center;gap:1rem;min-height:68px;display:flex}.brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);white-space:nowrap;font-size:1.02rem;font-weight:700;text-decoration:none}.brand span{color:var(--primary-strong)}.nav-list{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-soft);padding:.4rem .65rem;font-size:.92rem;text-decoration:none}.nav-link:hover,.nav-link-active{color:var(--text);background:var(--primary-dim)}.locale-toggle{border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);letter-spacing:.04em;background:0 0;padding:.35rem .6rem;font-size:.85rem}.locale-toggle:hover{border-color:var(--primary);color:var(--primary-strong)}.hero{background:0 0;border:0;border-radius:0;align-content:center;min-height:auto;padding:3.25rem 0 1.5rem;animation:.8s both fade-up;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 30% 40%, color-mix(in oklab, var(--primary) 35%, transparent), transparent 55%);pointer-events:none;z-index:-1;height:70%;position:absolute;inset:-20% -10% auto}.kicker{color:var(--primary-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem;font-weight:600}.brand-hero{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.6rem,8vw,4.8rem);font-weight:800;line-height:.95}.brand-hero span{color:var(--primary-strong)}.hero-tagline{font-family:var(--font-display);max-width:38ch;margin:0 0 .75rem;font-size:clamp(1.15rem,2.6vw,1.55rem);font-weight:600}.hero>p:not(.kicker):not(.hero-tagline){color:var(--text-soft);max-width:42ch;margin:0;font-size:1.05rem}h1,h2,h3{font-family:var(--font-display);margin-top:0}h1{font-size:clamp(1.8rem,5vw,3rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.button-link{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel-soft);padding:.7rem 1.15rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}.button-link:hover{border-color:var(--primary);transform:translateY(-1px)}.button-link-primary{background:var(--primary);border-color:var(--primary);color:#0a0a0b}.button-link-primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.section-block{background:0 0;border:0;border-radius:0;padding:4rem 0 0;animation:.7s both fade-up}.section-heading{max-width:48ch;margin-bottom:1.5rem}.section-heading h2{margin-bottom:.4rem}.section-heading p{color:var(--text-soft);margin:0}.pillar-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.pillar-tile{border:1px solid var(--border);background:color-mix(in oklab, var(--panel) 80%, transparent);border-radius:var(--radius);gap:.55rem;padding:1.15rem 1rem;text-decoration:none;transition:border-color .25s,transform .25s,background .25s;animation:.6s both fade-up;display:grid}.pillar-tile:first-child{animation-delay:50ms}.pillar-tile:nth-child(2){animation-delay:.1s}.pillar-tile:nth-child(3){animation-delay:.15s}.pillar-tile:nth-child(4){animation-delay:.2s}.pillar-tile:nth-child(5){animation-delay:.25s}.pillar-tile:nth-child(6){animation-delay:.3s}.pillar-tile:hover{border-color:var(--primary);background:var(--primary-dim);transform:translateY(-3px)}.pillar-tile h3{margin:0;font-size:1.05rem}.pillar-tile p{color:var(--text-soft);margin:0;font-size:.9rem}.pillar-icon{width:28px;height:28px;color:var(--primary-strong)}.quest-list{gap:.75rem;display:grid}.quest-row{border-bottom:1px solid var(--border);gap:.35rem;padding:1rem 0;animation:.55s both fade-up;display:grid}.quest-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.5rem .85rem;font-size:.8rem;display:flex}.quest-status{color:var(--primary-strong);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.quest-row h3{margin:0;font-size:1.1rem}.quest-row p{color:var(--text-soft);margin:0}.quest-links{flex-wrap:wrap;gap:.5rem 1.15rem;display:flex}.filter-row{flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-soft);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);background:0 0;padding:.35rem .7rem;font-size:.85rem}.filter-chip:hover,.filter-chip-active{border-color:var(--primary);color:var(--text);background:var(--primary-dim)}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklab, var(--panel) 85%, transparent);gap:.75rem;padding:1.1rem;display:grid}.chip-list{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border-radius:var(--radius);border:1px solid var(--border);color:var(--text-soft);padding:.2rem .55rem;font-size:.8rem}.text-link{color:var(--primary-strong);text-decoration:none}.text-link:hover{color:var(--text)}.prose{gap:1rem;max-width:58ch;display:grid}.prose p{color:var(--text-soft);margin:0;font-size:1.08rem}.prose .closing{color:var(--text);font-family:var(--font-display);font-size:1.35rem;font-weight:700}.rank-list{gap:.5rem;display:grid}.rank-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.page-intro{padding:3rem 0 1rem}.page-intro p{color:var(--text-soft);max-width:48ch}.cta-band{border-top:1px solid var(--border);gap:1rem;margin-top:3rem;padding:2rem 0;display:grid}.external-button{border-radius:var(--radius);background:var(--primary);color:#0a0a0b;justify-content:center;align-items:center;width:fit-content;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.external-button:hover{background:var(--primary-strong)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.navbar{flex-direction:column;align-items:flex-start;padding:.75rem 0}.brand{white-space:normal}.hero{min-height:auto;padding:2.5rem 0 3rem}}