:root{--bg:#1b150e;--navbg:#110b06;--panel:#271f15;--plate2:#33291a;--border:#574326;--bevelD:#0e0905;--line:#3d3020;--text:#f1e6cf;--muted:#bda988;--sub:#857258;--accent:#f5c24e;--p1b:#ffdd8f;--p1sh:#6a4710;--on:#1c1306;--acc:#d08a44;--acc2:#57b89a;--accsoft:rgba(208,138,68,.12);--s:#d8593a;--a:#f0a93c;--b:#8a93b8;--pixel:"Press Start 2P",ui-monospace,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.62;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;box-shadow:inset 0 0 150px rgba(0,0,0,.5)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--p1b)}.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:13px 20px;border-bottom:3px solid var(--accent);background:var(--navbg);position:relative;z-index:2}.logo{font-family:var(--pixel);font-size:13px;color:var(--accent);text-shadow:2px 2px 0 var(--p1sh)}.nav nav{display:flex;gap:15px;flex-wrap:wrap}.nav nav a{color:var(--muted);font-weight:700;font-size:.92rem}.nav nav a:hover{color:var(--acc2)}.nav .langsw{margin-left:auto}.container{max-width:900px;margin:0 auto;padding:1.6rem 1.25rem 0}.footer{text-align:center;color:var(--sub);padding:1.8rem;font-size:.8rem;border-top:3px dotted var(--line);margin-top:2.4rem}h1{font-size:1.75rem;letter-spacing:.3px;line-height:1.3;margin:1.1rem 0 .6rem}h1,h2{font-weight:800;color:var(--accent);text-shadow:2px 2px 0 var(--p1sh)}h2{font-size:1.2rem;display:flex;align-items:center;gap:.55rem;margin:1.7rem 0 .8rem;line-height:1.35}h2:before{content:"";flex:0 0 auto;width:11px;height:11px;background:var(--acc2);box-shadow:2px 2px 0 var(--bevelD)}h3{font-size:1rem;font-weight:700;color:var(--accent);margin:1rem 0 .4rem}section{margin:1.3rem 0}.card{position:relative;background:linear-gradient(180deg,var(--plate2),var(--panel));border-left:3px solid var(--border);border-bottom-color:var(--border);border-right-color:var(--border);border-top:3px solid var(--border);border-bottom:3px solid var(--bevelD);border-right:3px solid var(--bevelD);box-shadow:5px 5px 0 rgba(0,0,0,.45),inset 0 2px 0 hsla(0,0%,100%,.04);padding:1rem 1.2rem;margin:.8rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.tier{font-family:var(--pixel);font-size:.7rem;padding:.3rem .5rem;color:var(--on);box-shadow:2px 2px 0 rgba(0,0,0,.45);line-height:1}.tier-S{background:var(--s)}.tier-A{background:var(--a)}.tier-B{background:var(--b)}.tag{display:inline-block;background:var(--navbg);color:var(--muted);border:2px solid var(--line);padding:.2rem .55rem;font-size:.78rem;margin:.15rem .25rem .15rem 0}label{display:block;margin:.7rem 0 .25rem;color:var(--sub);font-size:.82rem;font-weight:700}input{width:100%;padding:.55rem .65rem;background:var(--navbg);border:2px solid var(--border);border-bottom-color:var(--bevelD);color:var(--text);font-size:1rem;font-family:inherit}input:focus{outline:none;border-color:var(--accent)}select{font-family:inherit}.result{font-family:var(--pixel);font-size:1.2rem;color:var(--accent);text-shadow:2px 2px 0 var(--p1sh);margin-top:1rem;line-height:1.4}.note{font-size:.85rem;border-left:4px solid var(--acc);background:var(--accsoft);padding:.6rem .85rem;margin:1rem 0}.muted,.note{color:var(--muted)}.muted{font-size:.9rem}.itembar{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.rchip{padding:.3rem .6rem;cursor:pointer;font-size:.74rem;border:2px solid var(--border);border-bottom-color:var(--bevelD);background:var(--navbg);color:var(--text);display:inline-flex;align-items:center;gap:.35rem}.rchip .dot{width:9px;height:9px;display:inline-block}.rchip.on{font-weight:700;box-shadow:2px 2px 0 var(--bevelD)}.itemgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));grid-gap:.6rem;gap:.6rem}.itemcard{position:relative;background:linear-gradient(180deg,var(--plate2),var(--panel));border-left:2px solid var(--border);border-bottom-color:var(--border);border-right-color:var(--border);border-top:2px solid var(--border);border-bottom:2px solid var(--bevelD);border-right:2px solid var(--bevelD);padding:.6rem .4rem .5rem;text-align:center;cursor:pointer;transition:transform .1s}.itemcard:hover{transform:translateY(-3px)}.itemcard .ic{image-rendering:pixelated;background:var(--navbg);border:2px solid var(--line);padding:4px;width:56px;height:56px}.itemcard .nm{font-size:.72rem;font-weight:600;margin-top:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itemcard .lv{font-size:.66rem;color:var(--sub)}.itemdetail{position:-webkit-sticky;position:sticky;top:.5rem;z-index:5;background:linear-gradient(180deg,var(--plate2),var(--panel));border-left:3px solid var(--border);border-bottom-color:var(--border);border-right-color:var(--border);border-top:3px solid var(--border);border-bottom:3px solid var(--bevelD);border-right:3px solid var(--bevelD);padding:1rem 1.2rem;margin-bottom:1rem;display:flex;gap:1.1rem;align-items:center;box-shadow:5px 5px 0 rgba(0,0,0,.45)}.itemdetail .ic{image-rendering:pixelated;background:var(--navbg);border:2px solid var(--line);padding:8px;width:88px;height:88px}.itemdetail .close{margin-left:auto;cursor:pointer;color:var(--muted);font-size:1.3rem;line-height:1;align-self:flex-start}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));grid-gap:.9rem;gap:.9rem;margin:1rem 0 1.6rem}.class-card{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--plate2),var(--panel));border-left:3px solid var(--border);border-bottom-color:var(--border);border-right-color:var(--border);border-top:3px solid var(--border);border-bottom:3px solid var(--bevelD);border-right:3px solid var(--bevelD);box-shadow:4px 4px 0 rgba(0,0,0,.4);padding:.7rem;text-align:center;transition:transform .1s}.class-card:hover{transform:translateY(-4px);border-color:var(--accent)}.class-card img{width:auto;height:104px;max-width:100%;object-fit:contain;image-rendering:pixelated;display:block}.class-name{font-family:var(--pixel);font-size:.6rem;line-height:1.5;margin-top:auto;padding-top:.6rem;display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--text);flex-wrap:wrap}.class-portrait{width:160px;height:auto;border-left:3px solid var(--border);border-bottom-color:var(--border);border-right-color:var(--border);border-top:3px solid var(--border);border-bottom:3px solid var(--bevelD);border-right:3px solid var(--bevelD);background:var(--navbg);padding:6px;image-rendering:pixelated}.hero-portrait{image-rendering:pixelated;vertical-align:middle}.hero-portrait-lg{image-rendering:pixelated;display:block;margin:.5rem 0 1rem}