.sw-hud,.sw-title,.sw-pause{--brass:#c9a24b;--brass-hi:#f1d48a;--brass-lo:#7a5a22;--walnut:#2a1a10;--walnut-2:#3b2515;--cream:#f4e8c9;--cream-dim:#cdbd96;--teal:#2fa6a0;--teal-deep:#0f4c52;--serif:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:ui-rounded, "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--sans);color:var(--cream);box-sizing:border-box;-webkit-font-smoothing:antialiased}.sw-hud *,.sw-title *,.sw-pause *{box-sizing:border-box}.sw-hud{pointer-events:none;z-index:50;-webkit-user-select:none;user-select:none;transition:opacity .4s;position:fixed;inset:0}.sw-hud.sw-off{opacity:0}.sw-panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#3a2516d1,#20140cdb);border:1px solid #c9a24b8c;border-radius:10px;box-shadow:0 0 0 1px #00000073,inset 0 1px #f1d48a40,0 6px 18px #0a141973}.sw-label{font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--brass);text-shadow:0 1px 2px #000a}.sw-cross{background:#fff8e1cc;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #140c0673,0 0 6px #00000059}.sw-compass{width:min(440px,62vw);height:46px;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%)}.sw-compass .sw-mask{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.sw-tape{will-change:transform;height:100%;position:absolute;top:0;left:0}.sw-tick{background:#f4e8c98c;width:1px;height:7px;position:absolute;bottom:0}.sw-tick.m{background:#f4e8c9d9;height:11px}.sw-lbl{text-align:center;width:30px;font:700 13px/1 var(--serif);color:var(--cream);text-shadow:0 1px 3px #000c;margin-left:-15px;position:absolute;top:7px}.sw-lbl.c{color:var(--brass-hi);font-size:17px;top:5px}.sw-lbl.n{color:#ffb49a}.sw-notch{border:6px solid #0000;border-top:8px solid var(--brass-hi);filter:drop-shadow(0 1px 1px #000a);border-bottom:0;width:0;height:0;margin-left:-6px;position:absolute;top:-1px;left:50%}.sw-hdg{font:600 10px/1 var(--sans);letter-spacing:.1em;color:var(--brass-hi);text-shadow:0 1px 2px #000;opacity:0;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.sw-toast{font:italic 600 15px/1 var(--serif);letter-spacing:.03em;opacity:0;white-space:nowrap;border-radius:999px;padding:8px 20px;transition:opacity .35s,transform .35s;position:absolute;top:74px;left:50%;transform:translate(-50%,-6px)}.sw-toast.on{opacity:1;transform:translate(-50%)}.sw-prompt{opacity:0;font:600 15px/1 var(--sans);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:92vw;padding:9px 18px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:17%;left:50%;transform:translate(-50%,8px)}.sw-prompt.on{opacity:1;transform:translate(-50%)}.sw-prompt .t{text-shadow:0 1px 3px #000a;margin:0 16px 0 4px}.sw-prompt .sw-key+.sw-key{margin-left:-3px}.sw-prompt .t:last-child{margin-right:0}.sw-key,.sw-kbd{min-width:26px;height:26px;font:700 13px/1 var(--serif);color:var(--walnut);text-shadow:none;background:linear-gradient(#f8edc9,#d9c48e);border:1px solid #8a6a2c;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;display:inline-flex;box-shadow:0 2px #7a5a22,0 3px 4px #00000073,inset 0 1px #fff8}.sw-dock{align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:20px}.sw-dock.l{left:20px}.sw-dock.r{right:20px}.sw-g{flex-direction:column;align-items:center;gap:7px;padding:9px 11px 8px;transition:opacity .35s,transform .35s,border-color .35s,box-shadow .35s;display:flex}.sw-hud[data-station] .sw-g{opacity:.62}.sw-hud[data-station] .sw-g.act{opacity:1;border-color:var(--brass-hi);transform:translateY(-4px);box-shadow:0 0 0 1px #00000073,0 0 16px #f1d48a73,inset 0 1px #f1d48a59,0 8px 20px #0a141980}.sw-val{font:700 15px/1 var(--serif);color:var(--cream);text-shadow:0 1px 2px #000a;font-variant-numeric:tabular-nums;min-height:15px}.sw-val small{font:600 10px var(--sans);letter-spacing:.12em;color:var(--brass);margin-left:3px}.sw-wind svg,.sw-wheel svg{display:block}.sw-needle,.sw-wheelrot{will-change:transform}.sw-speed{align-self:stretch}.sw-sail{width:70px}.sw-sailbox{width:44px;height:84px;position:relative}.sw-sailbox svg{position:absolute;inset:0}.sw-canvas{background:#00000059;border-radius:2px 2px 8px 8px;position:absolute;inset:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #c9a24b66}.sw-fill{transform-origin:50% 0;will-change:transform;background:linear-gradient(#efe4c4,#cfc09a);border-radius:0 0 8px 8px;position:absolute;inset:0}.sw-fill:after{content:"";border-radius:inherit;opacity:var(--eff,0);background:linear-gradient(#ffe08a,#e0a93a);position:absolute;inset:0}.sw-sailbox{filter:drop-shadow(0 0 var(--glow,0px) #ffd66ee6)}.sw-wheel{width:84px}.sw-rud{background:#0006;border-radius:3px;width:64px;height:6px;position:relative;box-shadow:inset 0 0 0 1px #c9a24b66}.sw-rud:before{content:"";background:var(--brass-hi);width:1px;height:12px;position:absolute;top:-3px;left:50%}.sw-rud i{background:var(--brass-hi);will-change:transform;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-2px;left:50%;box-shadow:0 0 0 1px #000a,0 0 6px #f1d48ab3}.sw-rud.mid i{background:#9be6d8;box-shadow:0 0 0 1px #000a,0 0 8px #78e6d2e6}.sw-anchor{width:74px}.sw-anchor svg{color:#f4e8c973;transition:color .3s,filter .3s,transform .3s}.sw-anchor.down svg{color:var(--brass-hi);filter:drop-shadow(0 0 5px #f1d48acc);transform:translateY(2px)}.sw-title{z-index:100;text-align:center;cursor:pointer;pointer-events:auto;background:radial-gradient(at 50% 48%,#08181e59 0%,#08121899 55%,#040a0ee0 100%);justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;inset:0}.sw-title.out{opacity:0;pointer-events:none}.sw-title-in{flex-direction:column;align-items:center;gap:14px;padding:20px;animation:1.1s cubic-bezier(.2,.7,.2,1) both sw-rise;display:flex}.sw-title h1{font:700 clamp(52px, 10vw, 118px)/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#fff3cf 10%,#e3bd63 55%,#9a6f27 100%);color:#0000;filter:drop-shadow(0 3px #281608cc)drop-shadow(0 10px 26px #0000008c);-webkit-background-clip:text;background-clip:text;margin:0;padding-left:.1em}.sw-rule{color:var(--brass);align-items:center;gap:12px;display:flex}.sw-rule:before,.sw-rule:after{content:"";background:linear-gradient(90deg, transparent, var(--brass));width:clamp(40px,9vw,110px);height:1px}.sw-rule:after{transform:scaleX(-1)}.sw-tag{font:italic 400 clamp(15px, 2vw, 21px)/1.3 var(--serif);color:var(--cream);text-shadow:0 2px 8px #000c;letter-spacing:.04em;margin:0}.sw-cheat{text-align:left;margin-top:10px;padding:16px 24px 14px}.sw-cheat h3{text-align:center;margin:0 0 10px}.sw-cheat ul{gap:7px;margin:0;padding:0;font-size:13.5px;line-height:1.2;list-style:none;display:grid}.sw-cheat li{color:var(--cream);text-shadow:0 1px 2px #000a;grid-template-columns:minmax(130px,auto) 1fr;align-items:center;gap:14px;display:grid}.sw-cheat li .k{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sw-cheat li .k span.x{color:var(--cream-dim);margin:0 2px;font-size:11px}.sw-cheat .sep{background:linear-gradient(90deg,#0000,#c9a24b80,#0000);height:1px;margin:3px 0}.sw-cheat .sub{color:var(--cream-dim);letter-spacing:.04em;font-size:12px}.sw-kbd{border-radius:5px;min-width:22px;height:22px;padding:0 6px;font-size:11.5px;box-shadow:0 2px #7a5a22,0 3px 3px #0006,inset 0 1px #fff8}.sw-cta{font:700 clamp(15px, 1.8vw, 19px)/1 var(--serif);letter-spacing:.28em;text-transform:uppercase;color:var(--brass-hi);text-shadow:0 2px 8px #000;margin-top:18px;animation:2.4s ease-in-out infinite sw-pulse}.sw-pause{z-index:90;pointer-events:none;opacity:0;visibility:hidden;background:#06101459;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.sw-pause.on{opacity:1;visibility:visible}.sw-pause .sw-panel{text-align:center;background:linear-gradient(#3a2516ed,#20140cf2);padding:22px 28px 20px}.sw-pause h2{font:700 26px/1.1 var(--serif);letter-spacing:.08em;color:var(--brass-hi);text-shadow:0 2px 4px #000a;margin:0 0 2px}.sw-pause .sw-cheat{margin-top:6px;padding:12px 4px 0}.sw-pause .res{color:var(--cream-dim);font:italic 15px var(--serif);margin:0 0 6px}@keyframes sw-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes sw-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (width<=760px),(height<=560px){.sw-dock.l{bottom:10px;left:10px}.sw-dock.r{bottom:10px;right:10px}.sw-dock{gap:6px}.sw-g{gap:5px;padding:6px 7px}.sw-wheel{width:72px}.sw-sail{width:56px}.sw-anchor{width:46px}.sw-wind svg{width:68px;height:68px}.sw-wheel svg{width:48px;height:48px}.sw-sailbox{width:36px;height:66px}.sw-prompt{font-size:13px;bottom:26%}.sw-cheat{padding:10px 14px}.sw-cheat ul{gap:5px;font-size:11.5px}.sw-cheat li{grid-template-columns:100px 1fr;gap:8px}.sw-title-in{gap:8px}}@media (prefers-reduced-motion:reduce){.sw-hud *,.sw-title,.sw-title *,.sw-pause{transition-duration:10ms!important;animation:none!important}}.sw-pause .sw-cheat{text-align:left;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-top:1px solid #c9a24b59;border-radius:0;margin-top:10px;padding:12px 4px 0}.sw-pause .sw-cheat h3{display:none}@media (height<=860px){.sw-title h1{font-size:clamp(40px,11vh,118px)}.sw-title-in{zoom:.86;gap:8px;padding:10px}}.sw-map{--msz:190px;width:var(--msz);height:var(--msz);background-color:#0b3a45;background-image:linear-gradient(#0b3a45,#0b3a45),conic-gradient(from 20deg,#7a5a22,#f1d48a,#a97f33,#e8c677,#6b4b1b,#c9a24b,#f1d48a,#7a5a22);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:5px solid #0000;border-radius:50%;transition:opacity .35s;position:absolute;top:16px;right:20px;box-shadow:0 0 0 1px #0000008c,0 8px 22px #0a14198c,inset 0 0 0 1px #0006}.sw-map .sw-mapcv{border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.sw-mapshade{pointer-events:none;background:radial-gradient(circle at 32% 24%,#ffffff24,#0000 45%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 14px 2px #0a14198c,inset 0 0 0 1px #00000059}.sw-mapn{width:18px;height:18px;font:700 11px/1 var(--serif);color:#2a1a10;background:radial-gradient(circle at 35% 30%,#fff0c0,#d3a645);border:1px solid #5b3e12;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.sw-hud[data-station]:not([data-station=helm]) .sw-map{opacity:.78}@media (width<=760px),(height<=560px){.sw-map{--msz:120px;border-width:4px;top:12px;right:12px}.sw-mapn{width:15px;height:15px;font-size:9px;top:-11px}}