@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Inter+Tight:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-emergency-red:#d64545;--color-critical-red:#d64545;--color-warning-orange:#df9a51;--color-safety-green:#57a573;--color-rescue-blue:#5b8def;--color-ai-accent:#5b8def;--color-satellite:#4272d7;--color-success:#57a573;--color-warning-glow:#df9a51;--color-bg-dark:#f5f3ee;--color-panel-dark:#efece5;--color-card-bg:#faf9f6;--color-hover-surface:#ece8de;--color-border:#00000014;--color-text-primary:#2c2a29;--color-text-secondary:#374151;--color-text-muted:#4b5563;--color-text-disabled:#9ca3af;--color-lora-purple:#5b8def;--font-heading:"Inter Tight", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-size:14px;font-weight:400;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000008}::-webkit-scrollbar-thumb{background:#0000001f;border:1px solid #ffffff80;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#0000003d}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.2}.type-hero{font-size:34px;font-weight:700}.type-section{font-size:20px;font-weight:600}.type-card-title{font-size:17px;font-weight:600}.type-body{font-size:14px;font-weight:400}.type-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.type-metric{font-size:30px;font-weight:700;font-family:var(--font-heading)}.type-mono{font-family:var(--font-mono);font-size:11px}svg.lucide,[data-lucide]{stroke-width:1.75px!important}.app-container{background-color:var(--color-bg-dark);grid-template-columns:auto auto 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.phone-pane{background-color:var(--color-panel-dark);border-right:1px solid var(--color-border);z-index:20;justify-content:center;align-items:center;width:400px;height:100vh;padding:16px;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .4s,padding .4s;display:flex;overflow:hidden}.phone-pane.collapsed{opacity:0;pointer-events:none;border-right:none;width:0;padding:0}.phone-mockup{perspective:1200px;width:350px;height:720px;transform-style:preserve-3d;background-color:#f8f8f6;border-radius:54px;flex-direction:column;padding:4px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #1e1e1e,0 0 0 3.5px #8e8a82,0 0 0 4.5px #d1cdc7,0 20px 50px #00000014,inset 0 0 15px #fff3}.dynamic-island{z-index:100;cursor:pointer;width:95px;height:25px;transform-style:preserve-3d;background:#000;border-radius:18px;justify-content:space-between;align-items:center;padding:0 10px;transition:width .48s cubic-bezier(.175,.885,.32,1.275),height .48s cubic-bezier(.175,.885,.32,1.275),top .48s cubic-bezier(.175,.885,.32,1.275),border-radius .48s,background-color .4s,border-color .4s,box-shadow .4s;display:flex;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.dynamic-island:hover{width:130px;box-shadow:0 8px 24px #000000b3,0 0 12px #ffffff0d}.dynamic-island.expanded{cursor:default;background:#000;border-radius:28px;width:320px;height:200px;padding:16px;top:10px;box-shadow:0 20px 40px #0000004d}.dynamic-island.blackout{background:linear-gradient(135deg,#7f1d1d 0%,#450a0a 100%);border-color:#ef444480;border-radius:20px;width:256px;height:36px;animation:1.5s infinite alternate blackout-island-pulse;box-shadow:0 0 18px #ef444459}@keyframes blackout-island-pulse{0%{border-color:#ef444466;box-shadow:0 0 12px #ef444440}to{border-color:#ef4444cc;box-shadow:0 0 22px #ef44448c}}.dynamic-island.broadcasting{background-color:#050505;border:1px solid #ff2e5f59;border-radius:24px;width:240px;height:38px;box-shadow:0 0 18px #ff2e5f33}.dynamic-island.online-mesh{border:1px solid #10b98140;border-radius:20px;width:154px;height:28px}.phone-screen{color:#1c1c1e;background-color:#f8f8f6;border:1px solid #0000000a;border-radius:50px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.phone-status-bar{color:#1c1c1e;z-index:90;justify-content:space-between;align-items:center;height:44px;padding:18px 24px 0;font-size:10px;font-weight:600;display:flex}.phone-content{background-image:linear-gradient(#00000002 1px,#0000 1px),linear-gradient(90deg,#00000002 1px,#0000 1px);background-size:16px 16px;flex-direction:column;flex:1;padding:18px;display:flex;overflow-y:auto}.phone-nav{z-index:90;-webkit-backdrop-filter:blur(20px);background-color:#ffffffd9;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;height:62px;padding-bottom:12px;display:flex}.phone-nav-item{color:#8e8e93;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:9px;font-weight:500;transition:color .2s,transform .2s;display:flex;position:relative}.phone-nav-item:hover{color:#1c1c1e}.phone-nav-item.active{color:#007aff!important;font-weight:600!important}.phone-nav-item.active:before{content:"";background-color:#007aff;border-radius:0 0 1.5px 1.5px;height:3px;position:absolute;top:-4px;left:35%;right:35%}.left-sidebar-pane{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--color-border);z-index:10;background:#f4efe6d9;flex-direction:column;width:360px;height:100vh;display:flex;box-shadow:10px 0 30px #8b807314}.sidebar-header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:14px;padding:24px;display:flex}.sidebar-title-container{justify-content:space-between;align-items:center;display:flex}.sidebar-title{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:-.03em;white-space:nowrap;font-size:28px;font-weight:700;line-height:1.1}.sidebar-subtitle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:600;font-family:var(--font-mono)}.sidebar-actions-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.clean-action-link{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:10px;font-weight:600;transition:all .2s;display:flex}.clean-action-link:hover{color:var(--color-emergency-red)}.sidebar-tabs{border-bottom:1px solid var(--color-border);background-color:#00000005;display:flex}.tab-btn{color:var(--color-text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.8px;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:14px;font-size:10px;font-weight:800;transition:all .3s}.tab-btn:hover{color:var(--color-text-primary);background-color:#00000005}.tab-btn.active{color:var(--color-text-primary);border-bottom-color:var(--color-rescue-blue);background-color:#2563eb0f}.sidebar-scrollable-content{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.sidebar-sec-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:800;display:flex}.alert-card{background:var(--color-card-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 8px 24px #0f172a0a}.alert-card:before{content:none}.alert-card:hover{background:var(--color-hover-surface);border-color:#0000001f;transform:translateY(-2px);box-shadow:0 1px 2px #0000000a,0 12px 32px #0f172a0f}.alert-card.selected{box-shadow:none;background:#2563eb0f;border-color:#2563eb4d}.alert-card.critical{border-left:3px solid var(--color-critical-red);border-color:#dc262626;border-left-color:var(--color-critical-red);background:#dc26260a}.alert-card.critical:hover{box-shadow:0 1px 2px #0000000a,0 12px 32px #dc262614}.alert-card.high{border-left:3px solid var(--color-warning-orange)}.alert-card.medium{border-left:3px solid var(--color-rescue-blue)}.alert-card.low{border-left:3px solid var(--color-safety-green);opacity:.85}.sidebar-metrics-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sidebar-metric-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.sidebar-metric-card:hover{background-color:var(--color-hover-surface);border-color:#0000001f}.map-pane{background-color:var(--color-panel-dark);perspective:1500px;width:100%;height:100vh;position:relative;overflow:hidden}.map-pane:after{content:"";pointer-events:none;z-index:6;transform-origin:50%;background:conic-gradient(#2563eb08 0deg,#0000 75deg 360deg);width:200%;height:200%;animation:10s linear infinite map-radar-sweep;position:absolute;top:-50%;left:-50%}@keyframes map-radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-pane:before{content:"";pointer-events:none;z-index:5;opacity:0;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:40px 40px;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0}.map-pane.tilted-view:before{opacity:1}.map-container{z-index:1;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.19,1,.22,1),box-shadow 1.2s,border-radius 1.2s;position:absolute;inset:0}.map-pane.tilted-view .map-container{border-radius:28px;transform:rotateX(38deg)rotate(-8deg)translateY(-25px)scale(1.02);box-shadow:0 40px 100px #000000f2,inset 0 0 40px #000c}.map-pane.tilted-view .custom-beacon-leaflet-container{transform-origin:bottom;transform:rotateX(-38deg)rotate(8deg)translateY(-12px)!important}.custom-beacon-leaflet-container{transition:transform 1.2s cubic-bezier(.19,1,.22,1)}.phone-toggle-btn{z-index:100;background:var(--color-card-bg);height:32px;color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(12px);border:1px solid #0f172a1f;border-radius:12px;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 2px 8px #8b807314}.phone-toggle-btn:hover{background:var(--color-hover-surface);border-color:#00000026}.map-layer-controls{z-index:100;gap:8px;display:flex;position:absolute;top:18px;right:18px}.minimal-pill-btn{background:var(--color-card-bg);height:32px;color:var(--color-text-secondary);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #0f172a1f;border-radius:12px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b807314}.minimal-pill-btn:hover{background:var(--color-hover-surface);color:var(--color-text-primary);border-color:#00000026}.minimal-pill-btn.active{background:var(--color-rescue-blue)!important;color:#fff!important;border-color:var(--color-rescue-blue)!important;box-shadow:none!important}.minimal-pill-btn.active.glow-red{background:var(--color-emergency-red)!important;border-color:var(--color-emergency-red)!important;box-shadow:none!important}.minimal-pill-btn.active.glow-green{background:var(--color-safety-green)!important;border-color:var(--color-safety-green)!important;box-shadow:none!important}.btn-tactical{background:var(--color-card-bg);border:1px solid var(--color-border);height:40px;color:var(--color-text-primary);font-family:var(--font-body);cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #8b80730d}.btn-tactical:hover{background:var(--color-hover-surface);border-color:#00000026}.btn-tactical:active{background:#0000000a}.btn-tactical.primary{background:var(--color-rescue-blue);border-color:var(--color-rescue-blue);color:#fff;box-shadow:0 2px 8px #2563eb33}.btn-tactical.primary:hover{background:#2563ebe6}.btn-tactical.danger{background:var(--color-emergency-red);border-color:var(--color-emergency-red);color:#fff;box-shadow:0 2px 8px #dc262633}.btn-tactical.danger:hover{background:#dc2626e6}.btn-tactical.success{background:var(--color-safety-green);border-color:var(--color-safety-green);color:#fff;box-shadow:0 2px 8px #16a34a33}.btn-tactical.success:hover{background:#16a34ae6}.cream-map-tiles{filter:sepia(20%)contrast(115%)brightness(88%)hue-rotate(-5deg)saturate(1.22)!important;opacity:.72!important}.satellite-map-tiles{filter:sepia(18%)contrast(115%)brightness(92%)saturate(.85)}.map-container:before{content:"";pointer-events:none;z-index:2;background-image:radial-gradient(#00000005 1px,#0000 0),linear-gradient(#00000004 1px,#0000 1px),linear-gradient(90deg,#00000004 1px,#0000 1px);background-size:24px 24px,48px 48px,48px 48px;width:100%;height:100%;position:absolute;top:0;left:0}.imperfect-flood-zone{filter:url(#disaster-noise-filter)blur(1.8px)drop-shadow(0 0 2px #d6454526)!important}.drone-flight-path{stroke-dasharray:6 6;animation:1.6s linear infinite flow-dash}.mesh-routing-path{stroke-dasharray:8 6;animation:1.2s linear infinite flow-dash}@keyframes pulse-ring{0%{opacity:1;transform:scale(.65)}to{opacity:0;transform:scale(1.6)}}.pulse-beacon-critical{background-color:var(--color-critical-red);border:1.5px solid var(--color-bg-dark);border-radius:50%;width:10px;height:10px;position:relative}.pulse-beacon-critical:after{content:"";border:1.5px solid var(--color-critical-red);border-radius:50%;width:25px;height:25px;animation:1.8s cubic-bezier(.2,.8,.2,1) infinite pulse-ring;position:absolute;top:-9px;left:-9px}.pulse-beacon-high{background-color:var(--color-critical-red);border:1.5px solid var(--color-bg-dark);border-radius:50%;width:10px;height:10px;position:relative}.pulse-beacon-high:after{content:"";border:1.5px solid var(--color-critical-red);border-radius:50%;width:25px;height:25px;animation:2.4s cubic-bezier(.2,.8,.2,1) infinite pulse-ring;position:absolute;top:-9px;left:-9px}.beacon-safezone{background-color:var(--color-rescue-blue);border:1.5px solid var(--color-bg-dark);border-radius:0;width:10px;height:10px;position:relative}.beacon-volunteer{background-color:var(--color-safety-green);border:1.5px solid var(--color-bg-dark);transform-origin:50%;width:10px;height:10px;transform:rotate(45deg)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a66;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-panel-dark);border:1px solid var(--color-border);border-radius:12px;width:500px;max-width:90%;max-height:85vh;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) scale-in;overflow-y:auto;box-shadow:0 20px 45px #8b807326}.form-control{background-color:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-body);border-radius:6px;outline:none;padding:8px 10px;font-size:11px;transition:border-color .2s;box-shadow:inset 0 1px 2px #0000000a}.form-control:focus{border-color:var(--color-rescue-blue)}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.dashboard-status-indicator{text-transform:uppercase;letter-spacing:.5px;color:var(--color-safety-green);cursor:pointer;background:#16a34a0f;border:1px solid #16a34a33;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:9px;font-weight:700;display:flex}.dashboard-status-indicator.offline{color:var(--color-warning-orange);background:#d977060f;border-color:#d9770633}.deficit-bar-bg{background-color:#0000000f;border-radius:3px;height:6px;overflow:hidden}.clean-info-box{background-color:#2563eb0d;border:1px solid #2563eb26;border-radius:12px;padding:10px 12px}.clean-info-box-title{color:var(--color-rescue-blue);text-transform:uppercase;align-items:center;gap:4px;margin-bottom:4px;font-size:9px;font-weight:800;display:flex}.radar-circle{background:#0000001a;border:1px solid #e11d481a;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin:10px auto;display:flex;position:relative}.radar-sweep-hand{transform-origin:100% 100%;background:linear-gradient(135deg,#e11d4826 0%,#e11d4800 70%);border-top-left-radius:100%;width:65px;height:65px;animation:3s linear infinite radar-sweep;position:absolute;top:0;left:0}.radar-node{background-color:var(--color-rescue-blue);border-radius:50%;width:5px;height:5px;position:absolute}.drone-prop{transform-origin:50%;animation:80ms linear infinite drone-prop-spin}.drone-prop-1{transform-origin:5px 5px}.drone-prop-2{transform-origin:35px 5px}.drone-prop-3{transform-origin:5px 35px}.drone-prop-4{transform-origin:35px 35px}.pulse-button{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-size:18px;font-weight:800;animation:2.5s ease-in-out infinite sos-hardware-breath;position:relative;color:#fff!important;background:#ff3b30!important;border:none!important;border-radius:50%!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 10px 24px #ff3b3040,inset 0 -2px #00000014,inset 0 1px #ffffff26!important}@keyframes sos-hardware-breath{0%,to{transform:scale(1);box-shadow:0 10px 24px #ff3b3040,inset 0 -2px #00000014,inset 0 1px #ffffff26}50%{transform:scale(1.04);box-shadow:0 14px 32px #ff3b3059,inset 0 -2px #00000014,inset 0 1px #fff3}}.pulse-button:hover{transform:scale(1.04)translateY(-1px)!important;box-shadow:0 12px 28px #ff3b3059,inset 0 -2px #00000014!important}.pulse-button:active{transform:scale(.95)translateY(1px)!important;box-shadow:0 4px 12px #ff3b3026,inset 0 4px 10px #0003!important}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drone-prop-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dynamic-island-wave{background-color:var(--color-emergency-red);border-radius:50%;width:8px;height:8px;position:relative}.dynamic-island-wave:after{content:"";border:1px solid var(--color-emergency-red);border-radius:50%;width:16px;height:16px;animation:1.5s cubic-bezier(.2,.8,.2,1) infinite pulse-ring;position:absolute;top:-4px;left:-4px}@keyframes flow-dash{to{stroke-dashoffset:-20px}}.danger-zone-radial{pointer-events:none;background:radial-gradient(circle,#dc454542 0%,#dc45451a 45%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite danger-zone-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes danger-zone-pulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(.92)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.radar-sweep-overlay{pointer-events:none;z-index:10;background:conic-gradient(#5b8def0a 0deg,#0000 75deg 360deg);width:100%;height:100%;animation:16s linear infinite map-radar-sweep;position:absolute;top:0;left:0}.map-container{transition:transform 1.2s cubic-bezier(.19,1,.22,1),box-shadow 1.2s,border-radius 1.2s,filter .8s!important}.map-container.layer-swap-transition{filter:brightness(.65)saturate(.8)blur(1px)!important;transform:rotateX(42deg)rotate(-12deg)scale(.94)translateY(-40px)!important}@keyframes live-status-pulse{0%,to{opacity:.45}50%{opacity:1}}.live-status-dot-blink{animation:1.4s ease-in-out infinite live-status-pulse}@keyframes terminal-blink{0%,to{opacity:1}50%{opacity:0}}.terminal-cursor{background-color:var(--color-emergency-red);vertical-align:middle;width:7px;height:12px;margin-left:4px;animation:.8s step-end infinite terminal-blink;display:inline-block}@keyframes feed-log-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feed-log-item-animated{animation:.35s cubic-bezier(.16,1,.3,1) forwards feed-log-enter}.helipad-marker-icon{background-color:var(--color-rescue-blue);color:#fff;width:28px;height:28px;font-family:var(--font-heading);cursor:pointer;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000002e}.helipad-marker-icon.safe{background-color:var(--color-safety-green)}.helipad-marker-icon.foggy{background-color:var(--color-warning-orange);animation:1.8s ease-in-out infinite live-status-pulse}.landslide-marker-icon{color:#fff;cursor:pointer;background-color:#d97706;border:1.5px solid #fff;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex;box-shadow:0 2px 6px #00000026}.blackout-signal-zone{stroke-dasharray:4 4;animation:3s linear infinite flow-dash}.weather-fog-overlay{pointer-events:none;z-index:8;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"fog-filter\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.015\" numOctaves=\"3\" result=\"noise\"/><feColorMatrix type=\"matrix\" values=\"1 0 0 0 1  0 1 0 0 1  0 0 1 0 1  0 0 0 0.08 0\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23fog-filter)\"/></svg>");background-size:400px 400px;width:100%;height:100%;animation:60s linear infinite fog-drift;position:absolute;top:0;left:0}@keyframes fog-drift{0%{background-position:0 0}to{background-position:400px 400px}}.weather-rain-overlay{pointer-events:none;z-index:9;background-image:repeating-linear-gradient(-70deg,#0000,#0000 8px,#64789606 8px 9px);width:200%;height:200%;animation:3s linear infinite rain-fall;position:absolute;top:0;left:0}@keyframes rain-fall{0%{transform:translateY(-50%)}to{transform:translateY(0%)}}.weather-cloud-shadow-overlay{pointer-events:none;z-index:6;background:radial-gradient(at 60% 40%,#1e23320f 0%,#1419280a 35%,#0000 65%);width:140%;height:80%;animation:45s ease-in-out infinite alternate cloud-drift;position:absolute;top:-20%;left:-20%}@keyframes cloud-drift{0%{opacity:.6;transform:translate(-15%)translateY(-5%)}50%{opacity:1}to{opacity:.7;transform:translate(25%)translateY(8%)}}.sos-armed-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9f0a 0%,#ff3b30 100%);border:none;animation:1.2s ease-in-out infinite sos-armed-breathe;box-shadow:0 8px 18px #ff9f0a4d,inset 0 -2px #0000001f;border-radius:50%!important}@keyframes sos-armed-breathe{0%,to{transform:scale(1);box-shadow:0 8px 18px #c6925b4d,inset 0 -2px #0000001f}50%{transform:scale(1.03);box-shadow:0 12px 30px #c6925b80,inset 0 -2px #0000001f}}@keyframes slide-down-popup{0%{opacity:0;transform:translate(-50%)translateY(-24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up-toast{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes map-shake-anim{0%{transform:translate(0)rotate(0)}10%{transform:translate(-4px,-2px)rotate(-.3deg)}20%{transform:translate(4px,2px)rotate(.3deg)}30%{transform:translate(-3px,1px)rotate(-.2deg)}40%{transform:translate(3px,-3px)rotate(.2deg)}50%{transform:translate(-2px,2px)rotate(-.1deg)}60%{transform:translate(2px,1px)rotate(.1deg)}70%{transform:translate(-1px,-1px)rotate(0)}80%{transform:translate(1px)rotate(0)}90%{transform:translate(-1px)rotate(0)}to{transform:translate(0)rotate(0)}}@keyframes map-red-flash{0%{opacity:1}40%{opacity:.85}to{opacity:0}}.map-elevation-depth-overlay{pointer-events:none;z-index:7;background:radial-gradient(at 20% 15%,#32281e17 0%,#0000 55%),radial-gradient(at 80% 80%,#1e191412 0%,#0000 50%),radial-gradient(circle at 50% 30%,#0000 45%,#1b18151f 80%),linear-gradient(#8b80730a 0%,#00000014 100%);width:100%;height:100%;position:absolute;top:0;left:0}.mesh-pulse-ring{border:1px solid var(--color-bg-dark);background:#5b8def73;border-radius:50%;width:12px;height:12px;position:relative;transform:translate(-6px,-6px);box-shadow:0 0 6px #5b8def66}.mesh-pulse-ring:after{content:"";border:1.5px solid #5b8defa6;border-radius:50%;animation:2.2s cubic-bezier(.25,0,0,1) infinite mesh-ring-pulse;position:absolute;inset:-8px}@keyframes mesh-ring-pulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(3.5)}}@keyframes map-network-pulse{0%,to{filter:brightness()sepia(20%)contrast(115%)}50%{filter:brightness(.78)sepia(22%)contrast(110%)saturate(1.15)}}.map-pulse-network-offline{animation:1.8s ease-in-out infinite map-network-pulse}.route-compromised-flash{animation:.8s infinite alternate route-compromised-blink}@keyframes route-compromised-blink{0%{opacity:.25;stroke:#4b5563}to{opacity:.95;stroke:var(--color-critical-red)}}.sos-transmitting-button{animation:.8s ease-in-out infinite alternate button-transmit-pulse;background:linear-gradient(135deg, var(--color-emergency-red) 0%, #7f1c1c 100%)!important;color:#fff!important;cursor:not-allowed!important;border:2px solid #dc262699!important;box-shadow:0 0 20px #dc262699!important}@keyframes button-transmit-pulse{0%{transform:scale(1);box-shadow:0 0 10px #dc262666}to{transform:scale(1.02);box-shadow:0 0 25px #dc2626cc}}.offline-tower-wrapper{flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.offline-tower-ping{background-color:var(--color-critical-red);width:6px;height:6px;box-shadow:0 0 6px var(--color-critical-red);border-radius:50%;animation:1.2s ease-in-out infinite live-status-pulse;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.satellite-uplink-beam,.satellite-downlink-beam{stroke-dasharray:4 8;animation:1.5s linear infinite satellite-beam-flow}@keyframes satellite-beam-flow{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.map-container{position:relative;overflow:hidden}.map-container.weather-storm:after,.map-container.weather-cloudburst:after{content:"";pointer-events:none;z-index:1000;background-image:linear-gradient(105deg,#fff0 0%,#ffffff0f 50%,#fff0 100%);background-size:200% 200%;width:100%;height:100%;animation:.8s linear infinite rain-grain-flow;position:absolute;top:0;left:0}.map-container.weather-cloudburst:after{background-image:linear-gradient(105deg,#fff0 0%,#ffffff1f 50%,#fff0 100%);animation:.4s linear infinite rain-grain-flow}@keyframes rain-grain-flow{0%{background-position:0 0}to{background-position:100% 100%}}.map-container.weather-storm:before,.map-container.weather-cloudburst:before{content:"";pointer-events:none;z-index:999;opacity:.8;background:radial-gradient(circle,#ffffff14 0%,#fff0 70%),radial-gradient(circle,#ffffff0d 0%,#fff0 60%);width:200%;height:100%;animation:45s linear infinite fog-drift-flow;position:absolute;top:0;left:0}@keyframes fog-drift-flow{0%{transform:translate(0%)}to{transform:translate(-50%)}}.packet-node-pulse-ring{transform-origin:50%;animation:1.5s ease-out infinite packet-node-pulse-anim}@keyframes packet-node-pulse-anim{0%{r:50;opacity:.8}to{r:600;opacity:0}}.offline-tower-wrapper.compromised svg{animation:1s infinite alternate offline-tower-flash}@keyframes offline-tower-flash{0%{filter:drop-shadow(0 0 1px #c26a6a66)}to{filter:drop-shadow(0 0 6px var(--color-critical-red))}}.replay-controls-hud{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);z-index:2000;width:520px;font-family:var(--font-mono);background:#faf9f6e6;border-radius:16px;flex-direction:column;gap:8px;padding:12px 18px;transition:all .3s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f,inset 0 0 1px #fff3}.hud-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.mode-badge-container{align-items:center;display:flex}.mode-toggle-btn{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:5px;padding:2px 10px;font-size:9px;font-weight:700;transition:all .2s;display:flex}.mode-toggle-btn.active-replay{background:var(--color-critical-red);color:#fff;border-color:var(--color-critical-red)}.mode-toggle-btn.active-live{background:var(--color-safety-green);color:#fff;border-color:var(--color-safety-green)}.hud-current-event-info{gap:6px;font-size:10px;display:flex}.event-time{color:var(--color-text-muted)}.event-title-highlight{color:var(--color-text-primary);font-weight:700}.hud-body{flex-direction:column;gap:6px;display:flex}.scrubber-container{align-items:center;gap:8px;width:100%;display:flex}.time-index{color:var(--color-text-muted);font-size:8px;font-weight:700}.timeline-scrubber{appearance:none;cursor:pointer;background:#0000001a;border-radius:2px;outline:none;flex:1;height:4px;transition:background .2s}.timeline-scrubber::-webkit-slider-thumb{appearance:none;background:var(--color-rescue-blue);border-radius:50%;width:12px;height:12px;transition:transform .1s;box-shadow:0 1px 4px #0003}.timeline-scrubber::-webkit-slider-thumb:hover{transform:scale(1.25)}.controls-action-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.playback-buttons{gap:6px;display:flex}.hud-btn{background:var(--color-card-bg);border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.hud-btn:hover{background:var(--color-hover-surface);border-color:#00000026}.hud-btn.play{background:var(--color-rescue-blue);color:#fff;border-color:var(--color-rescue-blue)}.hud-btn.play:hover{background:#5b8defe6}.hud-btn.pause{background:var(--color-warning-orange);color:#fff;border-color:var(--color-warning-orange)}.hud-btn.pause:hover{background:#df9a51e6}.hud-event-counter{color:var(--color-text-muted);font-size:9px;font-weight:700}.speed-selectors{gap:4px;display:flex}.speed-btn{background:var(--color-card-bg);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700;transition:all .2s}.speed-btn:hover{background:var(--color-hover-surface)}.speed-btn.active{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}.replay-timeline-container{flex-direction:column;gap:12px;animation:.3s fade-in;display:flex}.timeline-title-row{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.event-count-badge{color:var(--color-rescue-blue);font-size:8px;font-family:var(--font-mono);background:#5b8def1f;border-radius:4px;padding:1px 5px}.timeline-list{flex-direction:column;gap:2px;max-height:calc(100vh - 220px);padding-right:4px;display:flex;overflow-y:auto}.timeline-item-row{cursor:pointer;gap:10px;transition:all .2s;display:flex}.timeline-connector-container{flex-direction:column;align-items:center;width:20px;display:flex;position:relative}.timeline-node{background:var(--color-card-bg);border:1px solid var(--color-border);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.timeline-item-row.active .timeline-node{border-color:var(--color-rescue-blue);transform:scale(1.15);box-shadow:0 0 6px #5b8def4d}.timeline-line-link{background:var(--color-border);z-index:1;flex:1;width:1.5px;margin-top:2px;margin-bottom:2px}.timeline-item-row.past .timeline-line-link{background:var(--color-rescue-blue);opacity:.5}.timeline-content-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;flex:1;margin-bottom:8px;padding:8px 10px;transition:all .2s}.timeline-item-row.active .timeline-content-card{background:#5b8def0a;border-color:#5b8def4d}.card-header-row{font-family:var(--font-heading);justify-content:space-between;align-items:center;display:flex}.card-title-text{color:var(--color-text-primary);font-size:11px;font-weight:700}.card-time-label{font-size:8px;font-family:var(--font-mono);color:var(--color-text-muted)}.card-desc-text{color:var(--color-text-secondary);margin-top:3px;font-size:10px;line-height:1.3}.card-coordinates-row{font-size:8px;font-family:var(--font-mono);color:var(--color-text-muted);margin-top:4px}.replay-analytics-overlay{-webkit-backdrop-filter:blur(8px);z-index:3000;background:#070b1466;justify-content:center;align-items:center;animation:.3s fade-in;display:flex;position:fixed;inset:0}.replay-analytics-card{background:var(--color-card-bg);border:1px solid var(--color-border);width:520px;font-family:var(--font-mono);color:var(--color-text-primary);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 20px 50px #0000002e}.analytics-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.header-title-container{color:var(--color-text-primary);align-items:center;gap:8px;display:flex}.header-title-container h3{font-size:15px;font-weight:800}.close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;transition:color .2s}.close-btn:hover{color:var(--color-critical-red)}.analytics-intro{color:var(--color-text-muted);font-size:10px;line-height:1.4}.analytics-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-box{border:1px solid var(--color-border);background:#00000004;border-radius:10px;flex-direction:column;gap:3px;padding:12px;transition:all .2s;display:flex}.metric-box:hover{background:var(--color-hover-surface)}.metric-box.border-red{border-left:3px solid var(--color-critical-red)}.metric-box.border-orange{border-left:3px solid var(--color-warning-orange)}.metric-box.border-purple{border-left:3px solid var(--color-lora-purple)}.metric-box.border-green{border-left:3px solid var(--color-safety-green)}.metric-box.border-blue{border-left:3px solid var(--color-rescue-blue)}.metric-box.border-slate{border-left:3px solid var(--color-text-muted)}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--color-text-muted);text-transform:uppercase;font-size:8px;font-weight:700}.metric-val{color:var(--color-text-primary);margin-top:2px;font-size:20px;font-weight:800}.metric-hint{color:var(--color-text-muted);font-size:7.5px}.analytics-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding-top:14px;display:flex}.restart-btn{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:8px 16px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.restart-btn:hover{background:var(--color-hover-surface)}.exit-btn{background:var(--color-rescue-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:10px;font-weight:800;transition:all .2s}.exit-btn:hover{background:#5b8defe6}.map-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both camera-shake-effect}@keyframes camera-shake-effect{10%,90%{transform:rotateX(38deg)rotate(-8deg)translateY(-25px)translate(-1px)}20%,80%{transform:rotateX(38deg)rotate(-8deg)translateY(-25px)translate(2px)}30%,50%,70%{transform:rotateX(38deg)rotate(-8deg)translateY(-25px)translate(-4px)}40%,60%{transform:rotateX(38deg)rotate(-8deg)translateY(-25px)translate(4px)}}@keyframes flash-red-terrain{0%,to{background:0 0}50%{background:#c26a6a33}}.red-terrain-flash-overlay{z-index:1999;pointer-events:none;animation:.5s ease-out 2 flash-red-terrain;position:absolute;inset:0}@keyframes flood-grow-anim{0%{opacity:.3;transform:scale(.8)}to{opacity:.15;transform:scale(1.3)}}.flood-expand-circle{animation:2s ease-in-out infinite alternate flood-grow-anim}.animate-spin-slow{animation:6s linear infinite spin}.volunteer-registration-card,.volunteer-portal-card{background-color:var(--color-panel-dark,#1e293b);border-right:1px solid var(--color-border,#ffffff14);height:100%;color:var(--color-text-primary,#f8fafc);font-family:var(--font-mono,monospace);flex-direction:column;padding:16px;font-size:11px;display:flex;overflow-y:auto}.volunteer-registration-card .card-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.volunteer-registration-card h3{color:var(--color-safety-green,#22c55e);margin:0;font-size:14px;font-weight:700}.volunteer-registration-card .intro-text{color:var(--color-text-secondary,#94a3b8);margin-bottom:16px;line-height:1.4}.reg-form{flex-direction:column;gap:12px;display:flex}.form-group-mini{flex-direction:column;gap:4px;display:flex}.form-group-mini label{color:var(--color-text-muted,#64748b);letter-spacing:.5px;font-size:9px;font-weight:800}.form-group-mini input[type=text],.form-group-mini select,.form-group-mini textarea{border:1px solid var(--color-border,#ffffff26);color:#fff;background-color:#0f172a99;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:11px;transition:border-color .2s}.form-group-mini input[type=text]:focus,.form-group-mini select:focus,.form-group-mini textarea:focus{border-color:var(--color-safety-green,#22c55e)}.checkbox-label-wrapper{cursor:pointer;align-items:center;gap:8px;color:#fff!important;flex-direction:row!important;font-size:11px!important}.border-box{background-color:#00000026;border:1px solid #ffffff0f;border-radius:8px;padding:10px}.section-label{margin-bottom:8px;font-size:9px;font-weight:800;color:var(--color-rescue-blue,#3b82f6)!important}.skills-checklist-grid{grid-template-columns:1fr;gap:6px;display:grid}.checkbox-item{cursor:pointer;align-items:center;gap:6px;font-size:10px;display:flex}.submit-reg-btn{background-color:var(--color-safety-green,#22c55e);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:6px;margin-top:8px;padding:10px;font-weight:800;transition:filter .2s}.submit-reg-btn:hover{filter:brightness(1.1)}.volunteer-status-bar{background-color:#00000059;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;margin-bottom:12px;padding:6px 10px;display:flex}.status-item{align-items:center;gap:4px;display:flex}.volunteer-profile-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.vol-meta{flex-direction:column;gap:2px;display:flex}.vol-name{color:#fff;margin:0;font-size:12px;font-weight:800}.vol-title-badge{color:var(--color-safety-green,#22c55e);background-color:#22c55e26;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:9px;font-weight:700}.exit-portal-btn{color:#fff;cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:9px;transition:all .2s}.exit-portal-btn:hover{background-color:#ffffff26}.portal-tabs-row{border-bottom:1px solid #ffffff0f;margin-bottom:12px;display:flex}.portal-tab-btn{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:flex}.portal-tab-btn.active{color:var(--color-safety-green,#22c55e);border-bottom-color:var(--color-safety-green,#22c55e)}.missions-panel{flex-direction:column;gap:12px;display:flex}.active-mission-card{border:1.5px solid var(--color-rescue-blue,#3b82f6);background-color:#1e293b80;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.mission-hdr{flex-direction:column;gap:6px;display:flex}.tag-row{justify-content:space-between;align-items:center;display:flex}.live-pill.active{color:var(--color-rescue-blue,#3b82f6);background-color:#3b82f633;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800}.sev-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800}.sev-badge.critical{color:var(--color-emergency-red,#ef4444);background-color:#ef444433}.sev-badge.high{color:var(--color-warning-orange,#f59e0b);background-color:#f59e0b33}.survivor-name{color:#fff;margin:0;font-size:12px;font-weight:800}.mission-details{background-color:#0003;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.detail-row{justify-content:space-between;display:flex}.detail-row span{color:var(--color-text-muted,#64748b)}.mission-stepper-flow{border-top:1px solid #ffffff14;padding-top:10px}.step-actions{flex-direction:column;gap:8px;display:flex}.step-hint{color:var(--color-text-secondary,#94a3b8);margin:0 0 8px;font-size:9.5px;line-height:1.45}.progress-mission-btn{background-color:var(--color-rescue-blue,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px;font-family:inherit;font-size:10px;font-weight:800;transition:filter .2s}.progress-mission-btn:hover{filter:brightness(1.1)}.progress-mission-btn.locate{background-color:var(--color-warning-orange,#f59e0b)}.progress-mission-btn.finish{background-color:var(--color-safety-green,#22c55e);animation:1.5s infinite pulse-ring-glow}@keyframes pulse-ring-glow{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.abandon-mission-btn{color:var(--color-emergency-red,#ef4444);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:4px;font-family:inherit;font-size:9px;text-decoration:underline}.available-missions-list{flex-direction:column;gap:8px;display:flex}.available-missions-list .list-title{color:var(--color-text-muted,#64748b);letter-spacing:.5px;margin:0 0 4px;font-size:10px;font-weight:800}.empty-state{text-align:center;color:var(--color-text-muted,#64748b);background-color:#00000026;border-radius:8px;padding:20px}.mission-item-card{border:1px solid var(--color-border,#ffffff14);background-color:#0003;border-radius:8px;justify-content:space-between;align-items:center;padding:8px;transition:all .2s;display:flex}.mission-item-card:hover{background-color:#ffffff08}.item-left{gap:8px;display:flex}.item-sev-bar{border-radius:2px;flex-shrink:0;width:3px}.item-sev-bar.critical{background-color:var(--color-emergency-red,#ef4444)}.item-sev-bar.high{background-color:var(--color-warning-orange,#f59e0b)}.item-sev-bar.medium{background-color:var(--color-rescue-blue,#3b82f6)}.item-info{flex-direction:column;gap:2px;display:flex}.item-info h5{color:#fff;margin:0;font-size:11px;font-weight:700}.item-specs{color:var(--color-text-secondary,#94a3b8);font-size:9px}.item-reqs{color:var(--color-text-muted,#64748b);font-size:8px}.accept-mission-btn{background-color:var(--color-safety-green,#22c55e);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:9px;font-weight:800;transition:background-color .2s}.accept-mission-btn:hover{background-color:#16a34a}.volunteer-chat-panel{flex-direction:column;height:380px;display:flex}.chat-report-tab-header{background-color:#00000040;border-radius:6px;margin-bottom:10px;padding:2px;display:flex}.tab-btn-mini{color:var(--color-text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:4px;font-family:inherit;font-size:9.5px;font-weight:700}.tab-btn-mini.active{color:#fff;background-color:#ffffff14}.tab-btn-mini.active.text-red{color:var(--color-emergency-red,#ef4444)}.chat-container{flex-direction:column;height:100%;display:flex}.chat-feed-scroll{flex-direction:column;flex:1;gap:8px;margin-bottom:8px;padding-right:4px;display:flex;overflow-y:auto}.chat-bubble-wrapper{flex-direction:column;max-width:80%;display:flex}.chat-bubble-wrapper.self{align-self:flex-end;align-items:flex-end}.chat-bubble-wrapper.other{align-self:flex-start;align-items:flex-start}.chat-bubble-wrapper.sys{align-self:center;max-width:90%}.sender-tag{color:var(--color-text-muted,#64748b);margin-bottom:2px;font-size:8px}.bubble-body{color:#000;background-color:#e9e9eb;border:none;border-radius:16px;padding:8px 14px;font-size:13px}.self .bubble-body{color:#fff;background-color:#007aff;border:none}.sys .bubble-body{text-align:center;color:#8e8e93;background-color:#0000000d;border:1px solid #0000000d;border-radius:10px;padding:4px 8px;font-size:11px;font-style:italic}.bubble-body p{margin:0;line-height:1.35}.bubble-meta{color:var(--color-text-muted,#64748b);justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:8px;display:flex}.voice-message-ui{align-items:center;gap:8px;display:flex}.voice-waveform{align-items:center;gap:2px;display:flex}.wave-bar{background-color:currentColor;border-radius:1px;width:2px;height:8px;display:inline-block}.wave-bar.tall{height:14px}.wave-bar.short{height:5px}.chat-routing-status-log{background-color:#0f172ae6;border:1px dashed #3b82f666;border-radius:6px;padding:6px;font-size:8.5px}.routing-header{color:var(--color-rescue-blue,#3b82f6);align-items:center;gap:4px;margin-bottom:4px;font-weight:800;display:flex}.routing-log-line{color:var(--color-text-muted,#64748b);line-height:1.35}.chat-input-row{border-top:1px solid #ffffff14;gap:6px;padding-top:8px;display:flex}.chat-field{color:#fff;background-color:#00000059;border:1px solid #ffffff1f;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:10.5px}.chat-action-btn{color:#fff;cursor:pointer;background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.chat-action-btn:hover{background-color:#ffffff26}.chat-action-btn.voice.recording{background-color:var(--color-emergency-red,#ef4444);border-color:var(--color-emergency-red,#ef4444);color:#fff}.chat-action-btn.send{background-color:var(--color-safety-green,#22c55e);border:none}.emergency-report-form{flex-direction:column;gap:10px;display:flex}.form-title{color:var(--color-emergency-red,#ef4444);letter-spacing:.5px;margin:0 0 4px;font-size:11px;font-weight:800}.submit-emergency-btn{background-color:var(--color-emergency-red,#ef4444);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:8px;font-family:inherit;font-size:10px;font-weight:800;transition:filter .2s;display:flex}.submit-emergency-btn:hover{filter:brightness(1.1)}.lat-lng-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.volunteer-rewards-panel{flex-direction:column;gap:12px;display:flex}.rewards-summary-card{background-color:#00000040;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.rewards-medal{background-color:#ffffff0d;border-radius:50%;padding:8px}.rewards-medal.badge-hero{color:#f43f5e;box-shadow:0 0 10px #f43f5e4d}.rewards-medal.badge-gold{color:#eab308;box-shadow:0 0 10px #eab3084d}.rewards-medal.badge-silver{color:#cbd5e1;box-shadow:0 0 10px #cbd5e14d}.rewards-medal.badge-bronze{color:#b45309}.rewards-title-info{flex-direction:column;gap:2px;display:flex}.rewards-title-label{color:var(--color-text-muted,#64748b);letter-spacing:.5px;font-size:8px;font-weight:800}.current-title-text{color:#fff;margin:0;font-size:13px;font-weight:800}.points-tally{color:var(--color-safety-green,#22c55e);font-size:10px;font-weight:700}.rewards-progress-section{background-color:#00000026;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.progress-labels{color:var(--color-text-secondary,#94a3b8);justify-content:space-between;font-size:9px;display:flex}.custom-progress-track{background-color:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.custom-progress-bar{background-color:var(--color-safety-green,#22c55e);border-radius:3px;height:100%;transition:width .4s ease-out}.points-categories-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.category-card{background-color:#0003;border:1px solid #ffffff0a;border-radius:6px;flex-direction:column;gap:4px;padding:8px;display:flex}.category-card .card-top{color:var(--color-text-muted,#64748b);align-items:center;gap:4px;font-size:8px;display:flex}.category-card.rescue .card-top{color:var(--color-rescue-blue,#3b82f6)}.category-card.medical .card-top{color:var(--color-emergency-red,#ef4444)}.category-card.delivery .card-top{color:var(--color-safety-green,#22c55e)}.category-card .card-val{color:#fff;font-size:11px;font-weight:800}.category-card .card-lbl{color:var(--color-text-muted,#64748b);font-size:7.5px}.badges-showcase{flex-direction:column;gap:6px;display:flex}.showcase-title{color:var(--color-text-muted,#64748b);letter-spacing:.5px;margin:0;font-size:9px;font-weight:800}.badges-list{flex-direction:column;gap:6px;display:flex}.badge-show-item{background-color:#00000026;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.badge-show-item.unlocked{background-color:#22c55e05;border-color:#22c55e1a}.badge-show-item.locked{opacity:.4;filter:grayscale()}.badge-icon{flex-shrink:0}.badge-details{flex-direction:column;gap:2px;display:flex}.badge-name{color:#fff;font-size:10px;font-weight:700}.badge-desc{color:var(--color-text-muted,#64748b);font-size:8.5px;line-height:1.3}.mission-timeline-stepper{z-index:1000;-webkit-backdrop-filter:blur(14px);font-family:var(--font-mono,monospace);background:#faf9f6e0;border:1px solid #00000014;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;width:90%;max-width:820px;padding:10px 24px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000014}.mission-timeline-progress-bar{z-index:1;background:#0000000f;height:3px;position:absolute;top:24px;left:50px;right:50px}.mission-timeline-progress-fill{background:var(--color-rescue-blue,#3b82f6);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.mission-timeline-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.mission-timeline-node{background:#fff;border:2px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;transition:all .4s;display:flex;position:relative;box-shadow:0 2px 6px #0000000a}.mission-timeline-icon{line-height:1}.mission-timeline-check{background:var(--color-safety-green,#22c55e);color:#fff;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0003}.mission-timeline-label{color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;font-size:8px;font-weight:700;transition:color .3s}.mission-timeline-step.active .mission-timeline-node{border-color:var(--color-rescue-blue,#3b82f6);transform:scale(1.1);box-shadow:0 0 10px #3b82f633}.mission-timeline-step.active .mission-timeline-label{color:var(--color-text-primary,#0f172a)}.overview-container{font-family:var(--font-mono,monospace);padding:4px}.overview-headline-container{border-bottom:1px solid #0000000d;margin-bottom:20px;padding-bottom:16px}.overview-badge{color:var(--color-emergency-red,#ef4444);letter-spacing:1px;text-transform:uppercase;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-bottom:8px;padding:3px 8px;font-size:8px;font-weight:800;display:inline-block}.overview-title{color:var(--color-text-primary,#0f172a);letter-spacing:-.5px;margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.2}.overview-meta{color:var(--color-text-muted,#64748b);letter-spacing:.5px;font-size:8.5px;font-weight:600}.overview-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;display:grid}.overview-stat-card{text-align:center;background:#ffffff61;border:1px solid #0000000d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:14px 10px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000004}.overview-stat-card:hover{background:#fff9;transform:translateY(-2px);box-shadow:0 6px 16px #00000006}.overview-stat-value{color:var(--color-text-primary,#0f172a);margin-bottom:4px;font-size:20px;font-weight:800;line-height:1}.overview-stat-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.3px;font-size:7.5px;font-weight:700;line-height:1.2}.overview-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-secondary,#475569);border-left:2.5px solid var(--color-rescue-blue,#3b82f6);margin-bottom:12px;padding-left:8px;font-size:11px;font-weight:700}.overview-events-list{flex-direction:column;gap:12px;display:flex}.overview-event-card{cursor:pointer;background:#ffffff80;border:1px solid #0000000d;border-radius:12px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000003}.overview-event-card:hover{background:#ffffffc7;border-color:#0000001a;transform:scale(1.01);box-shadow:0 6px 16px #00000005}.overview-event-card.selected{border-color:var(--color-rescue-blue,#3b82f6);background:#3b82f60a;box-shadow:0 4px 20px #3b82f614}.event-card-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.event-card-emoji{font-size:14px}.event-card-title{color:var(--color-text-primary,#0f172a);letter-spacing:.3px;font-size:10px;font-weight:800}.event-card-badge{text-transform:uppercase;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:8px;font-weight:700}.event-card-badge.critical{color:var(--color-emergency-red,#ef4444);background:#ef44441a}.event-card-badge.high{color:var(--color-warning-orange,#f59e0b);background:#f59e0b1a}.event-card-badge.medium{color:var(--color-rescue-blue,#3b82f6);background:#3b82f61a}.event-card-desc{color:var(--color-text-secondary,#475569);margin:0 0 8px;font-family:inherit;font-size:11px;line-height:1.4}.event-card-footer{color:var(--color-text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:600}.overview-event-card.landslide{border-left:3.5px solid var(--color-warning-orange,#f59e0b)}.overview-event-card.blackout{border-left:3.5px solid #64748b}.overview-event-card.drone{border-left:3.5px solid var(--color-rescue-blue,#3b82f6)}.overview-event-card.sos-card.critical{border-left:3.5px solid var(--color-emergency-red,#ef4444)}.overview-event-card.sos-card.high{border-left:3.5px solid var(--color-warning-orange,#f59e0b)}.overview-event-card.rescue-success{border-left:3.5px solid var(--color-safety-green,#22c55e);background:#22c55e05}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse-subtle}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.85}}@media (width<=1024px){.mission-timeline-stepper{gap:8px;padding:6px 12px;top:5px}.mission-timeline-progress-bar{top:18px;left:20px;right:20px}.mission-timeline-node{width:20px;height:20px;font-size:10px}.mission-timeline-label{font-size:7px}}.active-mission-card-hud{z-index:1000;-webkit-backdrop-filter:blur(14px);width:90%;max-width:820px;font-family:var(--font-mono,monospace);background:#faf9f6eb;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:8px;padding:12px 20px;transition:all .3s;display:flex;position:absolute;top:85px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000014}.active-mission-hud-header{color:var(--color-emergency-red,#ef4444);letter-spacing:1px;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.active-mission-hud-alert-dot{background-color:var(--color-emergency-red,#ef4444);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-ring;display:inline-block}.active-mission-hud-body{flex-direction:column;gap:6px;display:flex}.active-mission-hud-title{color:var(--color-text-primary,#0f172a);letter-spacing:-.3px;font-size:14px;font-weight:800}.active-mission-hud-grid{border-top:1px solid #0000000f;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:8px;display:grid}.active-mission-hud-item{align-items:center;gap:8px;display:flex}.active-mission-hud-item .hud-icon{flex-shrink:0;font-size:16px}.active-mission-hud-item .hud-content{flex-direction:column;gap:1px;display:flex}.active-mission-hud-item .hud-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.3px;font-size:7.5px}.active-mission-hud-item .hud-value{color:var(--color-text-secondary,#475569);white-space:nowrap;font-size:10px;font-weight:700}.active-mission-hud-item .hud-value.text-green{color:var(--color-safety-green,#22c55e)}.active-mission-hud-item .hud-value.text-blue{color:var(--color-rescue-blue,#3b82f6)}.network-status-hud-badge{z-index:1000;-webkit-backdrop-filter:blur(12px);width:230px;font-family:var(--font-mono,monospace);color:var(--color-text-primary);background:#faf9f6eb;border:1px solid #00000014;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;transition:all .3s;display:flex;position:absolute;top:120px;right:18px;box-shadow:0 8px 24px #0000001a}.ai-commander-console{z-index:1000;-webkit-backdrop-filter:blur(14px);width:90%;max-width:580px;font-family:var(--font-mono,monospace);background:#faf9f6f2;border:1px solid #00000014;border-radius:16px;flex-direction:column;gap:8px;padding:12px 16px;transition:all .3s;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}.console-stepper-container{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px;display:flex;position:relative}.console-timeline-bar{z-index:1;background:#0000000f;height:2px;position:absolute;top:13px;left:16px;right:16px}.console-timeline-fill{background:var(--color-rescue-blue,#3b82f6);height:100%;transition:width .3s}.console-stepper-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.console-stepper-node{background:#fff;border:1.5px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .3s;display:flex;position:relative}.console-stepper-step.active .console-stepper-node{border-color:var(--color-rescue-blue,#3b82f6);background:#3b82f61a;box-shadow:0 0 8px #3b82f640}.console-stepper-icon{line-height:1}.console-stepper-check{background:var(--color-safety-green,#22c55e);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;font-size:7px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.console-stepper-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.2px;text-align:center;font-size:8px;font-weight:700}.console-stepper-step.active .console-stepper-label{color:var(--color-rescue-blue,#3b82f6)}.console-narration-body{background:#00000008;border:1px solid #0000000a;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.console-narration-header{color:var(--color-emergency-red,#ef4444);letter-spacing:.5px;align-items:center;gap:6px;font-size:8.5px;font-weight:800;display:flex}.console-narration-alert-dot{background-color:var(--color-emergency-red,#ef4444);border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse-ring;display:inline-block}.console-narration-text{color:var(--color-text-primary,#0f172a);font-size:10.5px;font-weight:600;line-height:1.4}.console-grid{border-top:1px solid #0000000d;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px;padding-top:6px;display:grid}.console-grid-item{align-items:center;gap:6px;display:flex}.console-grid-icon{font-size:12px}.console-grid-content{flex-direction:column;gap:1px;display:flex}.console-grid-label{color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.2px;font-size:7px}.console-grid-value{color:var(--color-text-secondary,#475569);white-space:nowrap;font-size:9px;font-weight:700}.console-grid-value.text-green{color:var(--color-safety-green,#22c55e)}.console-grid-value.text-blue{color:var(--color-rescue-blue,#3b82f6)}@media (width<=1024px){.ai-commander-console{gap:4px;padding:8px 12px;top:75px}.active-mission-hud-title{font-size:12px}.active-mission-hud-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding-top:6px}.active-mission-hud-item .hud-value{font-size:9px}.network-status-hud-badge:not(.telemetry){top:auto;bottom:220px;right:10px}}.timeline{z-index:30;-webkit-backdrop-filter:blur(12px);background:#faf9f6e0;border:1px solid #00000014;border-radius:12px;justify-content:center;align-items:center;width:58%;height:64px;max-height:64px;padding:8px 16px;transition:all .3s;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001a}.network-status-hud-badge.telemetry{z-index:25;width:260px;transition:all .3s;position:absolute;top:96px;right:24px}.feed{z-index:20;-webkit-backdrop-filter:blur(10px);width:330px;max-height:330px;font-family:var(--font-mono);background-color:#ece7de85;border:1px solid #0f172a0d;border-radius:10px;flex-direction:column;padding:0;font-size:10px;transition:right .4s cubic-bezier(.16,1,.3,1),bottom .4s,opacity .3s;display:flex;position:absolute;bottom:24px;right:24px;overflow:hidden;box-shadow:0 1px 8px #00000006}.sidebar-ai-commander-card{background:#ef44440a;border:1px dashed #ef444440;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:4px;padding:14px;transition:all .3s;display:flex;box-shadow:0 4px 12px #ef444405}.leaflet-marker-pane{z-index:10!important}.leaflet-shadow-pane{z-index:9!important}.leaflet-overlay-pane{z-index:8!important}.leaflet-tile-pane{z-index:1!important}@media (width<=1024px){.timeline{width:70%;top:12px}.network-status-hud-badge.telemetry{width:240px;top:92px;right:24px}.feed{width:290px;max-height:240px}}@media (width<=768px){.timeline{width:95%;top:8px}.network-status-hud-badge.telemetry{width:95%;top:80px;left:50%;right:auto;transform:translate(-50%)}.feed{width:95%;max-height:180px;bottom:16px;left:50%;right:auto;transform:translate(-50%)}}.map-layers-container{display:inline-block;position:relative}.map-layers-dropdown{-webkit-backdrop-filter:blur(12px);width:240px;font-family:var(--font-mono);background:#faf9f6f0;border:1px solid #0000001a;border-radius:12px;flex-direction:column;gap:10px;max-height:480px;padding:12px;display:flex;position:absolute;top:30px;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}.map-layers-presets-row{border-bottom:1px solid #0000000f;justify-content:space-between;gap:6px;padding-bottom:10px;display:flex}.preset-btn{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-primary);cursor:pointer;background:#1e293b0d;border:1px solid #94a3b84d;border-radius:6px;flex:1;padding:5px 0;font-size:8px;font-weight:800;transition:all .2s}.preset-btn:hover{background:#1e293b1a}.preset-btn.focus{color:var(--color-rescue-blue);border-color:#5b8def66}.preset-btn.focus:hover{background:#5b8def1a}.preset-btn.focus.active{background:var(--color-rescue-blue)!important;color:#fff!important}.preset-btn.command{color:var(--color-critical-red);border-color:#c26a6a66}.preset-btn.command:hover{background:#c26a6a1a}.preset-btn.command.active{background:var(--color-critical-red)!important;color:#fff!important}.preset-btn.public{color:var(--color-safety-green);border-color:#6faf8366}.preset-btn.public:hover{background:#6faf831a}.preset-btn.public.active{background:var(--color-safety-green)!important;color:#fff!important}.map-layers-groups{flex-direction:column;gap:12px;display:flex}.map-layers-group{flex-direction:column;gap:6px;display:flex}.map-layers-group-title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:2px;font-size:8px;font-weight:800}.toggle-switch{cursor:pointer;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .slider{background-color:#0000001a;border-radius:14px;flex-shrink:0;width:24px;height:14px;transition:all .2s;display:inline-block;position:relative}.toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.slider.toggle-blue{background-color:var(--color-rescue-blue)}.toggle-switch input:checked+.slider.toggle-green{background-color:var(--color-safety-green)}.toggle-switch input:checked+.slider.toggle-red{background-color:var(--color-critical-red)}.toggle-switch input:checked+.slider:before{transform:translate(10px)}.toggle-label{line-height:1}.network-status-hud-badge,.feed,.sidebar-ai-commander-card{animation:.3s cubic-bezier(.16,1,.3,1) forwards hud-fade-in}.timeline{animation:.3s cubic-bezier(.16,1,.3,1) forwards timeline-fade-in}@keyframes hud-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes timeline-fade-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.rescue-success-pulse{border:2px solid var(--color-safety-green);background:#22c55e66;border-radius:50%;width:20px;height:20px;animation:3s ease-out forwards rescue-pulse-expand;position:absolute;transform:translate(-10px,-10px)}@keyframes rescue-pulse-expand{0%{opacity:1;transform:translate(-10px,-10px)scale(.5);box-shadow:0 0 #22c55ecc}50%{box-shadow:0 0 0 30px #22c55e00}to{opacity:0;transform:translate(-10px,-10px)scale(2.5);box-shadow:0 0 0 50px #22c55e00}}.mobile-view-toggle{display:none}@media (width<=768px){.app-container{grid-template-rows:auto 1fr!important;grid-template-columns:1fr!important;width:100vw!important;height:100vh!important;overflow:hidden!important}.mobile-view-toggle{background-color:var(--color-panel-dark);border-bottom:1px solid var(--color-border);z-index:1000;justify-content:space-around;align-items:center;width:100vw;height:48px;padding:0 8px;display:flex!important}.mobile-toggle-btn{height:100%;color:var(--color-text-muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.mobile-toggle-btn:hover{color:var(--color-text-primary)}.mobile-toggle-btn.active{color:var(--color-rescue-blue);border-bottom-color:var(--color-rescue-blue);background-color:#2563eb0d}.mobile-hidden{display:none!important}.mobile-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;flex-direction:column!important;width:100vw!important;height:calc(100vh - 48px)!important;display:flex!important}.phone-pane{background-color:#f8f8f6!important;width:100vw!important;height:calc(100vh - 48px)!important;padding:0!important}.phone-mockup{width:100%!important;height:100%!important;box-shadow:none!important;background-color:#f8f8f6!important;border-radius:0!important;padding:0!important;transform:none!important}.phone-screen{border:none!important;border-radius:0!important;width:100%!important;height:100%!important}.phone-status-bar{padding-top:10px!important}.dynamic-island{top:6px!important;transform:translate(-50%)rotateX(0)rotateY(0)translateZ(0)!important}.dynamic-island.expanded{width:90%!important;top:6px!important;transform:translate(-50%)!important}.left-sidebar-pane{width:100vw!important;height:calc(100vh - 48px)!important;box-shadow:none!important;border-right:none!important}.map-pane{width:100vw!important;height:calc(100vh - 48px)!important}.map-pane.tilted-view .map-container{box-shadow:none!important;border-radius:0!important;transform:none!important}.map-pane.tilted-view .custom-beacon-leaflet-container{transform:none!important}.phone-toggle-btn{display:none!important}}.ai-commander-card{flex-direction:column;max-height:360px;display:flex;overflow:hidden}@media (width<=768px){.ai-commander-card{max-height:300px}}.ai-commander-details{flex:1;padding-right:4px;overflow-y:auto}.ai-commander-details::-webkit-scrollbar{width:4px}.ai-commander-details::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.ai-commander-details::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:2px}.ai-commander-details::-webkit-scrollbar-thumb:hover{background:#3b82f699}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}