.mission-panel{color:#adc3cc;border:1px solid #28404d;margin-bottom:24px;padding:16px;font-size:14px}.mission-panel h2{margin-top:0;font-size:18px;font-weight:500}.mission-panel form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.mission-panel label{gap:6px;display:grid}.mission-panel input{color:#e0e9ed;min-height:44px;font:inherit;background:#142731;border:1px solid #41606e;border-radius:4px;width:150px;padding:10px}:root{color:#e0e9ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#091117;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}main{max-width:1120px;margin:0 auto;padding:72px 28px 28px}.eyebrow,footer,.map-caption{letter-spacing:.14em;font-family:monospace;font-size:11px}.eyebrow{color:#70b6b0}h1{letter-spacing:.08em;margin:18px 0 10px;font-size:clamp(30px,6vw,62px);font-weight:500}.subtitle{color:#94a7b3;margin:0 0 44px;font-size:18px}.map-panel{background:#0d1d27;border:1px solid #28404d;height:clamp(260px,48vh,520px);position:relative}.map-panel>.map{position:absolute;inset:0}.map-caption{color:#8daeb7;pointer-events:none;position:absolute;top:68px;left:18px}.map-status{color:#b2c5cd;position:absolute;top:16px;left:18px}footer{color:#78919e;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:20px;line-height:1.7;display:flex}@media (width<=600px){main{padding:40px 20px 24px}}.simulation-controls{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.simulation-controls [role=group]{gap:6px;display:flex}button{font:inherit;color:#dce8ed;cursor:pointer;background:#142731;border:1px solid #41606e;border-radius:4px;min-height:44px;padding:10px 16px}button:hover,button[aria-pressed=true]{background:#284b53;border-color:#70b6b0}button:focus-visible{outline-offset:3px;outline:2px solid #8fe0d5}.ship-controls{color:#adc3cc;margin-top:24px}.ship-controls h2{font-size:18px;font-weight:500}.ship-controls form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.ship-controls label{gap:6px;font-size:14px;display:grid}.ship-controls input{width:130px;min-height:44px;font:inherit;color:#e0e9ed;background:#142731;border:1px solid #41606e;border-radius:4px;padding:10px}.ship-controls input:focus-visible{outline-offset:3px;outline:2px solid #8fe0d5}.ship-marker{color:#8fe0d5;font-size:28px;line-height:1}.center-ship{font-size:12px;position:absolute;top:12px;left:12px}.map-coordinates{color:#c2d7dc;pointer-events:none;background:#0d1d27cc;font:10px monospace;position:absolute;bottom:29px;left:12px}.maplibregl-ctrl button{min-height:29px;padding:0}.maplibregl-ctrl-scale{color:#142731}.map-status{background:#091117ee;max-width:calc(100% - 36px);padding:8px;top:60px}.scenario-controls{color:#adc3cc;margin-bottom:24px;font-size:14px}.scenario-controls label{gap:8px;max-width:350px;display:grid}.scenario-controls select{font:inherit;color:#e0e9ed;background:#142731;border:1px solid #41606e;border-radius:4px;min-height:44px;padding:10px}.scenario-controls select:focus-visible{outline-offset:3px;outline:2px solid #8fe0d5}.sonar-panel{color:#adc3cc;margin-top:28px;font-size:14px;overflow-x:auto}.sonar-panel h2{font-size:18px;font-weight:500}.sonar-panel table{border-collapse:collapse;width:100%}.sonar-panel th,.sonar-panel td{text-align:left;border-bottom:1px solid #28404d;padding:10px 6px}.sonar-panel caption{text-align:left;margin-bottom:8px}.contact-analysis{color:#adc3cc;margin:24px 0;font-size:14px}.contact-analysis h2{font-size:18px;font-weight:500}.contact-analysis label{gap:6px;max-width:100%;margin:0 12px 12px 0;display:inline-grid}.contact-analysis select{font:inherit;color:#e0e9ed;background:#142731;border:1px solid #41606e;max-width:100%;min-height:44px;padding:8px}.contact-analysis button{margin:0 8px 8px 0}.contact-analysis ul{max-height:180px;padding-left:20px;overflow-y:auto}button:disabled{opacity:.5;cursor:default}.ship-controls fieldset{border:0;flex-wrap:wrap;align-items:end;gap:12px;margin:0;padding:0;display:flex}