.stage{container-type:inline-size}.lv{position:absolute;display:block;pointer-events:none;z-index:0}.lv img{display:block;width:100%;height:100%}.lv-under{z-index:0}.stage>.sp,.stage>.hit,.stage nav.dock>*,.stage .hud>*{z-index:3}.stage .s-boat{z-index:1}.lv-sun{border-radius:50%;background:radial-gradient(circle,rgba(255,238,170,.55) 0%,rgba(255,230,150,.25) 40%,rgba(255,230,150,0) 70%);animation:sun 9s ease-in-out infinite}@keyframes sun{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:1}}.lv-cloud{animation:drift var(--dur, 160s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes drift{from{transform:translateX(var(--from, -30cqw))}to{transform:translateX(var(--to, 110cqw))}}.lv-farlamp{border-radius:50%;background:radial-gradient(circle,rgba(255,226,120,1) 0%,rgba(255,226,120,.5) 35%,rgba(255,226,120,0) 70%);animation:blink 3.2s ease-in-out infinite}@keyframes blink{0%,40%,100%{opacity:.15;transform:scale(.7)}55%,70%{opacity:1;transform:scale(1.25)}}.lv-gull img{transform-origin:50% 60%;animation:flap .55s ease-in-out infinite alternate}.lv-gull{animation:glide var(--dur, 60s) linear infinite;animation-delay:var(--delay, 0s)}@keyframes flap{from{transform:scaleY(1)}to{transform:scaleY(.55)}}@keyframes glide{0%{transform:translate(var(--from, -20cqw),0)}50%{transform:translate(calc((var(--from, -20cqw) + var(--to, 120cqw)) / 2),-1.2cqw)}100%{transform:translate(var(--to, 120cqw),0)}}.lv-lamp{border-radius:50%;background:radial-gradient(circle,rgba(255,236,160,.95) 0%,rgba(255,220,120,.45) 30%,rgba(255,220,120,0) 68%);animation:lamp 4s ease-in-out infinite;mix-blend-mode:screen}@keyframes lamp{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.lv-beam{transform-origin:0 50%;background:linear-gradient(to right,rgba(255,206,96,.9),rgba(255,226,150,.45) 40%,rgba(255,236,180,0));clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);filter:blur(1.5px);animation:sweep 8s ease-in-out infinite}@keyframes sweep{0%{transform:scaleX(1);opacity:.9}25%{transform:scaleX(.05);opacity:.2}50%{transform:scaleX(-1);opacity:.9}75%{transform:scaleX(-.05);opacity:.2}100%{transform:scaleX(1);opacity:.9}}.lv-pierlamp{border-radius:50%;background:radial-gradient(circle,rgba(255,232,150,.9) 0%,rgba(255,232,150,.35) 35%,rgba(255,232,150,0) 70%);animation:flicker 5.5s steps(1) infinite,lamp 3s ease-in-out infinite;mix-blend-mode:screen}@keyframes flicker{0%,61%,64%,100%{filter:brightness(1)}62%{filter:brightness(.55)}63%{filter:brightness(1.15)}}.lv-wave{animation:lap var(--dur, 7s) ease-in-out infinite alternate;animation-delay:var(--delay, 0s)}@keyframes lap{0%{transform:translateX(-1.4cqw) scaleX(.85);opacity:.25}50%{opacity:1}100%{transform:translateX(1.4cqw) scaleX(1.1);opacity:.45}}.lv-glint{width:1.1cqw;aspect-ratio:1;background:#FFF9E8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:glint var(--dur, 3.4s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:0}@keyframes glint{0%,70%,100%{opacity:0;transform:scale(.3) rotate(0deg)}80%{opacity:.95;transform:scale(1) rotate(20deg)}90%{opacity:0;transform:scale(.4) rotate(40deg)}}.lv-buoy{transform-origin:50% 92%;animation:bob var(--dur, 3.6s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes bob{0%,100%{transform:translateY(0) rotate(calc(var(--tilt, 3deg) * -1))}50%{transform:translateY(-1.6%) rotate(var(--tilt, 3deg))}}.lv-ring{border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,250,235,.55) 0%,rgba(255,250,235,.22) 45%,rgba(255,250,235,0) 72%);animation:ring var(--dur, 3.6s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes ring{0%,100%{transform:scale(1,1);opacity:.9}50%{transform:scale(1.12,.9);opacity:.6}}.lv-line{animation:ring var(--dur, 3.6s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.lv-float{animation:rockf 5.2s ease-in-out infinite;transform-origin:50% 80%}@keyframes rockf{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-.5%) rotate(.5deg)}}.lv-shadow{border-radius:50%;background:radial-gradient(ellipse at center,rgba(20,80,80,.35) 0%,rgba(20,80,80,.12) 50%,rgba(20,80,80,0) 72%)}.s-boat::after{content:"";position:absolute;left:8%;right:30%;bottom:3%;height:9%;border-radius:50%;background:radial-gradient(ellipse at 100% 50%,rgba(255,250,235,.7),rgba(255,250,235,0) 70%);pointer-events:none}.lv-water{position:absolute;z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent}.lv-ripple{position:absolute;z-index:2;width:9cqw;aspect-ratio:2.6;margin:-1.7cqw 0 0 -4.5cqw;border-radius:50%;border:.35cqw solid rgba(255,250,235,.9);pointer-events:none;animation:ripple 1.3s ease-out forwards}.lv-ripple.r2{animation-delay:.18s;opacity:0}@keyframes ripple{0%{transform:scale(.15);opacity:1}100%{transform:scale(1.4);opacity:0}}.lv-drop{position:absolute;z-index:2;width:.9cqw;aspect-ratio:.75;background:#FFF9E8;border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;pointer-events:none;animation:drop .7s ease-out forwards}@keyframes drop{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}.lv-far{translate:calc(var(--px, 0) * -.4cqw) calc(var(--py, 0) * -.2cqw);transition:translate .6s ease-out}.lv-mid{translate:calc(var(--px, 0) * -.9cqw) calc(var(--py, 0) * -.3cqw);transition:translate .5s ease-out}.stage .s-bobbin,.stage .s-gully{translate:calc(var(--px, 0) * -1.4cqw) calc(var(--py, 0) * -.4cqw);transition:translate .45s ease-out}.nav[data-soon]::after{content:"soon";position:absolute;left:50%;top:-2%;transform:translate(-50%,-60%) rotate(-6deg);padding:.1em .55em .15em;border-radius:1em;background:var(--gold);color:var(--navy);font:700 clamp(10px,1cqw,15px)/1 "Fredoka",sans-serif;letter-spacing:.02em;box-shadow:0 2px 0 rgba(30,58,95,.35);pointer-events:none}.stage.arrive .s-bobbin img{animation:popup 1.1s cubic-bezier(.34,1.56,.64,1) both}@keyframes popup{0%{transform:translateY(70%) scale(.9,1.1);opacity:0}35%{opacity:1}70%{transform:translateY(-6%) scale(1.04,.96)}100%{transform:translateY(0) scale(1)}}#gate{position:fixed;inset:0;z-index:80;cursor:pointer;background:radial-gradient(ellipse at 50% 42%,rgba(22,48,73,0) 48%,rgba(22,48,73,.36));transition:opacity .7s ease,visibility .7s;-webkit-tap-highlight-color:transparent}#gate.gone{opacity:0;visibility:hidden}#gate .gstage{position:absolute}#gate button{position:absolute;display:block;margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}#gate button img{display:block;width:100%;height:auto;pointer-events:none}#gate .go{display:flex;flex-direction:column;align-items:center}#gate .gstage[data-layout=wide] .go{left:19%;top:49%;width:19%}#gate .gstage[data-layout=tall] .go{left:3%;top:47%;width:38%}#gate .go .sign{width:100%;transform-origin:50% 100%;filter:drop-shadow(0 .5vmin .7vmin rgba(22,48,73,.35));animation:signsway 4.2s ease-in-out infinite}#gate .go .rope{width:1.6%;min-width:3px;height:3vmin;margin-top:-.4vmin;background:#7A5A3A;border-radius:2px;animation:ringbob 3s ease-in-out infinite}#gate .go .ringwrap{position:relative;width:62%;margin-top:-.6vmin}#gate .go .ring{position:relative;z-index:1;filter:drop-shadow(0 .8vmin .9vmin rgba(22,48,73,.35));animation:ringbob 3s ease-in-out infinite}#gate .go .ringwrap i{position:absolute;left:-35%;right:-35%;top:64%;height:34%;border:.45vmin solid rgba(255,252,240,.85);border-radius:50%;opacity:0;animation:ripple 3s ease-out infinite}#gate .go .ringwrap i:nth-child(2){animation-delay:1s}#gate .go .ringwrap i:nth-child(3){animation-delay:2s}#gate .gstage[data-layout=wide] .quiet{left:81%;top:73%;width:15%}#gate .gstage[data-layout=tall] .quiet{left:57%;top:57.5%;width:38%}#gate .quiet img{filter:drop-shadow(0 .4vmin .5vmin rgba(22,48,73,.3));transform:rotate(2deg)}#gate .go:hover .ring,#gate .go:focus-visible .ring{animation-duration:1.4s}#gate .go:focus-visible,#gate .quiet:focus-visible{outline:5px solid var(--foam);outline-offset:6px;border-radius:18px}#gate.taken .go .ring{animation:dip .45s ease-in both}#gate.taken .go .sign,#gate.taken .go .rope{animation:none;opacity:0;transition:opacity .3s}@keyframes ringbob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7%) rotate(4deg)}}@keyframes signsway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}@keyframes ripple{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.25);opacity:0}}@keyframes dip{0%{transform:translateY(-4%) scale(1.06)}100%{transform:translateY(20%) scale(.8);opacity:0}}.credit-line{margin:.3em 0 0;text-align:center;color:var(--subtle);font:500 14px/1.4 "Fredoka",sans-serif}#playlayer{position:fixed;inset:0;z-index:70;display:none;background:rgba(22,48,73,.5)}#playlayer.on{display:block;animation:lift .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes lift{from{transform:translateY(8%);opacity:0}}#playlayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#EAD9B8}#playlayer .back{position:absolute;z-index:2;left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));width:clamp(150px,17vw,240px);margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:rotate(-1.5deg);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}#playlayer .back img{display:block;width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(22,48,73,.35))}#playlayer .back:hover,#playlayer .back:focus-visible{transform:rotate(1deg) scale(1.05)}#playlayer .back:focus-visible{outline:5px solid var(--foam);outline-offset:4px;border-radius:14px}body.calm .lv,body.calm .lv img,body.calm .lv-ripple,body.calm #gate .sign,body.calm #gate .rope,body.calm #gate .ring,body.calm #gate .ringwrap i,body.calm .stage.arrive .s-bobbin img{animation:none!important}body.calm .lv-glint,body.calm .lv-beam{display:none}@media(prefers-reduced-motion:reduce){.lv,.lv img,#gate .sign,#gate .rope,#gate .ring,#gate .ringwrap i,.stage.arrive .s-bobbin img{animation:none!important}.lv-glint,.lv-beam{display:none}}.boat-rig{position:absolute;inset:0;display:block;transform-origin:50% 80%;animation:rock 3.2s ease-in-out infinite;pointer-events:none}.sail .boat-rig img{animation:none}.streamer{position:absolute;bottom:100%;display:block;padding-bottom:2%;pointer-events:none}.streamer-wide{right:14.73%;width:111%}.streamer-tall{right:15.02%;width:76%}.streamer canvas{display:block;width:100%;aspect-ratio:1400 / 351;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.streamer .pole{position:absolute;right:0;top:11%;bottom:0;width:.5%;min-width:3px;transform:translateX(50%);background:#8A6440;border-radius:2px}.streamer .knob{position:absolute;right:0;top:6.5%;width:1.5%;min-width:7px;aspect-ratio:1;transform:translateX(50%);border-radius:50%;background:#EEC442;box-shadow:inset 0 0 0 2px #464E60}body[data-landing=soon] .s-boat.sail{animation:boatdrift 19s ease-in-out infinite alternate}@keyframes boatdrift{from{transform:translateX(-7%)}to{transform:translateX(5%)}}body.calm .boat-rig,body.calm[data-landing=soon] .s-boat.sail{animation:none}@media(prefers-reduced-motion:reduce){.boat-rig,body[data-landing=soon] .s-boat.sail{animation:none}}@media(max-aspect-ratio:4/5){body.kid[data-landing=soon] #caption{top:auto;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%,24px)}body.kid[data-landing=soon] #caption.on{transform:translate(-50%,0)}}.L-home-wide .s-logo{left:1.4%;top:1.5%;width:28%;height:11.88%}.L-home-tall .s-logo{left:3.2%;top:1.1%;width:52%;height:6.37%}.s-logo img{filter:drop-shadow(0 .35vmin .5vmin rgba(22,48,73,.28));transform-origin:50% 90%;animation:logofloat 5.5s ease-in-out infinite}@keyframes logofloat{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-3%) rotate(.6deg)}}body.calm .s-logo img{animation:none}@media(prefers-reduced-motion:reduce){.s-logo img{animation:none}}