:root{--sand:#fbf1de;--shell:#fffaf1;--mustard:#e8ae3c;--mustard-soft:#f7dca4;--terra:#c75b39;--sea:#17545e;--sea2:#2d8891;--ink:#143238;--rose:#d9607c;--r:22px;--page:470px;--pad:20px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);background:radial-gradient(900px 500px at 8% -4%, #ffe6bd 0%, transparent 60%), radial-gradient(700px 480px at 102% 22%, #d8efec 0%, transparent 58%), linear-gradient(180deg, var(--sand) 0%, #fdf6e8 45%, #eaf3f0 100%);-webkit-tap-highlight-color:transparent;background-attachment:fixed;font-family:DM Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}body:after{content:"";pointer-events:none;opacity:.055;z-index:60;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:59;position:fixed;inset:0;box-shadow:inset 0 0 180px 40px #c7925733}.daylight{z-index:0;pointer-events:none;position:fixed;inset:0}.daylight .dl{position:absolute;inset:0}.daylight .golden{mix-blend-mode:multiply;opacity:0;background:radial-gradient(900px 620px at 88% 12%,#ffc97a 0%,#0000 62%),radial-gradient(760px 520px at 4% 72%,#ffb089 0%,#0000 58%),linear-gradient(#ffe9c2 0%,#ffdcb0 100%)}.daylight .dusk{mix-blend-mode:multiply;opacity:0;background:radial-gradient(900px 640px at 76% 88%,#d79a86 0%,#0000 62%),linear-gradient(#f7d3a6 0%,#dcae9e 50%,#90aabb 100%)}.page{max-width:var(--page);z-index:2;padding:0 var(--pad) calc(120px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.hand{font-family:Caveat,cursive}h1,h2,h3{letter-spacing:-.012em;font-family:Fraunces,Georgia,serif;font-weight:800;line-height:1.03}h1{font-size:clamp(2.3rem,9.4vw,3.3rem)}h2{font-size:clamp(1.85rem,7.6vw,2.6rem)}em{color:var(--terra);font-style:italic}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--sea2);align-items:center;gap:10px;font-size:.64rem;font-weight:700;display:flex}.eyebrow:after{content:"";opacity:.5;background:linear-gradient(90deg,currentColor,#0000);flex:1;height:1px}.lede{color:#2c4f55;font-size:1.04rem;line-height:1.6}.fine{opacity:.62;font-size:.74rem;font-style:italic;line-height:1.45}.tide{z-index:70;background:#14323812;height:3px;position:fixed;top:0;left:0;right:0}.tide i{transform-origin:0;background:linear-gradient(90deg,var(--mustard),var(--terra),var(--sea2));height:100%;display:block}.rail{right:max(8px,env(safe-area-inset-right));z-index:58;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf1b8;border:1px solid #14323814;border-radius:99px;justify-items:center;gap:4px;padding:6px 4px;display:grid;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 10px 24px -14px #0e3a3f66}.rail-dot{all:unset;cursor:pointer;border-radius:99px;place-items:center;width:26px;height:22px;display:grid;position:relative}.rail-num{letter-spacing:.04em;color:#14323855;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffaf1cc;border:1px solid #14323818;border-radius:99px;padding:3px 6px;font-size:.58rem;font-weight:700;line-height:1;transition:all .25s}.rail-dot.on .rail-num{background:var(--terra);color:#fff6e6;border-color:#0000;transform:scale(1.1);box-shadow:0 4px 12px -4px #c75b3988}.rail-tip{white-space:nowrap;color:var(--ink);opacity:0;pointer-events:none;background:#fffaf1ee;border:1px solid #14323818;border-radius:8px;padding:2px 8px;font-family:Caveat,cursive;font-size:1.05rem;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:34px;transform:translateY(-50%)translate(6px)}.rail-dot:hover .rail-tip{opacity:1;transform:translateY(-50%)translate(0)}.curtain{z-index:90;background:linear-gradient(#fdf3e0,#f6e6cd);place-items:center;display:grid;position:fixed;inset:0}.curtain-in{text-align:center;justify-items:center;gap:14px;display:grid}.curtain-in span{letter-spacing:.4em;color:var(--sea);opacity:.7;font-size:.66rem;font-weight:700}.curtain-in strong{color:var(--terra);font-family:Fraunces,serif;font-size:1.25rem;font-style:italic;font-weight:600}.motes{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.motes i{opacity:.35;border-radius:50%;animation:linear infinite drift;position:absolute;bottom:-20px}@keyframes drift{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:.5}to{transform:translate(var(--dx),-108vh) scale(.6);opacity:0}}.hero{min-height:100svh;padding:calc(70px + env(safe-area-inset-top)) 0 36px;flex-direction:column;justify-content:center;gap:16px;display:flex}.poster-wrap{align-self:center;width:min(252px,66vw);margin:8px 0 6px;position:relative}.hero-sun{opacity:.5;pointer-events:none;width:150%;height:150%;position:absolute;top:-22%;left:-25%}.poster{background:#fffdf7;border-radius:3px;padding:11px 11px 13px;position:relative;box-shadow:0 26px 48px -22px #a8733a66,0 2px #00000008}.poster img{border-radius:1px;width:100%;height:auto;display:block}.poster-pin{background:radial-gradient(circle at 34% 32%,#f08aa3,#c23a5a);border-radius:50%;width:16px;height:16px;position:absolute;bottom:-7px;right:-7px;box-shadow:0 3px 6px #0e3a3f44}.bougain{pointer-events:none;width:76px;height:auto;position:absolute;top:-26px;left:-46px}.wave-row{animation:7s linear infinite surf}.wave-row.b{animation-duration:9s;animation-direction:reverse}@keyframes surf{to{transform:translate(-60px)}}.boat{transform-origin:50%;animation:3.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-3px)rotate(-2.5deg)}}.sun-ray{transform-origin:50%;transform-box:fill-box;animation:26s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero h1{margin-top:4px}.hero h1 .mark{background:linear-gradient(transparent 64%,var(--mustard-soft) 64%);padding:0 2px}.scroll-cue{letter-spacing:.22em;color:var(--sea);opacity:.6;align-self:center;justify-items:center;gap:6px;margin-top:8px;font-size:.6rem;display:grid}.scroll-cue b{background:linear-gradient(var(--sea),transparent);width:1px;height:34px;animation:1.9s ease-in-out infinite cue;display:block}@keyframes cue{0%,to{opacity:.3;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.map-sec{margin:88px 0}.map-card{border-radius:var(--r);background:linear-gradient(#fffdf6cc,#fffdf6cc), repeating-linear-gradient(0deg,#1432380f 0 1px,transparent 1px 22px), repeating-linear-gradient(90deg,#1432380f 0 1px,transparent 1px 22px), var(--shell);border:1.5px solid #14323826;margin-top:18px;padding:12px 6px 6px;position:relative;box-shadow:0 18px 40px -22px #0e3a3f66,inset 0 0 60px #e8ae3c1c}.map-card:before,.map-card:after{content:"";background:#f6d79aa8;border:1px dashed #c7925766;border-radius:2px;width:58px;height:19px;position:absolute;top:-9px;left:16px;transform:rotate(-4deg)}.map-card:after{left:auto;right:16px;transform:rotate(3deg)}.map-card svg{width:100%;height:auto;display:block;overflow:visible}.pin{cursor:pointer}.pin circle.hit{fill:#0000}.pin-label{fill:var(--sea);font-family:Caveat,cursive;font-size:15px;font-weight:700}.pin-num{fill:#fff;letter-spacing:.04em;font-family:DM Sans,sans-serif;font-size:8px;font-weight:700}.route{fill:none;stroke:var(--terra);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1 7}.coast{fill:none;stroke:var(--sea2);stroke-width:1.6px;opacity:.5}.map-legend{letter-spacing:.14em;color:#14323888;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px 4px;font-size:.6rem;display:flex}.chapter{margin:0 0 20px;padding-top:84px;scroll-margin-top:24px;position:relative}.ch-num{color:#0000;-webkit-text-stroke:1.5px #14323826;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-family:Fraunces,serif;font-size:clamp(4rem,19vw,5.6rem);font-weight:800;line-height:.8;position:absolute;top:56px;right:-2px}.chapter h2{z-index:1;margin:8px 0 2px;position:relative}.ch-sub{color:var(--terra);font-family:Caveat,cursive;font-size:1.42rem;display:inline-block;transform:rotate(-1deg)}.card{border-radius:var(--r);background:var(--shell);border:1.5px solid #14323822;margin-top:16px;transition:box-shadow .4s,transform .4s;overflow:hidden;box-shadow:0 22px 44px -28px #0e3a3f99}.chapter.flash .card,.chapter.flash .polaroid{box-shadow:0 0 0 3px var(--mustard),0 24px 44px -26px #0e3a3f88}.sketch-box{aspect-ratio:4/3;background:linear-gradient(160deg,#fff8e9,#f3e7d2);border-bottom:1.5px dashed #14323826;place-items:center;display:grid;position:relative;overflow:hidden}.sketch-inner{place-items:center;width:80%;display:grid}.sketch-box svg{width:100%;height:auto;overflow:visible}.sketch-tag{letter-spacing:.18em;text-transform:uppercase;color:#14323877;font-size:.55rem;position:absolute;bottom:10px;left:12px}.prose{gap:10px;padding:16px 2px 0;display:grid}.quote{color:var(--sea);font-family:Fraunces,serif;font-size:1.14rem;font-style:italic;line-height:1.38}.quote:before{content:"“";color:var(--mustard);vertical-align:-.25em;margin-right:2px;font-size:1.6em;line-height:0}.note{color:#2c4f55;opacity:.84;font-size:.88rem;line-height:1.55}.connector{justify-items:center;gap:0;height:52px;margin-top:34px;display:grid;position:relative}.connector .dash{border-left:2px dashed #c7925777;width:0;height:100%}.connector .bead{background:var(--terra);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;box-shadow:0 0 0 4px #fbf1deaa}.postcard{border-radius:var(--r);background:var(--shell);cursor:zoom-in;border:1.5px solid #14323822;margin-top:18px;transition:box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 22px 44px -28px #0e3a3f99}.postcard .frame{aspect-ratio:var(--ar,4/3);background:#20343a;position:relative;overflow:hidden}.postcard img{object-fit:cover;filter:sepia(.5)contrast(.92)blur(12px);width:100%;height:112%;transition:filter 1.4s .1s,transform 1.4s .1s;display:block;position:absolute;top:-6%;left:0;transform:scale(1.04)}.postcard.dev img{filter:sepia(.1)contrast(1.05)saturate(1.06)blur();transform:scale(1)}.postcard .frame:after{content:"";pointer-events:none;background:linear-gradient(#ffb84d1a 0%,#0000 42%,#15434d26 100%);position:absolute;inset:0}.postcard figcaption{border-top:1.5px dashed #14323826;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:1.18rem;line-height:1.15;display:flex}.postcard figcaption .expand{opacity:.4;flex:none;font-size:.8rem}.stamp{color:#14323899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffaf1e0;border:1px dashed #c7925799;border-radius:3px;place-items:center;width:32px;height:38px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:14px;right:14px}.prints{gap:26px;margin-top:22px;display:grid}.polaroid{cursor:pointer;background:#fffdf7;border-radius:4px;padding:12px 12px 16px;transition:box-shadow .4s;position:relative;box-shadow:0 26px 50px -26px #0e3a3fbb}.chapter.flash .postcard{box-shadow:0 0 0 3px var(--mustard),0 24px 44px -26px #0e3a3f88}.polaroid .frame{aspect-ratio:4/3;background:#20343a;overflow:hidden}.polaroid img{object-fit:cover;filter:sepia(.55)contrast(.9)blur(10px);width:100%;height:100%;transition:filter 1.5s .15s,transform 1.5s .15s;display:block;transform:scale(1.06)}.polaroid.dev img{filter:sepia(.1)contrast(1.06)saturate(1.06)brightness(1.04)blur();transform:scale(1)}.polaroid figcaption{color:var(--ink);text-align:center;opacity:.9;text-wrap:balance;margin-top:14px;padding:0 4px;font-family:Caveat,cursive;font-size:1.2rem;line-height:1.15}.tape{background:#f6d79ab3;border:1px solid #c7925744;border-radius:2px;width:84px;height:25px;margin-left:-42px;position:absolute;top:-12px;left:50%;transform:rotate(-2deg);box-shadow:0 2px 6px #00000012}.tape:after{content:"";background:repeating-linear-gradient(90deg,#fff3 0 3px,#0000 3px 6px);position:absolute;inset:0}.dev-flag{letter-spacing:.18em;color:#fdf3e0;background:#143238cc;border-radius:99px;padding:4px 8px;font-size:.52rem;position:absolute;top:20px;right:20px}.tap-hint{letter-spacing:.16em;text-transform:uppercase;color:#143238aa;background:#fffaf1cc;border-radius:99px;padding:4px 8px;font-size:.52rem;position:absolute;top:20px;left:20px}.lightbox{z-index:95;cursor:zoom-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f262bf2;place-content:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:6px;max-width:min(92vw,560px);max-height:72svh;box-shadow:0 30px 60px -20px #000a}.lightbox p{text-align:center;color:#fdf3e0;opacity:.9;font-size:1.3rem}.lightbox .close{all:unset;cursor:pointer;letter-spacing:.24em;text-transform:uppercase;color:#fdf3e0aa;border:1px solid #fdf3e044;border-radius:99px;justify-self:center;padding:8px 16px;font-size:.64rem}.finale{text-align:left}.beach{border-radius:var(--r);background:linear-gradient(#eaf6f3 0%,#f8ead0 42%,#f1dcb6 100%);border:1.5px solid #14323822;margin-top:18px;position:relative;overflow:hidden;box-shadow:0 22px 44px -28px #0e3a3f99}.beach svg{width:100%;height:auto;display:block}.reveal-btn{all:unset;cursor:pointer;box-sizing:border-box;border-radius:var(--r);text-align:center;background:repeating-linear-gradient(45deg,#f7e9cf 0 10px,#f3e2c2 10px 20px);border:2px dashed #c79257aa;width:100%;margin-top:18px;padding:24px 18px;display:block;position:relative;overflow:hidden}.reveal-btn span{color:var(--ink);font-family:Caveat,cursive;font-size:1.3rem;line-height:1.25;display:block}.reveal-btn small{letter-spacing:.22em;color:#14323877;margin-top:8px;font-size:.58rem;display:block}.reveal-btn:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#fffa 46%,#0000 62%);animation:3.6s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.grain{pointer-events:none;border-radius:50%;width:5px;height:5px;position:absolute}.castle-wrap{margin-top:18px}.reveal-out{text-align:center;gap:8px;margin-top:18px;display:grid}.reveal-out .hand{color:var(--ink);font-size:1.5rem;line-height:1.2}.outro{text-align:center;margin:96px 0 0;padding-top:20px;position:relative}.outro h2{margin-bottom:10px}.outro .lede{max-width:30ch;margin:0 auto}.btn{cursor:pointer;color:#fff8e9;background:linear-gradient(135deg,var(--terra),#a8452c);border:0;border-radius:99px;margin-top:22px;padding:15px 26px;font:700 .96rem DM Sans,sans-serif;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 10px 24px -10px #a8452caa,inset 0 -2px #0002}.btn:active{transform:translateY(2px);box-shadow:0 5px 14px -8px #a8452caa}.answer{justify-items:center;gap:6px;margin-top:22px;display:grid}.answer b{color:var(--terra);font-family:Caveat,cursive;font-size:2.1rem;font-weight:700}.answer small{opacity:.62;max-width:28ch;font-size:.74rem;line-height:1.4}.foot{text-align:center;opacity:.55;letter-spacing:.08em;gap:6px;margin-top:72px;font-size:.68rem;display:grid}.foot .hand{letter-spacing:0;opacity:.9;font-size:1.1rem}@media (width<=560px){.rail{top:auto;left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));grid-auto-flow:column;gap:3px;padding:5px 7px;transform:translate(-50%)}.rail-tip{display:none}.rail-dot{width:28px;height:24px}}@media (width<=420px){:root{--pad:16px}.rail-num{padding:4px 6px;font-size:.56rem}.map-legend{letter-spacing:.1em;font-size:.54rem}.polaroid{padding:10px 10px 44px}.polaroid figcaption{font-size:1.08rem}.chapter{padding-top:72px}}@media (height<=680px){.hero{min-height:auto;padding-top:96px}.arch-wrap{width:min(220px,56vw)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}html{scroll-behavior:auto}.polaroid img{filter:sepia(.1)contrast(1.06)blur();transform:none}}