body.at-base #overlay:has(#menuPanel:not([hidden]) .tank-customizer){padding:64px 0 0;align-items:stretch;justify-content:stretch;background:#06080b}
body.at-base #menuPanel:has(.tank-customizer){width:100%;max-width:none;height:calc(100svh - 64px);padding:0;border:0;background:#06080b;box-shadow:none}
body.at-base #menuPanel:has(.tank-customizer)>small,body.at-base #menuPanel:has(.tank-customizer)>h2,body.at-base #menuPanel:has(.tank-customizer)>p{display:none}
body.at-base #menuPanel:has(.tank-customizer)>.panel-content{height:100%;max-height:none;margin:0;display:block;overflow:hidden}
.tank-customizer{height:100%;display:grid;grid-template-columns:245px minmax(320px,1fr) 240px;grid-template-rows:72px minmax(240px,1fr) 104px;color:#e2e5dc;background:radial-gradient(ellipse at 53% 48%,#1c232b,#06080b 72%)}
.customizer-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:14px 25px;border-bottom:1px solid #9ba28f24;background:#0b1117b8}
.customizer-heading small{font:8px 'IBM Plex Mono',monospace;letter-spacing:1.5px;color:#9ba795}
body.at-base #menuPanel .customizer-heading h2{margin:4px 0 0;font:600 27px 'Barlow Condensed',sans-serif;color:#e2e5d9}
.customizer-heading h2 span{font:400 13px Arial,sans-serif;color:#8f9b96;letter-spacing:0}
.customizer-heading>button{min-width:36px;min-height:36px}
.customizer-camos{grid-column:1;grid-row:2;padding:22px 14px;border-right:1px solid #a6ad9922;background:#080e12dc;overflow:auto;scrollbar-width:thin;scrollbar-color:#56645a #111a1e}
.customizer-camos h3{margin:0 0 5px;font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:1.2px;color:#bfc5b5}
body.at-base #menuPanel .customizer-camos>p{font-size:10px;margin-bottom:18px;color:#819187}
.camo-choices{display:grid;gap:6px}
body.at-base #menuPanel .camo-choice{width:100%;display:grid;grid-template-columns:44px 1fr 12px;align-items:center;gap:10px;padding:10px 8px;min-height:67px;text-align:left;background:linear-gradient(90deg,#1a252a,#10181d);border:1px solid #8a9b8130;color:#d4dbce}
body.at-base #menuPanel .camo-choice:hover{border-color:#adb99a80;background:#25332d}
body.at-base #menuPanel .camo-choice.active{border-color:#b2b48c;background:linear-gradient(90deg,#344036,#17231f);box-shadow:inset 3px 0 #c4bc8d}
.camo-choice b{display:block;font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.3px}
.camo-choice small{display:block;margin-top:5px;font:7px 'IBM Plex Mono',monospace;letter-spacing:.3px;color:#99ab92}
.camo-choice i{font-size:12px;color:#bdb88b;font-style:normal}
.camo-sample{display:block;width:43px;height:43px;border:1px solid #c7c9af35;box-shadow:inset 0 0 15px #0003;background-color:#5b6147}
.camo-pattern-0{background-image:repeating-linear-gradient(37deg,transparent 0 12px,#29392b 12px 24px,transparent 24px 32px,#756044 32px 48px);background-color:#596446}
.camo-pattern-1{background-image:repeating-conic-gradient(#8c9591 0 25%,#364542 0 50%,#b1b3a4 0 75%,#707a76 0);background-size:22px 17px}
.camo-pattern-2{background-image:repeating-linear-gradient(27deg,#b8aa88 0 17px,#7c7157 17px 28px,#c8bd9e 28px 45px)}
.camo-pattern-3{background-image:repeating-linear-gradient(55deg,#354b39 0 11px,#1c3029 11px 20px,#746b4c 20px 26px)}
.camo-current{margin-top:24px;padding-top:16px;border-top:1px solid #a4b1962b;display:grid;gap:7px}
.camo-current small{font:7px 'IBM Plex Mono',monospace;color:#8c9c8a;letter-spacing:1px}
.camo-current b{font:600 17px 'Barlow Condensed',sans-serif;color:#d4d8c5}
.camo-current span{font:10px Arial,sans-serif;color:#84958b}
.customizer-stage{grid-column:2;grid-row:2;position:relative;min-width:0;overflow:hidden}
.tank-customizer .customization-preview{position:absolute;inset:0;height:100%;min-height:0;border:0;background:#06080b}
.customizer-camera-help{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:8px 'IBM Plex Mono',monospace;color:#899589;white-space:nowrap;pointer-events:none}
.customizer-vehicle{grid-column:3;grid-row:2;padding:26px 20px;background:linear-gradient(90deg,transparent,#080d12e0);overflow:auto;scrollbar-width:thin}
.customizer-vehicle>small{font:8px 'IBM Plex Mono',monospace;letter-spacing:.8px;color:#b5b89b}
body.at-base #menuPanel .customizer-vehicle h2{margin:10px 0 5px;font:700 31px/1.05 'Barlow Condensed',sans-serif;color:#e0e4d4}
.customizer-vehicle-type{font:10px Arial,sans-serif;color:#87978a;letter-spacing:1px}
.customizer-vehicle dl{margin:24px 0 20px}
.customizer-vehicle dl>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #9eae8c22;font:10px Arial,sans-serif}
.customizer-vehicle dt{color:#8d9b8d}.customizer-vehicle dd{margin:0;color:#d3d9c8;font-family:'IBM Plex Mono',monospace;font-size:10px}
body.at-base #menuPanel .customizer-vehicle>button{width:100%;min-height:38px;padding:9px 5px;background:#26362d;border-color:#84977755;color:#c6d3bd;font-size:9px}
.customizer-components{margin-top:26px}.customizer-components>small{font-size:8px;letter-spacing:1px;color:#879c80}
body.at-base #menuPanel .customizer-components p{font-size:10px;line-height:1.8;color:#adbaa3;margin-top:9px}
body.at-base .customizer-footer{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 26px;border-top:1px solid #a2af9326;background:linear-gradient(#10191fe8,#090f14);margin:0}
.customizer-selected{display:flex;align-items:center;gap:13px}.customizer-selected small{font:7px 'IBM Plex Mono',monospace;letter-spacing:1.3px;color:#8f9e8e}.customizer-selected strong{display:block;margin-top:6px;font:600 20px 'Barlow Condensed',sans-serif;color:#d4dfca}
.customizer-checkout{display:flex;align-items:center;gap:12px}.customizer-checkout>div{display:grid;gap:4px;margin-right:16px;min-width:135px}.customizer-checkout small{font:7px 'IBM Plex Mono',monospace;letter-spacing:.8px;color:#96a68a}.customizer-checkout b{font:600 24px 'Barlow Condensed',sans-serif;color:#d9cc9c}.customizer-checkout span{font:9px Arial,sans-serif;color:#819480}
body.at-base #menuPanel .customizer-checkout button{min-height:41px;min-width:115px;padding:12px 16px;background:#25362b;border-color:#8f9e705c;color:#d2dfc0;font-size:10px}
body.at-base #menuPanel .customizer-checkout .customizer-apply{min-width:178px;background:linear-gradient(#526744,#354b30);border-color:#a4ad7a80;color:#e3ebce}
.customizer-apply:disabled{opacity:.4;cursor:default}
@media(min-width:1900px){.tank-customizer{grid-template-columns:285px minmax(600px,1fr) 290px;grid-template-rows:85px minmax(400px,1fr) 115px}.customizer-camos{padding:28px 20px}.customizer-vehicle{padding:32px 26px}.camo-choice b{font-size:17px}.customizer-heading{padding-left:30px;padding-right:30px}}
@media(max-width:1100px){.tank-customizer{grid-template-columns:210px minmax(300px,1fr) 210px}.customizer-vehicle{padding:22px 14px}.customizer-heading h2 span{display:none}.customizer-checkout{gap:8px}.customizer-checkout>div{min-width:100px;margin-right:0}.customizer-selected strong{font-size:17px}.customizer-footer{padding:14px 18px;gap:12px}}