:root{--color-bg: #090c12;--color-bg-card: #121824;--color-bg-card-hover: #182030;--color-border: #232d42;--color-border-glow: #e5b84c44;--color-gold: #f0c05a;--color-gold-bright: #ffd56b;--color-gold-dark: #b8860b;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--font-serif: "Cinzel", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4,.font-cinzel{font-family:var(--font-serif);letter-spacing:.04em}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.75rem;font-family:var(--font-sans);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-gold{background:linear-gradient(135deg,#f3ca65,#d49b29);color:#0b0f17;box-shadow:0 4px 20px #d49b2959}.btn-gold:hover{background:linear-gradient(135deg,#ffd978,#e2a832);box-shadow:0 6px 28px #d49b298c;transform:translateY(-2px)}.btn-outline{background:#121824cc;border:1px solid var(--color-border);color:var(--color-text);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--color-gold);color:var(--color-gold-bright);background:#182030e6;transform:translateY(-2px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-features{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-fixes{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-balance{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-qol{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.badge-unreleased{background:#f59e0b33;color:#fcd34d;border:1px solid #f59e0b}.site-header{position:sticky;top:0;z-index:50;background:#090c12eb;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1rem}.nav-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:0;text-decoration:none}.nav-brand-icon{width:38px;height:38px;border-radius:6px;flex-shrink:0}.nav-brand-title{font-family:var(--font-serif);font-size:clamp(.95rem,3.8vw,1.15rem);font-weight:700;color:#fff;letter-spacing:.05em;white-space:nowrap;line-height:1.2}.nav-brand-sub{font-size:.68rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.nav-desktop{display:flex;align-items:center;gap:1.75rem}.nav-desktop a{color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:color .2s;white-space:nowrap}.nav-desktop a:hover{color:var(--color-gold)}.mobile-nav-toggle{display:none;background:#121824e6;border:1px solid var(--color-border);color:#fff;width:42px;height:42px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:all .2s ease}.mobile-nav-toggle:hover{border-color:var(--color-gold);color:var(--color-gold-bright)}.mobile-nav-toggle svg{width:22px;height:22px;fill:currentColor}.mobile-nav-drawer{display:none;background:#090c12fa;border-bottom:1px solid var(--color-border);backdrop-filter:blur(16px);padding:1.25rem 1.5rem 1.5rem;flex-direction:column;gap:.5rem;box-shadow:0 16px 36px #000000d9}.mobile-nav-drawer.is-open{display:flex}.mobile-nav-link{color:var(--color-text);font-size:1.05rem;font-weight:600;padding:.75rem .5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04)}.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--color-gold-bright);background:#f0c05a14;padding-left:.75rem}.mobile-steam-btn{display:none}@media(max-width:960px){.nav-desktop{display:none!important}.mobile-nav-toggle{display:flex!important}}@media(min-width:480px)and (max-width:960px){.mobile-steam-btn{display:inline-flex!important}}@media(max-width:480px){.container{padding:0 1rem}.nav-container{height:64px}.nav-brand-icon{width:32px;height:32px}}