/* Generated by make_site_page.py from A6_Armory_Catalog.html: do not edit, rebuild instead. Colours are set in armory/index.php. */
.armory *{box-sizing:border-box;margin:0;padding:0}
.armory{background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,sans-serif;overflow-x:hidden}
.armory :focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.armory .wrap{max-width:1240px;margin:0 auto;padding:0 16px}
.armory h1, .armory h2, .armory h3, .armory .os{font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.armory .cond{font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.armory .hero{padding-top:36px;padding-bottom:20px}
.armory .hero h2{font-size:clamp(28px,5vw,46px);line-height:1.05}
.armory .hero p{color:var(--muted);max-width:720px;margin-top:10px}
.armory .counts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.armory .count{background:var(--panel);border:1px solid var(--line);padding:10px 16px;min-width:120px}
.armory .count b{display:block;font:600 26px Rajdhani;line-height:1.1}
.armory .count span{color:var(--muted);font-size:13px}
.armory nav.tabs{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}
.armory .tabs .wrap{display:flex;gap:4px;overflow-x:auto}
.armory .tab{border:0;background:none;padding:14px 16px;cursor:pointer;font:500 15px Rajdhani;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.armory .tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.armory .tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0 16px}
.armory .search{flex:1 1 260px;display:flex;border:1px solid var(--line);background:var(--panel);height:44px}
.armory .search input{flex:1;border:0;background:transparent;padding:0 14px;font:inherit;color:var(--ink);min-width:0}
.armory .chips{display:flex;gap:6px;flex-wrap:wrap}
.armory .chip{border:1px solid var(--line);background:var(--panel);height:36px;padding:0 12px;cursor:pointer;font:600 13px Rajdhani;letter-spacing:.08em;text-transform:uppercase}
.armory .chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.armory select.sort{height:44px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:0 10px;font:inherit}
.armory .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding-bottom:60px}
.armory .card{background:var(--panel);border:1px solid var(--line);padding:16px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}
.armory .card:hover{border-color:var(--accent);transform:translateY(-1px)}
.armory .card .top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.armory .card h3{font-size:19px;line-height:1.15}
.armory .cat{color:var(--accent-ink);font:600 12px Rajdhani;letter-spacing:.14em;text-transform:uppercase}
.armory .cal{color:var(--muted);font-size:14px}
.armory .mini{display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;font-size:13px}
.armory .mini span{color:var(--muted)}
.armory .bar{height:6px;background:var(--bar-bg);position:relative}
.armory .bar i{position:absolute;inset:0 auto 0 0;background:var(--bar)}
.armory .mini b{font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.armory .foot{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.armory .pill{font:600 12px Rajdhani;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;background:var(--panel2);color:var(--ink2)}
.armory table{width:100%;border-collapse:collapse;font-size:14px}
.armory th, .armory td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.armory th{font:600 12px Rajdhani;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.armory td.num, .armory th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.armory .tablewrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);margin-bottom:60px}
.armory .fits{color:var(--muted);font-size:13px}
.armory .tag{display:inline-block;font:600 11px Rajdhani;letter-spacing:.08em;padding:1px 6px;text-transform:uppercase;vertical-align:1px}
.armory .tag.a6{background:var(--tag-a6);color:var(--tag-a6-ink)}
.armory .tag.v{background:var(--tag-v);color:var(--tag-v-ink)}
.armory .tag.h{background:transparent;border:1px solid var(--warn);color:var(--warn)}
.armory /* detail */
dialog{border:0;padding:0;background:transparent;max-width:min(980px,100vw);width:100%;margin:auto;max-height:100vh}
.armory dialog::backdrop{background:rgba(10,10,12,.6)}
.armory .dlg{background:var(--bg);color:var(--ink);border:1px solid var(--line);max-height:92vh;overflow:auto}
.armory .dhead{position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--line);padding:18px 20px;display:flex;gap:12px;align-items:flex-start;z-index:2}
.armory .dhead h2{font-size:28px;line-height:1.05}
.armory .close{margin-left:auto;border:1px solid var(--line);background:transparent;width:40px;height:40px;cursor:pointer;font-size:20px;flex:none}
.armory .dbody{padding:20px;display:grid;gap:24px}
.armory .desc{color:var(--ink2);max-width:760px}
.armory .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.armory .stat{background:var(--panel);border:1px solid var(--line);padding:12px 14px}
.armory .stat span{display:block;color:var(--muted);font:600 12px Rajdhani;letter-spacing:.1em;text-transform:uppercase}
.armory .stat b{font:600 22px Rajdhani;font-variant-numeric:tabular-nums}
.armory .stat small{color:var(--muted);font-size:12px;display:block}
.armory .sec h3{font-size:17px;margin-bottom:10px;display:flex;gap:8px;align-items:baseline}
.armory .sec h3 small{font:500 13px Inter;color:var(--muted);text-transform:none;letter-spacing:0}
.armory .slots{display:grid;gap:8px}
.armory details.slot{background:var(--panel);border:1px solid var(--line)}
.armory details.slot>summary{cursor:pointer;padding:10px 14px;display:flex;gap:10px;align-items:center;list-style:none}
.armory details.slot>summary::-webkit-details-marker{display:none}
.armory details.slot>summary::before{content:"+";font:600 16px Rajdhani;width:14px;color:var(--accent-ink)}
.armory details.slot[open]>summary::before{content:"–"}
.armory .slot .sn{font-weight:600}
.armory .slot .sg{color:var(--muted);font-size:13px}
.armory .slot .cnt{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}
.armory .items{padding:0 14px 14px 38px;display:grid;gap:14px}
.armory .ilist{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 24px}
.armory .irow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}
.armory .irow small{color:var(--muted);font-size:12px;white-space:nowrap;text-align:right}
.armory .irow small .hp{color:var(--warn);font-weight:600}
.armory .irow.v span{color:var(--muted)}
.armory .hide-v .irow.v{display:none}
.armory .hide-v .igroup:not(:has(.irow:not(.v))){display:none}
.armory .igroup h4{font:600 12px Rajdhani;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:2px}
.armory .igroup h4 small{color:var(--muted);letter-spacing:0;margin-left:4px}
.armory .hidev{margin-left:auto;display:flex;gap:6px;align-items:center;font:500 13px Inter;text-transform:none;letter-spacing:0;color:var(--muted);cursor:pointer}
.armory .it{border:1px solid var(--line);background:var(--bg);padding:3px 8px;font-size:13px}
.armory .it em{font-style:normal;color:var(--muted)}
.armory .subs{padding:0 14px 14px 38px;display:grid;gap:6px}
.armory .subs .slot{background:var(--bg)}
.armory .note{border-left:3px solid var(--warn);padding:8px 12px;background:var(--panel);font-size:14px;color:var(--ink2)}
.armory .mags{display:flex;flex-wrap:wrap;gap:6px}
.armory .empty{padding:40px 0;color:var(--muted)}
.armory .rules{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);padding:12px 16px;margin-bottom:16px;font-size:14px}
.armory .rules ul{margin:6px 0 0 18px;display:grid;gap:3px;color:var(--ink2)}
.armory .xgrid .xcard{cursor:default}
.armory .xgrid .xcard:hover{transform:none}
.armory .xdesc{color:var(--muted);font-size:14px}
.armory dl.xstats{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:14px;margin-top:2px}
.armory dl.xstats dt{color:var(--muted)}
.armory dl.xstats dd{font-weight:600;font-variant-numeric:tabular-nums}
.armory dl.xstats dd small{color:var(--muted);font-weight:400}
.armory .cgrid{display:grid;gap:3px;max-width:150px}
.armory .cgrid i{aspect-ratio:1;background:var(--panel2);border:1px solid var(--line)}
.armory details.xwl summary{cursor:pointer;color:var(--accent-ink);font-size:13px;font-weight:600}
.armory details.xwl p{margin-top:6px}
.armory .foot-note{border-top:1px solid var(--line);padding-top:24px;padding-bottom:40px;color:var(--muted);font-size:13px}
@media (max-width:600px){
.armory .dhead h2{font-size:22px}
.armory .items, .armory .subs{padding-left:14px}
.armory dialog{max-height:100vh}
.armory .dlg{max-height:100vh}
}