:root{--ink:#e9edf2;--muted:#929ca9;--red:#bf302f;--red-bright:#e14642;--bg:#11151a;--panel:#1b2027;--panel-2:#222831;--line:#343b45;--green:#60b985;--amber:#d5a84b}
*{box-sizing:border-box}html{font-size:16px;min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;background:radial-gradient(circle at 80% 0,#28313b 0,transparent 38%),var(--bg);color:var(--ink);font-family:var(--app-font)}.app-nav{min-height:62px;background:#0b0e12e8;border-bottom:1px solid #303741;box-shadow:0 6px 24px #0005}.navbar-brand{display:flex;gap:.7rem;align-items:center;color:#fff!important;font-weight:800;letter-spacing:.08em}.brand-logo{display:block;width:31px;height:31px;flex-shrink:0}.user-label{color:#aeb7c3;margin-right:1rem;font-size:.82rem}.app-shell{max-width:1400px}.footer{padding:1.2rem 0;color:#737d88!important;font-size:.75rem;text-align:center}.footer a{color:inherit}.kicker{display:block;color:#d84a47;font-size:.68rem;font-weight:900;letter-spacing:.2em;margin-bottom:.65rem}.wt-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid #59616d;background:#262d36;color:#f4f6f8;padding:.7rem 1rem;text-decoration:none;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.08em;cursor:pointer;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.wt-button:hover{background:#343d48;color:#fff}.wt-button.primary{border-color:#e15350;background:linear-gradient(#d1413d,#a82424)}.wt-button.primary:hover{background:linear-gradient(#e04d49,#bd2c2c)}.wt-button.large{padding:.9rem 1.35rem;font-size:.8rem}.wt-button.compact{padding:.55rem .8rem}.wt-button:disabled{opacity:.5;cursor:wait}.ms-symbol{display:grid;grid-template-columns:repeat(2,7px);gap:2px}.ms-symbol i{width:7px;height:7px;background:#f35325}.ms-symbol i:nth-child(2){background:#81bc06}.ms-symbol i:nth-child(3){background:#05a6f0}.ms-symbol i:nth-child(4){background:#ffba08}
.login-home{min-height:690px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:7vw;padding:6rem 1rem}.login-copy h1{font-size:clamp(3rem,6vw,5.6rem);font-weight:900;line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 1.5rem}.login-copy h1 em{color:#dd4541;font-style:normal}.login-copy p{max-width:600px;color:#abb4bf;font-size:1.08rem;line-height:1.7;margin-bottom:2rem}.login-copy small{display:block;margin-top:1rem;color:#77818d}.login-preview{height:430px;position:relative;overflow:hidden;border:1px solid #4a525e;background:linear-gradient(145deg,#28303a,#171b21);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);box-shadow:0 30px 80px #0008;padding:2rem}.preview-heading{display:flex;justify-content:space-between;color:#9da7b3;font-weight:900;letter-spacing:.2em}.preview-heading b{font-size:2rem;color:#fff}.preview-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:3rem}.preview-slots i{height:150px;background:linear-gradient(160deg,#454f5d,#222831);border-top:3px solid var(--red);transform:skew(-2deg)}.preview-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#fff05 40px),repeating-linear-gradient(90deg,transparent 0 39px,#fff04 40px);pointer-events:none}
.lineup-app{padding:1.8rem 0 4rem}.lineup-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.8rem;padding:1rem 1.2rem;background:#171c22;border:1px solid var(--line);border-left:3px solid var(--red);margin-bottom:1rem}.selector-group{display:grid;gap:.35rem;min-width:190px}.selector-group label{color:#89939f;text-transform:uppercase;font-size:.62rem;font-weight:900;letter-spacing:.13em}.selector-group select,.br-control select{border:1px solid #4a535f;background:#252c34;color:#fff;padding:.62rem 2.2rem .62rem .7rem;font-weight:700}.toolbar-divider{flex:1}.cloud-state{display:flex;align-items:center;gap:.5rem;color:#aeb6c0;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em}.cloud-state span{width:8px;height:8px;border-radius:50%;background:#73808e}.cloud-state.saved span{background:var(--green);box-shadow:0 0 9px #60b985}.cloud-state.saving span{background:var(--amber)}.cloud-state.error span{background:var(--red-bright)}.import-action{margin:0}.notice{background:#451d1d;border:1px solid #853431;color:#ffb4b0;padding:.8rem 1rem;margin-bottom:1rem}.state-panel{min-height:470px;display:grid;place-content:center;justify-items:center;text-align:center;padding:4rem;background:#181d23;border:1px solid var(--line)}.state-panel h2{text-transform:uppercase;font-size:2rem;margin:.2rem 0 .8rem}.state-panel p{max-width:600px;color:var(--muted);line-height:1.6}.empty-crosshair{display:grid;place-items:center;width:74px;height:74px;border:1px solid #687482;border-radius:50%;color:#e0504c;font-size:2.2rem;margin-bottom:1.3rem}.loader{width:35px;height:35px;border:3px solid #46505c;border-top-color:#df4844;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.lineup-heading{display:flex;align-items:end;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--line)}.lineup-heading h1{margin:0;text-transform:uppercase;font-size:2rem;font-weight:900}.br-control{display:flex;align-items:stretch}.br-control button{width:42px;border:1px solid #4a535f;background:#242b33;color:white;font-size:1.5rem}.br-control label{display:grid;background:#20262d;padding:.35rem .5rem}.br-control label span{text-transform:uppercase;font-size:.55rem;letter-spacing:.1em;color:#8f99a5}.br-control select{border:0;padding:.1rem 2rem .1rem 0;font-size:1.1rem}.lineup-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;padding:1rem 0 2rem}.lineup-card{position:relative;background:linear-gradient(150deg,#252c35,#191e24);border:1px solid #343c47;border-top:3px solid #7a3433;padding:.7rem;min-width:0}.slot-number{position:absolute;right:.6rem;top:.45rem;color:#68727e;font-size:.65rem;font-weight:800}.vehicle-art{height:92px;display:grid;place-items:center;background:radial-gradient(circle,#414c59,#242a32 60%,#1c2127);margin-bottom:.65rem;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.vehicle-art span{font-size:1.8rem;font-weight:900;color:#7f8d9c}.lineup-card label{display:grid;gap:.25rem;color:#7f8995;text-transform:uppercase;font-size:.56rem;font-weight:800;letter-spacing:.1em}.lineup-card label+label{margin-top:.55rem}.lineup-card input{width:100%;border:0;border-bottom:1px solid #48515d;background:#15191e;color:#fff;padding:.55rem;font-size:.8rem}.lineup-card input:focus{outline:1px solid #b94441}.database-panel{background:#181d23;border:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:1.15rem;text-transform:uppercase;margin:0}.database-grid{max-height:480px;overflow:auto}.database-row{display:grid;grid-template-columns:75px 1fr;min-height:48px;border-bottom:1px solid #2c333c}.database-row>b{display:grid;place-items:center;background:#20262e;color:#e1e5e9;font-size:1rem}.database-row>span{display:flex;align-items:center;gap:.7rem;padding:.6rem 1rem;color:#bdc5ce;font-size:.82rem;flex-wrap:wrap}.database-row i{color:#5f6975;font-style:normal}.database-row em{color:#697481;font-style:normal}
@media(max-width:800px){.login-home{grid-template-columns:1fr;padding:4rem 0}.login-preview{display:none}.lineup-toolbar{align-items:stretch;flex-wrap:wrap}.selector-group{min-width:calc(50% - .4rem);flex:1}.toolbar-divider{display:none}.cloud-state{width:100%;order:3}.lineup-heading{align-items:start;gap:1rem}.lineup-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.user-label{display:none}}@media(max-width:480px){.lineup-slots{grid-template-columns:1fr}.lineup-heading{display:grid}.selector-group{min-width:100%}}

html,body,button,input,select,textarea{font-family:var(--app-font)!important}
.workspace-tabs{display:flex;align-self:stretch;margin:-1rem 1rem -1rem -1.2rem}.workspace-tabs button{min-width:95px;border:0;border-right:1px solid var(--line);background:#12171c;color:#8e99a5;padding:0 1rem;text-transform:uppercase;font-size:.65rem;font-weight:900;letter-spacing:.1em}.workspace-tabs button.active{background:#252c34;color:#fff;box-shadow:inset 0 -3px var(--red)}
.lineup-slots{display:flex;grid-template-columns:none;overflow-x:auto;align-items:stretch;padding-bottom:1rem;scrollbar-color:#5b6571 #171c22}.lineup-card{flex:1 0 185px;max-width:230px}.workspace-view{min-width:0}.database-wrap{max-height:calc(100vh - 190px);overflow:auto}.database-table{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%;font-size:.72rem}.database-table th{position:sticky;top:0;z-index:5;min-width:175px;background:#29343e;color:#dce3e9;border-right:1px solid #45515d;border-bottom:1px solid #53606d;padding:.65rem;text-transform:uppercase;letter-spacing:.06em}.database-table td{height:65px;background:#111820;border-right:1px solid #303b45;border-bottom:1px solid #303b45;padding:0}.database-table textarea,.database-table input{display:block;width:100%;height:100%;border:0;background:#111820;color:#dce4eb;padding:.55rem;resize:none;font:inherit}.database-table textarea:focus,.database-table input:focus{position:relative;z-index:8;outline:2px solid #64849b;background:#182630}.database-table .db-fixed{position:sticky;z-index:4;background:#1b2731}.database-table th.db-fixed{z-index:7;background:#293944}.database-table .db-slot{left:0;min-width:48px;width:48px;text-align:center}.database-table .db-description{left:48px;min-width:250px;width:250px}.database-table .db-end{left:298px;min-width:180px;width:180px}.settings-panel{background:#181d23;border:1px solid var(--line)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;padding:1rem}.settings-card{background:#20262e;border:1px solid #37414c;padding:1.2rem}.settings-card h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem}.settings-card p{color:var(--muted);font-size:.82rem;line-height:1.6}.settings-card label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;margin:.7rem 0;color:#9ca7b3;font-size:.75rem;text-transform:uppercase}.settings-card input{min-width:0;border:1px solid #46515d;background:#14191f;color:#fff;padding:.6rem}.settings-actions{display:flex;gap:.6rem;flex-wrap:wrap}code{color:#e46b67}
@media(max-width:1100px){.workspace-tabs{order:-2;width:calc(100% + 2.4rem);flex-shrink:0;height:48px;margin:-1rem -1.2rem 0}.workspace-tabs button{flex:1}.lineup-toolbar{align-items:stretch}}
@media(max-width:900px){.lineup-card{flex-basis:175px}.database-table .db-fixed{position:relative;left:auto;top:auto}}

#lineup-view{overflow:hidden}.lineup-slots{height:calc(100dvh - 255px);min-height:350px;overflow-x:auto;overflow-y:hidden;padding:.7rem 0}.lineup-card{height:100%;display:grid;grid-template-rows:34px minmax(100px,1.25fr) minmax(52px,.55fr) 6px minmax(58px,.7fr);padding:0;overflow:hidden}.slot-heading{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.35rem .45rem;background:#1d2831;color:#d8e0e6;font-size:.58rem;text-transform:uppercase}.slot-heading span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8594a0}.vehicle-art{height:auto;min-height:0;margin:0;border-radius:0;clip-path:none}.vehicle-art img{width:100%;height:100%;object-fit:contain;padding:.25rem}.vehicle-art>span{font-size:.7rem;color:#657682}.primary-vehicle{display:grid;align-content:center;justify-items:center;min-height:0;padding:.35rem;text-align:center;background:#182027}.primary-vehicle strong{font-size:.72rem;line-height:1.1;overflow-wrap:anywhere}.primary-vehicle small{color:#b8c3cb;margin-top:.2rem}.rating-strip{display:block;background:#a76a35}.rating-strip.current{background:#4c9671}.lineup-alternatives{overflow:hidden;background:#10171d;padding:.25rem}.lineup-alternatives button{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;color:#bdc7cf;padding:.16rem .25rem;font-size:.6rem;text-align:left}.lineup-alternatives button:hover{background:#283641;color:#fff}.lineup-alternatives button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineup-alternatives button b{margin-left:.3rem;color:#8fa2af}.database-panel{margin-bottom:2rem}.database-wrap{max-height:calc(100dvh - 255px)}.db-vehicle-field{position:relative;height:100%}.db-vehicle-field textarea{padding-right:2rem}.nation-icon-trigger{position:absolute;right:.25rem;top:.25rem;width:1.55rem;height:1.55rem;border:1px solid #465563;background:#202d37;color:#d7e0e7}.nation-icon-picker{position:fixed;z-index:1000;width:280px;max-height:140px;overflow:auto;background:#18222a;border:1px solid #596a78;box-shadow:0 12px 35px #000b;padding:.35rem}.nation-icon-picker button{display:flex;align-items:center;gap:.6rem;width:100%;border:0;background:transparent;color:#dce4ea;padding:.45rem;text-align:left}.nation-icon-picker button:hover{background:#2b3c48}.nation-icon-picker b,.glyph-input{font-family:var(--app-icon-font)!important;font-size:1.2rem}.nation-icon-list{display:grid;gap:.4rem;margin-bottom:.8rem}.nation-icon-list>div{display:grid;grid-template-columns:1fr 64px 32px;gap:.35rem}.nation-icon-list button{border:1px solid #5b4141;background:#342020;color:#efaaa7}.footer{position:relative;z-index:20;background:var(--bg);clear:both}
.lineup-app{padding-bottom:1rem}.lineup-slots{height:calc(100dvh - 330px)}.database-wrap{max-height:calc(100dvh - 300px)}

/* The viewer always presents the complete lineup at once; editing remains in Database. */
.lineup-slots{width:100%;overflow:hidden;gap:3px}.lineup-card{flex:1 1 0;min-width:0;max-width:none}.slot-heading{padding-inline:.25rem}.slot-heading b{font-size:.52rem}.primary-vehicle{padding-inline:.2rem}.primary-vehicle strong{font-size:clamp(.48rem,.62vw,.7rem)}.lineup-alternatives button{font-size:clamp(.46rem,.55vw,.6rem);padding-inline:.12rem}.lineup-alternatives button b{display:none}
.progress-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.progress-panel{min-width:0;background:#181d23;border:1px solid var(--line)}.progress-panel.wide{grid-column:1/-1}.progress-panel header{display:flex;justify-content:space-between;align-items:center;padding:.65rem .8rem;background:#222a32;border-bottom:1px solid var(--line)}.progress-panel h2{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.progress-panel header button{border:1px solid #4a5662;background:#29343d;color:#fff;padding:.3rem .55rem}.progress-panel input:not([type="checkbox"]){width:100%;min-width:85px;border:1px solid #394651;background:#172129;color:#fff;padding:.4rem}.progress-panel input[type="checkbox"]{width:17px;height:17px}.progress-track{position:relative;min-width:110px;height:18px;background:#0c1217;border:1px solid #3c4953}.progress-track i{display:block;height:100%;background:#587f98}.progress-track span{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.setting-status{display:block;color:#aab5be;font-size:.72rem;margin-top:.8rem}
@media(max-width:900px){.lineup-slots{overflow-x:auto}.lineup-card{flex:0 0 9.5rem}.progress-panels{grid-template-columns:1fr}.progress-panel.wide{grid-column:auto}}

/* Every slot uses the same fixed regions, regardless of image, name, or alternative count. */
.lineup-slots{height:auto;min-height:0;align-items:stretch}.lineup-card{height:auto;min-height:346px;grid-template-rows:32px 112px 82px 6px minmax(110px,auto)}.lineup-alternatives{min-height:110px;overflow:visible}

/* Dense, full-width workspace: the database needs room more than a centered page needs margins. */
.app-shell,.app-nav-inner{width:100%;max-width:none;padding-inline:clamp(.65rem,1.25vw,1.5rem)}
body{display:flex;min-height:100vh;flex-direction:column}.app-shell{display:flex;flex:1 0 auto;flex-direction:column}.app-shell main{width:100%;padding-bottom:0!important}.lineup-app{padding-top:1rem}.footer{position:static!important;flex:0 0 auto;line-height:normal!important;width:100%;margin-top:auto;padding:.8rem 0!important}
.database-wrap{max-height:none;overflow:auto}.database-panel{margin-bottom:1rem}.database-table td{height:72px}

/* Stable artwork and typography prevent differently proportioned vehicles from shifting cards. */
.vehicle-art{display:flex;width:100%;height:112px;align-items:center;justify-content:center;overflow:hidden}.vehicle-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:5px}.vehicle-art img[data-normalize-art]{opacity:0}.vehicle-art img[data-normalize-art].art-ready{opacity:1}
.primary-vehicle{width:100%;height:82px;overflow:hidden}.primary-vehicle strong{display:-webkit-box;width:100%;height:2.25em;min-height:2.25em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.12;text-align:center}
.slot-heading{justify-content:center;flex-direction:column;gap:2px;min-width:0}.slot-heading b{white-space:nowrap;line-height:1.1}.slot-heading span{display:block;width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:1.1}

/* Editing affordances only appear on the active database field. */
.db-vehicle-field{transition:background .15s,box-shadow .15s}.db-vehicle-field:focus-within{z-index:9;background:#1a2b37;box-shadow:inset 3px 0 #d44b47,inset 0 0 0 1px #68859a}
.database-table tr:has(input:focus,textarea:focus) td{background:#16222b}.database-table tr:has(input:focus,textarea:focus) .db-slot{color:#fff;box-shadow:inset 3px 0 var(--red)}
.db-vehicle-field textarea:focus,.db-vehicle-field input:focus{outline:0;background:#1a2b37}
.nation-icon-trigger{display:none}.db-vehicle-field:focus-within .nation-icon-trigger{display:block}
.db-end .db-vehicle-field input{padding-right:2.2rem}
.lineup-alternatives button{cursor:pointer}.lineup-alternatives button:hover,.lineup-alternatives button:focus-visible{outline:0;background:#344956;color:#fff;box-shadow:inset 3px 0 var(--red)}

/* Settings are grouped as a compact control surface rather than unrelated boxes. */
.settings-panel{background:linear-gradient(145deg,#181d23,#12171c)}.settings-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.8rem;padding:1.2rem}.settings-card{grid-column:span 4;position:relative;padding:1rem 1.1rem;border-color:#34414c;background:linear-gradient(145deg,#222a32,#1a2027)}
.settings-profile-card,.br-settings-card{grid-column:span 6}.icon-settings-card{grid-column:span 8}.settings-card-heading{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid #35414b}.settings-card-heading h3{margin:0 0 .2rem}.settings-card-heading p{margin:0;font-size:.7rem;line-height:1.35}.settings-icon{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border:1px solid #75403f;background:#312326;color:#e25a56;font-size:.62rem;font-weight:900}.inline-setting{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:.6rem}.inline-setting label{display:block;margin:0}.inline-setting input{width:100%}.settings-actions{display:flex;gap:.5rem;flex-wrap:wrap}.setting-status:not(:empty){padding:.65rem;background:#151c22;border-left:2px solid var(--green)}
@media(max-width:1000px){.settings-card,.settings-profile-card,.br-settings-card,.icon-settings-card{grid-column:span 6}}
@media(max-width:650px){.settings-card,.settings-profile-card,.br-settings-card,.icon-settings-card{grid-column:1/-1}.inline-setting{grid-template-columns:1fr}.settings-grid{padding:.7rem}}

.wt-button.danger{border-color:#77413f;background:#3a2222;color:#f0b0ad}.wt-button.danger:hover{background:#542828}

/* Keep the icon picker above the focused input, including touch and keyboard use. */
.nation-icon-trigger{z-index:10;display:flex;align-items:center;justify-content:center;padding:3px;cursor:pointer}
.nation-icon-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nation-icon-trigger:hover,.nation-icon-trigger:focus-visible{background:#344956;outline:1px solid #8da4b5}
.db-vehicle-field .nation-icon-trigger{display:none}
.db-vehicle-field:hover .nation-icon-trigger,.db-vehicle-field:focus-within .nation-icon-trigger{display:flex}
@media(hover:none){.db-vehicle-field .nation-icon-trigger{display:flex}}
.lineup-alternatives button{min-height:28px;align-items:center}

/* Each alternative has its own swap arrow. */
.lineup-alternatives button{gap:.3rem;border:1px solid #303b45;margin-bottom:3px;padding:.3rem}
.lineup-alternatives button::before{content:"⇄";flex:0 0 auto;font-family:var(--app-control-font);font-size:12px;color:#91a5b4}
.lineup-alternatives .alternative-name{flex:1;min-width:0;text-align:left}

/* Fixed columns contain long names without moving adjacent battle ratings. */
.database-table{table-layout:fixed;min-width:100%}.database-table td{overflow:hidden}.database-table input,.database-table textarea{min-width:0;max-width:100%;overflow:auto}.database-table textarea{white-space:pre;overflow-wrap:normal;word-break:normal}
.database-table th.active-br{background:#3a566a;color:#fff;box-shadow:inset 0 -3px var(--red)}.database-table td.active-br{background:#1a2b37;box-shadow:inset 1px 0 #4d687a,inset -1px 0 #4d687a}.database-table td.active-br input,.database-table td.active-br textarea{background:#1a2b37}
.vehicle-progress-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:1rem;padding:1rem}.vehicle-progress-card{min-width:0;border:1px solid #3c4d5a;background:linear-gradient(145deg,#202c36,#141c23);padding:1rem;border-radius:6px}.vehicle-progress-card header{background:transparent;border:0;padding:0;gap:.7rem;align-items:center}.vehicle-progress-card label{display:grid;gap:.4rem;font-size:.7rem;color:#aebdcc;min-width:0}.vehicle-progress-card input:not([type=checkbox]){width:100%;min-width:0;background:#111b23;border:1px solid #42596b;color:#fff;padding:.6rem}.vehicle-progress-card h3{font-size:.8rem;margin:0 0 .7rem;text-transform:uppercase;color:#dce5ec}.vehicle-rp,.vehicle-camouflages{margin-top:1.2rem}.progress-fields{display:flex;gap:.7rem;margin-bottom:.8rem}.progress-fields label{flex:1}.vehicle-progress-card .progress-track{height:24px;min-width:0}.vehicle-progress-card .progress-track i{background:#51886e}.vehicle-milestones{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}.vehicle-milestones label{display:flex;align-items:center;text-transform:capitalize}.camo-heading,.camo-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.camo-card{margin-top:.7rem;padding:.8rem;background:#101a22;border:1px solid #344a5b;border-radius:4px}.camo-card>.progress-fields{margin-top:.8rem}.camo-footer{margin-top:.7rem;font-size:.7rem;color:#aebdcc}.progress-empty{padding:1rem;color:#9dafbd;font-size:.8rem}.vehicle-progress-card header>label{flex:1}

/* Each newline is one vehicle; focused cells open up for editing. */
.database-table textarea{white-space:pre;overflow-wrap:normal;word-break:normal}.database-table tr.active-row td,.database-table tr.active-row td input,.database-table tr.active-row td textarea{background:#233643}.database-table tr.active-row .db-slot{color:#fff;box-shadow:inset 3px 0 var(--red)}.database-table tr.active-row td.active-br{box-shadow:inset 0 0 0 1px #8da9bc;background:#304a5b}.database-table tr.active-row td.active-br textarea{background:#304a5b}
/* Shared controls and scrollbars follow the hangar palette. */
.progress-panel .wt-button{border:1px solid #59616d;background:#262d36;padding:.55rem .8rem;color:#f4f6f8}.progress-panel .wt-button:hover{background:#343d48}.progress-panel .wt-button.danger{border-color:#77413f;background:#3a2222;color:#f0b0ad}.progress-panel .wt-button.danger:hover{background:#542828}
input[type="checkbox"]{appearance:none;width:17px;height:17px;flex:0 0 17px;border:1px solid #5a6c7b;background:#111b23;border-radius:2px;cursor:pointer;display:inline-grid;place-content:center;margin:0}input[type="checkbox"]:checked{background:#a83230;border-color:#e15350}input[type="checkbox"]:checked::after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}input[type="checkbox"]:focus-visible{outline:2px solid #8da9bc;outline-offset:2px}
*{scrollbar-width:thin;scrollbar-color:#596b7b #111820}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#111820}::-webkit-scrollbar-thumb{background:#596b7b;border:2px solid #111820;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8195a6}::-webkit-scrollbar-corner{background:#111820}

.settings-card .slot-count-slider{display:block;width:100%;height:24px;padding:0;border:0;background:transparent;-webkit-appearance:none;appearance:none;accent-color:#d1413d;cursor:pointer}.slot-count-slider:focus-visible{outline:2px solid #8da9bc;outline-offset:3px}#visible-slot-value{text-align:right;color:#f4f6f8;font-size:1rem}#visible-slot-help{font-size:.7rem}

/* The editor opens over adjacent cells without resizing the grid. */
.database-table td{position:relative;overflow:visible}.database-table .db-vehicle-field{height:72px;overflow:visible}.database-table textarea{position:absolute;inset:0 auto auto 0;width:100%;height:72px;max-width:none;z-index:1}.database-table td.expanded-cell{z-index:20}.database-table td.expanded-cell textarea,.database-table td.expanded-cell input{max-width:none;position:absolute;left:0;top:0;height:72px;z-index:30;box-shadow:0 10px 28px #0006}.database-table td.expanded-cell .nation-icon-trigger{z-index:42}.database-table .db-description input{height:72px}.database-table .db-fixed{overflow:visible}
.settings-card .camouflage-points-setting{grid-template-columns:minmax(0,1fr) 5rem}.settings-card #points-per-kill{width:5rem;padding:.4rem}

.br-rating-input{display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:1fr 1fr;min-width:0}.br-rating-input input{grid-row:1/3;width:100%}.br-rating-input button{border:1px solid #46515d;background:#26343f;color:#dce5ec;line-height:1;padding:0;font-family:var(--app-control-font)!important;cursor:pointer}.br-rating-input button:hover{background:#3a5061}.br-rating-input button:focus-visible{outline:2px solid #8da9bc;outline-offset:-2px}

.admin-panel{padding:1.2rem 0 2rem}.admin-panel h1{font-size:1.4rem;margin:0;text-transform:uppercase}.admin-panel h2{font-size:1rem;margin:0 0 .3rem;text-transform:uppercase}.admin-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.admin-stat-grid article{background:#202c36;border:1px solid #3c4d5a;border-top:3px solid var(--red);padding:1.2rem}.admin-stat-grid span{display:block;color:#aebdcc;font-size:.75rem;text-transform:uppercase}.admin-stat-grid strong{display:block;font-size:2rem;margin-top:.3rem}.admin-defaults,.admin-users{margin-top:1rem}.admin-range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.admin-range-card{background:#141d25;padding:1rem}.admin-search{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.admin-search input{flex:1;min-width:180px;border:1px solid #46515d;background:#14191f;color:#fff;padding:.6rem}.admin-table-wrap{overflow:auto}.admin-user-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-user-table th,.admin-user-table td{padding:.8rem;text-align:left;border-bottom:1px solid #364653;vertical-align:top}.admin-user-table th{background:#293944}.admin-user-table td span{display:block;color:#aebdcc;margin-top:.3rem}.admin-user-table td small{overflow-wrap:anywhere;color:#aebdcc}.admin-pagination{display:flex;gap:1rem;align-items:center;margin-top:1rem;font-size:.8rem}.admin-success{padding:1rem;background:#163426;border-left:3px solid var(--green);color:#bde2cd}.admin-nav-link{margin-right:1rem}.validation-summary-valid{display:none}@media(max-width:700px){.admin-range-grid,.admin-stat-grid{grid-template-columns:1fr}.admin-panel>.panel-heading{gap:1rem;align-items:flex-start;flex-wrap:wrap}}

.preview-slots{gap:7px;margin-top:2.4rem}.preview-vehicle{display:flex;flex-direction:column;align-items:center;min-width:0;height:210px;border:1px solid #43515f;border-top:3px solid var(--red);background:linear-gradient(155deg,#364451,#18242e);box-shadow:0 8px 15px #0004;transform:skew(-2deg);overflow:hidden}.preview-vehicle>span{font-size:.5rem;letter-spacing:.08em;color:#9baebd;padding:.6rem .15rem}.preview-vehicle img{width:100%;max-width:100%;height:110px;object-fit:contain;filter:drop-shadow(0 4px 5px #0008)}.preview-vehicle strong{font-size:.62rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.3rem .2rem}.preview-vehicle small{font-size:.6rem;color:#9eb5c6}.login-preview .preview-grid{opacity:.65}

.privacy-panel{max-width:900px;margin:2rem auto}.privacy-panel h1{margin:0;font-size:1.3rem;text-transform:uppercase}.privacy-content{padding:1.5rem;line-height:1.7;color:#b6c2cd}.privacy-content h2{margin:1.6rem 0 .6rem;color:#eef2f5;font-size:1rem;text-transform:uppercase}.privacy-content h2:first-child{margin-top:0}.privacy-content p{font-size:.9rem}.privacy-content a{color:#c9dde9}.preview-vehicle img{object-fit:contain}

.delete-profile-card{border-color:#77413f}.delete-profile-card p{font-size:.75rem}.preview-vehicle img{height:110px;width:100%;object-fit:contain;padding:.25rem}

.account-nav-link{margin-right:1rem}.account-panel{max-width:1100px;margin:auto}.account-section{margin-top:1rem}.account-section p{font-size:.8rem;line-height:1.7}.account-details{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:.6rem 1rem;font-size:.8rem}.account-details dt{color:#aebdcc}.account-details dd{margin:0;overflow-wrap:anywhere}.account-json{white-space:pre-wrap;overflow-wrap:anywhere;background:#111a22;color:#b6c2cd;padding:1rem;margin-top:.6rem}.account-section summary{cursor:pointer;font-size:.8rem}.account-note{color:#aebdcc;margin-top:1rem}.account-delete-form{display:flex;flex-direction:column;gap:.8rem;border-top:1px solid #77413f;padding-top:1rem}.account-delete-form h3{font-size:1rem}.account-delete-form input[type=text]{width:12rem;max-width:100%;background:#14191f;color:#fff;border:1px solid #46515d;padding:.6rem}.account-acknowledge{display:flex;align-items:flex-start;gap:.65rem;font-size:.8rem}.account-actions{display:flex;gap:.8rem;flex-wrap:wrap}@media(max-width:600px){.account-details{grid-template-columns:1fr;gap:.35rem}.account-details dd{margin-bottom:.8rem}}

/* Keep rotating nation names inside the preview. */
.preview-heading{align-items:center;gap:1rem}.preview-heading>span{flex-shrink:0;font-size:.7rem}.preview-heading b{min-width:0;text-align:right;font-size:clamp(1rem,2vw,2rem);line-height:1.15;letter-spacing:.08em}

.database-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.br-check-action{display:flex;align-items:center;gap:.8rem}.br-check-action>span{font-size:.7rem;color:#9eb5c6}.settings-profile-card select{width:100%;background:#14191f;color:var(--ink);border:1px solid #46515d;padding:.55rem}.br-check-results{padding:1rem 1.2rem;border-bottom:1px solid var(--line);background:#141d25}.br-check-results>p{font-size:.8rem;line-height:1.6;margin:0 0 .6rem}.br-check-table-wrap{max-height:360px;overflow:auto;margin:.8rem 0}.br-check-table{width:100%;border-collapse:collapse;font-size:.78rem}.br-check-table th,.br-check-table td{padding:.65rem .7rem;border:1px solid #35434e;text-align:left;vertical-align:top}.br-check-table th{background:#263641;position:sticky;top:0}.br-check-table td:first-child{min-width:140px;overflow-wrap:anywhere}.br-check-table td:last-child{min-width:200px}.br-check-table a,.br-check-note a{color:#c9dde9}.br-check-table tr.br-mismatch td:nth-child(3){color:#ff9b95}.br-check-note{color:#9eb5c6}
@media(max-width:480px){.workspace-tabs button{min-width:0;padding:0 .35rem}}

.profile-choice{width:min(560px,94vw);max-height:90vh;overflow:auto;padding:1.8rem;background:#181d23;color:var(--ink);border:1px solid #59616d}.profile-choice::backdrop{background:#000b}.profile-choice h2{font-size:1.4rem}.profile-choice p,.builder-panel p{color:var(--muted);font-size:.8rem;line-height:1.6}.builder-panel{background:#181d23;border:1px solid var(--line);padding:1.2rem}.builder-panel>.panel-heading{display:block;padding:0 0 1rem}.builder-controls{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.builder-controls label,.builder-slot label{display:grid;gap:.5rem;font-size:.8rem;color:#aebdcc}.builder-controls select,.builder-slot select{width:100%;min-width:0;background:#14191f;color:var(--ink);border:1px solid #46515d;padding:.65rem;font:inherit}.builder-controls select{min-width:170px}.builder-slots{display:grid;align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:.8rem;margin:1rem 0}.builder-slot{min-width:0;padding:1rem;border:1px solid #35434e;background:#141d25}.builder-slot details{font-size:.75rem;margin-top:.8rem;color:#aebdcc}.builder-slot summary{cursor:pointer}.builder-slot ol{padding-left:1.5rem;margin-top:.65rem;line-height:1.7}.builder-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.builder-note{margin-bottom:0}#builder-status{margin-top:1rem}

/* Each image indicator belongs to one vehicle line; database cells stay fixed. */
.database-image-status:empty{display:none}.database-image-status{margin:.5rem 1.2rem;color:#aebfcd;font-size:.75rem}
.db-vehicle-field textarea,.db-end .db-vehicle-field input{padding-left:1.8rem;line-height:18px}
.database-table textarea{padding-top:6px;padding-bottom:6px;overflow-x:hidden;overflow-y:auto}
.db-image-indicators{position:absolute;left:5px;width:18px;bottom:0;overflow:hidden;z-index:10;pointer-events:none}
.db-image-indicators>span{display:flex;align-items:center;justify-content:center}
.db-image-missing{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid #899dab;border-radius:50%;color:#b8c8d3;font:10px Arial!important;pointer-events:auto;cursor:help}
.db-image-missing:focus-visible{outline:2px solid #d44b47;outline-offset:2px}

.builder-line{display:flex;align-items:center;gap:.4rem}.builder-line select{flex:1}.builder-remove-line{flex:none;border:1px solid #5b4141;background:#342020;color:#efaaa7;padding:.4rem .65rem}.builder-add-line{margin-top:.7rem}
/* Keep vehicle overlays beneath the frozen columns, except the active editor. */
.database-table td:not(.db-fixed):not(.expanded-cell){z-index:0}
.database-table td.expanded-cell .db-image-indicators{z-index:41}

#share-profile-link{width:100%;padding:.7rem;background:#111820;color:var(--ink);border:1px solid #46515d}.shared-note,.shared-viewer #shared-context{color:var(--muted);font-size:.8rem}.shared-viewer .lineup-slots{height:auto;min-height:0}.shared-viewer .lineup-heading{flex-wrap:wrap}.shared-viewer .lineup-card{min-width:185px;min-height:0;grid-template-rows:32px 112px 82px 6px auto}.shared-viewer .lineup-alternatives{min-height:0}

.toolbar-profile-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;gap:.5rem;flex-shrink:0}.toolbar-profile-actions .cloud-state{width:auto;order:0}
@media(max-width:800px){.toolbar-profile-actions{width:100%}}

.account-share-link{width:100%;min-width:220px;border:1px solid #46515d;background:#111820;color:var(--ink);padding:.6rem;font:inherit}.account-actions form{margin:0}

.vehicle-suggestions{position:fixed;z-index:1100;overflow:auto;background:#15212a;color:var(--ink);border:1px solid #68859a;box-shadow:0 12px 35px #000b;scrollbar-color:#5b6571 #171c22}.vehicle-suggestions p{margin:0;padding:.6rem .75rem;font-size:.7rem;color:#aebfcc}.vehicle-suggestions button{display:flex;align-items:center;gap:.7rem;width:100%;padding:.45rem .6rem;border:0;border-top:1px solid #34434e;background:transparent;color:var(--ink);text-align:left}.vehicle-suggestions button:hover,.vehicle-suggestions button[aria-selected="true"]{background:#304a5b;box-shadow:inset 3px 0 var(--red)}.vehicle-suggestions img,.suggestion-no-image{width:72px;height:45px;object-fit:contain;flex-shrink:0}.vehicle-suggestions button>span:last-child{min-width:0}.vehicle-suggestions strong{display:block;font-size:.8rem;overflow-wrap:anywhere}.vehicle-suggestions small{display:block;margin-top:.25rem;font-size:.65rem;color:#b0c0cc}.vehicle-suggestions .suggestion-br-mismatch{color:#e6b877}

/* Weapon loadouts and consistent in-game names. */
.loadout-intro,.loadout-status,.loadout-notes,.loadout-saved>div>p{color:var(--muted);font-size:.8rem;line-height:1.6}.loadout-intro,.loadout-status{margin:.8rem 1.2rem}.loadout-controls{display:grid;grid-template-columns:1fr 2fr;gap:1rem;padding:0 1.2rem}.loadout-builder label{display:grid;gap:.35rem;font-size:.75rem;color:#aebdcc}.loadout-builder input:not([type=checkbox]),.loadout-builder select,.loadout-builder textarea{min-width:0;width:100%;background:#141c23;color:var(--ink);border:1px solid #465563;padding:.6rem}.loadout-vehicle-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem}.loadout-vehicle-heading h3,.loadout-name-panel h3,.loadout-saved h3{font-size:1rem;margin:0}.loadout-vehicle-heading a,#loadout-source a{font-size:.75rem;color:#b5c7d4}.loadout-stations{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;padding:0 1.2rem}.loadout-station{background:#202b33;padding:.8rem;border:1px solid #354550}.loadout-station small{font-size:.65rem;overflow-wrap:anywhere}.loadout-name-panel{margin:1.2rem;padding:1rem;background:#202b33;border:1px solid #40535f}.loadout-name-output{display:flex;align-items:center;gap:1rem;margin:.8rem 0}.loadout-name-output output{flex-shrink:0;font-size:.8rem;color:var(--green)}.loadout-name-output .over-limit{color:var(--red-bright)}.loadout-name-options{display:flex;gap:1rem;flex-wrap:wrap}.loadout-name-options [hidden]{display:none}.loadout-name-options label{display:flex;align-items:center;gap:.5rem}.loadout-name-panel .loadout-status{margin:.7rem 0}.loadout-errors{color:#eaa49b;font-size:.8rem;padding-left:1.2rem;line-height:1.7}.loadout-name-panel>p{font-size:.8rem}.loadout-naming{margin-top:1rem;font-size:.8rem}.loadout-naming summary{cursor:pointer}.loadout-naming>p{color:var(--muted);line-height:1.6}.loadout-name-entry{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.8rem 0;border-top:1px solid #40505e}.loadout-name-entry strong,.loadout-name-entry small{grid-column:1/-1;overflow-wrap:anywhere}.loadout-notes{padding:0 1.2rem}.loadout-notes p{margin:.3rem 0}.loadout-saved{padding:1.2rem;border-top:1px solid #40505e}.loadout-saved-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid #354550}.loadout-saved-card>div:first-child{min-width:0;display:grid;gap:.4rem;font-size:.8rem;overflow-wrap:anywhere}.vehicle-art{position:relative}.vehicle-loadout-button{position:absolute;top:4px;right:5px;width:27px;height:27px;display:grid;place-items:center;padding:4px;border:1px solid #496272;background:#17242be6;color:#c8d6df;cursor:pointer;z-index:2}.vehicle-loadout-button:hover{background:#344b59;color:#fff}@media(max-width:600px){.loadout-controls,.loadout-name-entry{grid-template-columns:1fr}.loadout-stations{grid-template-columns:minmax(0,1fr)}.loadout-saved-card{align-items:stretch;flex-direction:column}.loadout-name-output{gap:.5rem}.loadout-name-panel,.loadout-controls,.loadout-stations,.loadout-saved{padding:.8rem}.loadout-name-panel{margin:.8rem}.loadout-controls{padding-top:0}.vehicle-loadout-button{font-size:.58rem}}

#loadout-generated-name{resize:none;line-height:1.5;overflow-wrap:anywhere}

/* The preset editor shows one row of mounting points; each opens its own chooser. */
.loadout-slot-hint{font-size:.75rem;color:var(--muted);margin:0 1.2rem .8rem}
.loadout-stations{display:flex;align-items:stretch;overflow-x:auto;gap:.25rem;padding-bottom:1rem}
.loadout-station{flex:1 0 74px;min-width:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;text-align:center}
.loadout-station h4{font-size:.8rem;text-align:center;margin:.2rem 0 .45rem;color:var(--ink)}
.loadout-slot-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:135px;width:100%;padding:.45rem .3rem;background:#202b33;border:1px solid #465563;color:var(--ink);cursor:pointer}
.loadout-slot-button:hover{background:#2c3d48;border-color:#91b2c8}.loadout-slot-button:disabled{cursor:default;opacity:1}
.loadout-slot-edit{font-size:.6rem;color:#b7c8d3;margin-top:auto}.loadout-slot-side{color:var(--muted);font-size:.65rem;margin-top:.4rem}
.loadout-internal-equipment{display:flex;gap:.6rem;margin:.5rem 1.2rem}.loadout-internal-station{flex:0 1 220px}.loadout-internal-station .loadout-slot-button{min-height:110px}
.loadout-weapon-picker{width:min(800px,calc(100vw - 2rem));max-height:85vh;padding:0;border:1px solid #768895;background:#19232b;color:var(--ink);box-shadow:0 20px 60px #0009}
.loadout-weapon-picker::backdrop{background:#0009}.loadout-weapon-picker header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid #465563}
.loadout-weapon-picker h3{margin:0;font-size:1rem}.loadout-weapon-picker header button{border:0;background:transparent;color:var(--ink);font-size:1.6rem;cursor:pointer}
.loadout-picker-search{display:grid;gap:.35rem;padding:1rem;font-size:.75rem}.loadout-picker-search input{width:100%;padding:.6rem;border:1px solid #465563;background:#141c23;color:var(--ink)}
.loadout-weapon-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;padding:0 1rem 1rem}
.loadout-weapon-card{display:grid;justify-items:center;align-content:start;gap:.4rem;width:100%;padding:.6rem;background:#202b33;border:1px solid #465563;color:var(--ink);cursor:pointer;text-align:center}
.loadout-weapon-card:hover{background:#2c3d48;border-color:#91b2c8}
.loadout-weapon-card[aria-pressed=true]{background:#354d3b;border-color:#9abb86;box-shadow:inset 0 0 0 1px #9abb86}
.loadout-slot-button:focus-visible,.loadout-weapon-card:focus-visible{outline:2px solid #c3ddec;outline-offset:2px}
.loadout-weapon-art{height:70px;width:100%;display:flex;align-items:center;justify-content:center}
.loadout-weapon-art img{width:80px;height:70px;max-width:100%;object-fit:contain}
.loadout-empty-slot{color:var(--muted);font-size:1.7rem}
.loadout-weapon-name{font-size:.68rem;overflow-wrap:anywhere;line-height:1.35}
.loadout-weapon-card small{color:var(--muted);font-size:.65rem}.loadout-no-weapons{grid-column:1/-1;color:var(--muted);font-size:.8rem}
@media(max-width:600px){.loadout-station{flex-basis:82px}.loadout-weapon-options{grid-template-columns:repeat(2,minmax(0,1fr))}.loadout-weapon-picker{width:calc(100vw - 1rem)}}
.loadout-countermeasures{margin:1rem 1.2rem;border:1px solid #465563;padding:1rem}
.loadout-countermeasures[hidden]{display:none}
#loadout-cm-groups{display:grid;gap:1.2rem}.loadout-cm-group{display:grid;gap:.6rem}
.loadout-cm-group label{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--ink)}
.loadout-cm-group label small{color:var(--muted);font-size:.72rem}.loadout-cm-counts{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:#c2cdd4}
.loadout-cm-controls{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.loadout-cm-controls>span{font-size:.7rem;color:var(--muted);margin-right:auto}
.loadout-cm-controls button{padding:.3rem .5rem;min-width:2rem;font:inherit;font-size:.75rem;background:#202b33;border:1px solid #465563;color:var(--ink);cursor:pointer}
.loadout-cm-controls button:hover:not(:disabled){border-color:#91b2c8}
.loadout-cm-controls button[aria-pressed=true]{background:#344f37;border-color:#99b28a;color:var(--ink)}
.loadout-cm-controls button:disabled{opacity:.45;cursor:default}
.loadout-countermeasures p,.loadout-cm-group>small{font-size:.75rem;color:var(--muted);margin:.8rem 0 0}
.loadout-builder input[type=range]{width:100%;height:6px;min-height:6px;margin:.4rem 0;padding:0;border:0;border-radius:0;appearance:none;background:linear-gradient(to right,#99b28a 0 var(--flare-percent),#617b91 var(--flare-percent) 100%);cursor:pointer}
.loadout-builder input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:20px;border:1px solid #d0dadf;background:#c2cbd0;border-radius:1px}
.loadout-builder input[type=range]::-moz-range-thumb{width:12px;height:20px;border:1px solid #d0dadf;background:#c2cbd0;border-radius:1px}
.loadout-builder input[type=range]:focus-visible{outline:2px solid #c3ddec;outline-offset:7px}.loadout-builder input[type=range]:disabled{opacity:.65;cursor:default}
.loadout-generated-name{width:100%;min-width:0;min-height:3rem;padding:.6rem;background:#141c23;border:1px solid #465563;white-space:pre-wrap;user-select:text;line-height:1.5;overflow-wrap:anywhere}
.loadout-name-overflow{color:#ff8c85;background:#6b28284d;text-decoration:underline;text-decoration-color:#ff8c85;text-underline-offset:3px}

.vehicle-loadout-button svg{width:18px;height:18px;fill:currentColor;stroke:none}.lineup-card.has-loadouts .slot-heading{padding-right:38px}
.vehicle-loadout-button[aria-expanded=true]{border-color:#afc4d3;background:#344b59}.vehicle-loadout-button:focus-visible{outline:2px solid #c3ddec;outline-offset:2px}
.vehicle-loadout-menu{position:fixed;inset:auto;margin:0;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:1rem;border:1px solid #637989;background:#19232b;color:var(--ink);box-shadow:0 12px 35px #0009}
.vehicle-loadout-menu header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.vehicle-loadout-menu h3{margin:0;font-size:.9rem}.vehicle-loadout-menu header button{border:0;background:transparent;color:var(--ink);font-size:1.4rem;cursor:pointer}
.vehicle-loadout-menu p{font-size:.8rem;color:var(--muted);line-height:1.5}.vehicle-loadout-choice{display:flex;gap:.35rem;margin-bottom:.4rem}
.vehicle-loadout-choice button{padding:.55rem;border:1px solid #465563;background:#202b33;color:var(--ink);cursor:pointer;font-size:.75rem}.vehicle-loadout-choice button:first-child{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.vehicle-loadout-choice button[aria-pressed=true]{border-color:#9abb86;background:#354d3b}.vehicle-loadout-choice button:hover{background:#344b59}
#vehicle-loadout-menu-add{width:100%;margin-top:.6rem}.vehicle-loadout-menu button:focus-visible{outline:2px solid #c3ddec;outline-offset:2px}

.loadout-weapon-filters{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem 1rem}
.loadout-weapon-filters button{display:flex;align-items:center;gap:.5rem;border:1px solid #465563;background:#202b33;color:var(--ink);padding:.4rem .6rem;font-size:.72rem;cursor:pointer}
.loadout-weapon-filters button span{font-size:.65rem;color:var(--muted)}.loadout-weapon-filters button[aria-pressed=true]{background:#354d3b;border-color:#9abb86}.loadout-weapon-filters button:hover{background:#344b59}.loadout-weapon-filters button:focus-visible{outline:2px solid #c3ddec;outline-offset:2px}

.loadout-vehicle-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.loadout-vehicle-heading{flex-wrap:wrap}
.loadout-weapon-filters button img,.loadout-weapon-filters button svg{width:28px;height:28px;object-fit:contain;fill:currentColor;flex-shrink:0}.loadout-weapon-filters button .loadout-filter-label{color:var(--ink);font-size:.72rem}
.loadout-equipment-preview{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.loadout-equipment-preview>span{display:grid;justify-items:center;min-width:34px}.loadout-equipment-preview img{width:34px;height:34px;object-fit:contain}.loadout-equipment-preview small{font-size:.6rem;color:var(--muted)}
.vehicle-loadout-choice button:first-child{display:flex;flex-direction:column;gap:.35rem}.vehicle-loadout-choice .loadout-equipment-preview{margin:0}

/* Keep each lineup loadout choice in one compact row across the available width. */
.vehicle-loadout-menu{width:calc(100vw - 16px);max-width:none}
.vehicle-loadout-choice button:first-child{flex-direction:row;align-items:center;gap:.65rem;overflow:hidden}
.vehicle-loadout-choice .loadout-equipment-preview{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;min-width:0;width:auto;overflow-x:auto;margin:0}
.vehicle-loadout-choice .loadout-equipment-preview>span{flex:1 0 28px;max-width:40px;min-width:28px;padding:2px;background:#141c23;border:1px solid #40535f}
.vehicle-loadout-choice .loadout-equipment-preview img{width:100%;height:32px;max-width:34px}
.vehicle-loadout-name{flex:0 1 240px;min-width:0;margin-left:auto;text-align:right;font-size:.75rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vehicle-loadout-selected{flex:0 0 48px;text-align:right;font-size:.65rem;color:#bcd5a9}
@media(max-width:600px){.vehicle-loadout-menu{padding:.6rem}.vehicle-loadout-name{flex-basis:95px}.vehicle-loadout-choice button:first-child{gap:.35rem}.vehicle-loadout-selected{font-size:.6rem;flex-basis:36px}}

.image-loader-host{position:relative}.image-is-loading,.image-load-failed{opacity:0!important}
.image-loading-spinner{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid #607382;border-top-color:#d2e1eb;border-radius:50%;animation:image-loading-spin .8s linear infinite;pointer-events:none;z-index:1}
.image-loader-host>.image-error-indicator{position:absolute;inset:0;display:grid;place-items:center;font-size:.6rem;color:var(--muted);text-align:center;pointer-events:none}
@keyframes image-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.image-loading-spinner{animation:none}}
.loadout-list-tools{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:1rem;margin:1rem 0}.loadout-list-pages{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1rem}.loadout-list-pages output{font-size:.75rem;color:var(--muted)}
@media(max-width:600px){.loadout-list-tools{grid-template-columns:1fr}.loadout-list-pages{flex-wrap:wrap}}

.loadout-preview-loading{display:flex;align-items:center;gap:.5rem;min-height:38px;font-size:.7rem;color:var(--muted)}.loadout-preview-loading>.image-loading-spinner{position:static;display:inline-block;flex-shrink:0;margin:0}

.primary-vehicle .vehicle-selected-loadout{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;width:100%;max-height:2.4em;margin-top:.3rem;font-size:.58rem;line-height:1.2;color:#aebfcc}

.vehicle-loadout-selected{flex-basis:24px}.vehicle-loadout-selected svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.primary-vehicle .vehicle-selected-loadout{display:block;max-height:none;margin-top:.2rem;overflow:hidden}
.primary-vehicle .loadout-equipment-preview{flex-wrap:nowrap;justify-content:center;gap:1px;margin:0;overflow:hidden}
.primary-vehicle .loadout-equipment-preview>span{min-width:0;flex:0 1 22px}
.primary-vehicle .loadout-equipment-preview img{width:100%;height:20px;object-fit:contain}

.loadout-preview-loading.images-only{justify-content:center;min-height:38px}
.primary-vehicle .vehicle-selected-loadout{height:20px;min-height:20px}
.primary-vehicle .loadout-preview-loading.images-only{height:20px;min-height:20px;width:100%}

.vehicle-loadout-choice .loadout-preview-loading.images-only{flex:1;min-width:0}

.login-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.discord-login { background: #5865f2; color: #fff; border-color: #7983f5; }
.discord-login:hover { background: #4752c4; color: #fff; }
.discord-login svg { flex-shrink: 0; }

.slot-count-slider::-webkit-slider-runnable-track{height:6px;border:0;border-radius:3px;background:linear-gradient(to right,#d1413d 0 var(--slot-percent,100%),#34434f var(--slot-percent,100%) 100%)}
.slot-count-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:18px;height:18px;margin-top:-6px;border:2px solid #f18a87;border-radius:50%;background:#d1413d}
.slot-count-slider::-moz-range-track{height:6px;border:0;border-radius:3px;background:#34434f}
.slot-count-slider::-moz-range-progress{height:6px;border-radius:3px;background:#d1413d}
.slot-count-slider::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border:2px solid #f18a87;border-radius:50%;background:#d1413d}

.progress-count{display:block;margin-top:.25rem;color:var(--muted);font-size:.7rem}
.vehicle-progress-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}
.vehicle-progress-card header .progress-vehicle-art{position:relative;display:grid;place-items:center;flex:0 0 82px;height:56px;background:#101a22;border:1px solid #344a5b;overflow:hidden}
.progress-vehicle-art img{width:100%;height:100%;object-fit:contain}.progress-vehicle-art>span{color:#6f8597}
.vehicle-progress-card header .progress-vehicle-name{flex:1;min-width:0}
.vehicle-camo-total{padding:.8rem;margin-top:.7rem;background:#1c2e3a;border-left:3px solid #a73e3a}
.vehicle-camo-total p{font-size:.72rem;color:#aebdcc;margin:.6rem 0 0}
.vehicle-camo-total .progress-fields{margin:0 0 .7rem}.vehicle-camo-total .progress-fields label:first-child{flex:2}
.camo-card.complete{border-color:#51886e}.camo-points-summary{display:block;font-size:.72rem;color:#aebdcc;margin-bottom:.4rem}
.camo-card.complete .kills-left{color:#9ec7a8}.camo-card .progress-fields label:first-child{flex:2}
@media(max-width:520px){.vehicle-progress-list{padding:.6rem}.vehicle-progress-card{padding:.7rem}.vehicle-progress-card header{flex-wrap:wrap}.vehicle-progress-card header .progress-vehicle-art{flex-basis:62px;height:44px}.vehicle-progress-card header .danger{margin-left:auto}.vehicle-camo-total .progress-fields{flex-wrap:wrap}}

/* Compact vehicle progress: shared counters above individual camouflage goals. */
.progress-help{margin:0 0 .5rem;color:#acbdca;font-size:.7rem}
.vehicle-progress-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:.65rem;padding:.7rem}
.compact-progress{padding:.75rem}
.compact-progress .progress-vehicle-overview{display:grid;grid-template-columns:clamp(90px,26%,150px) minmax(0,1fr);align-items:stretch;gap:.75rem;position:relative}
.compact-progress .progress-vehicle-overview .progress-vehicle-art{width:100%;height:auto;min-height:0;aspect-ratio:1;align-self:start}
.progress-vehicle-details{display:grid;align-content:start;gap:.55rem;min-width:0}
.progress-vehicle-details .progress-vehicle-name{padding-right:32px}
.progress-vehicle-overview>.progress-remove{position:absolute;right:0;top:0}
@media(max-width:520px){.compact-progress .progress-vehicle-overview{grid-template-columns:84px minmax(0,1fr);gap:.5rem}}
.compact-progress input:not([type=checkbox]),.compact-progress select{width:100%;min-width:0;padding:.35rem .4rem;font-size:.75rem;border:1px solid #42596b;background:#111b23;color:#fff}
.compact-progress .wt-button{padding:.3rem .45rem;font-size:.68rem}.compact-progress .progress-remove{min-width:26px;min-height:28px}
.compact-progress .vehicle-camo-total{padding:.5rem;margin:0}.progress-counter{display:flex;align-items:end;gap:.4rem}.progress-counter+ .progress-counter{margin-top:.45rem}.progress-counter>label{flex:1}.progress-counter .bombing-run{flex:0 1 70px}.progress-counter>button{min-height:30px;white-space:nowrap}
.compact-progress .vehicle-camouflages{margin-top:.65rem}.compact-progress h3{font-size:.72rem;margin:0}.compact-progress .camo-card{margin-top:.4rem;padding:.45rem}
.camo-goal-row{display:grid;grid-template-columns:minmax(0,1fr) 76px 24px;align-items:end;gap:.35rem}.camo-goal-row>label{font-size:.6rem;gap:.15rem}.camo-goal-row>button{height:29px;padding:.15rem!important}.vehicle-camo-requirement{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.65rem}.vehicle-camo-requirement select{flex:1}
.camo-progress-row{display:flex;justify-content:space-between;align-items:center;gap:.4rem;margin:.4rem 0 .25rem;font-size:.66rem;color:#acbdca}.compact-progress .camo-points-summary{margin:0;font-size:inherit}.compact-progress .progress-track{height:15px;font-size:.65rem}
.compact-progress .vehicle-rp{margin:0;border-top:1px solid #344a5b;padding-top:.45rem}.compact-progress .vehicle-rp h3{margin-bottom:.4rem}.compact-progress .vehicle-milestones{margin:0;gap:.4rem}.compact-progress .vehicle-milestones label{font-size:.63rem}.compact-progress .progress-fields{margin-bottom:.5rem;gap:.5rem}
.progress-rules-table input[type=number]{width:70px;padding:.4rem;background:#111b23;border:1px solid #42596b;color:#fff}.admin-progress-rules .account-actions{margin-top:.75rem}
@media(max-width:520px){.camo-goal-row{grid-template-columns:minmax(0,1fr) 68px 24px}.compact-progress .vehicle-milestones{gap:.35rem}}

.vehicle-todos h3{margin-bottom:.4rem!important}.vehicle-todos label:has(input:not(:checked)){text-decoration:line-through;color:#83968d}.compact-progress [data-progress-todo][hidden],.compact-progress [data-camo-content][hidden]{display:none}

.camo-heading h3{display:flex;align-items:center;gap:.5rem}.camo-rules-loader{display:none;align-items:center}.progress-rules-loading .camo-rules-loader{display:inline-flex}.camo-rules-loader>.image-loading-spinner{position:static;display:inline-block;width:14px;height:14px;margin:0}

.nation-picker{position:relative;min-width:0}.nation-picker-trigger{width:100%;display:flex;align-items:center;gap:.65rem;border:1px solid #4a535f;background:#252c34;color:#fff;padding:.62rem .7rem;font:inherit;font-weight:700;text-align:left;cursor:pointer}.nation-picker-trigger:disabled{opacity:.5;cursor:wait}.nation-picker-name{flex:1}.nation-picker-arrow{color:#c8d2dc}.nation-flag{position:relative;display:inline-block;flex:0 0 28px;width:28px;height:18px;box-shadow:0 0 0 1px #ffffff26;overflow:hidden}.nation-flag img{display:block;width:100%;height:100%;object-fit:cover}.nation-picker-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:min(360px,60vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid #586877;background:#1b252f;box-shadow:0 8px 24px #0008;padding:.25rem}.nation-picker-options[hidden]{display:none}.nation-picker-option{display:flex;align-items:center;gap:.65rem;padding:.6rem .45rem;color:#e3eaf0;font-size:.85rem;cursor:pointer}.nation-picker-option>span:nth-child(2){flex:1}.nation-picker-option:hover,.nation-picker-option.active{background:#334654}.nation-picker-option[aria-selected=true]{color:#fff;font-weight:700}.nation-picker-check{visibility:hidden;color:#b8d7ad}.nation-picker-option[aria-selected=true] .nation-picker-check{visibility:visible}.nation-picker-trigger:focus-visible{outline:2px solid #a6c6df;outline-offset:2px}

.loadout-preset-control{display:flex;align-items:center;gap:.75rem;margin:0 1.2rem 1rem;font-size:.8rem;min-width:0}.loadout-preset-control button{flex-shrink:0}#loadout-preset-name{overflow-wrap:anywhere}.loadout-preset-control[hidden]{display:none}.loadout-preset-weapon{flex:1 0 74px}.loadout-preset-weapon .loadout-slot-button{cursor:default}.loadout-preset-weapon .loadout-slot-button:hover{background:#202b33;border-color:#465563}

.shared-loadout-picker{width:min(1100px,calc(100vw - 2rem));max-height:85vh;padding:1rem;border:1px solid #768895;background:#19232b;color:var(--ink);box-shadow:0 20px 60px #0009}.shared-loadout-picker::backdrop{background:#0009}.shared-loadout-picker header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shared-loadout-picker h2{font-size:1rem;margin:0}.shared-loadout-picker header button{border:0;background:transparent;color:var(--ink);font-size:1.6rem;cursor:pointer}.shared-loadout-picker>p{font-size:.75rem;color:var(--muted)}#shared-loadout-options{display:grid;gap:.5rem}.shared-loadout-choice{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;width:100%;padding:.6rem;background:#202b33;border:1px solid #465563;color:var(--ink);cursor:pointer}.shared-loadout-choice[aria-pressed=true]{background:#344f37;border-color:#99b28a}.shared-loadout-choice:hover{border-color:#91b2c8}.shared-loadout-choice:focus-visible{outline:2px solid #c3ddec;outline-offset:2px}.shared-loadout-name{text-align:right;overflow-wrap:anywhere;flex:0 1 45%;min-width:0;font-size:.75rem}.shared-loadout-name small{display:block;color:var(--muted);margin-top:.3rem}.shared-equipment-unavailable{font-size:.7rem;color:var(--muted)}

.shared-loadout-choice>.loadout-equipment-preview{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto}

.modification-research{position:relative}.vehicle-rp .modification-mode{font:inherit;font-size:.65rem;color:#b6cad8;background:transparent;border:0;text-decoration:underline;cursor:pointer;padding:0;margin:0 0 .5rem}.modification-summary,.modification-help{font-size:.68rem;color:var(--muted);margin:.4rem 0}/* Modification cards follow the game's category columns and tier rows. */
.modification-grid-scroll{max-width:100%;overflow-x:auto;margin-top:.6rem;padding-bottom:.4rem;overscroll-behavior-x:contain}
.modification-grid{display:grid;min-width:100%;width:100%;align-items:stretch;background:#16212b;border:1px solid #455563}
.modification-category,.modification-grid-corner{margin:0;padding:.55rem .4rem;background:#26343e;border-bottom:1px solid #53636f;font-size:.72rem;text-align:center}
.modification-tier{display:flex;align-items:center;justify-content:center;font-size:1rem;margin:0;background:#202d36;border-top:1px solid #455563;color:#aebdca}
.modification-tier-group{display:grid;align-items:start;gap:6px;padding:10px 6px;border-left:1px solid #455563;border-top:1px solid #455563;background:linear-gradient(#1b2933,#15212a)}
.vehicle-progress-card .modification-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;min-width:0;min-height:124px;gap:4px;padding:6px 4px;border:1px solid #607180;background:linear-gradient(#344654,#21303b);box-shadow:inset 0 0 12px #10171c;cursor:pointer;text-align:center;font-size:.66rem}
.modification-item:hover{border-color:#b5c7d5}.modification-item:focus-within{outline:2px solid #d3e4ed;outline-offset:1px}.modification-item.researched{border-color:#789766;background:linear-gradient(#3e513c,#283a2b)}
.modification-item input{position:absolute;top:5px;right:5px;margin:0;z-index:1;accent-color:#80ae66}
.modification-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:66px}
.modification-art img{display:block;width:100%;height:100%;object-fit:contain}.modification-name{overflow-wrap:anywhere;max-width:100%;line-height:1.25}.modification-item small{font-size:.6rem;color:#c9d3da;margin-top:auto}.modification-item.researched small{color:#c7e3b8}.modification-image-missing{font-size:.6rem;color:var(--muted)}
.delayed-modification-loader{display:block;position:relative;height:24px;visibility:hidden;animation:modification-loader-reveal 0s .7s forwards}.delayed-modification-loader .image-loading-spinner{left:10px}@keyframes modification-loader-reveal{to{visibility:visible}}

/* Keep research lists readable across the card, beside the compact vehicle overview. */
.vehicle-progress-card:has(.modification-research:not([hidden])){grid-column:1/-1}
.progress-vehicle-overview:has(.modification-research)>.progress-vehicle-details{display:contents}
.progress-vehicle-overview:has(.modification-research)>.progress-vehicle-details>*{grid-column:2}
.progress-vehicle-overview:has(.modification-research)>.progress-vehicle-details>.modification-research{grid-column:1/-1;order:1}
.progress-vehicle-overview:has(.modification-research)>.progress-vehicle-art{grid-column:1;grid-row:1/span 5}

.loadout-performance{margin:1rem 0;padding:1rem;border:1px solid #425967;background:#15222c}.loadout-performance h3{margin:0 0 .7rem}.loadout-performance h3 small{font-size:.7rem;color:var(--muted);margin-left:.5rem}.loadout-performance-result{display:block;font-size:1rem;font-weight:bold;color:#d6e8ca;margin:.6rem 0}.loadout-performance .loadout-estimate-input{display:grid;gap:.35rem;max-width:300px;font-size:.75rem}.loadout-estimate-input input,.loadout-bombing-row input{min-width:0;width:100%;background:#101a22;color:#fff;border:1px solid #42596b;padding:.5rem}.loadout-performance details{font-size:.75rem;margin-top:.6rem}.loadout-performance details summary{cursor:pointer}.loadout-bombing-row{display:grid;grid-template-columns:60px minmax(0,1fr) 110px 110px;gap:.7rem;align-items:center;padding:.6rem 0;border-top:1px solid #344a5b;font-size:.75rem}.loadout-bombing-row small{display:block;color:var(--muted);margin-top:.3rem}.loadout-bombing-row label{display:grid;gap:.3rem;font-size:.65rem}.loadout-bombing-art{display:grid;position:relative;place-items:center;width:60px;height:54px}.loadout-bombing-art img{width:100%;height:100%;object-fit:contain}.loadout-bombing-capacity{text-align:right;color:#c7d8b9}#loadout-sp-breakdown p{display:flex;justify-content:space-between;gap:1rem}
@media(max-width:600px){.loadout-performance{padding:.7rem}.loadout-bombing-row{grid-template-columns:46px minmax(0,1fr) 95px;gap:.4rem}.loadout-bombing-art{width:46px}.loadout-bombing-capacity{grid-column:2/-1;text-align:left}.loadout-performance h3 small{display:block;margin:.35rem 0}}
.loadout-sp-badge{display:block;font-size:.68rem;padding:.3rem .4rem;border:1px solid #506947;background:#253727;color:#d2e9bf;margin-top:.3rem}.loadout-sp-component{padding:.6rem 0;border-top:1px solid #344a5b}.loadout-sp-component p{margin:0 0 .35rem}.loadout-sp-component>small{display:block;color:var(--muted);line-height:1.5}.loadout-sp-component strong{white-space:nowrap}#loadout-picker-sp-help{margin:.5rem 1rem}
.loadout-saved-sp{display:inline-block;flex-shrink:0;position:relative;min-width:7.5rem;white-space:nowrap;font-size:.65rem;text-align:left;color:#c7d8b9}.loadout-saved-sp.loading{min-height:1rem}.loadout-saved-sp.loading .image-loading-spinner{left:.5rem;right:auto}.loadout-saved-card .loadout-saved-sp{align-self:flex-start}
.loadout-base-controls{display:grid;grid-template-columns:minmax(140px,200px) minmax(200px,300px);gap:.7rem}.loadout-base-controls label{display:grid;gap:.35rem;font-size:.7rem}.loadout-base-controls select{min-width:0;max-width:100%}.loadout-base-health{font-size:.8rem;color:#c4d8e7;margin:.8rem 0}.loadout-bombs-required{text-align:center;display:grid;gap:.2rem}.loadout-bombs-required strong{font-size:1.2rem;color:#d5e9c6}.loadout-bombs-required small{font-size:.6rem;color:var(--muted)}#loadout-bombing-overrides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.7rem 0}#loadout-bombing-overrides label{display:grid;gap:.3rem;font-size:.7rem}#loadout-bombing-overrides input{min-width:0;width:100%;background:#101a22;color:#fff;border:1px solid #42596b;padding:.5rem}@media(max-width:600px){.loadout-base-controls{grid-template-columns:minmax(0,1fr)}#loadout-bombing-overrides{grid-template-columns:minmax(0,1fr)}}
.loadout-weapon-card{display:flex;flex-direction:column;align-items:center;gap:.4rem}.loadout-weapon-card .loadout-weapon-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:4.05em;width:100%}.loadout-option-mass{display:block;height:1rem;line-height:1rem}.loadout-sp-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;box-sizing:border-box;width:100%;height:6.5rem;margin-top:auto;line-height:1.2}.loadout-sp-badge strong{font-size:.85rem}.loadout-sp-badge small{color:#b9cfac}

.loadout-stat-row{display:flex;flex-direction:column;gap:.1rem;width:100%}.loadout-stat-row strong{font-size:.72rem}.loadout-stat-row small{font-size:.6rem}
.loadout-ammunition fieldset{border:1px solid #425967;padding:.8rem;margin:.8rem 0}.loadout-ammunition legend{font-size:.8rem;padding:0 .4rem}.loadout-ammo-options{display:flex;gap:.6rem;flex-wrap:wrap}.loadout-ammo-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.4rem;flex:0 1 160px;min-width:140px;padding:.7rem;border:1px solid #425967;background:#1e2b34;text-align:center;font-size:.75rem}.loadout-ammo-card.selected{border-color:#9bb685;background:#354b36}.loadout-ammo-card>img{height:64px;width:80px;object-fit:contain}.loadout-ammo-card>small{font-size:.65rem;color:var(--muted)}.loadout-ammo-count{display:flex;width:100%;gap:.25rem;align-items:center}.loadout-ammo-count input{width:0;min-width:0;flex:1;background:#101a22;color:#fff;border:1px solid #607483;text-align:center;padding:.4rem}.loadout-ammo-count button{background:#17242e;color:#fff;border:1px solid #607483;padding:.3rem .5rem;cursor:pointer}.loadout-ammo-count button:disabled{opacity:.35;cursor:default}.loadout-ammo-preview-count{display:block!important;color:#fff!important;font-size:.65rem!important;text-align:center}.loadout-equipment-preview>span:has(.loadout-ammo-preview-count){height:auto;min-height:50px}.loadout-ammunition .over-limit{color:#ff7771}@media(max-width:450px){.loadout-ammo-card{flex:1 1 120px;min-width:0}}
.primary-vehicle .loadout-equipment-preview>span:has(.loadout-ammo-preview-count){display:flex;align-items:center;gap:2px;flex:0 1 auto;min-height:20px;height:20px}.primary-vehicle .loadout-equipment-preview>span:has(.loadout-ammo-preview-count) img{width:20px;flex:0 0 20px}.primary-vehicle .loadout-ammo-preview-count{font-size:.55rem!important;line-height:1;white-space:nowrap}

.project-divider{color:var(--muted);margin-right:.6rem}.project-switch{color:#cbd4df;font-size:.8rem;text-decoration:none;margin-right:1rem;white-space:nowrap}.project-switch:hover{color:#fff;text-decoration:underline}

.loadout-ammo-order{margin-bottom:.75rem}
.loadout-ammo-order>strong{display:block;margin-bottom:.4rem}
.loadout-ammo-order-item{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border,#526571);padding:.4rem}
.loadout-ammo-order-item>img{width:32px;height:40px;object-fit:contain}
.loadout-ammo-order-item>div{display:flex;gap:.2rem}

.lookup-progress{display:flex;align-items:center;gap:.8rem;margin:.4rem 0 1rem;color:#bdcddd;font-size:.78rem;font-variant-numeric:tabular-nums}.lookup-progress[hidden]{display:none}.lookup-progress progress{appearance:none;flex:1;min-width:0;height:9px;border:0;border-radius:6px;overflow:hidden;background:#263542;accent-color:#80a8cf}.lookup-progress progress::-webkit-progress-bar{background:#263542;border-radius:6px}.lookup-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#52799e,#91bce3);border-radius:6px}.lookup-progress progress::-moz-progress-bar{background:#80a8cf;border-radius:6px}.lookup-progress[data-state=complete] progress{accent-color:#72c88a}.lookup-progress[data-state=complete] progress::-webkit-progress-value{background:#72c88a}.lookup-progress[data-state=complete] progress::-moz-progress-bar{background:#72c88a}.lookup-progress[data-state=error] progress{accent-color:#d9a366}.lookup-progress[data-state=error] progress::-webkit-progress-value{background:#d9a366}.lookup-progress[data-state=error] progress::-moz-progress-bar{background:#d9a366}.lookup-progress>span{flex:0 0 auto}
.database-panel>.lookup-progress{margin-left:1.2rem;margin-right:1.2rem}
.loadout-ammo-count select{width:0;min-width:0;flex:1;background:#101a22;color:#fff;border:1px solid #607483;padding:.4rem;font:inherit}.loadout-ammo-card:has(select){flex-basis:230px;min-width:210px}

/* Lineup previews shrink to fit every weapon; loaders must fit those icons too. */
.primary-vehicle .loadout-equipment-preview .image-loading-spinner{inset:0;margin:auto;width:min(18px,100%);height:auto;aspect-ratio:1}
.br-check-table tr.br-missing td:nth-child(4){color:#e6c084}
.database-table .br-check-slot-error>.db-slot{box-shadow:inset 0 0 0 2px var(--red-bright)}
.database-table textarea.br-check-cell-error{outline:2px solid var(--red-bright);outline-offset:-2px}