@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#eee9dc;background:#172120;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e3c792;outline-offset:6px}#scene{width:100vw;height:100dvh;display:block;touch-action:none}.vignette,.grain{position:fixed;inset:0;pointer-events:none}.vignette{background:linear-gradient(90deg,rgba(8,17,16,.36),transparent 42%),linear-gradient(0deg,rgba(8,15,14,.38),transparent 27%,transparent 79%,rgba(8,15,14,.2));z-index:1}.grain{opacity:.03;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:32px 44px}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:3px}.brand-icon{font-family:serif;font-size:31px;color:#d9c696}.chapter{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2px;color:#d7dccf;position:absolute;left:50%;transform:translate(-50%)}.tiny-dot{width:5px;height:5px;background:#d4bb87;border-radius:50%}.icon-btn{border:1px solid #ffffff30;border-radius:50%;background:#17211d30;width:31px;height:31px;font-size:15px}.intro{position:fixed;z-index:2;left:5.5%;top:27%;pointer-events:none;transition:opacity .8s,transform .8s}.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:600;color:#cdbb98}h1{font:400 clamp(40px,4.4vw,73px)/1.08 "Cormorant Garamond",Georgia,serif;letter-spacing:-1.7px;margin:25px 0 23px}h1 em{font-weight:400;color:#dfd1b6}.intro p{font-size:13px;line-height:1.95;color:#b4bcb2}.scene-label{position:fixed;z-index:2;bottom:27%;right:12%;display:flex;gap:15px;align-items:center;pointer-events:none}.rule{width:35px;height:1px;background:#c2b58b80}.scene-label .eyebrow{display:block;font-size:9px}.label-detail{display:block;font-size:11px;color:#c9c9b7;margin-top:7px}footer{position:fixed;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:32px 44px;border-top:1px solid #e6d8b315}.explore-instruction{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.6px;color:#ddd8c8}.explore-instruction small{display:block;font-size:11px;letter-spacing:0;color:#98a59d;margin-top:6px}.mouse-icon{width:19px;height:28px;border:1px solid #acae9c;border-radius:12px;position:relative}.mouse-icon:after{content:"";position:absolute;left:8px;top:6px;width:1px;height:7px;background:#dacbac;animation:scroll 2s infinite}.primary-btn{position:absolute;left:50%;transform:translate(-50%);border:1px solid #bfae8670;background:#bdb39112;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:15px 22px;border-radius:2px;display:flex;align-items:center;gap:32px;font-size:12px;letter-spacing:.7px;transition:background .2s}.primary-btn:hover{background:#e7d6ad25}.primary-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.renderer-label{color:#89938a;font-size:9px;letter-spacing:1.3px}.settings{position:fixed;right:34px;top:45%;z-index:4}.settings-panel{position:absolute;right:53px;top:-85px;width:260px;padding:25px;background:#16241eea;border:1px solid #c5c0aa30;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:5px;box-shadow:0 12px 40px #0003}.panel-title{font:500 25px Cormorant Garamond,serif;margin-bottom:25px}.settings-panel label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#b6b9a8;letter-spacing:1px;margin:22px 0 10px}.settings-panel label span{letter-spacing:0;color:#e0d5b7;font-size:11px}.settings-panel input{width:100%;accent-color:#c3ab73;cursor:pointer}.settings-panel select{width:100%;padding:8px;background:#1b302a;border:1px solid #c5c0aa30;color:#e0d5b7}.text-btn{margin-top:21px;border:0;background:none;font-size:11px;color:#c9bc99;padding:0}.loader{position:fixed;inset:0;background:#14211e;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:12px;letter-spacing:4px;transition:opacity 1s}.loader-mark{font-size:54px;color:#cfb783}.loader small{font-size:11px;color:#939e91;letter-spacing:1px}.load-line{width:150px;height:1px;background:#cfb78330;margin-top:12px;overflow:hidden}.load-line i{display:block;background:#cfb783;width:50%;height:1px;animation:load 1.4s infinite}.hidden{display:none!important}.center-hint{position:fixed;inset:45% 0 auto;z-index:5;text-align:center;font:italic 38px Cormorant Garamond,serif;opacity:0;pointer-events:none;transition:opacity 1s}.crossing .center-hint{opacity:1}.crossing .intro,.crossing .scene-label{opacity:0;transform:translateY(-10px)}.ocean .intro,.ocean .scene-label{display:none}.ocean .vignette{background:linear-gradient(0deg,#06161b99,transparent 32%,transparent 75%,#08141838)}.expedition{position:fixed;bottom:160px;left:44px;z-index:2;pointer-events:none}.telemetry{display:flex;gap:33px;margin-top:26px}.telemetry small{display:block;font-size:9px;letter-spacing:1.5px;color:#99b5af}.telemetry b{display:block;font-size:12px;font-weight:400;margin-top:8px}.help{position:fixed;z-index:10;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(490px,90vw);background:#172b25f5;border:1px solid #c5c0aa40;padding:40px;box-shadow:0 0 0 100vmax #05161190;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.help .icon-btn{position:absolute;right:20px;top:20px}.help h2{font:400 37px Cormorant Garamond,serif}.help dt{font-size:13px;color:#e6d7b5;margin-top:20px}.help dd,.help p{font-size:12px;line-height:1.6;color:#a5b8ae;margin:7px 0}.touch-pad{position:fixed;bottom:175px;right:24px;z-index:4;text-align:center}.touch-pad button{background:#14352da0;border:1px solid #c8c4a650;width:42px;height:42px;margin:3px;touch-action:none}.touch-pad>div{display:flex}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes scroll{50%{transform:translateY(5px);opacity:.3}}@media(max-width:900px){header,footer{padding:24px}.brand{font-size:10px;letter-spacing:2px}.chapter{display:none}.intro{top:18%;left:7%}h1{font-size:52px}.intro p{font-size:12px}.eyebrow{font-size:9px}.scene-label{right:14%;bottom:27%}.explore-instruction{font-size:8px;letter-spacing:.7px}.explore-instruction small{font-size:10px}.primary-btn{gap:10px;padding:12px 16px}.settings{right:20px;top:38%}.expedition{left:24px;bottom:170px}.telemetry{gap:20px}.telemetry>span:last-child{display:none}}@media(max-width:560px){h1{font-size:41px}.intro{top:17%}.intro p{margin-top:15px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px}.brand-icon{font-size:24px}.scene-label{display:none}.explore-instruction{max-width:135px}.mouse-icon{display:none}.primary-btn{left:auto;right:22px;transform:none}.settings-panel{width:230px;right:49px}.help{padding:30px}.ocean footer .primary-btn{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.intro,body.crossing .intro,body.ocean .intro{display:block;opacity:var(--bottle-ui, 1);transform:none;transition:none;will-change:opacity}.scene-label,body.crossing .scene-label,body.ocean .scene-label{display:flex;opacity:var(--bottle-ui, 1);transform:none;transition:none}.center-hint,body.crossing .center-hint{display:none}.vignette,body.ocean .vignette{background:none}.vignette:before,.vignette:after{content:"";position:absolute;inset:0}.vignette:before{background:linear-gradient(90deg,rgba(8,17,16,.63),transparent 42%),linear-gradient(0deg,rgba(8,15,14,.6),transparent 27%,transparent 79%,rgba(8,15,14,.2));opacity:calc(1 - var(--world-progress, 0))}.vignette:after{background:linear-gradient(0deg,#06161b99,transparent 32%,transparent 75%,#08141838);opacity:var(--world-progress, 0)}.expedition,.touch-pad{opacity:var(--ocean-ui, 0);will-change:opacity}.touch-pad{pointer-events:none}body.ocean .touch-pad{pointer-events:auto}.primary-btn,.explore-instruction{transition:opacity .6s ease,background .2s}body.crossing .primary-btn,body.crossing .explore-instruction{opacity:0;pointer-events:none}@media(max-width:560px){.scene-label,body.crossing .scene-label,body.ocean .scene-label{display:none}}.grain{opacity:.012}.vignette:before{background:linear-gradient(90deg,#08110e80,transparent 36%),linear-gradient(0deg,#080f0e66,transparent 23%,transparent 85%,#080f0e20)}.intro h1{font-size:clamp(38px,3.75vw,60px);text-shadow:0 2px 16px #08140d40}.intro p{color:#c0c8ba}@media(max-width:900px){.intro h1{font-size:46px}}@media(max-width:560px){.intro h1{font-size:38px}}.expedition{bottom:122px;padding:14px 18px;border-left:1px solid #cfdbcc42;background:linear-gradient(90deg,#041c22cc,#041c2266 78%,transparent);text-shadow:0 1px 5px #001319a0}.expedition .eyebrow{font-size:12px}.telemetry{margin-top:15px}.telemetry small,.sailing-readout{font-size:11px}.telemetry b{font-size:14px;font-variant-numeric:tabular-nums}.sailing-readout{display:flex;gap:22px;margin-top:15px;color:#99b5af;letter-spacing:.8px}.sailing-readout b{font-weight:400;color:#e4e8dc;margin-left:5px}.settings-panel label{font-size:11px}.settings-panel label span,.text-btn{font-size:13px}body.ocean header{text-shadow:0 1px 5px #001018cc}body.ocean .primary-btn{display:none}@media(max-width:900px){.expedition{bottom:174px}.sailing-readout{gap:12px}}@media(max-width:560px){.sailing-readout{font-size:10px}}:root{--ink: #0a1513;--panel: rgba(8, 21, 20, .56);--panel-strong: rgba(9, 24, 22, .86);--hairline: rgba(214, 192, 142, .3);--brass: #d6bf8c;--text: #ece6d6;--muted: #a7b3a9;--serif: "Cormorant Garamond", Georgia, serif;--ease: cubic-bezier(.22, .61, .36, 1)}.settings-panel,.help,.expedition{background:var(--panel);border:1px solid var(--hairline);border-radius:3px;backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 18px 50px #00080847}.settings-panel,.help{background:var(--panel-strong)}.expedition{padding:16px 20px 15px;border-left:2px solid var(--brass);text-shadow:none;opacity:var(--ocean-ui, 0);transform:translateY(calc((1 - var(--ocean-ui, 0)) * 10px))}.expedition .eyebrow{color:var(--brass);letter-spacing:3px;font-size:10px}.expedition p{color:var(--muted);font-size:12px;margin:8px 0 0}.telemetry{gap:30px;margin-top:14px}.telemetry small{color:var(--muted);letter-spacing:2px;font-size:9px}.telemetry b{font:500 21px/1.1 var(--serif);letter-spacing:.3px;color:var(--text);margin-top:6px;font-variant-numeric:lining-nums tabular-nums}.sailing-readout{color:var(--muted);font-size:10px;letter-spacing:1.6px;gap:24px;border-top:1px solid rgba(214,192,142,.16);padding-top:11px}.sailing-readout b{color:var(--text);font-weight:600;letter-spacing:.4px}.primary-btn,.icon-btn,.touch-pad button{border:1px solid var(--hairline);background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);transition:background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.primary-btn{letter-spacing:1.4px;text-transform:uppercase;font-size:10px;font-weight:600;border-radius:2px}.primary-btn:hover,.icon-btn:hover{background:#d6bf8c24;border-color:#d6bf8c9e}.panel-title,.help h2{font-family:var(--serif);color:var(--text)}.settings-panel label,.help dt{letter-spacing:1.6px}.settings-panel input{accent-color:var(--brass)}.chapter span:last-child{letter-spacing:3px}.tiny-dot{background:var(--brass);box-shadow:0 0 10px #d6bf8c99}.title-card{position:fixed;left:0;right:0;top:34%;z-index:6;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity 1.4s var(--ease),transform 1.6s var(--ease);text-shadow:0 2px 22px rgba(0,10,12,.45)}.title-card.show{opacity:1;transform:none}.title-card .eyebrow{color:var(--brass);letter-spacing:4px;font-size:10px}.title-card h2{margin:0;font:italic 400 clamp(38px,4.6vw,64px)/1 var(--serif);color:var(--text);letter-spacing:-.5px}.title-rule{width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent)}@media(prefers-reduced-motion:reduce){.title-card,.dock-btn,.primary-btn{transition:none}}.header-tools{display:flex;align-items:center;gap:10px}.icon-btn svg,.ui-restore svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle}body.ui-hidden header,body.ui-hidden main,body.ui-hidden aside.settings,body.ui-hidden footer,body.ui-hidden .dock,body.ui-hidden .touch-pad,body.ui-hidden .help{opacity:0!important;visibility:hidden;pointer-events:none!important;transition:opacity .6s var(--ease),visibility 0s linear .6s}.ui-restore{position:fixed;right:28px;bottom:26px;z-index:12;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--hairline);border-radius:2px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);font-size:10px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),visibility 0s linear .5s}body.ui-hidden .ui-restore{visibility:visible;transition:opacity .5s var(--ease)}body.ui-hidden.ui-peek .ui-restore,body.ui-hidden .ui-restore:focus-visible{opacity:.92;pointer-events:auto}@media(hover:none){body.ui-hidden .ui-restore{opacity:.5;pointer-events:auto}}:root{--ember: #eaa56a;--chip: rgba(236, 230, 214, .05);--brass-wash: rgba(214, 191, 140, .14);--brass-line: rgba(214, 191, 140, .62)}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:1px solid rgba(236,230,214,.3);border-bottom-width:2px;border-radius:4px;background:#ece6d612;color:var(--text);font:600 10.5px/1 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}body:not(.ocean) .sea-only{display:none!important}body.ocean .bottle-only{display:none!important}header{padding:22px 32px}.header-start{display:flex;align-items:center;gap:22px}.header-tools{gap:8px}.pill-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border:1px solid var(--hairline);border-radius:19px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text);font-size:12.5px;font-weight:600;letter-spacing:.2px;transition:background .25s var(--ease),border-color .25s var(--ease)}.pill-btn:hover,.icon-btn:hover{background:var(--brass-wash);border-color:var(--brass-line)}.pill-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-btn{width:38px;height:38px;font-size:16px;display:inline-grid;place-items:center}#sound-btn .sound-on,#sound-btn[aria-pressed=true] .sound-off{display:none}#sound-btn[aria-pressed=true] .sound-on{display:inline}#sound-btn[aria-pressed=true],#settings-toggle[aria-expanded=true]{background:#d6bf8c33;border-color:#d6bf8ccc}.back-btn{padding-left:10px}.settings{top:78px;right:32px;z-index:8}.settings-panel{position:static;width:316px;max-height:calc(100dvh - 104px);overflow-y:auto;padding:16px 20px 14px;border-radius:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel-head .panel-title{margin:0;font:500 26px var(--serif)}.field{padding:13px 0 12px;border-top:1px solid rgba(214,192,142,.14)}.panel-head+.field{border-top:0}.settings-panel .field-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.settings-panel .field-label span{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text)}.settings-panel .field-label+input+.field-label{margin-top:14px}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:11px}.chip{height:34px;padding:0 4px;border:1px solid var(--hairline);border-radius:7px;background:var(--chip);color:var(--text);font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s var(--ease),border-color .2s var(--ease)}.chip:hover{background:var(--brass-wash);border-color:var(--brass-line)}.chip[aria-pressed=true]{background:#d6bf8c3d;border-color:var(--brass);color:#fff6df}.settings-panel input[type=range]{display:block;width:100%;margin:0;accent-color:var(--brass)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.field-row .field-label{margin:0;flex:1}.settings-panel .field-row select{width:128px;padding:7px 8px;border-radius:6px;background:#13241f;font-size:13px}#center-rudder{margin:9px 0 0}.panel-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:12px;border-top:1px solid rgba(214,192,142,.14)}.panel-foot>*{white-space:nowrap}.panel-foot .text-btn{margin:0;font-size:13px}.panel-foot .renderer-label{margin-left:auto;font-size:10px;letter-spacing:1.3px;color:#8d978f}footer{padding:24px 32px;border-top:0;align-items:flex-end;pointer-events:none}footer>*{pointer-events:auto}.explore-instruction{font-size:13px;letter-spacing:.2px;color:var(--text)}.explore-instruction small{font-size:12px;margin-top:5px;color:var(--muted)}body.ocean .explore-instruction{display:none}.primary-btn{bottom:22px;height:56px;padding:0 20px 0 28px;gap:14px;white-space:nowrap;border:1px solid rgba(244,222,170,.9);border-radius:28px;background:linear-gradient(180deg,#e9d3a1,#c8aa6b);color:#10201c;font-size:14px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;box-shadow:0 12px 34px #00000061,inset 0 1px #ffffff73;backdrop-filter:none;-webkit-backdrop-filter:none}.primary-btn:hover{background:linear-gradient(180deg,#f3dfb2,#d5b87b);border-color:#f6e3b8}.primary-btn:disabled{opacity:.45;cursor:default}.primary-btn kbd{border-color:#10201c59;background:#10201c14;color:#10201c}.primary-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.dock{position:fixed;right:32px;bottom:22px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:max(var(--bottle-ui, 1),var(--ocean-ui, 0));pointer-events:none}body:not(.crossing) .dock{pointer-events:auto}body.crossing .dock{opacity:0;transition:opacity .4s var(--ease)}.dock-row{display:flex;gap:6px;padding:6px;border:1px solid var(--hairline);border-radius:16px;background:var(--panel-strong);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 16px 44px #0008085c}.dock-group{display:flex;gap:4px}.dock-group+.dock-group{padding-left:6px;border-left:1px solid rgba(214,192,142,.18)}.dock-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:80px;height:66px;padding:7px 12px 6px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text);font-size:12.5px;font-weight:600;letter-spacing:.2px;transition:background .2s var(--ease),border-color .2s var(--ease),opacity .2s}.dock-btn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dock-btn kbd{position:absolute;top:5px;right:5px;min-width:17px;height:17px;padding:0 3px;font-size:9.5px;opacity:.85}.dock-btn:hover{background:var(--brass-wash);border-color:#d6bf8c6b}.dock-btn:active{transform:translateY(1px)}.dock-btn:focus-visible{outline-offset:2px}.dock-btn.fire{color:#ffe4c8}.dock-btn.fire svg{stroke:var(--ember)}.dock-btn.fire:hover{background:#eaa56a29;border-color:#eaa56a8c}.dock-btn[aria-pressed=true]{background:#d6bf8c38;border-color:#d6bf8cbf}.dock-btn:disabled{opacity:.42;cursor:default}.dock-btn:disabled:hover{background:transparent;border-color:transparent}.dock-label{white-space:nowrap}.battery{display:flex;align-items:center;gap:12px;padding:7px 12px;border:1px solid rgba(214,192,142,.2);border-radius:12px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.battery:empty{display:none}.battery-side{display:flex;align-items:center;gap:3px}.battery-side>span{margin:0 5px}.battery i{display:block;width:7px;height:15px;border-radius:2px;background:linear-gradient(0deg,#eaa56abf calc(var(--fill, 1) * 100%),#ece6d621 0)}.battery i.ready{background:var(--ember);box-shadow:0 0 6px #eaa56a80}.battery b{min-width:58px;text-align:center;color:var(--text);font-size:11px;letter-spacing:.4px;font-variant-numeric:tabular-nums}.mode-hint{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 14px;max-width:560px;font-size:12.5px;color:#d3dad2;text-shadow:0 1px 8px rgba(0,10,12,.8)}.mode-hint:empty{display:none}.mode-hint span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.mode-hint kbd{background:#0815148c}.tally{align-self:flex-end;padding:5px 12px;border:1px solid rgba(214,192,142,.2);border-radius:12px;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text);font-variant-numeric:tabular-nums}.tally:empty{display:none}.battle-markers{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}body.ui-hidden .battle-markers{display:none}.marker{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translate3d(-100px,-100px,0);will-change:transform}.marker>*{translate:-50% -100%}.marker-ring{position:absolute;left:0;top:0;width:18px;height:18px;translate:-50% -50%;border:1.5px solid rgba(236,230,214,.8);border-radius:50%;box-shadow:0 0 0 1px #00000040,0 0 10px #00000059}.marker-text{position:absolute;left:0;top:-14px;display:flex;flex-direction:column;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.4px;color:#f2ecdd;text-shadow:0 1px 6px rgba(0,0,0,.9)}.marker-text small{font-size:10.5px;font-weight:600;color:#cfd6cd}.marker-health{position:absolute;left:0;top:16px;display:flex;gap:2px;translate:-50% 0}.marker-health i{width:6px;height:4px;border-radius:1px;background:#ece6d638}.marker-health i.on{background:#e9c27a}.marker[data-kind=target] .marker-ring{width:12px;height:12px;border-color:#ece6d68c}.marker[data-kind=target] .marker-text{font-size:10px;opacity:.78}.marker.bearing .marker-ring{border-color:var(--ember);box-shadow:0 0 0 1px #00000040,0 0 14px #eaa56abf}.marker.bearing[data-kind=ship] .marker-text b:after{content:" · guns bear";color:var(--ember);font-weight:700}.marker-arrow{display:none;position:absolute;left:0;top:0;width:0;height:0;translate:-50% -50%;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:12px solid rgba(236,230,214,.85);rotate:calc(var(--angle, 0rad) + 90deg)}.marker.edge .marker-ring{display:none}.marker.edge .marker-arrow{display:block}.marker.edge .marker-health{display:none}.marker.edge .marker-text{top:30px;translate:-50% 0}.marker.hit .marker-ring{animation:marker-hit .5s var(--ease)}@keyframes marker-hit{0%{transform:scale(1.9);border-color:#ffd28a;box-shadow:0 0 24px #ff9a40}to{transform:scale(1)}}.hurt{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(150,30,10,.38) 100%)}.hurt.show{animation:hurt .7s ease-out}@keyframes hurt{0%{opacity:1}to{opacity:0}}.expedition{left:32px;bottom:22px;max-width:440px;padding:13px 18px 12px}.expedition .eyebrow{font-size:11px}.telemetry{margin-top:10px;gap:26px}.telemetry b{font-size:18px}.sailing-readout{margin-top:11px;padding-top:10px;gap:18px;font-size:11px}.toast{position:fixed;top:84px;left:50%;z-index:9;transform:translate(-50%,-6px);max-width:calc(100vw - 32px);padding:9px 17px;border:1px solid var(--hairline);border-radius:21px;background:var(--panel-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .35s var(--ease)}.toast.show{opacity:1;transform:translate(-50%)}.toast kbd{margin:0 2px;vertical-align:1px}.help{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 34px 24px;border-radius:12px}.help h2{margin:6px 0 20px;font-size:36px}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px 34px}.help h3{margin:0 0 11px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--brass)}.help dl{display:grid;gap:9px;margin:0}.help dl>div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:baseline}.help dt{display:flex;flex-wrap:wrap;gap:3px;margin:0}.help dd{margin:0;font-size:13.5px;line-height:1.45;color:#c8d1c9}.help section p,.help .help-touch{margin:11px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}.help .help-touch{margin-top:22px;padding-top:14px;border-top:1px solid rgba(214,192,142,.14)}@media(hover:none){.dock-btn kbd,.primary-btn kbd{display:none}}@media(max-width:1180px){body.ocean .chapter{display:none}}@media(max-width:1080px){body:not(.ocean) .explore-instruction{display:none}.primary-btn{left:24px;transform:none}.expedition{top:78px;bottom:auto;left:24px}.expedition .position{display:none}}@media(max-width:760px){header{padding:14px}.header-start{gap:10px}.brand-name{display:none}.pill-btn{width:40px;height:40px;padding:0;justify-content:center}.pill-btn span{display:none}.icon-btn{width:40px;height:40px}.settings{top:64px;right:12px;left:12px}.settings-panel{width:auto}.dock{left:10px;right:10px;bottom:10px;align-items:stretch}body:not(.ocean) .dock{bottom:84px}.dock-row{justify-content:space-between}.dock-group{flex:1}.dock-btn{flex:1;min-width:0;height:58px;padding:6px 4px 5px;font-size:11px}.dock-btn kbd{display:none}.battery{justify-content:center}.mode-hint{justify-content:center;max-width:none}.expedition{top:64px;left:10px;right:10px;max-width:none}.primary-btn{left:50%;transform:translate(-50%);bottom:14px}.touch-pad{right:10px;bottom:210px}.toast{top:200px}}@media(max-width:480px){.dock-group+.dock-group{padding-left:4px}.dock-label{font-size:10.5px}.battery-side>span{display:none}.help dl>div{grid-template-columns:78px 1fr}}