@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@500;600&display=swap");:root{--paper:#141821;--paper2:#1e2530;--ink:#dee4ed;--ink-soft:#8b94a3;--hairline:rgba(180,196,222,.16);--accent:#cf6f53;--live:#5fb4a4;--panel-bg:rgba(24,30,40,.9);--panel-border:rgba(180,196,222,.2);--grid:rgba(180,196,222,.05);--shadow:rgba(0,0,0,.55);--font-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--font-serif:"IBM Plex Serif",Georgia,"Times New Roman",serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--paper);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);color:var(--ink)}main{width:100vw;height:100vh;height:100dvh}@keyframes panelIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes drawerIn{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}@keyframes eq{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}@keyframes blip{0%,to{opacity:1}50%{opacity:.25}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:rgba(92,80,58,.28);border-radius:7px}::-webkit-scrollbar-track{background:transparent}.stage{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-sans)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;z-index:1}.globe-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grain-overlay{inset:0;z-index:3;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.grain-overlay,.hud-header{position:absolute;pointer-events:none}.hud-header{top:0;left:0;right:0;padding:24px 32px;display:flex;justify-content:space-between;align-items:flex-start;z-index:20}.brand{display:flex;gap:14px;align-items:center;pointer-events:auto}.brand__title{font-family:var(--font-serif);font-weight:600;font-size:21px;letter-spacing:.01em;line-height:1.1;color:var(--ink)}.brand__sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px;white-space:nowrap}.hud-stats{display:flex;gap:34px;align-items:flex-start;pointer-events:auto}.stat{text-align:right}.stat__num{font-weight:500;font-size:26px;line-height:1;letter-spacing:.01em;color:var(--ink)}.stat__lbl,.stat__num{font-family:var(--font-mono)}.stat__lbl{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-top:5px}.clock-wrap{text-align:right;padding-top:3px}.clock{font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;color:var(--ink-soft)}.rail{position:absolute;left:24px;top:120px;display:flex;flex-direction:column;gap:11px;z-index:25}.rail-btn{width:46px;height:46px;border-radius:9px;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;position:relative;color:var(--ink)}.rail-btn.is-active:after{content:"";position:absolute;inset:-1px;border:1.5px solid var(--accent);border-radius:10px;pointer-events:none}.panel{position:absolute;left:84px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 14px 40px var(--shadow);z-index:24;animation:panelIn .22s ease}.panel--legend,.panel--waves{width:248px;padding:16px 17px}.panel--music{width:268px;padding:15px 16px}.panel__title{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);padding-bottom:10px;border-bottom:1px solid var(--hairline);margin-bottom:8px}.legend-row{display:flex;align-items:center;gap:11px;padding:7px 0}.legend-dot{width:9px;height:9px;border-radius:50%;flex:none}.legend-label{flex:1 1;font-size:14px;color:var(--ink)}.legend-count{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}.waves-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.waves-title{font-size:14px;font-weight:600;color:var(--ink)}.waves-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--ink-soft);margin-top:3px}.toggle{width:44px;height:24px;border-radius:999px;border:1px solid var(--panel-border);background:var(--paper2);position:relative;cursor:pointer;flex:none;padding:0}.toggle.is-on:before{content:"";position:absolute;inset:0;border-radius:999px;background:var(--accent);opacity:.85}.toggle__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--paper);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease;z-index:2}.toggle.is-on .toggle__knob{transform:translateX(20px)}.waves-scale{margin-top:13px}.waves-scale__bar{height:8px;border-radius:5px;border:1px solid var(--hairline)}.waves-scale__labels{display:flex;justify-content:space-between;margin-top:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--ink-soft)}.music-row{display:flex;align-items:center;gap:12px}.play-btn{width:44px;height:44px;border-radius:8px;border:1px solid var(--panel-border);background:linear-gradient(150deg,var(--accent),var(--live));display:grid;place-items:center;cursor:pointer;flex:none}.music-meta{flex:1 1;min-width:0}.music-titlerow{display:flex;align-items:center;gap:8px}.music-title{font-size:14px;font-weight:600;color:var(--ink)}.live-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--accent);border-radius:4px;padding:1px 5px}.live-chip__dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blip 1.4s ease infinite}.live-chip__txt{font-size:8.5px;letter-spacing:.14em;color:var(--accent)}.live-chip__txt,.music-sub{font-family:var(--font-mono)}.music-sub{font-size:10.5px;color:var(--ink-soft);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eq{display:flex;align-items:flex-end;gap:2px;height:18px;flex:none}.eq span{width:2.5px;height:100%;transform-origin:bottom;animation:eq .9s ease infinite}.eq span:first-child{background:var(--accent);animation-delay:0s}.eq span:nth-child(2){background:var(--live);animation-delay:.25s}.eq span:nth-child(3){background:var(--accent);animation-delay:.1s}.eq span:nth-child(4){background:var(--live);animation-delay:.4s}.music-progress{margin-top:13px;display:flex;align-items:center;gap:9px}.music-progress__icon{display:inline-flex;color:var(--ink-soft);flex:none}.progress-track{flex:1 1;height:3px;border-radius:3px;background:var(--hairline);position:relative}.progress-fill{left:0;top:0;bottom:0;border-radius:3px}.progress-fill,.progress-knob{position:absolute;background:var(--accent);pointer-events:none}.progress-knob{top:50%;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%)}.progress-range{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:18px;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.progress-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px}.progress-range::-moz-range-thumb{width:18px;height:18px;border:none;background:transparent}.daynight{position:absolute;left:24px;bottom:22px;z-index:25}.daynight-btn{width:46px;height:46px;border-radius:9px;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;color:var(--ink)}.hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-soft);letter-spacing:.03em;z-index:14;pointer-events:none;white-space:nowrap}.hint__sep{opacity:.5}.drawer{position:absolute;top:0;right:0;height:100%;width:392px;max-width:100vw;z-index:30;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:1px solid var(--panel-border);box-shadow:-18px 0 50px var(--shadow);animation:drawerIn .26s ease;overflow-x:hidden;overflow-y:auto}.drawer__accent{height:2px;background:var(--accent)}.drawer__body{padding:26px 28px 30px}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head__left{display:flex;align-items:center;gap:12px}.type-chip{border:1px solid var(--accent);border-radius:5px;padding:3px 9px;color:var(--accent)}.live-badge,.type-chip{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.live-badge{display:inline-flex;align-items:center;gap:6px;color:var(--live);white-space:nowrap}.live-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--live);animation:blip 1.6s ease infinite}.sim-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.close-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--panel-border);background:var(--paper2);cursor:pointer;display:grid;place-items:center;color:var(--ink-soft)}.vessel-name{font-family:var(--font-serif);font-weight:600;font-size:26px;line-height:1.12;margin-top:18px;letter-spacing:.005em;overflow-wrap:break-word;color:var(--ink)}.flag-row{display:flex;gap:8px;margin-top:9px;font-size:14px;color:var(--ink-soft)}.flag,.flag-row{align-items:center}.flag{width:18px;height:13px;border-radius:2px;background:var(--paper2);border:1px solid var(--panel-border);flex:none;display:inline-flex;justify-content:center;font-size:11px;line-height:1;overflow:hidden}.divider{height:1px;background:var(--hairline);margin:22px 0}.tiles{display:flex;gap:14px}.tile{flex:1 1;border:1px solid var(--panel-border);border-radius:12px;padding:16px 16px 14px;background:var(--paper2)}.tile__num{font-weight:500;font-size:38px;line-height:1;color:var(--ink)}.tile__lbl,.tile__num{font-family:var(--font-mono)}.tile__lbl{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px}.tile--compass{padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.compass{width:62px;height:62px;border-radius:50%;border:1px solid var(--panel-border);position:relative}.compass__n{position:absolute;top:2px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:8px;color:var(--ink-soft)}.compass__needle-wrap{position:absolute;left:50%;top:50%;width:0;height:0}.compass__needle{position:absolute;left:-1px;top:-21px;width:2px;height:23px;background:linear-gradient(var(--accent) 52%,var(--ink-soft) 52%);border-radius:2px}.compass__hub{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%)}.heading-label{font-family:var(--font-mono);font-size:12px;color:var(--ink)}.attr-rows{gap:13px}.attr-rows,.id-rows{display:flex;flex-direction:column}.id-rows{gap:11px}.attr-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.attr-label{font-size:13.5px;color:var(--ink-soft)}.attr-value{font-size:13.5px;color:var(--ink);text-align:right}.attr-value.mono{font-family:var(--font-mono);font-size:13px;white-space:nowrap}.attr-row--id .attr-label,.attr-row--id .attr-value,.attr-row--id .attr-value.mono{font-size:12.5px}.drawer-foot{text-align:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-soft);margin-top:26px}.tooltip{position:absolute;display:none;flex-direction:column;gap:2px;z-index:40;pointer-events:none;padding:7px 11px;border-radius:7px;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 22px var(--shadow)}.tooltip__name{font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:var(--ink)}.tooltip__meta{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.swell-label{position:absolute;display:none;flex-direction:column;gap:1px;z-index:39;pointer-events:none;padding:6px 10px;border-radius:7px;border:1px solid var(--panel-border);background:var(--panel-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 22px var(--shadow)}.swell-label__val{font-family:var(--font-mono);font-weight:500;font-size:15px;letter-spacing:.02em;color:var(--ink)}.swell-label__cap{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.loading{position:absolute;inset:0;display:grid;place-items:center;z-index:50;background:var(--paper);pointer-events:none}.loading__text{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft)}@keyframes sheetIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.hud-header{padding:14px 16px}.brand__sub{display:none}.brand__title{font-size:18px}.rail{left:12px;top:76px;gap:9px}.rail-btn{width:44px;height:44px}.panel{left:64px;right:12px}.panel--legend,.panel--music,.panel--waves{width:auto;max-width:320px}.drawer{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:80vh;max-height:80dvh;border-left:none;border-top:1px solid var(--panel-border);border-radius:16px 16px 0 0;box-shadow:0 -18px 50px var(--shadow);animation:sheetIn .26s ease;overscroll-behavior:contain}.drawer__body{padding:18px 18px 26px}.vessel-name{font-size:23px;margin-top:14px}.hint{gap:10px;font-size:10px;bottom:14px}.hint .hint--desktop{display:none}}.hint--touch{display:none}@media (max-width:720px){.hint--touch{display:inline}}