:root{font-family:system-ui,sans-serif;color:#e6ebff;background:#101525}*{box-sizing:border-box}body{margin:0}header{padding:20px 30px;background:#1a2340;display:flex;justify-content:space-between;align-items:center}h1{font-size:22px;margin:0}h2{font-size:17px}main{padding:22px;max-width:1500px;margin:auto}.button,button{background:#5865f2;color:white;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar #siege{margin-right:auto}.layout{display:grid;grid-template-columns:270px 1fr;gap:16px}aside,.force{background:#1c2640;border:1px solid #34405f;border-radius:12px;padding:14px}.dropzone{min-height:90px;padding:6px;border:1px dashed #5d6b8d;border-radius:8px}.forces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group{background:#141d33;border-radius:8px;padding:9px}.group h3{font-size:14px;margin:2px 0 8px}.player{background:#303e63;border-radius:7px;padding:8px;margin:5px 0;font-size:13px;cursor:grab}.player small{color:#bdc7e7;display:block}.readonly .player{cursor:default}#message{min-height:22px;color:#b4c7fa}@media(max-width:900px){.layout{grid-template-columns:1fr}.forces{grid-template-columns:1fr}}@media(max-width:500px){.groups{grid-template-columns:1fr}}