/* FRONTLINE original command-deck hangar */
.at-base .hangar-scene{background:#151e23!important;pointer-events:auto}
body.at-base .hangar-scene #game{position:absolute;inset:0;width:100%;height:100%;visibility:visible;z-index:0}
.at-base .hangar-scene .vehicle-placard{z-index:2;pointer-events:none}
.at-base .hangar-scene:before,.at-base .hangar-scene:after{z-index:2;pointer-events:none}
body.at-base{--orange:#dc6946;background:#090e10;color:#e8e7df;font-family:Arial,sans-serif}
body.at-base>header{background:linear-gradient(180deg,#11191bf5,#0a1012ed);border-bottom:1px solid #c3b18a38;box-shadow:0 4px 24px #0009}
body.at-base .brand b{background:#b64b32;box-shadow:inset 0 0 0 1px #ffc79850}
body.at-base .operation{color:#c2c3b7;letter-spacing:1.6px}
body.at-base #field:before{filter:brightness(.62) saturate(.72) contrast(1.08)}
body.at-base #field:after{background:linear-gradient(90deg,#070b0de8 0%,#0a1115aa 31%,#0a11153a 67%,#060b0bc4 100%),linear-gradient(0deg,#070b0df2,#070b0d08 54%,#070b0db8)}
body.at-base #overlay,.touch-mode.at-base:not(.in-mission) #overlay{padding:66px clamp(12px,2.4vw,34px) 14px}
body.at-base #menuHome,.touch-mode.at-base #menuHome{grid-template-columns:minmax(218px,270px) minmax(310px,1fr) minmax(230px,290px);grid-template-rows:62px minmax(300px,1fr) auto;gap:14px 20px;height:calc(100svh - 80px);min-height:650px;max-height:940px;align-self:center;margin:0 auto;max-width:1760px}
.hangar-pilot{grid-column:1;grid-row:1;background:linear-gradient(120deg,#182126ed,#11191bb8);border-color:#b4ad8d55;border-radius:2px;box-shadow:0 7px 22px #0005}
.hangar-deploy{grid-column:2;grid-row:1;justify-content:center;align-self:center;flex-direction:row;gap:0}
body.at-base #start{width:min(330px,62%);min-height:52px;background:linear-gradient(180deg,#e2784d,#ad3e2c);border-color:#ffd0a16b;border-top-color:#ffc08d;box-shadow:0 7px 20px #0008,inset 0 1px #fff2}
.battle-mode{width:auto;min-height:52px;padding:10px 15px;background:#121a1d;border:1px solid #a7b0984a;border-left:0;color:#e0e0d4;text-align:left;line-height:1.5}
.hangar-wallet{grid-column:3;grid-row:1;align-self:center;padding:4px 12px;background:#11191be0;border:1px solid #a8a58745;justify-content:flex-start}
.hangar-wallet>span:nth-child(2){text-align:left}.wallet-symbol{font-size:21px}
.hangar-sheet{grid-column:1;grid-row:2;align-self:stretch;overflow:auto;padding:20px;background:linear-gradient(155deg,#111a1eee,#0d1417ed);border:1px solid #a7a88a66;box-shadow:0 16px 38px #0008;backdrop-filter:blur(9px)}
.sheet-eyebrow{font-size:9px;letter-spacing:1.6px;color:#d0bb8b}
body.at-base #menuHome .hangar-sheet h2{font-size:48px;letter-spacing:1px;text-shadow:0 3px 12px #000}
body.at-base #overlay .hangar-sheet>p{font-size:12px;color:#b5bbb4;line-height:1.6}
.tank-stat-list{margin:20px 0}.tank-stat-list>div{min-height:35px;border-color:#a7aa9c29}.tank-stat-list dt{color:#aeb5b0}.tank-stat-list dd{color:#e1dcc8}
.hangar-ammo{padding-top:7px}.hangar-ammo label{color:#c2b790;letter-spacing:1.5px}.hangar-ammo select{background:#0b1114;border-color:#7b81775e}
.hangar-maintenance button{min-height:42px;background:linear-gradient(#39453f,#202a29);border-color:#a3a78b66;letter-spacing:1px}
.hangar-scene{grid-column:2;grid-row:2;position:relative;align-items:flex-end;min-height:0;padding:0 10px 20px;overflow:hidden;border:1px solid #b5b1905a;background:linear-gradient(0deg,#060c0ce8 0%,#07100c30 36%,#0a121044 100%),url('assets/hangar.webp?v=steel-2') 54% 53%/cover no-repeat;box-shadow:0 18px 50px #000a,inset 0 0 100px #040808aa}
.hangar-scene:before{content:'FRONTLINE  /  VEHICLE READINESS';position:absolute;top:17px;left:18px;padding:7px 9px;color:#d8d2bd;background:#0a1012ad;border-left:2px solid #d0b580;font:700 9px Arial,sans-serif;letter-spacing:1.6px}
.hangar-scene:after{content:'07  /  DEPLOYMENT ZONE';position:absolute;right:16px;top:18px;color:#d4d1c4b5;font:9px Arial,sans-serif;letter-spacing:1.2px}
.vehicle-placard{position:relative;width:100%;text-align:left;padding:18px;background:linear-gradient(90deg,#0a1012de,#0a101277,transparent);border-top:1px solid #d0c39c66}
.vehicle-placard>span{color:#d7b982;letter-spacing:2px}.vehicle-placard strong{font-size:32px}.vehicle-placard small{color:#d0d0c5;letter-spacing:1.3px}
.hangar-missions{grid-column:3;grid-row:2;align-self:stretch;align-content:start;gap:10px;overflow:auto}
.campaign-banner{background:linear-gradient(120deg,#3f4636ec,#141e1ce8);border-color:#b6ad7b5c}
.mission-card{background:linear-gradient(150deg,#151f1feF,#0e1517ed);border-color:#a5a48a53;box-shadow:0 14px 34px #0006}
.mission-kicker{color:#d0b781;letter-spacing:1.7px}.mission-card h3{font-size:32px}.mission-rewards{color:#d1bc81}
.hangar-lineup{grid-column:1/-1;grid-row:3;padding:0;background:#0d1415f2;border:1px solid #bab28b69;box-shadow:0 9px 30px #000a;backdrop-filter:blur(10px)}
.lineup-heading{min-height:29px;border-color:#b0a77c45;letter-spacing:1.1px}.lineup-tab{border-color:#e0bc76;color:#eee7d3}.lineup-heading b{color:#e0c482}
.vehicle-deck{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:8px}
.hangar-vehicle{min-height:99px;padding:6px 8px;background:linear-gradient(150deg,#273233ed,#121a1cee);border-color:#67756e;box-shadow:inset 0 0 0 1px #0008;}
.hangar-vehicle:hover{border-color:#d3c48e;background:linear-gradient(150deg,#3f4a42,#17211f)}
.hangar-vehicle.selected{border-color:#dfc17c;background:linear-gradient(150deg,#454b3ded,#1c2824f5);box-shadow:inset 0 0 0 1px #e1c57c55,0 0 15px #d1ae5730}
.hangar-vehicle.locked{border-style:dashed;border-color:#68716b;color:#8e9890;background:linear-gradient(150deg,#202729e8,#11181bef)}
.hangar-vehicle.locked svg{filter:grayscale(.85) brightness(.72)}
.vehicle-lock{display:none;position:absolute;top:23px;right:5px;padding:3px 5px;background:#11191de8;border:1px solid #c2ad796e;color:#e0c789;font:700 6px Arial,sans-serif;letter-spacing:.5px}
.hangar-vehicle.locked .vehicle-lock{display:block}
.vehicle-offer{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px}
.vehicle-offer-code{display:grid;place-items:center;min-height:44px;background:linear-gradient(145deg,#39453f,#17201f);border:1px solid #afa4777a;color:#e4d1a2;font:700 22px 'Barlow Condensed',sans-serif}
.vehicle-offer>div{min-width:0}.vehicle-offer>div b{display:block}.vehicle-offer>div small{display:block;margin-top:4px;line-height:1.45;color:#a8b1a4}
.vehicle-offer>button{min-width:132px}
.hangar-maintenance #tankShop{grid-column:1/-1;background:linear-gradient(110deg,#4b503a,#25342e);border-color:#d1bd816e;color:#ece2c2}
.vehicle-slot{font-size:7px;color:#c5b78e}.vehicle-slot>span{font-size:6px;letter-spacing:.3px}
.hangar-vehicle svg{height:35px}.vehicle-card-name{font-size:17px}.hangar-vehicle>small{font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lineup-help{grid-column:1/-1;grid-row:2;flex-direction:row;align-items:center;justify-content:space-between;min-height:32px;margin:0;padding:5px 8px;border:0;border-top:1px solid #9e9c7b39}
.lineup-help>span{font-size:8px;letter-spacing:1px}.lineup-help>p{max-width:none!important;font-size:9px!important}.lineup-help button{min-height:26px;align-self:center;border-color:#aba77b70;background:#252e2b}
.lineup-footer{min-height:24px;padding:4px 10px;border-color:#9e9c7b35;color:#a1a591}
@media(max-height:790px) and (min-width:761px){body.at-base #menuHome{grid-template-rows:54px minmax(270px,1fr) auto;gap:9px 14px;min-height:0;height:calc(100svh - 70px)}.hangar-sheet{padding:13px}.hangar-scene{padding-bottom:12px}.hangar-missions{gap:7px}.mission-card{padding:12px}.mission-card h3{margin:8px 0;font-size:26px}.mission-rewards{margin:10px 0}.hangar-lineup .hangar-vehicle{min-height:86px}.lineup-help{min-height:27px}}
@media(max-width:1000px) and (min-width:761px){body.at-base #menuHome{grid-template-columns:minmax(185px,220px) minmax(250px,1fr) minmax(200px,240px);gap:10px;min-height:620px}.vehicle-deck{grid-template-columns:repeat(4,minmax(0,1fr))}.lineup-help{grid-column:1/-1;grid-row:3}.hangar-lineup{grid-row:3}.vehicle-deck{padding:7px}.hangar-vehicle{min-height:85px}}
@media(max-width:760px){
 body.at-base #overlay,.touch-mode.at-base:not(.in-mission) #overlay{padding:64px 9px 12px;min-height:100svh}
 body.at-base #menuHome,.touch-mode.at-base #menuHome{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;gap:9px;height:auto;min-height:0;max-height:none}
 .hangar-pilot{grid-column:1;grid-row:1;min-height:61px}.hangar-deploy{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0}.hangar-deploy #start{width:100%;min-height:44px;font-size:23px}.battle-mode{width:100%;min-height:34px;font-size:9px;padding:6px 8px;border:1px solid #a7b0984a}
 .hangar-wallet{grid-column:1/-1;grid-row:2;min-height:42px;padding:6px 10px}.hangar-wallet #credits{font-size:18px}.wallet-symbol{font-size:17px}
 .hangar-scene{grid-column:1/-1;grid-row:3;min-height:230px;padding:0 0 10px;background-position:55% 52%}.hangar-scene:before{top:9px;left:9px;font-size:7px}.hangar-scene:after{right:9px;top:11px;font-size:7px}.vehicle-placard{padding:12px}.vehicle-placard strong{font-size:26px}
 .hangar-sheet{grid-column:1/-1;grid-row:4;max-height:none;padding:13px}.sheet-eyebrow{font-size:8px}body.at-base #menuHome .hangar-sheet h2{font-size:34px;margin:5px 0}body.at-base #overlay .hangar-sheet>p{font-size:10px}.tank-stat-list{grid-template-columns:1fr 1fr;column-gap:14px;margin:8px 0}.tank-stat-list>div{min-height:29px;font-size:9px;padding:5px 0}.tank-stat-list dd{font-size:10px}.hangar-ammo{grid-template-columns:1fr 1fr;align-items:center;gap:6px}.hangar-ammo p{display:none}.hangar-maintenance{grid-template-columns:1fr 1fr;margin-top:9px}
 .hangar-missions{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:1fr 1fr;gap:7px;overflow:visible}.campaign-banner{grid-column:1/-1;padding:7px 9px}.campaign-code{font-size:26px}.campaign-banner strong{font-size:11px}.campaign-banner>span:last-child{font-size:7px}.mission-card{padding:10px}.mission-card h3{font-size:23px;margin:7px 0}.mission-card p{font-size:9px!important;line-height:1.45!important}.mission-rewards{gap:6px;margin:8px 0;font-size:7px}.mission-card button{font-size:8px;min-height:28px}
 .hangar-lineup{grid-column:1/-1;grid-row:6}.lineup-heading{min-height:28px;padding:0 8px;gap:5px}.lineup-tab{font-size:8px}.lineup-heading>span:last-child{font-size:7px}.lineup-heading b{margin-left:4px}.vehicle-deck{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px}.hangar-vehicle{min-height:79px;padding:5px 4px}.vehicle-slot{font-size:6px}.vehicle-slot>span{font-size:5px}.hangar-vehicle svg{height:27px}.vehicle-card-name{font-size:15px}.hangar-vehicle>small{font-size:6px!important}.lineup-help{grid-column:1/-1;grid-row:3;gap:5px;min-height:30px;flex-wrap:wrap}.lineup-help>span{font-size:7px}.lineup-help>p{display:none}.lineup-help button{min-height:25px;font-size:8px;padding:4px 7px}.lineup-footer{gap:4px;padding:4px 6px;font-size:6px;flex-wrap:wrap}.lineup-footer #saveHint{font-size:6px!important}.hangar-tip{display:none}
}
@media(prefers-reduced-motion:reduce){.hangar-vehicle,body.at-base #start{transition:none}}
@media(max-width:540px){.vehicle-offer{grid-template-columns:44px minmax(0,1fr);gap:8px}.vehicle-offer-code{grid-row:1/3;grid-column:1;font-size:18px;min-height:40px}.vehicle-offer>div{grid-column:2}.vehicle-offer>button{grid-column:2;min-width:0;width:100%;min-height:34px}.vehicle-offer>div b{font-size:14px}.vehicle-offer>div small{font-size:9px}.vehicle-lock{font-size:5px;padding:2px 3px;top:22px}}
