/* One preparation vocabulary and a clear primary action at laptop sizes. */
.hk-shell{--cf-line:#536450;--cf-text:#e9eee5;--cf-muted:#bdcbb8}
.hk-shell button:focus-visible,.cf-tank-picker :focus-visible{outline:3px solid #edd18f;outline-offset:2px}
.hk-shell .hk-help,.hk-shell .hk-status,.hk-shell .hq-muted{color:var(--cf-muted)}
.hk-shell .hk-tab,.hk-shell .hk-tabs button{font-size:13px}
.hk-shell .hk-stage{background:radial-gradient(ellipse at 47% 45%,#314737 0%,#18281f 70%)}
.hk-shell .hk-tank-image{filter:drop-shadow(0 16px 12px #08110bd9);object-fit:contain}
.hk-shell .hk-primary,.hq-primary{box-shadow:0 3px 0 #69542c;font-size:15px!important;letter-spacing:.35px}
.hk-shell .hk-primary:hover,.hq-primary:hover{background:#f3d996!important}
.hk-shell .hk-supplies{border-top:1px solid var(--cf-line);background:#202f25}
.hk-shell .hk-supply-summary{font-size:13px}
.hk-shell .ap-slot{border-radius:7px}
.hk-shell .ap-slot-empty{border-style:dashed;background:#16231b}
.hk-shell .ap-slot-empty .ap-slot-title{color:#c4d0bb}
.hk-shell .qm-check{border-radius:6px;text-align:left}
.hk-shell .vm-reason{color:#f0cd93;line-height:1.4}
.hk-shell .cf-research-link{margin-top:8px;border-color:#bba269;color:#f5dfa8;white-space:normal}
.cf-research-focus{outline:2px solid #edd18f;outline-offset:-2px;background:#38452e!important}
.cf-equipment-return{color:#f4d79c!important;border-color:#c4ab71!important}
.hk-panel:has(.cf-ammo-table){display:flex;flex-direction:column;gap:6px;padding-top:10px}
.hk-panel:has(.cf-ammo-table) .quality-choices{order:3}
.hk-panel:has(.cf-ammo-table)>.hk-help{order:4;margin:0;font-size:11px}
.hk-panel:has(.cf-ammo-table)>.hk-panel-heading{order:0;margin:0 0 3px}
.cf-ammo-table{order:1;min-height:0;overflow:auto;flex:1}
.hk-shell .cf-ammo-table .hk-ammo-row{min-height:44px;padding:3px 0;grid-template-columns:minmax(190px,1fr) 50px 56px 145px}
.hk-shell .cf-ammo-table .hk-ammo-head{min-height:22px;font-size:11px}
.hk-shell .cf-ammo-table .in-ammo-label{min-height:36px}
.hk-shell .cf-ammo-table .in-ammo-label .in-icon{width:34px;height:34px}
.hk-shell .cf-ammo-table .hk-amount{display:flex;align-items:center;gap:5px}
.hk-shell .cf-ammo-table .hk-stepper{gap:3px}
.hk-shell .cf-ammo-table .hk-stepper button{width:27px;min-width:27px;height:27px;min-height:27px;padding:0}
.hk-shell .cf-ammo-table .hk-amount input{width:44px;min-width:35px}
.hq-heading{gap:10px}.hq-heading .hq-tabs{margin-left:auto}.cf-all-tanks{border:1px solid #65765b;background:#263b2d;padding:8px;color:#e9eee5;border-radius:4px;cursor:pointer}
.hq-main.hq-survival-quick{grid-template-rows:48px 32px minmax(235px,1fr);gap:6px;padding:10px}
.hq-survival-quick .hq-survival{padding:8px 10px;gap:4px;justify-content:flex-start}
.hq-survival-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;min-height:120px}
.cf-reserve{display:flex;flex-direction:column;min-width:0;border:1px solid #596950;border-radius:6px;background:#17251c;padding:4px}
.cf-reserve-pick{display:flex;flex:1!important;flex-direction:column;align-items:center;border:0!important;background:none!important;min-height:0!important;padding:2px!important;justify-content:center}
.cf-reserve-pick img{height:48px!important}.cf-reserve-pick strong{font-size:12px}.cf-reserve-pick small{font-size:11px}
.cf-reserve-stock{font-size:10px!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}
.cf-reserve-equip{font-size:11px!important;min-height:25px!important;padding:3px!important;flex:0!important}
.cf-roster-actions{display:flex;gap:6px;flex-wrap:wrap}.cf-roster-actions button{font-size:11px;padding:4px 7px!important;min-height:25px!important}
.cf-preset{display:inline-flex;gap:2px}.cf-preset button+button{font-size:10px;color:#d5c395}
.cf-survival-rule{font-size:11px!important;line-height:1.3}
.cf-tank-picker{width:min(870px,calc(100vw - 36px));max-width:870px;background:#15241b;color:#edf1e8;border:1px solid #a7915f;border-radius:9px;padding:20px;box-sizing:border-box}
.cf-tank-picker::backdrop{background:#060d09d9}
.cf-tank-picker h2{margin:0 0 14px}.cf-picker-filters{display:flex;gap:8px;margin-bottom:12px}.cf-picker-filters input{flex:1;min-width:80px}.cf-picker-filters input,.cf-picker-filters select{padding:9px;background:#23372a;color:#fff;border:1px solid #607555;border-radius:4px}
.cf-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:50vh;overflow:auto;margin-bottom:12px}
.cf-picker-tank{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:128px;text-align:center;background:#24382a;border:1px solid #5e7058;color:#eaf0e3;border-radius:5px;padding:8px;cursor:pointer}
.cf-picker-tank:hover{border-color:#ebce84;background:#354832}.cf-picker-tank img{height:63px;width:120px;object-fit:contain}.cf-picker-tank strong{font-size:13px}.cf-picker-tank small{font-size:11px;color:#c3d1bd}
.cf-tank-picker>button{padding:8px 20px;background:#394b36;color:#fff;border:1px solid #708461;border-radius:4px}
@media(max-width:1150px){.cf-preset button+button{padding:4px!important}.hq-survival-quick .hq-survival h2{font-size:16px}.cf-roster-actions{gap:3px}.cf-reserve-stock{font-size:9px!important}.hq-heading h1{font-size:21px}.cf-all-tanks{font-size:11px}}
@media(max-height:700px){.cf-reserve-pick img{height:35px!important}.hq-survival-slots{min-height:105px}.cf-survival-rule{display:none}.cf-roster-actions button{min-height:22px!important}.hk-shell .cf-ammo-table .hk-ammo-row{min-height:39px}}
@media(max-width:800px){.cf-picker-grid{grid-template-columns:1fr 1fr}.cf-picker-filters{flex-wrap:wrap}.hq-heading{display:flex;flex-wrap:wrap}.cf-reserve-stock{white-space:normal}.cf-roster-actions{gap:8px}.cf-survival-rule{display:block}}
.hq-side>*{flex-shrink:0}.hq-survival-quick .hq-survival>*{flex-shrink:0}.hq-survival-quick .hq-survival-slots{flex:1 0 130px;min-height:130px}.hq-survival-quick .cf-roster-actions{flex:0 0 auto}
@media (min-width:801px) and (max-width:1150px){.hq-active .hk-top{flex-wrap:nowrap;min-height:52px;padding:7px 12px;gap:5px}.hq-active .hk-top .hk-nav{flex-wrap:nowrap;gap:0}.hq-active .hk-top .hk-nav button,.hq-active .hk-top .hk-nav a{font-size:11px;padding:6px}.hq-active .hk-top>button{font-size:10px;padding:5px;white-space:nowrap}.hq-active .hk-brand{display:none}}
@media (min-width:801px) and (max-height:700px){.hk-shell.hq-active{grid-template-rows:52px 48px 76px minmax(0,1fr) 74px!important}.hq-main.hq-survival-quick{grid-template-rows:48px 32px minmax(250px,1fr);padding:8px;gap:5px}.hq-survival-quick .hq-survival{padding:5px 8px;gap:3px}.hq-survival-quick .hq-survival h2{margin:0}.hq-survival-quick .hq-survival p{margin:0;font-size:10px}.hq-survival-quick .hq-survival-slots{min-height:112px;flex-basis:112px}.hq-survival-quick .cf-survival-rule{display:block;font-size:10px!important}.hq-survival-quick .cf-reserve-stock{margin:1px 0}.hq-survival-quick .cf-roster-actions{flex-wrap:nowrap;gap:3px}.hq-survival-quick .cf-roster-actions button{font-size:10px;padding:3px!important}.hq-survival-quick .cf-preset button+button{font-size:9px}}
@media(min-width:801px) and (max-width:1150px){.hq-active #hangar-exchange{position:static!important;inset:auto!important;align-self:center;flex:0 0 auto;margin:0!important;transform:none!important;height:30px}.hq-active .hk-top{flex-wrap:nowrap!important}.hq-active .hk-top .hk-wallet{display:none}.hq-active .hk-top .hk-nav{flex:1;min-width:0}}
@media(min-width:801px) and (max-width:1150px){.hk-shell.hq-active>.hk-top{display:flex!important;flex-wrap:nowrap!important}.hk-shell.hq-active>.hk-top>.hk-nav{flex:1;min-width:0}.hk-shell.hq-active>.hk-top>.hk-wallet{display:none}}