.command-panel:has(.build-choice-group),.command-panel:has(.loadout-slots){width:360px;max-height:none}.command-panel-content{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9f925f #142934}.build-choice-group{margin-bottom:22px}.build-choice-group h2{display:flex;justify-content:space-between;align-items:center;gap:6px}.build-choice-group h2 small{font:10px 'Malgun Gothic',sans-serif;color:#c3bf9f}.build-choices{display:flex;flex-direction:column;gap:6px}.build-choices button{min-height:44px;text-align:left;padding:10px 12px;background:#112734;border:1px solid #8e92765c;border-radius:4px;color:#d2d8d0;font-size:12px}.build-choices button[aria-pressed=true]{border-color:#ddc587;background:linear-gradient(120deg,#5c5939,#233b41);color:#ffe4ac}.build-choices p{font:12px/1.7 'Malgun Gothic',sans-serif;color:#e2e6dc;margin:8px 0 0}.build-choices small{font-size:10px;line-height:1.6;display:block;margin-top:7px}.loadout-help{font-size:11px;color:#b8c8c7;margin:5px 0 12px}.loadout-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px}.loadout-slots button{display:grid;grid-template-columns:22px 1fr;gap:4px;text-align:left;padding:10px 8px;background:#183443;border:1px solid #81918166;color:#eee4c8;border-radius:5px;min-height:60px}.loadout-slots button[aria-pressed=true]{border-color:#f6d996;box-shadow:inset 0 0 0 1px #f6d996;background:#4e563e}.loadout-slots small{grid-row:span 2;color:#ddc58f}.loadout-slots b{font-size:12px}.loadout-slots span{font-size:10px;color:#bfcfca}.loadout-option{border-bottom:1px solid #b4bd9d33;padding-bottom:7px;margin-bottom:6px}.loadout-option>button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;padding:8px;background:transparent;color:#e8e5d4;text-align:left}.loadout-option>button:hover,.loadout-option.chosen>button{background:#b3a36e24}.loadout-option>button span{display:flex;flex-direction:column;gap:5px}.loadout-option b{font-size:12px}.loadout-option small{font-size:10px;color:#b9cac6}.loadout-option em{font-size:10px;font-style:normal;color:#d5c38f;white-space:nowrap}.loadout-option details{margin:0 8px}.loadout-option summary{font-size:10px;cursor:pointer;color:#b0c3c1;padding:5px 0}.loadout-option p{font-size:12px;line-height:1.7;margin:8px 0;color:#deddd0}.loadout-hero-skills{font-size:12px;line-height:1.8;margin-top:14px}.build-summary{font-size:11px;line-height:1.7;border:1px solid #acb38a40;border-radius:5px;padding:8px 10px;margin:10px 0;color:#d7dabf}.build-summary summary{cursor:pointer;color:#e4d49e}.build-summary p{font-size:11px}.war-company .build-summary{margin:3px 0;padding:0;border:0;font-size:10px}.war-skill em small{display:block;margin-top:4px;color:#d3cfb7}.build-battle-description{font-size:12px;line-height:1.8;color:#d7ddce}.war-field-status{font-size:11px;color:#e6c87f}.command-panel-content:has(.build-choice-group),.command-panel-content:has(.loadout-slots){height:calc(100% - 51px);box-sizing:border-box}
@media(max-width:700px){.command-panel:has(.build-choice-group),.command-panel:has(.loadout-slots){width:auto;left:16px;right:16px;height:340px;bottom:174px}.command-screen:has(.build-choice-group),.command-screen:has(.loadout-slots){min-height:790px}.command-panel-content:has(.build-choice-group),.command-panel-content:has(.loadout-slots){padding:14px}.build-choices button{font-size:12px;min-height:44px}.loadout-option>button{min-height:52px}.build-choice-group h2{font-size:15px}.command-tabs button{font-size:12px}}
@media(max-height:600px) and (min-width:701px){.command-panel:has(.build-choice-group),.command-panel:has(.loadout-slots){width:340px;bottom:139px}.command-panel-content:has(.build-choice-group),.command-panel-content:has(.loadout-slots){height:calc(100% - 51px)}}
/* Fifteen classes remain one compact selection grid, with details for one class. */
.class-seals.full-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
.class-seals.full-roster button{height:60px;min-height:60px;min-width:0;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}
.class-seals.full-roster button .ui-icon{width:17px;height:17px}
.class-seals.full-roster button b{font-size:12px;white-space:nowrap;letter-spacing:0}.class-seals.full-roster button small{font-size:9px;opacity:.62}
.class-role{display:grid;gap:5px;padding:12px;background:#c5ab6510;border:1px solid #c5ab653d}.class-role b{display:flex;align-items:center;gap:6px;color:#e9d6a8}.class-role span,.class-role p{font-size:12px;line-height:1.6;margin:0;color:#c8cfc9}
.class-values{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 0}.class-values span{display:flex;gap:5px;align-items:center;font-size:11px}.class-values b{margin-left:auto;font-size:16px;color:#e3ce98}.class-values small{font-size:10px;color:#98aba7;min-width:30px}
.class-matchups{font-size:12px;margin-bottom:12px}.class-matchups>div{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px}.class-matchups span{display:flex;align-items:center;gap:3px;border:1px solid #778a7540;padding:3px 5px}.class-matchups .ui-icon{width:13px;height:13px}
.ally-targets{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ally-targets button{flex:1;min-width:90px;padding:8px;border:1px solid #8d937863;background:#18272a;color:#e5e0cc;text-align:left}.ally-targets button[aria-pressed=true]{border-color:#e1c577;background:#514b30}.ally-targets small{display:block;font-size:10px;line-height:1.6;color:#b7c7c0}.ally-target-label{font-size:12px;color:#cfbb82}