.explorer{background:var(--canvas);color:var(--fg);border:1px solid var(--border);border-radius:6px;flex-direction:column;height:100%;min-height:0;font-family:Roboto,sans-serif;display:flex;overflow:hidden}.explorer *{box-sizing:border-box}.explorer-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--canvas) 95%, transparent);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 32px;display:flex}.explorer .logo{align-items:baseline;gap:10px;display:flex}.explorer .logo-ff{color:var(--fg-strong);font-family:Playfair Display,serif;font-size:22px;font-weight:900}.explorer .logo-twin{color:var(--orange);font-family:Playfair Display,serif;font-size:22px;font-weight:700}.explorer .logo-sep{background:var(--border-strong);width:1px;height:18px;margin:0 4px}.explorer .header-title{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11px}.explorer .phase-badge{letter-spacing:1px;text-transform:uppercase;background:color-mix(in srgb, var(--orange) 15%, transparent);color:var(--orange);border:1px solid color-mix(in srgb, var(--orange) 30%, transparent);border-radius:3px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px}.explorer-main{flex:1;min-height:0;display:flex;overflow:hidden}.explorer .drone-panel{background:var(--canvas);border-right:1px solid var(--border);flex-direction:column;flex:0 0 55%;min-height:0;display:flex;overflow:hidden}.explorer .vehicle-switcher{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:9px 18px;display:flex}.explorer .vehicle-label{color:var(--muted);letter-spacing:2px;text-transform:uppercase;white-space:nowrap;margin-right:4px;font-family:JetBrains Mono,monospace;font-size:9px}.explorer .vehicle-btn{border:1px solid var(--border);background:color-mix(in srgb, var(--fg-strong) 3%, transparent);color:var(--muted);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;border-radius:3px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:9.5px;transition:all .15s}.explorer .vehicle-btn:hover{border-color:var(--border-strong);color:color-mix(in srgb, var(--fg-strong) 80%, transparent);background:color-mix(in srgb, var(--fg-strong) 6%, transparent)}.explorer .vehicle-btn.active{background:color-mix(in srgb, var(--orange) 15%, transparent);border-color:color-mix(in srgb, var(--orange) 50%, transparent);color:var(--orange)}.explorer .views-column{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.explorer .vehicle-views{flex-direction:column;flex:1;min-height:0;display:flex}.explorer .vehicle-views.hidden{display:none}.explorer .view-segment{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:6px 14px 4px;display:flex;position:relative;overflow:hidden}.explorer .view-segment.top-view{border-bottom:1px solid var(--border)}.explorer .view-label{color:color-mix(in srgb, var(--muted) 40%, transparent);letter-spacing:1.5px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;top:6px;left:14px}.explorer .svg-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.explorer .svg-wrap svg{cursor:pointer;width:100%;max-width:100%;height:100%;max-height:100%}.explorer-tooltip{background:color-mix(in srgb, var(--canvas) 96%, transparent);border:1px solid color-mix(in srgb, var(--orange) 50%, transparent);color:var(--orange);letter-spacing:1px;text-transform:uppercase;pointer-events:none;opacity:0;z-index:100;white-space:nowrap;border-radius:3px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;transition:opacity .1s;position:fixed}.explorer-tooltip.visible{opacity:1}.explorer .prop-circle{fill:color-mix(in srgb, var(--blue) 6%, transparent);stroke:color-mix(in srgb, var(--blue) 20%, transparent);stroke-width:1px;stroke-dasharray:5 4;transition:all .25s}.explorer .prop-blade{stroke:color-mix(in srgb, var(--blue) 25%, transparent);stroke-width:1.5px;stroke-linecap:round;transition:all .25s}.explorer .motor-ring{fill:var(--surface-3);stroke:color-mix(in srgb, var(--blue) 40%, transparent);stroke-width:1.5px;transition:all .25s}.explorer .motor-inner{fill:var(--hull-deep);stroke:color-mix(in srgb, var(--blue) 25%, transparent);stroke-width:1px;transition:all .25s}.explorer .arm-path{stroke:var(--hull);stroke-width:15px;stroke-linecap:round;fill:none;transition:all .25s}.explorer .arm-center{stroke:color-mix(in srgb, var(--blue) 10%, transparent);stroke-width:1px;stroke-linecap:round;fill:none;transition:all .25s}.explorer .body-rect{fill:var(--hull);stroke:color-mix(in srgb, var(--blue) 35%, transparent);stroke-width:1.5px;transition:all .25s}.explorer .battery-rect{fill:var(--surface);stroke:color-mix(in srgb, var(--muted) 50%, transparent);stroke-width:1px;transition:all .25s}.explorer .battery-fill{fill:color-mix(in srgb, var(--muted) 20%, transparent);transition:all .25s}.explorer .fc-rect{fill:var(--canvas);stroke:color-mix(in srgb, var(--orange) 40%, transparent);stroke-width:1px;transition:all .25s}.explorer .fc-dot{fill:color-mix(in srgb, var(--orange) 50%, transparent);transition:all .25s}.explorer .esc-rect{fill:var(--surface);stroke:color-mix(in srgb, var(--muted) 35%, transparent);stroke-width:.8px;transition:all .25s}.explorer .cargo-rect{fill:color-mix(in srgb, var(--blue) 4%, transparent);stroke:color-mix(in srgb, var(--muted) 30%, transparent);stroke-width:1px;stroke-dasharray:3 3;transition:all .25s}.explorer .flow-arrow{stroke:var(--orange);stroke-width:1.2px;fill:none;opacity:0;transition:opacity .3s}.explorer .flow-arrow-head{fill:var(--orange);opacity:0;transition:opacity .3s}.explorer .p-prop{fill:color-mix(in srgb, var(--blue) 6%, transparent);stroke:color-mix(in srgb, var(--blue) 22%, transparent);stroke-width:1px;stroke-dasharray:4 3;transition:all .25s}.explorer .p-motor{fill:var(--surface-3);stroke:color-mix(in srgb, var(--blue) 40%, transparent);stroke-width:1.5px;transition:all .25s}.explorer .p-arm{stroke:var(--hull);stroke-linecap:round;fill:none;transition:all .25s}.explorer .p-body{fill:var(--hull);stroke:color-mix(in srgb, var(--blue) 35%, transparent);stroke-width:1.5px;transition:all .25s}.explorer .p-battery{fill:var(--surface);stroke:color-mix(in srgb, var(--muted) 50%, transparent);stroke-width:1px;transition:all .25s}.explorer .p-fc{fill:var(--canvas);stroke:color-mix(in srgb, var(--orange) 40%, transparent);stroke-width:1px;transition:all .25s}.explorer .p-fc-dot{fill:color-mix(in srgb, var(--orange) 50%, transparent);transition:all .25s}.explorer .p-esc{fill:var(--surface);stroke:color-mix(in srgb, var(--muted) 35%, transparent);stroke-width:.8px;transition:all .25s}.explorer .p-cargo{fill:color-mix(in srgb, var(--blue) 4%, transparent);stroke:color-mix(in srgb, var(--muted) 28%, transparent);stroke-width:1px;stroke-dasharray:3 3;transition:all .25s}.explorer .p-inflow,.explorer .p-inflow-arrow{opacity:0;transition:opacity .4s}.explorer .vtol-wing{fill:var(--hull);stroke:color-mix(in srgb, var(--blue) 30%, transparent);stroke-width:1px;transition:all .25s}.explorer .rkt-body{fill:var(--hull);stroke:color-mix(in srgb, var(--blue) 35%, transparent);stroke-width:1.5px;transition:all .25s}.explorer .rkt-nose{fill:var(--hull);stroke:color-mix(in srgb, var(--blue) 30%, transparent);stroke-width:1.2px;transition:all .25s}.explorer .rkt-nozzle{fill:var(--hull-deep);stroke:color-mix(in srgb, var(--muted) 40%, transparent);stroke-width:1px;transition:all .25s}.explorer .rkt-fin{fill:var(--hull-deep);stroke:color-mix(in srgb, var(--blue) 28%, transparent);stroke-width:1px;transition:all .25s}.explorer .active-propellers .prop-circle{fill:color-mix(in srgb, var(--orange) 12%, transparent);stroke:var(--orange);stroke-dasharray:none;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-propellers .prop-blade{stroke:var(--orange)}.explorer .active-motors .motor-ring{fill:color-mix(in srgb, var(--orange) 20%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--orange) 60%, transparent))}.explorer .active-motors .motor-inner{fill:color-mix(in srgb, var(--orange) 10%, transparent)}.explorer .active-arms .arm-path{stroke:var(--orange);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-arms .arm-center{stroke:color-mix(in srgb, var(--orange) 30%, transparent)}.explorer .active-body .body-rect{fill:color-mix(in srgb, var(--orange) 15%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-battery .battery-rect{stroke:var(--orange);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-battery .battery-fill{fill:color-mix(in srgb, var(--orange) 20%, transparent)}.explorer .active-fc .fc-rect{fill:color-mix(in srgb, var(--orange) 15%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--orange) 60%, transparent))}.explorer .active-fc .fc-dot{fill:var(--orange)}.explorer .active-esc .esc-rect{fill:color-mix(in srgb, var(--orange) 12%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-cargo .cargo-rect{fill:color-mix(in srgb, var(--orange) 10%, transparent);stroke:var(--orange);stroke-dasharray:none;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-interactions .prop-circle{stroke:var(--orange);stroke-dasharray:none;fill:color-mix(in srgb, var(--orange) 6%, transparent)}.explorer .active-interactions .flow-arrow,.explorer .active-interactions .flow-arrow-head{opacity:1}.explorer .active-interactions .arm-path{stroke:var(--surface-3)}.explorer .active-overview .prop-circle{fill:color-mix(in srgb, var(--blue) 12%, transparent);stroke:var(--blue);stroke-dasharray:none}.explorer .active-overview .motor-ring{stroke:var(--blue);fill:color-mix(in srgb, var(--blue) 15%, transparent)}.explorer .active-overview .body-rect{fill:color-mix(in srgb, var(--blue) 10%, transparent);stroke:var(--blue)}.explorer .active-overview .arm-path{stroke:var(--hull)}.explorer .active-propellers .p-prop{fill:color-mix(in srgb, var(--orange) 15%, transparent);stroke:var(--orange);stroke-dasharray:none;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-motors .p-motor{fill:color-mix(in srgb, var(--orange) 20%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-arms .p-arm{stroke:var(--orange);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-body .p-body{fill:color-mix(in srgb, var(--orange) 14%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-battery .p-battery{stroke:var(--orange);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-fc .p-fc{fill:color-mix(in srgb, var(--orange) 14%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-fc .p-fc-dot{fill:var(--orange)}.explorer .active-esc .p-esc{fill:color-mix(in srgb, var(--orange) 12%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-cargo .p-cargo{fill:color-mix(in srgb, var(--orange) 10%, transparent);stroke:var(--orange);stroke-dasharray:none}.explorer .active-interactions .p-inflow,.explorer .active-interactions .p-inflow-arrow{opacity:1}.explorer .active-arms .vtol-wing{fill:color-mix(in srgb, var(--orange) 12%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--orange) 30%, transparent))}.explorer .active-motors .rkt-nozzle{fill:color-mix(in srgb, var(--orange) 18%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--orange) 50%, transparent))}.explorer .active-arms .rkt-fin{fill:color-mix(in srgb, var(--orange) 14%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 3px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-body .rkt-body{fill:color-mix(in srgb, var(--orange) 14%, transparent);stroke:var(--orange);filter:drop-shadow(0 0 5px color-mix(in srgb, var(--orange) 40%, transparent))}.explorer .active-body .rkt-nose{fill:color-mix(in srgb, var(--orange) 10%, transparent);stroke:var(--orange)}.explorer .active-overview .p-body{fill:color-mix(in srgb, var(--blue) 10%, transparent);stroke:var(--blue)}.explorer .active-overview .p-arm{stroke:var(--hull)}.explorer .active-overview .vtol-wing{fill:color-mix(in srgb, var(--blue) 8%, transparent);stroke:var(--blue)}@keyframes explorerSpinProp{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.explorer .active-propellers .prop-spin,.explorer .active-interactions .prop-spin{animation:2s linear infinite explorerSpinProp}.explorer .active-propellers .prop-spin-r,.explorer .active-interactions .prop-spin-r{animation:2s linear infinite reverse explorerSpinProp}@media (prefers-reduced-motion:reduce){.explorer .prop-spin,.explorer .prop-spin-r{animation:none!important}}.explorer .info-panel{background:var(--surface);flex-direction:column;flex:0 0 45%;display:flex;overflow:hidden}.explorer .comp-selector{border-bottom:1px solid var(--border);flex-shrink:0;padding:13px 16px 11px}.explorer .selector-label{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:9px;font-family:JetBrains Mono,monospace;font-size:9px}.explorer .selector-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.explorer .comp-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--fg-strong) 3%, transparent);color:var(--muted);cursor:pointer;text-align:center;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:7px 5px;font-family:JetBrains Mono,monospace;font-size:9px;transition:all .15s;overflow:hidden}.explorer .comp-pill:hover:not(.faded){border-color:var(--border-strong);color:color-mix(in srgb, var(--fg-strong) 80%, transparent);background:color-mix(in srgb, var(--fg-strong) 6%, transparent)}.explorer .comp-pill.active{background:color-mix(in srgb, var(--orange) 15%, transparent);border-color:color-mix(in srgb, var(--orange) 50%, transparent);color:var(--orange)}.explorer .comp-pill.overview-pill{background:color-mix(in srgb, var(--blue) 6%, transparent);border-color:color-mix(in srgb, var(--blue) 20%, transparent);color:var(--blue);grid-column:span 3}.explorer .comp-pill.overview-pill.active{background:color-mix(in srgb, var(--blue) 18%, transparent);border-color:var(--blue)}.explorer .comp-pill.faded{opacity:.28;cursor:default;text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 30%, transparent)}.explorer .info-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:18px;overflow-y:auto}.explorer .info-content::-webkit-scrollbar{width:4px}.explorer .info-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.explorer .comp-info{animation:.2s explorerFadeIn}@keyframes explorerFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.explorer .comp-name{color:var(--orange);margin-bottom:6px;font-family:Playfair Display,serif;font-size:25px;font-weight:900;line-height:1.1}.explorer .comp-stat{color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, transparent);border:1px solid color-mix(in srgb, var(--orange) 30%, transparent);letter-spacing:.5px;border-radius:3px;margin-bottom:5px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.explorer .comp-subtitle{color:var(--muted);letter-spacing:.5px;margin-top:3px;font-size:12px}.explorer .info-divider{background:var(--border);height:1px;margin:14px 0}.explorer .info-section{border-radius:6px;margin-bottom:11px;padding:13px 15px}.explorer .info-section.challenge{background:color-mix(in srgb, var(--orange) 6%, transparent);border:1px solid color-mix(in srgb, var(--orange) 18%, transparent);border-left:3px solid color-mix(in srgb, var(--orange) 50%, transparent)}.explorer .info-section.solution{background:color-mix(in srgb, var(--blue) 6%, transparent);border:1px solid color-mix(in srgb, var(--blue) 15%, transparent);border-left:3px solid color-mix(in srgb, var(--blue) 50%, transparent)}.explorer .info-section-label{letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.explorer .challenge .info-section-label{color:color-mix(in srgb, var(--orange) 70%, transparent)}.explorer .solution .info-section-label{color:color-mix(in srgb, var(--blue) 70%, transparent)}.explorer .section-text{color:color-mix(in srgb, var(--fg-strong) 80%, transparent);font-size:13px;line-height:1.65}.explorer .na-banner{background:color-mix(in srgb, var(--muted) 8%, transparent);border:1px solid color-mix(in srgb, var(--muted) 20%, transparent);text-align:center;color:var(--muted);letter-spacing:.5px;border-radius:6px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12px}.explorer .play-bar{border-top:1px solid var(--border);background:color-mix(in srgb, var(--canvas) 50%, transparent);flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;display:flex}.explorer .play-btn{border:1px solid color-mix(in srgb, var(--orange) 40%, transparent);background:color-mix(in srgb, var(--orange) 10%, transparent);color:var(--orange);cursor:pointer;letter-spacing:1px;text-transform:uppercase;border-radius:3px;align-items:center;gap:6px;padding:6px 13px;font-family:JetBrains Mono,monospace;font-size:9.5px;transition:all .15s;display:flex}.explorer .play-btn:hover{background:color-mix(in srgb, var(--orange) 20%, transparent)}.explorer .play-btn.playing{background:color-mix(in srgb, var(--blue) 15%, transparent);border-color:color-mix(in srgb, var(--blue) 40%, transparent);color:var(--blue)}.explorer .play-status{color:var(--muted);letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:9px}.explorer-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--canvas) 80%, transparent);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;padding:8px 32px;display:flex}.explorer .footer-text{color:var(--muted);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:10px}.explorer .footer-pub{color:color-mix(in srgb, var(--muted) 50%, transparent);font-family:JetBrains Mono,monospace;font-size:10px}@media (max-width:767px){.explorer{height:auto;min-height:0;overflow:visible}.explorer-main{flex-direction:column;min-height:0;overflow:visible}.explorer .drone-panel{border-right:none;border-bottom:1px solid var(--border);flex:none;height:340px;min-height:0}.explorer .info-panel{flex:auto;min-height:0;overflow:visible}.explorer .info-content{flex:none;overflow-y:visible}.explorer .vehicle-switcher{justify-content:center}.explorer .vehicle-label{font-size:10px}.explorer .vehicle-btn{min-height:40px;padding:9px 14px;font-size:11px}.explorer .view-label{font-size:10px}.explorer .comp-pill{min-height:40px;padding:10px 6px;font-size:10px}.explorer .play-btn{min-height:40px;padding:9px 15px;font-size:11px}}