@font-face{font-family:Harbor;src:local("Tahoma")}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#219da8;color:#fff;font-family:Harbor,Tahoma,Arial,sans-serif}button,input{-webkit-tap-highlight-color:transparent;font:inherit}button{cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #ffcc67;outline-offset:3px}[hidden]{display:none!important}#game{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.top{position:absolute;top:max(16px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;text-shadow:0 2px 8px #174b5944}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:#164452ec;color:#ffdc8f;font-size:28px;box-shadow:0 4px 0 #0d354144}.eyebrow{display:block;font-size:10px;letter-spacing:.7px;font-weight:700;opacity:.7;margin-bottom:3px}.brand strong{font-size:20px}.top-actions{display:flex;gap:9px;align-items:center;pointer-events:auto}.day{font-size:12px;font-weight:700;background:#174653cc;border:1px solid #ffffff25;padding:10px 14px;border-radius:30px}.icon-button{width:42px;height:42px;border:1px solid #ffffff36;color:white;background:#164452e8;border-radius:14px;font-size:22px}.quest{position:absolute;top:88px;right:24px;width:320px;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:20px;background:#123d48f2;border:1px solid #ffffff26;box-shadow:0 6px 0 #10353d24,0 12px 35px #12424b25;pointer-events:none}.quest-icon{width:42px;height:42px;display:grid;place-items:center;color:#163c43;background:#ffcf75;border-radius:14px;font-size:25px;flex-shrink:0}.quest-copy{flex:1}.quest .eyebrow{color:#ffdca3}.quest h1{font-size:15px;margin:0 0 6px}.quest p{font-size:11px;margin:0;color:#c0d8d6;line-height:1.65}.quest button{pointer-events:auto;align-self:stretch;background:none;border:0;border-right:1px solid #ffffff1c;padding:0 10px 0 0;color:#f7d386;font-size:25px}.place{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:87px;background:#fff7e8f5;color:#284b52;border:2px solid #fffc;border-radius:14px;padding:8px 11px;box-shadow:0 4px 0 #246c732a;white-space:nowrap;transition:opacity .15s;font-size:12px;font-weight:700}.place:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 6px);border-top:6px solid #fff7e8;border-left:6px solid transparent;border-right:6px solid transparent}.place small{font-size:9px;font-weight:400;color:#598089}.place.active{border-color:#ffcf75;background:#fff1c7}.place.active:after{border-top-color:#fff1c7}.upgrade-label{background:#163f4ee8;border-color:#e5c778;color:#ffe1a4}.upgrade-label small{color:#dfd2af}.upgrade-label:after{border-top-color:#163f4e}.bottom{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;pointer-events:none}.holdings{display:flex;align-items:center;gap:12px;background:#153d49ef;border:1px solid #ffffff26;border-radius:18px;padding:12px 17px;min-width:220px;box-shadow:0 5px 0 #12333b24}.cargo-icon{font-size:28px;color:#f4c676}.holdings span:not(.cargo-icon){font-size:10px;display:block;color:#bfdbd9;white-space:nowrap}.holdings strong{font-size:18px;display:block;margin-top:3px;direction:ltr;text-align:right}.slots{display:flex;gap:5px;margin-right:auto}.slots i{width:11px;height:25px;border-radius:4px;background:#365d63;border:1px solid #568084}.slots i.filled{background:#f5c674;border-color:#ffe5b3}.journey{border-radius:18px;background:#153d49ef;padding:12px 16px;text-align:center;white-space:nowrap;border:1px solid #ffffff26}.journey>span{font-size:10px;color:#bfdbd9}#cargo-progress{display:flex;gap:6px;margin-top:8px}#cargo-progress i{width:20px;height:20px;background:#365d63;border:1px solid #568084;border-radius:5px}#cargo-progress i.filled{background:#7ae0be;border-color:#a2ffe1}#joystick{position:absolute;bottom:max(60px,env(safe-area-inset-bottom));left:45px;width:120px;height:120px;border-radius:50%;border:2px solid #ffffff65;background:#f2fcf62b;box-shadow:inset 0 2px 20px #ffffff22,0 8px 24px #0a5c7320;touch-action:none;display:grid;place-items:center;user-select:none}#stick{position:absolute;width:54px;height:54px;background:#fff8e7f5;border:3px solid white;border-radius:50%;box-shadow:0 5px 0 #476b6e39,0 5px 15px #08435933}.joy-arrows{font-size:78px;color:#ffffff6b;font-weight:200}#move-hint{position:absolute;bottom:32px;left:34px;color:#f3fffa;font-size:11px;text-shadow:0 1px 6px #245e67;pointer-events:none}#upgrade-action{position:absolute;right:30px;bottom:130px;background:#ffd47c;border:2px solid #fff0c2;border-radius:18px;box-shadow:0 5px 0 #b58a41;color:#28434b;font-weight:bold;padding:17px 23px;animation:invite 1.2s infinite alternate}#toast{position:absolute;left:50%;top:25%;transform:translateX(-50%);padding:10px 20px;border-radius:30px;background:#fff7e9f0;color:#254f59;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;box-shadow:0 4px 15px #13424a26}#toast.show{opacity:1}#celebrate{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);background:#153f49ed;border:1px solid #ffdc8c;border-radius:25px;text-align:center;padding:20px 28px;max-width:85%;width:330px;pointer-events:none;box-shadow:0 15px 50px #17475430}#celebrate>span{display:block;color:#ffd27c;font-size:40px}#celebrate strong{font-size:19px}#celebrate p{font-size:12px;color:#d6e7de;line-height:1.8;margin-bottom:0}#save-status{position:absolute;bottom:8px;right:18px;font-size:9px;color:#e6ffedaa;pointer-events:none}#loading,#error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#143f4c;z-index:20;gap:16px}#loading strong{font-size:23px;color:#ffda99}#loading span{font-size:13px;color:#b6d3d0}.loader-boat{font-size:60px;animation:invite 1.3s infinite alternate}#error{padding:30px;text-align:center}#error h1{font-size:22px}#error p{font-size:14px;line-height:1.8}#error small{max-width:90%;word-break:break-word;color:#aacbc9}dialog{border:1px solid #fff4d4;border-radius:24px;background:#fff8eb;color:#254850;padding:24px;width:min(390px,90vw);max-height:85dvh;box-shadow:0 24px 100px #102f4977}dialog::backdrop{background:#0b354e80;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.dialog-heading h2{font-size:18px}dialog p{font-size:12px;line-height:1.9;color:#61787a}dialog label{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #ddd7c7;font-size:13px}input{accent-color:#237d7b;width:22px;height:22px}dialog button:not(.icon-button),#retry{border-radius:12px;padding:13px 16px;border:1px solid #d4cbb5;background:#edf1e6;color:#26504e;font-weight:700;font-size:12px}dialog .primary{width:100%;background:#256d71!important;color:white!important;margin-top:18px}dialog small{display:block;text-align:center;font-size:10px;margin-top:17px;color:#7a8b83}.offline-note{background:#e9efdf;border-radius:10px;margin-top:16px;padding:12px;font-size:11px;color:#447563}dialog .install-help{font-size:10px}.quiet{background:transparent!important;color:#8d6849!important}#reset-confirm{margin-top:10px;padding:10px;background:#f6e5d7;border-radius:12px}#reset-confirm button{margin:4px}#install{width:100%;margin-top:12px}@keyframes invite{to{transform:translateY(-4px)}}@media(max-width:600px){.top{top:max(12px,env(safe-area-inset-top));left:14px;right:14px}.brand-icon{width:38px;height:38px;font-size:23px;border-radius:13px}.brand strong{font-size:17px}.brand .eyebrow{font-size:9px}.day{padding:8px 10px;font-size:10px}.icon-button{width:36px;height:36px;font-size:20px;border-radius:12px}.quest{top:72px;right:14px;left:14px;width:auto;gap:10px;padding:12px 13px;border-radius:17px}.quest h1{font-size:14px}.quest p{font-size:10px}.quest-icon{width:36px;height:38px;font-size:22px}.quest .eyebrow{font-size:9px}.bottom{bottom:max(18px,env(safe-area-inset-bottom));left:14px;right:14px;transform:none;justify-content:space-between;gap:8px}.holdings{padding:9px 12px;min-width:0;flex:1;border-radius:15px;gap:9px}.holdings strong{font-size:16px}.journey{padding:9px 12px;border-radius:15px}#cargo-progress{gap:5px;margin-top:6px}#cargo-progress i{width:16px;height:16px}.slots i{width:9px;height:22px}.holdings span:not(.cargo-icon){font-size:9px}#joystick{width:105px;height:105px;left:25px;bottom:118px}#stick{width:46px;height:46px}#move-hint{bottom:92px;left:16px;font-size:9px}#upgrade-action{right:17px;bottom:144px;padding:14px;font-size:12px;border-radius:14px}.place{font-size:10px;padding:6px 8px;min-width:72px;border-radius:11px}.place small{font-size:8px}#save-status{bottom:3px;right:17px;font-size:8px}#toast{top:166px;font-size:11px;padding:9px 14px;max-width:90%;white-space:normal;text-align:center}#celebrate{top:40%;width:290px;padding:17px}#celebrate strong{font-size:17px}}@media(max-height:520px){.quest{top:65px;width:280px;left:auto;right:14px;padding:8px}.top{top:8px}.brand strong{font-size:15px}.bottom{left:auto;right:20px;transform:none;bottom:15px}#joystick{bottom:55px;width:90px;height:90px}#move-hint{bottom:25px}.place{padding:5px 8px}.quest p{font-size:10px}#upgrade-action{bottom:100px}.journey{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
#context-action{position:absolute;right:30px;bottom:130px;background:#ffd47c;border:2px solid #fff0c2;border-radius:18px;box-shadow:0 5px 0 #b58a41;color:#28434b;font-weight:bold;padding:17px 23px;max-width:210px;z-index:3}#explore-link{position:absolute;right:28px;bottom:218px;background:#174c59ed;border:1px solid #cbe8d4aa;border-radius:24px;color:#fff0cd;font-size:12px;padding:12px 18px;box-shadow:0 5px 20px #14566522}#voyage-hud{position:absolute;top:193px;right:24px;width:320px;display:flex;align-items:center;gap:12px;background:#15434ee8;border:1px solid #ffffff2e;padding:9px;border-radius:17px;pointer-events:none;direction:ltr}#mini-map{width:104px;height:80px;flex-shrink:0}.voyage-info{flex:1;direction:rtl}.voyage-info>div:first-child{display:flex;align-items:center;gap:9px}.voyage-info strong{font-size:11px}.voyage-info small{font-size:9px;color:#c2d9cc;line-height:1.6;display:block;margin-top:6px}#bearing{display:inline-block;font-size:25px;color:#ffd57b;line-height:1}.sea-destinations{display:flex;gap:6px;margin-top:8px;pointer-events:auto}.sea-destinations button{padding:5px 10px;border:1px solid #cbe3cd65;border-radius:12px;background:#ffffff13;color:#fce4b8;font-size:10px}#island-reserve{position:absolute;top:193px;right:26px;border-radius:20px;padding:9px 15px;background:#174c59d9;color:#ffe8b6;font-size:11px;pointer-events:none}#island-cargo{display:block;font-size:19px;margin-top:5px;color:#a2ffe1;direction:ltr}#island-labels .place{border-color:#ffd77c}@media(max-width:600px){#voyage-hud{top:163px;left:14px;right:14px;width:auto;gap:9px;padding:8px}#mini-map{width:91px;height:70px}.voyage-info strong{font-size:10px}.voyage-info small{font-size:8px}.sea-destinations{margin-top:5px}.sea-destinations button{padding:4px 9px;font-size:9px}#context-action{right:17px;bottom:144px;padding:14px;font-size:12px;border-radius:14px;max-width:180px}#explore-link{right:18px;bottom:216px;font-size:10px;padding:10px 14px}#island-reserve{top:164px;right:15px;font-size:10px}#island-cargo{font-size:17px}}@media(max-height:520px){#voyage-hud{top:166px;right:14px;left:auto;width:250px;padding:5px}#mini-map{width:76px;height:58px}.voyage-info small{display:none}#context-action{bottom:90px}#explore-link{bottom:154px}#island-reserve{top:166px}}
.away #toast{top:300px;z-index:4}@media(max-width:600px){.away #toast{top:264px}}
#celebrate{z-index:5}
/* Ten languages share the same in-world controls. */
body{font-family:Tahoma,"Noto Sans",Arial,sans-serif}.quest-copy{min-width:0}.quest h1,.quest p{overflow-wrap:anywhere}.quest{min-height:84px}.top-actions{gap:5px}.language-button{font-size:15px}.day{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{opacity:.65}.voyage-info{min-width:0;direction:inherit}#voyage-hud{direction:inherit}#mini-map{order:2}html[dir=ltr] .holdings strong{text-align:left}html[dir=ltr] .slots{margin-left:auto;margin-right:0}html[dir=ltr] .quest button{border-right:0;border-left:1px solid #ffffff1c;padding:0 0 0 10px}.place{max-width:155px;white-space:normal;text-align:center}#context-action{overflow-wrap:anywhere}#island-reserve{top:188px;z-index:1}.quest{z-index:2}#voyage-hud{z-index:2}
#build-link{position:absolute;right:28px;bottom:270px;background:#f8cf7b;border:1px solid #fff0bd;border-radius:22px;padding:11px 16px;color:#234951;font-size:12px;font-weight:bold;max-width:190px}#build-panel{position:absolute;top:234px;right:24px;width:320px;padding:12px;border:1px solid #e5c884;background:#153f4ff5;border-radius:20px;z-index:4;max-height:48vh;overflow:auto;box-shadow:0 12px 40px #16475155}.build-heading{display:flex;align-items:center;gap:8px;font-size:13px}.build-heading>span{font-size:11px;color:#ffe3a4;margin-inline-start:auto}.build-heading button{background:none;border:0;color:white;font-size:23px;min-width:32px;min-height:32px}.build-card{padding:10px 0 4px;border-top:1px solid #ffffff2e;margin-top:8px}.build-card strong{font-size:13px}.build-card p{font-size:11px;line-height:1.6;color:#c8ded2;margin:5px 0 8px}.build-card button{background:#ffd580;border:1px solid #fff0c5;color:#244852;padding:10px 14px;border-radius:12px;width:100%;font-weight:bold;font-size:12px}.build-card button:disabled{background:#355966;color:#c1d2ce;border-color:#6b827c;cursor:default}select{max-width:190px;min-height:38px;border-radius:10px;border:1px solid #c6c9b5;background:#fff8e8;color:#254850;font:inherit;padding:6px 8px}dialog label{align-items:center;gap:12px}dialog .volume-row{flex-wrap:wrap}input[type=range]{width:140px;height:25px}#volume-value{font-size:11px;direction:ltr}#sound-level{width:100%;height:10px}#sound-status{margin-bottom:5px}#audio-gate{position:absolute;z-index:12;inset:0;background:#123c4e99;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:26px;text-align:center;gap:12px}#audio-gate h2{font-size:23px;margin:0;color:#ffe0a3;max-width:370px}#audio-gate p{font-size:13px;line-height:1.9;max-width:330px;margin:6px 0 14px}#audio-gate label{display:flex;gap:14px;align-items:center;font-size:13px}.audio-emblem{font-size:45px;color:#ffe0a3}#audio-gate button{width:min(330px,100%);min-height:48px;border:1px solid #ffe8b6;border-radius:16px;padding:12px;background:#ffd47c;color:#19464f;font-weight:bold}#audio-gate #start-muted{background:#174a59d9;color:#ecf2df;border-color:#cce3d773;font-size:12px}#start-audio:disabled{opacity:.6}
@media(max-width:600px){.top{left:12px;right:12px}.brand{gap:6px}.brand-icon{display:none}.brand strong{font-size:15px}.top-actions{gap:4px}.day{font-size:9px;max-width:88px;padding:7px 8px}.quest{top:66px;min-height:89px;padding:10px;gap:7px}.quest h1{font-size:13px}.quest p{font-size:10px;line-height:1.5}.quest-icon{width:31px;flex-shrink:0}.quest button{font-size:21px;min-width:30px}#island-reserve{top:163px;font-size:10px}#voyage-hud{top:163px;min-height:84px}.voyage-info strong{font-size:10px}#build-link{right:18px;bottom:262px;font-size:10px;max-width:172px}#build-panel{top:204px;right:14px;width:min(310px,calc(100% - 28px));max-height:44vh;padding:10px}.holdings span:not(.cargo-icon){white-space:normal;max-width:128px}.journey{max-width:105px;white-space:normal}.slots{gap:3px}.holdings{gap:7px}.place{max-width:120px}#context-action{max-width:180px}#audio-gate h2{font-size:21px}}@media(max-height:580px){#audio-gate{gap:6px;padding:12px}.audio-emblem{display:none}#audio-gate p{margin:0;font-size:11px}#audio-gate button{min-height:36px;padding:8px}#build-panel{top:135px;max-height:50vh}#voyage-hud{top:164px}#build-link{bottom:205px}}
.language-button{padding:0;white-space:nowrap;font-size:12px}

/* Crew management stays beside its in-world hiring board. */
#crew-panel{position:absolute;top:204px;right:14px;width:min(320px,calc(100% - 28px));max-height:48dvh;overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #ffdc8c;border-radius:20px;background:#153f4ff5;z-index:4;box-shadow:0 12px 40px #16475155}.crew-hint,#crew-status{font-size:11px;line-height:1.6;color:#c8ded2;margin:8px 0}#crew-status{color:#ffe1a5}#crew-hire,#crew-rest{width:100%;border:1px solid #ffedbc;border-radius:12px;padding:11px;margin-top:10px;background:#ffd580;color:#244852;font-weight:bold;font-size:12px}#crew-rest{background:#295865;color:#e5eee4;border-color:#86aaa3}#crew-hire:disabled{background:#355966;color:#c1d2ce;border-color:#6b827c}#crew-open{font-size:20px}#crew-panel .build-card p{margin-bottom:5px}@media(max-width:380px){.top-actions .day{display:none}}@media(min-width:601px){#crew-panel{top:203px;right:24px}}@media(max-height:580px){#crew-panel{top:130px;max-height:53dvh}}