:root{--ink:#f1ead9;--ink-dim:#f1ead99e;--panel:#1218169e;--panel-edge:#f1ead929;--brass:#d8b25c;--green:#7fb069;--red:#d4674f}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none;background:#0b0f0e;margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}canvas#scene{touch-action:none;width:100%;height:100%;display:block}.hidden{display:none!important}.overlay{z-index:40;touch-action:pan-y;background:radial-gradient(circle at 50% 35%,#2c3b34,#0e1512 70%);transition:opacity .6s;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay.gone{opacity:0;pointer-events:none}.boot-card{text-align:center;max-width:34rem;margin:auto;padding:2.5rem 3rem}.boot-card h1{letter-spacing:.04em;color:#f3e2b8;text-shadow:0 3px #00000073,0 0 34px #d8b25c47;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,9vw,5.5rem)}.tagline{color:var(--ink-dim);margin:.2rem 0 2rem;font-size:1.05rem;font-style:italic}.boot-status{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);min-height:1.2rem;font-size:.85rem}.boot-status.boot-error{letter-spacing:.02em;text-transform:none;color:var(--red)}#cast-off{letter-spacing:.16em;text-transform:uppercase;color:#16201c;cursor:pointer;background:linear-gradient(#e8d9a8,#c9ac6a);border:0;border-radius:3px;margin-top:1.4rem;padding:.85rem 2.6rem;font-size:1rem;transition:transform .15s,filter .15s}#cast-off:disabled{filter:grayscale(.7)brightness(.6);cursor:default}#cast-off:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.routes{gap:.5rem;max-width:26rem;margin:1.8rem auto 0;display:grid}.route-option{text-align:left;font:inherit;color:var(--ink);border:1px solid var(--panel-edge);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border-left:3px solid #0000;border-radius:4px;gap:.15rem;padding:.6rem .9rem;transition:background .15s,border-color .15s;display:grid}.route-option:hover{background:#ffffff17}.route-option.selected{border-left-color:var(--brass);background:#d8b25c1f}.route-name{color:var(--brass);font-family:Georgia,Times New Roman,serif;font-size:1rem}.route-blurb{color:var(--ink-dim);font-size:.8rem}.route-stats{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:.72rem}.paint-shop{justify-items:center;gap:.8rem;margin:1.6rem auto 1.8rem;display:grid}.boat-name{width:min(14rem,70vw);font:inherit;text-align:center;color:var(--brass);border:1px solid var(--panel-edge);background:#ffffff0f;border-radius:3px;padding:.4rem .8rem;font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.boat-name:focus{border-color:var(--brass);outline:none}.swatches{gap:.55rem;display:flex}.swatch{width:2.4rem;height:2.4rem;box-shadow:0 0 0 1px var(--panel-edge);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:999px;padding:0;transition:transform .15s,border-color .15s}.swatch:hover{transform:translateY(-2px)}.swatch.selected{border-color:var(--brass);transform:translateY(-2px)}.boot-keys{color:var(--ink-dim);gap:.45rem;margin-top:2.4rem;font-size:.85rem;display:grid}.boot-keys-touch,body.touch .boot-keys-desktop{display:none}body.touch .boot-keys-touch{display:grid}kbd{min-width:1.5rem;font:inherit;text-align:center;color:var(--ink);background:#ffffff14;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:4px;margin:0 .1rem;padding:.1rem .35rem;font-size:.78rem;display:inline-block}@media (max-height:620px) and (min-width:700px){.boot-card{grid-template-columns:1.1fr 1fr;grid-template-areas:"title paint""routes paint""routes status""routes cast";align-content:center;gap:0 1.8rem;max-width:46rem;padding:1rem 2rem;display:grid}.boot-card h1{grid-area:title;font-size:clamp(1.8rem,5vh,2.6rem)}.tagline{display:none}.routes{grid-area:routes;margin:.6rem 0 0}.paint-shop{grid-area:paint;align-content:start;margin:.6rem 0 0}.boot-status{grid-area:status}#cast-off{grid-area:cast;justify-self:center;margin-top:.6rem}body.touch .boot-keys-touch,.boot-keys{display:none}}@media (max-height:620px){.boot-card{padding:1.2rem 2rem}.boot-card h1{font-size:clamp(2rem,6vh,3rem)}.tagline{margin-bottom:.8rem;font-size:.9rem}.routes{gap:.35rem;margin-top:.9rem}.route-option{padding:.4rem .8rem}.route-blurb{display:none}.paint-shop{gap:.5rem;margin:.9rem auto 1rem}.boot-keys{margin-top:1rem}#cast-off{margin-top:.9rem;padding:.6rem 2rem}}#hud{pointer-events:none;z-index:20;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:6px;padding:.7rem .9rem;position:absolute}#hud-top-left{min-width:11rem;top:1rem;left:1rem}.readout{align-items:baseline;gap:.4rem;display:flex}.big{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:600;line-height:1}.unit{color:var(--ink-dim);font-size:.9rem}.sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-top:.35rem;font-size:.72rem}#gear[data-state=ahead]{color:var(--green)}#gear[data-state=astern]{color:var(--red)}.rev-counter{background:#ffffff1f;border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.rev-fill{background:linear-gradient(90deg, var(--brass), #e6c98a);width:0;height:100%;transition:width .1s linear}#hud-top-right{text-align:center;padding:.6rem;top:1rem;right:1rem}#minimap{width:230px;height:230px;display:block}#hud-bottom{gap:.5rem;width:min(30rem,70vw);display:grid;bottom:1rem;left:50%;transform:translate(-50%)}.control-row{grid-template-columns:5rem 1fr;align-items:center;gap:.7rem;display:grid}.label{letter-spacing:.16em;color:var(--ink-dim);font-size:.66rem}.bar{background:#ffffff17;border-radius:5px;height:10px;position:relative;overflow:hidden}.bar-zero{background:#ffffff59;width:1px;position:absolute;top:0;bottom:0;left:50%}.bar-fill{background:var(--green);width:0;transition:width .12s,left .12s;position:absolute;top:0;bottom:0;left:50%}.bar-fill[data-astern=true]{background:var(--red)}.tiller .bar-fill{background:var(--brass)}#compass{letter-spacing:.18em;font-variant-numeric:tabular-nums;padding:.35rem .9rem;font-size:.8rem;top:1rem;left:50%;transform:translate(-50%)}#toasts{justify-items:center;gap:.4rem;display:grid;position:absolute;bottom:7.5rem;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--panel-edge);border-left:3px solid var(--brass);background:#121816cc;border-radius:4px;padding:.5rem 1.1rem;font-size:.86rem;transition:opacity .5s;animation:.35s rise}.toast.fading{opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}#prompt{letter-spacing:.05em;color:var(--ink);border:1px solid var(--panel-edge);background:#121816b8;border-radius:999px;padding:.4rem 1rem;font-size:.82rem;animation:.25s rise;position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.progress{background:#ffffff24;border-radius:2px;height:3px;margin:.5rem 0 .35rem;overflow:hidden}.progress-fill{background:var(--brass);width:0;height:100%;transition:width .4s linear}#lock-panel{min-width:15rem;font-size:.8rem;top:50%;left:1rem;transform:translateY(-50%)}.lock-title{color:var(--brass);margin-bottom:.3rem;font-family:Georgia,serif;font-size:1.1rem}.lock-line{color:var(--ink-dim);font-variant-numeric:tabular-nums;line-height:1.5}.lock-msg{border-top:1px solid var(--panel-edge);color:var(--ink);margin-top:.5rem;padding-top:.4rem}.lock-gauge{border:1px solid var(--panel-edge);background:#00000059;align-items:flex-end;width:14px;height:58px;display:flex;position:absolute;top:.7rem;right:.7rem}.lock-gauge div{background:linear-gradient(#4d7f9a,#2f5468);width:100%;transition:height .2s linear}#logbook{pointer-events:auto;text-align:left;width:min(28rem,88vw);padding:1.6rem 1.8rem;animation:.4s rise;top:50%;left:50%;transform:translate(-50%,-50%)}#logbook h2{color:var(--brass);margin:0 0 1rem;font-family:Georgia,serif;font-size:1.35rem}.logbook-row{color:var(--ink-dim);border-bottom:1px solid #f1ead917;justify-content:space-between;gap:1rem;padding:.34rem 0;font-size:.88rem;display:flex}.logbook-row strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.logbook-marks{gap:.25rem;margin-top:.9rem;display:grid}.logbook-mark{color:var(--ink-dim);font-size:.82rem}.logbook-mark.met{color:var(--green)}.logbook-verdict{color:var(--ink-dim);margin:.9rem 0 0;font-size:.86rem;font-style:italic}#logbook-close{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:#16201c;cursor:pointer;background:linear-gradient(#e8d9a8,#c9ac6a);border:0;border-radius:3px;margin-top:1.3rem;padding:.55rem 1.6rem;font-size:.82rem}#bindings{width:14.6rem;padding:.6rem .7rem;font-size:.74rem;bottom:6.5rem;right:1rem}.bindings-row{grid-template-columns:3.2rem 1fr;align-items:baseline;gap:.45rem;padding:.16rem 0;display:grid}.bindings-row kbd{white-space:nowrap;text-align:center;min-width:0;margin:0;padding:.08rem .25rem;font-size:.68rem}.bindings-row span{color:var(--ink-dim);line-height:1.25}#pause{pointer-events:auto;text-align:center;background:#0e1311ed;width:min(24rem,88vw);padding:1.6rem 1.8rem;animation:.25s rise;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #060a098c}#pause h2{color:var(--brass);margin:0 0 .5rem;font-family:Georgia,serif;font-size:1.35rem}.pause-note{color:var(--ink-dim);margin:0 0 1.2rem;font-size:.84rem}.pause-buttons{gap:.5rem;display:grid}.pause-buttons button{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:#16201c;cursor:pointer;background:linear-gradient(#e8d9a8,#c9ac6a);border:0;border-radius:3px;padding:.55rem 1.4rem;font-size:.82rem;transition:filter .15s}.pause-buttons button:hover{filter:brightness(1.08)}.pause-buttons button#pause-save,.pause-buttons button#pause-load{color:var(--ink);border:1px solid var(--panel-edge);background:#ffffff17}.pause-hint{color:var(--ink-dim);margin:1rem 0 0;font-size:.76rem}#help{pointer-events:auto;touch-action:pan-y;width:min(40rem,88vw);max-height:84vh;font-size:.88rem;line-height:1.55;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#help h2{color:var(--brass);margin:.2rem 0 .6rem;font-family:Georgia,serif;font-size:1.1rem}#help h2:not(:first-child){margin-top:1.4rem}#help table{border-collapse:collapse;width:100%}#help td{vertical-align:top;padding:.22rem .4rem .22rem 0}#help td:first-child{white-space:nowrap;width:8.5rem}#help ul{color:var(--ink-dim);margin:0;padding-left:1.1rem}.help-note{color:var(--ink-dim);margin:.6rem 0 0;font-size:.82rem;font-style:italic}#help li{margin-bottom:.35rem}body.touch #hud-bottom,body.touch #bindings,body.touch #prompt{display:none}body.touch #minimap{width:76px;height:76px}#touch-controls{display:none}body.touch:not(.paused) #touch-controls{display:contents}.touch-joystick,.touch-throttle,.touch-utility{pointer-events:auto;touch-action:none;display:flex}.touch-context{pointer-events:auto;touch-action:none}.touch-btn{border:1px solid var(--panel-edge);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:2.8rem;min-height:2.8rem;color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex}.touch-btn:active{border-color:var(--brass);background:#d8b25c47}.touch-btn-small{min-width:2.3rem;min-height:2.3rem;font-size:.85rem}.touch-joystick{border:1px solid var(--panel-edge);background:#12181673;border-radius:999px;justify-content:center;align-items:center;width:6.4rem;height:6.4rem;position:absolute;bottom:1.2rem;left:1.2rem}.touch-joystick-knob{border:1px solid var(--panel-edge);background:#f1ead980;border-radius:999px;width:2.6rem;height:2.6rem;transform:translate(0)}.touch-throttle{flex-direction:row;align-items:center;gap:.6rem;position:absolute;bottom:1.2rem;right:1.2rem}.touch-utility{gap:.7rem;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.touch-context{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#16201c;background:#d8b25cd9;border:0;border-radius:999px;padding:.6rem 1.6rem;font-size:.82rem;animation:.2s rise;position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%)}#portrait-nudge{display:none}@media (pointer:coarse) and (orientation:portrait){#portrait-nudge{text-align:center;color:var(--ink-dim);z-index:50;background:#0b0f0e;place-items:center;padding:2rem;font-size:1rem;display:grid;position:fixed;inset:0}}@media (max-width:720px){#minimap{width:140px;height:140px}#lock-panel{top:auto;bottom:11rem;transform:none}.big{font-size:2rem}}