:root{--unit-gold:#e0b532;--unit-gold-soft:#f0cf67;--unit-panel:#111a22;--unit-panel-2:#0b1319;--unit-line:#303943;--unit-muted:#9aa6af}
.units-page{min-height:100vh;background:#080d12 radial-gradient(circle at 50% 0,rgba(75,91,119,.2),transparent 43%);color:#eef1f4}.units-page .navbar{position:sticky;top:0;z-index:1000;background:rgba(7,11,16,.96);backdrop-filter:blur(12px)}
.units-main{max-width:1380px;margin:auto;padding:24px 28px 72px}.units-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:#7e8a94;font-size:.74rem}.units-breadcrumb a{color:#a9b2ba;text-decoration:none}.units-breadcrumb i{font-size:.55rem}
.units-hero{padding:26px 0 42px;border-bottom:1px solid rgba(224,181,50,.18)}.units-kicker{margin:0 0 10px;color:var(--unit-gold);font-size:.72rem;font-weight:800;letter-spacing:.2em}.units-kicker i{margin-right:6px}.units-hero h1{margin:0;color:#fff;font-size:clamp(2.5rem,6vw,5.1rem);line-height:.96}.units-hero>p:not(.units-kicker){max-width:810px;margin:18px 0;color:var(--unit-muted);font-size:1rem;line-height:1.7}.units-pills{display:flex;flex-wrap:wrap;gap:8px}.units-pills span{padding:7px 11px;border:1px solid #35414b;border-radius:999px;color:#c0c7cd;background:#101820;font-size:.72rem}.units-pills i{margin-right:5px;color:var(--unit-gold)}
.units-catalog{padding-top:40px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}.catalog-heading p{margin:0 0 5px;color:var(--unit-gold);font-size:.67rem;font-weight:800;letter-spacing:.2em}.catalog-heading h2{margin:0;color:#fff;font-size:clamp(1.65rem,3vw,2.4rem)}.unit-search{display:flex;align-items:center;gap:9px;width:min(100%,330px);padding:0 13px;border:1px solid #36414b;border-radius:9px;background:#0d151c;color:#798691}.unit-search:focus-within{border-color:rgba(224,181,50,.7);box-shadow:0 0 0 3px rgba(224,181,50,.1)}.unit-search input{width:100%;padding:11px 0;border:0;outline:0;color:#eef1f4;background:transparent;font:inherit;font-size:.82rem}.unit-search input::placeholder{color:#77838d}
.unit-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.unit-filters button{padding:8px 12px;border:1px solid #303c45;border-radius:8px;color:#aeb8bf;background:#101820;cursor:pointer;font:inherit;font-size:.72rem}.unit-filters button:hover,.unit-filters button.active{border-color:var(--unit-gold);color:#171108;background:linear-gradient(#f0cf67,#bd8e1e)}
.unit-tier-group{margin-top:26px}.unit-tier-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;padding:11px 14px;border-left:3px solid var(--unit-gold);border-radius:0 8px 8px 0;background:linear-gradient(90deg,rgba(224,181,50,.12),transparent)}.unit-tier-heading div{display:flex;align-items:center;gap:10px}.unit-tier-heading span{color:var(--unit-gold);font-size:.62rem;font-weight:900;letter-spacing:.17em}.unit-tier-heading h3{margin:0;color:#fff;font-size:1.2rem}.unit-tier-heading p{margin:0;color:#89969f;font-size:.7rem}.unit-tier-heading strong{color:#e5c45b}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.unit-card{overflow:hidden;border:1px solid rgba(224,181,50,.34);border-radius:15px;background:linear-gradient(155deg,#151f28,#0a1117);box-shadow:0 18px 42px rgba(0,0,0,.32)}.unit-art{position:relative;display:flex;justify-content:center;min-height:398px;margin:0;padding:14px 14px 0;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(179,112,48,.23),transparent 44%),linear-gradient(#1a2027,#0e151b)}.unit-art img{display:block;width:auto;max-width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:9px 9px 0 0}.unit-art figcaption{position:absolute;right:29px;bottom:14px;display:flex;flex-direction:column;align-items:flex-end;padding:8px 11px;border:1px solid rgba(240,207,103,.5);border-radius:7px;background:rgba(11,12,14,.84);box-shadow:0 7px 18px rgba(0,0,0,.28);backdrop-filter:blur(6px)}.unit-art figcaption span{color:var(--unit-gold-soft);font-size:.58rem;font-weight:800;letter-spacing:.15em}.unit-art figcaption strong{color:#fff;font-size:1.05rem}
.unit-content{padding:15px}.unit-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.unit-title p{margin:0 0 4px;color:var(--unit-gold);font-size:.62rem;font-weight:800;letter-spacing:.14em}.unit-title h3{margin:0;color:#fff;font-size:1.32rem}.tier-badge{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid rgba(224,181,50,.55);border-radius:50%;color:#1b1409;background:linear-gradient(#f0d16b,#b88319);font-weight:900}
.unit-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.unit-tags span{padding:6px 9px;border-radius:999px;color:#b6c0c7;background:#1b2730;font-size:.68rem}.unit-tags i{margin-right:4px;color:var(--unit-gold-soft)}
.primary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.primary-stats div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;padding:11px;border:1px solid #2c3942;border-radius:9px;background:#0c151b}.primary-stats i{grid-row:1/3;color:var(--unit-gold-soft);font-size:1rem}.primary-stats span{color:#8f9ca5;font-size:.62rem}.primary-stats strong{color:#fff;font-size:1rem}
.unit-block{margin-top:14px}.unit-block h4{margin:0 0 8px;color:#f0f2f3;font-size:.83rem}.unit-block h4 i{width:19px;color:var(--unit-gold)}.bonus-list,.characteristics{margin:0;border:1px solid #29353e;border-radius:9px;overflow:hidden;background:#0b141a}.bonus-list div,.characteristics div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:10px 12px}.bonus-list div+div,.characteristics div+div{border-top:1px solid #263139}.bonus-list dt,.characteristics dt{color:#a4afb6;font-size:.73rem;line-height:1.35}.bonus-list dd,.characteristics dd{margin:0;color:#f0f2f3;font-size:.77rem;font-weight:800;text-align:right}.bonus-list dd{color:#85d394}.characteristics .gold{color:#e4b93e}.characteristics .silver{color:#c7d0d6}.units-empty{padding:28px;border:1px dashed #3b454c;border-radius:10px;color:#95a1a9;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.units-page .navbar{position:static}.units-main{padding:20px 14px 52px}.catalog-heading{align-items:stretch;flex-direction:column}.unit-search{width:100%}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.unit-grid{grid-template-columns:1fr}.unit-art{min-height:0}.units-hero{padding:16px 0 32px}.units-pills{display:grid}.units-pills span{text-align:center}.units-catalog{padding-top:30px}.unit-filters{display:grid;grid-template-columns:1fr}.unit-filters button{width:100%}.unit-art{padding:11px 11px 0}.unit-art img{max-height:460px}.unit-art figcaption{right:18px;bottom:10px}.unit-content{padding:16px}.primary-stats{gap:5px}.primary-stats div{padding:9px 7px}.primary-stats i{display:none}.primary-stats span{font-size:.58rem}.bonus-list div,.characteristics div{gap:10px;padding:10px}.bonus-list dt,.characteristics dt{font-size:.69rem}.bonus-list dd,.characteristics dd{font-size:.72rem}}