.deployment-drawer{position:absolute;bottom:18px;left:18px;width:385px;max-width:calc(100% - 36px);z-index:7;background:linear-gradient(135deg,#203f47f5,#112a35f8);border:1px solid #b8d5ac88;border-radius:11px;box-shadow:0 15px 60px #00151ab3;padding:17px;backdrop-filter:blur(12px)}
.deployment-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.deployment-title small{display:block;color:#e5cf99;font:8px monospace;letter-spacing:2px;margin-bottom:6px}.deployment-title b{font-size:15px;color:#eef1d8}.deployment-title>span{font-size:10px;color:#c6d9be;white-space:nowrap}.deployment-copy{font-size:10px;color:#b4cbb6;line-height:1.8;margin:11px 0}.deployment-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:260px;overflow:auto}.deployment-roster>button{position:relative;border:1px solid #aac69e44;border-radius:7px;background:#c7deaf08;min-width:0;display:flex;align-items:center;flex-direction:column;padding:6px}.deployment-roster img{width:55px;height:55px;image-rendering:pixelated;object-fit:contain}.deployment-roster b{font-size:10px;margin:2px 0 5px}.deployment-roster small{font-size:8px;color:#b2c4ae}.deployment-roster span{font-size:9px;margin-top:7px;color:#e6d49e}.deployment-roster .on-field{border-color:#e3c88e66;background:#dabd780c}.deployment-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.deployment-actions button{border:1px solid #b4cea444;border-radius:5px;font-size:10px;min-height:34px;padding:8px 11px;background:#b4cea40a}.deployment-actions button:first-child{background:#b8d8a8;color:#234232;font-weight:bold}.deployment-actions button:disabled{opacity:.35}.deployment-drawer.placing{top:14px;bottom:auto;left:50%;transform:translateX(-50%);width:420px;padding:12px 15px}.placement-note{font-size:10px;color:#d6dfc3;line-height:1.8;margin:9px 0 0}.placement-note button{border:1px solid #adc69f44;border-radius:4px;margin-left:8px;font-size:9px;padding:4px 8px}.placing .deployment-actions{margin-top:8px}.placing .deployment-title b{font-size:12px}.placing .deployment-title small{font-size:7px}.lead-cards{max-width:calc(100% - 36px);overflow-x:auto;scrollbar-width:thin}.lead-card{flex-shrink:0}.battle-tools{flex-wrap:wrap}.battle-tools button{min-height:36px}#autonomyButton{color:#efcf92;border-color:#d6b66c55}#musicBadge{font-size:9px;color:#b6cbb3}
@media(max-width:820px), (max-width:1000px) and (max-height:500px){.deployment-drawer{left:9px;bottom:9px;max-width:calc(100% - 18px);width:350px;padding:12px;max-height:88%;overflow:auto}.deployment-title b{font-size:12px}.deployment-copy{font-size:9px;margin:8px 0}.deployment-roster{gap:5px;max-height:175px}.deployment-roster>button{padding:3px}.deployment-roster img{width:39px;height:39px}.deployment-roster b{font-size:9px}.deployment-roster small{font-size:7px}.deployment-roster span{font-size:8px;margin-top:4px}.deployment-actions{margin-top:9px;gap:5px}.deployment-actions button{min-height:40px;font-size:9px;padding:7px}.deployment-drawer.placing{top:9px;left:50%;padding:9px 12px;width:340px}.placing .deployment-title>span{font-size:8px}.placing .deployment-title small{display:none}.placement-note{font-size:9px}.placing .deployment-actions button{min-height:32px}.battle-tools button{min-height:35px}.battle-tools{gap:4px}.battle-tools #autonomyButton{flex-basis:100%}.is-battle .lead-cards{max-width:calc(100% - 20px)}.is-battle .lead-card{flex:0 0 140px}.is-battle .scene-wrap{min-height:220px}.deployment-drawer:not(.placing)~*{pointer-events:auto}}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){.deployment-drawer{width:335px;max-height:90%;bottom:8px;left:12px}.deployment-roster{max-height:140px;grid-template-columns:repeat(3,minmax(0,1fr))}.deployment-drawer.placing{top:8px;left:50%;width:390px}.is-battle .battle-tools #autonomyButton{flex-basis:auto}.is-battle .lead-cards{max-width:300px}.is-battle .combat-toolbar{width:250px;bottom:50px}.is-battle .battle-tools{margin-top:4px}.is-battle .battle-tools button{min-height:28px}.is-battle .mobile-right{bottom:120px}.is-battle .field-badges{top:52px}}

.auto-deploy-note{font-size:10px;line-height:1.8;color:#e5cf99;margin:7px 0 10px}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){.is-battle .combat-toolbar{right:150px}.is-battle .mobile-right{bottom:0;right:0;gap:8px}.is-battle .battle-tools #autonomyButton{display:inline-flex!important;align-items:center;justify-content:center}.is-battle .lead-cards{max-width:clamp(90px,calc(100% - 550px),300px)}}