*{margin:0;padding:0;box-sizing:border-box}body{background:#0a1628;color:#e8edf2;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;height:100vh;width:100vw}#root{height:100vh;width:100vw;display:flex;flex-direction:column}.radar-loading-screen{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#000;color:#9febad;pointer-events:all;overflow:hidden}.radar-loading-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0000000a,#000000c2 62%,#000);opacity:1;pointer-events:none}.radar-loading-screen__scope{--radar-sweep-ms: 3.4s;position:relative;width:min(64vmin,520px);aspect-ratio:1;border-radius:999px;overflow:hidden;opacity:1;transform:none;background:radial-gradient(circle at 28% 18%,#86ff962e,#0000 38%),radial-gradient(circle at center,#06270f,#021108 58%,#010603);border:2px solid rgba(152,215,161,.75);box-shadow:inset 0 0 48px #000000e6,inset 0 0 120px #13572359,0 0 32px #47ba5b3d,0 0 4px #95fca58c}.radar-loading-screen__scan,.radar-loading-screen__grid,.radar-loading-screen__rings{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.radar-loading-screen__scan{inset:-16%;--wedge: 78deg;--lead: 1.2deg;--tail1: 18deg;--tail2: 44deg;background:conic-gradient(from 180deg,rgba(98,255,122,0) 0deg,rgba(98,255,122,.06) calc(var(--wedge) - var(--tail2)),rgba(98,255,122,.18) calc(var(--wedge) - var(--tail1)),rgba(98,255,122,.32) calc(var(--wedge) - (var(--lead) * 2)),rgba(98,255,122,.75) calc(var(--wedge) - var(--lead)),rgba(98,255,122,0) var(--wedge),rgba(98,255,122,0) 360deg);mix-blend-mode:screen;animation:radarSweep var(--radar-sweep-ms) linear infinite;will-change:transform;transform:translateZ(0);filter:blur(.4px)}.radar-loading-screen__grid{background:linear-gradient(#76ff9233,#76ff9233) center / 2px 100% no-repeat,linear-gradient(90deg,#76ff9233,#76ff9233) center / 100% 2px no-repeat,repeating-conic-gradient(from 0deg,#5fe67933 0deg .7deg,#5fe67900 .7deg 45deg);opacity:.65}.radar-loading-screen__rings{background:radial-gradient(circle,#83ff9c59 0 .9%,#83ff9c00 1.8%),repeating-radial-gradient(circle,#7aff9500 0 17.5%,#7aff956b 17.5% 18.2%,#7aff9500 18.2% 25%);opacity:.62}.radar-loading-screen__contacts{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.radar-loading-screen__contact{position:absolute;width:var(--contact-size);height:var(--contact-size);left:var(--contact-x);top:var(--contact-y);transform:translate(-50%,-50%) scale(.55);border-radius:999px;opacity:0;background:#a8ffb5e6;box-shadow:0 0 #97ffaa00;animation:radarContactEcho var(--radar-sweep-ms) linear infinite;animation-delay:var(--contact-delay)}.radar-loading-screen__contact:after{content:"";position:absolute;inset:-4px;border-radius:999px;border:1px solid rgba(168,255,181,.5);opacity:0;transform:scale(.6);animation:radarContactRing var(--radar-sweep-ms) linear infinite;animation-delay:var(--contact-delay)}.radar-loading-screen__center-dot{position:absolute;width:10px;height:10px;border-radius:999px;background:#d6ffe0;box-shadow:0 0 16px #81ff99d9;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-loading-screen__label{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(10px,1.5vmin,13px);color:#b1ffc0e0;text-shadow:0 0 12px rgba(111,244,134,.6)}.radar-loading-screen.is-dismissing{pointer-events:none;animation:radarScreenOut .26s linear forwards}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radarScreenOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes radarContactEcho{0%{opacity:0;transform:translate(-50%,-50%) scale(.55);box-shadow:0 0 #97ffaa00}1%{opacity:1;transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 16px #97ffaaf2}7%{opacity:.68;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 8px #97ffaa94}12%{opacity:0;transform:translate(-50%,-50%) scale(.55);box-shadow:0 0 #97ffaa00}to{opacity:0;transform:translate(-50%,-50%) scale(.55);box-shadow:0 0 #97ffaa00}}@keyframes radarContactRing{0%{opacity:0;transform:scale(.6)}2%{opacity:.72;transform:scale(.9)}10%{opacity:.4;transform:scale(1.9)}18%{opacity:0;transform:scale(2.3)}to{opacity:0;transform:scale(2.3)}}@media(prefers-reduced-motion:reduce){.radar-loading-screen:before,.radar-loading-screen__scope,.radar-loading-screen__scan,.radar-loading-screen__contact,.radar-loading-screen__contact:after,.radar-loading-screen.is-dismissing,.radar-loading-screen__label{animation:none}.radar-loading-screen__scope{opacity:1;transform:none}}.harbor-scene{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 25% 20%,#83b9d6,#5f95b5 35%,#2d5d7b)}.harbor-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.harbor-background{position:absolute;inset:0;background:linear-gradient(180deg,#1a2a40,#1a3a5c 30%,#1e4a6e,#1a4060 70%,#162e48)}.harbor-scene-overlay{position:absolute;left:16px;bottom:16px;z-index:12;padding:8px 12px;border-radius:8px;background:#0a1628b3;border:1px solid rgba(201,168,76,.25);color:#d9e3ec;font-size:12px;letter-spacing:.15px;pointer-events:none}.sky-controls{position:absolute;top:16px;right:16px;z-index:13;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sky-controls-toggle,.sky-controls-reset{border:1px solid rgba(201,168,76,.35);border-radius:8px;background:#081222d1;color:#d9e3ec;font-size:12px;letter-spacing:.2px;cursor:pointer}.sky-controls-toggle{padding:8px 10px}.sky-controls-panel{width:min(320px,calc(100vw - 32px));padding:10px 12px 12px;border-radius:10px;border:1px solid rgba(201,168,76,.28);background:#071220e6;box-shadow:0 14px 34px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sky-controls-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sky-controls-check{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#d9e3ec}.sky-controls-reset{padding:4px 8px}.sky-control-row{display:grid;grid-template-columns:78px 1fr 48px;align-items:center;gap:8px;margin-top:6px}.sky-control-row span{font-size:11px;color:#a8bccf}.sky-control-row input[type=range]{width:100%}.sky-control-row output{text-align:right;font-size:11px;color:#e8edf2;font-variant-numeric:tabular-nums}.sky-controls-note{margin-top:8px;font-size:10px;line-height:1.35;color:#8b9daa}.harbor-alert-glow{position:absolute;inset:0;z-index:11;pointer-events:none;box-shadow:inset 0 0 120px #b42a2073}.harbor-label-layer{position:absolute;inset:0;z-index:9;pointer-events:none}.harbor-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease-out;white-space:nowrap;text-shadow:0 0 1px rgba(7,17,30,.9),0 1px 3px rgba(7,17,30,.65);-webkit-text-stroke:.35px rgba(7,17,30,.35)}.harbor-label-water{color:#aad7e4e6;font-size:13px;font-style:italic;letter-spacing:1px;text-transform:uppercase}.harbor-label-landmark{color:#bce0ecf5;font-size:12px;font-weight:500;letter-spacing:.6px;font-variant-caps:small-caps;text-transform:lowercase}.harbor-label-emoji{font-size:28px;line-height:1;letter-spacing:0;-webkit-text-stroke:0;text-shadow:0 2px 6px rgba(5,12,24,.75)}.harbor-label-emoji-xl{font-size:72px;line-height:1;letter-spacing:0;-webkit-text-stroke:0;text-shadow:0 3px 10px rgba(5,12,24,.86),0 0 16px rgba(170,230,245,.35)}.wave-container{position:absolute;bottom:0;left:0;right:0;height:120px;pointer-events:none;z-index:2}.wave{position:absolute;bottom:0;left:-100%;width:300%;height:60px}.wave path{fill:currentColor}.wave-1{color:#1a3a5c4d;animation:waveScroll 20s linear infinite;bottom:40px}.wave-2{color:#1e4a6e66;animation:waveScroll 14s linear infinite;animation-delay:-3s;bottom:20px}.wave-3{color:#162e4880;animation:waveScroll 8s linear infinite;animation-delay:-1s;bottom:0}@keyframes waveScroll{0%{transform:translate(0)}to{transform:translate(33.33%)}}.ship-layer{position:absolute;inset:0;width:100%;height:100%;z-index:5}.ship-marker{transition:transform .15s ease-out}.ship-marker:hover circle{filter:brightness(1.4)}.ship-info-card{background:linear-gradient(180deg,#70a1b6d1,#5c90a8db 52%,#2c6683e6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(188,225,240,.24);border-radius:14px;padding:16px;min-width:260px;max-width:320px;max-height:calc(100% - 24px);overflow:auto;box-shadow:0 14px 36px #071f2f7a}.ship-info-overlay{position:absolute;inset:0;z-index:100;pointer-events:none}.ship-info-pointer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ship-info-pointer-shaft{fill:#38708ce6;stroke:#bfe5f46b;stroke-width:2;filter:drop-shadow(0 8px 16px rgba(8,35,52,.48))}.ship-info-header{display:flex;align-items:center;justify-content:space-between;border-left:3px solid;padding-left:8px;margin-bottom:8px}.ship-info-draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.ship-info-draggable:active{cursor:grabbing}.ship-category{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#e7f4fae6}.ship-info-close{background:none;border:none;color:#e6f3f9c7;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}.ship-info-close:hover{color:#f4fbff}.ship-name{font-size:18px;font-weight:600;margin-bottom:12px;color:#f1fbff}.ship-info-grid{display:flex;flex-direction:column;gap:6px}.ship-info-row{display:flex;justify-content:space-between;align-items:center}.ship-info-label{font-size:12px;color:#d8eef7db}.ship-info-value{font-size:13px;color:#f4fcff;font-weight:500}.ship-mmsi{margin-top:12px;padding-top:8px;border-top:1px solid rgba(190,226,240,.28);font-size:11px;color:#d4ecf6bf;font-family:monospace}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0a1628e6;border-bottom:1px solid rgba(201,168,76,.2);z-index:10}.status-title h1{font-size:20px;font-weight:600;letter-spacing:.5px;color:#e8edf2}.status-subtitle{font-size:12px;color:#8b9daa;margin-left:12px}.status-info{display:flex;align-items:center;gap:24px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:13px;color:#8b9daa}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot[style*="rgb(46, 160, 67)"]{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-ship-count{display:flex;align-items:baseline;gap:6px;font-size:13px;color:#8b9daa}.ship-count-number{font-size:20px;font-weight:600;color:#c9a84c}.conditions-strip{display:flex;align-items:stretch;gap:8px;padding:8px 16px;border-bottom:1px solid rgba(201,168,76,.2);background:#071220e6;overflow-x:auto}.condition-pill{min-width:140px;border-radius:10px;border:1px solid rgba(139,157,170,.25);padding:8px 10px;background:#14293fa8;display:flex;flex-direction:column;gap:4px}.condition-pill span{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8b9daa}.condition-pill strong{font-size:12px;color:#e8edf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.condition-pill.alert{border-color:#da363399;background:#5715178f}.integrations-panel{padding:10px 18px 12px;background:#0a1628d1;border-bottom:1px solid rgba(201,168,76,.15)}.integrations-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.integrations-header h2{font-size:14px;letter-spacing:.4px}.integrations-header span{font-size:12px;color:#8b9daa}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.integration-card{border:1px solid rgba(139,157,170,.2);background:#081222cc;border-radius:8px;padding:8px 10px;min-height:92px}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.integration-card h3{font-size:12px;line-height:1.2;color:#e8edf2}.integration-status{font-size:10px;text-transform:uppercase;border-radius:999px;padding:2px 6px;border:1px solid transparent}.integration-status.ok{color:#2ea043;border-color:#2ea04366}.integration-status.degraded{color:#e6a817;border-color:#e6a81766}.integration-status.error{color:#da3633;border-color:#da363366}.integration-status.skipped{color:#8b949e;border-color:#8b949e66}.integration-card dl{display:flex;flex-direction:column;gap:3px}.integration-metric{display:flex;justify-content:space-between;gap:6px;font-size:11px}.integration-metric dt{color:#8b9daa}.integration-metric dd{color:#e8edf2;text-align:right;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-message{margin-top:6px;font-size:10px;line-height:1.3;color:#8b9daa}.api-key-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:24px;padding:24px}.api-key-screen h1{font-size:36px;font-weight:600;letter-spacing:1px}.api-key-screen p{color:#8b9daa;max-width:480px;text-align:center;line-height:1.6}.api-key-screen a{color:#c9a84c}.api-key-form{display:flex;gap:12px;margin-top:12px}.api-key-form input{background:#1a3a5c80;border:1px solid rgba(201,168,76,.3);border-radius:6px;padding:10px 16px;color:#e8edf2;font-size:14px;width:340px;outline:none}.api-key-form input:focus{border-color:#c9a84c}.api-key-form button{background:#c9a84c;color:#0a1628;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer}.api-key-form button:hover{background:#d4b560}.lighting-controls{position:absolute;top:16px;left:16px;z-index:13;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.lighting-controls-panel{width:min(320px,calc(100vw - 32px));max-height:60vh;overflow-y:auto;padding:10px 12px 12px;border-radius:10px;border:1px solid rgba(201,168,76,.28);background:#071220e6;box-shadow:0 14px 34px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lighting-color-row{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px;margin-top:6px}.lighting-color-row span{font-size:11px;color:#a8bccf}.lighting-color-row input[type=color]{width:100%;height:24px;border:1px solid rgba(139,157,170,.3);border-radius:4px;background:transparent;cursor:pointer}.lighting-select-row{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px;margin-top:6px}.lighting-select-row span{font-size:11px;color:#a8bccf}.lighting-select-row select{width:100%;padding:3px 6px;font-size:11px;border:1px solid rgba(139,157,170,.3);border-radius:4px;background:#081222cc;color:#e8edf2}@media(max-width:720px){.sky-controls{top:12px;right:12px}.sky-controls-panel{width:min(290px,calc(100vw - 24px))}.sky-control-row{grid-template-columns:70px 1fr 44px;gap:6px}}