:root{color:#e8ece9;background:#171b18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(135deg,#37443ad1,#181b19f2),#171b18}button,input{font:inherit}button{cursor:pointer}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,3vw,32px);border-bottom:1px solid rgba(255,255,255,.09);background:#121614e6}.status-bar h1,.status-bar p,.panel h2,.location-row h3,.location-row p,.footer-line{margin:0}.status-bar h1{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:750}.status-bar p,.location-row p,.footer-line,.version,.empty-slot{color:#aeb8af}.status-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.status-pill{min-width:112px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 12px;text-align:center;text-transform:capitalize;background:#2d332f;color:#dce4dd}.status-pill.connected{border-color:#67bf7e8c;background:#1c5b2ebf}.status-pill.reconnecting,.status-pill.connecting{border-color:#e4bc5b99;background:#6b511abf}.status-pill.disconnected{border-color:#d45c5c99;background:#662626bf}.reset-button{border:1px solid rgba(255,255,255,.17);border-radius:6px;padding:8px 13px;background:#e3e0c7;color:#1f251f;font-weight:700}.error-banner{margin:0;padding:10px clamp(16px,3vw,32px);background:#8e2f2f;color:#fff3f3}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-template-areas:"map codenames" "locations codenames";align-items:start;gap:18px;padding:18px clamp(16px,3vw,32px)}.panel{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1c211de0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.panel h2{font-size:1rem;font-weight:750}.map-panel{grid-area:map}.location-panel{grid-area:locations}.codename-panel{grid-area:codenames}.map-canvas-frame{width:min(100%,820px);aspect-ratio:1;margin:14px auto 16px;overflow:hidden;border-radius:6px;background:#6e8a8f}.map-canvas{display:block;width:100%;height:100%}.count{min-width:34px;border-radius:999px;padding:3px 9px;background:#39413b;color:#dfe7df;text-align:center}.search-input{width:calc(100% - 32px);margin:14px 16px 6px;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:10px 12px;background:#121512;color:#f0f4f0}.location-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px;padding:10px 16px 16px}.location-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(128px,170px);align-items:center;gap:10px;min-height:56px;border:1px dashed rgba(255,255,255,.16);border-radius:8px;padding:9px 10px;background:#141815c7}.location-row.assigned{border-style:solid;border-color:#84b08280;background:#1e2d20d1}.location-row.minor{border-color:#06080642;background:#e8ece5eb}.location-row.minor.assigned{border-color:#3e624294;background:#dfebdbf5}.location-row h3{overflow-wrap:anywhere;font-size:.95rem;font-weight:700;line-height:1.15}.location-row.major h3{color:#a855f7}.location-row.minor h3{color:#050505}.location-row.minor p,.location-row.minor .empty-slot{color:#465047}.location-row.minor .empty-slot{border-color:#06080638}.location-row p{margin-top:2px;font-size:.78rem}.assignment-slot{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:36px}.empty-slot{width:100%;border:1px dashed rgba(255,255,255,.16);border-radius:6px;padding:7px 8px;font-size:.85rem;text-align:center}.codename-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;padding:14px}.codename-block{width:100%;min-height:36px;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:7px 8px;background:#c2b77a;color:#171714;font-size:.88rem;font-weight:800;text-align:center;overflow-wrap:anywhere;transition:transform .12s ease,background .12s ease}.codename-block:hover{background:#d1c783;transform:translateY(-1px)}.icon-button{flex:0 0 auto;width:30px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#482626;color:#f2dddd;font-weight:800}.footer-line{display:flex;justify-content:flex-end;gap:16px;padding:0 clamp(16px,3vw,32px) 18px}@media(max-width:860px){.status-bar,.app-shell{grid-template-columns:1fr}.app-shell{grid-template-areas:"map" "locations" "codenames"}.status-bar{align-items:flex-start;flex-direction:column}.status-actions{justify-content:flex-start}}@media(max-width:620px){.location-row{grid-template-columns:1fr}.assignment-slot{justify-content:stretch}}