:root{color-scheme:light;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;--bg: #f5f8f7;--bg-soft: #edf3f1;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--line: rgba(127, 156, 145, .22);--line-strong: rgba(94, 145, 129, .28);--text: #243635;--muted: #6e8280;--accent: #5f9f93;--accent-strong: #4a857b;--accent-soft: rgba(95, 159, 147, .12);--warn: #cf9861;--warn-soft: rgba(207, 152, 97, .14);--danger: #c86d73;--danger-soft: rgba(200, 109, 115, .12);--info: #7397b8;--info-soft: rgba(115, 151, 184, .12);--shadow: 0 18px 48px rgba(79, 105, 97, .08);--shadow-soft: 0 10px 26px rgba(95, 122, 114, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(167,214,201,.32),transparent 24%),radial-gradient(circle at top right,rgba(196,223,241,.34),transparent 22%),linear-gradient(180deg,#f9fcfb,#f2f6f4)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:32px 32px;opacity:.18}button,input{font:inherit}button{cursor:pointer}.console-shell{width:min(1360px,calc(100% - 40px));margin:0 auto;padding:30px 0 40px;position:relative}.global-alert-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.global-alert-glow-critical{background:radial-gradient(circle at center,rgba(200,109,115,.08),transparent 42%);animation:emergency-flash 1.8s ease-in-out infinite}.global-alert-glow-tracking{background:radial-gradient(circle at center,rgba(207,152,97,.06),transparent 44%);animation:tracking-pulse 2s ease-in-out infinite}.mission-header,.status-card,.feed-panel,.map-panel,.log-panel,.control-panel,.tech-panel,.critical-ribbon{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-header{display:flex;justify-content:space-between;gap:28px;padding:30px 32px;border-radius:28px;margin-bottom:20px;position:relative}.mission-header:after{content:"";position:absolute;inset:auto 32px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(95,159,147,.44),transparent)}.critical-ribbon{border-radius:22px;margin-bottom:18px;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) auto;gap:14px;align-items:center;position:relative;overflow:hidden}.critical-ribbon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.9}.critical-ribbon-critical{border-color:#c86d7347;background:#fffafaf2}.critical-ribbon-critical:before{background:linear-gradient(90deg,rgba(200,109,115,.08),transparent 34%,transparent 66%,rgba(200,109,115,.08))}.critical-ribbon-tracking{border-color:#cf986142;background:#fffbf6f2}.critical-ribbon-tracking:before{background:linear-gradient(90deg,rgba(207,152,97,.08),transparent 32%,transparent 68%,rgba(207,152,97,.08))}.critical-ribbon-copy,.critical-ribbon-metrics,.critical-ribbon-actions{position:relative;z-index:1}.critical-ribbon-copy{display:flex;gap:14px;align-items:flex-start}.critical-ribbon-badge{border-radius:999px;padding:8px 12px;font-size:.74rem;letter-spacing:.08em;border:1px solid currentColor;background:#ffffffbd}.critical-ribbon-copy strong{display:block;margin-bottom:6px;font-size:1.04rem}.critical-ribbon-copy p{margin:0;color:var(--muted);line-height:1.6}.critical-ribbon-metrics{display:flex;gap:10px;flex-wrap:wrap}.critical-ribbon-metrics span{padding:8px 10px;border-radius:999px;font-size:.76rem;letter-spacing:.04em;border:1px solid var(--line);background:#ffffffb3}.btn-ribbon,.btn-modal{min-width:170px}.urgent-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#f4f8f78f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.urgent-modal{width:min(540px,100%);border-radius:24px;border:1px solid rgba(200,109,115,.24);background:#fffffff5;box-shadow:0 24px 70px #7154581f;padding:24px;animation:modal-appear .18s ease-out}.urgent-modal-kicker{display:inline-flex;margin-bottom:14px;color:var(--danger);letter-spacing:.12em;font-size:.76rem}.urgent-modal strong{display:block;margin-bottom:10px;font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.3}.urgent-modal p{margin:0 0 18px;color:var(--muted);line-height:1.7}.urgent-modal-actions{display:flex;justify-content:flex-end}.brand-block{display:flex;align-items:flex-start;gap:18px}.brand-beacon{width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,#81c5b7,#5f9f93);box-shadow:0 0 0 10px #5f9f9314;margin-top:14px;flex:none}.brand-kicker,.panel-kicker,.label-top{margin:0 0 8px;color:var(--muted);letter-spacing:.12em;font-size:.75rem}.brand-block h1,.panel-header h2{margin:0;font-size:clamp(1.45rem,2vw,2.4rem);font-weight:700}.brand-subtitle,.panel-caption,.event-item p,.feed-placeholder p,.field span,.control-summary p,.tech-grid p{color:var(--muted);line-height:1.7}.brand-subtitle{margin:10px 0 0;max-width:52ch}.mission-headline{min-width:280px;display:grid;justify-items:end;align-content:center;gap:8px;text-align:right}.mission-headline strong{font-size:clamp(1.5rem,2.5vw,2.45rem)}.tone-ok strong,.tone-ok{color:var(--accent-strong)}.tone-danger strong,.tone-danger{color:var(--danger)}.tone-warn strong,.tone-warn{color:var(--warn)}.tone-info strong,.tone-info{color:var(--info)}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.status-card{border-radius:22px;padding:18px 20px;display:grid;gap:8px}.status-card-primary{background:linear-gradient(135deg,#f4fcfafa,#eef6f4eb)}.status-card strong,.control-summary strong,.tech-grid strong{font-size:1rem;line-height:1.4}.console-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);gap:20px;margin-bottom:20px;align-items:start}.feed-panel,.map-panel,.log-panel,.control-panel{border-radius:26px;padding:22px}.feed-panel{padding-bottom:24px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.feed-panel-header{margin-bottom:18px}.signal-pill,.map-fix-tag,.mission-flag{border:1px solid currentColor;border-radius:999px;padding:10px 14px;font-size:.85rem;display:inline-flex;gap:10px;align-items:center;white-space:nowrap;background:#fffc}.signal-dot{width:8px;height:8px;border-radius:999px;background:currentColor}.signal-live{color:var(--accent-strong)}.signal-error{color:var(--danger)}.signal-idle{color:var(--warn)}.feed-stage{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16 / 9;border:1px solid rgba(140,173,163,.28);background:linear-gradient(180deg,#f2f5f4,#e9eeec)}.feed-stage-alert{box-shadow:inset 0 0 0 1px #c86d732e}.feed-alert-wash,.feed-reticle,.reticle-v,.reticle-h,.reticle-ring,.video-priority-callout{display:none}.feed-video{width:100%;height:100%;display:block;object-fit:contain;background:linear-gradient(180deg,#dfe7e4,#e8efec)}.feed-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;z-index:2}.feed-placeholder-icon{width:76px;height:76px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(95,159,147,.24);background:#ffffffd1;font-size:1.6rem;color:var(--accent-strong);box-shadow:var(--shadow-soft)}.feed-placeholder strong{font-size:1.22rem}.feed-metric{position:absolute;top:18px;display:flex;flex-direction:column;gap:10px;z-index:3}.feed-metric-left{left:18px}.feed-metric-right{right:18px}.feed-metric span,.feed-overlay span{border:1px solid rgba(133,160,150,.24);background:#ffffffd6;padding:9px 12px;border-radius:14px;font-size:.84rem;box-shadow:0 8px 24px #6e857e14}.feed-overlay{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;display:flex;gap:10px;flex-wrap:wrap}.alert-banner{position:absolute;left:18px;top:18px;z-index:3;display:grid;gap:6px;align-items:flex-start;padding:14px 16px;border-radius:18px;border:1px solid rgba(200,109,115,.24);background:#fffbfbeb;max-width:280px}.alert-banner strong{font-size:1rem}.alert-banner span:last-child{color:var(--muted);font-size:.8rem}.alert-badge{border-radius:999px;padding:6px 10px;background:#c86d731a;border:1px solid rgba(200,109,115,.24);color:var(--danger)}.feed-footer,.feed-message,.map-readout,.event-item,.control-summary article,.tech-grid article,.tech-box,.tech-log-list,.tech-raw{border:1px solid rgba(133,160,150,.18);background:#ffffffc2;border-radius:18px}.feed-footer{margin-top:14px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted)}.feed-message{margin-top:12px;padding:14px 16px;line-height:1.7}.feed-message-danger{border-color:#c86d733d;color:#8c5459;background:#fff8f8f0}.primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-top:16px}.map-stage{position:relative;min-height:460px;border-radius:24px;overflow:hidden;border:1px solid rgba(140,173,163,.22);background:linear-gradient(180deg,#f6faf8,#edf3f1)}.map-stage-alert{box-shadow:inset 0 0 0 1px #c86d7329}.map-grid,.map-scan-wedge,.map-hotspot{opacity:.16}.map-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-ghost-path{fill:none;stroke:#5f9f9375;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 8}.map-link{stroke:#5f9f934d;stroke-width:2;stroke-dasharray:8 8}.map-link-alert{stroke:#c86d738a}.map-predicted{fill:#5f9f9357}.map-accuracy{fill:#5f9f9314;stroke:#5f9f933d;stroke-width:2}.map-pulse{fill:#5f9f931a;stroke:#5f9f9357;stroke-width:2}.map-pulse-alert{fill:#c86d731f;stroke:#c86d7375;animation:pulse-alert 1.8s ease-in-out infinite}.map-target-core{fill:var(--accent-strong);stroke:#ffffffe6;stroke-width:2}.map-target-core-alert{fill:var(--danger);stroke:#ffffffeb}.map-lock-brackets line{stroke:#627d766b;stroke-width:2}.map-lock-brackets-critical line{stroke:#c86d7380}.map-label{fill:var(--text);font-size:18px;letter-spacing:.06em}.map-overlay-copy{position:absolute;left:18px;top:18px;display:grid;gap:8px;z-index:2;padding:14px 16px;border-radius:18px;background:#ffffffd1;border:1px solid rgba(140,173,163,.18)}.map-overlay-copy span{color:var(--muted);font-size:.78rem;letter-spacing:.08em}.map-overlay-copy strong{font-size:1.02rem}.map-overlay-stats{display:flex;gap:10px;flex-wrap:wrap}.map-overlay-stats b{font-size:.76rem;letter-spacing:.04em;color:var(--text);border:1px solid rgba(140,173,163,.18);padding:6px 10px;border-radius:999px;background:#f5faf8e6}.map-uav-badge{position:absolute;z-index:3;display:grid;justify-items:center;gap:8px;transform:translate(-50%,-50%)}.map-uav-body{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:22px solid var(--accent-strong);filter:drop-shadow(0 6px 10px rgba(95,159,147,.22))}.map-uav-badge strong{font-size:.72rem;letter-spacing:.08em;padding:4px 8px;border-radius:999px;border:1px solid rgba(140,173,163,.18);background:#ffffffe0}.map-target-tag{position:absolute;z-index:3;display:grid;gap:4px;padding:10px 12px;border-radius:14px;border:1px solid rgba(140,173,163,.2);background:#ffffffe0;transform:translate(18px,-54%)}.map-target-tag span{color:var(--muted);font-size:.66rem;letter-spacing:.08em}.map-target-tag strong{font-size:.88rem;letter-spacing:.04em}.map-target-tag b{font-size:.68rem;letter-spacing:.04em;color:var(--text);font-weight:600}.map-target-tag-alert{border-color:#c86d733d}.map-threat-card{position:absolute;right:18px;bottom:18px;z-index:4;display:grid;gap:6px;padding:12px 14px;border-radius:16px;border:1px solid rgba(207,152,97,.24);background:#fffcf7f0;min-width:220px}.map-threat-card span{color:var(--muted);font-size:.68rem;letter-spacing:.1em}.map-threat-card strong{font-size:.94rem}.map-threat-card p{margin:0;color:var(--text);font-size:.78rem;line-height:1.55}.map-threat-coords{color:var(--muted)!important;font-size:.72rem!important}.map-threat-card-critical{border-color:#c86d7338;background:#fff8f8f2}.map-readout{margin-top:14px;padding:14px 16px;display:grid;gap:12px}.map-readout p{margin:0;color:var(--muted)}.telemetry-dot{width:10px;height:10px;display:inline-block;border-radius:999px;background:var(--accent-strong);margin-right:10px}.telemetry-dot-danger{background:var(--danger);box-shadow:0 0 0 8px #c86d7314}.map-readout-grid,.control-summary,.tech-grid,.tech-fields,.control-actions{display:grid;gap:12px}.map-readout-grid{grid-template-columns:repeat(2,minmax(0,1fr));color:var(--text);font-size:.88rem}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);gap:20px;margin-bottom:20px}.event-list{display:grid;gap:12px}.event-item{padding:14px 16px}.event-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem;margin-bottom:8px}.event-item strong{display:block;margin-bottom:8px}.event-item p{margin:0}.event-info{border-left:3px solid var(--info)}.event-warn{border-left:3px solid var(--warn)}.event-critical{border-left:3px solid var(--danger)}.event-success{border-left:3px solid var(--accent)}.control-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.control-summary article,.tech-grid article{padding:14px 16px}.control-summary p,.tech-grid p{margin:0 0 8px;font-size:.84rem}.control-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.control-actions-secondary{margin-top:12px}.btn{min-height:50px;border-radius:16px;border:1px solid transparent;padding:12px 18px;color:var(--text);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #6f88811a}.btn:disabled{opacity:.44;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#87c7ba,#6caea1);border-color:#5f9f9366;color:#fdfefe}.btn-secondary,.btn-ghost{background:#ffffffc7;border-color:#8cada342}.btn-danger{background:#fff8f8f5;border-color:#c86d734d;color:#91585d}.btn-warn{background:#fffbf5f5;border-color:#cf986152}.btn-success{background:#f6fcfaf5;border-color:#5f9f934d}.tech-panel{border-radius:24px;overflow:hidden}.tech-panel summary{cursor:pointer;list-style:none;padding:18px 20px;font-weight:600;background:#fbfdfce6}.tech-panel summary::-webkit-details-marker{display:none}.tech-content{display:grid;gap:18px;padding:0 20px 20px;border-top:1px solid rgba(140,173,163,.18)}.tech-section{display:grid;gap:12px}.tech-section h3{margin:0;font-size:1rem}.tech-fields,.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field span{font-size:.9rem}input{width:100%;border-radius:14px;border:1px solid rgba(140,173,163,.24);background:#ffffffd6;color:var(--text);padding:12px 14px;outline:none}input:focus{border-color:#5f9f9357;box-shadow:0 0 0 3px #5f9f9314}.tech-box,.tech-log-list,.tech-raw{padding:14px 16px}.tech-box-danger{border-color:#c86d7342;color:#8c5459;background:#fff8f8f0}.tech-log-list,.tech-raw{max-height:240px;overflow:auto}.tech-log-list p,.tech-raw{margin:0;font-family:Consolas,SFMono-Regular,monospace;color:var(--muted);line-height:1.7;white-space:pre-wrap;word-break:break-word}.tech-log-list p+p{margin-top:8px}@keyframes pulse-alert{0%,to{transform:scale(1);opacity:.74}50%{transform:scale(1.12);opacity:.42}}@keyframes emergency-flash{0%,to{opacity:.24}50%{opacity:.52}}@keyframes tracking-pulse{0%,to{opacity:.3}50%{opacity:.54}}@keyframes hotspot-pulse{0%,to{opacity:.34;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.62;transform:translate(-50%,-50%) scale(1.04)}}@keyframes modal-appear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1180px){.critical-ribbon,.status-strip,.console-grid,.bottom-grid{grid-template-columns:1fr}.primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.console-shell{width:min(100% - 20px,1360px);padding-top:20px}.mission-header,.panel-header{flex-direction:column}.mission-headline{justify-items:start;min-width:auto;text-align:left}.status-strip,.critical-ribbon-metrics,.control-summary,.control-actions,.map-readout-grid,.tech-fields,.tech-grid,.primary-actions{grid-template-columns:1fr}.critical-ribbon-copy{flex-direction:column}.urgent-modal-actions{justify-content:stretch}.btn-modal{width:100%}.feed-footer{flex-direction:column}.alert-banner,.map-threat-card,.map-overlay-copy{position:static;margin:14px}}