:root{--ink:#0A2430;--ink2:#0F3D4C;--foam:#F5EFE2;--foam-dim:#cfd9d4;--coral:#FF5C39;--brass:#E9B45C;--port-red:#D8442E;--stbd-green:#1F9A6E;--glass:rgba(8,33,44,.78);--glass-line:rgba(245,239,226,.16);--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--disp:"Bricolage Grotesque","Arial Black",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--foam);font-family:var(--disp);font-weight:400;-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;display:block}button{font-family:inherit;cursor:pointer}.hidden{display:none!important}.panel{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 10px 30px #000a1059}.btn{border:1px solid var(--glass-line);background:#f5efe212;color:var(--foam);border-radius:10px;padding:10px 16px;font-weight:600;font-size:14px;letter-spacing:.02em;transition:background .15s,transform .1s}.btn:hover{background:#f5efe229}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--coral);border-color:var(--coral);color:#21100a}.btn.primary:hover{background:#ff7152}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}#intro{position:fixed;inset:0;z-index:50;display:flex;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:linear-gradient(180deg,#9cc9d6,#6faec2 38%,#19586d 39%,#0e3d4e 70%,#0a2430)}#intro:after{content:"";position:fixed;left:0;right:0;top:37.5%;height:3px;background:#ffffff80;filter:blur(2px)}.intro-left{flex:1.2;display:flex;flex-direction:column;justify-content:flex-start;padding:9vh 6vw 6vh;position:relative;z-index:2}.intro-right{flex:1;display:flex;align-items:safe center;justify-content:center;padding:4vh 5vw;position:relative;z-index:2}.pennants{display:flex;gap:8px;margin-bottom:18px}.pennants i{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:26px solid var(--coral);display:block;animation:flap 3s ease-in-out infinite}.pennants i:nth-child(2){border-top-color:var(--foam);animation-delay:.3s}.pennants i:nth-child(3){border-top-color:var(--brass);animation-delay:.6s}.pennants i:nth-child(4){border-top-color:var(--stbd-green);animation-delay:.9s}@keyframes flap{0%,to{transform:skew(0)}50%{transform:skew(7deg) translateY(2px)}}#intro h1{font-size:clamp(54px,8.5vw,120px);font-weight:800;line-height:.9;letter-spacing:-.02em;color:var(--foam);text-shadow:0 4px 0 rgba(10,36,48,.35)}#intro h1 em{font-style:normal;color:var(--coral)}#intro h1 .titleShip{display:inline-block;width:.92em;height:.86em;vertical-align:-.06em;margin-left:.06em}#intro h1 .titleShip svg{width:100%;height:100%;display:block;transform-origin:50% 88%;animation:shipSway 4.2s ease-in-out infinite}@keyframes shipSway{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-3px)}}#introScene{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}#introScene .sun{position:absolute;left:50%;top:13%;width:230px;height:230px;margin-left:-115px;border-radius:50%;background:radial-gradient(circle,#fff3d6,#ffd98f 26%,#f4a95e 44%,#f4a95e40 60%,#f4a95e00 72%);box-shadow:0 0 90px 30px #ffcd8247,0 0 220px 80px #f4a95e24;animation:sunGlow 7s ease-in-out infinite}#introScene .sun:after{content:"";position:absolute;left:50%;top:96%;width:46px;height:48vh;transform:translate(-50%);border-radius:40px;background:linear-gradient(180deg,#ffd98f66,#ffd98f24 45%,#ffd98f00);filter:blur(5px);animation:glintShimmer 3.4s ease-in-out infinite}@keyframes sunGlow{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@keyframes glintShimmer{0%,to{opacity:.75;width:46px}50%{opacity:1;width:58px}}#introScene .farShip{position:absolute;width:30px;height:28px;opacity:.62}#introScene .farShip path{fill:#0a2430}#introScene .fs1{top:33.4%;animation:driftR 95s linear infinite,shipBob 3.6s ease-in-out infinite}#introScene .fs2{top:34.6%;width:21px;opacity:.45;transform:scaleX(-1);animation:driftL 140s linear infinite,shipBob 4.4s ease-in-out infinite}@keyframes driftR{0%{left:-6%}to{left:104%}}@keyframes driftL{0%{left:104%}to{left:-6%}}@keyframes shipBob{0%,to{margin-top:0}50%{margin-top:3px}}#introScene .waveband{position:absolute;left:-240px;right:-240px;height:46px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='46' viewBox='0 0 240 46'><path d='M0 24 Q30 10 60 24 T120 24 T180 24 T240 24 V46 H0 Z' fill='rgba(245,239,226,0.07)'/></svg>");background-repeat:repeat-x;animation:waveSlide 26s linear infinite}#introScene .w1{top:44%}#introScene .w2{top:56%;animation-duration:38s;animation-direction:reverse;opacity:.8;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='46' viewBox='0 0 240 46'><path d='M0 26 Q30 14 60 26 T120 26 T180 26 T240 26 V46 H0 Z' fill='rgba(10,36,48,0.22)'/></svg>")}#introScene .w3{top:72%;animation-duration:52s;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='46' viewBox='0 0 240 46'><path d='M0 22 Q30 8 60 22 T120 22 T180 22 T240 22 V46 H0 Z' fill='rgba(245,239,226,0.05)'/></svg>")}@keyframes waveSlide{0%{background-position-x:0}to{background-position-x:240px}}.intro-sub{margin-top:18px;font-size:clamp(15px,1.6vw,19px);max-width:46ch;color:#eaf3f1;line-height:1.5}.intro-sub b{color:var(--brass);font-weight:600}.intro-card{width:min(420px,92vw);padding:28px}.intro-card h2{font-size:22px;font-weight:800;margin:10px 0 4px}.intro-card p.note{font-size:13px;color:var(--foam-dim);margin-bottom:18px}.field{margin-bottom:16px}.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:7px}.field input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--glass-line);background:#f5efe214;color:var(--foam);font-family:inherit;font-size:16px}.field input[type=text]:focus{outline:2px solid var(--coral);outline-offset:1px}.exp-row{display:flex;gap:8px}.exp-row .exp{flex:1;text-align:center;padding:10px 6px;border-radius:10px;border:1px solid var(--glass-line);background:#f5efe20f;color:var(--foam);font-size:13px;font-weight:600}.exp-row .exp small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:var(--foam-dim);margin-top:3px;font-weight:400}.exp-row .exp.sel{background:var(--coral);border-color:var(--coral);color:#21100a}.exp-row .exp.sel small{color:#5c2516}#castoff{width:100%;margin-top:6px;font-size:16px;padding:14px}#intro .pelican-wrap{position:absolute;bottom:0;left:50%;transform:translate(-54%);width:min(220px,24vw);z-index:1;opacity:.97}.modal{position:fixed;inset:0;z-index:63;display:flex;align-items:center;justify-content:center;background:#06161e9e;backdrop-filter:blur(4px)}.modal .panel{padding:30px;width:min(760px,94vw);max-height:92vh;max-height:92dvh;overflow:auto;overscroll-behavior:contain}.modal h2{font-size:30px;font-weight:800;margin:6px 0 16px}.scen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}.scen{border:1px solid var(--glass-line);border-radius:12px;padding:16px;background:#f5efe20d;text-align:left;color:var(--foam);transition:border-color .15s,background .15s}.scen:hover{border-color:var(--coral);background:#ff5c3914}.scen .tag{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--brass);text-transform:uppercase}.scen h3{font-size:18px;font-weight:800;margin:6px 0}.scen p{font-size:12.5px;color:var(--foam-dim);line-height:1.45}.scen .lvl{margin-top:10px;font-family:var(--mono);font-size:10px;color:var(--stbd-green)}.scen.tut{border-color:#e9b45c80;background:#e9b45c12}.scen.tut:hover{border-color:var(--brass);background:#e9b45c21}.scen.tut .tag{color:var(--coral)}.scen.free{border-color:#1f9a6e80;background:#1f9a6e12}.scen.free:hover{border-color:var(--stbd-green);background:#1f9a6e21}.scen.free .tag{color:var(--stbd-green)}#tutSteps{display:flex;gap:6px;justify-content:center;margin-top:6px}#tutSteps i{width:26px;height:5px;border-radius:3px;background:#f5efe22e;font-style:normal}#tutSteps i.on{background:var(--brass)}#tutSteps i.done{background:var(--stbd-green)}.kbd{display:inline-block;min-width:22px;padding:2px 7px;border-radius:6px;text-align:center;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ink);background:var(--foam);border-bottom:3px solid rgba(10,36,48,.45);margin:0 2px;vertical-align:1px}#objective .kbd{font-size:11px;padding:1px 6px}.sd{text-align:center;width:min(440px,92vw);animation:sdpop .35s cubic-bezier(.2,1.4,.4,1)}@keyframes sdpop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#stepDone .panel,#complete .panel{position:relative;overflow:visible}.ov-pel{position:absolute;top:-58px;left:50%;transform:translate(-50%);pointer-events:none;z-index:2}.ov-pel .pel{width:96px;display:block;filter:drop-shadow(0 8px 12px rgba(0,10,16,.45));transform-origin:50% 100%;animation:ovPelPop .45s cubic-bezier(.2,1.5,.4,1)}@keyframes ovPelPop{0%{transform:translateY(18px) scale(.55);opacity:0}to{transform:none;opacity:1}}body.overlay #captain{opacity:0;pointer-events:none}#completeMsg{transition:opacity .55s ease}.sd-check{width:64px;height:64px;border-radius:50%;background:var(--stbd-green);color:var(--foam);font-size:36px;font-weight:800;line-height:64px;margin:0 auto 12px;box-shadow:0 0 0 8px #1f9a6e38}.sd h2{margin:4px 0 10px}.sd p{color:var(--foam-dim);line-height:1.55;font-size:14px;margin-bottom:14px}#sdKeys{display:flex;flex-direction:column;gap:7px;margin:0 auto 18px;max-width:280px}#sdKeys .kr{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--foam);text-align:left}#sdKeys .kr span:last-child{color:var(--foam-dim)}.sd .btn{margin:0 auto}#sessionCard{margin-top:14px}#sessRows{display:flex;flex-direction:column;gap:9px;font-family:var(--mono)}#sessRows .sl{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--brass);padding-left:10px}#sessRows .sl b{font-size:12.5px;color:var(--foam);letter-spacing:.04em}#sessRows .sl span{font-size:10.5px;color:var(--foam-dim)}#sessRows .tot{font-size:11px;color:var(--brass);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}#telemLine{font-family:var(--mono);font-size:10px;color:var(--foam-dim);margin-top:10px;letter-spacing:.04em}#completeStars{font-size:26px;letter-spacing:.3em;margin:-6px 0 10px}#completeStars.s3{color:var(--brass)}#completeStars.s2{color:#cfa75e}#completeStars.s1{color:var(--foam-dim)}#sessRows .st3,.cardStars{font-style:normal;color:var(--brass);font-size:11px;letter-spacing:.18em}.cardStars{display:block;margin-top:8px;font-family:var(--mono)}#completeStats{display:flex;gap:18px;margin:14px 0 20px;flex-wrap:wrap}#completeStats .st{font-family:var(--mono)}#completeStats .st b{display:block;font-size:24px;color:var(--brass)}#completeStats .st span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--foam-dim)}.modal .row{display:flex;gap:10px;flex-wrap:wrap}#hud{position:fixed;inset:0;pointer-events:none;z-index:20}#hud .pointer{pointer-events:auto}#brand{position:absolute;top:14px;left:14px;padding:8px 14px;display:flex;align-items:center;gap:10px}#brand b{font-weight:800;font-size:15px;letter-spacing:.01em}#brand b em{font-style:normal;color:var(--coral)}#brand span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--foam-dim);text-transform:uppercase}#compass{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:7px 16px;font-family:var(--mono);font-size:14px;display:flex;gap:14px;align-items:baseline}#compass b{font-size:19px;color:var(--brass)}#objective{position:absolute;top:calc(64px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);padding:8px 16px;font-size:13px;max-width:min(560px,90vw);text-align:center;color:var(--foam)}#objective .eyebrow{margin-right:8px}#instruments{position:absolute;top:calc(60px + env(safe-area-inset-top,0px));right:14px;width:208px;padding:14px;display:flex;flex-direction:column;gap:12px}#windrose{width:180px;height:180px;margin:0 auto;display:block}#roseLegend{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px;font-family:var(--mono);font-size:8.5px;letter-spacing:.05em;color:var(--foam-dim)}#roseLegend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:-1px}body.scen-tut #twNeedle,body.scen-tut #roseLegend .leg-true{display:none}.tut-hidden{display:none!important}.hud-arrive{animation:hudArrive .65s ease both}@keyframes hudArrive{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:none}}#posLine{text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--brass);text-transform:uppercase;margin:0 0 6px;border-top:1px solid rgba(245,239,226,.12);padding-top:6px}#debrief{position:fixed;inset:0;z-index:35;pointer-events:none}#debriefBar{position:absolute;top:14px;left:50%;transform:translate(-50%);pointer-events:auto;display:flex;align-items:center;gap:20px;padding:12px 18px;max-width:min(860px,94vw)}#debriefRead{font-size:13px;color:var(--foam);margin-top:3px;max-width:46ch}#debriefLegend{display:flex;gap:12px;font-family:var(--mono);font-size:10px;color:var(--foam-dim);white-space:nowrap}#debriefLegend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}@keyframes spotPulse{0%,to{box-shadow:0 0 #e9b45c00}50%{box-shadow:0 0 0 7px #e9b45c8c}}.spot{animation:spotPulse 1.3s ease-in-out 4}.gauges{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-family:var(--mono)}.gauge b{display:block;font-size:20px;line-height:1.1}.gauge span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--foam-dim)}.gauge.warn b{color:var(--coral)}#trimbar{height:8px;border-radius:5px;background:#f5efe21f;position:relative;overflow:hidden}#trimfill{position:absolute;left:0;top:0;bottom:0;width:50%;background:linear-gradient(90deg,var(--stbd-green),var(--brass));border-radius:5px}.trimlabel{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--foam-dim);letter-spacing:.1em;margin-top:4px}.bubble{position:relative;background:var(--foam);color:var(--ink);border:3px solid var(--ink);border-radius:18px;padding:12px 16px;font-size:14px;line-height:1.5;box-shadow:5px 5px #0a243059}.bubble:before,.bubble:after{content:"";position:absolute;width:0;height:0;border-style:solid}.bubble:before{left:-17px;border-width:11px 17px 11px 0;border-color:transparent var(--ink) transparent transparent}.bubble:after{left:-9px;border-width:8px 13px 8px 0;border-color:transparent var(--foam) transparent transparent}#introQuip{position:absolute;left:calc(50% + min(110px,12vw) + 16px);bottom:calc(min(220px,24vw)*.52);max-width:min(36ch,38vw);transition:opacity .7s ease;opacity:0;z-index:3}#introQuip:before{top:21px}#introQuip:after{top:24px}#speech:before{bottom:17px}#speech:after{bottom:20px}#topRight{position:fixed;top:14px;right:14px;z-index:60;display:flex;gap:8px;align-items:flex-start}#locChip{position:relative;font-family:var(--mono)}#sndChip{display:flex;align-items:center;gap:8px;padding:5px 11px;border-radius:10px;background:#0a2430b8;border:1px solid var(--glass-line);backdrop-filter:blur(6px)}#sndChip button{font-size:14px;line-height:1;cursor:pointer;background:none;border:none;padding:2px}#sndChip input[type=range]{width:64px;accent-color:var(--brass);cursor:pointer}#sndChip.off input[type=range]{opacity:.35;pointer-events:none}#locBtn{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;cursor:pointer;background:#0a2430b8;border:1px solid var(--glass-line);color:var(--foam);font-family:var(--mono);font-size:11px;letter-spacing:.1em;backdrop-filter:blur(6px)}#locBtn:hover{border-color:var(--brass)}#locBtn .caret{transition:transform .2s}#locChip.open #locBtn .caret{transform:rotate(180deg)}#locMenu{position:absolute;right:0;top:calc(100% + 8px);width:236px;padding:8px;border-radius:12px;background:#0a2430eb;border:1px solid var(--glass-line);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:4px}#locMenu .loc{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;font-size:11px;letter-spacing:.06em;color:var(--foam)}#locMenu .loc.cur{background:#e9b45c1f}#locMenu .loc.cur b{color:var(--brass);font-weight:700}#locMenu .loc.soon{color:var(--foam-dim);cursor:pointer}#locMenu .loc.soon:hover{background:#f5efe212}#captain{position:absolute;left:14px;bottom:14px;display:flex;align-items:flex-end;gap:10px;max-width:min(520px,calc(100vw - 28px))}#captain .pel{width:96px;flex:0 0 auto;filter:drop-shadow(0 6px 10px rgba(0,10,16,.4));transition:transform .45s ease,opacity .45s ease;transform-origin:left bottom}#captain.idle .pel{transform:scale(.68);opacity:.85}#captain.idle #speech{opacity:0;transform:translateY(10px);pointer-events:none}#speech{min-height:52px;flex:1;transition:opacity .4s ease,transform .4s ease}#dock-ui{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}#helpkeys{padding:10px 14px;font-family:var(--mono);font-size:11px;color:var(--foam-dim);line-height:1.7}#helpkeys b{color:var(--foam);background:#f5efe21f;border-radius:5px;padding:1px 7px;font-weight:600}.uirow{display:flex;gap:8px}#conditions{position:absolute;right:14px;bottom:14px;width:280px;padding:18px;display:flex;flex-direction:column;gap:13px}#conditions h3{font-size:16px;font-weight:800}.cond{display:block}.cond .lab{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--foam-dim);margin-bottom:5px}.cond .lab b{color:var(--brass);font-weight:600}.cond input[type=range]{width:100%;accent-color:var(--coral)}#touch{position:absolute;left:0;right:0;bottom:108px;display:none;justify-content:space-between;align-items:flex-end;padding:0 14px;pointer-events:none;touch-action:none;z-index:30}.tzone{pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;gap:6px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tzone.active .ttrack,.tzone.active .strip{border-color:var(--coral);box-shadow:0 0 0 2px #ff7a5940}.tlabel{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--foam-dim);opacity:.7}#tiller .ttrack{position:relative;width:168px;height:60px;border-radius:30px;background:var(--glass);border:1px solid var(--glass-line);overflow:hidden;transition:border-color .12s,box-shadow .12s}#tiller .tmark{position:absolute;left:50%;top:12px;bottom:12px;width:2px;margin-left:-1px;background:var(--glass-line)}#tillerKnob{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:linear-gradient(180deg,#fff,#d7e6ef);box-shadow:0 2px 8px #00000059;transition:transform .04s linear}#tillerKnob:after{content:"◑";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--ink,#16323f);opacity:.55}#sheetz .strip{position:relative;width:56px;height:168px;border-radius:28px;background:var(--glass);border:1px solid var(--glass-line);overflow:hidden;transition:border-color .12s,box-shadow .12s}#sheetFill{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(180deg,#ff7a594d,#ff7a598c)}#sheetKnob{position:absolute;left:50%;width:46px;height:46px;margin-left:-23px;top:50%;margin-top:-23px;border-radius:50%;background:linear-gradient(180deg,#fff,#d7e6ef);box-shadow:0 2px 8px #00000059;transition:top .04s linear}#sheetKnob:after{content:"↕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--ink,#16323f);opacity:.55}#touchBtns{position:absolute;left:0;right:0;bottom:118px;display:none;justify-content:space-between;padding:0 16px;pointer-events:none;z-index:30}#touchBtns .pad{display:flex;gap:10px;pointer-events:auto}#touchBtns button{width:62px;height:62px;border-radius:50%;font-size:22px;font-weight:800;background:var(--glass);border:1px solid var(--glass-line);color:var(--foam)}#helptouch{display:none}#helptouch .btn.mini{padding:2px 9px;font-size:11px;margin-left:10px}#helptouchBtns{display:none}@media (pointer:coarse){#touch{display:flex}#helpkeys{display:none}#helptouch{display:flex;align-items:center}}body.ctrl-btns #touch{display:none}body.ctrl-btns #touchBtns{display:flex}body.ctrl-btns #helptouchZones{display:none}body.ctrl-btns #helptouchBtns{display:inline}#toast{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:70;padding:10px 20px;font-weight:600;font-size:15px;background:var(--coral);color:#21100a;border-radius:12px;opacity:0;transition:opacity .25s;pointer-events:none}.pel{width:100%;height:auto;display:block}.pel .blink{animation:blink 4.6s infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}.pel .beak-low{transform-origin:46px 42px}.pel.talking .beak-low{animation:jaw .22s infinite alternate}@keyframes jaw{0%{transform:rotate(0)}to{transform:rotate(9deg)}}.pel .bob{animation:bob 3.4s ease-in-out infinite;transform-origin:50% 90%}@keyframes bob{0%,to{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(1.6deg) translateY(-3px)}}.pel .wing{transform-origin:55px 76px}.pel.cheer .wing{animation:wave .5s ease-in-out 4 alternate}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(-38deg)}}@media (max-width:880px){#intro{flex-direction:column}.intro-left{flex:none;padding:calc(64px + env(safe-area-inset-top,0px)) 6vw 10px}#intro h1{font-size:clamp(44px,12vw,64px)}.intro-sub{margin-top:12px}#intro .pelican-wrap,#introQuip{display:none}#introQuip:before,#introQuip:after{display:none}.intro-right{flex:none;padding:18px 5vw calc(28px + env(safe-area-inset-bottom,0px))}.intro-card{width:100%;padding:22px 18px}#buildBadge{display:none}.modal .panel{padding:22px 16px}.modal h2{font-size:24px}#instruments{width:168px;padding:10px}#windrose{width:140px;height:140px}#captain .pel{width:70px}#objective{top:calc(58px + env(safe-area-inset-top,0px));font-size:12px}}@media (max-height:560px){#stepDone .panel,#complete .panel{overflow:auto}.ov-pel{display:none}}@media (prefers-reduced-motion:reduce){.pennants i,.pel .bob,.pel .blink{animation:none}}#buildBadge{position:fixed;bottom:4px;left:50%;transform:translate(-50%);z-index:55;font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:#f5efe252;pointer-events:none;user-select:none;white-space:nowrap}.legal-note{margin-top:14px;font-size:11px;line-height:1.5;color:var(--foam-dim);text-align:center}.legal-note button{background:none;border:none;color:var(--brass);font:inherit;font-size:11px;text-decoration:underline;cursor:pointer;padding:0}.legal-note button:hover{color:var(--coral)}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}#a11yChip{font-size:15px;line-height:1;cursor:pointer;color:var(--foam);padding:7px 11px;border-radius:10px;background:#0a2430b8;border:1px solid var(--glass-line);backdrop-filter:blur(6px)}#a11yChip:hover{border-color:var(--brass)}#a11yChip:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#a11yPanel{position:fixed;top:58px;right:14px;z-index:61;width:248px;padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:6px}#a11yPanel.hidden{display:none}.a11y-title{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:4px}.a11y-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 11px;border-radius:9px;cursor:pointer;text-align:left;background:#f5efe20f;border:1px solid var(--glass-line);color:var(--foam);font:inherit;font-size:13px}.a11y-row:hover{border-color:var(--brass)}.a11y-row:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.a11y-sw{flex:0 0 auto;width:34px;height:18px;border-radius:9px;position:relative;background:#f5efe22e;transition:background .15s}.a11y-sw:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--foam);transition:transform .15s}.a11y-row.on .a11y-sw{background:var(--stbd-green)}.a11y-row.on .a11y-sw:after{transform:translate(16px)}.a11y-note{font-size:11px;line-height:1.45;color:var(--foam-dim);margin-top:2px}.a11y-ctrl{display:none}body.touch .a11y-ctrl{display:flex}body.cb-mode{--stbd-green:#1AA3C7}body.cb-mode #trimfill{background:linear-gradient(90deg,var(--stbd-green),var(--brass))}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.05s!important;scroll-behavior:auto!important}#helpBtn{position:fixed;top:12px;left:12px;z-index:62;width:34px;height:34px;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);color:var(--foam);font-family:var(--disp);font-size:18px;font-weight:800;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}#helpBtn:hover{border-color:var(--brass)}#helpBtn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#helpOverlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:#08141ca8;backdrop-filter:blur(3px);padding:16px}#helpOverlay.hidden{display:none}.help-card{width:min(560px,96vw);max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;background:var(--ink2);border:1px solid var(--glass-line);border-radius:16px;box-shadow:0 18px 60px #00000080;overflow:hidden}.help-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}#helpClose{background:none;border:none;color:var(--foam-dim);font-size:18px;cursor:pointer;line-height:1}#helpClose:hover{color:var(--foam)}.help-tabs{display:flex;gap:6px;padding:10px 16px 0}.help-tab{flex:1;padding:9px 6px;border:1px solid var(--glass-line);border-bottom:none;border-radius:9px 9px 0 0;background:transparent;color:var(--foam-dim);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.help-tab.on{background:var(--coral);border-color:var(--coral);color:#21100a}.help-body{overflow:auto;padding:14px 16px 18px;border-top:1px solid var(--glass-line)}.help-pane{display:none}.help-pane.on{display:block}.help-row{display:grid;grid-template-columns:108px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(245,239,226,.08)}.help-row:last-child{border-bottom:none}.help-row b{font-family:var(--mono);font-size:12px;color:var(--brass);font-weight:600}.help-row span{font-size:13.5px;color:var(--foam);line-height:1.45}#topRight{top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px))}#helpBtn{top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px))}#brand{top:calc(14px + env(safe-area-inset-top,0px));left:calc(56px + env(safe-area-inset-left,0px))}#compass{top:calc(14px + env(safe-area-inset-top,0px))}#toast{top:calc(64px + env(safe-area-inset-top,0px))}#a11yPanel{top:calc(58px + env(safe-area-inset-top,0px))}#captain{bottom:calc(14px + env(safe-area-inset-bottom,0px));left:calc(14px + env(safe-area-inset-left,0px))}#dock-ui{bottom:calc(14px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px))}#conditions{bottom:calc(14px + env(safe-area-inset-bottom,0px))}#touch{bottom:calc(108px + env(safe-area-inset-bottom,0px))}#touchBtns{bottom:calc(118px + env(safe-area-inset-bottom,0px))}#buildBadge{bottom:calc(4px + env(safe-area-inset-bottom,0px))}@media (max-width:520px),(max-height:560px){#brand,#sndChip input[type=range],#locChip #locName{display:none}#compass{left:calc(54px + env(safe-area-inset-left,0px));transform:none;padding:6px 10px;font-size:12px;gap:8px}#compass b{font-size:15px}#hdgCard{display:none}#instruments{top:calc(58px + env(safe-area-inset-top,0px));left:0;right:0;margin-inline:auto;width:fit-content;max-width:calc(100vw - 12px);padding:5px 12px;flex-direction:row;background:#08212c73;box-shadow:none;border-radius:10px}#windrose,#roseLegend,#posLine,#trimRow{display:none}.gauges{display:flex;gap:12px}.gauge{text-align:left}.gauge b{font-size:13.5px}.gauge span{font-size:7px;letter-spacing:.08em}#objective{left:0;right:0;margin-inline:auto;width:fit-content;transform:none;text-align:center;top:calc(106px + env(safe-area-inset-top,0px));max-width:calc(100vw - 16px);font-size:11.5px;padding:6px 10px}#touch,#touchBtns{bottom:calc(12px + env(safe-area-inset-bottom,0px))}#tiller .ttrack{width:144px}.uirow{gap:6px}#dock-ui .btn{width:38px;height:38px;padding:0;font-size:15px;border-radius:50%}#dock-ui .btn .lbl,#muteBtn,#helptouch{display:none}#captain{top:calc(148px + env(safe-area-inset-top,0px));bottom:auto;align-items:flex-start;max-width:calc(100vw - 24px)}#captain .pel{width:48px;transform-origin:left top}#speech{font-size:12.5px;padding:10px 12px;max-width:min(52ch,calc(100vw - 96px))}#speech:before{bottom:auto;top:14px}#speech:after{bottom:auto;top:17px}}#gearG{display:none}body.engine-on #gearG{display:block}#throttleBtns{position:absolute;right:14px;bottom:calc(312px + env(safe-area-inset-bottom,0px));display:none;flex-direction:column;align-items:center;gap:8px;z-index:30;pointer-events:auto}body.touch.engine-on #throttleBtns{display:flex}#throttleBtns button{width:48px;height:48px;border-radius:50%;font-size:17px;font-weight:800;background:var(--glass);border:1px solid var(--glass-line);color:var(--foam);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#chartBtn{position:fixed;top:calc(54px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:62;width:34px;height:34px;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);color:var(--foam);font-size:16px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}#chartBtn:hover{border-color:var(--brass)}#chartBtn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#chartBtn.on{border-color:var(--brass);box-shadow:0 0 0 2px #e9b45c59}@media (max-width:520px),(max-height:560px){#chartBtn{width:32px;height:32px;font-size:14px}}@media (max-width:520px),(max-height:560px){#throttleBtns{bottom:calc(216px + env(safe-area-inset-bottom,0px))}#throttleBtns button{width:42px;height:42px;font-size:15px}}@media (max-height:560px){#instruments{top:calc(12px + env(safe-area-inset-top,0px))}#objective{left:calc(54px + env(safe-area-inset-left,0px));right:auto;margin:0;text-align:left;top:calc(56px + env(safe-area-inset-top,0px));max-width:calc(100vw - 124px)}#captain{top:calc(98px + env(safe-area-inset-top,0px))}}#chartBtn.pulse{border-color:var(--brass);animation:chartPulse 1.6s ease-in-out infinite}@keyframes chartPulse{0%,to{box-shadow:0 0 #e9b45c00}50%{box-shadow:0 0 0 9px #e9b45c6b}}#fireBtn{position:absolute;left:50%;bottom:calc(122px + env(safe-area-inset-bottom,0px));z-index:30;transform:translate(-50%);display:none;align-items:center;gap:9px;padding:13px 20px;border-radius:14px;border:1px solid rgba(255,92,57,.55);background:#d8442e47;color:#f5efe2;font:800 15px/1 Bricolage Grotesque,system-ui,sans-serif;letter-spacing:.07em;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:manipulation;pointer-events:auto}body.touch #fireBtn .kbd{display:none}body.battle-on #fireBtn{display:flex}#fireBtn:active{transform:translate(-50%) scale(.94)}#fireBtn.cool{opacity:.4;border-color:#f5efe240;background:#14242e66}#hoistBtns{position:absolute;left:14px;bottom:calc(312px + env(safe-area-inset-bottom,0px));display:none;flex-direction:column;align-items:center;gap:6px;z-index:30;pointer-events:auto}body.touch.hoist-step #hoistBtns{display:flex}#hoistBtns button{width:56px;height:56px;border-radius:50%;font-size:24px;background:var(--glass);border:1px solid var(--glass-line);color:var(--foam);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:hoistPulse 1.6s ease-in-out infinite}@keyframes hoistPulse{0%,to{box-shadow:0 0 #e9b45c00}50%{box-shadow:0 0 0 8px #e9b45c59}}#hoistBtns .tlabel{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--foam-dim)}#hudMenuWrap{display:none;position:relative}#hudMenuBtn{width:38px;height:38px;padding:0;font-size:16px;border-radius:10px;background:#0a2430b8;border:1px solid var(--glass-line);color:var(--foam);backdrop-filter:blur(6px)}#hudMenu{position:absolute;top:calc(100% + 8px);right:0;width:206px;padding:8px;display:flex;flex-direction:column;gap:4px}#hudMenu .hm{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:9px;background:#f5efe20f;border:1px solid var(--glass-line);color:var(--foam);font:inherit;font-size:13.5px;font-weight:600}#hudMenu .hm:active{background:#f5efe229}.modal-x{position:sticky;top:-16px;float:right;width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-line);background:var(--glass);color:var(--foam);font-size:15px;line-height:1;z-index:2;margin:-8px -8px 0 0}#pickerDetail{display:none;margin:-6px 0 12px}@media (max-width:520px),(max-height:560px){.uirow{display:none}#hudMenuWrap{display:block}#hoistBtns{bottom:calc(216px + env(safe-area-inset-bottom,0px))}#pickerDetail{display:inline-block}#picker .panel:not(.full) .scen p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}#picker .panel:not(.full) .scen .lvl{display:none}}#hmVersion{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--foam-dim);opacity:.75;text-align:center;padding:6px 4px 2px}.pel .pel-tricorn,body.battle-on .pel .pel-cap{display:none}body.battle-on .pel .pel-tricorn{display:block}body:has(#intro:not(.hidden)) :is(#topRight,#helpBtn,#chartBtn){display:none}@media (max-width:520px),(max-height:560px){#captain .pel-slot{position:relative;pointer-events:auto;cursor:pointer}#captain #speech{display:none}#captain.expanded #speech{display:block;opacity:1;transform:none}#captain.expanded .pel{transform:none;opacity:1}#captain.unread .pel-slot:after{content:"";position:absolute;top:0;right:-2px;width:13px;height:13px;border-radius:50%;background:var(--coral);border:2px solid var(--foam);animation:hoistPulse 1.6s ease-in-out infinite}}.gs-panel{max-width:520px;text-align:left}.gs-panel .gs-head{font-size:26px;margin:10px 0 12px}.gs-panel .gs-body{font-size:16px;line-height:1.65;color:var(--foam)}.gs-panel .gs-feel{margin-top:12px;font-size:13px;line-height:1.5;color:var(--brass);border-left:3px solid rgba(233,180,92,.5);padding-left:10px;min-height:1em}.gs-dots{display:flex;gap:7px;margin:18px 0 16px}.gs-dots i{width:26px;height:5px;border-radius:3px;background:#f5efe22e}.gs-dots i.on{background:var(--brass)}.gs-panel .gs-skip{opacity:.75}@media (max-width:520px),(max-height:560px){.gs-panel .gs-head{font-size:22px}.gs-panel .gs-body{font-size:15px}}body:has(#debrief:not(.hidden)) :is(#dock-ui,#instruments,#touch,#touchBtns,#throttleBtns,#hoistBtns,#captain,#objective,#compass){display:none}.gs-legend{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--foam-dim);margin:4px 0 10px}.gs-list{display:flex;flex-direction:column;gap:4px;max-height:52vh;overflow:auto;margin-bottom:14px}.gs-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:9px;background:#f5efe20f;border:1px solid var(--glass-line);color:var(--foam);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.gs-row:hover{border-color:var(--brass)}.gs-m{font-style:normal;width:16px;text-align:center;color:var(--stbd-green)}.gs-m.quiz{color:var(--brass)}.gs-m.dim{color:var(--foam-dim);opacity:.5}.gs-q{font-size:21px}.gs-opts{display:flex;flex-direction:column;gap:7px;margin:14px 0 4px}.gs-opt{text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--glass-line);background:#f5efe20f;color:var(--foam);font:inherit;font-size:14.5px;cursor:pointer}.gs-opt.right{border-color:var(--stbd-green);background:#1f9a6e29}.gs-opt.wrong{border-color:var(--port-red);background:#d8442e24}.gs-opt:disabled{cursor:default;opacity:.92}.gs-why{min-height:1.2em;margin:10px 0 12px;font-size:13.5px;line-height:1.5;color:var(--brass)}.gs-diagram{margin:2px 0 12px}.gs-diagram svg{display:block;width:100%;height:auto;border-radius:12px}#jnOverlay{position:fixed;inset:0;z-index:64;background:var(--ink);cursor:pointer}.jn-art{position:absolute;inset:0;overflow:hidden}.jn-art svg{width:100%;height:100%;display:block;animation:jnKen 16s ease-out both}@keyframes jnKen{0%{transform:scale(1.12) translateY(-2%)}to{transform:scale(1)}}.jn-route{stroke-dashoffset:66;animation:jnRoute 3.2s ease-out .6s forwards}@keyframes jnRoute{to{stroke-dashoffset:0}}.jn-pin{transform-origin:163px 115px;animation:jnPin 1.8s ease-in-out infinite}@keyframes jnPin{0%,to{transform:scale(.7);opacity:1}70%{transform:scale(1.5);opacity:0}}.jn-pel{position:absolute;left:50%;bottom:34%;transform:translate(-52%);width:min(190px,44vw);filter:drop-shadow(0 10px 16px rgba(0,10,16,.5));animation:jnRise .9s cubic-bezier(.2,1.3,.4,1) both}@keyframes jnRise{0%{transform:translate(-52%) translateY(26px);opacity:0}to{transform:translate(-52%) translateY(0);opacity:1}}.jn-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 22px calc(22px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#0a243000,#06141ce0 34%,#06141cf7);cursor:auto}.jn-cap h2{font-size:30px;font-weight:800;margin:6px 0 2px;animation:jnFade .8s .15s ease both}.jn-sub{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:2px 0 0;animation:jnFade .8s .3s ease both}.jn-text{margin:10px 0 0;font-size:15.5px;line-height:1.6;color:var(--foam);max-width:52ch;animation:jnFade .9s .45s ease both}@keyframes jnFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.jn-dots{display:flex;gap:7px;margin:16px 0 14px}.jn-dots i{width:26px;height:5px;border-radius:3px;background:#f5efe22e}.jn-dots i.on{background:var(--brass)}.jn-skip{opacity:.7}@media (min-width:700px){.jn-cap{padding:28px 8vw calc(30px + env(safe-area-inset-bottom,0px))}.jn-cap h2{font-size:38px}}body.scen-tut #locChip,body.story-mode #locChip{display:none}@media (min-width:521px) and (min-height:561px){#hud .uirow{position:fixed;top:calc(98px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));flex-direction:column;align-items:stretch;gap:8px}#hud .uirow .btn{text-align:left;background:var(--glass);backdrop-filter:blur(6px);font-size:12.5px;padding:8px 12px}#muteBtn{display:none}}#keysToggle{font-size:14px;padding:4px 10px}body.keys-hidden #helpkeys{display:none}@media (pointer:coarse){#keysToggle{display:none}}body[data-chapter=points-of-sail] :is(#roseLegend,#posLine,#heelG){display:none}#zoomBtn{position:absolute;right:14px;bottom:calc(190px + env(safe-area-inset-bottom,0px));z-index:30;min-width:40px;height:40px;padding:0 8px;border-radius:50%;font-size:15px;background:var(--glass);border:1px solid var(--glass-line);color:var(--foam);cursor:pointer;backdrop-filter:blur(6px)}@media (max-width:520px),(max-height:560px){#zoomBtn{bottom:calc(304px + env(safe-area-inset-bottom,0px))}}.sc-overlay{position:fixed;inset:0;z-index:66;background:#06141cd1;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.sc-overlay.hidden{display:none}.sc-panel{position:relative;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;background:var(--ink);border:1px solid var(--glass-line);border-radius:18px;padding:22px 22px calc(18px + env(safe-area-inset-bottom,0px))}.sc-panel h2{margin:4px 0 2px;font-size:24px}.sc-rank{color:var(--brass)}.sc-sub{margin:2px 0 12px;font-size:13.5px;line-height:1.55;color:var(--foam-dim)}.sc-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;border:1px solid var(--glass-line);background:var(--glass);color:var(--foam);font-size:15px;cursor:pointer}.sc-map svg{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--glass-line)}.sc-pin{cursor:pointer}.sc-pin.sc-locked{cursor:default;opacity:.75}.sc-pin:focus-visible circle{stroke:var(--brass);stroke-width:2.4}.sc-pulse{transform-origin:center;transform-box:fill-box;animation:jnPin 1.8s ease-in-out infinite}.sc-route{stroke-dashoffset:0}.sc-foot{margin-top:14px;display:flex;justify-content:center}.sc-hint{font-size:12px;color:var(--foam-dim);text-align:center}.sc-record .sc-rank-plate{margin:8px auto 14px;padding:10px 26px;width:max-content;font-size:22px;font-weight:800;color:var(--brass);border:2px solid var(--brass);border-radius:12px;letter-spacing:.06em}.sc-rec-row{display:flex;justify-content:space-between;gap:12px;padding:7px 2px;font-size:13.5px;border-bottom:1px dashed rgba(245,239,226,.14)}.sc-rec-row span:last-child{color:var(--brass)}.sc-rec-total{font-weight:700;border-bottom:none;margin-bottom:6px}#ammoBtn{position:absolute;left:50%;bottom:calc(122px + env(safe-area-inset-bottom,0px));z-index:30;transform:translate(calc(-50% - 128px));display:none;align-items:center;gap:7px;padding:13px 14px;border-radius:14px;border:1px solid rgba(233,180,92,.5);background:#e9b45c24;color:#f5efe2;font:800 13px/1 Bricolage Grotesque,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:manipulation}body.battle-on #ammoBtn{display:flex}#ammoBtn:active{transform:translate(calc(-50% - 128px)) scale(.94)}#navyHead{grid-column:1/-1;margin:14px 0 2px;padding:10px 12px;border-radius:10px;border:1px solid rgba(233,180,92,.35);background:#e9b45c12}#navyHead p{margin:4px 0 0;font-size:12.5px;color:var(--foam-dim)}#navyHead #navyRecord{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--brass)}#picker .scen.navy-locked{opacity:.45;filter:saturate(.4);position:relative}#picker .scen.navy-locked:after{content:"🔒";position:absolute;top:10px;right:12px;font-size:16px;filter:none}