:root{--fon:#07080d;--k:#11131c;--rama:#232634;--zol:#f2c230;--tx:#e9e6dc;--tiho:#8b8a99;--leg:#8665da;--ex:#d9a830}
*{box-sizing:border-box}
body{margin:0;background:var(--fon);color:var(--tx);font:14px/1.45 "Courier New",ui-monospace,monospace}
a{color:inherit}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:#07080d;border-bottom:2px solid #2a2410}
.logo{color:var(--zol);text-decoration:none;font-weight:bold;letter-spacing:.3em;font-size:18px;text-shadow:0 0 10px #f2c23055}
.logo small{margin-left:8px;font-size:11px;color:var(--tiho);letter-spacing:.2em}
nav{display:flex;flex-wrap:wrap;gap:6px}
nav a{text-decoration:none;border:1px solid #3a3215;padding:5px 10px;font-size:12px;letter-spacing:.1em;color:var(--zol)}
nav a.akt{background:var(--zol);color:#000}
main{max-width:1100px;margin:0 auto;padding:12px 16px 120px}
h2{color:var(--zol);letter-spacing:.2em;font-size:15px;margin:24px 0 10px;text-transform:uppercase}
h3{margin:18px 0 8px;font-size:13px;letter-spacing:.15em;color:var(--tiho);text-transform:uppercase}
.tiho{color:var(--tiho);font-size:12px}
.fil{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.fil button,.chip{background:var(--k);color:var(--tx);border:1px solid var(--rama);padding:4px 9px;font:inherit;font-size:12px;cursor:pointer}
.fil button.akt{border-color:var(--zol);color:var(--zol)}
input.poisk{width:100%;max-width:360px;background:var(--k);border:1px solid var(--rama);color:var(--tx);padding:7px 10px;font:inherit}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.kar{display:flex;gap:10px;align-items:center;background:var(--k);border:1px solid var(--rama);border-left:3px solid var(--c,var(--leg));padding:8px;text-decoration:none}
.kar b{display:block;color:#fff}
.kar small{color:var(--tiho);text-transform:uppercase;font-size:11px}
.ic{flex:none;width:56px;height:56px;display:grid;place-items:center;background:#0b0c12;border:1px solid var(--rama)}
.ic img{image-rendering:pixelated;width:48px;height:48px;object-fit:contain}
.ic.big{width:96px;height:96px}.ic.big img{width:88px;height:88px}
.shapka{display:flex;gap:14px;align-items:center;padding:14px;background:linear-gradient(90deg,#1a1530,var(--k));border:1px solid var(--rama);border-top:3px solid var(--c,var(--leg))}
.shapka h1{margin:0;font-size:22px;color:#fff;letter-spacing:.05em}
.shapka p{margin:4px 0 0;color:#c9c4b4;font-style:italic}
.el-kinetic{color:#e9e6dc}.el-arc{color:#79c8f0}.el-ember{color:#f08a3c}.el-void{color:#b48cf2}
.kolonki{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.kol{flex:1 0 150px;background:var(--k);border:1px solid var(--rama);padding:6px}
.kol>i{display:block;font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--tiho);text-transform:uppercase;margin-bottom:6px}
.perk{display:flex;align-items:center;gap:6px;width:100%;background:none;border:1px solid transparent;color:var(--tx);font:inherit;font-size:12px;text-align:left;padding:3px;cursor:pointer}
.perk.god{border-color:#6b5512;background:#1c170a}
.perk.vybor{border-color:var(--zol);background:#2a210a;color:#fff}
.perk.tusk{opacity:.3}
.pi{flex:none;width:28px;height:28px;background:url(img/perki.webp) no-repeat;image-rendering:pixelated;border-radius:50%;background-color:#1d2130}
.zv{color:var(--zol);margin-left:auto}
.stat{display:grid;grid-template-columns:110px 1fr 34px;gap:8px;align-items:center;font-size:12px;margin:3px 0;max-width:420px}
.stat span:nth-child(2){height:8px;background:#1d2130}
.stat span:nth-child(2) b{display:block;height:100%;background:var(--tx)}
.gr{background:var(--k);border:1px solid var(--rama);border-left:3px solid var(--zol);padding:10px;margin-bottom:8px}
.gr b.n{color:var(--zol);letter-spacing:.08em}
.gr .para{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0}
.gr .para .perk{width:auto;border-color:var(--rama)}
.gr p{margin:4px 0;color:#c9c4b4}
.chip{display:inline-block;margin:2px;text-decoration:none}
#info{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(560px,calc(100% - 24px));background:#0c0e16;border:1px solid var(--zol);padding:10px 12px;z-index:9;box-shadow:0 6px 30px #000c}
#info b{color:#fff}#info p{margin:4px 0 0;color:#c9c4b4}
#info .x{float:right;background:none;border:0;color:var(--tiho);font:inherit;cursor:pointer}
footer{text-align:center;color:var(--tiho);font-size:12px;padding:20px 16px;border-top:1px solid #1d1f2a}
footer a{color:var(--zol)}
@media (max-width:600px){header{position:static}.shapka h1{font-size:18px}.ic.big{width:72px;height:72px}.ic.big img{width:64px;height:64px}}
#yazyk{margin-left:auto;display:flex;gap:2px}
#yazyk button{background:none;border:1px solid var(--rama);color:var(--tiho);font:inherit;font-size:11px;padding:4px 7px;cursor:pointer}
#yazyk button.akt{color:var(--zol);border-color:var(--zol)}
.minis{display:flex;flex-wrap:wrap;gap:6px}
.mini{display:flex;flex-direction:column;align-items:center;gap:2px;width:92px;padding:6px 4px;background:#0b0c12;border:1px solid var(--rama);text-decoration:none;font-size:11px;text-align:center}
.mini.zol{border-color:#6b5512}
.mini img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}
.gr h3{margin:10px 0 6px;font-size:11px}
.chip.akt{border-color:var(--zol);color:var(--zol)}
.g2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.pr{display:flex;gap:10px;background:var(--k);border:1px solid var(--rama);border-left:3px solid var(--c);padding:10px}
.pr b{display:block;color:#fff}.pr small{display:block;font-size:11px;color:var(--tiho)}
.pr p{margin:4px 0;color:#c9c4b4;font-style:italic;font-size:13px}
.pr-k{flex:none;width:72px;height:72px;display:grid;place-items:center;background:#0b0c12;border:1px solid var(--rama)}
.pr-k.em{background:var(--bg)}
.pr-k img{max-width:68px;max-height:68px;image-rendering:pixelated;object-fit:contain}
.mi{display:inline-block;width:40px;height:40px;background:url(img/raznoe.webp) no-repeat;image-rendering:pixelated;flex:none}
.tm{display:block;width:56px;height:56px;border-radius:50%;box-shadow:0 0 18px #fff3 inset}
.lore{background:var(--k);border:1px solid var(--rama);margin-bottom:6px;padding:6px 10px}
.lore summary{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff}
.lore p{white-space:pre-wrap;color:#c9c4b4;font-size:13px}
img.pi{object-fit:contain;background:#1d2130}
.pr-k.em img{width:64px;height:64px}
.kol.pusto{opacity:.35}.kol small{text-transform:none;letter-spacing:0;color:var(--zol)}
.fil .tiho{align-self:center;margin-right:4px}
.tbl{overflow-x:auto;margin:6px 0}
.tbl table{border-collapse:collapse;width:100%;font-size:12px;background:var(--k)}
.tbl th,.tbl td{padding:6px 8px;border-bottom:1px solid #1d1f2a;text-align:right;white-space:nowrap}
.tbl th:first-child,.tbl td:first-child,.tbl th:nth-child(2),.tbl td:nth-child(2){text-align:left}
.tbl th{color:var(--zol);cursor:pointer;font-weight:normal;letter-spacing:.05em}
.tbl tr.ex td:first-child a{color:var(--ex)}
.tbl tr.my td{background:#2a210a}
.tbl a{text-decoration:none}
.tk{display:inline-flex;align-items:center;gap:8px}.tk img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;background:#0b0c12;border:1px solid var(--rama)}
/* конструктор билда */
.bild{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.bpravo{position:sticky;top:70px}
@media (max-width:860px){.bild{grid-template-columns:minmax(0,1fr)}.bpravo{position:static;order:-1}}
.bblok{background:var(--k);border:1px solid var(--rama);padding:10px;margin-bottom:10px}
.bblok h3{margin-top:0}
.bblok .kar{margin-bottom:8px}
.bsel{width:100%;max-width:420px;background:#0b0c12;color:var(--tx);border:1px solid var(--rama);padding:6px;font:inherit;font-size:13px;margin-bottom:8px}
.scr{margin:8px 0}.scr>i{display:block;font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--tiho);text-transform:uppercase;margin-bottom:4px}
.scg{display:flex;flex-wrap:wrap;gap:6px}
.sck{position:relative;display:flex;flex-direction:column;align-items:center;width:84px;background:#0b0c12;border:1px solid var(--rama);color:var(--tx);padding:4px;font:inherit;font-size:10px;cursor:pointer;opacity:.6}
.sck img{width:44px;height:44px;image-rendering:pixelated}
.sck span{text-align:center;line-height:1.15;margin-top:2px}
.sck i{position:absolute;top:2px;right:3px;font-style:normal;font-size:9px;color:var(--zol)}
.sck.akt{opacity:1;border-color:var(--zol);box-shadow:0 0 0 1px var(--zol) inset}
#scOpis{margin-top:8px;min-height:2.6em}
.bstaty{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.bstaty label{display:flex;flex-direction:column;font-size:11px;color:var(--tiho);text-transform:uppercase}
.bstaty input{width:80px;background:#0b0c12;color:var(--tx);border:1px solid var(--rama);padding:4px;font:inherit}
.plokho{color:#e0605a!important}
.btab{width:100%;border-collapse:collapse;font-size:12px}.btab td{padding:3px 4px;border-bottom:1px solid var(--rama)}.btab td:last-child{text-align:right;color:#fff;white-space:nowrap}
.bit{display:flex;gap:8px;align-items:center;margin:6px 0}.bit b{color:#fff}
.mperk{display:flex;gap:2px;flex-wrap:wrap}.mperk .perk{width:auto;padding:1px}
.perk.vybor{border-color:var(--zol);background:#2a2410}
.itog .stat span:last-child{min-width:86px;text-align:right}
.bblok .kol{max-height:300px;overflow-y:auto}
.itog .stat{grid-template-columns:96px 1fr 64px;font-size:12px}
.itog .stat small{display:none}
.itog .stat span:last-child{min-width:0;white-space:nowrap}
.tir{color:var(--zol);font-weight:normal}
.blevo,.bpravo{min-width:0}
/* страница оружия: перки иконками + боковая панель */
.wfil{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin:10px 0}
.wgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start;margin-top:10px}
@media (max-width:860px){.wgrid{grid-template-columns:minmax(0,1fr)}}
.wmain{min-width:0}
.wkols{display:flex;gap:6px;background:var(--k);border:1px solid var(--rama);padding:10px;overflow-x:auto}
.wk{flex:1 0 auto;min-width:52px;display:flex;flex-direction:column;align-items:center}
.wk>b{font-size:10px;letter-spacing:.12em;color:var(--tiho);text-transform:uppercase;font-weight:normal;text-align:center;white-space:nowrap}
.wk>small{font-size:10px;color:#5f5e6c;margin-bottom:4px;white-space:nowrap}
.wk.pusto{opacity:.45}
.wk-g{display:grid;grid-auto-flow:row;gap:6px;margin-top:6px}
@media (max-width:860px){.wk-g{grid-template-columns:repeat(auto-fill,40px)}}
.pk{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid #2c3042;background:#0b0c12;display:grid;place-items:center;cursor:pointer;padding:0}
.pk .pi{transform:scale(1.15)}
.pk.god{border-color:#6b5a1c}
.pk.vyb{border-color:var(--zol);box-shadow:0 0 0 2px #f2c23055,0 0 12px #f2c23066;background:#2a2410}
.pk i{position:absolute;right:-4px;top:-6px;font-style:normal;color:var(--zol);font-size:12px;text-shadow:0 0 3px #000}
.wside{display:flex;flex-direction:column;gap:10px;position:sticky;top:70px}
@media (max-width:860px){.wside{position:static}}
.wcard{background:var(--k);border:1px solid var(--rama);padding:10px}
.wcard h3{margin:0 0 8px}
.wfok>div{display:flex;gap:8px;align-items:center}.wfok b{color:#fff}.wfok p{margin:6px 0 0;font-size:13px}
.wroll{display:flex;flex-direction:column;gap:3px}
.wroll button,.godp button{display:flex;gap:6px;align-items:center;background:none;border:0;color:var(--tx);font:inherit;font-size:12px;padding:1px 0;cursor:pointer;text-align:left}
.zolt{color:var(--zol);margin:8px 0 4px}
.zel{color:#7fd47f}
.stat span:nth-child(2){display:flex}
.stat span:nth-child(2) b.plus{background:#7fd47f}.stat span:nth-child(2) b.minus{background:#e0605a}
.wcard .stat{grid-template-columns:96px 1fr 58px;max-width:none}
.wcard .stat span:last-child{min-width:0;white-space:nowrap}
.gods{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.godk{background:var(--k);border:1px solid var(--rama);border-left:3px solid var(--zol);padding:10px}
.godk>b{color:var(--zol)}.godk p{font-size:12px;color:#c9c4b4}
.godp{display:flex;flex-direction:column;gap:2px;margin:6px 0}
details.podr{margin-top:18px;border-top:1px solid var(--rama);padding-top:8px}
details.podr>summary{cursor:pointer;color:var(--zol);letter-spacing:.15em;text-transform:uppercase;font-size:13px}
@media (max-width:860px){.wkols{gap:2px;padding:8px 4px}.wk{flex:1 1 0;min-width:0}.wk>b{font-size:9px;letter-spacing:.04em}.wk>small{font-size:8px}.wk-g{grid-template-columns:1fr;justify-items:center}
.pk{width:36px;height:36px}.pk .pi{transform:none}}
.wk.shir{flex:3 1 220px}.wk.shir .wk-g{grid-template-columns:repeat(auto-fill,40px);justify-content:center;width:100%}
@media (max-width:860px){.wk.shir{flex:3 1 0}.wk.shir .wk-g{grid-template-columns:repeat(auto-fill,36px)}}
/* колонки перков ближе друг к другу */
.wkols{gap:14px;justify-content:flex-start}
.wk{flex:0 0 auto;min-width:64px}
.wk.dve .wk-g{grid-template-columns:repeat(2,40px);gap:6px}
.wk.shir{flex:0 1 auto}.wk.shir .wk-g{grid-template-columns:repeat(5,40px)}
@media (max-width:860px){.wkols{gap:6px}.wk{flex:0 0 auto;min-width:0}.wk.dve .wk-g{grid-template-columns:repeat(2,36px);gap:4px}.wk.shir .wk-g{grid-template-columns:repeat(4,36px)}}
.wkols{width:fit-content;max-width:100%}
@media (min-width:861px){.wgrid{grid-template-columns:auto minmax(320px,1fr)}}
@media (max-width:860px){.wk.dve .wk-g{grid-template-columns:36px}.wkols{width:auto}}
/* список оружия и броня: плитки */
.panel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 4px}
.panel .poisk{flex:1 1 220px;max-width:none}
.panel select{background:var(--k);color:var(--tx);border:1px solid var(--rama);padding:7px 8px;font:inherit;font-size:13px}
.plitki{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.plit{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--k);border:1px solid var(--rama);border-bottom:3px solid var(--c,var(--leg));padding:10px 6px 8px;text-decoration:none;color:var(--tx);font:inherit;cursor:pointer}
.plit.vyb{border-color:var(--zol);background:#1d1a10}
.plit-ik{width:64px;height:64px;display:grid;place-items:center;background:#0b0c12;border:1px solid var(--rama)}
.plit-ik img{width:56px;height:56px;image-rendering:pixelated;object-fit:contain}
.plit b{color:#fff;font-size:12px;line-height:1.2}
.plit small{color:var(--tiho);font-size:10px;text-transform:uppercase}
.bgrid{grid-template-columns:minmax(0,1fr) 320px!important}
@media (max-width:860px){.bgrid{grid-template-columns:minmax(0,1fr)!important}}
.wfok>div:first-child{display:flex;gap:10px;align-items:center}
.wfok2{display:flex;gap:8px;align-items:center;margin-top:8px}
.sety{display:grid;gap:10px}
.setk{background:var(--k);border:1px solid var(--rama);border-left:3px solid var(--c);padding:10px}
.setk-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.setk-h b{color:var(--c);font-size:15px}
.setk-i{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.setk-i span{display:flex;flex-direction:column;align-items:center;width:64px;font-size:9px;color:var(--tiho);text-transform:uppercase}
.setk-i img{width:52px;height:52px;image-rendering:pixelated;background:#0b0c12;border:1px solid var(--rama)}
.setk-b{display:flex;flex-wrap:wrap;gap:6px}
.setk-b button{display:flex;gap:6px;align-items:center;background:#0b0c12;border:1px solid var(--rama);color:var(--tx);font:inherit;font-size:12px;padding:3px 8px 3px 3px;cursor:pointer}
.setk-b button.vyb{border-color:var(--zol)}
@media (max-width:860px){.plitki{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.plit-ik{width:56px;height:56px}.plit-ik img{width:48px;height:48px}}
/* гудроллы */
.gods2{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px;margin-top:6px}
@media (max-width:860px){.gods2{grid-template-columns:minmax(0,1fr)}}
.mts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mt{display:flex;flex-direction:column;align-items:center;width:70px;padding:4px 2px;background:#0b0c12;border:1px solid var(--rama);border-bottom:2px solid var(--leg);text-decoration:none;font-size:9px;text-align:center;line-height:1.15;color:var(--tx)}
.mt.zol{border-bottom-color:var(--zol)}
.mt img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}
/* урон */
.tbl{max-height:75vh;overflow:auto;border:1px solid var(--rama)}
.tbl thead th{position:sticky;top:0;background:#151824;z-index:1}
.tbl th.akt{color:#fff}
.tbl td.skol{background:#16182a}
.tv{display:inline-flex;flex-direction:column;align-items:flex-end;min-width:56px}
.tv i{display:block;height:3px;background:var(--zol);margin-top:2px;align-self:stretch;opacity:.75;max-width:100%}
/* коллекция */
.plit-ik.em{background:var(--bg)}
.plit-ik .mi{transform:scale(1.2)}
.plit-ik .tm{display:block;width:48px;height:48px}
.wcard .pr{border:0;padding:0;background:none}
.tbl td:nth-child(1),.tbl td:nth-child(2){white-space:normal;min-width:120px}
.tbl th{white-space:normal;vertical-align:bottom;font-size:11px}
.tbl th,.tbl td{padding:5px 6px}

/* подсветка при наведении только там, где есть мышь: на телефоне после нажатия рамка не «залипает» */
@media (hover:hover){.kar:hover{border-color:var(--zol)}.perk:hover{border-color:var(--rama)}.mini:hover{border-color:var(--zol)}.sck:hover{opacity:1}.pk:hover{border-color:#8b8a99}.plit:hover{border-color:var(--zol);border-bottom-color:var(--c,var(--leg))}.mt:hover{border-color:var(--zol)}}
/* билд: пушки иконками, статы/урон под пушкой, способности с откатами */
.bw-h{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.bw-h .kar{flex:1 1 220px;margin:0}.bw-h .bsel{flex:1 1 200px;margin:0}
.bblok .wkols{margin:6px 0}
.bw-niz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:6px}
.bw-niz .wcard{background:#0b0c12}
.bw-niz .stat{grid-template-columns:86px 1fr 52px;max-width:none}
.bw-niz .stat span:last-child{min-width:0;white-space:nowrap}
.babil{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.babil span{display:flex;flex-direction:column;align-items:center;width:58px;background:#0b0c12;border:1px solid var(--rama);padding:4px 2px;text-align:center}
.babil img{width:36px;height:36px;image-rendering:pixelated}
.babil b{font-size:11px;color:#fff;font-weight:normal}
.babil small{font-size:8px;color:var(--tiho);text-transform:uppercase;line-height:1.1}
.babil.mal span{width:auto;padding:2px}.babil.mal img{width:28px;height:28px}
/* значки игры */
.gl{width:22px;height:20px;image-rendering:pixelated;vertical-align:-5px;margin-right:4px;object-fit:contain}
.plit small .gl,.kar small .gl{width:17px;height:15px;margin:0 2px;vertical-align:-3px}
.sck i .gl{width:13px;height:12px;margin:0;vertical-align:-2px}
.itog .stat.sg{grid-template-columns:30px 1fr 64px}
.btab td .gl{width:18px;height:16px}
.bstaty label .gl{width:16px;height:14px;vertical-align:-3px}
.fil button .gl{width:16px;height:14px;vertical-align:-3px}
/* билд: выбор пушки/брони картинками */
.pmw{background:#0b0c12;border:1px solid var(--rama);padding:8px;margin:6px 0}
.pmw h4{margin:6px 0 6px;font-size:11px;letter-spacing:.15em;color:var(--tiho);text-transform:uppercase;font-weight:normal}
.pmg{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.plit.pm{padding:6px 4px}.plit.pm .plit-ik{width:52px;height:52px}.plit.pm .plit-ik img{width:46px;height:46px}
.plit.pm b{font-size:11px}
.bw-h .chip{white-space:nowrap}
.bblok>.kar+.chip{margin:6px 6px 0 0}
/* билд: выбор одной строкой иконок */
.pstr{display:flex;gap:6px;align-items:stretch;overflow-x:auto;padding:6px 2px 8px;margin:6px 0;scrollbar-width:thin}
.pgr{flex:none;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.12em;color:var(--tiho);text-transform:uppercase;border-left:1px solid var(--rama);padding-left:4px;margin-left:4px;text-align:center}
.pi2{position:relative;flex:none;width:58px;height:58px;display:grid;place-items:center;background:#0b0c12;border:1px solid var(--rama);border-bottom:3px solid var(--c,var(--leg));cursor:pointer;padding:0}
.pi2 img{width:48px;height:48px;image-rendering:pixelated;object-fit:contain}
.pi2 i{position:absolute;right:1px;bottom:0;font-style:normal;line-height:0}
.pi2 i .gl{width:13px;height:12px;margin:0}
.pi2.vyb{border-color:var(--zol);border-bottom-color:var(--c);background:#2a2410}
@media (hover:hover){.pi2:hover{border-color:var(--zol);border-bottom-color:var(--c)}}
.pgr{writing-mode:horizontal-tb;transform:none;width:64px;height:58px;display:flex;align-items:center;justify-content:center;font-size:8px;line-height:1.15;letter-spacing:.06em;padding:0 4px;overflow:hidden}
.pstr{align-items:flex-start}
@media (max-width:860px){.pgr{width:40px;font-size:7px;padding:0 2px;margin-left:2px}.pi2{width:52px;height:52px}.pi2 img{width:42px;height:42px}}
/* билд: статы брони по правилам игры */
.brng{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12px}
.brng input[type=range]{flex:1;max-width:260px;accent-color:var(--zol)}
.brng b{color:#fff;min-width:24px}
.bstaty2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:6px 0;max-width:420px}
.bstaty2 label{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0b0c12;border:1px solid var(--rama);padding:4px 2px}
.bstaty2 label.osn{border-color:#6b5a1c}
.bstaty2 .gl{margin:0}
.bstaty2 input{width:100%;max-width:52px;background:#151824;color:var(--tx);border:1px solid var(--rama);padding:3px;font:inherit;font-size:12px;text-align:center}
/* ◆ совет сайта */
.pk.sov{border-color:#2a6f74}
.pk.sov i{color:#5fd6d9}
.sovb{background:#0d1a1c;border:1px solid #23474a;border-left:3px solid #5fd6d9;padding:8px 10px;font-size:12px;color:#c9d6d6;margin:6px 0}
.sovb b{color:#5fd6d9}
.sovb .chip{margin-left:6px}
.np{display:block;width:100%;max-width:384px;aspect-ratio:192/36;image-rendering:pixelated;margin:0 0 10px;border:1px solid #080c18}