:root{color:#e5edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#050b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#050b14;min-height:100vh;overflow:hidden}button{font:inherit}.operational-map{background:#07111f;grid-template-rows:auto 1fr;width:100vw;height:100vh;min-height:560px;display:grid}.map-header{z-index:2;background:#07111ff2;border-bottom:1px solid #94a3b826;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px 22px;display:flex;box-shadow:0 8px 30px #00000038}.map-title{align-items:center;gap:13px;display:flex}.map-title__brand{place-items:center;width:92px;height:50px;display:grid}.map-title__brand img{object-fit:contain;width:100%;height:100%;display:block}h1{letter-spacing:-.035em;margin:0;font-size:clamp(21px,2vw,28px);line-height:1}.eyebrow{color:#7f94ac;letter-spacing:.17em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.map-actions{align-items:center;gap:10px;display:flex}.simulation-pill,.secondary-button{color:#dbe7f4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abd;border:1px solid #94a3b82e;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:800}.simulation-pill{color:#93a8bf;letter-spacing:.06em}.secondary-button{cursor:pointer;transition:border-color .2s,background .2s}.secondary-button:hover{background:#1e40af47;border-color:#60a5fa8c}.map-stage{min-height:0;position:relative;overflow:hidden}.three-viewport{width:100%;height:100%}.three-viewport canvas{cursor:grab;width:100%;height:100%;display:block}.three-viewport canvas:active{cursor:grabbing}.inside-camera-card{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050c16f0;border:1px solid #94a3b83d;border-radius:16px;width:min(380px,100% - 36px);position:absolute;top:18px;right:18px;overflow:hidden;box-shadow:0 20px 55px #00000070}.inside-camera-card__header,.inside-camera-card__footer{color:#8fa4ba;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:800;display:flex}.inside-camera-card__header{border-bottom:1px solid #94a3b81f;height:38px;padding:0 12px}.inside-camera-card__header span{align-items:center;gap:7px;display:flex}.inside-camera-card__header i{background:#38bdf8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #38bdf8e6}.inside-camera-card__header strong{color:#d8e4ef;font-size:9px}.inside-camera-feed{aspect-ratio:16/9;background:#07111f;width:100%}.inside-camera-feed canvas{width:100%;height:100%;display:block}.inside-camera-card__footer{border-top:1px solid #94a3b81a;min-height:30px;padding:0 12px;font-size:8px}.help-card,.movement-key{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060d18c7;border:1px solid #94a3b82e;position:absolute;box-shadow:0 18px 50px #00000052}.help-card{border-radius:16px;gap:7px;width:min(410px,100% - 36px);padding:14px;display:grid;bottom:18px;left:18px}.help-card strong{font-size:13px}.help-card span{color:#95a6ba;font-size:11px;line-height:1.5}.help-card button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;justify-self:start;margin-top:4px;padding:7px 11px;font-size:11px;font-weight:800}.movement-key{color:#9fb0c3;border-radius:13px;gap:14px;padding:11px 13px;font-size:10px;font-weight:750;display:flex;bottom:18px;right:18px}.movement-key span{align-items:center;gap:7px;display:flex}.key-dot{border-radius:50%;width:7px;height:7px}.key-dot--moving{background:#38bdf8;box-shadow:0 0 10px #38bdf8}.key-dot--dock{background:#22c55e;box-shadow:0 0 10px #22c55e}@media (width<=650px){.map-header{min-height:68px;padding:10px 12px}.map-title__brand{width:72px;height:42px}.eyebrow,.simulation-pill{display:none}.secondary-button{padding:9px 10px}.movement-key{flex-direction:column;gap:7px;top:12px;bottom:auto;right:12px}.inside-camera-card{width:min(270px,100% - 20px);top:auto;bottom:74px;right:10px}.inside-camera-card__footer{display:none}}