:root {
  --ink:#f2eee5;
  --muted:#a59f94;
  --line:#2a2923;
  --panel:#10100e;
  --soft:#17150f;
  --bg:#070706;
  --accent:#c29c59;
  --accent-strong:#e1bf78;
  --gold:#d3b06b;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
}
*{box-sizing:border-box}
body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(900px 440px at 50% -180px,#2b210f 0%,var(--bg) 68%)}
button,input,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:70px;max-width:1220px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;font-size:19px;letter-spacing:-.02em}.brand b,.brand-mark{color:var(--accent);font-weight:800}.brand-mark{font-size:17px}
.header-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.language-toggle,.mode-switch button{border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:var(--ink);background:transparent;font-weight:650}.status-dot{display:inline-flex;gap:7px;align-items:center}.status-dot i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #c29c5990}
main{max-width:1168px;margin:auto;padding:0 26px 58px}.hero{padding:68px 0 45px;text-align:center}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}h1{margin:0;font-size:clamp(38px,6vw,67px);font-weight:750;line-height:1.04;letter-spacing:-.052em}h1 em{color:var(--accent);font-style:normal}.hero-copy{max-width:660px;margin:19px auto 20px;color:var(--muted);font-size:16px;line-height:1.65}
.mode-switch{display:flex;justify-content:center;gap:7px;margin:0 0 15px}.mode-switch button.active{border-color:var(--accent);background:#201b10;color:var(--accent-strong)}
.search-wrap{position:relative;max-width:680px;margin:auto}.search-wrap input{width:100%;height:58px;padding:0 54px 0 20px;border:1px solid #51452d;border-radius:9px;outline:0;color:var(--ink);background:#0d0c0a}.search-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #c29c591a}.search-icon{position:absolute;right:19px;top:10px;color:var(--accent);font-size:31px}.quick-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.quick-skill,.skill-link{border:1px solid var(--line);border-radius:6px;padding:6px 11px;color:var(--muted);background:transparent;font-size:12px}.quick-skill:hover,.skill-link:hover{color:var(--accent-strong);border-color:#725c30}
.explorer{display:grid;grid-template-columns:277px minmax(0,1fr);min-height:650px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0c0c0b;box-shadow:0 30px 80px #00000055}.sidebar{padding:20px 12px;border-right:1px solid var(--line);background:#0a0a09}.sidebar-title-row{display:flex;align-items:baseline;justify-content:space-between;padding:0 7px 13px}.sidebar-title-row h2{margin:0;font-size:17px;font-weight:750}.sidebar-title-row span{color:var(--muted);font-size:12px}.filter-label{display:block;padding:10px 7px 6px;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}select{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 9px;color:var(--ink);background:#11100d;outline:0}select:focus{border-color:var(--accent)}
.result-list{max-height:530px;margin-top:15px;overflow-y:auto;padding-right:3px}.result-list::-webkit-scrollbar{width:5px}.result-list::-webkit-scrollbar-thumb{border-radius:9px;background:#4a402b}.result-row{width:100%;display:flex;flex-direction:column;gap:3px;padding:10px 9px;border:0;border-radius:6px;text-align:left;color:var(--ink);background:transparent}.result-row:hover{background:#18150e}.result-row.active{background:#211c10;box-shadow:inset 2px 0 var(--accent)}.result-row small{color:var(--muted);font-size:11px}.no-results{padding:21px 9px;color:var(--muted);text-align:center;font-size:13px}
.detail{padding:35px 39px 45px}.detail-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.tag{border:1px solid #474238;border-radius:5px;padding:4px 8px;color:#d4cec2;font-size:11px}.tag.gold{border-color:#79623a;color:var(--gold)}.tag.green{border-color:#745e35;color:var(--accent-strong)}.detail-title{margin:0;font-size:clamp(31px,4vw,44px);font-weight:750;letter-spacing:-.045em}.detail-subtitle{margin:9px 0 26px;color:var(--muted);line-height:1.6}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:30px 0 13px}.section-heading h3{margin:0;font-size:18px;font-weight:750}.section-heading p{margin:0;color:var(--muted);font-size:12px}
.effects{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.effect-card,.stat-panel{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.effect-card h4{margin:0 0 8px;color:var(--accent-strong);font-size:15px}.effect-card h4 small{color:var(--muted);font-weight:500}.effect-type{margin:0 0 12px;color:var(--muted);font-size:12px}.effect-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.effect-stat{padding-top:6px;border-top:1px solid #282620}.effect-stat b{display:block;color:var(--accent-strong);font-size:13px}.effect-stat span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.modifier-groups,.stat-list{display:grid;gap:9px}.modifier-group{border:1px solid var(--line);border-radius:8px;overflow:hidden}.modifier-dimension{padding:10px 13px;color:var(--accent-strong);background:#19160e;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.modifier-row,.stat-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(170px,1.3fr) auto;gap:15px;align-items:center;padding:14px 13px;border-top:1px solid var(--line)}.modifier-name{font-weight:730}.modifier-kind{display:block;margin-top:3px;color:var(--muted);font-size:11px}.modifier-value,.stat-value{color:var(--accent-strong);font-size:13px;line-height:1.45}.modifier-match{max-width:128px;color:var(--gold);font-size:11px;text-align:right}.stat-group{color:var(--accent);font-size:11px;text-transform:uppercase}.skill-links{display:flex;flex-wrap:wrap;gap:8px}.notice{padding:14px;border:1px dashed #5b5036;border-radius:8px;color:var(--muted);background:#13110c;font-size:13px}
.tag-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0 7px}.tag-filter{border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:var(--muted);background:transparent;font-size:11px}.tag-filter.active{border-color:var(--accent);background:#211c10;color:var(--accent-strong)}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.applicable-rules{display:grid;gap:9px}.applicable-rule{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.applicable-rule summary{display:flex;justify-content:space-between;gap:12px;padding:13px;cursor:pointer}.applicable-rule summary span{display:grid;gap:3px}.applicable-rule summary small,.rule-condition{color:var(--muted);font-size:12px}.applicable-rule summary strong{color:var(--accent-strong);font-size:12px;white-space:nowrap}.rule-condition{margin:0;padding:0 13px 12px}.rule-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:12px;border-top:1px solid var(--line);background:#0c0b09}.rule-type-card{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}.rule-type-card-head{min-height:43px;padding:9px 10px;border-bottom:1px solid var(--line);background:#19160e}.rule-type-card h4{display:flex;justify-content:space-between;align-items:center;margin:0;color:var(--accent-strong);font-size:12px}.rule-type-card h4 small{color:var(--muted);font-size:11px;font-weight:500}.rule-type-card label{display:grid;gap:5px;margin-top:8px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.rule-type-card label select{padding:6px 8px;font-size:12px;text-transform:none;letter-spacing:normal}.rule-source-list{max-height:300px;overflow-y:auto}.rule-source-list::-webkit-scrollbar{width:4px}.rule-source-list::-webkit-scrollbar-thumb{background:#4a402b}.rule-source{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:8px;align-items:center;width:100%;padding:10px;border:0;border-top:1px solid var(--line);text-align:left;color:var(--ink);background:transparent}.rule-source.has-slot{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) auto}.rule-source:hover{background:#18150e}.rule-source span{overflow-wrap:anywhere;font-size:12px;font-weight:680}.rule-source small{color:var(--muted);font-size:10px}.rule-source b{color:var(--accent-strong);font-size:11px;font-weight:500;line-height:1.35}
footer{max-width:1168px;display:flex;justify-content:space-between;gap:20px;margin:auto;padding:0 26px 24px;color:#7e786e;font-size:12px}
@media(max-width:760px){.site-header{height:60px;padding:0 17px}.status-dot{display:none}main{padding:0 14px 36px}.hero{padding:50px 5px 35px}.explorer{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.result-list{max-height:230px}.detail{padding:25px 18px 32px}.modifier-row,.stat-row,.rule-source{grid-template-columns:1fr;gap:6px}.modifier-match{max-width:none;text-align:left}footer{padding:0 16px 20px;flex-direction:column;gap:5px}}