@font-face{font-family:HarbourDisplay;src:url('assets/baloo.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:HarbourBody;src:url('assets/nunito.woff2') format('woff2');font-weight:400 900;font-display:swap}
:root { color-scheme:light; --ink:#123f4b; --paper:#fff1d4; --coral:#bd543c; --teal:#246b76; font-family:HarbourBody,Verdana,sans-serif; color:var(--ink); background:#235762; }
* { box-sizing:border-box; }
html,body { margin:0; width:100%; height:100%; overscroll-behavior:none; }
body { overflow:hidden; }
button { font:700 13px 'Trebuchet MS',Verdana,sans-serif; min-height:44px; color:var(--ink); background:#fff2dbe8; border:1px solid #335b6455; border-radius:5px; padding:10px 14px; cursor:pointer; }
button:hover { background:#fff9e7; }
button:focus-visible,canvas:focus-visible { outline:3px solid #a34831;outline-offset:3px; }
button[aria-pressed="true"] { background:#245e70;color:#fff3dc; }
[hidden] {display:none!important;}
#game-shell {position:relative;width:100%;height:100dvh;min-height:320px;isolation:isolate;overflow:hidden;}
#harbour {display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px;}
.masthead {position:absolute;inset:max(18px,env(safe-area-inset-top)) 24px auto;display:flex;justify-content:space-between;align-items:center;gap:14px;pointer-events:none;z-index:4;}
.wordmark {line-height:1.1; text-shadow:0 1px #d8efe7;}
.wordmark span {display:block;font-size:10px;letter-spacing:.22em;font-weight:bold;margin-bottom:5px;}
.wordmark strong {font:700 22px Georgia,serif;}
.tools {display:flex;gap:6px;pointer-events:auto;}
.tools button {background:#f6eddaee;box-shadow:0 2px 0 #507c791c;}
.tools button[aria-pressed="true"] {background:#245e70;color:#fff3dc;}
.home {position:absolute;left:6%;top:50%;transform:translateY(-46%);width:min(415px,43%);padding:26px 29px 21px;background:linear-gradient(110deg,#fff4ddeb,#fff1d4f7);border-left:4px solid #d38b64;box-shadow:8px 16px 55px #174d5630;z-index:3;}
.eyebrow {font-size:10px;font-weight:bold;letter-spacing:.17em;line-height:1.5;margin:0 0 17px;color:#865340;}
h1 {font:normal clamp(26px,3.3vw,43px)/1.08 'Palatino Linotype',Georgia,serif;letter-spacing:-.04em;margin:0 0 17px;}
h1 em {font-style:italic;color:#286b70;}
.intro {font-size:14px;line-height:1.55;margin-bottom:22px;}
.mission-tabs {display:flex;gap:0;border-bottom:2px solid #c29a70;margin-bottom:17px;}
.mission-tabs button {border:0;border-radius:3px 3px 0 0;font-size:12px;padding:8px 12px;background:transparent;}
.mission-tabs .chosen {background:#245e70;color:#fff3dc;}
.home h2 {font:normal 25px Georgia,serif;margin:0 0 9px;}
#mission-brief {font-size:13px;line-height:1.45;min-height:57px;margin:0 0 10px;}
.mission-meta {display:flex;justify-content:space-between;gap:10px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 18px;}
.primary {background:var(--coral);border-color:#a64835;color:#fff8e9;font-size:16px;padding:13px 23px;box-shadow:0 3px 0 #843d2c;}
.primary:hover {background:#a64631;}
#start-btn {width:100%;}
.text-button {background:none;border-color:transparent;text-decoration:underline;text-underline-offset:4px;box-shadow:none;}
#explore-btn {width:100%;font-size:12px;}
.controls {font-size:11px;line-height:1.55;margin:9px 0 0;color:#476771;}
.local-note {font-size:10px;line-height:1.4;color:#687972;margin:12px 0 0;}
.hud {position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:24px;right:24px;background:#fff0dbeF;border-bottom:4px solid #ca9b69;padding:14px 21px;display:grid;grid-template-columns:1.6fr .55fr 1fr .6fr;gap:20px;align-items:center;box-shadow:0 6px 22px #184d5325;pointer-events:none;}
.mission-live>span,.timer>span,.score>span {display:block;font-size:10px;font-weight:bold;letter-spacing:.13em;margin-bottom:5px;}
.mission-live>strong {font-size:14px;}
.timer strong,.score strong {font:normal 26px Georgia,serif;}
.growth>div {display:flex;justify-content:space-between;font-size:11px;gap:12px;margin-bottom:8px;}
progress {width:100%;height:9px;appearance:none;border:0;background:#c5d1b6;border-radius:3px;overflow:hidden;}
progress::-webkit-progress-bar {background:#c5d1b6;}progress::-webkit-progress-value {background:#367a78;}progress::-moz-progress-bar {background:#367a78;}
.modal {position:absolute;inset:0;background:#164c555e;display:grid;place-items:center;z-index:8;padding:24px;}
.modal-paper {width:min(470px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:#fff0d7;border-top:5px solid #cc8963;padding:34px;box-shadow:0 15px 60px #17465166;}
.modal h2 {font:normal 38px/1.05 Georgia,serif;margin:0 0 18px;}
.modal p {line-height:1.55;}
.modal-actions {display:grid;gap:11px;}
#toast {position:absolute;left:50%;top:105px;transform:translateX(-50%);max-width:85%;font-size:14px;background:#fff0d8;padding:10px 20px;border-bottom:3px solid #ba7a56;z-index:6;text-align:center;pointer-events:none;}
#storage-note {position:absolute;bottom:5px;left:5px;margin:0;font-size:10px;padding:4px 9px;background:#fff0d8;z-index:9;}
.no-script {position:absolute;inset:40% 10% auto;padding:30px;background:var(--paper);}
.fill-fallback {position:fixed!important;inset:0;z-index:9999;height:100dvh!important;}
@media(max-width:700px) {
  .masthead {inset:max(10px,env(safe-area-inset-top)) 11px auto;display:block;}
  .wordmark {display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;}
  .wordmark span {font-size:8px;letter-spacing:.15em;margin:0;}.wordmark strong{font-size:19px;}
  .tools {justify-content:flex-end;gap:4px;}.tools button{font-size:11px;padding:7px 10px;}
  .home {left:12px;right:12px;top:auto;bottom:12px;transform:none;width:auto;padding:17px 21px 12px;max-height:calc(100dvh - 150px);overflow:auto;}
  .home .eyebrow {font-size:8px;margin-bottom:8px;}h1{font-size:29px;margin-bottom:8px;}h1 br{display:none;}
  .intro {display:none;}.mission-tabs{margin-bottom:10px;}.home h2{font-size:22px;margin-bottom:7px;}
  #mission-brief{font-size:12px;min-height:0;}.mission-meta{margin-bottom:11px;}
  .controls{font-size:10px;margin:3px 0 0;}.local-note{font-size:9px;margin-top:5px;}
  .primary {min-height:47px;padding:10px 16px;font-size:15px;}
  #explore-btn {min-height:44px;}
  .hud {left:10px;right:10px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 12px;grid-template-columns:1fr auto;gap:9px 12px;}
  .mission-live>strong{font-size:12px;}.mission-live>span{font-size:9px;}.timer{text-align:right;}.timer strong{font-size:23px;}.timer>span{font-size:8px;}
  .growth{grid-column:1;}.score{grid-column:2;text-align:right;}.score>span{font-size:8px;display:inline;margin-right:6px;}.score strong{font-size:19px;}
  .modal-paper {padding:25px;}.modal h2{font-size:32px;}#toast{top:106px;font-size:12px;padding:9px 13px;}
}
@media(max-height:550px) and (min-width:701px) {
  .home {left:20px;top:85px;bottom:10px;transform:none;overflow:auto;padding:15px 22px;width:360px;}
  h1{font-size:27px;}.intro,.home>.eyebrow,.local-note{display:none;}.controls{margin:0;}.mission-tabs{margin-bottom:8px;}
  .hud{bottom:8px;padding:8px 15px;}.masthead{top:9px;}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}

/* Nautical enamel, stitched canvas and carved wood, all original code-native surfaces. */
button{font:800 13px HarbourBody,sans-serif;min-width:44px;border-radius:12px;border:1px solid #e6bd7b;background:#163f4a;color:#fff0cd;box-shadow:inset 0 2px 0 #fff3d326,0 4px 0 #102c34,0 8px 14px #0a2a3444}
button:hover{background:#286270}button:active{transform:translateY(2px)}button:focus-visible,canvas:focus-visible{outline:3px solid #fbd586}
.tools button{background:#163f4a;color:#fff0cd;box-shadow:inset 0 2px 0 #fff3d326,0 4px 0 #102c34}
.tools button[aria-pressed=true],button[aria-pressed=true]{background:#f4ca77;color:#163a43;border-color:#fff1bb}
.masthead{inset:max(16px,env(safe-area-inset-top)) 24px auto}.wordmark{color:#fff1cc;text-shadow:0 2px 0 #173b42,0 3px 13px #123c45}.wordmark strong{font:800 31px/.95 HarbourDisplay,sans-serif;letter-spacing:-.03em}.wordmark span{color:#f2d195;font:900 9px HarbourBody,sans-serif;letter-spacing:.18em}
.home{top:100px;bottom:24px;transform:none;left:4%;width:min(450px,40%);padding:25px 28px;overflow:auto;border:2px solid #e4bc79;border-radius:24px;background:radial-gradient(ellipse at 10% 0,#34626a,#163e49 75%);color:#ffedca;box-shadow:inset 0 3px 0 #ffe6b847,0 8px 0 #514331,0 25px 60px #092f4366;scrollbar-color:#d6ad72 #153d48}
.eyebrow{font:900 9px/1.5 HarbourBody,sans-serif;color:#e9c68b;letter-spacing:.16em;margin-bottom:13px}h1{font:800 clamp(30px,3.4vw,48px)/.98 HarbourDisplay,sans-serif;letter-spacing:-.04em;color:#fff1ce;margin-bottom:15px}h1 em{font-style:normal;color:#f0bd70}.intro{font-size:13px;line-height:1.5;color:#cee2d5;margin-bottom:19px}.home h2{font:800 27px/1.1 HarbourDisplay,sans-serif;color:#fff1c8}
.mission-tabs{border:0;gap:10px;margin-bottom:18px}.mission-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:10px 5px;min-width:0;min-height:98px;border:1px solid #9f9068;border-radius:12px;background:#133542;color:#e0e6d2;box-shadow:inset 0 2px 0 #f5dfb821,0 4px 0 #0d2b35}.mission-tabs .chosen{background:#f2c985;color:#183e46;border-color:#fff4c9}.mission-tabs small{font-size:9px}.mission-tabs b{font-size:12px}.mission-tabs button[data-completed=true]:after{content:'DONE';position:absolute;right:3px;top:3px;background:#215e4c;border:1px solid #a8c88e;color:#f9f2cd;font:900 7px HarbourBody;padding:2px 4px;border-radius:4px;transform:rotate(9deg)}
.mission-icon{display:block;position:relative;width:27px;height:24px;border:2px solid #f5dfa4;box-shadow:2px 3px 0 #092d3944;margin-bottom:3px}.buoy-icon{width:19px;border-radius:7px 7px 5px 5px;background:linear-gradient(#2e8b96 35%,#ffe9bb 35% 55%,#2e8b96 55%)}.parcel-icon{background:linear-gradient(90deg,transparent 40%,#b96549 40% 56%,transparent 56%),linear-gradient(#deb273 42%,#b96549 42% 57%,#deb273 57%);transform:rotate(-7deg)}.ferry-icon{height:16px;border-radius:2px 2px 10px 10px;background:#477e88;margin-top:8px}.ferry-icon:before{content:'';position:absolute;left:7px;top:-11px;width:11px;height:10px;background:#e7be7f;border:1px solid #f2e3b8}
#mission-brief{font-size:13px;line-height:1.5;min-height:0;color:#e0e9d5}.route-guide{border-left:3px solid #ecc68a;padding:8px 10px;font:800 11px/1.5 HarbourBody;background:#102f3c99;border-radius:0 7px 7px 0;margin:13px 0}.mission-meta{color:#f2d39d;font-size:10px}.primary{background:#eab36e;color:#143b46;border-color:#ffe4ac;font:800 20px HarbourDisplay,sans-serif;box-shadow:inset 0 2px 0 #fff1c25e,0 4px 0 #89603d}.primary:hover{background:#ffcf86}.text-button{background:transparent;color:#efe1bf;border:1px solid #7c9b93;text-decoration:none;border-radius:10px;box-shadow:none}.controls{color:#c5d9ce;font-size:11px;margin-top:11px}.local-note{color:#b6d0c5}.record-note{font:900 11px HarbourBody;letter-spacing:.03em;color:#f5ce85;margin:15px 0 0}
.hud{background:linear-gradient(140deg,#17424ded,#102f3ded);border:2px solid #d1aa6f;border-bottom:5px solid #795337;border-radius:17px;color:#fff0c7;box-shadow:inset 0 2px 0 #f7ddae33,0 12px 24px #082d4266;padding:12px 20px;gap:18px}.mission-live>span,.timer>span,.score>span{color:#edc68a;font-size:9px}.timer strong,.score strong{font:800 31px/.9 HarbourDisplay,sans-serif}.growth>div{font:800 11px HarbourBody;margin-bottom:5px}progress{height:10px;background:#0b2c38;border:1px solid #6c8b79}progress::-webkit-progress-bar{background:#0b2c38}progress::-webkit-progress-value{background:linear-gradient(90deg,#5eb3a3,#f0c77d)}#fits-next{display:block;font:800 10px HarbourBody;color:#d1e5cb;margin-top:3px}.hud[data-urgent=true] .timer{color:#ffd58a}.hud[data-urgent=true] .timer strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.modal{background:#082e416d;backdrop-filter:blur(3px)}.modal-paper{position:relative;background:radial-gradient(ellipse at 50% 0,#386c70,#163c48 70%);color:#fff0cb;border:2px solid #eac486;border-radius:25px;box-shadow:inset 0 3px 0 #ffedbd55,0 8px 0 #7b5537,0 24px 60px #082a4688}.modal h2{font:800 37px/1 HarbourDisplay,sans-serif;color:#fff0cd}.modal p{font-family:HarbourBody,sans-serif}.modal .eyebrow{color:#efca8a}.finish-stamp{display:none;width:100px;height:100px;margin:0 auto 21px;border:5px double #ffe4a3;border-radius:50%;background:#d9ad68;color:#173c43;place-items:center;text-align:center;padding:14px;font:900 14px/1.05 HarbourDisplay;box-shadow:0 6px 0 #79563b,0 12px 20px #092f4666;transform:rotate(-9deg)}.modal[data-result=won] .finish-stamp{display:grid;animation:stamp-arrive .8s cubic-bezier(.2,.85,.35,1.15) both}#finish-note{font:800 12px/1.4 HarbourBody;color:#f3d499}.modal[data-result=paused] #finish-note,.modal[data-result=lost] #finish-note{display:none}@keyframes stamp-arrive{0%{transform:translateY(-20px) rotate(-20deg) scale(.55);opacity:0}65%{transform:translateY(2px) rotate(-7deg) scale(1.05);opacity:1}100%{transform:rotate(-9deg) scale(1)}}
#toast{border:1px solid #e7c183;border-bottom:4px solid #996b42;border-radius:12px;background:#f7db9fee;color:#143e48;font:800 12px HarbourBody;box-shadow:0 8px 15px #0d384c44}#storage-note{color:#ffefc9;background:#163e49}
@media(max-width:700px){.masthead{inset:max(9px,env(safe-area-inset-top)) 11px auto}.wordmark{margin-bottom:8px}.wordmark strong{font-size:25px}.wordmark span{font-size:7px;max-width:80px}.tools{justify-content:flex-end}.tools button{font-size:10px;padding:8px 9px}.home{left:11px;right:11px;top:145px;bottom:12px;width:auto;max-height:none;padding:20px 20px 15px}.home h1{font-size:31px}.home .intro{display:none}.home h2{font-size:26px}.mission-tabs{gap:8px}.mission-tabs button{min-height:89px}.mission-tabs b{font-size:11px}.route-guide{font-size:10px;margin:11px 0}.hud{padding:10px 11px;gap:8px 10px;border-radius:14px;bottom:max(10px,env(safe-area-inset-bottom))}.timer strong{font-size:27px}.score strong{font-size:23px}.growth>div{font-size:10px}#fits-next{font-size:9px}.modal-paper{padding:25px}.modal h2{font-size:31px}#toast{top:105px}}
@media(max-height:550px){.masthead{inset:6px 10px auto;display:flex}.wordmark{display:block;margin:0}.wordmark span{display:none}.wordmark strong{font-size:22px}.tools button{font-size:10px;padding:7px 9px}.home{top:65px;bottom:12px;left:12px;right:auto;width:370px;max-width:calc(100% - 24px);padding:16px 20px}.home .eyebrow,.home .intro{display:none}.home h1{font-size:28px}.mission-tabs button{min-height:85px}.hud{left:10px;right:10px;bottom:7px;padding:6px 12px;grid-template-columns:1.5fr .45fr 1fr .45fr;gap:8px}.growth{grid-column:auto}.score{grid-column:auto}.mission-live>span{font-size:8px}.mission-live>strong{font-size:10px}.timer>span,.score>span{font-size:7px}.timer strong,.score strong{font-size:23px}.score>span{display:block}.growth>div{font-size:9px}#fits-next{font-size:8px}.finish-stamp{width:62px;height:62px;font-size:10px;border-width:3px;margin-bottom:10px;padding:8px}.modal-paper{padding:19px;max-height:calc(100dvh - 20px)}.modal h2{font-size:28px}.modal p{font-size:12px}#toast{top:62px}}
@media(prefers-reduced-motion:reduce){.finish-stamp{animation:none!important}button:active{transform:none}}