.pour-and-sail-harbor{--harbor-deep:#17657b;--harbor-teal:#2c9caf;--harbor-coral:#ef765f;background:linear-gradient(180deg,#79d4ed,#b9eff5 55%,#4eacc1)}.pour-and-sail-harbor .prek-machine{background:linear-gradient(145deg,#49bfd0,#247f9a);box-shadow:0 10px 0 #17657b,0 22px 42px #17475955}.pour-and-sail-harbor .prek-immersive-heading p{color:#fff4ad;text-shadow:0 2px #146277}.pour-and-sail-harbor .prek-immersive-heading h1{text-shadow:0 3px #56cee0,0 6px #17657b,0 10px 18px #163e5166;-webkit-text-stroke-color:#155f75}.pour-and-sail-harbor .prek-prompt{color:#164d5f;background:#fffcebed}.pour-and-sail-harbor .prek-prompt h2{color:#164d5f;font-size:clamp(19px,2.7vw,30px)}.pour-and-sail-harbor .prek-prompt button{background:linear-gradient(#ff9173,#de6254);box-shadow:0 5px #a94242}.pour-and-sail-harbor .prek-status{color:#174d5c;background:#fff9dced}.pour-and-sail-harbor.is-immersive .prek-screen{min-height:clamp(650px,calc(100svh - 168px),790px)}.psh-stage{position:absolute;inset:0;box-sizing:border-box;overflow:hidden;padding:108px 18px 14px;border-radius:inherit;isolation:isolate}.psh-backdrop{z-index:-5}.psh-backdrop .prek-parallax-layer{animation:none!important;transform:scale(1.035);will-change:auto}.psh-backdrop .prek-parallax-layer img{object-position:center 58%}.psh-sky-wash{position:absolute;z-index:-4;inset:0;pointer-events:none;background:linear-gradient(180deg,#a5ecff2b,#fff8d51c 46%,#16586a28)}.psh-trip-flags{position:absolute;z-index:20;top:105px;right:18px;display:flex;gap:5px;padding:5px 8px;border:3px solid #fff;border-radius:18px;background:#185c70d9;box-shadow:0 5px #11445380}.psh-trip-flags span{display:grid;width:27px;height:27px;place-items:center;opacity:.42;filter:grayscale(.65);transform:rotate(-4deg)}.psh-trip-flags span.is-done{opacity:1;filter:none drop-shadow(0 0 4px #fff7a3);animation:psh-flag-pop .55s cubic-bezier(.2,1.45,.35,1)}.psh-feedback{position:relative;z-index:14;width:fit-content;min-height:34px;margin:0 auto;padding:7px 19px;border-radius:999px;color:#fff;background:#155a70e8;box-shadow:0 4px #0d425166;font-size:clamp(15px,1.8vw,20px);font-weight:1000;line-height:1.1;text-align:center}.psh-feedback.is-correct{color:#2b5d46;background:#fff48ff2;box-shadow:0 4px #b18f31}.psh-feedback.is-wrong{background:#ad5963ef;box-shadow:0 4px #753b46}.psh-cat{position:absolute;z-index:12;bottom:102px;left:20px;width:clamp(112px,15vw,164px);aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 10px 7px #17485866);transform-origin:50% 90%}.psh-cat .prek-character-sprite{position:absolute;inset:0;width:100%;height:100%}.psh-cat-bubble{position:absolute;top:-13px;left:72%;min-width:92px;padding:7px 10px;border:4px solid #fff;border-radius:20px 20px 20px 5px;color:#15586c;background:#fffde8;box-shadow:0 5px #18596c66;font-size:14px;font-weight:1000;text-align:center}.psh-cat.is-correct{animation:psh-cat-cheer 1.2s ease-in-out;filter:brightness(1.15) saturate(1.12) drop-shadow(0 0 14px #fff281)}.psh-cat.is-wrong{animation:psh-cat-wiggle .45s ease-in-out}.psh-harbor{position:absolute;z-index:5;top:159px;right:16%;bottom:146px;left:16%;min-height:300px}.psh-lock{position:absolute;inset:0;overflow:hidden;border:9px solid #f4d789;border-radius:34px 34px 46px 46px;background:linear-gradient(180deg,#ddf8fa 0 5%,#9ed8de 62%,#5fa9b6);box-shadow:inset 0 0 0 7px #996c41,inset 0 0 34px #164a6366,0 15px 0 #855c3d,0 22px 24px #16445755}.psh-lock:before{position:absolute;z-index:5;inset:9px;border:3px dashed #ffffff6e;border-radius:20px 20px 32px 32px;content:"";pointer-events:none}.psh-water{position:absolute;z-index:2;right:0;bottom:0;left:0;height:var(--water-level);min-height:5px;background:linear-gradient(180deg,#4ed8ed,#168db6 58%,#176a99);box-shadow:inset 0 8px #c9fbff73;transition:height .48s cubic-bezier(.2,.8,.3,1)}.psh-water:before{position:absolute;top:-10px;right:-4%;left:-4%;height:20px;border-radius:50%;content:"";background:repeating-radial-gradient(ellipse at center,#d8fbff 0 12px,#59d8e9 13px 28px);opacity:.9;animation:psh-water-ripple 1.8s ease-in-out infinite alternate}.psh-water span{position:absolute;border:3px solid #d8fbff;border-radius:50%;opacity:.65}.psh-water span:first-child{top:28%;left:18%;width:22px;height:9px}.psh-water span:nth-child(2){top:55%;right:20%;width:34px;height:12px}.psh-water span:nth-child(3){bottom:13%;left:48%;width:27px;height:9px}.psh-ticks{position:absolute;z-index:8;top:18px;bottom:18px;left:15px;width:66px;pointer-events:none}.psh-ticks span{position:absolute;top:var(--tick-y);display:flex;align-items:center;gap:6px;transform:translateY(-50%)}.psh-ticks b{display:grid;width:31px;height:31px;place-items:center;border:3px solid #fff;border-radius:50%;color:#15566a;background:#fffce9;box-shadow:0 3px #72553766;font-size:17px}.psh-ticks i{display:block;width:22px;height:4px;border-radius:4px;background:#fff;box-shadow:0 2px #225a6d88}.psh-ticks span.is-target b{color:#fff;background:#ef725d;box-shadow:0 0 0 5px #fff467,0 4px #9d4540;transform:scale(1.16)}.psh-ticks span.is-target i{width:35px;height:6px;background:#fff45f}.psh-target-line{position:absolute;z-index:7;top:var(--target-y);right:9px;left:77px;height:0;border-top:6px dashed #fff35d;filter:drop-shadow(0 2px #8e7431);pointer-events:none}.psh-target-line span{position:absolute;top:-18px;right:8px;padding:4px 9px;border:3px solid #fff;border-radius:99px;color:#8a443e;background:#fff365;font-size:13px;font-weight:1000}.psh-boat{position:absolute;z-index:6;bottom:clamp(12px,calc(var(--water-level, 0%) - 74px),46%);left:50%;width:clamp(118px,18vw,190px);aspect-ratio:1213/1297;filter:drop-shadow(0 11px 7px #10475b70);transform:translateX(-50%);transition:bottom .48s cubic-bezier(.2,.8,.3,1)}.psh-boat img{width:100%;height:100%;object-fit:contain}.psh-boat.is-sailing{animation:psh-boat-sail 1.8s cubic-bezier(.2,.75,.28,1) forwards}.psh-gate{position:absolute;z-index:9;top:0;right:0;bottom:0;width:34px;border-left:6px solid #fff1b8;background:linear-gradient(90deg,#8f6448,#c89662 50%,#765039);box-shadow:-7px 0 #59443899;transition:transform .55s ease}.psh-gate span{position:absolute;right:-8px;left:-8px;height:11px;border:3px solid #fff0bd;border-radius:8px;background:#8a5d40}.psh-gate span:first-child{top:26%}.psh-gate span:last-child{bottom:26%}.psh-gate.is-open{transform:translateX(48px)}.psh-dock{position:absolute;z-index:4;top:7%;bottom:-18px;width:18%;border:7px solid #f2d28b;border-radius:20px;background:repeating-linear-gradient(90deg,#9a6747 0 22px,#744933 23px 27px);box-shadow:0 11px #68442f}.psh-dock-left{right:100%;transform:perspective(220px) rotateY(13deg);transform-origin:right}.psh-dock-right{left:100%;transform:perspective(220px) rotateY(-13deg);transform-origin:left}.psh-overflow{position:absolute;z-index:18;top:24%;right:1%;font-size:56px;animation:psh-overflow .52s ease-in-out}.psh-pour-controls{position:absolute;z-index:18;right:18px;bottom:17px;left:18px;display:flex;justify-content:center;gap:clamp(18px,5vw,64px)}.psh-pour-button{position:relative;display:grid;width:clamp(138px,21vw,196px);height:112px;padding:7px 13px 7px 88px;grid-template-columns:1fr;place-items:center;cursor:pointer;touch-action:manipulation;border:6px solid #fff8d5;border-radius:31px;color:#fff;background:linear-gradient(145deg,#55c7d4,#238aa2);box-shadow:inset 0 7px #ffffff4d,inset 0 -8px #176b8055,0 9px #14586c,0 14px 20px #16465942;transition:transform .16s ease,filter .16s ease}.psh-pour-2{background:linear-gradient(145deg,#ff9a73,#e05e55);box-shadow:inset 0 7px #ffffff4d,inset 0 -8px #a4414555,0 9px #a24546,0 14px 20px #16465942}.psh-pour-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-5px) scale(1.02)}.psh-pour-button:active:not(:disabled){transform:translateY(5px) scale(.97)}.psh-pour-button:focus-visible{outline:6px solid #fff35e;outline-offset:4px}.psh-pour-button:disabled{cursor:default}.psh-pour-button.is-pouring{animation:psh-button-pour .5s ease-in-out}.psh-pour-button.is-wrong{animation:psh-button-wrong .45s ease-in-out}.psh-pour-button.is-correct{filter:brightness(1.12);box-shadow:0 0 0 8px #fff477,0 9px #358471,0 0 28px #fff277}.psh-can{position:absolute;bottom:1px;left:7px;width:88px;height:88px;transform:rotate(-8deg)}.psh-can img{width:100%;height:100%;object-fit:contain}.psh-pour-value{font-size:42px;font-weight:1000;line-height:.9;text-shadow:0 3px #14586c88}.psh-drop-row{display:flex;gap:2px}.psh-drop-row svg{width:20px;height:20px;fill:#9cf4ff;stroke:#fff;stroke-width:2.5}.psh-pour-button kbd{position:absolute;right:8px;bottom:6px;min-width:22px;padding:2px;border:2px solid #ffffffa8;border-radius:7px;color:#fff;background:#144f6066;font:900 12px/1 system-ui}.psh-finish{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:18px;background:#163b5b9e;backdrop-filter:blur(7px)}.psh-finish-card{display:grid;width:min(480px,100%);box-sizing:border-box;padding:22px 24px 25px;place-items:center;gap:8px;border:7px solid #fff;border-radius:38px;background:linear-gradient(155deg,#fff9c9,#d9f7f5 58%,#b8eaf3);box-shadow:0 12px 0 #24768c,0 28px 70px #153b537a;text-align:center}.psh-finish-boat{position:relative;width:142px;height:122px}.psh-finish-boat img{width:100%;height:100%;object-fit:contain;animation:psh-finish-float 1.45s ease-in-out infinite}.psh-finish-boat>svg{position:absolute;top:-4px;right:-10px;width:39px;height:39px;color:#e3a91e;fill:#fff27a}.psh-finish-card p{margin:0;color:#31586a;font-size:18px;font-weight:900}.psh-finish-card h2{margin:0;color:#17677d;font-size:clamp(30px,7vw,43px);line-height:1}.psh-finish-card .psh-finish-cheer{font-size:21px}.psh-finish-anchors{display:flex;gap:7px;color:#e57a57}.psh-finish-anchors svg{width:30px;height:30px;stroke-width:3}.psh-finish-card button{display:inline-flex;min-width:200px;min-height:58px;align-items:center;justify-content:center;gap:9px;cursor:pointer;border:4px solid #fff;border-radius:22px;color:#fff;background:linear-gradient(#ff9173,#db6255);box-shadow:0 7px #a24443;font-size:20px;font-weight:1000}.psh-finish-card a:focus-visible,.psh-finish-card button:focus-visible{outline:6px solid #fff35e;outline-offset:4px}@keyframes psh-flag-pop{50%{transform:translateY(-8px) rotate(8deg) scale(1.28)}}@keyframes psh-water-ripple{to{transform:translateX(2.8%)}}@keyframes psh-cat-cheer{28%{transform:translateY(-28px) rotate(-7deg) scale(1.06)}58%{transform:translateY(-6px) rotate(8deg) scale(1.08)}82%{transform:translateY(-36px) rotate(-2deg) scale(1.12)}}@keyframes psh-cat-wiggle{25%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}@keyframes psh-boat-sail{0%{transform:translateX(-50%) rotate(0)}24%{transform:translateX(-50%) translateY(-15px) rotate(-5deg)}55%{transform:translateX(-12%) translateY(-8px) rotate(4deg)}to{transform:translateX(190%) translateY(-5px) rotate(1deg)}}@keyframes psh-overflow{30%{transform:translateY(-18px) scale(1.2) rotate(-7deg)}to{opacity:.2;transform:translateY(24px) scale(.9)}}@keyframes psh-button-pour{45%{transform:translateY(-8px) rotate(-4deg) scale(1.04)}}@keyframes psh-button-wrong{25%{transform:translateX(-7px)}70%{transform:translateX(7px)}}@keyframes psh-finish-float{50%{transform:translateY(-8px) rotate(2deg)}}@media (max-width:760px){.pour-and-sail-harbor.is-immersive .prek-screen{min-height:685px}.psh-stage{padding:132px 8px 8px}.psh-trip-flags{top:109px;right:8px;gap:2px;padding:4px 6px}.psh-trip-flags span{width:22px;height:22px;font-size:15px}.psh-feedback{max-width:83%;font-size:14px}.psh-harbor{top:183px;right:13%;bottom:168px;left:13%;min-height:270px}.psh-cat{bottom:136px;left:2px;width:108px}.psh-cat-bubble{top:-8px;left:62%;min-width:78px;padding:5px 7px;font-size:12px}.psh-ticks{left:8px;width:52px}.psh-ticks b{width:26px;height:26px;font-size:14px}.psh-ticks i{width:15px}.psh-target-line{left:56px}.psh-target-line span{right:3px;font-size:11px}.psh-boat{width:clamp(105px,27vw,150px)}.psh-dock{width:15%}.psh-pour-controls{right:8px;bottom:14px;left:8px;gap:13px}.psh-pour-button{width:min(46vw,178px);height:105px;padding-left:77px;border-width:5px;border-radius:27px}.psh-can{left:2px;width:80px;height:80px}.psh-pour-value{font-size:37px}}@media (max-width:440px){.psh-harbor{right:10%;left:10%}.psh-cat{bottom:139px;width:92px}.psh-cat-bubble{display:none}.psh-pour-button{height:98px;padding-left:67px}.psh-can{width:71px;height:71px}.psh-pour-value{font-size:34px}}@media (prefers-reduced-motion:reduce){.psh-finish *,.psh-stage *{animation:none!important;transition-duration:.01ms!important}.psh-boat.is-sailing{transform:translateX(145%)}.psh-gate.is-open{transform:translateX(48px)}}