.gear-armory { width: min(calc(100% - 88px), var(--content)); padding: 34px; margin: 70px auto; border: 1px solid #82704a; background: linear-gradient(130deg,#25231d,#131918 45%,#181d20); box-shadow: 0 0 0 5px #131717,0 0 0 6px #59543f,inset 0 0 35px #0005; scroll-margin-top: 90px; }
.gear-armory .panel-heading { margin-bottom: 25px; }
.gear-armory .panel-heading h2 { margin-bottom: 8px; }
.gear-armory .panel-heading > p { max-width: 420px; }
.gear-levels { display:grid; grid-template-columns:repeat(6,1fr); gap:9px; padding: 15px; background: #080f10; border:1px solid #494b3d; }
.gear-levels button { min-height:64px; border:1px solid #655c44; background:linear-gradient(#33332b,#1e241f); color:#c8bd9e; cursor:pointer; border-radius:2px; box-shadow:inset 0 1px #ffffff13; }
.gear-levels button strong { display:block; font:500 25px/1.1 var(--display); }
.gear-levels button span { display:block; font-size:10px; margin-top:6px; }
.gear-levels button[aria-pressed='true'] { background:linear-gradient(#8e432c,#51201b); border-color:#dfbd69; color:#ffe9ad; box-shadow:inset 0 0 0 2px #3a221c,0 0 14px #e4b34930; }
.gear-levels button:hover { border-color:#f2d289; color:#ffe9ad; }
.gear-levels button:focus-visible,.gear-item summary:focus-visible { outline:3px solid #a5d9f6; outline-offset:3px; }
.gear-set-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0 20px; }
.gear-set-heading h3 { margin:7px 0 8px; font:500 27px/1.3 var(--display); color:#e1cea0; }
.gear-set-heading p { margin:0; max-width:750px; color:#b7bcab; font-size:13px; line-height:1.7; }
.gear-set-status { color:#b7a16d; font-size:10px; letter-spacing:.04em; text-transform:uppercase; }
.gear-progress { flex:0 0 140px; font-size:11px; color:#c8c4a8; }
.gear-progress progress { display:block; width:100%; height:5px; margin-top:9px; accent-color:#bdae69; border:0; background:#080d0e; }
.gear-professions { font-size:11px; color:#b6b7a4; padding:12px 0; border-top:1px solid #4b4d3d; }
.gear-set-bonuses p { font-size:12px; color:#b4d39c; border:1px solid #576d46; background:#202d1e; padding:12px 16px; margin-bottom:16px; }
.gear-set-bonuses strong { color:#d7e9bc; font-weight:500; }
.gear-item-body .item-name-ru { color:#b9c8cf; margin:12px 0 5px; font-size:13px; }
.gear-item-body .classic-tooltip { margin:12px 0; border:1px solid #40505c; background:#0c1420; padding:0; }
.gear-item-body .classic-tooltip summary { display:block; padding:10px 12px; min-height:0; font-size:11px; color:#aec6d4; }
.gear-item-body .classic-tooltip p { padding:0 12px; font-size:11px; color:#a4ca90; }
.item-effect { color:#bad6a3; }
.item-effect span { color:#b9bfae; }
.gear-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; align-items:start; }
.gear-column { display:flex; flex-direction:column; gap:9px; min-width:0; }
.gear-item { margin:0; padding:0; min-width:0; border:1px solid #4b5146; border-radius:1px; background:#101619; }
.gear-item summary { display:grid; grid-template-columns:80px minmax(0,1fr) 15px; align-items:center; gap:12px; padding:15px; min-height:88px; list-style:none; cursor:pointer; }
.gear-item summary::-webkit-details-marker { display:none; }
.gear-item summary::before { display:none; }
.gear-item summary:hover { background:#26302a; }
.gear-slot { display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; font-size:10px; color:#bab29b; border-right:1px solid #57513c; padding-right:10px; line-height:1.6; }
.gear-name { color:#e0cea0; font:500 16px/1.3 var(--display); overflow-wrap:anywhere; }
.gear-name.quality-uncommon { color:#9fd674; }
.gear-name.quality-rare { color:#8ac5ff; }
.gear-name.quality-epic { color:#cea5ff; }
.gear-name small { display:block; font:400 10px/1.6 var(--sans); color:#aaa994; margin-top:5px; overflow-wrap:anywhere; }
.item-chevron { color:#d2b578; font-size:14px; }
.gear-item[open] { border-color:#b19556; box-shadow:0 5px 15px #0003; background:#111923; }
.gear-item[open] summary { background:#2b3028; border-bottom:1px solid #5a5a43; }
.gear-item[open] .item-chevron { transform:rotate(45deg); }
.gear-item-body { padding:19px; font-size:12px; color:#c3c5b4; }
.gear-item-body p { line-height:1.8; margin:12px 0; }
.item-labels { display:flex; gap:7px; flex-wrap:wrap; align-items:center; color:#b8b8a5; font-size:10px; }
.item-labels > span { border:1px solid #414e51; padding:4px 7px; }
.item-labels .evidence-tag { color:#e5bd91; border-color:#7b6047; }
.item-labels .confirmed { color:#bbd6a9; border-color:#65805c; }
.item-stats { margin:16px 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 16px; }
.item-stats > div { display:flex; justify-content:space-between; gap:10px; border-bottom:1px solid #ffffff0b; padding:3px 0; }
.item-stats dt { color:#aeb9a6; font-size:10px; }
.item-stats dd { margin:0; color:#bfe49f; font-size:12px; }
.item-stat-list { padding-left:18px; color:#bfe49f; }
.item-acquisition { padding:15px; margin:16px 0; background:#080e14; border-left:2px solid #a98c50; }
.item-acquisition > span { display:block; font-size:10px; color:#b6a372; margin-bottom:7px; }
.item-acquisition strong { display:block; color:#e1d4b4; font-weight:500; }
.item-acquisition p { margin:5px 0 0; font-size:11px; }
.item-restrictions { padding-left:18px; color:#d6bc96; font-size:11px; line-height:1.7; }
.item-restrictions li { margin-bottom:6px; }
.item-alternatives { border-top:1px solid #415044; padding-top:12px; font-size:11px; }
.item-alternatives strong { font-weight:500; color:#c4d1b7; }
.item-route-note { font-size:11px; color:#abb9bb; }
.item-links { display:flex; gap:8px 14px; flex-wrap:wrap; padding:8px 0 14px; font-size:11px; }
.item-links a,.item-alternatives a { color:#dbce9d; text-underline-offset:3px; }
.item-owned { display:flex; align-items:center; gap:10px; border-top:1px solid #435043; padding-top:15px; cursor:pointer; }
.item-owned input { width:17px; height:17px; margin:0; accent-color:#d3bd78; }
.gear-item.is-owned summary { box-shadow:inset 3px 0 #91b16d; }
.gear-item.is-owned .gear-slot::after { content:' ✓'; color:#aee090; }
.gear-item.empty-slot { opacity:.65; }
.gear-footnote { border-left:2px solid #8a794e; padding:3px 0 3px 17px; color:#aaa995; font-size:11px; line-height:1.9; margin-top:24px; }
.gear-footnote a { color:#cbbd92; }
@media(max-width:1000px) { .gear-armory { padding:25px; } .gear-item summary { grid-template-columns:65px minmax(0,1fr) 12px; padding:12px; gap:8px; } .gear-name { font-size:15px; } }
@media(max-width:700px) { .gear-armory { width:calc(100% - 32px); padding:20px 14px; margin:45px auto; } .gear-levels { padding:8px; gap:6px; grid-template-columns:repeat(3,1fr); } .gear-levels button { min-height:59px; } .gear-set-heading { display:block; padding-top:22px; } .gear-set-heading h3 { font-size:24px; } .gear-progress { margin-top:18px; max-width:200px; } .gear-items { grid-template-columns:1fr; } .gear-item summary { grid-template-columns:70px minmax(0,1fr) 15px; padding:14px; min-height:80px; } .gear-name { font-size:17px; } .gear-item-body { padding:16px; } }

.gear-slot img { width:36px; height:36px; border:1px solid #a18c58; box-shadow:0 0 0 2px #070b0e; margin:0; }
.slot-placeholder { display:grid; place-items:center; width:36px; height:36px; border:1px solid #615b48; background:linear-gradient(135deg,#39382a,#101717); color:#a89870; font-size:25px; line-height:1; }