#sky,#sea{position:absolute;inset:0;width:100%;height:100%}#sky[hidden]{display:none}.weather-button{font-size:11px;white-space:nowrap;padding:8px 10px;border:1px solid #cbd6c7;border-radius:5px}#weatherDialog{width:1040px}.atlas-intro{max-width:760px}.atlas-tabs{display:flex;border-bottom:1px solid #ced8c6;margin:20px 0;gap:20px}.atlas-tabs button{font-size:12px;padding:10px 0 14px;border-bottom:2px solid transparent}.atlas-tabs button.active{border-color:#326a5f}.sky-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-height:490px;overflow:auto;padding:2px 4px 10px}.sky-scenes[hidden]{display:none}.sky-scene{text-align:left;border:1px solid #d7decd;border-radius:4px;padding:0 0 12px;overflow:hidden;background:#f7f3e7}.sky-scene strong{font-size:11px;display:block;padding:10px 12px 0}.sky-scene small{font-size:8px;display:block;padding:6px 12px 0;color:#79857a;line-height:1.5}.sky-swatch{height:75px;background:#639bc4;display:flex;align-items:end;justify-content:center;overflow:hidden}.sky-swatch i{width:60px;height:60px;margin:0 -8px -10px;border-radius:50% 48% 35% 40%;background:radial-gradient(circle at 65% 22%,#fffbe4 20%,#dce1d7 55%,#aabecb 85%);box-shadow:12px 10px 0 #b9ccd0}.sky-swatch i:nth-child(2){height:95px;width:68px;transform:translateY(20px)}.swatch-1 i{height:28px!important;width:90px;transform:translateY(0)!important}.swatch-3,.swatch-4{background:#5d778e}.swatch-3 i,.swatch-4 i{background:radial-gradient(circle at 70% 20%,#d1d7d5,#7d929f)}.swatch-5 i{height:30px!important;width:80px;transform:translateY(-15px)!important}.swatch-6{background:#384d71}.swatch-6 i{background:#a3afbc}.swatch-7 i{height:14px!important;width:100px;transform:translateY(-25px)!important}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:30px;height:380px}#weatherSearch{width:100%;border:1px solid #cad4c4;border-radius:4px;padding:12px;background:#fffdf4;color:#31574d;font:12px 'DM Sans',sans-serif;margin-bottom:15px}#weatherEntries{overflow:auto;padding-right:12px}#weatherEntries h4{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#789281;margin:17px 0 8px}#weatherEntries button{display:block;text-align:left;width:100%;font-size:11px;padding:8px 9px;border-radius:3px}#weatherEntries button.active{background:#dae3ce}#weatherDetail{overflow:auto;padding:0 12px}#weatherDetail h3{font:38px 'Libre Caslon Display',Georgia,serif;margin:12px 0}#weatherDetail p{font-size:12px;line-height:1.8}.weather-sources{display:flex;flex-direction:column;gap:9px;font-size:10px;margin-top:25px;color:#527e70}#skySculpt{max-width:650px;margin:25px auto}#skySculpt>label{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:15px;font-size:12px;margin:27px 0}#skySculpt input{accent-color:#3a7b6b;width:100%}.sculpt-buttons{display:flex;justify-content:space-between;gap:15px;margin:30px 0}#weatherDialog footer a{text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.weather-button{font-size:0;padding:6px}.weather-button:after{content:'☁';font-size:18px}.sky-scenes{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.header-tools{gap:3px!important}#help{display:none}.weather-button{padding:2px 4px;border:0}.sky-scenes{grid-template-columns:repeat(2,1fr);gap:10px;max-height:400px}.catalog-layout{grid-template-columns:110px 1fr;gap:8px;height:380px}#weatherEntries{padding-right:5px}#weatherEntries button{font-size:10px;padding:7px 3px}#weatherDetail{padding:0 5px}#weatherDetail h3{font-size:28px}#weatherDetail p{font-size:10px}.atlas-tabs{gap:14px}.atlas-tabs button{font-size:10px}#skySculpt>label{grid-template-columns:90px 1fr 25px;font-size:10px}.sculpt-buttons{flex-wrap:wrap}#weatherDialog footer{font-size:8px;gap:10px}.view-switch button{padding:8px 5px!important}}
:root{--ink:#153d40;--paper:#faf6e8;--teal:#205f62;--muted:#69807a;--line:#d5decd;--gold:#e0ab52;font-family:'DM Sans',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#0c627b}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}button:focus-visible,a:focus-visible{outline:3px solid #e7ac4c;outline-offset:4px}button:disabled{opacity:.5;cursor:default}button:hover{filter:brightness(1.08)}button.primary:hover{background:#317574}a{color:inherit;text-decoration:none}#app{width:100vw;height:100dvh;min-height:420px;position:relative;overflow:hidden}#sea{width:100%;height:100%;display:block}header{height:88px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:var(--paper);border-bottom:1px solid #d4ddd2;z-index:5;gap:15px}.brand{display:flex;gap:12px;align-items:center}.brand svg{height:39px;width:39px;fill:currentColor}.brand>span{font:36px/.85 'Libre Caslon Display',Georgia,serif;letter-spacing:-1px}.brand small{font:9px 'DM Sans',sans-serif;letter-spacing:2px;display:block;margin-top:10px}.view-switch{display:flex;padding:4px;background:#e8ecdf;border:1px solid #dbe1d2;border-radius:9px;gap:3px}.view-switch button{font-size:12px;padding:11px 15px;border-radius:6px;white-space:nowrap;display:flex;gap:8px;align-items:center}.view-switch button.selected{background:var(--paper);box-shadow:0 2px 6px #203c3920;color:#153d40}.header-tools{display:flex;align-items:center;gap:16px}.icon-button{border:1px solid #d7ddcf;border-radius:50%;width:32px;height:32px;font-size:16px;position:relative}.sound-slash{height:20px;width:1px;background:var(--ink);transform:rotate(-35deg);position:absolute;top:5px;left:15px}.sound-on .sound-slash{display:none}.map-button{font-size:12px;font-weight:600;display:flex;align-items:center;gap:13px}kbd{font:10px 'DM Sans',sans-serif;border:1px solid currentColor;border-radius:3px;padding:2px 5px;opacity:.7;white-space:nowrap}.place{position:absolute;top:118px;left:34px;display:flex;align-items:center;color:#fff7df;gap:11px;text-shadow:0 2px 3px #064c6980}.place>div{font-size:13px;letter-spacing:.3px}.place small{font-size:8px;letter-spacing:1.3px;opacity:.8}.sun{font-size:25px}.place-line{width:25px;height:1px;background:#e6efce80}.panel{background:#faf6e8f2;border:1px solid #ffffdf77;box-shadow:0 12px 40px #07374818;border-radius:3px}.quest{position:absolute;top:170px;left:34px;padding:22px;width:254px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#5c7770}.eyebrow span{float:right;letter-spacing:.7px}.quest h2{font:27px/1.05 'Libre Caslon Display',Georgia,serif;letter-spacing:-.3px;margin:15px 0 10px}.quest p{font-size:11px;line-height:1.8;color:#65786c;margin:0 0 14px}.text-button{padding:0;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px}.quest .text-button{width:100%}.quest-rule{height:1px;background:var(--line);margin:19px 0 13px}.journey-stats{display:flex;justify-content:space-between;font-size:10px;color:#71816e}.journey-stats b{color:#214f49}.coins{color:#b68a3e}.welcome{position:absolute;top:50%;transform:translateY(-30%);left:34px;width:364px;padding:29px 32px;z-index:3}.welcome h1{font:49px/.99 'Libre Caslon Display',Georgia,serif;letter-spacing:-1.5px;margin:17px 0}.welcome p{font-size:12px;color:#64766d;line-height:1.8;margin-bottom:24px}.primary{background:#215958;color:var(--paper);padding:14px 20px;border-radius:4px;font-size:12px;display:flex;justify-content:space-between;gap:35px;font-weight:500}.welcome .primary{width:100%}.welcome-controls{margin-top:19px;font-size:9px;color:#788477;display:flex;align-items:center;gap:7px}.bottom-left{position:absolute;bottom:25px;left:34px}.mini{display:block;padding:7px;background:#f5f0de;border:1px solid #fffae280;box-shadow:0 6px 20px #073c4930;border-radius:3px;width:176px}.mini canvas{display:block;width:160px;height:120px;background:#1d7887}.mini span{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;margin:8px 3px 2px}.save-state{display:block;margin-top:10px;color:#e1ecce;opacity:.8;font-size:8px;letter-spacing:.3px}.helm{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;background:#f8f4e8f2;border:1px solid #fff8dd88;padding:14px 20px;border-radius:5px;box-shadow:0 5px 30px #133e4720}.speed{padding-right:18px;border-right:1px solid #c7d4c7;display:flex;align-items:center;flex-direction:column;width:60px}.speed strong{font:36px/.9 'Libre Caslon Display',Georgia,serif}.speed>span{font-size:7px;letter-spacing:1.4px;margin-top:6px}.engine{width:188px}.engine .eyebrow{font-size:8px;letter-spacing:1px}.boost-track{height:4px;background:#dce3d1;margin:10px 0 8px;border-radius:3px;overflow:hidden}.boost-track div{background:#438d78;height:100%;width:100%;transition:width .1s}.engine-caption{display:flex;justify-content:space-between;font-size:7px;color:#728071;align-items:center}.engine-caption kbd{font-size:7px;padding:1px 3px}.bottom-right{position:absolute;right:34px;bottom:32px;text-align:right;color:#e6f2d6;display:flex;flex-direction:column;gap:10px;font-size:8px;letter-spacing:.5px}.bottom-right a{opacity:.7;text-decoration:underline;text-underline-offset:3px}.coordinates{font-size:9px}.waypoint{position:absolute;top:118px;right:34px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0d4b59a8;color:#fff6dd;border:1px solid #cee6dc35;border-radius:4px;font-size:10px}.waypoint>span:first-child{font-size:19px;color:#f1c777}.waypoint b{font-size:9px;font-weight:400;opacity:.7}.toast{position:absolute;top:106px;left:50%;transform:translate(-50%,-30px);opacity:0;transition:.3s;padding:14px 24px;background:var(--paper);box-shadow:0 4px 25px #082d5430;max-width:440px;text-align:center;border-radius:4px;font-size:12px;pointer-events:none;z-index:7}.toast.visible{transform:translate(-50%,0);opacity:1}.dock-action{background:#245d58;color:#fff6da;padding:12px;border-radius:3px;white-space:nowrap;font-size:11px}.dock-action[hidden]{display:none}dialog{border:1px solid #eee7d3;background:var(--paper);color:var(--ink);border-radius:8px;box-shadow:0 25px 100px #052f5366;padding:28px;width:520px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 36px);overflow:auto}dialog::backdrop{background:#103d4a7a;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header h2{font:38px/1.1 'Libre Caslon Display',Georgia,serif;letter-spacing:-.7px;margin:8px 0 0}.close{font-size:26px}.dialog-header>.close{height:32px;width:32px;border:1px solid #d0d9ca;border-radius:50%;line-height:24px}dialog p{font-size:12px;line-height:1.8;color:#65786c}#mapDialog{width:1100px}.map-layout{display:grid;grid-template-columns:1fr 245px;gap:27px}.chart-wrap{position:relative;background:#216c7a;border:7px solid #e4e6d4;border-radius:3px;align-self:start}.chart-wrap canvas{width:100%;height:auto;display:block;cursor:crosshair}.map-hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:9px;color:#edf0d9;pointer-events:none}.map-layout aside h3{font:32px/.95 'Libre Caslon Display',serif;margin:13px 0}.map-legend{display:grid;gap:12px;font-size:10px;padding:15px 0;border-block:1px solid #d9dfce}.map-legend span{display:flex;align-items:center;gap:10px}.map-legend i{display:block;width:8px;height:8px;background:#f7ce76;transform:rotate(45deg)}.map-legend i.legend-island{background:#629c70;border-radius:50%;transform:none}.map-legend i.legend-race{background:none;border:2px solid #df9c5c;border-radius:50%}#islandList{max-height:190px;overflow:auto;margin-top:15px}.island-row{display:flex;width:100%;justify-content:space-between;padding:9px 0;font-size:10px;border-bottom:1px solid #d9dfce}.island-row span{color:#789281}dialog footer{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;color:#6d8076}.harbor-art{height:85px;background:repeating-linear-gradient(0deg,#2b8b8d 0 3px,#338e90 3px 7px);color:#f3e3b5;font-size:50px;display:grid;place-items:center;margin:12px 0;border-radius:4px}.upgrade{margin:25px 0;border-block:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:15px}.upgrade h3{font-size:12px;margin:0}.upgrade p{font-size:10px;margin:7px 0 0}.upgrade button,.secondary{font-size:11px;border:1px solid #b8c8b7;border-radius:4px;padding:10px;white-space:nowrap}.controls-grid{display:grid;grid-template-columns:125px 1fr;gap:13px;font-size:11px;align-items:center;margin:22px 0}.controls-grid kbd{justify-self:start;opacity:1}.muted{font-size:10px!important}.help-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px}.pause-overlay{position:absolute;inset:88px 0 0;z-index:4;background:#f9f2dcbb;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center}.pause-overlay[hidden]{display:none}.pause-overlay h2{font:60px 'Libre Caslon Display',serif;margin:20px}.touch-controls{display:none}.intro .quest,.intro .bottom-left{display:none}.cinematic .quest{background:#faf6e8eb}.cinematic .place{color:#fcf6df;text-shadow:0 1px 5px #22487f}
@media(min-width:1500px){.welcome{left:65px;width:410px;padding:35px}.welcome h1{font-size:57px}.quest{left:40px}}@media(max-width:900px){header{padding:0 20px;height:76px}.brand>span{font-size:31px}.brand svg{width:30px}.brand small{font-size:7px}.header-tools{gap:9px}.map-button{font-size:0;gap:0}.map-button kbd{font-size:11px}.view-switch button{padding:10px}.place{top:96px;left:20px}.place small,.place-line{display:none}.quest{top:142px;left:20px;width:220px;padding:17px}.quest h2{font-size:24px}.bottom-left{left:20px;bottom:22px}.bottom-right{right:20px;bottom:22px}.coordinates{display:none}.helm{bottom:23px;padding:12px;gap:12px}.engine{width:160px}.welcome{left:20px}.waypoint{right:20px;top:98px}.map-layout{grid-template-columns:1fr}.map-layout aside{display:none}.pause-overlay{top:76px}}
@media(pointer:coarse){.touch-controls{display:flex;position:absolute;bottom:120px;left:20px;right:20px;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:8px;pointer-events:auto}.touch-controls button{touch-action:none;background:#f9f3d8d9;border:1px solid #fffae8b0;border-radius:50%;width:49px;height:49px;font-size:22px;user-select:none}.touch-controls button.active{background:#f2c977}.welcome-controls{display:none}.intro .touch-controls{display:none}.bottom-left{display:none}}
@media(max-width:600px){header{height:68px;padding:0 13px;gap:6px}.brand{gap:5px}.brand svg{width:25px}.brand>span{font-size:25px}.brand small{font-size:5.8px;letter-spacing:1.3px;margin-top:7px}.view-switch{padding:3px;gap:1px}.view-switch button{padding:8px 7px;font-size:14px;gap:0}.view-switch button span{font-size:9px;margin-left:4px}.header-tools{gap:5px}.header-tools .icon-button{width:26px;height:26px;font-size:13px}#sound{display:none}.map-button kbd{font-size:10px}.place{top:84px;left:16px}.place>div{font-size:11px}.waypoint{top:86px;right:12px;font-size:8px;padding:5px 7px;gap:5px}.waypoint b{font-size:8px}.quest{top:128px;left:15px;width:190px;padding:13px}.quest .eyebrow{font-size:7px}.quest h2{font-size:23px;margin:9px 0}.quest p{font-size:10px;line-height:1.5;margin-bottom:9px}.quest-rule{margin:12px 0 9px}.quest .text-button{font-size:10px}.journey-stats{font-size:9px}.welcome{left:15px;right:15px;top:auto;bottom:132px;transform:none;width:auto;padding:24px}.welcome h1{font-size:47px}.welcome p{font-size:11px;margin:15px 0}.welcome .eyebrow{font-size:8px}.welcome .primary{margin-top:18px}.helm{bottom:24px;gap:12px;width:calc(100% - 30px);justify-content:center}.engine{flex:1;max-width:220px}.speed{width:45px;padding-right:12px}.bottom-left{display:none}.bottom-right{display:none}.touch-controls{bottom:125px;left:15px;right:15px}.touch-controls button{width:44px;height:44px}.dock-action{font-size:0;padding:12px 9px}.dock-action kbd{font-size:11px}.toast{top:80px;width:calc(100% - 30px);font-size:11px;padding:12px}.pause-overlay{top:68px}.pause-overlay h2{font-size:43px}dialog{padding:19px}.dialog-header h2{font-size:32px}.dialog-header{margin-bottom:13px}.map-layout{gap:12px}.chart-wrap{border-width:3px}.map-hint{font-size:7px;bottom:5px}.controls-grid{font-size:10px;grid-template-columns:105px 1fr}.help-footer{flex-wrap:wrap}}
@media(max-height:650px) and (min-width:601px){.welcome{top:130px;transform:none;padding:20px 26px}.welcome h1{font-size:40px}.welcome p{margin:12px 0}.welcome-controls{margin-top:12px}.quest{top:140px}.bottom-left .mini{width:120px}.mini canvas{width:104px;height:78px}.mini span{font-size:6px}.bottom-left{bottom:15px}}
/* Scenery-first play view. */
.log-toggle{position:absolute;top:152px;left:27px;display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #e8edcc77;border-radius:5px;background:#0b485bbf;color:#fff5d9;font-size:11px;backdrop-filter:blur(8px);z-index:2;box-shadow:0 4px 15px #06334920}.log-toggle span{font-size:10px;opacity:.75;border-left:1px solid #ffffff50;padding-left:12px}.quest{top:200px;left:27px;background:#faf6e8f5;z-index:3}.quest[hidden]{display:none}.intro .log-toggle{display:none}.welcome{top:auto;bottom:140px;transform:none;width:315px;padding:24px}.welcome h1{font-size:43px}.welcome p{font-size:11px}.helm{padding:10px 15px;background:#fbf8e9ed;bottom:22px}.speed strong{font-size:29px}.engine{width:165px}.bottom-left{bottom:23px}.mini{width:145px;padding:6px}.mini canvas{width:131px;height:98px}.mini span{font-size:6px}.bottom-left .save-state{font-size:7px}.place{left:27px}.bottom-right{bottom:23px}#sea{image-rendering:auto}#weatherDialog[open]~*{pointer-events:none}@media(max-width:600px){.log-toggle{top:121px;left:14px;font-size:10px;max-width:calc(100% - 28px);padding:10px}.log-toggle span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest{top:168px;left:14px;width:220px}.welcome{bottom:125px;left:14px;right:14px;width:auto;max-width:320px;padding:20px}.welcome h1{font-size:40px}.helm{bottom:16px;width:calc(100% - 28px)}.place{left:14px}.engine{max-width:190px}.touch-controls{bottom:108px}.header-tools #help{display:block;width:23px;height:23px}.view-switch button span{display:none}.view-switch button{padding:7px 10px!important}.brand{margin-right:auto}}

.drift-hud{position:absolute;top:202px;left:27px;color:#fff8df;display:flex;align-items:baseline;gap:10px;text-shadow:0 1px 4px #144c66}.drift-hud small{font-size:9px;letter-spacing:2px}.drift-hud b{font-size:25px;font-weight:500}.drift-hud span{font-size:8px;opacity:.7}.intro .drift-hud{display:none}#seaDialog{width:690px}#seaRegions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.region-card{text-align:left;border:1px solid #cdd8cc;border-top:5px solid var(--sea-color);padding:12px;display:flex;flex-direction:column;gap:7px}.region-card strong{font-size:12px}.region-card span,.region-card small{font-size:10px;color:#668077}.camera-settings{margin:20px 0;padding:15px 0;border-top:1px solid #cdd8cc}.camera-settings h3{font:23px Georgia}.camera-settings label{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:12px}.camera-settings input[type=range]{flex:1;accent-color:#267b76}.camera-settings input[type=checkbox]{accent-color:#267b76}#seaSettings{font-size:11px}#seaSettings:after{display:none}.quest{z-index:5}@media(max-width:600px){.drift-hud{top:164px;left:15px}.drift-hud b{font-size:20px}#seaRegions{grid-template-columns:repeat(2,1fr)}.header-tools{gap:8px}#seaSettings{font-size:10px}.touch-controls{gap:7px}.touch-controls button{width:40px;height:44px}.throttle-pad{gap:5px}.header-tools #help{width:26px;height:26px}}

#sea:focus{outline:none}

@media (pointer:coarse){.touch-controls{display:flex;justify-content:space-between}.steer-pad,.throttle-pad{display:flex;gap:5px}}

/* Expedition controls remain compact so the sea carries the scene. */
.field-tools{position:fixed;left:24px;bottom:174px;display:flex;align-items:center;gap:8px;z-index:8;max-width:calc(100vw - 48px);flex-wrap:wrap}.field-tools button{background:#123d46e8;color:#fff5d6;border:1px solid #accfc64d;padding:9px 13px;border-radius:5px;font:inherit;font-size:12px}.field-tools span{font-size:11px;color:#fff5d6;text-shadow:0 1px 3px #06323d;background:#143e48aa;padding:7px 9px;border-radius:4px;max-width:330px}.expedition-harbor{margin:18px 0;display:grid;gap:10px}.expedition-harbor button{padding:10px;border:1px solid #76958e;border-radius:5px;background:#f7f3e3;color:#163f47}.expedition-harbor button:disabled{opacity:.55}.expedition-harbor h3{font-size:20px;margin:10px 0 4px}.expedition-harbor p{font-size:14px;margin:4px 0}.chart-tools{display:flex;gap:8px;margin:8px 0}.chart-tools button{padding:7px 12px}.map-hint{pointer-events:none}#harborDialog{max-height:88vh;overflow:auto}#chart{touch-action:none;cursor:crosshair}
@media(max-width:680px){.field-tools{left:12px;bottom:158px;gap:5px;max-width:calc(100vw - 24px)}.field-tools span{max-width:210px;font-size:10px}.field-tools button{padding:9px}.bottom-left .mini{display:block;width:124px}.bottom-left #minimap{width:124px;height:93px}.field-tools{bottom:245px}.expedition-harbor{font-size:13px}}

@media(max-width:600px){.dock-action{font-size:10px;max-width:115px;white-space:normal}.bottom-left{display:flex;left:12px;bottom:164px;gap:3px;z-index:2}.bottom-left .mini{width:112px;padding:4px}.bottom-left #minimap{width:102px;height:77px}.bottom-left .save-state{display:none}.field-tools{bottom:278px}.field-tools span{max-width:calc(100vw - 36px)}.intro .bottom-left,.intro .field-tools{display:none}.place{max-width:48%;}.waypoint{max-width:46%}.waypoint #waypointName{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helm .engine{min-width:0}.helm{gap:8px}.map-hint{font-size:8px;background:#123b47bb;padding:3px}.chart-tools button{min-width:38px;min-height:38px}}
.dock-action{max-width:230px;white-space:normal;text-align:left}.field-tools{pointer-events:none}.field-tools button{pointer-events:auto}.field-tools span{pointer-events:none}.intro .field-tools{display:none}#mapDialog .chart-wrap>div{padding:0 8px;color:#f7edc7}#mapDialog .chart-wrap button{border:1px solid #83a29b;border-radius:4px;padding:5px 10px;font-size:12px}@media(max-width:600px){.dock-action{max-width:112px;font-size:9px}.field-tools{z-index:3}}
/* Quiet, consistent instrument controls. Descriptions live in accessible tooltips. */
:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body,button,kbd{font-family:inherit}.brand>span{font-family:inherit;font-size:25px;font-weight:650;letter-spacing:-1px;line-height:1}.brand small{font-family:inherit;font-size:8px;letter-spacing:1.8px}.welcome h1,.dialog-header h2,.quest h2,.map-layout aside h3,.pause-overlay h2,.camera-settings h3{font-family:inherit;font-weight:600;letter-spacing:-1.2px}.welcome h1{font-size:38px}.dialog-header h2{font-size:28px}.quest h2{font-size:24px}.speed strong{font-family:inherit;font-size:28px;font-weight:500}.icon-control{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;min-height:38px;width:38px;height:38px;padding:9px!important;border:1px solid #becdc1;border-radius:9px;flex:0 0 auto;position:relative}.icon-control[hidden]{display:none!important}.control-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.primary.icon-control{width:50px;height:50px;min-width:50px}.icon-control:disabled{opacity:.35}.field-tools .icon-control,.log-toggle.icon-control{background:#103e49d9;color:#fff2cf;border-color:#aacdc449}.header-tools{gap:8px}.log-toggle.icon-control{top:151px;left:27px;width:38px;padding:8px!important}.dock-action.icon-control{background:#215f60;color:#fff5dc;width:40px;min-width:40px;max-width:40px}.region-card.icon-control{width:100%;height:57px;border-top:4px solid var(--sea-color);border-radius:6px}.region-card .control-icon{width:25px;height:25px}.expedition-harbor .icon-control{margin:2px 0}.chart-wrap .icon-control{color:#f3ebce;background:#1b4754;border-color:#7e9c93}.sound-slash{display:none}#controlTooltip{position:fixed;z-index:10000;max-width:min(300px,calc(100vw - 16px));padding:9px 12px;border:1px solid #729991;background:#102e38f5;color:#f9f2dc;border-radius:6px;font:12px/1.45 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 4px 16px #09232a38;opacity:0;pointer-events:none;transition:opacity .12s;white-space:normal}#controlTooltip.shown{opacity:1}.touch-controls .icon-control{min-width:40px;min-height:44px;width:40px;height:44px;background:#faf4deec;color:#184b52}.chart-wrap #islandList .icon-control{width:40px}#islandList{display:flex;flex-wrap:wrap;gap:7px}#islandList>p{flex-basis:100%}.welcome .primary{margin-top:14px}.map-layout aside h3{font-size:24px}
@media(max-width:600px){.brand>span{font-size:22px}.brand small{font-size:6px}.header-tools{gap:4px}.header-tools .icon-control{width:30px;height:34px;min-width:30px;min-height:34px;padding:6px!important}.log-toggle.icon-control{top:120px;left:14px}.field-tools .icon-control{width:38px;min-width:38px}.map-layout aside{display:block}.map-layout aside>.eyebrow,.map-layout aside>h3,.map-layout aside>p,.map-layout aside>.map-legend{display:none}#islandList{max-height:135px;margin:0}.map-layout{gap:10px}.map-layout #islandList>p{font-size:11px;line-height:1.4}.dialog-header h2{font-size:25px}.control-icon{width:20px;height:20px}.field-tools span{font-size:10px}.welcome h1{font-size:34px}.dock-action.icon-control{min-width:38px;width:38px}.chart-wrap #chart{max-height:290px}#mapDialog footer{gap:12px}.camera-settings label{font-size:11px}}

.intro .log-toggle.icon-control{display:none!important}

h1,h2,h3,h4,.eyebrow,kbd,.coordinates{font-family:inherit!important}

.chart-destination{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:12px;line-height:1.4;border-bottom:1px solid #d5decd;padding:4px 0}.chart-destination>span{flex:1}.chart-destination .icon-control{width:38px;min-width:38px}

/* Living sea and camera: readable information beside compact icon actions. */
#lifeDialog{width:min(790px,calc(100vw - 28px));max-height:88dvh;overflow:auto}#lifeDialog h3{margin:26px 0 8px;font-size:19px}#lifeDialog>p,#lifeDialog section>p{font-size:13px;line-height:1.6;color:#60796f}#lifeDialog h3 small{font-size:12px;font-weight:500;color:#6a8178}.encounter-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.encounter-card{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px;border:1px solid #cbd9cc;border-radius:8px;background:#f2f2e4}.encounter-card>div{min-width:0}.encounter-card strong{font-size:13px;font-weight:600}.encounter-card p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#60796f}.encounter-card .icon-control{align-self:center}.species-journal{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.species-journal .encounter-card{display:block;padding:10px}.species-journal canvas{width:100%;height:65px;object-fit:contain;image-rendering:pixelated}.species-journal .recorded{border-color:#458b76;background:#e7efda}.camera-modes{display:flex;align-items:center;gap:10px;margin:16px 0}.camera-modes span{font-size:13px;color:#496e65}.camera-modes button[aria-pressed=true]{background:#205f62;color:#fff3d2;border-color:#205f62}.camera-settings input[type=range]{accent-color:#327e71;width:min(240px,42vw)}#seaDialog{max-height:88dvh;overflow:auto}
@media(max-width:600px){.encounter-list{grid-template-columns:1fr}.species-journal{grid-template-columns:repeat(2,1fr)}#lifeDialog{padding:18px}.camera-modes{gap:7px}.camera-modes span{font-size:11px}.header-tools{gap:3px}.brand{gap:6px}.brand>span{font-size:20px}}

.guide-nav{display:flex;gap:8px;margin:12px 0}.species-journal .encounter-card{position:relative;padding-bottom:54px}.species-journal .encounter-card>.icon-control{position:absolute;bottom:9px;right:9px}.species-journal .encounter-card canvas{display:block}.species-journal .encounter-card p{min-height:34px}

#sea{image-rendering:pixelated}

#lifeDialog>.dialog-header,#seaDialog>.dialog-header{position:sticky;top:-28px;z-index:3;background:var(--paper);padding:16px 0 14px;margin-top:-16px;border-bottom:1px solid var(--line)}#lifeDialog section{scroll-margin-top:110px}#lifeDialog>.dialog-header .close,#seaDialog>.dialog-header .close{flex-shrink:0}
@media(max-width:600px){#lifeDialog>.dialog-header{top:-18px}#lifeDialog>.dialog-header h2{font-size:22px;max-width:245px}}

.sea-destination{display:flex;align-items:center;gap:8px;border-top:3px solid var(--sea-color);padding:9px 0}.sea-destination>div{flex:1;min-width:0}.sea-destination strong{font-size:12px;display:block}.sea-destination small{font-size:10px;display:block;color:#698078;margin-top:4px}.sea-destination .region-card.icon-control{width:38px;height:38px;min-width:38px;border:1px solid #becdc1}.camera-settings{margin-top:12px}.camera-settings h3{margin-top:18px}