:root{color-scheme:dark;--ink: #ece2cd;--muted: #a89b85;--amber: #ffc27a;--white: #fff3dc;--teal: #6fd6c0;--red: #ff8168;--deep: #05070b;--panel: rgba(8, 10, 15, .93);--panel-solid: #0a0d13;--line: rgba(255, 200, 140, .2);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;font-family:var(--mono);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep)}body{color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}#app,#stage{position:fixed;inset:0;width:100%;height:100%}#stage{display:block;touch-action:none}#bloom{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(circle at 47% 40%,rgba(255,176,92,.34),rgba(255,130,40,.08) 30%,transparent 58%);transition:opacity .4s linear}#bloom.on{opacity:1}#grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.055;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,226,186,.16) 4px);mix-blend-mode:screen}#hud{position:fixed;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:9px 20px 10px;background:var(--panel);border-bottom:1px solid var(--line);backdrop-filter:blur(7px)}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.2em;font-size:11px;font-weight:700}.brand i{display:block;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff5dd,#ffc27a 44%,#8d3f0c);box-shadow:0 0 12px #ffb25c8c}.brand span{display:grid;gap:2px}.brand small{color:var(--muted);font:9px var(--mono);letter-spacing:.14em}#meters{display:flex;gap:14px;flex:1 1 auto;justify-content:center;flex-wrap:wrap}.meter{margin:0;display:grid;grid-template-columns:auto 62px;grid-template-rows:auto auto;gap:2px 8px;align-items:center}.meter span{font-size:8.5px;letter-spacing:.16em;color:var(--muted);grid-column:1}.meter i{grid-column:2;grid-row:1 / span 2;display:block;width:62px;height:7px;background:#ffffff17;border:1px solid var(--line);overflow:hidden}.meter b{display:block;height:100%;width:100%;background:var(--amber);transform-origin:left center;transition:transform .2s linear}.meter em{grid-column:1;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em}.meter[data-key=char] b{background:var(--red)}.meter[data-key=char] em.warn{color:var(--red)}.meter[data-key=spring] b{background:var(--teal)}.meter[data-key=clarity] b{background:#8fc4e8}.meter[data-key=coal] b{background:#cbb08a}.meter em.low{color:var(--red)}.hud-actions{display:flex;gap:7px}.hud-actions button,.title-buttons button:not(.primary),.modal-buttons button:not(.primary){border:1px solid var(--line);background:#0c0f15e6;padding:8px 10px;font-size:9.5px;letter-spacing:.12em;transition:background .15s,border-color .15s,color .15s}.hud-actions button:hover,.title-buttons button:hover,.modal-buttons button:hover{background:#ffc27a2e;border-color:var(--amber)}#watch-strip{position:fixed;z-index:7;top:62px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;padding:0 14px}#watch-line{margin:0;max-width:760px;width:100%;text-align:center;padding:8px 14px;background:var(--panel);border:1px solid var(--line);font-size:10.5px;letter-spacing:.11em;line-height:1.45}#watch-line.tone-good{color:var(--teal);border-color:#6fd6c066}#watch-line.tone-bad{color:var(--red);border-color:#ff81686b}#watch-line.tone-watch{color:var(--amber);border-color:#ffc27a66}#readouts{position:fixed;z-index:6;inset:118px 20px 196px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-content:start;gap:10px;pointer-events:none}#dial-figure{grid-column:1;grid-row:1 / span 2;justify-self:start;width:198px}#chart-figure{grid-column:3;grid-row:1;justify-self:end;width:336px}#tug-card{grid-column:3;grid-row:2;justify-self:end;width:336px}figcaption{font-size:8.5px;letter-spacing:.2em;color:var(--amber);padding:7px 10px 6px;background:var(--panel);border:1px solid var(--line);border-bottom:0}#dial{display:block;width:100%;height:auto;background:var(--panel);border:1px solid var(--line);border-top:0}#dial .face{fill:#ffffff08;stroke:var(--line);stroke-width:1}#dial .ring{fill:none;stroke:#ffc88c21;stroke-width:1}#dial .tick{stroke:#ece2cd57;stroke-width:1}#dial .tick.major{stroke:var(--ink);stroke-width:1.4}#dial .tick-label{fill:var(--muted);font:7px var(--mono);text-anchor:middle;dominant-baseline:middle}#dial-sector{fill:#ffc27a33;stroke:#ffc27ab8;stroke-width:1.1}#dial-beam{stroke:var(--white);stroke-width:1.3;opacity:.8}#dial .hub{fill:var(--amber);stroke:#0a0d13;stroke-width:1}#dial .ship{fill:none;stroke:var(--red);stroke-width:1.6}#dial .ship.found{stroke:var(--teal)}#dial .ship-idle{stroke:var(--muted);stroke-width:1.2}#dial-read{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 10px;background:var(--panel);border:1px solid var(--line);border-top:0;font-size:10px;letter-spacing:.1em}#dial-read b{font-size:15px;color:var(--white)}#dial-read span{color:var(--muted)}#chart{display:block;width:100%;height:auto;background:var(--panel);border:1px solid var(--line);border-top:0}#chart .ring{fill:none;stroke:#ffc88c24;stroke-width:1;stroke-dasharray:3 4}#chart-bank{fill:#241f16}#chart-shore{fill:none;stroke:#ece2cd6b;stroke-width:1.1}#chart-shoal{fill:#8caa7833;stroke:#a0c88c52;stroke-width:.8}#chart-sector{fill:#ffc27a29;stroke:#ffc27a8c;stroke-width:.8}#chart .ship{fill:var(--red)}#chart .ship.found{fill:var(--teal)}#chart .ship.idle{fill:var(--muted)}#chart .light-mark circle{fill:var(--amber)}#chart .light-mark path{stroke:var(--amber);stroke-width:1.2}.chart-key{margin:0;display:flex;gap:12px;padding:6px 10px;background:var(--panel);border:1px solid var(--line);border-top:0;font-size:8px;letter-spacing:.14em;color:var(--muted)}.chart-key span:last-child{margin-left:auto}#tug-card{background:var(--panel);border:1px solid var(--line);padding:10px 13px 11px;display:grid;gap:7px}#tug-card header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}#tug-name{font-size:13px;letter-spacing:.1em;color:var(--white)}#tug-mark{font-style:normal;font-size:10px;letter-spacing:.12em;color:var(--amber)}#tug-note{margin:0;font-size:10px;line-height:1.5;color:var(--muted)}.tug-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.tug-rows p{margin:0;display:grid;gap:2px;padding:6px 8px;background:var(--panel-solid)}.tug-rows span{font-size:7.5px;letter-spacing:.14em;color:var(--muted)}.tug-rows b{font-size:12px;color:var(--ink)}.tug-rows b.warn{color:var(--red)}.tug-rows b.ok{color:var(--teal)}.tug-bar{height:6px;background:#ffffff14;border:1px solid var(--line);overflow:hidden}.tug-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red),var(--amber));transform-origin:left center;transition:transform .2s linear}#tug-verdict{margin:0;font-size:9.5px;letter-spacing:.13em;color:var(--muted)}#tug-verdict.good{color:var(--teal)}#tug-verdict.warn{color:var(--red)}#controls{position:fixed;z-index:8;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:7px;padding:9px 20px max(11px,env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);backdrop-filter:blur(7px)}#station-row{display:flex;gap:6px}#station-row button{position:relative;flex:1 1 0;min-width:0;display:grid;gap:3px;justify-items:center;padding:7px 4px 6px;background:#0c0f15e6;border:1px solid var(--line);transition:background .14s,border-color .14s,color .14s}#station-row button b{font-size:10px;letter-spacing:.16em;font-weight:700}#station-row button small{font-size:7.5px;letter-spacing:.1em;color:var(--muted)}#station-row button.on{background:#ffc27a33;border-color:var(--amber);color:var(--white)}#station-row button.urgent{border-color:var(--red)}#station-row button.urgent b{color:var(--red)}.charge{display:block;width:100%;height:4px;background:#ffffff1a;overflow:hidden}.charge u{display:block;height:100%;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:left center}#action-row{display:flex;gap:6px}#action-row button{position:relative;flex:1 1 0;min-width:0;display:grid;gap:4px;justify-items:center;padding:9px 4px;background:#0c0f15e6;border:1px solid var(--line);font-size:9.5px;letter-spacing:.13em;transition:background .14s,border-color .14s}#action-row button:hover{background:#ffc27a29;border-color:var(--amber)}#action-row .work{flex:1.4 1 0;background:#ffc27a29;border-color:var(--amber);color:var(--white)}#action-row .work.held{background:#ffc27a61}#action-row .work span{font-size:11px;letter-spacing:.2em;font-weight:700}#action-row .work .charge{height:5px}#action-row .work .charge u{background:var(--amber)}#action-row .ghost.held{background:#6fd6c03d;border-color:var(--teal)}.screen{position:fixed;inset:0;z-index:12;display:flex;align-items:center;justify-content:flex-start;gap:26px;padding:24px 40px;overflow-y:auto;background:radial-gradient(circle at 78% 46%,#05090f24,#020408cc 70%)}.screen.centred{flex-direction:column;justify-content:center}.panel{background:var(--panel);border:1px solid var(--line);padding:22px 24px;backdrop-filter:blur(9px)}.eyebrow{margin:0 0 8px;font-size:9px;letter-spacing:.32em;color:var(--amber)}h1{margin:0 0 12px;font-family:var(--serif);font-size:clamp(34px,6.4vw,62px);line-height:.94;letter-spacing:.03em;font-weight:400;color:var(--white)}h1 span{color:var(--amber)}h2{margin:0 0 10px;font-family:var(--serif);font-size:clamp(20px,3.4vw,30px);font-weight:400;color:var(--white)}h3{margin:0 0 6px;font-size:9px;letter-spacing:.24em;color:var(--amber)}.lede{margin:0 0 14px;font-size:12px;line-height:1.66;color:var(--ink);max-width:56ch}.title-copy{max-width:620px}.title-controls{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:16px}.title-controls span{font-size:9.5px;letter-spacing:.1em;color:var(--muted)}kbd{display:inline-block;padding:2px 5px;margin-right:2px;font:9px var(--mono);background:#ffffff17;border:1px solid var(--line);color:var(--ink)}.title-buttons,.modal-buttons{display:flex;flex-wrap:wrap;gap:8px}button.primary{padding:12px 20px;background:var(--amber);border:1px solid var(--amber);color:#14100a;font-size:11px;letter-spacing:.2em;font-weight:700;transition:filter .15s,transform .15s}button.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.save{margin:12px 0 0;font-size:9.5px;letter-spacing:.12em;color:var(--muted)}.traffic-card{width:min(360px,100%);align-self:center}.traffic-card ol{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.traffic-card li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:7px 10px;background:var(--panel-solid)}.traffic-card li b{font-size:10.5px;letter-spacing:.09em;font-weight:400}.traffic-card li em{font-style:normal;font-size:9.5px;color:var(--amber);letter-spacing:.1em}.traffic-card li span{font-size:9px;color:var(--muted);letter-spacing:.1em}.foot{margin:0;font-size:9.5px;line-height:1.6;color:var(--muted)}.modal-card,.notes-card,.log-card{max-width:640px;width:100%}.modal-card p,.notes-card p{font-size:11.5px;line-height:1.6;color:var(--muted)}.notes-card dl{margin:4px 0 12px;display:grid;grid-template-columns:108px 1fr;gap:7px 14px}.notes-card dt{font-size:10px;letter-spacing:.14em;color:var(--amber)}.notes-card dd{margin:0;font-size:10.5px;line-height:1.55;color:var(--ink)}.notes-card .fine{border-top:1px solid var(--line);padding-top:10px}.log-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:12px}.log-stats p{margin:0;display:grid;gap:3px;padding:8px 9px;background:var(--panel-solid)}.log-stats span{font-size:7.5px;letter-spacing:.14em;color:var(--muted)}.log-stats b{font-size:14px;color:var(--white)}.grade-line{margin:0 0 14px;font-size:10.5px;letter-spacing:.14em;color:var(--muted)}.grade-line b{color:var(--amber)}.log-heading{border-top:1px solid var(--line);padding-top:10px}.log-list{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:3px;max-height:176px;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}.log-list li{display:grid;grid-template-columns:44px 1fr;gap:10px;font-size:10px;line-height:1.5;padding:4px 6px;background:#ffffff08}.log-list li time{color:var(--muted);font-size:9px}.log-list li.good span{color:var(--teal)}.log-list li.bad span{color:var(--red)}.log-list li.watch span{color:var(--amber)}@media(max-width:1120px){#centre{gap:8px}#chart-figure{width:min(300px,100%)}.log-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.screen{flex-direction:column;gap:14px;padding:16px;justify-content:flex-start}.title-copy,.traffic-card{max-width:100%;width:100%}.screen{padding:16px}.panel{padding:16px 16px 17px}}@media(max-width:860px){#hud{padding:7px 12px 8px;gap:8px 12px}.brand small{display:none}#meters{order:3;flex-basis:100%;gap:8px 12px;justify-content:space-between}.meter{grid-template-columns:auto 1fr;flex:1 1 0;min-width:0}.meter i{width:auto}.meter em{font-size:10px}.hud-actions button{padding:7px 8px;font-size:8.5px;letter-spacing:.08em}#watch-strip{top:92px;padding:0 10px}#watch-line{font-size:9.5px;padding:6px 10px}#readouts{inset:138px 10px 214px;gap:8px;grid-template-rows:auto 1fr}#dial-figure{width:104px}#dial-read{flex-direction:column;align-items:flex-start;gap:1px;padding:5px 7px}#dial-read b{font-size:13px}#dial-read span{font-size:8px}#chart-figure{width:132px}.chart-key{display:none}#tug-card{grid-column:1 / -1;grid-row:2;justify-self:stretch;align-self:end;padding:8px 10px 9px;gap:5px}#tug-name{font-size:11px}#tug-note{display:none}.tug-rows p{padding:4px 6px}.tug-rows b{font-size:10.5px}#tug-verdict{font-size:8.5px}.traffic-card{margin-top:auto}.title-copy h1{font-size:32px}.title-copy .lede{font-size:11px;line-height:1.55}.title-buttons #start{flex:1 1 100%}.traffic-card ol li{padding:6px 9px}.traffic-card .foot{font-size:9px}#controls{padding:8px 10px max(9px,env(safe-area-inset-bottom));gap:6px}#station-row{gap:4px}#station-row button{padding:6px 2px 5px}#station-row button b{font-size:8.5px;letter-spacing:.08em}#station-row button small{font-size:7px}#action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}#action-row button{padding:7px 2px;font-size:8.5px;letter-spacing:.06em}#action-row .work{grid-row:1;grid-column:2}#action-row .work span{font-size:10px}.log-stats{grid-template-columns:repeat(3,1fr)}.notes-card dl{grid-template-columns:1fr;gap:2px}.notes-card dt{margin-top:6px}}@media(max-width:430px){.log-stats{grid-template-columns:repeat(2,1fr)}.title-controls{gap:5px 10px}.title-buttons button,.modal-buttons button{flex:1 1 140px}.modal-buttons .primary{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}#grain{display:none}}