:root{--bg:#07090e;--panel:#0d1119;--panel2:#121824;--gold:#d6ae57;--gold2:#8f6a2c;--text:#f5f0e7;--muted:#aaa89f;--line:#2d2a24;--blue:#54b9ff;--red:#ff715e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#152035 0,transparent 32%),radial-gradient(circle at 90% 15%,#33170e 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.shell{max-width:1240px;margin:auto;padding:0 20px}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(7,9,14,.88);border-bottom:1px solid var(--line)}.topbar .shell{display:flex;align-items:center;gap:20px;min-height:74px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{font-family:Georgia,serif;color:var(--gold);font-size:1.2rem}.brand small{display:block;color:var(--muted);font-size:.72rem}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:9px 11px;border-radius:10px;color:#d8d5ce}.nav a:hover,.nav a.active{background:#171c27;color:var(--gold)}.account{display:flex;align-items:center;gap:8px}.pill,.btn{border:1px solid #3a3328;border-radius:10px;padding:10px 14px;background:#151821;color:#eee;cursor:pointer}.btn.gold{background:linear-gradient(135deg,#d6ae57,#8f6a2c);border:0;color:#100d08;font-weight:800}.btn.blue{border-color:#244d69;color:#91d4ff}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;padding:70px 0 42px}.hero h1{font-family:Georgia,serif;color:var(--gold);font-size:clamp(2.4rem,6vw,5.2rem);line-height:.98;margin:.2rem 0 1rem}.hero p{color:#c8c5be;line-height:1.75;font-size:1.04rem}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#c89742;font-size:.72rem;font-weight:800}.hero-art{border:1px solid #4b3922;border-radius:22px;overflow:hidden;min-height:360px;background:#0a0d13;box-shadow:0 25px 70px #0008}.hero-art img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 0 56px}.card{background:linear-gradient(180deg,#121722,#0b0e15);border:1px solid #292a2c;border-radius:18px;padding:22px;min-height:180px}.card h2,.card h3{font-family:Georgia,serif;color:#e6c77c;margin:.2rem 0 .6rem}.card p{color:#aaa89f;line-height:1.6}.card a{display:inline-block;margin-top:8px;color:#89cfff}.panel{background:#0d1119;border:1px solid #2b2b2b;border-radius:18px;padding:24px;margin:28px 0}.panel h1,.panel h2{font-family:Georgia,serif;color:var(--gold)}.prose{max-width:900px}.prose p,.prose li{color:#c3c0b8;line-height:1.75}.status{font-size:.82rem;color:var(--muted)}.status.ok{color:#7ed49a}.footer{border-top:1px solid var(--line);padding:28px 0 42px;color:#8f8d87}.footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.notice{border-left:3px solid var(--gold);background:#15120d;padding:14px 16px;border-radius:8px;color:#d7d1c4}.module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.module{border:1px solid #2c2e35;border-radius:14px;padding:16px;background:#0c1017}.module b{color:#e3c071}.module small{display:block;color:#999;margin-top:5px}.center{text-align:center}.legal-badge{display:inline-block;padding:6px 9px;border:1px solid #594929;border-radius:999px;color:#d9ba78;font-size:.76rem}.mobile-menu{display:none}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:38px}.hero-art{min-height:260px}.hero-art img{min-height:260px}.grid{grid-template-columns:1fr 1fr}.nav{display:none}.mobile-menu{display:inline-flex}.topbar .shell{min-height:64px}.brand small{display:none}}@media(max-width:620px){.grid,.module-list{grid-template-columns:1fr}.hero h1{font-size:2.7rem}.shell{padding:0 14px}.hero{gap:18px}.account .status{display:none}}


/* =========================================================
   Identidade visual unificada — preto/dourado da Forja
   ========================================================= */
:root{
  --bg:#090807;
  --panel:#110e0c;
  --panel2:#12100e;
  --gold:#c79a3b;
  --gold2:#8d5a2b;
  --text:#f6f0e4;
  --muted:#ac9f8c;
  --line:rgba(199,154,59,.28);
  --blue:#c79a3b;
  --red:#a32621;
}
body{
  background:
    radial-gradient(circle at 18% 0,rgba(199,154,59,.075) 0,transparent 30%),
    radial-gradient(circle at 92% 12%,rgba(111,23,23,.11) 0,transparent 27%),
    #090807!important;
  color:#f6f0e4;
}
.topbar{
  background:rgba(8,7,6,.94)!important;
  border-bottom-color:rgba(199,154,59,.25)!important;
}
.nav a{color:#cbbfae!important}
.nav a:hover,.nav a.active{
  background:rgba(199,154,59,.08)!important;
  color:#efcf87!important;
}
.pill,.btn{
  background:#12100e!important;
  border-color:rgba(199,154,59,.28)!important;
  color:#ece6d9!important;
}
.btn.gold{
  background:linear-gradient(135deg,#dbb45a,#8d5a2b)!important;
  color:#100d08!important;
  border-color:transparent!important;
}
.btn.blue{
  background:rgba(199,154,59,.055)!important;
  border-color:rgba(199,154,59,.45)!important;
  color:#efcf87!important;
}
.card,.panel,.module,
.campaign-card,.dialog-card,
.chronicle-steps>div{
  background:linear-gradient(180deg,#12100e,#0b0908)!important;
  border-color:rgba(199,154,59,.18)!important;
}
.card a,.text-link{color:#dbb45a!important}
.field{
  background:#0b0908!important;
  border-color:#36312a!important;
  color:#f6f0e4!important;
}
.field:focus{
  border-color:#a96e35!important;
  box-shadow:0 0 0 3px rgba(199,154,59,.08)!important;
}
.hero-art{
  background:#0d0b09!important;
  border-color:rgba(199,154,59,.32)!important;
}
.ciel-draft-box{
  background:#100d09!important;
  border-color:rgba(199,154,59,.28)!important;
}
.ciel-draft-box strong{color:#efcf87!important}
.ciel-draft-box span{color:#ac9f8c!important}

/* Remove a esfera preta de carregamento. */
.loading-orb{
  width:120px!important;
  height:3px!important;
  border:0!important;
  border-radius:999px!important;
  margin:0 auto 14px!important;
  background:linear-gradient(90deg,transparent,#c79a3b,#efcf87,transparent)!important;
  box-shadow:0 0 12px rgba(199,154,59,.28)!important;
  animation:forgeLoadBar .9s ease-in-out infinite alternate!important;
}
@keyframes forgeLoadBar{
  from{opacity:.35;transform:scaleX(.45)}
  to{opacity:1;transform:scaleX(1)}
}


/* SUBDOMAIN_NAV_PREMIUM_20260907 */
.topbar .nav{gap:.38rem!important;align-items:center}
.topbar .nav a{padding:.58rem .72rem!important;border:1px solid transparent;border-radius:12px;transition:background .18s,border-color .18s,color .18s,transform .18s}
.topbar .nav a:hover,.topbar .nav a:focus-visible{background:rgba(199,154,59,.07);border-color:rgba(199,154,59,.22);color:#f0cf87;transform:translateY(-1px)}
.topbar .nav a.active{background:linear-gradient(180deg,rgba(199,154,59,.13),rgba(255,255,255,.018));border-color:rgba(219,180,90,.34);color:#efcf87}
.account .status.ok{padding:.48rem .65rem;border:1px solid rgba(77,140,105,.28);border-radius:10px;background:rgba(77,140,105,.08);color:#8ed4a5!important;font-weight:700}
.account .btn{border-radius:14px!important}


/* PERFORMANCE NAVIGATION 2026-09-10 */
.forge-page-progress{
  position:fixed;z-index:100000;left:0;top:0;width:34%;height:3px;
  background:linear-gradient(90deg,transparent,#c79a3b,#efcf87,transparent);
  box-shadow:0 0 12px rgba(199,154,59,.34);pointer-events:none;
  opacity:0;transform:translateX(-120%);
}
.forge-page-progress.is-active{opacity:1;animation:forgePageProgress .9s ease-in-out infinite}
.forge-page-progress[hidden]{display:none!important}
@keyframes forgePageProgress{0%{transform:translateX(-120%);opacity:.35}50%{opacity:1}100%{transform:translateX(300%);opacity:.35}}
.loading-orb{width:120px!important;height:3px!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,transparent,#c79a3b,#efcf87,transparent)!important;box-shadow:0 0 10px rgba(199,154,59,.24)!important;animation:forgeLoadBar .9s ease-in-out infinite alternate!important}
@media(prefers-reduced-motion:reduce){.forge-page-progress.is-active{animation:none;transform:none;width:100%;opacity:.82}.loading-orb{animation:none!important}}

/* PARTE 21 — navegação premium alinhada à página principal */
.topbar .shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}
.brand{margin-right:0}
.topbar .nav{min-width:0;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.topbar .nav::-webkit-scrollbar{display:none}
.topbar .nav a{flex:0 0 auto;padding:.68rem .9rem!important;border-radius:14px!important}
.account{display:flex;align-items:center;gap:10px;justify-self:end}
.account .status{padding:.58rem .82rem;border:1px solid rgba(77,140,105,.26);border-radius:14px;background:rgba(64,124,89,.08);font-weight:700;color:#8ed4a5}
.account .btn{padding:.82rem 1rem!important;border-radius:18px!important;min-height:56px;display:inline-flex;align-items:center}
@media(max-width:1180px){.topbar .shell{grid-template-columns:auto 1fr}.account{grid-column:1/-1;justify-self:start;flex-wrap:wrap;padding-bottom:10px}.topbar .nav{order:3}}
@media(max-width:900px){.topbar .nav{display:none!important}.topbar .shell{position:relative;grid-template-columns:minmax(0,1fr) auto;min-height:64px}.account{display:none!important}.discord-mobile-nav-toggle{display:inline-flex!important;grid-column:2;grid-row:1;justify-self:end;align-self:center;flex:0 0 46px}.brand{min-width:0}.brand span{min-width:0}.brand strong{white-space:nowrap}}