.ember-portrait{background:url(/art/ember-landfall-v1.png) 50% 56%/cover;border-radius:9px;height:210px;margin-bottom:22px;box-shadow:inset 0 0 0 1px #ae965b50}.ember-story .scene-art,.ember-story .scene-ending .scene-art{background-image:url(/art/ember-landfall-v1.png)!important}.ember-story .scene-ending .scene-art{filter:brightness(.42)saturate(.75)hue-rotate(8deg)}.current-indicator{border-top:1px solid #dbc18b35;gap:3px;margin-top:9px;padding-top:9px;display:grid}.current-indicator[hidden]{display:none}.current-indicator small{letter-spacing:.06em;color:#b7d2d1;font-size:10px}.current-indicator strong{color:#c3e6df;font-size:13px}.ember-chart{background:#d6dcc7}.ember-chart text{font-size:11px}.ember-chart .land{fill:#708775;stroke:#3a5a52}.rescue-diagram{background:linear-gradient(#bac6ae,#e6dbb4);border:1px solid #a4976d;border-radius:8px;height:110px;margin:18px 0;position:relative;overflow:hidden}.rescue-baskets{color:#94713e;font-size:42px;transition:transform .6s;position:absolute;top:14px;left:15%;transform:rotate(9deg)}.rescue-brace{opacity:.15;background:#775c3b;width:45%;height:9px;transition:opacity .6s;position:absolute;top:70px;left:13%}.rescue-rope{border-bottom:3px solid #886d3d;border-radius:0 0 50% 50%;width:35%;height:18px;position:absolute;top:55px;left:42%}.rescue-hand{letter-spacing:2px;font-size:10px;position:absolute;top:55px;right:8%}.rescue-diagram[data-step="1"] .rescue-brace,.rescue-diagram[data-step="2"] .rescue-brace,.rescue-diagram[data-step="3"] .rescue-brace{opacity:1}.rescue-diagram:not([data-step="0"]) .rescue-baskets{transform:none}.rescue-diagram[data-step="2"] .rescue-rope{border-radius:0;height:0}@media (width<=700px){.ember-portrait{height:155px}.current-indicator{margin-top:4px;padding-top:4px}.current-indicator small{font-size:8px}.current-indicator strong{font-size:11px}.current-indicator small:last-child{display:none}}.ember-cinema{pointer-events:none;z-index:15;border-top:34px solid #071d24c9;border-bottom:44px solid #071d24c9;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.ember-cinema[hidden]{display:none}.ember-cinema p{color:#fae5ad;text-align:center;text-shadow:0 2px 8px #06171b;background:#13333ac9;border-radius:8px;padding:15px 24px;font:22px Georgia,serif}.ember-cinema button{pointer-events:auto}.ember-glimpse .hud-mission,.ember-glimpse .ship-status,.ember-glimpse .sail-control,.ember-glimpse .context,.ember-glimpse .toast,.ember-glimpse .compass,.ember-glimpse .command,.ember-glimpse .touch-helm,.ember-glimpse .weather-banner{visibility:hidden}@media (prefers-reduced-motion:reduce){.ember-cinema{border-width:10px}}.status-row{gap:8px}.status-row>:last-child{text-align:right}.status-row #cargo{overflow-wrap:normal;max-width:70%}.monsoon-portrait{background:url(/art/monsoon-arrival-v1.png) 50% 55%/cover;border-radius:12px;height:190px;margin-bottom:22px;box-shadow:inset 0 0 35px #122b263b}.monsoon-checklist>div{border-bottom:1px solid #7a83533b;padding:14px 0}.monsoon-checklist strong{margin-bottom:10px;display:block}.monsoon-checklist p{margin:4px 0 10px;font-size:15px}.trade-ledger{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.trade-ledger article{background:#dedcaf66;border:1px solid #79845d55;border-radius:12px;padding:18px}.trade-ledger h3{margin:0 0 10px;font-family:Georgia,serif;font-size:24px}.trade-ledger p{font-size:16px}.trade-ledger small{color:#45625a}.pilot-diagram{background:#acc9bc55;border-radius:12px;gap:10px;margin:20px 0;padding:16px;display:flex}.pilot-diagram span{text-align:center;border-radius:8px;flex:1;padding:20px 12px}.pilot-diagram .reef{color:#355d51;background:#c8dbc2}.pilot-diagram .deep{color:#fff0c7;background:#225e68}.pilot-diagram strong{margin-top:10px;display:block}.battle-orders{z-index:5;color:#f6e5bf;pointer-events:auto;background:#183f43ed;border:1px solid #d0ab69;border-radius:12px;width:min(410px,90%);padding:14px 18px;position:absolute;top:26%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #071a1c66}.battle-orders[hidden]{display:none}.battle-orders strong,.battle-orders small{display:block}.battle-orders small{color:#e1dcc4;margin:5px 0 10px;font-size:13px}.battle-orders>div:nth-child(2){gap:8px;display:flex}.battle-orders .btn{flex:1;min-height:40px;padding:10px 12px;font-size:14px}.battle-orders .quiet{color:#f1d28f;padding:8px 0 0;font-size:14px}.monsoon-story .scene-art{background-image:url(/art/monsoon-arrival-v1.png)!important}.monsoon-story .scene-ending .scene-art{background-image:url(/art/monsoon-nila-v1.png)!important}@media (width<=700px){.trade-ledger{grid-template-columns:1fr}.battle-orders{width:min(390px,100% - 28px);padding:10px 12px;top:auto;bottom:228px}.battle-orders strong{font-size:14px}.monsoon-portrait{height:140px}.pilot-diagram{padding:8px}.pilot-diagram span{padding:14px 8px;font-size:14px}}@media (height<=650px) and (width>=701px){.battle-orders{width:320px;top:16%;left:48%}}dialog:has(.monsoon-checklist){width:min(840px,100vw - 40px)}.monsoon-checklist{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.monsoon-checklist>div:nth-child(2){grid-row:span 2}.monsoon-checklist .modal-actions{gap:8px;display:grid}.monsoon-checklist .btn{width:100%}@media (width<=700px){.monsoon-checklist{grid-template-columns:1fr}.monsoon-checklist>div:nth-child(2){grid-row:auto}dialog:has(.monsoon-checklist){width:calc(100vw - 28px)}}:is(.game:has(.battle-orders:not([hidden])) .hud-mission,.game:has(.battle-orders:not([hidden])) .toast){display:none}.battle-orders{width:min(350px,100% - 220px);padding:12px 14px;top:96px;bottom:auto;left:28px;transform:none}.battle-orders .btn{min-height:44px}.battle-orders .quiet{min-height:36px;padding:8px 0 0}@media (width<=700px){.battle-orders{width:min(330px,100% - 162px);padding:10px;top:88px;left:14px}.battle-orders small{font-size:12px}.battle-orders .btn{padding:8px;font-size:13px}.battle-orders .quiet{font-size:12px;line-height:1.4}}@media (width<=430px){.battle-orders{width:calc(100% - 140px)}.battle-orders>div:nth-child(2){gap:4px}.battle-orders .btn{min-width:0;padding:6px 4px}.battle-orders small{line-height:1.4}}@media (width<=600px){dialog .modal-actions{flex-direction:column;align-items:stretch;display:flex}dialog .modal-actions .btn{width:100%;min-width:0}}.prep-progress{color:#244d49;background:#d9dfc5;border:1px solid #93a581;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:12px 16px;display:flex}.prep-progress span{font-size:15px}.prep-tasks button:not(.active):not(:disabled){color:#244d49;background:#fbf4db;border:2px solid #52766a;box-shadow:0 3px #b4b696}.prep-tasks button:not(:disabled):hover{outline-offset:2px;outline:2px solid #c69539}.prep-tasks button:disabled{opacity:1;color:#606957;box-shadow:none;cursor:not-allowed;background:#e7e2ce;border:1px dashed #939b82}.prep-load{background:#ece7d1;border:1px solid #b9b99c;border-radius:12px;margin-top:18px;padding:16px}.prep-load p{margin:0 0 12px!important}.prep-load strong,.prep-load span{display:block}.prep-load span{margin-top:3px;font-size:15px}.prep-load .btn{white-space:normal;width:100%}.prep-load .btn:disabled{opacity:1;color:#5c675c;box-shadow:none;cursor:not-allowed;background:#d6d6c5;border:1px solid #a4ad98}.prep-load.ready{background:#f4e2aa;border:2px solid #b0832a;box-shadow:inset 0 1px #fff7d9}.prep-load.ready .btn{color:#173f3b;background:linear-gradient(110deg,#efcc77,#d7a74e);font-weight:700;box-shadow:0 4px #8c6a31}.station-status{color:#fff0c7;background:#173e3ded;border:1px solid #d2b579;border-radius:10px;padding:12px 18px;font-weight:600}.context:has(.station-status) small{white-space:normal;max-width:340px}.context small{white-space:normal}.game.sounding-operation .compass,.game.sounding-operation .weather-banner{display:none}@media (width<=650px){.game.pilot-station .context{max-width:calc(100% - 195px);bottom:90px}.game.pilot-station:not(.sounding-operation) .compass{bottom:230px}.game.sounding-operation .context{max-width:calc(100% - 195px)}}@media (width<=430px){.game.pilot-station .context{max-width:calc(100% - 30px);bottom:148px}.game.pilot-station:not(.sounding-operation) .compass{bottom:285px}}.ashore-button{color:#f4e4ba;background:#173c3ded;border:1px solid #d5b77799;min-height:44px;margin:8px auto 0;font-size:15px;display:block}.wharf-ui{z-index:6;pointer-events:none;color:#fff0cc;position:absolute;inset:0}.wharf-ui[hidden]{display:none}.wharf-ui button{pointer-events:auto}.on-foot .hud-mission,.on-foot .ship-status,.on-foot .compass,.on-foot .sail-control,.on-foot .command,.on-foot .context,.on-foot .touch-helm,.on-foot .weather-banner,.on-foot #port-label{display:none}.wharf-heading{background:linear-gradient(90deg,#163a3af2,#163a3ab8);border-left:2px solid #d4af68;border-radius:0 14px 14px 0;max-width:440px;padding:16px 22px;position:absolute;top:106px;left:24px;box-shadow:0 12px 40px #001b1b24}.wharf-heading span{letter-spacing:.17em;color:#f0c876;font-size:12px}.wharf-heading h2{margin:8px 0;font:32px/1.1 Georgia,serif}.wharf-heading p{margin:0;font-size:14px;line-height:1.5}.wharf-stations{flex-wrap:wrap;justify-content:center;gap:9px;display:flex;position:absolute;bottom:112px;left:20px;right:20px}.wharf-stations button{color:#faedca;font:inherit;background:#173a39ee;border:1px solid #c0ad7a99;border-radius:22px;min-height:44px;padding:11px 17px;font-size:14px;box-shadow:0 3px #001f2088}.wharf-stations button:hover{background:#355752}.wharf-stations button:focus-visible{outline-offset:3px;outline:2px solid #f6ca7a}.wharf-footer{background:#143535ed;border:1px solid #d9bb7177;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;display:flex;position:absolute;bottom:18px;left:20px;right:20px;box-shadow:0 5px 24px #001c1db0}.wharf-footer p{flex:1;margin:0;font-size:15px}.wharf-footer .btn{white-space:nowrap;min-height:44px;font-size:14px}dialog.story-dialog{width:min(1080px,94vw);max-width:1080px;padding:24px;overflow:auto}.story-dialog .modal-head{padding:0 12px}.story-dialog .modal-head h2{margin:8px 0 16px;font-size:clamp(25px,4vw,42px)}.story-dialog .modal-body{padding:0}.scene-stage{isolation:isolate;background:#12343a;border:1px solid #7e724d;border-radius:12px;height:min(53vh,470px);min-height:190px;position:relative;overflow:hidden}.scene-art{background:url(/art/harbour.png) 50%/cover;animation:16s ease-in-out both story-drift;position:absolute;inset:-3%}.scene-stage[data-shot="1"] .scene-art{background-image:url(/art/ship-life.png);background-position:50% 42%}.scene-ending .scene-art{filter:brightness(.65)saturate(.8)}.scene-ending[data-shot="2"] .scene-art{filter:brightness(.5)saturate(.8);background-image:url(/art/open-atlantic.png)}.scene-haze{pointer-events:none;background:linear-gradient(#0000 35%,#082b31f7);position:absolute;inset:0}.scene-subtitle{text-align:center;color:#fff1d0;text-shadow:0 2px 6px #00191c;margin:0;font:clamp(18px,2vw,25px)/1.5 Georgia,serif;position:absolute;bottom:16px;left:7%;right:7%}.story-dialog .scene-stage .scene-subtitle{color:#fff3d0;background:#092f37e8;border:1px solid #e1c99735;border-radius:8px;margin:0;padding:12px 16px;line-height:1.45}.scene-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.scene-controls>span{margin-right:auto;font-size:13px}.scene-controls button{min-height:44px}.scene-progress{background:#927e5130;border-radius:3px;height:3px;margin-top:12px;overflow:hidden}.scene-progress i{background:#9c723d;width:0;height:100%;display:block}.saffron-wake{filter:drop-shadow(0 0 5px #eea94f);opacity:.8;border-top:3px solid #ead399;border-bottom:1px solid #eed68e66;border-radius:50%;width:40%;height:6%;animation:8s ease-in-out infinite wake-drift;display:none;position:absolute;top:28%;left:25%;transform:rotate(-16deg)}.scene-ending[data-shot="2"] .saffron-wake{display:block}.scene-stage[data-paused=true] .scene-art,.scene-stage[data-paused=true] .saffron-wake{animation-play-state:paused}@keyframes story-drift{0%{transform:scale(1)translate(-1%)}to{transform:scale(1.065)translate(1%)}}@keyframes wake-drift{0%{opacity:0;transform:translate(-12%)rotate(-16deg)scale(.8)}45%{opacity:.8}to{opacity:0;transform:translate(28%)rotate(-16deg)scale(1.15)}}@media (width<=650px){.wharf-heading{max-width:none;padding:10px 14px;top:90px;left:15px;right:15px}.wharf-heading h2{font-size:25px}.wharf-heading p{font-size:12px}.wharf-footer{flex-wrap:wrap;gap:8px;padding:12px;bottom:12px;left:12px;right:12px}.wharf-footer p{text-align:center;flex-basis:100%;font-size:13px}.wharf-footer .btn{flex:1;padding:10px}.wharf-stations{gap:6px;bottom:128px;left:12px;right:12px}.wharf-stations button{padding:9px 12px;font-size:12px}.story-dialog .modal-head h2{padding-right:28px}.scene-controls{gap:7px}.scene-controls .btn{padding:10px;font-size:13px}.scene-controls>span{display:none}.scene-subtitle{font-size:17px;bottom:12px;left:5%;right:5%}}@media (height<=550px){.wharf-heading{max-width:340px;padding:8px 14px;top:75px}.wharf-heading h2{font-size:22px}.wharf-heading p{display:none}.wharf-stations{bottom:94px}.wharf-footer{bottom:8px}.scene-stage{height:42vh;min-height:140px}.scene-subtitle{font-size:17px}.story-dialog .modal-head h2{font-size:24px}.scene-controls{margin-top:8px}}@media (width<=650px){dialog.story-dialog{padding:10px}.story-dialog .modal-head{padding:0 4px}.story-dialog .scene-stage .scene-subtitle{padding:10px;font-size:16px;left:4%;right:4%}}@media (prefers-reduced-motion:reduce){.scene-art,.saffron-wake{animation:none}.saffron-wake{opacity:.7}}.scene-golden-mystery .saffron-wake{filter:blur(14px);mix-blend-mode:screen;pointer-events:none;width:66%;height:44%;animation:14s linear both paused submerged-gold;animation-delay:var(--wake-time,0s);background:radial-gradient(at 36% 49%,#ffdc8c70,#0000 29%),radial-gradient(at 62% 55%,#d9953266,#0000 38%),radial-gradient(at 49% 38%,#f5c87645,#0000 46%);border:0;border-radius:0;top:16%;left:12%}.scene-golden-mystery .saffron-wake:before,.scene-golden-mystery .saffron-wake:after{content:"";animation:14s ease-in-out both paused submerged-shimmer;animation-delay:var(--wake-time,0s);background:radial-gradient(at 30% 60%,#ffe7ab90,#0000 17%),radial-gradient(at 66% 42%,#fbc66e65,#0000 23%);position:absolute;inset:6% 9%}.scene-golden-mystery .saffron-wake:after{filter:blur(10px);opacity:.55;animation-direction:reverse;inset:20% -5%}@keyframes submerged-gold{0%{opacity:0;transform:translate(-12%,12%)rotate(-12deg)scale(.8)}18%{opacity:.65}43%{opacity:.95;transform:translate(0)rotate(-5deg)scale(1.02,.85)}70%{opacity:.8;transform:translate(15%,6%)rotate(4deg)scale(1.12,1.05)}to{opacity:0;transform:translate(28%,-5%)rotate(9deg)scale(1.24,.9)}}@keyframes submerged-shimmer{0%,to{opacity:.2;transform:translate(-8%,8%)scale(.8,1.1)}35%{opacity:.8;transform:translate(8%,-8%)scale(1.1,.7)}65%{opacity:.5;transform:translate(-3%,9%)scale(.85,1.2)}}@media (prefers-reduced-motion:reduce){.scene-golden-mystery .saffron-wake,.scene-golden-mystery .saffron-wake:before,.scene-golden-mystery .saffron-wake:after{opacity:.65;animation:none;transform:none}}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-400.ttf)}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-600.ttf);font-weight:600}@font-face{font-family:DM;src:url(/fonts/dm-sans-400.ttf)}@font-face{font-family:DM;src:url(/fonts/dm-sans-600.ttf);font-weight:600}:root{color:#f1e5c8;font-synthesis:none;--ink:#173c40;--paper:#f5ebce;--gold:#dfb76f;--line:#d9bb7b52;--muted:#c1ccc2;background:#10282b;font-family:DM,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #f5ce79}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:400}svg{vertical-align:middle}button svg{pointer-events:none}[hidden]{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:12px;font-weight:600;line-height:1.8}.brand{color:#f3dfb6;align-items:center;gap:14px;display:flex}.brand svg{width:40px;height:40px}.brand strong{letter-spacing:.18em;font-size:14px}.brand small{letter-spacing:.19em;opacity:.8;margin-top:5px;font-size:10px;display:block}.btn{min-height:50px;color:var(--paper);background:#193c3bd9;border:1px solid #dbc08170;border-radius:4px;justify-content:space-between;align-items:center;gap:30px;padding:14px 22px;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 3px #071c1c66}.btn:hover{background:#2a5150;transform:translateY(-1px)}.btn.primary{color:#243c37;background:linear-gradient(125deg,#edce92,#dbae5c);border-color:#f5d997;font-weight:600;box-shadow:0 4px #8b6b36}.btn.primary:hover{background:#f1d394}.btn.light{color:var(--paper);background:#204c47;border-color:#315b50}.btn.small{gap:12px;min-height:42px;padding:9px 16px;font-size:14px}.icon-btn{border:1px solid var(--line);min-width:46px;min-height:46px;color:var(--paper);background:#183638c7;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:#355452}.quiet{color:inherit;background:0 0;border-bottom:1px solid #d5c08766;padding:10px}.home{isolation:isolate;background:#162f30;min-height:100svh;position:relative;overflow:hidden}.home:before{content:"";z-index:-3;background:url(/art/harbour.png) 50% 48%/cover;animation:38s ease-in-out infinite alternate breath;position:absolute;inset:0}.home:after{content:"";z-index:-2;background:linear-gradient(90deg,#08292a10 10%,#122e3180 48%,#112e30ed 78%),linear-gradient(#0c252744,#0000 60%,#122d2feb);position:absolute;inset:0}.home-header{justify-content:space-between;align-items:center;padding:30px 5vw;display:flex}.home-header .tools{align-items:center;gap:15px;display:flex}.home-content{width:min(580px,47%);margin:5vh 6vw 8vh auto}.home-content h1{letter-spacing:-.06em;text-shadow:0 3px 25px #132a2b66;margin:19px 0 25px;font-size:clamp(58px,6.6vw,110px);line-height:1.03}.home-content h1 em{color:#e9c98a;font-style:normal}.home-copy{color:#e5e6d2;max-width:410px;font-size:18px;line-height:1.8}.home-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.edition{color:#c5d1c4;margin:22px 0;font-size:12px}.home-footer{padding:0 5vw 24px;position:relative}.chapters{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.chapter{background:#0c2e2f66;border-top:1px solid #e5d1996b;align-items:center;gap:17px;padding:20px 24px;display:flex}.chapter.current{background:#244844c7;border-color:#edca82}.chapter span{color:#d5b276;font-family:Fraunces;font-size:34px}.chapter strong{font-family:Fraunces;font-size:19px;font-weight:400;display:block}.chapter small{color:#c0ccc1;font-size:12px;line-height:1.9}.colophon{letter-spacing:.08em;color:#bbc7bb;justify-content:space-between;font-size:11px;display:flex}.motif{width:30px;height:30px}.sparkle{pointer-events:none;opacity:.5;background:#f6ddac;border-radius:50%;width:2px;height:2px;animation:16s linear infinite drift;position:absolute;box-shadow:0 0 9px 3px #f5d39044}.game{height:100svh;position:relative;overflow:hidden}.sea{touch-action:none;position:absolute;inset:0}.sea canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(#152d2b99,#0000 30% 77%,#0e292979),radial-gradient(#0000 40%,#132e3120);position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.hud input{pointer-events:auto}.hud-top{justify-content:space-between;align-items:center;gap:20px;padding:20px 27px;display:flex}.game-brand{text-shadow:0 2px 7px #082423;font-family:Fraunces;font-size:25px}.game-brand small{letter-spacing:.16em;color:#e0d0ac;margin-top:6px;font-family:DM;font-size:10px;display:block}.hud-tools{gap:10px;display:flex}.hud-mission{background:linear-gradient(90deg,#183c3ae3,#17353488);border-left:2px solid #e0be7c;border-radius:0 6px 6px 0;max-width:365px;padding:10px 16px;position:absolute;top:93px;left:28px}.hud-mission h2{margin:5px 0 7px;font-size:22px}.hud-mission p{color:#e0e6d3;margin:0;font-size:13px;line-height:1.6}.ship-status{background:#173737c9;border:1px solid #c6b58044;border-radius:5px;width:180px;padding:13px 15px;position:absolute;top:91px;right:27px}.status-row{justify-content:space-between;margin:7px 0;font-size:12px;display:flex}.meter{background:#0c292b;border-radius:5px;height:4px;margin:5px 0 10px}.meter i{background:#bdc899;border-radius:5px;width:100%;height:100%;display:block}.gold{color:#eccd8b}.compass{align-items:center;gap:16px;display:flex;position:absolute;bottom:28px;left:28px}.compass-face{background:#153b3ad4;border:1px solid #d7c28a9c;border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:relative;box-shadow:inset 0 0 0 6px #c3ab6730,0 3px 18px #122d3455}.compass-face:before{content:"N";color:#ead098;font-size:11px;position:absolute;top:7px}.compass-face svg{width:39px;height:39px}.compass-copy{text-shadow:0 2px 5px #172b2a;font-size:12px;line-height:1.8}.compass-copy strong{font-size:19px;font-weight:400}.sail-control{text-align:center;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.sail-control .eyebrow{text-shadow:0 1px 4px #163c3c;margin-bottom:9px}.sail-buttons{background:#143a3adb;border:1px solid #c3b48099;border-radius:7px;display:flex;overflow:hidden;box-shadow:0 4px 15px #092a3344}.sail-buttons button{color:#e9dfc5;background:0 0;border-right:1px solid #c2bc8d30;min-width:70px;min-height:48px;font-size:13px}.sail-buttons button:last-child{border:0}.sail-buttons button.active{color:#263f38;background:#dfbd7b}.sail-hint{color:#d5ddcd;letter-spacing:.06em;margin-top:9px;font-size:10px}.command{align-items:center;gap:10px;display:flex;position:absolute;bottom:30px;right:27px}.command .btn{background:#163a3de8}.context{text-align:center;pointer-events:auto;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.context .btn{white-space:nowrap;box-shadow:0 7px 25px #062d3966}.context small{background:#183837b3;border-radius:0 0 5px 5px;padding:8px;font-size:12px;display:block}.toast{color:#234445;pointer-events:none;background:#f4e9cdec;border:1px solid #e0c38b;border-radius:7px;width:min(460px,80vw);padding:18px 24px;transition:opacity .4s;position:absolute;top:29%;left:50%;transform:translate(-50%);box-shadow:0 6px 40px #0c2b3340}.toast .speaker{letter-spacing:.14em;color:#816b3c;text-transform:uppercase;margin-bottom:7px;font-size:10px;display:block}.toast p{margin:0;font-family:Fraunces;font-size:20px;line-height:1.5}.world-label{pointer-events:none;letter-spacing:.06em;white-space:nowrap;background:#173d3ac7;border:1px solid #e4c88866;border-radius:5px;padding:8px 13px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.touch-helm{gap:10px;display:none;position:absolute;bottom:142px;left:22px}.touch-helm button{color:#f2dfb1;touch-action:none;background:#12393bcc;border:1px solid #e9d29c90;border-radius:50%;width:59px;height:59px;font-size:25px}.touch-helm button.pressed{color:#183736;background:#d9b974}.loading-screen{text-align:center;z-index:5;background:#152f32;place-content:center;display:grid;position:absolute;inset:0}.loading-screen h2{font-size:40px}.loading-screen p{color:#ddcda7}.progress-line{background:#617b70;width:170px;height:2px;margin:15px auto;overflow:hidden}.progress-line:before{content:"";background:#e5c184;width:40%;height:100%;animation:1.5s ease-in-out infinite loading;display:block}dialog{background:var(--paper);width:min(690px,100vw - 28px);max-height:calc(100svh - 34px);color:var(--ink);border:1px solid #d7b773;border-radius:13px;padding:0;overflow:auto;box-shadow:0 0 0 5px #866e4380,0 0 0 7px #d3b17a70,0 30px 120px #031e26c2,inset 0 0 55px #9174451c}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#09292dac}.modal-head{border-bottom:1px solid #af9b7140;padding:31px 38px 16px;position:relative}.modal-head .eyebrow{color:#8b7244}.modal-head h2{letter-spacing:-.03em;margin:10px 45px 9px 0;font-size:36px;line-height:1.18}.modal-close{color:#30504a;background:#e7ddbc;border-color:#b6a67570;position:absolute;top:19px;right:17px}.modal-body p{color:#456258;font-size:16px;line-height:1.75}.modal-body .subtle{color:#66776a;font-size:13px}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.modal-actions .btn{flex:1}.quote{border-left:2px solid #b79953;padding:5px 0 5px 20px;font-family:Fraunces;font-size:24px!important}.crew-row{border-bottom:1px solid #b3a27840;align-items:center;gap:14px;padding:12px 0;display:flex}.crew-face{background:#dcd5b3;border:1px solid #bda469;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-family:Fraunces;font-size:21px;display:grid}.crew-row strong{font-family:Fraunces;font-size:19px;font-weight:400}.crew-row small{color:#637468;margin-top:3px;font-size:13px;display:block}.crew-row .btn{margin-left:auto}.crew-note{margin:10px 0 0;font-size:13px!important}.task-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.task-grid button{color:#254a44;background:#e9dfbc;border:1px solid #b8a776;border-radius:5px;min-height:65px;padding:12px}.task-grid button.active{color:#f7e8c7;background:#315950}.task-grid button span{margin-top:5px;font-size:12px;display:block}.puzzle-feedback{min-height:45px;margin:17px 0 5px;font-size:14px!important}.manifest{border-collapse:collapse;width:100%;margin-top:15px;font-size:14px}.manifest td{border-bottom:1px solid #b7a98655;padding:10px 4px}.manifest td:last-child{text-align:right}.card-note{color:#526353;background:#dfdebd;border-left:2px solid #9da678;margin-top:17px;padding:15px 19px;font-size:14px;line-height:1.6}.key-list{grid-template-columns:115px 1fr;gap:16px 20px;font-size:15px;line-height:1.7;display:grid}.key-list kbd{color:#4a614f;background:#e2d9b8;border:1px solid #afa483;border-radius:3px;padding:1px 7px;display:inline-block}.chart{aspect-ratio:600/640;background:#dce2ca;border:1px solid #a8aa82;border-radius:7px;width:100%}.chart text{fill:#3a594e;font-family:DM;font-size:13px}.chart .sea-grid{stroke:#91a89c;stroke-width:.5px;opacity:.3}.chart .land{fill:#a5b28b;stroke:#849573;stroke-width:1px}.chart .route{fill:none;stroke:#9b814e;stroke-width:2px;stroke-dasharray:5 6}.journal-entry{border-left:1px solid #c4b280;padding:13px 0 13px 20px;font-size:15px;line-height:1.6;position:relative}.journal-entry:before{content:"";background:#ba9852;border-radius:50%;width:6px;height:6px;position:absolute;top:22px;left:-3px}.settings-row{justify-content:space-between;align-items:center;gap:15px;margin:20px 0;display:flex}.settings-row input{accent-color:#456951;width:50%}.save-row{border-bottom:1px solid #b7aa8055;align-items:center;gap:8px;padding:14px 0;display:flex}.save-row .save-label{margin-right:auto;font-size:15px}.save-row small{color:#637464;margin-top:5px;font-size:11px;display:block}.modal-illustration{background:url(/art/ship-life.png) 45% 57%/cover;border-radius:6px;height:160px;margin-bottom:20px}.return{text-align:center;margin-top:20px}.return button{color:#476354}.danger{color:#8e4e38!important}.locked{opacity:.68}.weather-banner{letter-spacing:.1em;color:#e7e9d8;background:#173d3b80;border-radius:4px;padding:9px 16px;font-size:12px;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes breath{to{transform:scale(1.045)translate(-.5%,.4%)}}@keyframes drift{0%{opacity:0;transform:translateY(50px)}30%{opacity:.6}to{opacity:0;transform:translate(80px,-120px)}}@keyframes loading{to{transform:translate(270%)}}@media (hover:none),(pointer:coarse){.touch-helm{display:flex}.sail-hint{display:none}.compass{bottom:23px}.sail-control{bottom:27px}}@media (width<=1000px){.home-content{width:49%;margin-right:5vw}.home-content h1{font-size:72px}.home:after{background:linear-gradient(90deg,#0c2c2c25,#123538dd 60%),linear-gradient(#0000,#112e30f2)}.chapter{gap:10px;padding:16px 12px}.chapter strong{font-size:17px}.compass-copy{display:none}.command .btn{gap:10px;padding:12px;font-size:13px}.sail-buttons button{min-width:61px}.hud-mission{max-width:310px}.game-brand{font-size:23px}}@media (width<=650px){.home-header{padding:23px}.brand strong{font-size:11px}.brand small{font-size:8px}.home-header .quiet{display:none}.home:before{background-position:36%}.home:after{background:linear-gradient(#15353325 0%,#133133e8 52%,#143436 96%)}.home-content{width:auto;margin:26vh 27px 35px}.home-content h1{font-size:66px;line-height:1.05}.home-copy{font-size:16px}.home-footer{padding:0 25px 25px}.chapters{grid-template-columns:1fr;gap:8px}.chapter{padding:15px 18px}.colophon{gap:18px;font-size:9px;line-height:1.7}.home-actions .btn{flex:1;gap:10px;font-size:14px}.hud-top{align-items:flex-start;padding:16px}.hud-tools{gap:6px}.hud-tools .icon-btn{min-width:39px;min-height:39px}.game-brand{max-width:150px;font-size:21px}.game-brand small{font-size:8px;line-height:1.6}.hud-mission{max-width:calc(100% - 110px);padding:8px 10px;top:84px;left:15px}.hud-mission .eyebrow{font-size:9px}.hud-mission h2{margin:3px 0 5px;font-size:18px}.hud-mission p{font-size:11px}.ship-status{width:83px;padding:7px;font-size:10px;top:85px;right:15px}.status-row{font-size:10px}.ship-status .status-row .long{display:none}.weather-banner{white-space:nowrap;background:#133434b3;font-size:10px;top:auto;bottom:218px}.compass{bottom:88px;left:15px}.compass-face{width:64px;height:64px}.compass-face svg{width:30px;height:30px}.sail-control{width:calc(100% - 30px);bottom:21px;left:15px;transform:none}.sail-buttons{justify-content:space-between;width:100%}.sail-buttons button{flex:1;font-size:12px}.sail-control .eyebrow,.sail-hint{display:none}.command{bottom:90px;right:15px}.command .btn{min-height:48px}.context{max-width:calc(100% - 30px);bottom:162px}.context .btn{min-height:45px;padding:12px 18px;font-size:13px}.touch-helm{gap:6px;bottom:162px;left:15px}.touch-helm button{width:44px;height:44px;font-size:20px}.touch-helm:not([hidden])~.context{max-width:calc(100% - 145px);left:auto;right:15px;transform:none}.context small{font-size:10px}.toast{width:calc(100% - 40px);padding:15px 18px;top:32%}.toast p{font-size:18px}.modal-head{padding:25px 24px 13px}.modal-head h2{font-size:30px}.modal-body{padding:21px 24px 27px}.modal-body p{font-size:15px}.key-list{grid-template-columns:100px 1fr;gap:13px;font-size:14px}.crew-row{gap:9px}.crew-row strong{font-size:17px}.crew-row .btn{gap:6px;padding:8px 10px;font-size:12px}.save-row{flex-wrap:wrap}.save-row .save-label{width:100%}.modal-actions .btn{padding:12px 15px;font-size:14px}.task-grid{gap:8px}.task-grid button{font-size:14px}.world-label{font-size:10px}}@media (height<=550px) and (width>=650px){.hud-top{padding:12px 20px}.hud-mission{top:69px}.ship-status{top:65px}.compass,.sail-control{bottom:15px}.command{bottom:19px}.context{bottom:114px}.toast{width:400px;top:30%}.home-content{margin-top:10px}.home-content h1{font-size:60px}.home-footer{padding-top:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.harbour-life{pointer-events:none;inset:0;overflow:hidden}.harbour-mist{opacity:.13;filter:blur(22px);background:radial-gradient(#c9dfd7 0%,#0000 67%);width:75%;height:24%;animation:24s ease-in-out infinite alternate harbour-breeze;position:absolute;top:26%;left:20%}.harbour-shimmer{opacity:.2;background:repeating-linear-gradient(176deg,#0000 0 26px,#d4ead622 27px,#0000 29px 58px);animation:10s ease-in-out infinite alternate harbour-tide;position:absolute;inset:44% -10% 0;-webkit-mask-image:linear-gradient(#0000,#000 30%,#0000 92%);mask-image:linear-gradient(#0000,#000 30%,#0000 92%)}.harbour-gull{left:-140px;top:var(--height);width:min(var(--size), 22vw);aspect-ratio:1;opacity:0;animation:gull-crossing var(--duration) linear var(--delay) infinite;position:absolute}.harbour-gull[data-course=west]{animation-direction:reverse}.gull-bank,.gull-sprite{width:100%;height:100%;display:block}.gull-bank{transform-origin:50% 64%;animation:gull-bank var(--bank-cycle) ease-in-out var(--bank-delay) infinite}.gull-sprite{filter:drop-shadow(0 1px 1px #163e4540);background:url(/art/harbour-gulls.webp) 50% 0/500% 100% no-repeat}@keyframes harbour-breeze{to{opacity:.21;transform:translate(8%,-12px)}}@keyframes harbour-tide{to{opacity:.3;transform:translate(20px,8px)skew(-2deg)}}@keyframes gull-crossing{0%{opacity:0;transform:translateY(15px)}8%{opacity:.98}45%{transform:translate(calc(48vw + 134px),-18px)}90%{opacity:.98}to{opacity:0;transform:translate(calc(100vw + 280px),12px)}}@keyframes gull-bank{0%,to{transform:scaleX(var(--facing)) rotate(-3deg)}45%{transform:scaleX(var(--facing)) rotate(4deg)}75%{transform:scaleX(var(--facing)) rotate(-1deg)}}.page-inactive .harbour-life *,.menu-screen[hidden] .harbour-life *{animation-play-state:paused}.reduced-motion .harbour-life{display:none}@media (prefers-reduced-motion:reduce){.harbour-life{display:none}}.harbour-life{z-index:-1;pointer-events:none;position:absolute;inset:0}.home[hidden] .harbour-life *{animation-play-state:paused}dialog{scrollbar-color:#8a9b84 #ede3c4;background-color:#0000;background-image:radial-gradient(at 15% 0,#fffdf4,#0000 65%),linear-gradient(145deg,#f8edcf,#e9d8af);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:padding-box;border:17px solid #0000;border-image:url(/art/dockline-frame.png) 14% round;border-radius:32px;width:min(740px,100vw - 28px);box-shadow:inset 0 9px 16px -9px #463319bd,inset 7px 0 13px -9px #604629,0 22px 60px #061c22b3}.modal-head{padding:27px 30px 16px}.modal-body{padding:24px 30px 29px}.modal-head h2{font-size:35px}.btn{border-radius:8px}.modal-head:after{content:"";background:linear-gradient(90deg,#ba9659,#0000);height:1px;position:absolute;bottom:-1px;left:30px;right:30px}.course-choices{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.course-choices .btn{flex:1;min-width:140px;font-size:13px}.weather-banner{letter-spacing:.045em;font-size:11px}.sail-control{max-width:40%}.command .btn{gap:12px;padding:12px 15px}.command{gap:8px}.hud-mission p{font-size:14px}.hud-mission .eyebrow{font-size:11px}.ship-status .status-row{font-size:13px}.world-label{box-shadow:0 3px 10px #0b28264a}@media (width<=900px){.command .btn{gap:0;width:46px;min-height:46px;padding:10px;font-size:0}.command .btn svg{width:24px;height:24px}.hud-mission{max-width:calc(100% - 160px)}.ship-status{width:116px}.sail-control{max-width:50%}.sail-buttons button{min-width:60px}.weather-banner{top:70px}.hud-mission,.ship-status{top:111px}}@media (width<=650px){.hud-mission{max-width:calc(100% - 131px);max-height:138px;top:86px}.hud-mission p{font-size:12px}.hud-mission h2{font-size:19px}.hud-mission .eyebrow{font-size:9px}.ship-status{width:100px;top:87px}.ship-status .status-row{font-size:11px}.weather-banner{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 25px);font-size:10px;top:auto;bottom:151px}.sail-control{max-width:none}.context,.touch-helm:not([hidden])~.context{width:max-content;max-width:calc(100% - 30px);bottom:203px;left:50%;right:auto;transform:translate(-50%)}.context .btn{white-space:normal;max-width:100%;font-size:14px}.touch-helm{bottom:86px}.touch-helm button{width:52px;height:52px}.compass{bottom:86px}.command{bottom:91px}.command .btn{width:46px}.toast{width:calc(100% - 35px);top:29%}.modal-head{padding:23px 20px 14px}.modal-body{padding:20px}.modal-head h2{margin-right:36px;font-size:29px}.modal-head .eyebrow{font-size:10px}.modal-close{min-width:39px;min-height:39px;top:13px;right:9px}.key-list{grid-template-columns:78px 1fr}.course-choices .btn{min-width:100%}.compass-copy{display:none}}@media (width<=650px) and (pointer:coarse){.compass{display:none}.sail-control{padding-bottom:env(safe-area-inset-bottom)}.touch-helm{bottom:calc(86px + env(safe-area-inset-bottom))}}@media (height<=520px){.hud-mission{max-width:250px;top:65px}.hud-mission .eyebrow{display:none}.hud-mission h2{font-size:18px}.ship-status{width:115px;top:65px}.weather-banner{max-width:32%;top:13px}.context{bottom:120px}.toast{padding:12px 20px;top:35%}.toast p{font-size:16px}.compass-face{width:65px;height:65px}.touch-helm{bottom:90px}.command{bottom:17px}.command .btn{width:44px;padding:9px;font-size:0}.sail-control{bottom:17px}}.toast{width:min(460px,100% - 34px);padding:11px 18px;top:auto;bottom:161px}.toast p{font-size:17px;line-height:1.4}.toast .speaker{margin-bottom:5px}.hud:has(.toast:not([hidden])) .weather-banner{opacity:0}@media (height<=520px){.toast{max-width:390px;bottom:120px}.toast p{font-size:15px}}.compass{background:#123737e8;border:1px solid #ddc58b66;border-radius:12px;gap:12px;max-width:300px;padding:10px 14px 10px 10px;box-shadow:0 5px 20px #062b3244}.compass-face{background:repeating-conic-gradient(from -1deg,#dac68c88 0deg 2deg,#0000 2deg 30deg),#173b3b;flex:none;width:65px;height:65px;box-shadow:inset 0 0 0 5px #143636,inset 0 0 0 6px #d5b66d66}.compass-face:before{content:none}.compass-face .cardinal{z-index:2;color:#f3d18b;background:#173b3b;padding:1px 2px;font-size:10px;font-weight:600;line-height:1;position:absolute}.compass-face .north{top:3px;left:50%;transform:translate(-50%)}.compass-face .south{bottom:3px;left:50%;transform:translate(-50%)}.compass-face .east{top:50%;right:2px;transform:translateY(-50%)}.compass-face .west{top:50%;left:2px;transform:translateY(-50%)}.compass-face svg{width:53px;height:53px;position:absolute}.compass-copy{flex-direction:column;min-width:0;font-size:11px;line-height:1.45;display:flex}.compass-copy strong{color:#f2d59a;white-space:nowrap;font-family:DM;font-size:19px;font-weight:600}.compass-copy #course-label{color:#e3dec8;font-size:11px}.compass-copy #bearing{color:#d3e2d9;font-size:11px}.compass-copy #speed{color:#bdcebe;font-size:11px}.compass-copy .tacking{color:#ffe3a4}@media (width<=1150px){.compass{bottom:96px;left:22px}.touch-helm{bottom:198px}}@media (width<=650px){.compass{gap:9px;max-width:calc(100% - 30px);padding:7px 10px 7px 7px;display:flex;bottom:150px;left:15px}.compass-face{width:48px;height:48px}.compass-face svg{width:41px;height:41px}.compass-face:before{font-size:8px;top:4px}.compass-copy strong{font-size:17px}.compass-copy #speed{display:none}.touch-helm{bottom:86px}.weather-banner{max-width:calc(100% - 30px);bottom:238px}.toast{bottom:238px}.context,.touch-helm:not([hidden])~.context{bottom:240px}.hud:has(.toast:not([hidden])) .weather-banner{opacity:0}}@media (height<=520px) and (width>=651px){.compass{gap:8px;padding:6px 9px;bottom:89px;left:20px}.compass-face{width:47px;height:47px}.compass-face svg{width:41px;height:41px}.compass-copy strong{font-size:17px}.compass-copy #speed{display:none}.touch-helm{bottom:172px;left:20px}.toast{width:330px;bottom:108px;left:auto;right:20px;transform:none}.context{bottom:93px;left:auto;right:20px;transform:none}.weather-banner{top:13px;bottom:auto}}.hud:has(.toast:not([hidden])) .context{opacity:1;pointer-events:auto}.hud:has(.toast:not([hidden])) .context button{pointer-events:auto}.touch-device .touch-helm{display:flex}.touch-device .sail-hint{display:none}@media (width<=650px){.hud-tools .icon-btn,.modal-close{min-width:44px;min-height:44px}.btn.small{min-height:44px}.weather-banner{display:none}.toast{width:calc(100% - 145px);padding:11px 13px;top:86px;bottom:auto;left:15px;transform:none}.toast p{font-size:15px;line-height:1.4}.toast .speaker{letter-spacing:.06em;font-size:9px}.hud:has(.toast:not([hidden])) .hud-mission{opacity:0}.context,.touch-helm:not([hidden])~.context{width:auto;max-width:calc(100% - 182px);inset:auto auto 91px 15px;transform:none}.context .btn{gap:10px;min-height:48px;padding:9px 12px;font-size:13px}.context small{display:none}.hud:has(.context button) .touch-helm{display:none}}.brand-seal{filter:drop-shadow(0 3px 5px #071f2877);flex:none;width:64px;height:64px}.home{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.home-header{gap:20px;padding:20px 5vw}.home-content{align-self:center;width:min(660px,48%);margin:12px 6vw 22px auto}.home-content h1{letter-spacing:-.05em;margin:16px 0 24px;font-size:clamp(55px,5.4vw,102px);line-height:1.06}.home-content h1>span{letter-spacing:-.04em;margin-bottom:5px;font-size:.58em;line-height:1.05;display:block}.home-content h1 em{white-space:nowrap;display:block}.home-copy{margin-bottom:14px;font-size:17px;line-height:1.65}.home-actions{gap:14px;margin-top:23px}.home-music{flex-wrap:wrap;align-items:center;gap:14px;margin-top:17px;display:flex}.title-music{color:#f5e9c8;background:#17393abb;border:1px solid #d8bd8266;border-radius:24px;align-items:center;gap:10px;min-height:44px;padding:9px 14px;font-size:14px;display:inline-flex;box-shadow:0 3px 12px #0e2b3044}.title-music:hover{background:#2b514e}.title-music[aria-pressed=true]{background:#33564f;border-color:#e8c381}#title-music-icon{text-align:center;color:#edc986;width:17px;font-size:13px}.home-music small{color:#d3d9c5;font-family:Fraunces,Georgia,serif;font-size:14px;font-style:italic}.edition{margin:13px 0 0;font-size:12px}.home-footer{padding:0 5vw 18px}.chapters{gap:18px;margin-bottom:15px}.chapter{background:#103436ba;border-radius:3px;gap:15px;padding:16px 20px}.chapter strong{font-size:20px}.chapter span{font-size:32px}.chapter small{font-size:12px}.colophon{font-size:10px}@media (width>=1001px) and (height>=650px){.home{height:100svh}.home-content{margin-top:0;margin-bottom:14px}.home-content h1{font-size:clamp(55px,min(5.4vw,10svh),98px)}.home-header{padding-top:clamp(15px,2.4svh,24px);padding-bottom:12px}.home-copy{margin-bottom:12px;line-height:1.6}}@media (width>=1001px) and (height<=800px){.brand-seal{width:55px;height:55px}.home-content h1{margin:10px 0 15px;font-size:clamp(53px,8.9svh,75px)}.home-content .eyebrow{font-size:11px}.home-copy{margin-bottom:9px;font-size:16px}.home-actions{margin-top:15px}.home-music{margin-top:11px}.edition{margin-top:9px}.chapter{padding:12px 17px}.chapter strong{font-size:18px}.home-footer{padding-bottom:12px}.colophon{font-size:9px}}@media (width<=1000px){.home-content{width:min(600px,57%);margin-right:5vw}.home-content h1{font-size:clamp(48px,6.4vw,70px)}.home-content h1 em{white-space:normal}.home-copy{font-size:16px}.home-actions .btn{gap:14px;padding:12px 16px}.chapters{gap:10px}.chapter{gap:9px;padding:12px}.chapter strong{font-size:16px}.chapter small{font-size:11px}.brand-seal{width:55px;height:55px}}@media (width<=650px){.home-header{padding:16px 20px}.brand{gap:11px}.brand-seal{width:52px;height:52px}.home-content{width:auto;margin:clamp(62px,15svh,150px) 25px 22px}.home-content h1{margin:12px 0 18px;font-size:clamp(47px,12vw,68px)}.home-content h1 em{white-space:normal}.home-copy{margin-bottom:10px;font-size:15px;line-height:1.5}.home-actions{gap:10px;margin-top:17px}.home-actions .btn{min-height:47px;font-size:13px}.home-music{gap:9px;margin-top:14px}.title-music,.home-music small{font-size:13px}.edition{font-size:11px;line-height:1.5}.home-footer{padding:0 25px 18px}.chapters{grid-template-columns:1fr;gap:6px;margin-bottom:12px}.chapter{padding:10px 14px}.chapter strong{font-size:17px}.chapter span{font-size:26px}.chapter small{font-size:11px}.colophon{font-size:9px;line-height:1.5}}@media (width<=650px) and (height>=780px){.home-content{margin-top:30px}.home-copy{margin-bottom:8px}.home-content h1{font-size:clamp(45px,12vw,60px)}.home-actions{margin-top:14px}}.chapter{text-align:left;color:var(--paper)}.chapter:disabled{opacity:1;cursor:default}.chapter.current:hover{background:#36564dcf}.chapter.current:focus-visible{outline-offset:3px}.wind-indicator{color:#e7f2e7;border-top:1px solid #ddc58b55;align-items:center;gap:9px;margin-top:10px;padding-top:10px;display:flex}.wind-indicator span{flex-direction:column;gap:3px;display:flex}.wind-indicator small{letter-spacing:.08em;color:#d8d9b9;font-size:10px}.wind-indicator strong{white-space:nowrap;font-size:13px;font-weight:500}.wind-dial{fill:none;stroke:#bddbd0;stroke-width:1.3px;flex:none;width:42px;height:42px;overflow:visible}.wind-dial text{fill:#eed49d;stroke:none;text-anchor:middle;font:7px sans-serif}.wind-dial g{transform-origin:22px 22px;stroke:#c4eee3;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (width<=900px){.wind-indicator{gap:6px}.wind-dial{width:30px;height:30px}.wind-indicator strong{font-size:11px}.wind-indicator small{letter-spacing:0;font-size:9px}}@media (width>=500px) and (height<=700px){.home{height:100svh;min-height:520px}.home-header{padding:12px 4.5vw 8px}.brand-seal{width:46px;height:46px}.brand strong{font-size:11px}.brand small{font-size:8px}.home-content{width:min(550px,52%);margin:6px 5vw 13px auto}.home-content .eyebrow{letter-spacing:.13em;font-size:10px}.home-content h1{margin:7px 0 12px;font-size:clamp(36px,5vw,48px)}.home-content h1>span{font-size:.56em}.home-content h1 em{white-space:nowrap}.home-copy{vertical-align:top;width:49%;margin-bottom:6px;font-size:13px;line-height:1.45;display:inline-block}.home-actions{gap:10px;margin-top:9px}.home-actions .btn{gap:12px;min-height:44px;padding:9px 14px;font-size:13px}.home-music{margin-top:10px}.home-music small{display:none}.title-music{min-height:42px;font-size:12px}.edition{margin-top:9px;font-size:10px}.home-footer{padding:0 4.5vw 12px}.chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:9px}.chapter{gap:8px;padding:10px 11px}.chapter span{font-size:24px}.chapter strong{font-size:15px}.chapter small{font-size:10px;line-height:1.5}.colophon{gap:12px;font-size:8px}}@media (width>=500px) and (width<=750px) and (height<=700px){.home-content{width:auto;margin:6px 25px 12px}.home-content h1{font-size:42px}.home-actions .btn{flex:1}.home-copy{max-width:none}}@media (width>=1000px){dialog[data-modal=handbook]{width:min(1200px,100vw - 48px)}dialog[data-modal=handbook] .modal-head{padding:22px 30px 12px}dialog[data-modal=handbook] .modal-head h2{font-size:32px}dialog[data-modal=handbook] .modal-body{padding:14px 30px 22px}dialog[data-modal=handbook] .modal-body>p{margin:0 0 18px}dialog[data-modal=handbook] .key-list{grid-template-columns:70px minmax(0,1fr) 70px minmax(0,1fr);gap:14px 18px;line-height:1.6}dialog[data-modal=handbook] .key-list>div:nth-child(4n+3){border-left:1px solid #b3a27860;margin-left:-2px;padding-left:16px}dialog[data-modal=handbook] .card-note{margin-top:18px;padding:13px 17px}dialog[data-modal=handbook] .modal-actions{margin-top:18px}}.game.on-foot #sea.walk-hover{cursor:pointer}.modal-close:hover,.modal-close:focus-visible{color:#fff3d0;background:#355452;border-color:#d9bd7e}.chapter-preview{border-color:#dbbc76;text-decoration:none}.chapter-preview:hover{background:#36564dcf}@media (width>=901px){.chapters{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=651px) and (width<=900px){.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.chapters{grid-template-columns:repeat(5,minmax(0,1fr))}.chapter{gap:10px;padding:13px}.chapter strong{font-size:17px}.chapter small{font-size:11px}}@media (width>=901px) and (width<=1199px){.chapters{grid-template-columns:repeat(3,minmax(0,1fr))}}
