/* Hangar de préparation de FRONTLINE. */
body.at-base{--orange:#d54b32;background:#101617;color:#e6e5df;font-family:Arial,sans-serif}
body.at-base>header{position:fixed;inset:0 0 auto;z-index:30;height:56px;min-height:56px;padding:0 22px;gap:18px;flex-wrap:nowrap;background:linear-gradient(#202827f5,#101817e8);border-bottom:1px solid #82857550;box-shadow:0 3px 18px #0005}
body.at-base .brand{font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:1.5px;gap:8px}
body.at-base .brand b{font-size:23px;line-height:1;border:0;background:#9f2e23;padding:7px 8px;box-shadow:inset 0 0 0 1px #ffb3a335}
body.at-base .brand b span{color:#e3c7b0;font-size:12px}
body.at-base .operation{margin-right:auto;font:10px Arial,sans-serif;letter-spacing:1px;color:#afb7ad;gap:12px}
body.at-base .header-actions{margin-left:auto;gap:7px}
body.at-base .header-actions button{min-height:36px;padding:8px 13px;border:1px solid #7b84794d;background:#273028b0;font:10px Arial,sans-serif;color:#ced3c7}
body.at-base #field{min-height:100svh;height:auto;aspect-ratio:auto;background:#1a2221}
body.at-base #field:before{display:block;position:fixed;inset:0;background:#2b322e url('assets/hangar.webp?v=steel-2') 57% 52%/cover no-repeat;filter:brightness(.94)}
body.at-base #field:after{display:block;position:fixed;inset:0;background:linear-gradient(0deg,#090f10e8 0%,#090f1020 30%,#090f1000 68%,#07100e65 100%),linear-gradient(90deg,#06100b78,transparent 40%,transparent 70%,#07110b65)}
body.at-base #overlay,.touch-mode.at-base:not(.in-mission) #overlay{position:relative;min-height:100svh;padding:72px 22px 16px;display:flex;align-items:stretch;justify-content:stretch;background:none;overflow:visible}
body.at-base #menuHome,.touch-mode.at-base #menuHome{display:grid;grid-template-columns:252px minmax(170px,1fr) 235px;grid-template-rows:74px minmax(220px,1fr) auto;gap:18px 24px;width:100%;height:calc(100svh - 88px);min-height:580px;padding:0;margin:0;text-align:left}
#menuHome[hidden],#menuPanel[hidden]{display:none!important}
.hangar-pilot{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 9px;text-align:left;background:#111a16a3;border:1px solid #8d9a7f38;border-radius:1px;color:#dddccf;box-shadow:0 3px 10px #0003}
.pilot-emblem{position:relative;flex:none;width:43px;height:50px;display:flex;align-items:flex-start;justify-content:center;font-size:26px;line-height:32px;color:#c2a66d;text-shadow:0 1px 2px #000;background:linear-gradient(145deg,#4c5141,#1a251e);border:1px solid #9c9d6f60;clip-path:polygon(0 0,100% 0,100% 80%,50% 100%,0 80%)}
.pilot-emblem strong{position:absolute;bottom:7px;left:0;right:0;font:700 13px Arial,sans-serif;text-align:center;line-height:1;color:#f5e7ba}
.pilot-details{display:grid;gap:4px;flex:1;min-width:0}
.pilot-details small{font:8px Arial,sans-serif;letter-spacing:1px;color:#929e8e}
.pilot-details>strong{font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#e1dfce}
.pilot-details #baseXP{font:9px Arial,sans-serif;color:#a4ae9b}
.pilot-xp{height:3px;background:#87917f4d;display:block}
.pilot-xp i{display:block;height:100%;background:#b8a477;width:0;transition:width .3s}
.pilot-chevron{font-size:23px;color:#8b9984}
.hangar-deploy{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;align-self:start;z-index:2}
body.at-base #start{display:flex;flex-direction:column;justify-content:center;align-items:center;width:270px;min-width:0;min-height:58px;margin:0;padding:7px 15px 8px;background:linear-gradient(#d55536,#ac3524);border:1px solid #f9956770;border-top:2px solid #f48a60;border-radius:2px;box-shadow:0 4px 15px #0008,inset 0 0 14px #f886341a;color:#fff0ce;text-shadow:0 2px 2px #702414;font:800 28px/1 'Barlow Condensed',sans-serif;letter-spacing:1px}
body.at-base #start span{margin:0;float:none;color:inherit;font:inherit}
body.at-base #overlay #start small{font:8px Arial,sans-serif;letter-spacing:2px;margin-top:5px;color:#fbd6a4}
body.at-base #start:hover{background:linear-gradient(#eb6a43,#c6442b);border-color:#ffc184;transform:translateY(-1px)}
.battle-mode{width:270px;min-height:27px;padding:6px 9px;background:#15211cd9;border:1px solid #a7b09845;border-top:0;color:#d0d5c5;font:10px Arial,sans-serif;letter-spacing:0}
.battle-mode span{float:right;color:#a8b19b}
.hangar-wallet{display:flex;align-items:center;gap:10px;justify-content:flex-end;align-self:start;min-height:60px;padding:10px 0;color:#d9c38e}
.wallet-symbol{font-size:27px;color:#c4b181;text-shadow:0 1px 4px #000}
.hangar-wallet>span:nth-child(2){display:grid;gap:5px;text-align:right}
.hangar-wallet small{font:8px Arial,sans-serif;letter-spacing:.8px;color:#b8bea9}
.hangar-wallet #credits{font:700 24px/1 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#e5d7ae}
.wallet-note{display:none}
.hangar-sheet{grid-row:2;align-self:start;padding:18px 17px 14px;background:linear-gradient(110deg,#15201de8,#1b2823c9);border:1px solid #98a88a40;box-shadow:0 7px 20px #0003;backdrop-filter:blur(5px)}
.sheet-eyebrow{display:flex;align-items:center;gap:7px;font:9px Arial,sans-serif;letter-spacing:1px;color:#b2c3a2}
.sheet-eyebrow>span:first-child{color:#bca475;font-size:11px}
body.at-base #menuHome .hangar-sheet h2{font:700 39px/1 'Barlow Condensed',sans-serif;letter-spacing:.4px;color:#e7e9d9;margin:8px 0 7px;text-shadow:0 2px 4px #0006}
body.at-base #overlay .hangar-sheet>p{font:11px/1.55 Arial,sans-serif;color:#aab8a3;padding:0;margin:0}
.tank-stat-list{margin:16px 0 15px;display:grid;gap:0}
.tank-stat-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #a0b09222;min-height:30px;padding:7px 0;font-size:11px}
.tank-stat-list dt{color:#a8b7a0}
.tank-stat-list dd{margin:0;color:#e4e9da;font:600 11px Arial,sans-serif;white-space:nowrap}
.hangar-ammo{display:grid;gap:7px;padding-top:0}
.hangar-ammo label{font:8px Arial,sans-serif;letter-spacing:1px;color:#a8b89d;margin:0}
.hangar-ammo select{width:100%;min-width:0;min-height:34px;padding:7px;background:#101b17f0;color:#dfdfce;border:1px solid #94a2805c;font:11px Arial,sans-serif;cursor:pointer}
body.at-base #overlay .hangar-ammo p{font:10px/1.5 Arial,sans-serif;color:#97a58f;margin:0;padding:0;min-height:30px}
.hangar-maintenance{display:grid;gap:6px;margin-top:14px}
.hangar-maintenance button{min-height:34px;padding:9px;background:linear-gradient(#445143bd,#29392ebd);border:1px solid #b1bea05e;color:#d3dbc7;font:700 10px Arial,sans-serif;letter-spacing:.5px;text-align:center}
.hangar-maintenance button span{float:left;color:#b7b988}
.hangar-maintenance button:hover{background:#52634ae6;color:#fff;border-color:#becdae}
.hangar-scene{grid-column:2;grid-row:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;min-height:190px;pointer-events:none}
.vehicle-placard{text-align:center;padding:10px 25px;background:linear-gradient(90deg,transparent,#07110e8a,transparent);text-shadow:0 2px 5px #000;display:grid;gap:5px}
.vehicle-placard>span{font:8px Arial,sans-serif;color:#a7bca2;letter-spacing:2px}
.vehicle-placard strong{font:700 23px 'Barlow Condensed',sans-serif;color:#e4e6d7;letter-spacing:1px}
.vehicle-placard small{font:8px Arial,sans-serif;color:#bbc3af;letter-spacing:1px}
.hangar-missions{grid-column:3;grid-row:2;align-self:start;display:grid;gap:12px}
.campaign-banner{display:flex;gap:11px;align-items:center;padding:10px 12px;background:linear-gradient(110deg,#5c5c37e6,#222f20e6);border:1px solid #b2b1824f;box-shadow:0 4px 15px #0004}
.campaign-code{font:800 35px/1 'Barlow Condensed',sans-serif;color:#d8c990;border-right:1px solid #dedbb64d;padding-right:11px}
.campaign-banner>span:last-child{display:grid;gap:5px;font:8px Arial,sans-serif;color:#a9b49b;letter-spacing:.7px}
.campaign-banner strong{font:700 13px 'Barlow Condensed',sans-serif;color:#e0e1c7;letter-spacing:.7px}
.mission-card{padding:17px 17px 12px;background:linear-gradient(145deg,#1b2923e6,#102018d9);border:1px solid #99ad8840}
.mission-kicker{font:8px Arial,sans-serif;color:#b8b57f;letter-spacing:1.2px}
.mission-card h3{font:800 28px/.98 'Barlow Condensed',sans-serif;color:#e5e4ca;letter-spacing:1px;margin:12px 0}
body.at-base #overlay .mission-card p{font:11px/1.7 Arial,sans-serif;color:#b0bea6;padding:0;margin:0}
.mission-rewards{display:flex;gap:14px;margin:17px 0;color:#c1b57b;font:8px Arial,sans-serif;letter-spacing:.3px}
.mission-card button{width:100%;min-height:33px;padding:9px 0 0;border:0;border-top:1px solid #a5b19540;background:none;text-align:left;color:#c9d1be;font:9px Arial,sans-serif;letter-spacing:.5px}
.mission-card button span{float:right;color:#abb88d}
.hangar-tip{padding:10px 12px;border-left:2px solid #b8b88470;background:#14231c99}
.hangar-tip small{font:8px Arial,sans-serif;letter-spacing:.6px;color:#b9b894}
body.at-base #overlay .hangar-tip p{font:10px/1.6 Arial,sans-serif;color:#a9b7a0;margin:7px 0 0;padding:0}
.hangar-lineup{grid-column:1/-1;grid-row:3;padding:0;background:#101b17db;border:1px solid #a8b59a3d;box-shadow:0 -5px 30px #0004;backdrop-filter:blur(5px)}
.lineup-heading{display:flex;align-items:center;gap:22px;min-height:34px;border-bottom:1px solid #a0ae9433;padding:0 15px;color:#b3bdab;font:9px Arial,sans-serif;letter-spacing:.6px}
.lineup-tab{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid #bdb183;color:#d5d9c2;font-weight:700;font-size:10px}
.lineup-heading>span:last-child{margin-left:auto;font-size:8px;color:#8b9c84}
.lineup-heading b{font-weight:400;margin-left:14px;color:#c7ceb8}
.vehicle-deck{display:grid;grid-template-columns:repeat(3,minmax(145px,210px)) minmax(180px,1fr);gap:9px;padding:12px}
.hangar-vehicle{position:relative;padding:8px 10px 9px;min-width:0;background:linear-gradient(150deg,#414d3be6,#192a20ed);border:1px solid #7c8e6a8c;box-shadow:inset 0 0 0 1px #0004;color:#a1b292;text-align:left;font-family:Arial,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.hangar-vehicle:hover{border-color:#d5dbbb;background:linear-gradient(150deg,#5d6b51,#253b2b)}
.hangar-vehicle.selected{border:1px solid #d9bd7a;box-shadow:inset 0 0 0 1px #d6c18850,0 0 12px #c5a95b20;background:linear-gradient(150deg,#626243e0,#283b29ee);color:#d2c68f}
.vehicle-slot{display:flex;justify-content:space-between;color:#9dab90;font-size:8px;letter-spacing:.7px}
.vehicle-slot>span{color:#bac4a9;font-size:7px;letter-spacing:.5px}
.hangar-vehicle svg{display:block;width:100%;height:56px;filter:drop-shadow(0 3px 1px #0009)}
.vehicle-card-name{display:flex;justify-content:space-between;align-items:center;font:700 20px/1 'Barlow Condensed',sans-serif;letter-spacing:.3px;color:#e2e6cf}
.equipped-mark{display:none;font:700 12px Arial,sans-serif;color:#dfd199}
.selected .equipped-mark{display:block}
body.at-base #overlay .hangar-vehicle>small{display:block;font:9px Arial,sans-serif;color:#b1bea0;letter-spacing:0;margin-top:5px}
.lineup-help{padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-left:1px solid #8e9e7d30;margin-left:4px;min-width:0}
.lineup-help>span{font:9px Arial,sans-serif;letter-spacing:.6px;color:#bdc8af}
body.at-base #overlay .lineup-help>p{font:11px/1.5 Arial,sans-serif;color:#96a68c;margin:0;padding:0;max-width:250px}
.lineup-help button{align-self:flex-start;min-height:28px;padding:6px 10px;border:1px solid #a1ad8d4a;background:#35442a8c;color:#bcc8ac;font:9px Arial,sans-serif;letter-spacing:.2px}
.lineup-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #a1af9129;padding:8px 14px;min-height:28px;color:#879a7c;font:8px Arial,sans-serif;letter-spacing:.25px}
body.at-base #saveHint{display:block;font:8px Arial,sans-serif;color:#819477;margin:0;padding:0;text-align:right;letter-spacing:.2px}
.lineup-footer .touch-only{display:none}
.touch-mode .lineup-footer .touch-only{display:block}
.touch-mode .lineup-footer .desktop-only{display:none}
body.at-base #overlay:has(#menuPanel:not([hidden])){align-items:center;justify-content:center}
body.at-base #menuPanel,.touch-mode.at-base #menuPanel{width:min(760px,100%);padding:26px;background:linear-gradient(125deg,#233028fa,#101c17fa);border:1px solid #a6b2926b;border-top:2px solid #c2b17f;box-shadow:0 20px 80px #000a;color:#d6ddce}
body.at-base #menuPanel h2{font:700 37px 'Barlow Condensed',sans-serif;letter-spacing:1px;margin:15px 0 8px;color:#e4e5cd}
body.at-base #menuPanel p{color:#a5b69d;font:12px/1.7 Arial,sans-serif}
body.at-base #menuPanel .upgrade{background:#14241bc9;border-color:#82977755;padding:15px}
body.at-base #menuPanel .upgrade b{font:600 18px 'Barlow Condensed',sans-serif;color:#d5dec8;letter-spacing:.7px}
body.at-base #menuPanel button{border-color:#9eae8859;background:#394b32a6;color:#d5ddc3;min-height:38px;font:11px Arial,sans-serif}
body.at-base #menuPanel button.primary{background:linear-gradient(#d75a39,#aa3725);border-color:#f8b08070;color:#fff0cd;font:700 17px 'Barlow Condensed',sans-serif;letter-spacing:1px}
body.at-base #menuPanel .panel-content{max-height:min(60svh,530px);overflow:auto}
body.at-base #menuPanel .panel-footer{color:#c6bb86;border-color:#92a17e50}
.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brief-grid>div{padding:17px;background:#142219cf;border:1px solid #91a17d42}
.brief-grid b{display:block;font:700 23px 'Barlow Condensed',sans-serif;color:#d4dbbc;margin-bottom:6px}
.brief-grid span{font:12px Arial,sans-serif;color:#a3b49a;line-height:1.6}
@media(min-width:1000px) and (max-height:780px){
 body.at-base #menuHome{grid-template-rows:66px minmax(180px,1fr) auto;gap:13px 20px;min-height:570px}
 .hangar-sheet{padding:12px 14px}.tank-stat-list{margin:8px 0}.tank-stat-list>div{min-height:25px;padding:5px 0}.hangar-maintenance{margin-top:8px;gap:5px}.hangar-maintenance button{min-height:30px;padding:7px}
 .hangar-tip{display:none}.mission-card{padding:13px}.hangar-vehicle svg{height:43px}.vehicle-deck{padding:8px}.lineup-heading{min-height:29px}.lineup-footer{padding:7px 12px}
}
@media(max-width:1050px){
 body.at-base #menuHome{grid-template-columns:218px minmax(135px,1fr) 198px;gap:16px;min-height:610px}
 body.at-base #overlay{padding-left:15px;padding-right:15px}.hangar-deploy #start,.battle-mode{width:235px}
 .vehicle-deck{grid-template-columns:repeat(3,minmax(130px,1fr))}.lineup-help{grid-column:1/-1;margin:0;padding:5px 0;flex-direction:row;align-items:center;justify-content:space-between;border:0}.lineup-help>p{display:none}
 .hangar-sheet{padding:13px}.hangar-tip{display:none}.campaign-banner{padding:9px}.mission-card{padding:13px}
}
@media(max-width:760px){
 body.at-base>header{padding:0 12px;height:56px;gap:10px}.at-base .operation{display:none}body.at-base .brand{font-size:21px}.at-base .header-actions button{min-height:38px;padding:8px;font-size:9px}
 body.at-base #overlay,.touch-mode.at-base:not(.in-mission) #overlay{padding:72px 12px 16px;min-height:100svh}
 body.at-base #menuHome,.touch-mode.at-base #menuHome{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.6fr);grid-template-rows:auto;gap:14px 10px;height:auto;min-height:0}
 .hangar-pilot{grid-column:1;grid-row:1;min-height:70px;padding:7px}.pilot-details small{font-size:7px}.pilot-details>strong{font-size:15px}.pilot-emblem{width:35px;height:45px;font-size:23px}.pilot-chevron{display:none}
 .hangar-wallet{grid-column:2;grid-row:1;padding:10px 3px;gap:6px;justify-content:flex-end}.wallet-symbol{font-size:21px}.hangar-wallet small{font-size:7px;letter-spacing:0}.hangar-wallet #credits{font-size:25px}
 .hangar-deploy{grid-column:1/-1;grid-row:2}.hangar-deploy #start{width:100%;min-height:60px;font-size:30px}.battle-mode{width:100%;min-height:37px;font-size:12px}
 .hangar-scene{grid-column:1/-1;grid-row:3;min-height:240px;padding:0;align-items:flex-end;background:#24322c url('assets/hangar.webp?v=steel-2') 70% 50%/cover no-repeat;border:1px solid #9daa8b40;box-shadow:0 7px 20px #0003}.vehicle-placard{width:100%;padding:16px 12px;background:linear-gradient(transparent,#07110ee6)}.vehicle-placard strong{font-size:23px}
 .hangar-lineup{grid-column:1/-1;grid-row:4;min-width:0}.lineup-heading{padding:0 10px;gap:8px}.lineup-tab{font-size:9px}.lineup-heading>span:last-child{font-size:7px}.lineup-heading b{display:none}
 .vehicle-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px}.hangar-vehicle{padding:7px 6px;min-height:117px}.vehicle-slot{font-size:8px}.vehicle-slot>span{font-size:6px;letter-spacing:0}.hangar-vehicle svg{height:40px}.vehicle-card-name{font-size:22px}body.at-base #overlay .hangar-vehicle>small{font-size:8px;line-height:1.5;min-height:24px}.lineup-help{gap:8px;flex-wrap:wrap}.lineup-help>span{font-size:8px}.lineup-help button{min-height:44px;font-size:11px;padding:10px}
 .lineup-footer{flex-direction:column;gap:7px;align-items:flex-start;line-height:1.5;font-size:8px}body.at-base #saveHint{text-align:left;font-size:7px}
 .hangar-sheet{grid-column:1/-1;grid-row:5;padding:18px}.sheet-eyebrow{font-size:10px}body.at-base #menuHome .hangar-sheet h2{font-size:37px}body.at-base #overlay .hangar-sheet>p{font-size:12px}.tank-stat-list>div{font-size:12px;min-height:34px}.tank-stat-list dd{font-size:13px}.hangar-ammo label{font-size:10px}.hangar-ammo select{min-height:44px;font-size:14px}body.at-base #overlay .hangar-ammo p{font-size:12px}.hangar-maintenance{grid-template-columns:1fr 1fr;gap:9px}.hangar-maintenance button{min-height:46px;font-size:11px}
 .hangar-missions{grid-column:1/-1;grid-row:6}.campaign-banner{padding:12px}.campaign-banner strong{font-size:17px}.campaign-banner>span:last-child{font-size:9px}.mission-card{padding:18px}.mission-card h3{font-size:29px;line-height:1.1}.mission-card h3 br{display:none}.mission-card h3 br:after{content:' '}.mission-card h3{word-spacing:6px}body.at-base #overlay .mission-card p{font-size:12px}.mission-rewards{font-size:10px}.mission-card button{font-size:11px;min-height:44px}.hangar-tip{display:none}
 body.at-base #overlay:has(#menuPanel:not([hidden])){align-items:flex-start}body.at-base #menuPanel,.touch-mode.at-base #menuPanel{padding:20px 15px}body.at-base #menuPanel h2{font-size:31px}body.at-base #menuPanel .panel-content{max-height:none;overflow:visible}body.at-base #menuPanel button{min-height:44px;font-size:12px}.brief-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.hangar-vehicle,body.at-base #start,.pilot-xp i{transition:none}body.at-base #start:hover{transform:none}}

.touch-mode.at-base>header{height:56px;min-height:56px;padding:0 12px;flex-wrap:nowrap;gap:10px}.touch-mode.at-base .hangar-deploy #start{min-height:60px;padding:7px 15px 8px;gap:0}.touch-mode.at-base .header-actions{width:auto;margin-left:auto}

@media(min-width:761px){.hangar-sheet{max-height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78866d #142019}}
@media(min-width:1000px) and (max-height:780px){body.at-base #overlay .hangar-sheet>p{display:none}.hangar-maintenance{grid-template-columns:1fr 1fr;gap:6px}.hangar-maintenance button{font-size:8px;padding:7px 4px;white-space:nowrap}.hangar-ammo p{min-height:0!important;line-height:1.35!important;font-size:9px!important}.hangar-sheet .tank-stat-list{margin-top:8px;margin-bottom:10px}}