#start .stage[data-scene=start]{--stage-ground: var(--cream);background:var(--cream)}#start .stage[data-scene=start]>svg{overflow:visible}#start .st-tag-text{font-family:var(--font-mono);font-weight:500;letter-spacing:.01em}#start .boat-btn{cursor:pointer;border-radius:50%}#start .boat-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#start .buoys{position:relative;align-items:flex-end;gap:8px 18px}#start .buoy{position:relative;isolation:isolate;display:inline-flex;align-items:flex-end;gap:7px;padding:0 2px 7px 0;background:none;border:0;border-radius:0;cursor:default;font-size:clamp(20px,1.6vw,24px);line-height:1.15}#start .buoy:before,#start .buoy:after{content:none}@media(min-width:1280px){#start .buoys{column-gap:30px}#start .buoy+.buoy:before{content:"";position:absolute;z-index:-1;left:-30px;width:35px;bottom:.5px;height:8px;pointer-events:none;border:0;border-radius:0;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 8'%3E%3Cpath d='M1.5 2.2C9 7.6 26 7.6 33.5 2.2' fill='none' stroke='%230B2440' stroke-opacity='.45' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0 / 35px 8px}}#start .buoy-glyph{width:30px;height:32px;flex:none;margin-bottom:-6.6px;overflow:visible}#start .bg-float{transform-box:view-box;transform-origin:0 6px}#start .bg-body,#start .bg-lamp{transition:fill var(--t-ui)}#start .buoy.is-lit .bg-body{fill:var(--teal)}#start .buoy.is-lit .bg-lamp{fill:var(--marigold)}#start .buoy.is-pulse .bg-float{animation:st-buoy-bob .9s var(--ease-out) both}#start .buoy.is-pulse .bg-ripple{animation:st-buoy-ripple .9s var(--ease-out) both}@keyframes st-buoy-bob{0%{transform:translateY(0) rotate(0)}22%{transform:translateY(3px) rotate(-7deg)}55%{transform:translateY(-2px) rotate(5deg)}80%{transform:translateY(.6px) rotate(-1.5deg)}to{transform:none}}@keyframes st-buoy-ripple{0%,15%{transform:scaleX(1);opacity:1}60%{transform:scaleX(1.35);opacity:.45}to{transform:scaleX(1);opacity:1}}#start .bg-ripple{transform-box:fill-box;transform-origin:50% 50%}@media(max-width:1279px){#start .buoys{flex-direction:column;align-items:flex-start;gap:6px}#start .buoy{min-height:36px}#start .buoy:nth-child(2){margin-left:26px}#start .buoy:nth-child(3){margin-left:52px}#start .buoy:after{content:"";position:absolute;z-index:-1;height:0;border-top:2px dotted rgb(11 36 64 / .42);pointer-events:none;left:15px;bottom:2px;width:49.4px;transform-origin:0 0;transform:rotate(58.26deg)}#start .buoy:last-child:after{content:none}}#start .bottle-row{gap:8px 14px}#start .bottle-btn{position:relative;width:48px;height:48px;border-radius:14px;overflow:hidden;background:#fff;border:1.5px solid rgba(8,45,80,.22);transition:border-color var(--t-micro),transform var(--t-ui) var(--ease-back),box-shadow var(--t-micro)}#start .bottle-btn:hover{transform:translateY(-1px);border-color:var(--navy);box-shadow:2px 2px 0 var(--navy)}#start .bottle-btn:active{transform:translateY(1px);box-shadow:0 0 0 var(--navy);transition-duration:80ms}#start .bottle-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#start .bottle-btn svg{width:44px;height:44px;overflow:visible}#start .bottle-float{transform-box:view-box;transform-origin:20px 26px}#start .bottle-cork,#start .bottle-note{transform-box:fill-box;transform-origin:50% 50%}#start .bottle-btn:hover .bottle-float,#start .bottle-btn:focus-visible .bottle-float{animation:st-bottle-bob 1.8s ease-in-out infinite}#start .bottle-btn:hover .bottle-water,#start .bottle-btn:focus-visible .bottle-water{animation:st-bottle-water 1.4s linear infinite}#start .bottle-btn.is-popped .bottle-cork{animation:st-cork .7s var(--ease-out) both}#start .bottle-btn.is-popped .bottle-note{animation:st-note .7s var(--ease-back) both}#start .bottle-btn.is-popped .bottle-float{animation:st-bottle-wiggle .52s var(--ease-out) both}@keyframes st-bottle-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.6px) rotate(-5deg)}}@keyframes st-bottle-water{to{transform:translate(-10px)}}@keyframes st-cork{0%{transform:none}30%{transform:translateY(-7px) rotate(-30deg)}62%{transform:translateY(-4px) rotate(-12deg)}to{transform:none}}@keyframes st-note{0%,20%{transform:none}45%{transform:translateY(-5px)}to{transform:none}}@keyframes st-bottle-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-9deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}#start .copied-tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px 4px 7px;border-radius:99px;background:var(--mint);border:1.5px solid var(--teal-ink);color:var(--teal-ink);opacity:0;transform:translate(-6px) scale(.92);transition:opacity var(--t-micro),transform var(--t-ui) var(--ease-back)}#start .copied-tag:empty{padding:0;border-width:0;min-height:0}#start .copied-tag.is-on{opacity:1;transform:none}#start .copied-tag.is-on:before{content:"";width:14px;height:14px;flex:none;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' fill='none' stroke='%23082D50' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;box-shadow:inset 0 0 0 1.5px var(--navy)}#start .bottle-row{position:relative}@media(max-width:639px){#start .copied-tag{position:absolute;left:0;top:calc(100% + 8px)}}@media(max-width:399px){#start .bottle-row{column-gap:10px}#start .mail-link{min-width:0;font-size:clamp(13px,calc((100vw - 2 * var(--pad) - 58px) / 17.9),16px)}}html.reduced #start .bottle-float,html.reduced #start .bottle-water,html.reduced #start .bg-float,html.reduced #start .bg-ripple{animation:none!important}@media(min-width:1024px){#start.start{min-height:0;padding-top:clamp(56px,8vh,88px);padding-bottom:clamp(40px,5vh,64px)}#start .start-copy{align-self:end;padding-bottom:clamp(4px,1vh,12px)}}