:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#123746;background:#dcebf1;font-synthesis:none;--ink:#123746;--muted:#607b88;--glass:rgba(248,252,253,.87);--line:rgba(52,86,102,.14);--shadow:0 12px 45px #234a5c17;--accent:#175c69}*{box-sizing:border-box}body{margin:0;overflow:hidden;transition:background 2s,color 1s}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d99445;outline-offset:3px}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-underline-offset:3px}[hidden]{display:none!important}#world,#scene,#labels{position:fixed;inset:0;width:100%;height:100%}#scene{touch-action:none;outline:none}#labels{pointer-events:none;overflow:hidden}.map-label{position:absolute;left:0;top:0;white-space:nowrap;text-shadow:0 1px 3px #102f45b0;will-change:transform;font-size:12px;letter-spacing:.02em;color:white;font-weight:650;transform-origin:center;pointer-events:none}.map-label.water{font-size:11px;letter-spacing:.2em;font-weight:400;font-style:italic;opacity:.8}.map-label.country{font-size:12px;letter-spacing:.23em;font-weight:500}.map-label.city:before{content:'';display:inline-block;width:4px;height:4px;border:1px solid #fff;border-radius:50%;margin:0 5px 2px 0;background:#e7b76e}.brand{position:fixed;top:34px;left:38px;pointer-events:none;z-index:2}.eyebrow,.small-caps{font-size:10px;letter-spacing:.19em;font-weight:650}.eyebrow{color:var(--muted);margin-bottom:9px}.brand h1{font-size:clamp(27px,3.15vw,48px);line-height:1.06;margin:0;font-weight:750;letter-spacing:-.055em}.brand h1 span{color:#ab7950}.brand p{font-size:13px;letter-spacing:.04em;margin:10px 0 0;color:var(--muted)}.glass{background:var(--glass);border:1px solid #ffffff80;border-radius:19px;box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.top-tools{position:fixed;right:30px;top:32px;display:flex;align-items:center;gap:10px;z-index:3}.status-pill{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.02em;background:var(--glass);padding:11px 16px;border-radius:30px;border:1px solid #ffffff66}.status-pill i{width:6px;height:6px;border-radius:50%;background:#c28c50;box-shadow:0 0 0 4px #c28c5017}.status-pill.live i{background:#4b8973;box-shadow:0 0 0 4px #4b897317}.icon-button{height:35px;width:35px;border:1px solid var(--line);border-radius:50%;font-family:Georgia,serif;font-style:italic;background:var(--glass)}.toolbar{position:fixed;right:30px;top:88px;padding:7px 9px 3px;width:306px;z-index:4}.segmented{display:flex;gap:3px;background:#64819110;border-radius:12px;padding:3px}.segmented button{flex:1;padding:8px 9px;border-radius:9px;font-size:11px;font-weight:600;color:var(--muted)}.segmented button.active{background:var(--ink);color:#fff;box-shadow:0 3px 9px #142e3b1b}.toolbar-line{display:flex;align-items:center;justify-content:space-between;gap:3px;height:44px}.tool{display:flex;align-items:center;gap:5px;font-size:12px;padding:6px}.tool b{font-weight:500;background:#6c8a951a;padding:2px 5px;border-radius:5px;font-size:10px}.separator{width:1px;height:19px;background:var(--line);flex:none}.select-label{display:flex;align-items:center;gap:4px;font-size:17px}.select-label select{border:0;outline:none;background:transparent;color:var(--ink);font-size:11px;max-width:119px;cursor:pointer}select option{color:#123746;background:#fff}.list-panel{position:fixed;right:30px;top:194px;width:306px;max-height:calc(100dvh - 275px);z-index:5;overflow:hidden;display:flex;flex-direction:column;padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}h2{letter-spacing:-.035em}.panel-heading h2{font-size:17px;margin:0}.close{font-size:24px;line-height:1;padding:4px 8px;color:var(--muted);border-radius:8px}.search{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:8px 10px;border-radius:9px}.search input{font-size:11px;width:100%;border:0;background:transparent;outline:none;color:var(--ink)}.filter-row{display:flex;gap:5px;margin:12px 0 6px}.filter-row button{padding:6px 8px;border-radius:7px;font-size:10px;color:var(--muted)}.filter-row .active{background:#42899119;color:var(--ink)}#vessel-results{overflow:auto;min-height:80px}.vessel-row{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:11px 3px;border-top:1px solid var(--line);gap:8px}.vessel-row strong{display:block;font-size:11px;font-weight:650;letter-spacing:.02em}.vessel-row small{font-size:10px;display:block;color:var(--muted);margin-top:4px}.vessel-row>span:last-child{font-size:11px;white-space:nowrap}.vessel-row:hover{background:#b8d5d429}.empty{font-size:12px;line-height:1.7;color:var(--muted);padding:16px 0}.welcome{position:fixed;left:30px;bottom:88px;padding:23px;width:285px;z-index:3}.welcome .small-caps{color:var(--muted);font-size:9px}.welcome h2{font-size:23px;margin:12px 0 9px;line-height:1.1}.welcome p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 17px}.primary{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--ink);color:white;border-radius:10px;padding:11px 15px;font-size:11px;font-weight:550;width:100%}.primary:hover{filter:brightness(1.18)}.weather-status{font-size:9px;color:var(--muted);margin-top:14px;line-height:1.5}.vessel-card{position:fixed;left:30px;bottom:88px;width:310px;z-index:4;overflow:hidden}.vessel-card>.close{position:absolute;top:8px;right:8px;z-index:1}.vessel-visual{height:130px;background:linear-gradient(145deg,#cde6ed66,#e8f3ed0a);position:relative}.vessel-visual canvas{height:100%;width:100%;display:block}.vessel-visual .small-caps{position:absolute;bottom:11px;left:20px;font-size:8px;color:var(--muted)}.vessel-content{padding:16px 21px 19px}.card-kicker{font-size:8px;letter-spacing:.13em;color:var(--muted)}.vessel-content h2{font-size:23px;margin:7px 0 5px}.vessel-content>p{font-size:11px;margin:0 0 15px;color:var(--muted);overflow-wrap:anywhere}dl{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:9px 20px}dl>div{min-width:0}dt{font-size:9px;color:var(--muted);margin-bottom:3px}dd{margin:0;font-size:12px;font-weight:550}.age{font-size:9px;color:var(--muted);margin:12px 0}.port-details{font-size:10px;line-height:1.6;margin-top:10px;color:var(--muted)}.bottom-dock{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:6px 9px;border-radius:40px;gap:5px;z-index:3}.bottom-dock button{width:34px;height:34px;font-size:22px;border-radius:50%}.bottom-dock button:hover,.bottom-dock button[aria-pressed=true]{background:#408b921c}.dock-hint{font-size:11px;padding-right:12px}.time-label{position:fixed;left:36px;bottom:31px;display:flex;gap:10px;align-items:center;font-size:10px;color:var(--muted)}#world-clock{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}footer{position:fixed;right:30px;bottom:23px;max-width:280px;text-align:right;font-size:9px;line-height:1.65;color:var(--muted);z-index:2}footer a{font-weight:650}.scene-notice{position:fixed;left:50%;bottom:94px;transform:translateX(-50%);font-size:10px;padding:10px 16px;background:var(--glass);border-radius:25px;text-align:center;max-width:340px;z-index:4}#loader{position:fixed;inset:0;background:#dcebf1;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s}#loader.done{opacity:0;pointer-events:none}#loader h2{font-size:28px;letter-spacing:-.04em;margin:22px 0 8px}#loader p{font-size:12px;color:#607b88}.loader-orbit{height:74px;width:74px;border:1px solid #a7cbd5;border-radius:50%;display:grid;place-items:center;position:relative}.loader-orbit:after{content:'';position:absolute;inset:-7px;border:1px solid transparent;border-top-color:#317381;border-radius:50%;animation:spin 2s linear infinite}.loader-orbit span{font-size:38px;color:#317381}@keyframes spin{to{transform:rotate(360deg)}}dialog{background:var(--glass);color:var(--ink);border:1px solid var(--line);border-radius:23px;max-width:550px;width:calc(100% - 30px);max-height:85dvh;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(24px)}dialog::backdrop{background:#17313e55;backdrop-filter:blur(5px)}dialog>.close{position:absolute;right:14px;top:14px}dialog h2{font-size:28px;line-height:1.15;margin:15px 0 20px}dialog h3{font-size:14px;margin-top:25px}dialog p,dialog li{font-size:12px;line-height:1.8}dialog li{margin-bottom:7px}dialog ul{padding-left:17px}dialog .muted{font-size:10px;color:var(--muted)}.fatal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(370px,90%);padding:25px;z-index:30}.fatal p{font-size:13px;line-height:1.6}body.night{--ink:#e8f2f7;--muted:#9ab1c3;--glass:rgba(14,33,52,.86);--line:rgba(168,195,212,.18);--shadow:0 12px 45px #0003;background:#091827}.night .glass{border-color:#adc6d32c}.night .segmented button.active,.night .primary{background:#d9e8ed;color:#123746}.night .vessel-visual{background:linear-gradient(145deg,#265c7833,transparent)}.night .brand h1 span{color:#e5b16c}.night .status-pill i{background:#77b6a0}.night .map-label{text-shadow:0 1px 5px #000}.night .select-label select{color:#e8f2f7}@media(max-width:760px){.brand{left:20px;top:22px}.brand h1{font-size:29px}.brand .eyebrow{font-size:8px;margin-bottom:7px}.brand p{font-size:11px;margin-top:6px}.top-tools{right:16px;top:22px}.status-pill{padding:9px 11px;font-size:9px}.toolbar{right:16px;top:113px;width:260px}.toolbar-line{height:40px}.tool{font-size:11px}.select-label select{font-size:10px;max-width:110px}.list-panel{right:16px;top:211px;width:280px;max-height:calc(100dvh - 300px)}.welcome{left:16px;bottom:110px;width:230px;padding:18px}.welcome h2{font-size:20px}.welcome p{font-size:11px}.welcome .weather-status{font-size:8px}.vessel-card{left:16px;bottom:110px;width:265px}.vessel-visual{height:100px}.vessel-content{padding:13px 17px 16px}.vessel-content h2{font-size:20px}.bottom-dock{bottom:54px}.time-label{left:18px;bottom:20px;font-size:9px}footer{right:17px;bottom:15px;font-size:8px;max-width:220px}.map-label{font-size:10px}.map-label.water{font-size:9px}.scene-notice{bottom:112px;left:auto;right:16px;transform:none;width:180px;font-size:9px}}@media(max-width:480px){.status-pill span{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand h1{font-size:27px}.brand{top:19px;left:17px}.brand .eyebrow{font-size:7px}.top-tools{top:22px;gap:6px}.icon-button{width:28px;height:28px}.toolbar{top:102px;right:14px;width:250px}.toolbar .segmented button{padding:7px}.welcome{bottom:110px;width:214px}.welcome h2{font-size:18px}.welcome p{font-size:10px}.vessel-card{width:242px;bottom:105px}.vessel-visual{height:85px}.vessel-content h2{font-size:18px}.vessel-content{padding:11px 15px 13px}.vessel-content dl{gap:7px}.port-details{font-size:9px}.vessel-content .primary{padding:9px 12px}.list-panel{top:197px;right:14px;width:270px}.time-label #light-label{display:none}.dock-hint{font-size:10px;padding-right:3px}.bottom-dock{gap:1px;padding:5px 7px}.bottom-dock button{width:29px;height:29px}.scene-notice{right:12px;bottom:155px;width:120px;padding:9px}.map-label.country,.map-label.water{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader-orbit:after{animation:none}}
.brand{isolation:isolate}.brand:before{content:'';position:absolute;inset:-22px -28px;z-index:-1;background:radial-gradient(ellipse at 35% 40%,#dcebf1e6 0%,#dcebf180 48%,transparent 74%);pointer-events:none}.night .brand:before{background:radial-gradient(ellipse at 35% 40%,#091827dd 0%,#09182770 48%,transparent 74%)}footer{text-shadow:0 1px 5px #dcebf1}.night footer{text-shadow:0 1px 5px #091827}
@media(max-width:480px){.top-tools{top:83px;left:18px;right:16px;justify-content:space-between}.status-pill{padding:7px 11px}.status-pill span{max-width:250px}.toolbar{top:125px;left:14px;right:14px;width:auto;padding:6px 8px 2px}.toolbar-line{justify-content:space-around}.list-panel{top:223px;left:14px;right:14px;width:auto;max-height:calc(100dvh - 305px)}.welcome{left:14px;right:14px;width:auto;bottom:104px;padding:14px 16px;display:grid;grid-template-columns:1fr 115px;column-gap:14px;align-items:center}.welcome .small-caps{font-size:7px}.welcome h2{font-size:17px;margin:6px 0}.welcome p{display:none}.welcome .primary{grid-column:2;grid-row:1 / span 2;padding:10px;font-size:10px;gap:5px}.welcome .weather-status{grid-column:1 / -1;font-size:8px;margin-top:8px}.scene-notice{bottom:220px;width:auto;left:14px;right:14px;font-size:8px;padding:6px 10px}.vessel-card{width:calc(100% - 28px);left:14px;bottom:102px;display:grid;grid-template-columns:95px 1fr}.vessel-visual{height:155px;align-self:center}.vessel-visual .small-caps{font-size:6px;left:8px}.vessel-content{padding:13px 17px 13px 8px}.vessel-content h2{font-size:19px}.vessel-content>p{margin-bottom:10px;font-size:10px}.vessel-content dt{font-size:8px}.vessel-content dd{font-size:10px}.vessel-card>.close{top:3px;right:3px}.vessel-content .age{font-size:8px}.vessel-content .port-details{font-size:8px}.vessel-visual canvas{object-fit:contain}.time-label{bottom:17px}footer{max-width:250px}}
body{min-height:100dvh;color:var(--ink);background:#dcebf1}body.night{background:#091827}body.sunset{background:#e3d4ca;--glass:rgba(251,243,231,.88)}.sunset .brand:before{background:radial-gradient(ellipse at 35% 40%,#e3d4cae6 0%,#e3d4ca70 48%,transparent 74%)}

/* Illustrated map, version 2. */
#scene{cursor:grab}#scene.dragging{cursor:grabbing}.dock-symbol{font-size:22px;padding:0 8px}.map-label.city{background:#1534489c;border:1px solid #e2f5ff1f;border-radius:6px;padding:3px 6px;font-size:11px;box-shadow:0 2px 6px #0002;backdrop-filter:blur(5px)}.map-label.city:before{display:none}.map-label.water{color:#e2f6ff}.map-label.country{text-shadow:0 2px 5px #000;font-weight:600}.brand:before{background:radial-gradient(ellipse at 35% 40%,#d5edfaee 0%,#d5edfa90 48%,transparent 74%)}@media(max-width:480px){.map-label.city{font-size:9px;padding:2px 4px}.map-label.country{display:none}}