:root{font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif;color:#31484b;background:#62cce9}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.ferry-shell{width:100%;height:100svh;overflow:hidden;background:#62cce9}.ferry-scene{--ratio:1.7777778;position:absolute;left:50%;top:50%;width:max(100%,calc(100svh * var(--ratio)));aspect-ratio:16/9;overflow:clip;isolation:isolate;transform:translate(-50%,-50%)}.ferry-art{position:absolute;z-index:0;inset:0;background:var(--pw-ferry-workshop-bg,url('/sky-ferry-workshop.webp')) center/100% 100% no-repeat;transform:scale(1.006)}.ferry-back,.ferry-wallet,.ferry-prompt{position:absolute;z-index:20;border:3px solid rgba(255,255,255,.9);background:rgba(255,250,231,.95);box-shadow:0 5px 0 rgba(63,80,64,.24)}.ferry-back{left:2%;top:2.4%;display:flex;align-items:center;gap:7px;min-height:50px;border-radius:999px;color:#365d58;padding:5px 16px 5px 12px;text-decoration:none;font-weight:1000}.ferry-back span{font-size:32px;line-height:.7}.ferry-wallet{right:2%;top:2.4%;display:flex;align-items:center;gap:6px;min-width:92px;height:52px;border-radius:999px;padding:6px 15px;font-size:21px}.ferry-wallet span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#f2c953;color:#644d24;font-weight:1000}.ferry-prompt{left:50%;top:2%;width:min(48%,710px);min-height:58px;border-radius:24px;padding:8px 18px;color:#34554f;font-size:clamp(20px,1.55vw,27px);font-weight:1000;line-height:1.15;transform:translateX(-50%);cursor:pointer}.ferry-craft{position:absolute;z-index:7;left:50%;top:13%;width:34%;height:69%;transform:translateX(-50%);filter:grayscale(.7) saturate(.6) brightness(.86) drop-shadow(0 17px 13px rgba(37,61,63,.28));transition:filter .5s ease}.ferry-craft>img{width:100%;height:100%;object-fit:contain}.repair-spot{position:absolute;z-index:8;display:grid;place-items:center;width:58px;height:58px;border:4px solid white;border-radius:50%;background:#f7d665;box-shadow:0 6px 0 rgba(77,63,31,.25),0 0 18px rgba(255,231,125,.8);font-size:28px;cursor:pointer;touch-action:manipulation;animation:repairPulse 2.2s ease-in-out infinite}.repair-spot:focus-visible,.ferry-back:focus-visible,.ferry-prompt:focus-visible{outline:4px solid #fff3a6;outline-offset:4px}.sail-spot{right:2%;top:17%}.rope-spot{left:18%;top:47%}.compass-spot{right:22%;top:49%}.crystal-spot{left:38%;bottom:8%}@keyframes repairPulse{50%{transform:scale(1.12);box-shadow:0 6px 0 rgba(77,63,31,.2),0 0 25px 8px rgba(255,231,125,.6)}}@media(orientation:portrait){.ferry-scene{left:50%;top:0;width:calc(100svh * var(--ratio));height:100svh;max-width:none;aspect-ratio:auto;transform:translateX(-50%)}.ferry-back{left:calc((100% - 100vw)/2 + 14px);top:calc(env(safe-area-inset-top) + 10px)}.ferry-wallet{right:calc((100% - 100vw)/2 + 14px);top:calc(env(safe-area-inset-top) + 10px)}.ferry-prompt{top:calc(env(safe-area-inset-top) + 9px);width:min(34%,650px)}.ferry-craft{top:14%;width:29%;height:67%}}@media(orientation:landscape) and (max-aspect-ratio:5/3){.ferry-scene{width:calc(100svh * var(--ratio));height:100svh;max-width:none;aspect-ratio:auto}.ferry-back{left:calc((100% - 100vw)/2 + 14px)}.ferry-wallet{right:calc((100% - 100vw)/2 + 14px)}}@media(prefers-reduced-motion:reduce){.repair-spot{animation:none}}
.ferry-village{position:absolute;z-index:20;left:10%;top:2.4%;display:flex;align-items:center;gap:7px;min-height:50px;border:3px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,250,231,.95);box-shadow:0 5px 0 rgba(63,80,64,.24);color:#365d58;padding:5px 15px;text-decoration:none;font-weight:1000}.ferry-village span{font-size:23px}.ferry-accounts{position:absolute;z-index:12;right:4%;top:16%;display:flex;gap:8px}.ferry-accounts>div{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;min-width:105px;border:3px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,251,235,.93);padding:7px 10px;box-shadow:0 5px 0 rgba(62,78,65,.2)}.ferry-accounts>div>span{grid-row:1/3;font-size:27px}.ferry-accounts small{font-size:10px;font-weight:1000;letter-spacing:.08em}.ferry-accounts strong{font-size:20px}.ferry-accounts .save{border-color:#aad5a7}.ferry-accounts .spend{border-color:#e6bf79}.ferry-progress{position:absolute;z-index:12;left:4%;bottom:10%;display:grid;gap:6px;min-width:190px;border:3px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,251,235,.93);padding:10px 14px;box-shadow:0 5px 0 rgba(62,78,65,.2);font-weight:1000}.ferry-progress-stones,#ferry-progress-stones{display:flex;gap:7px}.ferry-progress i{width:27px;height:17px;border:3px solid #8c9a87;border-radius:50%;background:#c6cabd}.ferry-progress i.done{border-color:#fff;background:#6dac75;box-shadow:0 0 9px rgba(123,207,130,.75)}.safety-jar{position:absolute;z-index:12;right:7%;bottom:9%;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;border:3px solid #b4d7af;border-radius:21px;background:rgba(240,250,225,.94);padding:8px 13px;box-shadow:0 5px 0 rgba(59,84,62,.2)}.safety-jar>span{grid-row:1/3;font-size:33px}.safety-jar small{font-size:10px;font-weight:1000}.safety-jar strong{font-size:21px}.safety-jar.is-short{border-color:#e29277;background:#fff0db}.want-spot{width:52px;height:52px;background:#d9b9ef;font-size:25px}.paint-spot{left:5%;top:31%}.seats-spot{left:29%;bottom:24%}.lanterns-spot{right:17%;bottom:14%}.repair-spot[data-owned="true"]{background:#6fab75;box-shadow:0 5px 0 rgba(46,84,55,.25),0 0 15px rgba(140,230,145,.7);animation:none}.repair-spot[data-owned="true"] span{font-size:28px}.ferry-craft.is-airworthy{filter:saturate(1.08) brightness(1.04) drop-shadow(0 17px 13px rgba(37,61,63,.28))}.ferry-upgrade{position:absolute;z-index:4;opacity:0;pointer-events:none;transition:opacity .45s,transform .45s}.ferry-craft.has-sail .upgrade-sail,.ferry-craft.has-rope .upgrade-rope,.ferry-craft.has-compass .upgrade-compass,.ferry-craft.has-crystal .upgrade-crystal,.ferry-craft.has-rainbow-paint .upgrade-paint,.ferry-craft.has-comfy-seats .upgrade-seats,.ferry-craft.has-sky-lanterns .upgrade-lanterns{opacity:1}.upgrade-sail{right:4%;top:19%;width:23%;height:16%;clip-path:polygon(0 48%,100% 0,75% 100%);background:linear-gradient(145deg,#ffe071,#5ed6cf 58%,#7cbb70);filter:drop-shadow(0 0 7px #fff)}.upgrade-rope{left:20%;top:42%;width:29%;height:28%;border:7px solid #dcae62;border-color:#dcae62 transparent transparent #dcae62;border-radius:50%;transform:rotate(16deg)}.upgrade-compass{right:22%;top:49%;width:10%;aspect-ratio:1;border:4px solid #fff2b5;border-radius:50%;background:radial-gradient(circle,#fff9c7 0 18%,#45aab0 20% 47%,#c98a43 49%);box-shadow:0 0 13px #ffe78c}.upgrade-crystal{left:41%;bottom:13%;width:8%;aspect-ratio:.75;clip-path:polygon(50% 0,100% 35%,75% 100%,25% 100%,0 35%);background:linear-gradient(135deg,#fff,#6de3f2 35%,#7966d7 75%);filter:drop-shadow(0 0 10px #83edff)}.upgrade-paint{left:29%;top:29%;width:43%;height:17%;border-radius:50%;border-top:10px solid transparent;background:linear-gradient(90deg,#f36f89,#f7cc61,#6fd093,#65bde6,#a476d6);clip-path:polygon(0 35%,100% 0,100% 35%,0 70%);mix-blend-mode:screen}.upgrade-seats{left:31%;bottom:25%;width:29%;height:10%;border-radius:50% 50% 35% 35%;background:linear-gradient(#f6d58b,#43a9a6);box-shadow:8px 0 0 #efd081,-8px 0 0 #efd081}.upgrade-lanterns{left:30%;right:18%;bottom:10%;display:flex;justify-content:space-between}.upgrade-lanterns i{width:18px;height:22px;border-radius:45%;background:#ffd862;box-shadow:0 0 16px 7px rgba(255,220,91,.8)}.ferry-launch{position:absolute;z-index:12;left:48%;bottom:10%;display:grid;place-items:center;width:78px;height:78px;border:5px solid #fff3b4;border-radius:50%;background:radial-gradient(circle,#fff7bf,#e2a943);box-shadow:0 7px 0 rgba(91,67,30,.28),0 0 20px rgba(255,224,102,.82);color:#61491e;font-weight:1000;cursor:pointer;animation:launchGlow 1.8s ease-in-out infinite}.ferry-launch[hidden]{display:none}.ferry-launch span{font-size:29px;line-height:.8}.ferry-launch b{font-size:13px}.ferry-craft.is-flying{animation:ferryProjectFlight 2.2s cubic-bezier(.3,.6,.35,1) both}@keyframes launchGlow{50%{transform:scale(1.08);box-shadow:0 7px 0 rgba(91,67,30,.2),0 0 30px 10px rgba(255,224,102,.65)}}@keyframes ferryProjectFlight{0%{transform:translateX(-50%)}35%{transform:translate(-48%,-8%) rotate(3deg) scale(1.04)}70%{transform:translate(16%,-68%) rotate(8deg) scale(.62);opacity:1}71%{opacity:0}85%{transform:translate(-110%,25%) scale(.58);opacity:0}100%{transform:translateX(-50%);opacity:1}}
.ferry-dialog{width:min(590px,calc(100vw - 28px));max-height:min(92dvh,760px);overflow:auto;border:5px solid #c5a664;border-radius:30px;background:#fffaf0;padding:clamp(20px,4vw,34px);color:#3f453e;text-align:center;box-shadow:0 25px 80px rgba(30,45,43,.42)}.ferry-dialog::backdrop{background:rgba(34,55,58,.64);backdrop-filter:blur(5px)}.ferry-dialog .dialog-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 10px;border:4px solid white;border-radius:50%;background:#f1d16c;box-shadow:0 6px 0 rgba(94,73,33,.18);font-size:40px}.ferry-dialog .dialog-icon.surprise{background:#bfe6ee}.ferry-dialog .dialog-icon.complete{background:#8bc996;color:white}.dialog-eyebrow{margin:0;color:#66836f;font-size:12px;font-weight:1000;letter-spacing:.12em}.ferry-dialog h2{margin:5px 0 10px;font-size:clamp(30px,6vw,45px);line-height:1}.ferry-dialog>p:not(.dialog-eyebrow){font-size:clamp(17px,2.5vw,21px);line-height:1.4}.ferry-dialog a{display:inline-grid;place-items:center;min-height:48px;margin-top:10px;color:#466d5d;font-weight:1000}.dialog-primary,.surprise-choices button{min-height:58px;border:0;border-radius:999px;background:#4e8064;color:white;padding:11px 22px;font-size:19px;font-weight:1000;cursor:pointer;box-shadow:0 5px 0 rgba(44,77,57,.25)}.dialog-primary:disabled,.surprise-choices button:disabled{filter:grayscale(1);opacity:.5;box-shadow:none}.plan-money{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.plan-money>div{display:grid;gap:3px;border:3px solid #d8c99f;border-radius:20px;background:#fff7d9;padding:13px}.plan-money span{font-size:31px}.plan-money strong{font-size:19px}.plan-money small{font-size:13px}.dialog-close{position:absolute;right:13px;top:13px;width:48px;height:48px;border:0;border-radius:50%;background:#e8dfce;color:#594f42;font-size:31px;font-weight:1000;cursor:pointer}.item-price{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px 0}.item-price>span{display:grid;place-items:center;min-width:105px;height:61px;border-radius:999px;background:#f2cf69;color:#5d481c;font-size:24px;font-weight:1000}.item-price>span b{display:inline}.item-price small{max-width:220px;font-size:14px;font-weight:900;text-align:left}.dialog-message{min-height:24px!important;margin:7px 0;color:#a24849;font-size:15px!important;font-weight:1000}.surprise-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 10px}.surprise-choices button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;background:#fff6d3;color:#4c4b3c;border:3px solid #d5bd7f;border-radius:20px}.surprise-choices button span{grid-row:1/3;font-size:32px}.surprise-choices button small{font-size:11px}.surprise-choices button strong{font-size:21px}.surprise-tip{border-radius:15px;background:#e8f4df;padding:11px;font-size:14px!important}.complete-actions{display:grid;gap:9px}.complete-actions a{margin:0;min-height:50px;border:3px solid #b4c9ae;border-radius:999px;background:#eff6e6;text-decoration:none}.ferry-dialog button:focus-visible,.ferry-dialog a:focus-visible,.ferry-village:focus-visible,.ferry-launch:focus-visible{outline:4px solid #74b6a4;outline-offset:3px}
@media(orientation:portrait){.ferry-village{left:calc((100% - 100vw)/2 + 128px);top:calc(env(safe-area-inset-top) + 10px)}.ferry-accounts{right:calc((100% - 100vw)/2 + 16px);top:14%}.ferry-progress{left:calc((100% - 100vw)/2 + 18px);bottom:9%}.safety-jar{right:calc((100% - 100vw)/2 + 22px);bottom:9%}.repair-spot{width:54px;height:54px}.want-spot{width:48px;height:48px}.ferry-launch{width:72px;height:72px}}@media(orientation:landscape) and (max-aspect-ratio:5/3){.ferry-village{left:calc((100% - 100vw)/2 + 128px)}.ferry-accounts{right:calc((100% - 100vw)/2 + 16px)}.ferry-progress{left:calc((100% - 100vw)/2 + 18px)}.safety-jar{right:calc((100% - 100vw)/2 + 22px)}}@media(max-width:620px){.ferry-back b,.ferry-village b{display:none}.ferry-village{padding:5px 12px}.plan-money,.surprise-choices{grid-template-columns:1fr}.ferry-dialog{padding:20px 17px}}@media(prefers-reduced-motion:reduce){.ferry-launch,.ferry-craft.is-flying{animation:none}.ferry-upgrade{transition:none}}
.ferry-routes-link{position:absolute;z-index:13;right:2%;top:8%;display:grid;place-items:center;min-width:112px;min-height:58px;border:4px solid #fff1ad;border-radius:999px;background:#4c846b;color:white;padding:8px 13px;text-align:center;text-decoration:none;box-shadow:0 6px 0 rgba(45,74,58,.28),0 0 18px rgba(255,224,107,.65);font-weight:1000}.ferry-routes-link[hidden]{display:none}.ferry-routes-link span{font-size:25px}.ferry-routes-link b{font-size:11px}.complete-actions button:not(.dialog-primary){min-height:50px;border:3px solid #b4c9ae;border-radius:999px;background:#eff6e6;color:#466d5d;font-weight:1000;cursor:pointer}
.plan-dialog{padding-top:72px}.ferry-dialog .dialog-back-link{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:7px;min-height:48px;margin:0;border:3px solid #b4c9ae;border-radius:999px;background:#eff6e6;padding:6px 16px 6px 11px;color:#466d5d;text-decoration:none;font-size:17px;font-weight:1000}.dialog-back-link span{font-size:30px;line-height:.7}.ferry-dialog .dialog-back-link:focus-visible{outline:4px solid #74b6a4;outline-offset:3px}

/* Keep the workshop, top bar and child prompt inside the device viewport. */
.ferry-scene{left:0;top:0;width:100vw;height:100svh;max-width:none;aspect-ratio:auto;transform:none}
.ferry-art{background-size:cover;background-position:center}
@media(orientation:portrait){
  .ferry-scene{left:0;top:0;width:100vw;height:100svh;transform:none}
  .ferry-back{left:14px;top:calc(env(safe-area-inset-top) + 10px)}
  .ferry-village{left:128px;top:calc(env(safe-area-inset-top) + 10px)}
  .ferry-wallet{right:14px;top:calc(env(safe-area-inset-top) + 10px)}
  .ferry-prompt{top:calc(env(safe-area-inset-top,0px) + 72px);width:calc(100% - 28px);min-height:54px;font-size:18px}
  .ferry-accounts{right:16px}.ferry-progress{left:18px}.safety-jar{right:22px}
}
@media(max-width:620px){
  .ferry-back{left:10px}.ferry-village{left:70px}.ferry-wallet{right:10px}
  .ferry-prompt{top:calc(env(safe-area-inset-top,0px) + 72px);width:calc(100% - 28px);min-height:54px;font-size:18px}
  .ferry-craft{top:18%;height:62%}
}