@charset "UTF-8";
:root{color-scheme:dark;--bg:#100f0b;--panel:#1a1711;--gold:#d0ae6a;--ink:#e5dbc5;--muted:#ada18b;--line:#4c402c;--red:#692a22}*{box-sizing:border-box}html{scroll-padding-top:100px;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 0,#302419 0,transparent 45%),var(--bg);font:15px/1.75 system-ui,-apple-system,"Malgun Gothic",sans-serif}a{color:var(--gold);text-underline-offset:4px}a:hover{color:#fff0bb}button,input,select,textarea{font:inherit}button,.button{display:inline-block;border:1px solid #9d7c42;background:linear-gradient(#68492b,#382515);color:#f1dfb6;padding:9px 17px;cursor:pointer;text-decoration:none;border-radius:3px}button[aria-pressed=true]{background:#805831;box-shadow:inset 0 0 0 1px #e7c275}.button.ghost{background:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #eccd8c;outline-offset:4px}.topbar{position:sticky;top:0;z-index:10;display:flex;gap:26px;align-items:center;justify-content:space-between;padding:14px max(24px,calc((100vw - 1280px)/2));background:#13100ded;border-bottom:1px solid #725a32;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;color:#e4c987;text-decoration:none;font:700 18px Georgia,serif;letter-spacing:2px;line-height:1.3;white-space:nowrap}.brand>span{font-size:35px;border:1px solid #93743d;width:46px;height:50px;text-align:center;line-height:45px}.brand small{display:block;font:9px/2 system-ui;letter-spacing:4px}.topbar nav{display:flex;flex-wrap:wrap;gap:24px}.topbar nav a{text-decoration:none;color:#cabea6;font-size:13px}.language{font-size:12px;white-space:nowrap}main{max-width:1260px;margin:auto;padding:28px 28px 75px;min-height:65vh}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:25px}h1,h2,h3,h4{font-family:Georgia,"Malgun Gothic",serif;color:#e5cc91;line-height:1.4}h1{font-size:clamp(29px,4vw,46px);margin:20px 0}h2{font-size:24px;margin-top:34px}h3{font-size:18px}h4{font-size:16px;margin:12px 0}p{max-width:900px}small{display:block;font-size:11px;color:var(--muted)}.lead{font-size:19px;color:#d6cbb6;max-width:800px}.hero{position:relative;padding:30px 40px 36px;border:1px solid #765e38;background:linear-gradient(115deg,#33251b,#191510 65%,#302116);box-shadow:0 15px 60px #0005}.hero:after{content:"Ⅱ";position:absolute;right:55px;top:0;font:230px Georgia;color:#a5823b0f;pointer-events:none}.eyebrow{font:10px/1.7 system-ui;letter-spacing:2px;color:var(--gold)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.metrics{display:flex;gap:60px;padding-top:15px}.metrics div{font-size:12px;color:var(--muted)}.metrics strong{display:block;color:#f0d99e;font:32px Georgia}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px}.section-heading h2{margin:0}.section-heading>span{font-size:10px;letter-spacing:3px;color:#8c7a58}.class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.class-card{position:relative;min-height:200px;text-decoration:none;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,#292116,#17130f);transition:border-color .15s}.class-card:hover{border-color:#c8a65f}.class-card h2{font-size:19px;margin:12px 0 5px}.class-card p{font-size:11px;color:var(--muted);margin:0}.class-card>span:last-child{position:absolute;right:18px;top:20px}.portrait{display:inline-block;vertical-align:middle;width:48px;height:82px;background-repeat:no-repeat;background-position:0 0;margin-right:12px}.editorial{max-width:900px;margin-top:35px}.editorial p{line-height:1.95}.evidence{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:24px 0;padding:13px 18px;border:1px solid var(--line);background:#211a12;font-size:12px}.section-nav{position:sticky;top:80px;z-index:5;display:flex;gap:16px;flex-wrap:wrap;padding:13px;background:#20190ff5;border:1px solid var(--line);font-size:12px}.notice{padding:16px 20px;background:#302217;border-left:3px solid #b38a47;color:#d0bea0;font-size:13px}.table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);margin:18px 0 28px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#d9b36e;background:#292014;font-weight:500}th,td{padding:13px 15px;border-bottom:1px solid #3a3122;vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#1c1812}td ul{padding-left:17px;margin:0}td:first-child{min-width:95px}td .thumb{float:left;margin-right:10px}.thumb{object-fit:contain;width:40px;height:48px;vertical-align:middle}.with-icon{display:inline-flex;align-items:center;gap:9px}.with-icon .thumb{width:32px;height:32px;image-rendering:pixelated}.quality{display:inline-block;border:1px solid #6f6449;border-radius:2px;padding:1px 5px;font-size:10px}.q-u,.q-unique{color:#d5b979;background:#3b3019}.q-w,.q-runeword{color:#e5d6a9;background:#494025}.q-s,.q-set{color:#91c17d;background:#21321c}.q-r{color:#e0c86c;background:#3c3317}.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gear-card{background:linear-gradient(140deg,#251e15,#19150f);border:1px solid var(--line);padding:16px;min-width:0}.gear-card.primary{border-top:3px solid #bda063}.gear-card ul{padding-left:18px;font-size:12px}.gear-card li{margin:6px 0}.gear-card h4 small{clear:both;padding-top:7px}.adoption{color:#ddc58e;font-size:12px}.comparison-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 0}.comparison-toolbar strong{margin-right:12px;font-size:13px}.diff-badge{font-size:9px;border:1px solid #836333;border-radius:2px;color:#e8c483;background:#4c371b;white-space:nowrap;padding:1px 4px}.diff-badge.exclusive{background:#1d3545;border-color:#405f74;color:#a9c8e2}.gear-card [data-option-state=same]{color:#9c927f}.gear-card [hidden],[hidden]{display:none!important}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.catalog-grid>a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);text-decoration:none;background:#1e1912;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:11px}.stats>div{border:1px solid var(--line);padding:10px;overflow-wrap:anywhere}.stats dt{color:var(--muted)}.stats dd{margin:0;color:#edd9a6}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:15px;border:1px solid var(--line);margin:20px 0}.filters label{font-size:12px}input,textarea,select{color:var(--ink);background:#19150f;border:1px solid #665234;padding:8px 10px;max-width:100%}.contact-form{max-width:650px}.contact-form label{display:block;margin:18px 0;font-size:13px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px}.honeypot{display:none}pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;color:#b5a88e}details{padding:12px;border:1px solid var(--line);margin:12px 0}summary{color:var(--gold);cursor:pointer}.muted{color:var(--muted);font-size:12px}footer{border-top:1px solid var(--line);padding:30px max(28px,calc((100vw - 1200px)/2));font-size:11px;color:#9d927c;background:#13110d}.footer-links{display:flex;gap:22px;flex-wrap:wrap}footer p{max-width:none}a,td,li{overflow-wrap:anywhere}@media(max-width:1000px){.class-grid,.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:12px;padding:12px 20px}.topbar nav{gap:12px}.brand{font-size:14px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){body{font-size:14px}.topbar{flex-wrap:wrap;gap:9px;padding:10px 16px}.topbar nav{order:3;width:100%;justify-content:space-between;gap:8px}.topbar nav a{font-size:11px}.brand>span{width:35px;height:39px;font-size:28px;line-height:34px}.brand small{font-size:7px}.brand{font-size:14px}.language{margin-left:auto}.section-nav{top:105px;gap:12px;font-size:11px}.hero{padding:24px 20px}.hero:after{right:10px;font-size:190px}.hero .lead{font-size:17px}.metrics{gap:25px}.class-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-card{padding:15px;min-height:185px}.class-card h2{font-size:17px}main{padding:18px 16px 45px}.section-heading>span{display:none}.gear-card{padding:10px}.gear-card h4{font-size:13px}.gear-card li{font-size:11px}.diff-badge{white-space:normal}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}th,td{padding:10px 9px;font-size:12px}.evidence{gap:12px}.catalog-grid>a{font-size:12px;padding:8px}.thumb{width:32px;height:40px}}
