.wiki-hero{padding:48px 0 8px;background:linear-gradient(#070814,#161a3a)}
.wiki-hero h1{font-family:"Pixel",monospace;font-size:22px;color:var(--gold);text-shadow:3px 3px 0 #000;margin:0 0 14px}
.wiki-hero p{color:#cdd4ea;max-width:760px;margin:0}
.crumbs{font-size:14px;color:var(--dim);margin:0 0 12px}
.crumbs a{text-decoration:none}
.toc{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.toc a{display:inline-block;padding:8px 12px;color:#fff;text-decoration:none;background:var(--panel2);box-shadow:0 0 0 2px #000,inset -2px -2px 0 #111427}
.toc a:hover{background:#2c3160}
section{padding:44px 0 8px}
section h3.sub{font-family:"Pixel",monospace;font-size:13px;color:#fff;margin:30px 0 14px;text-shadow:2px 2px 0 #000}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{padding:10px 14px;text-align:left;vertical-align:middle;border-bottom:2px solid #0b0d1c}
th{font-family:"Pixel",monospace;font-size:10px;letter-spacing:.04em;color:var(--gold);background:#12152b}
tr:last-child td{border-bottom:0}
td:first-child{color:#fff}
.hp{color:#ff8a8a;white-space:nowrap}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.box{padding:18px 20px}
.box h3{font-family:"Pixel",monospace;font-size:12px;line-height:1.6;color:#fff;margin:0 0 10px}
.box p,.box li{color:#c3cad8}
.box p{margin:0 0 10px}.box p:last-child{margin-bottom:0}
.box ul{margin:0;padding-left:20px}
.note{color:var(--dim);font-size:15px;margin:12px 0 0}
.lead-note{color:#c3cad8;margin:-10px 0 18px;max-width:820px}
code{font:13px "Pixel",monospace;color:var(--gold);background:#0b0d1c;padding:3px 6px 2px;box-shadow:0 0 0 2px #000}

.slot{--rc:#3a3f63;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#2a2e48;
 box-shadow:inset -3px -3px 0 #151829,inset 3px 3px 0 #3d4370,0 0 0 2px #000,0 0 0 4px var(--rc);vertical-align:middle;margin:4px}
.slot img{width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges}
.slot.sm{width:40px;height:40px}.slot.sm img{width:32px;height:32px}
.r1{--rc:#3f8f3b}.r2{--rc:#3f7fd6;background:#263455}.r3{--rc:#9a58d8;background:#33294f}.r4{--rc:#e0902a;background:#3b3024}
.r3,.r4{animation:breathe 3s ease-in-out infinite}
.r3{--glow:rgba(194,117,255,.55)}.r4{--glow:rgba(255,168,51,.6)}
@keyframes breathe{0%,100%{box-shadow:inset -3px -3px 0 #151829,inset 3px 3px 0 #3d4370,0 0 0 2px #000,0 0 0 4px var(--rc),0 0 6px 4px transparent}
 50%{box-shadow:inset -3px -3px 0 #151829,inset 3px 3px 0 #3d4370,0 0 0 2px #000,0 0 0 4px var(--rc),0 0 16px 6px var(--glow)}}
.c0{color:#dbdee6}.c1{color:#73e66b}.c2{color:#54a3ff}.c3{color:#c275ff}.c4{color:#ffa833}
.name{font-weight:600}
.item{display:flex;align-items:center;gap:12px}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}

.rar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.rar .box{text-align:center;padding:16px 12px}
.rar h3{font-size:11px;margin:0 0 8px}
.rar p{font-size:15px;margin:8px 0 0}

.recipe{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.recipe .x{font:12px "Pixel",monospace;color:var(--dim);margin:0 4px}
.arrow{font:16px "Pixel",monospace;color:var(--gold);margin:0 8px}

.boss{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:20px}
.boss .face{width:120px;height:120px;box-shadow:0 0 0 2px #000,inset -6px -6px 0 rgba(0,0,0,.35),inset 6px 6px 0 rgba(255,255,255,.18);position:relative}
.boss .face:before,.boss .face:after{content:"";position:absolute;top:34px;width:18px;height:14px;background:#111;box-shadow:inset 6px 0 0 var(--eye)}
.boss .face:before{left:22px}.boss .face:after{right:22px}
.boss .face i{position:absolute;left:18px;right:18px;bottom:22px;height:14px;background:#1a0d08;box-shadow:inset 0 4px 0 #f3eecf}
.boss h3{font-family:"Pixel",monospace;font-size:14px;margin:0 0 6px;color:#fff}
.boss .where{color:var(--gold);margin:0 0 10px}
.boss ul{margin:0;padding-left:20px;color:#c3cad8}
.boss .stats,.stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none}
.stats li{font-size:14px;background:#12152b;padding:4px 10px;box-shadow:0 0 0 2px #000;color:#c3cad8}
.stats b{color:#fff;font-weight:600}
.warn{border-left:6px solid #d05a4c;padding:14px 18px;background:#241826;color:#f0d6d6;margin:18px 0 0;box-shadow:0 0 0 2px #000}
.tip{border-left:6px solid var(--grass);padding:14px 18px;background:#17261c;color:#d8f2cc;margin:18px 0 0;box-shadow:0 0 0 2px #000}

.more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 0}
.more a{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff;text-decoration:none}
.more a:hover{background:var(--panel2)}
.more small{display:block;color:var(--dim);font-size:14px}

@media (max-width:820px){.grid2,.more{grid-template-columns:minmax(0,1fr)}.rar{grid-template-columns:repeat(2,minmax(0,1fr))}table{font-size:15px}
 .boss{grid-template-columns:minmax(0,1fr)}.boss .face{width:80px;height:80px}.boss .face:before,.boss .face:after{top:22px}}
@media (prefers-reduced-motion:reduce){.r3,.r4{animation:none}}