:root{--bg:#0d1017;--pan:#161a23;--pan2:#1c2130;--tx:#dfe4ee;--dim:#96a0b5;--acc:#c9a227;
--miss:#e5484d;--now:#30a46c;--ver:#4c8dff;--steal:#c07ae0;--doubt:#e5a03a;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);
font:16px/1.75 -apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
a{color:var(--acc);text-decoration:none}
.top{padding:22px 28px 12px;border-bottom:1px solid #232a37}
.brand b{font-size:24px;letter-spacing:2px}
.brand span{display:block;color:var(--dim);font-size:13px;margin-top:3px}
.nav{display:flex;flex-wrap:wrap;gap:2px;padding:10px 20px;background:var(--pan);
position:sticky;top:0;z-index:9;border-bottom:1px solid #232a37}
.nav a{padding:6px 13px;border-radius:6px;color:var(--dim);font-size:14px}
.nav a:hover{background:var(--pan2);color:var(--tx)}
.nav a.on{background:var(--acc);color:#14161c;font-weight:700}
main{max-width:1020px;margin:0 auto;padding:26px 20px 70px}
h1{font-size:28px;margin:14px 0 6px;letter-spacing:1px}
h2{font-size:21px;margin:38px 0 14px;padding-bottom:8px;border-bottom:1px solid #232a37}
h3{font-size:17px;margin:0}
.lead{color:var(--dim);margin-top:0}
.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}
.callout{background:var(--pan);border-left:3px solid var(--acc);padding:14px 18px;border-radius:0 8px 8px 0;margin:18px 0}
.ch-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ch-card{display:block;background:var(--pan);padding:18px;border-radius:10px;border:1px solid #232a37;color:var(--tx)}
.ch-card:hover{border-color:var(--acc)}
.ch-l{color:var(--acc);font-size:12px;letter-spacing:3px}
.ch-en{color:var(--dim);font-size:12px}
.ch-meta{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0;font-size:12px;color:var(--dim)}
.ch-meta span{background:var(--pan2);padding:2px 8px;border-radius:20px}
.ch-card p{font-size:13px;color:var(--dim);margin:8px 0 0}
.rule{background:var(--pan);border-radius:10px;padding:6px 20px 14px;margin-bottom:12px}
.toc{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 26px}
.toc a{background:var(--pan2);padding:5px 11px;border-radius:6px;font-size:13px;color:var(--dim)}
.toc a:hover{color:var(--acc)}
.battle{background:var(--pan);border:1px solid #232a37;border-radius:12px;margin:16px 0;overflow:hidden}
.b-head{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--pan2)}
.b-no{min-width:38px;height:38px;display:grid;place-items:center;background:var(--bg);
border-radius:9px;font-weight:700;color:var(--acc);font-size:15px;padding:0 6px}
.b-title{flex:1}
.b-en{color:var(--dim);font-size:12px}
.b-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-size:11px;padding:2px 9px;border-radius:20px;font-weight:700;white-space:nowrap}
.tag.once{background:#3a2417;color:#ffb37a;border:1px solid #7a4520}
.tag.miss{background:#3a1a1c;color:#ff9b9e;border:1px solid #7a2b2f}
.tag.side{background:#1f2f45;color:#8fbcff;border:1px solid #2f5480}
.b-body{padding:16px 18px}
.b-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.b-meta span{background:var(--pan2);padding:4px 11px;border-radius:6px;font-size:13px;color:var(--dim)}
.b-meta b{color:var(--tx);margin-right:7px;font-weight:600}
.box{border-radius:9px;padding:2px 16px 10px;margin:10px 0;background:var(--pan2)}
.box-h{font-weight:700;font-size:14px;margin:11px 0 2px}
.box ul{margin:6px 0;padding-left:20px}
.box li{margin:4px 0;font-size:14.5px}
.box.miss{border-left:3px solid var(--miss)} .box.miss .box-h{color:#ff9b9e}
.box.now{border-left:3px solid var(--now)} .box.now .box-h{color:#68d99e}
.box.ver{border-left:3px solid var(--ver)} .box.ver .box-h{color:#8fbcff}
.box.steal{border-left:3px solid var(--steal)} .box.steal .box-h{color:#dba8f0}
.box.tips{border-left:3px solid #4a5568} .box.tips .box-h{color:var(--dim)}
.box.doubt{border-left:3px solid var(--doubt)} .box.doubt .box-h{color:#f0bd6a}
.big-box{padding:4px 20px 14px}
.b-note{font-size:14px;color:var(--dim);border-top:1px dashed #2b3242;padding-top:10px;margin-top:14px}
.tre{margin:16px 0 4px;background:var(--bg);border:1px solid #232a37;border-radius:10px}
.tre-h{padding:10px 16px;font-weight:700;font-size:14px;border-bottom:1px solid #232a37;
display:flex;gap:10px;align-items:center}
.tre-body{display:flex;gap:18px;padding:16px;flex-wrap:wrap;align-items:flex-start}
.tre-map{flex:0 0 auto}
.map{display:block;max-width:100%;height:auto}
.cap{font-size:11px;color:var(--dim);margin-top:6px;max-width:340px;line-height:1.5}
.tre-t{flex:1;min-width:300px;border-collapse:collapse;font-size:13.5px}
.tre-t th{text-align:left;color:var(--dim);font-weight:600;font-size:12px;padding:4px 8px;border-bottom:1px solid #232a37}
.tre-t td{padding:6px 8px;border-bottom:1px solid #1c2130;vertical-align:top}
.num{color:var(--acc);font-weight:700;width:22px}
.pos{color:var(--dim);font-size:12px;white-space:nowrap}
.it b{font-weight:600}
.it i{display:block;font-style:normal;color:var(--dim);font-size:11px}
.it.unk{color:#666}
.rare .it b{color:var(--acc)}
.mapnotes{margin:0 16px 12px;padding-left:20px;font-size:12px;color:var(--doubt)}
.howto{margin:0 16px 14px;font-size:13.5px;color:var(--dim)}
.none{margin:12px 16px;color:var(--dim);font-size:14px}
.src{color:var(--doubt);font-size:11px;display:block}
table.big{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:10px}
table.big th{text-align:left;background:var(--pan2);padding:8px 10px;font-size:12px;color:var(--dim)}
table.big td{padding:7px 10px;border-bottom:1px solid #1c2130;vertical-align:top}
table.big td.c{white-space:nowrap;color:var(--acc);font-size:12px}
.filter{width:100%;padding:11px 14px;margin-top:16px;background:var(--pan);border:1px solid #2b3242;
border-radius:8px;color:var(--tx);font-size:15px}
.src-list li{margin:10px 0;font-size:14px}
.big-link{display:block;background:linear-gradient(135deg,#2a2113,#1a1d26);border:1px solid #6b5620;
border-radius:10px;padding:16px 20px;margin:18px 0;color:var(--tx)}
.big-link:hover{border-color:var(--acc)}
.big-link b{font-size:18px;color:var(--acc)}
.big-link span{display:block;font-size:13.5px;color:var(--dim);margin-top:6px;line-height:1.7}
h3.sub{font-size:16px;margin:26px 0 10px;color:var(--dim)}
.src-list a{font-size:12px;word-break:break-all}
footer{border-top:1px solid #232a37;padding:22px 20px;color:#6b7488;font-size:12px;text-align:center}

.box.due{border-left:3px solid #e5484d;background:#1f1417}
.box.due .box-h{color:#ff7b7f}
.duelist{list-style:none;margin:8px 0;padding:0}
.duelist li{margin:10px 0;padding-left:0}
.duelist>li>b{font-size:15px}
.kind{display:inline-block;font-size:11px;padding:1px 8px;border-radius:20px;margin-right:8px;
vertical-align:2px;font-weight:700}
.k-char{background:#2a1f3d;color:#c9a8f0;border:1px solid #4a3670}
.k-item{background:#3a2f14;color:#e8c96a;border:1px solid #6b5620}
.k-steal{background:#2d1f38;color:#dba8f0;border:1px solid #5a3a70}
.k-magic{background:#132b3d;color:#7ec8f0;border:1px solid #2a5875}
.k-side{background:#1f2f45;color:#8fbcff;border:1px solid #2f5480}
.k-prep{background:#16301f;color:#7ed9a4;border:1px solid #2a6040}
.dmode{margin-left:10px;font-size:12px;color:#ff9b9e}
.dwhat{font-size:13.5px;color:var(--dim);margin-top:3px;line-height:1.65}
.more{font-size:12px;white-space:nowrap}
table.tl{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}
table.tl th{text-align:left;background:var(--pan2);padding:8px 10px;font-size:12px;color:var(--dim)}
table.tl td{padding:11px 10px;border-bottom:1px solid #232a37;vertical-align:top}
.tl-due{white-space:nowrap;width:150px;font-size:12px}
.tl-start{white-space:nowrap;width:150px;font-size:12px;color:var(--dim)}
.dbadge{display:inline-block;font-size:11px;padding:1px 8px;border-radius:20px;font-weight:700;margin-bottom:4px}
.dbadge.before{background:#3a1a1c;color:#ff9b9e;border:1px solid #7a2b2f}
.dbadge.during{background:#3a2417;color:#ffb37a;border:1px solid #7a4520}
.same{color:#5c6678}
.dbadge.after{background:#16301f;color:#7ed9a4;border:1px solid #2a6040}
.acqcell{white-space:normal;min-width:120px}
.acq{display:inline-block;font-size:11px;padding:1px 8px;border-radius:20px;font-weight:700;white-space:nowrap}
.acq-shop{background:#12301f;color:#7ed9a4;border:1px solid #2a6040}
.acq-alt{background:#2f2a12;color:#e0cf7a;border:1px solid #605420}
.acq-hard{background:#3a2417;color:#ffb37a;border:1px solid #7a4520}
.acq-unique{background:#3a1a1c;color:#ff9b9e;border:1px solid #7a2b2f}
.acq-unknown{background:#23262e;color:#8a93a6;border:1px solid #3a4050}
.acq-ways{display:block;font-size:10.5px;color:#7a839a;line-height:1.5;margin-top:2px}
.box.duesoft{border-left:3px solid #c9a227;background:#1e1b12}
.box.duesoft .box-h{color:#e8c96a}
.sev{display:inline-block;font-size:11px;padding:1px 8px;border-radius:20px;font-weight:700;
margin-right:8px;white-space:nowrap;vertical-align:2px}
.sev-unique{background:#3a1a1c;color:#ff9b9e;border:1px solid #7a2b2f}
.sev-chance{background:#3a2f14;color:#e8c96a;border:1px solid #6b5620}
.sev-prep{background:#16301f;color:#7ed9a4;border:1px solid #2a6040}
.tl-sev{width:110px;white-space:nowrap}
.sevfilter{margin:16px 0;font-size:13px;color:var(--dim)}
.sevfilter button{background:var(--pan2);border:1px solid #2b3242;color:var(--dim);
padding:5px 13px;border-radius:20px;margin-left:6px;font-size:13px;cursor:pointer}
.sevfilter button.on{background:var(--acc);color:#14161c;border-color:var(--acc);font-weight:700}
@media(max-width:640px){.tre-body{padding:10px}.b-head{flex-wrap:wrap}main{padding:18px 12px 50px}}