:root{--bg-deep:#0a0c10;--accent:#c9a227;--accent-dim:#8a7020;--accent-glow:rgba(201,162,39,0.35);--text:#e8e6e1;--text-muted:#8b919c;--edge:rgba(201,162,39,0.25)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Outfit",system-ui,sans-serif;background:var(--bg-deep);color:var(--text);line-height:1.6;min-height:100vh}
.bg-layer{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,12,16,0.55)0%,rgba(10,12,16,0.72)45%,rgba(7,8,12,0.82)100%),radial-gradient(ellipse 120% 80% at 50% -20%,rgba(201,162,39,0.12),transparent 50%)}
.bg-grid{position:fixed;inset:0;z-index:-1;opacity:.04;background-image:linear-gradient(rgba(201,162,39,0.5)1px,transparent 1px),linear-gradient(90deg,rgba(201,162,39,0.5)1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,black 20%,transparent 70%)}
.noise{position:fixed;inset:0;z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:linear-gradient(180deg,rgba(10,12,16,0.92)0%,rgba(10,12,16,0.75)100%);border-bottom:1px solid var(--edge)}
.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-family:"Cinzel",serif;font-weight:700;font-size:1.35rem;letter-spacing:.12em;color:var(--accent);text-decoration:none;text-shadow:0 0 24px var(--accent-glow)}
.brand span{color:var(--text);font-weight:600}
nav ul{list-style:none;display:flex;gap:.35rem;flex-wrap:wrap}
nav a{display:inline-block;padding:.55rem 1.1rem;font-weight:500;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;border-radius:6px;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}
nav a:hover,nav a:focus-visible{color:var(--accent);border-color:var(--edge);background:rgba(201,162,39,.06);box-shadow:0 0 20px var(--accent-glow);outline:none}
nav a.nav-active{color:var(--accent);border-color:var(--edge);background:rgba(201,162,39,.1)}
nav a.nav-discord{display:inline-flex;align-items:center;gap:.45rem;color:#fff;background:#5865f2;border-color:rgba(255,255,255,.15);text-transform:none;letter-spacing:.02em}
nav a.nav-discord:hover{background:#4752c4;box-shadow:0 0 20px rgba(88,101,242,.45)}
nav a.nav-discord svg{width:1.05rem;height:1.05rem;fill:currentColor;flex-shrink:0}

.guide-layout{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 4rem;display:grid;grid-template-columns:220px 1fr;gap:1.5rem;align-items:start}
.guide-topbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid var(--edge)}
.guide-topbar h1{font-family:"Cinzel",serif;font-size:1.5rem;letter-spacing:.08em;color:var(--accent)}
.guide-search{position:relative;flex:1;max-width:280px}
.guide-search input{width:100%;padding:.55rem .9rem;font-family:inherit;font-size:.82rem;background:rgba(20,23,33,.9);color:var(--text);border:1px solid var(--edge);border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s}
.guide-search input:focus{border-color:var(--accent-dim);box-shadow:0 0 12px var(--accent-glow)}
.guide-search input::placeholder{color:var(--text-muted)}

.guide-sidebar{border:1px solid var(--edge);border-radius:10px;background:linear-gradient(145deg,rgba(25,28,40,.8)0%,rgba(15,18,26,.9)100%);overflow:hidden;max-height:calc(100vh - 180px);overflow-y:auto}
.guide-sidebar h3{padding:.7rem 1rem;font-family:"Cinzel",serif;font-size:.82rem;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--edge);position:sticky;top:0;background:rgba(20,23,33,.95)}
.guide-sidebar-list{list-style:none;padding:.25rem 0}
.guide-sidebar-list li a{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--text-muted);text-decoration:none;font-size:.82rem;border-left:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
.guide-sidebar-list li a:hover{background:rgba(201,162,39,.06);color:var(--text)}
.guide-sidebar-list li a.active{color:var(--accent);background:rgba(201,162,39,.1);border-left-color:var(--accent)}

.guide-main{border:1px solid var(--edge);border-radius:10px;background:linear-gradient(145deg,rgba(25,28,40,.7)0%,rgba(15,18,26,.85)100%);padding:1.5rem}
.guide-main h2{font-family:"Cinzel",serif;font-size:1.2rem;letter-spacing:.06em;color:var(--accent);margin-bottom:.75rem}
.guide-main h3{font-family:"Cinzel",serif;font-size:.95rem;letter-spacing:.04em;color:var(--accent-dim);margin:1.25rem 0 .5rem}
.guide-main p{font-size:.85rem;color:var(--text);line-height:1.7;margin-bottom:.75rem}
.guide-main ul,.guide-main ol{padding-left:1.5rem;margin-bottom:.75rem}
.guide-main li{font-size:.85rem;color:var(--text-muted);line-height:1.6}
.guide-main code{background:rgba(201,162,39,.1);color:var(--accent);padding:.1rem .4rem;border-radius:3px;font-size:.82rem}
.guide-table{width:100%;border-collapse:collapse;font-size:.8rem;margin:.75rem 0}
.guide-table th{padding:.4rem .6rem;text-align:left;font-weight:600;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dim);border-bottom:1px solid var(--edge);background:rgba(10,12,16,.3)}
.guide-table td{padding:.35rem .6rem;border-bottom:1px solid rgba(201,162,39,.06)}
.guide-table tr:hover{background:rgba(201,162,39,.04)}
.guide-badge{display:inline-block;padding:.15rem .5rem;font-size:.68rem;font-weight:600;border-radius:4px;letter-spacing:.04em;margin:0 .15rem}
.guide-badge-gold{color:#c9a227;border:1px solid #c9a227;background:rgba(201,162,39,.08)}
.guide-badge-green{color:#4caf50;border:1px solid #4caf50;background:rgba(76,175,80,.08)}
.guide-badge-red{color:#e04040;border:1px solid #e04040;background:rgba(224,64,64,.08)}
.guide-badge-blue{color:#42a5f5;border:1px solid #42a5f5;background:rgba(66,165,245,.08)}
.guide-card{border:1px solid var(--edge);border-radius:8px;padding:.85rem 1rem;margin:.5rem 0;background:rgba(15,18,26,.5)}
.guide-card h4{font-size:.82rem;color:var(--accent);margin-bottom:.3rem}
.guide-card p{font-size:.78rem;color:var(--text-muted);margin:0}
.guide-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:.75rem 0}
.guide-stat{border:1px solid rgba(201,162,39,.1);border-radius:6px;padding:.5rem .75rem;text-align:center;background:rgba(10,12,16,.4)}
.guide-stat .gs-val{font-family:"Cinzel",serif;font-size:1rem;color:var(--accent)}
.guide-stat .gs-lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:.1rem}

footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--edge);color:var(--text-muted);font-size:.85rem}
footer strong{color:var(--accent);font-family:"Cinzel",serif;letter-spacing:.08em}

@media(max-width:768px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{max-height:none;display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem}.guide-sidebar h3{width:100%}.guide-sidebar-list{display:flex;flex-wrap:wrap;gap:.25rem}.guide-sidebar-list li a{padding:.35rem .6rem;font-size:.75rem;border-left:none;border-radius:4px}.guide-table{font-size:.72rem}}