:root{--bg:#0d0f14;--card:#171a22;--card2:#1e222c;--y:#ffc700;--r:#e3242b;--t:#eef0f5;--m:#9aa3b2;--line:#262b36}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.5}
a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 16px}
.sh{background:#08090c;border-bottom:4px solid var(--y);position:sticky;top:0;z-index:20}
.sh .bar{display:flex;align-items:center;gap:12px;padding:8px 0}.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:20px;text-decoration:none;white-space:nowrap}
.brand img{width:38px}.brand span{color:var(--y)}
.sn{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-left:auto;-webkit-overflow-scrolling:touch}.sn::-webkit-scrollbar{display:none}
.sn a{white-space:nowrap;text-decoration:none;font-weight:800;font-size:12px;text-transform:uppercase;padding:7px 10px;border-radius:18px;color:var(--t)}
.sn a:hover{background:#ffffff14}.sn a.on{background:var(--y);color:#111}
@media(max-width:760px){.sh .bar{flex-wrap:wrap}.sn{margin-left:0;width:100%}}
.page-h{padding:26px 0 8px}.page-h h1{font-size:clamp(28px,6vw,48px);margin:0;font-weight:900;text-shadow:3px 3px 0 var(--r)}.page-h p{color:var(--m);margin:6px 0 0}
h2{font-size:24px;border-left:6px solid var(--r);padding-left:10px;margin:30px 0 14px}
.btn{display:inline-block;text-align:center;padding:12px 20px;border-radius:12px;font-weight:900;text-decoration:none;text-transform:uppercase;border:3px solid #111;box-shadow:0 5px 0 #000;cursor:pointer;font-size:14px;color:#111;background:var(--y);font-family:inherit}
.btn.r{background:var(--r);color:#fff}.btn.g{background:#2a2f3b;color:var(--t)}.btn.d{background:#5865f2;color:#fff}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #000}.btn:disabled{opacity:.5;cursor:default}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.chip{display:inline-block;font-size:11px;font-weight:900;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:#2a2f3b}
.muted{color:var(--m)}.small{font-size:12px}.ex{background:var(--r);color:#fff;font-weight:900;font-size:11px;padding:2px 6px;border-radius:4px;letter-spacing:.5px}
input,select{font-family:inherit;font-size:16px;padding:12px;border-radius:12px;border:2px solid #333;background:#0d0f14;color:var(--t)}
.notice{border:1px dashed var(--y);background:#ffc70014;border-radius:12px;padding:12px 14px}
.r-Starting{--rc:#8fd3ff}.r-Rare{--rc:#2edd1c}.r-Super.Rare,.r-SuperRare{--rc:#0087fa}.r-Epic{--rc:#b116ed}.r-Mythic{--rc:#ff0021}.r-Legendary{--rc:#fff11e}.r-Ultra{--rc:#ff7a00}
.bimg{background:radial-gradient(circle at 50% 60%,var(--rc,#444) 0,#0000 70%),#111;border-radius:12px;border:2px solid var(--rc,#333)}
.sf{border-top:1px solid #222;margin-top:40px;padding:22px 0 40px;color:var(--m);font-size:13px}.sf nav a{margin-right:14px;color:var(--y)}
.cd{font-variant-numeric:tabular-nums;font-weight:900}