.formation-grid-container{width:100%;max-width:100%;margin:0 auto}.battlefield-layout{justify-content:center;align-items:stretch;display:flex}.grid-area{flex-direction:column;align-items:center;gap:1rem;display:flex}.group-selector{background:#2b323b4d;gap:.5rem;padding:.5rem;display:flex}.group-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #0000;padding:.5rem 1rem;font-weight:500;transition:all .2s}.group-btn:hover{background:#ebed631a;border-color:#ebed63}.group-btn.active{color:#000;background:#ebed63;border-color:#ebed63}.line-indicator{flex-direction:column;justify-content:center;align-items:center;width:140px;display:flex}.line-indicator img{width:100%;max-width:48px}.line-indicators{aspect-ratio:auto;grid-template-columns:repeat(var(--grid-cols,3),1fr);gap:8px;max-width:100%;margin:0 auto;display:grid}.line-icon{font-size:1.5rem}.line-label{color:#ebed63;text-align:center;font-size:.8rem;font-weight:700}.formation-grid{grid-template-columns:repeat(var(--grid-cols,2),1fr);grid-template-rows:repeat(var(--grid-rows,3),1fr);gap:8px;width:100%;max-width:100%;margin:0 auto;display:grid}.grid-cell{aspect-ratio:1;background:#2b323b4d;border:2px solid #2b323b;width:140px;height:140px;margin:0 auto;transition:all .2s;position:relative}.grid-cell:hover{background:#ebed631a;border-color:#ebed63}.formation-grid[data-static=true] .grid-cell:hover{cursor:default;background:#2b323b4d;border-color:#2b323b}.grid-cell.drag-over{background:#4ade8033;border-color:#4ade80}.grid-cell.occupied{background:#60a5fa1a}.grid-cell[data-line="0"]{border-left:4px solid #3b82f6}.grid-cell[data-line="1"]{border-left:4px solid #eab308}.grid-cell[data-line="2"]{border-left:4px solid #ef4444}.cell-content{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.add-unit-button{color:#2b323b;font-size:2rem;font-weight:700;transition:color .2s}.grid-cell:hover .add-unit-button{color:#ebed63}.placed-unit{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;display:flex;position:relative;overflow:hidden}.placed-unit.dragging{opacity:.5}.unit-image{object-fit:cover;transition:transform .2s}.unit-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000e6;width:100%;margin-top:2px;padding:2px 4px;font-size:.6rem;line-height:1;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.grid-controls{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.control-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #2b323b;padding:.75rem 1.25rem;font-weight:700;transition:all .2s}.control-btn:hover{color:#ebed63;background-color:#2b323b;border-color:#ebed63}.entity-popup{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:none;position:fixed;top:0;left:0}.popup-content{background:#14181d;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden}.popup-header{background:#0d1116;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.popup-header h2{color:#fff;margin:0}.close-btn{cursor:pointer;color:#fff;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:background-color .2s;display:flex}.close-btn:hover{background-color:#ffffff1a}.popup-search{color:#fff;background-color:#0000;border:2px solid #272a2f;margin:2rem 2.8rem 0 2rem;padding:.5rem 1rem;font-size:1.2rem;transition:all .15s linear}.popup-search:focus{background-color:#272a2f;outline:0}.entities-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;max-height:70vh;padding:2rem;display:grid;overflow-y:auto}.entity-option{cursor:pointer;background:#14181d;border:2px solid #0d1116;align-items:center;gap:1rem;padding:0;transition:all .2s;display:flex;overflow:hidden}.entity-option:hover{border-color:#ebed63;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.entity-img-wrapper{width:120px;height:100%;overflow:hidden}.entity-option-image{object-fit:cover;flex-shrink:0;width:80px;height:100px}.entity-option-info{flex:1;padding:.5rem}.entity-option-name{color:#fff;margin-bottom:.5rem;font-weight:600;line-height:1.3}.entity-option-details{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.entity-option-role{color:#ededed;background:#0d1116;padding:.25rem .5rem;font-size:.9rem;font-weight:600;display:inline-block}@media (max-width:768px){.battlefield-layout{flex-direction:column;align-items:stretch;gap:.5rem}.grid-area{order:1}.line-icon{font-size:1.2rem}.line-indicator{width:100px}.line-label{font-size:.7rem}.formation-grid{max-width:100%;min-height:200px}.grid-cell{width:80px;max-width:80px;height:80px;max-height:80px;overflow:hidden}.entities-grid{grid-template-columns:1fr;padding:1rem}.group-selector{flex-wrap:wrap}.group-btn{flex:1;min-width:80px}}.formation-grid[data-current-group=pets]{justify-content:center;max-height:120px}