:root{color:#172033;background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{border:0;font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:100vh;background:linear-gradient(90deg,rgba(15,23,42,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(15,23,42,.06) 1px,transparent 1px),#f6f8f3;background-size:32px 32px}.scene-region{position:relative;min-width:0;min-height:100vh}.scene-region canvas{display:block}.scene-topbar{position:absolute;z-index:4;top:24px;left:28px;right:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}.eyebrow{display:block;color:#53606f;font-size:.78rem;font-weight:750;letter-spacing:0;text-transform:uppercase}h1{margin:5px 0 0;color:#0f172a;font-size:clamp(2rem,4vw,4.6rem);line-height:.94;letter-spacing:0;max-width:620px}.view-actions{display:flex;gap:8px;pointer-events:auto}.view-actions button,.sensor-toggle,.object-grid button{cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.view-actions button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#ffffffd1;color:#172033;box-shadow:0 10px 28px #17203314;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-actions button:hover,.sensor-toggle:hover,.object-grid button:hover{transform:translateY(-1px)}.view-actions button.active{background:#172033;color:#fff}.empty-state-banner{position:absolute;z-index:5;top:42px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;max-width:min(440px,calc(100vw - 520px));min-height:42px;padding:8px 9px 8px 14px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#ffffffe6;color:#243244;box-shadow:0 14px 34px #1720331a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.empty-state-banner span{font-size:.88rem;font-weight:760;line-height:1.25}.empty-state-banner button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#0f172a0f;color:#475569;cursor:pointer}.empty-state-banner button:hover{background:#0f172a1a;color:#172033}.scene-legend{position:absolute;z-index:4;left:28px;bottom:24px;display:flex;flex-wrap:wrap;gap:8px;max-width:min(640px,calc(100vw - 460px))}.scene-legend span{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;border-radius:999px;background:#ffffffd6;color:#172033;font-size:.8rem;font-weight:750;box-shadow:0 10px 30px #17203314;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scene-legend span:before{width:9px;height:9px;border-radius:999px;background:var(--sensor-color, #64748b);content:""}.scene-legend.fusion span{background:#172033;color:#fff}.scene-legend.fusion span:before{background:#facc15}.control-panel{overflow-y:auto;max-height:100vh;padding:22px;border-left:1px solid rgba(23,32,51,.1);background:#f8fafceb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-section{padding:16px 0 20px;border-bottom:1px solid rgba(23,32,51,.1)}.panel-section:first-child{padding-top:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#172033;font-size:.82rem;font-weight:800}.section-title span:last-child{color:#64748b;font-size:.76rem;font-weight:700}.sensor-list{display:grid;gap:9px}.sensor-toggle{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;min-height:64px;padding:12px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff;color:#172033;text-align:left}.sensor-toggle svg{color:var(--sensor-color)}.sensor-toggle span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.sensor-toggle strong{font-size:.95rem}.sensor-toggle small{color:#64748b;font-size:.76rem;font-weight:750;white-space:nowrap}.sensor-toggle.enabled{border-color:color-mix(in srgb,var(--sensor-color) 70%,#ffffff);background:color-mix(in srgb,var(--sensor-color) 12%,#ffffff);box-shadow:inset 4px 0 0 var(--sensor-color)}.fusion-mode-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;padding:12px;border-radius:8px;background:#172033;color:#fff}.fusion-mode-card svg{color:#facc15}.fusion-mode-card strong,.fusion-mode-card small{display:block}.fusion-mode-card strong{font-size:.9rem}.fusion-mode-card small{margin-top:3px;color:#cbd5e1;font-size:.76rem;line-height:1.35}.object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.readout-list{display:grid;gap:10px}.readout-card{padding:12px;border:1px solid rgba(23,32,51,.08);border-radius:8px;background:#ffffffad;opacity:.56;transition:opacity .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.readout-card.enabled{border-color:color-mix(in srgb,var(--sensor-color) 58%,#ffffff);background:color-mix(in srgb,var(--sensor-color) 10%,#ffffff);box-shadow:inset 4px 0 0 var(--sensor-color);opacity:1}.readout-heading{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:7px}.readout-heading svg{color:var(--sensor-color)}.readout-heading span{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.readout-heading strong{color:#172033;font-size:.9rem}.readout-heading small{color:#64748b;font-size:.73rem;font-weight:760;text-align:right}.readout-card p{margin:0 0 9px;color:#334155;font-size:.82rem;line-height:1.38}.readout-chips{display:flex;flex-wrap:wrap;gap:6px}.readout-chips span{padding:4px 7px;border-radius:999px;background:#fff;color:#475569;font-size:.7rem;font-weight:780}.readout-card.enabled .readout-chips span{background:color-mix(in srgb,var(--sensor-color) 14%,#ffffff);color:#172033}.fusion-track-list{display:grid;gap:10px}.fusion-track{padding:12px;border:1px solid rgba(23,32,51,.08);border-radius:8px;background:#fff;box-shadow:inset 4px 0 #94a3b8}.fusion-track.risk-high{box-shadow:inset 4px 0 #ef4444}.fusion-track.risk-medium{box-shadow:inset 4px 0 #f59e0b}.fusion-track.risk-low{box-shadow:inset 4px 0 #22c55e}.fusion-track-head{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:7px}.fusion-track-head svg{color:#172033}.fusion-track-head strong,.fusion-track-head small{display:block}.fusion-track-head strong{color:#172033;font-size:.9rem}.fusion-track-head small{margin-top:2px;color:#64748b;font-size:.73rem;font-weight:760}.fusion-track-head em{padding:4px 7px;border-radius:999px;background:#eef2f7;color:#334155;font-size:.68rem;font-style:normal;font-weight:850}.fusion-track.risk-high .fusion-track-head em{background:#fee2e2;color:#991b1b}.fusion-track.risk-medium .fusion-track-head em{background:#fef3c7;color:#92400e}.fusion-track.risk-low .fusion-track-head em{background:#dcfce7;color:#166534}.fusion-track p{margin:0 0 9px;color:#334155;font-size:.82rem;line-height:1.38}.fusion-path-card{padding:12px;border:1px solid rgba(23,32,51,.08);border-radius:8px;background:#f8fafc}.fusion-path-card strong{display:block;margin-bottom:5px;color:#172033;font-size:.86rem}.fusion-path-card p{margin:0 0 10px;color:#475569;font-size:.8rem;line-height:1.38}.path-key{display:flex;flex-wrap:wrap;gap:8px}.path-key span{display:inline-flex;align-items:center;gap:6px;color:#334155;font-size:.72rem;font-weight:820}.path-key span:before{width:22px;height:4px;border-radius:999px;content:""}.path-key .planned:before{background:#f59e0b}.path-key .risk:before{background:#ef4444}.object-grid button{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff;color:#334155;font-size:.84rem;font-weight:760}.object-grid button.selected{border-color:#172033;background:#172033;color:#fff}.object-detail{margin-top:12px;padding:14px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff}.object-detail h2{margin:0;color:#0f172a;font-size:1rem}.object-detail p{margin:5px 0 12px;color:#64748b;font-size:.86rem}.seen-by{display:flex;flex-wrap:wrap;gap:6px}.seen-by span{padding:5px 8px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:.72rem;font-weight:780}.seen-by span.enabled{background:color-mix(in srgb,var(--sensor-color) 16%,#ffffff);color:#172033}.fusion-object-note{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:6px 8px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:.76rem;font-weight:800}.notes-list{display:grid;gap:10px}.notes-list article{padding:12px;border:1px solid rgba(23,32,51,.08);border-radius:8px;background:#ffffffb3;opacity:.58}.notes-list article.active{background:#fff;opacity:1}.notes-list strong{display:block;margin-bottom:5px;color:var(--sensor-color);font-size:.86rem}.notes-list p{margin:0 0 6px;color:#243244;font-size:.84rem;line-height:1.42}.notes-list small{color:#64748b;font-size:.76rem;line-height:1.35}.object-label,.detection-tag,.velocity-tag,.fusion-tag{white-space:nowrap;border-radius:999px;color:#0f172a;font-weight:850;pointer-events:none;-webkit-user-select:none;user-select:none}.object-label{padding:5px 9px;background:#facc15f0;box-shadow:0 8px 22px #1720332e;font-size:12px}.detection-tag{padding:4px 8px;border:1px solid var(--tag-color);background:#ffffffe0;color:#172033;font-size:11px}.velocity-tag{padding:4px 8px;background:#f59e0bf0;font-size:11px}.fusion-tag{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:6px;padding:5px 7px;background:#fffffff0;box-shadow:0 8px 22px #17203329;font-size:11px}.fusion-tag span{color:#475569;font-weight:800}.fusion-tag em{padding:2px 5px;border-radius:999px;font-style:normal;font-weight:900}.fusion-tag.risk-high em{background:#fee2e2;color:#991b1b}.fusion-tag.risk-med em{background:#fef3c7;color:#92400e}.fusion-tag.risk-low em{background:#dcfce7;color:#166534}@media(max-width:960px){body{overflow:auto}.app-shell{grid-template-columns:1fr}.scene-region{min-height:68vh}.control-panel{max-height:none;border-top:1px solid rgba(23,32,51,.1);border-left:0}.scene-topbar{left:16px;right:16px;top:16px;flex-direction:column}.empty-state-banner{top:132px;left:16px;right:16px;transform:none;max-width:none}.scene-legend{left:16px;right:16px;bottom:16px;max-width:none}}@media(max-width:620px){h1{font-size:2rem}.view-actions{width:100%;overflow-x:auto;padding-bottom:2px}.view-actions button{flex:0 0 auto}.object-grid{grid-template-columns:1fr}.readout-heading span{display:block}.readout-heading small{display:block;margin-top:2px;text-align:left}}