:root{
 --bg:#14110d;--bg-1:#19150f;--bg-2:#1f1a13;--bg-3:#271f17;--bg-4:#322819;
 --panel:#1c1811;--panel-hi:#241e15;--line:#3a3022;--line-2:#4c3d27;--line-hot:#6b5026;
 --ink:#ece2d0;--ink-dim:#a99c84;--ink-faint:#6f6553;--ink-ghost:#4a4337;
 --rust:#c2683b;--rust-hi:#e07d44;--rust-deep:#8f4324;--amber:#e6ab2c;--amber-dim:#9a7320;
 --toxic:#a6cc4e;--toxic-dim:#6f8c30;--danger:#cf4632;--danger-hi:#e85b44;--cyan:#58b6b0;--violet:#9a7bc8;
 --shadow:0 2px 0 rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.42);--radius:7px;
 --display:"Arial Narrow","Roboto Condensed",Impact,sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace
}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1000px 700px at 80% -10%,rgba(194,104,59,.12),transparent 62%),radial-gradient(800px 650px at 8% 110%,rgba(142,198,63,.06),transparent 65%);z-index:0}
.grain:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-4);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--line-hot)}
.app{position:relative;z-index:1;display:grid;grid-template-columns:258px minmax(0,1fr);grid-template-rows:78px minmax(0,1fr);grid-template-areas:"brand top" "side main";min-height:100vh}
.brand{grid-area:brand;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg-1));display:flex;align-items:center;padding:12px 18px;gap:12px;position:sticky;top:0;z-index:30}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-hot);background:radial-gradient(circle at 45% 38%,#d87944 0 12%,#6e321e 13% 34%,#211810 35%);clip-path:polygon(50% 0,62% 31%,96% 35%,70% 57%,79% 91%,50% 72%,21% 91%,30% 57%,4% 35%,38% 31%);filter:drop-shadow(0 4px 7px rgba(0,0,0,.45))}
.brand-copy{min-width:0}.brand-name{font:700 22px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.brand-name b{color:var(--rust-hi)}.brand-tag{font:600 9px/1.4 var(--body);color:var(--ink-faint);letter-spacing:.28em;text-transform:uppercase;margin-top:5px}
.topbar{grid-area:top;position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(31,26,19,.98),rgba(25,21,15,.98));backdrop-filter:blur(10px)}
.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);background:var(--bg-3);border-radius:5px}.search-wrap{position:relative;flex:1;max-width:760px}.search{width:100%;height:42px;padding:0 44px 0 15px;border:1px solid var(--line-2);border-radius:100px;background:var(--bg-3);outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.search:focus{border-color:var(--rust);box-shadow:0 0 0 3px rgba(194,104,59,.12)}
.search-icon{position:absolute;right:15px;top:10px;color:var(--ink-faint);font-size:18px}.search-results{position:absolute;top:49px;left:0;right:0;max-height:65vh;overflow:auto;background:var(--panel-hi);border:1px solid var(--line-2);border-radius:7px;box-shadow:var(--shadow);display:none;z-index:80}.search-results.open{display:block}.search-result{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.search-result:last-child{border:0}.search-result:hover,.search-result.active{background:var(--bg-4)}.search-result small{color:var(--ink-faint)}
.top-chip{display:flex;align-items:center;gap:8px;white-space:nowrap;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:100px;background:var(--bg-3);font:12px var(--mono);color:var(--amber)}
.sidebar{grid-area:side;position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--bg-1),var(--bg));padding:10px 0 30px;z-index:20}
.nav-group{font:600 10px var(--display);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-ghost);padding:16px 18px 7px}.nav-link{display:flex;align-items:center;gap:11px;padding:8px 14px;margin:1px 8px;border:1px solid transparent;border-radius:5px;color:var(--ink-dim);transition:.12s}.nav-link:hover{background:var(--bg-2);color:var(--ink)}.nav-link.active{position:relative;background:linear-gradient(90deg,rgba(194,104,59,.17),rgba(194,104,59,.03));border-color:var(--line-hot);color:var(--ink)}.nav-link.active:before{content:"";position:absolute;left:-9px;top:6px;bottom:6px;width:3px;background:var(--rust-hi);border-radius:2px}.nav-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:var(--bg-3);color:var(--rust-hi);font-size:14px;flex:none}.nav-name{font:500 14px var(--display);letter-spacing:.04em;text-transform:uppercase}.nav-count{margin-left:auto;font:10px var(--mono);color:var(--ink-faint)}
.main{grid-area:main;min-width:0;padding:26px 28px 70px}.main-wrap{max-width:1320px;margin:0 auto}.breadcrumbs{font:11px var(--mono);color:var(--ink-faint);margin-bottom:10px}.breadcrumbs a:hover{color:var(--rust-hi)}
.hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:16px;margin-bottom:20px}.hero-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:6px;background:linear-gradient(145deg,var(--bg-2),var(--bg-3));font-size:28px;box-shadow:var(--shadow)}.kicker{font:600 10px var(--display);text-transform:uppercase;letter-spacing:.22em;color:var(--ink-faint)}h1,h2,h3,h4{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em}h1{font-size:34px;line-height:1;margin:4px 0 5px}h2{font-size:22px;margin:0}h3{font-size:14px;letter-spacing:.1em;margin:0}.sub{color:var(--ink-dim);max-width:800px}.hero-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stat-chip{min-width:92px;padding:7px 10px;border:1px solid var(--line);background:var(--bg-2);border-radius:5px;text-align:right}.stat-chip .lab{font:9px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.stat-chip .val{font:16px var(--mono);color:var(--amber)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel+.panel{margin-top:16px}.panel-h{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.panel-h h2,.panel-h h3{flex:1;color:var(--ink-dim)}.panel-b{padding:16px}.bracket{position:relative}.bracket:before,.bracket:after{content:"";position:absolute;width:13px;height:13px;pointer-events:none;border:2px solid var(--line-hot)}.bracket:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.bracket:after{right:-1px;bottom:-1px;border-left:0;border-top:0}
.grid{display:grid;gap:14px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(245px,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;display:block;padding:15px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(145deg,var(--panel-hi),var(--panel));transition:.13s;min-width:0}.card.click:hover{transform:translateY(-1px);border-color:var(--line-hot);background:var(--bg-3)}.card-head{display:flex;align-items:center;gap:11px;margin-bottom:9px}.card-icon,.entity-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border:1px solid var(--line-2);background:var(--bg-3);border-radius:5px;font-size:20px;color:var(--rust-hi)}.card-title{font:600 17px var(--display);text-transform:uppercase;letter-spacing:.04em;line-height:1.1}.card-meta{font:10px var(--mono);color:var(--ink-faint);margin-top:3px}.card-desc{font-size:13px;color:var(--ink-dim)}.card-foot{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.tag{display:inline-flex;align-items:center;min-height:23px;padding:2px 7px;border:1px solid var(--line);border-radius:4px;background:var(--bg-3);font:10px var(--mono);color:var(--ink-dim)}.tag.hot{border-color:var(--line-hot);color:var(--rust-hi)}.tag.good{border-color:var(--toxic-dim);color:var(--toxic)}.tag.warn{border-color:var(--amber-dim);color:var(--amber)}
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.input,.select{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:var(--bg-2);outline:none}.input{min-width:230px;flex:1}.input:focus,.select:focus{border-color:var(--rust)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid var(--line-hot);border-radius:5px;background:linear-gradient(180deg,var(--rust),var(--rust-deep));font:600 12px var(--display);letter-spacing:.07em;text-transform:uppercase;color:#fff}.btn:hover{filter:brightness(1.12)}.btn.ghost{background:var(--bg-3);border-color:var(--line);color:var(--ink-dim)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{position:sticky;top:0;z-index:2;padding:9px 10px;background:var(--bg-3);border-bottom:1px solid var(--line-2);font:600 10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);text-align:left;white-space:nowrap}.data-table td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:rgba(255,255,255,.018)}.data-table a{color:var(--ink)}.data-table a:hover{color:var(--rust-hi)}.num{font-family:var(--mono);white-space:nowrap}.dim{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.amber{color:var(--amber)}.rust{color:var(--rust-hi)}.toxic{color:var(--toxic)}.danger{color:var(--danger-hi)}.cyan{color:var(--cyan)}
.item-line{display:flex;align-items:center;gap:8px;min-width:0}.mini-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:var(--bg-3);font-size:12px;flex:none}.item-link:hover .mini-icon{border-color:var(--line-hot)}.stack{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.kv{display:grid;grid-template-columns:minmax(130px,210px) 1fr;border-bottom:1px solid var(--line);padding:8px 0;gap:14px}.kv:last-child{border-bottom:0}.kv .key{font:10px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.kv .value{font-family:var(--mono);overflow-wrap:anywhere}.section-title{display:flex;align-items:center;gap:10px;margin:22px 0 10px}.section-title:after{content:"";height:1px;flex:1;background:var(--line)}.section-title h2{font-size:18px;color:var(--ink-dim)}
.rarity-common{color:#8f8371}.rarity-uncommon{color:#90ad45}.rarity-rare{color:#58a5c5}.rarity-epic{color:#ad8add}.rarity-relic{color:#e07d44}.rarity-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;box-shadow:0 0 8px currentColor}
.callout{padding:13px 15px;border-left:3px solid var(--rust);background:rgba(194,104,59,.08);color:var(--ink-dim);border-radius:0 5px 5px 0}.callout strong{color:var(--ink)}.quote{padding:14px 16px;border:1px solid var(--line);background:var(--bg-2);border-radius:5px;font-style:italic;color:var(--ink-dim)}
.source-row{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.source-row:last-child{border-bottom:0}.source-note{font:11px var(--mono);color:var(--cyan);text-align:right}.empty{padding:34px;text-align:center;color:var(--ink-faint)}
.progress{height:9px;border:1px solid var(--line);background:var(--bg-3);border-radius:100px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--rust-deep),var(--rust-hi))}.branch{border-left:3px solid var(--line-hot)}.mastery-node{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:11px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}.mastery-node:last-child{border-bottom:0}.node-tier{font:10px var(--mono);color:var(--ink-faint)}.node-name{font:600 14px var(--display);text-transform:uppercase}.node-eff{font:11px var(--mono);color:var(--toxic);text-align:right;max-width:240px}.capstone{background:rgba(230,171,44,.05);margin:0 -16px;padding-left:16px;padding-right:16px}.spoiler summary{cursor:pointer;color:var(--amber);font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase}.spoiler[open] summary{margin-bottom:12px}
.lore-body{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.72;color:#d6cab7}.lore-body p:first-child:first-letter{float:left;font:700 48px/38px var(--display);padding:4px 7px 0 0;color:var(--rust-hi)}
.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.tab{padding:7px 11px;border:1px solid var(--line);background:var(--bg-2);border-radius:4px;font:600 11px var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer}.tab:hover,.tab.on{border-color:var(--line-hot);background:rgba(194,104,59,.12);color:var(--ink)}
.home-banner{padding:28px;background:linear-gradient(110deg,rgba(194,104,59,.16),rgba(31,26,19,.92) 45%,rgba(142,198,63,.06)),repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,255,255,.012) 18px 19px);border:1px solid var(--line-hot);border-radius:8px;box-shadow:var(--shadow);margin-bottom:18px}.home-banner h1{font-size:46px}.home-banner p{max-width:760px;color:var(--ink-dim);font-size:16px}.home-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.footer-note{margin-top:28px;padding-top:15px;border-top:1px solid var(--line);font:11px var(--mono);color:var(--ink-faint);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.overlay{display:none;position:fixed;inset:78px 0 0;background:rgba(0,0,0,.6);z-index:18}.overlay.open{display:block}
@media(max-width:1000px){.app{grid-template-columns:230px minmax(0,1fr)}.hero{grid-template-columns:auto 1fr}.hero-stats{grid-column:1/-1;justify-content:flex-start}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app{display:block}.brand{height:68px;border-right:0}.topbar{top:68px;height:62px;padding:10px 12px}.top-chip{display:none}.menu-btn{display:block}.sidebar{position:fixed;left:0;top:130px;bottom:0;width:min(290px,84vw);height:auto;transform:translateX(-105%);transition:.18s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main{padding:22px 14px 55px;margin-top:62px}.hero{grid-template-columns:auto 1fr;align-items:center}.hero-icon{width:48px;height:48px}.hero-stats{grid-column:1/-1}.grid.two,.grid.three{grid-template-columns:1fr}.home-banner{padding:20px}.home-banner h1{font-size:36px}.kv{grid-template-columns:115px 1fr}.source-row{grid-template-columns:27px 1fr}.source-note{grid-column:2;text-align:left}.mastery-node{grid-template-columns:44px 1fr}.node-eff{grid-column:2;text-align:left}.overlay{top:130px}}
@media(max-width:480px){h1{font-size:28px}.hero{gap:10px}.hero-icon{display:none}.hero-stats{gap:6px}.stat-chip{min-width:calc(50% - 4px);flex:1}.grid.cards{grid-template-columns:1fr}.toolbar>*{width:100%}.input{min-width:0}.data-table{font-size:12px}.panel-b{padding:13px}.home-banner h1{font-size:31px}}