:root{color-scheme:dark;--bg:#0a1720;--panel:#10232e;--line:#2a414b;--ink:#e5e6d2;--muted:#8aabb0;--gold:#f1c779;--green:#a9d5b2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Consolas,'Courier New',monospace;font-size:14px}main{max-width:1220px;margin:auto;padding:35px 34px 15px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow,.panel-label,.status,footer{font-size:11px;letter-spacing:1.4px}.eyebrow{color:var(--gold)}h1{font-family:Georgia,serif;font-weight:normal;font-size:46px;margin:9px 0 0;letter-spacing:-1px}.cursor{color:var(--gold);animation:blink 1.4s steps(2) infinite}button{font:inherit;cursor:pointer;color:var(--ink);border:1px solid #45616b;background:#183540;padding:13px 17px;transition:background .15s}button:hover{background:#2b4c57}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.5;cursor:default}.quiet{background:none;border:0;color:var(--muted);padding:10px}.quiet:hover{background:#17303d;color:var(--ink)}kbd{font:11px Consolas,monospace;border:1px solid #668087;padding:2px 5px;margin-left:6px;color:var(--gold)}.layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart,.console{border:1px solid var(--line);background:var(--panel);min-width:0}.panel-label{height:45px;border-bottom:1px solid var(--line);padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.chart svg{display:block;width:100%;background:#102732}.land{fill:#29464c;stroke:#57716c;stroke-width:1.5;stroke-linejoin:round}.map-text{fill:#c3cabb;font-size:11px;letter-spacing:1px}.map-text .continent{font-size:16px;fill:#91a59a;letter-spacing:5px}.map-text .ocean{fill:#64858e;letter-spacing:3px}.ports-text{font-size:9px}.ports{fill:var(--gold)}#route{fill:none;stroke:#d0b16c;stroke-width:1.5;stroke-dasharray:4 6;opacity:.7}#map-ship circle{fill:#f1c77922;stroke:#f1c77977}#map-ship path{fill:#ffe2a1}.compass{stroke:#6f9396;fill:#284952}.compass text{stroke:none;fill:#8aabb0;font-size:11px}.map-footnote{font-size:9px;fill:#6f9396}.route-footer{border-top:1px solid var(--line);padding:16px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--gold);letter-spacing:1px}.console{display:flex;flex-direction:column}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.stat{padding:16px 18px;border-right:1px solid var(--line)}.stat:nth-child(3n){border:0}.stat:nth-child(-n+3){border-bottom:1px solid var(--line)}.stat-label{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-bottom:8px}.stat-value{font-size:23px;color:var(--ink)}.stat-value.low{color:#ef9586}.stat-unit{font-size:10px;margin-left:7px;color:#6f9396}.scene{height:155px;flex-shrink:0;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(#142d3b 65%,#1a3e4a 65%)}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000012 3px,#00000012 4px)}.scene svg{height:100%;width:100%}.event{padding:23px 23px 5px;min-height:145px;flex:1}.event .eyebrow{font-size:10px}.event h2{font:normal 26px Georgia,serif;line-height:1.2;margin:10px 0 13px}.event p{font-size:13px;line-height:1.7;color:#b9cccc;margin:9px 0}.controls{padding:15px 23px 23px;display:flex;flex-wrap:wrap;gap:10px}.controls button.primary{background:var(--gold);color:#192a2f;border-color:var(--gold)}.controls button.primary:hover{background:#ffe0a4}.controls button kbd{color:inherit;border-color:currentColor;opacity:.7}.status{font-size:9px;color:#78969c;padding:13px 19px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.status-dot{height:5px;width:5px;border-radius:50%;background:var(--green)}footer{display:flex;justify-content:space-between;align-items:center;color:#66858c;font-size:9px;letter-spacing:1px;padding-top:14px}.dot{margin:0 8px}dialog{max-width:620px;width:calc(100% - 32px);border:1px solid #658187;background:#102732;color:var(--ink);padding:30px;line-height:1.8}dialog::backdrop{background:#030d14d9}dialog h2{font:30px Georgia,serif;clear:both}.close{float:right}dialog p{font-size:14px}.muted{color:var(--muted);font-size:12px}.run-form{width:100%;display:flex;gap:8px}.run-form input{min-width:0;width:100%;background:#081b23;color:var(--gold);border:1px solid #627e82;padding:12px;font:20px Consolas,monospace;text-transform:uppercase}.timer-track{width:100%;height:4px;background:#29444d}.timer-fill{height:100%;background:var(--gold);width:100%}.scene-caption{position:absolute;top:12px;left:16px;color:var(--gold);font-size:10px;letter-spacing:1px}.whale{position:absolute;font-size:34px;bottom:16px;left:0;width:56px;color:#bad6d7;text-align:center}.harpoon-line{position:absolute;left:50%;height:100%;border-left:1px dashed #f1c77999}.harpoon-line:before{content:'▼';position:absolute;top:25px;left:-6px;color:var(--gold)}@keyframes bob{50%{transform:translateY(3px)}}@keyframes blink{50%{opacity:0}}.bob{animation:bob 2s ease-in-out infinite}@media(max-width:850px){main{padding:23px 16px}.layout{grid-template-columns:1fr}.chart svg{max-height:420px}.chart{order:2}h1{font-size:36px}header .quiet{font-size:11px}.scene{height:150px}.event{min-height:160px}footer{align-items:flex-start;gap:10px;line-height:1.8}.stat{padding:14px}.route-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}