:root{--ink:#f4f1ea;--ink-soft:#f4f1eaa8;--pink:#ff5d8f;--lilac:#c08bff;--heart:#ff3b5c;--grass:#7cc349;--grass-dark:#5a8f3a;--dirt:#8b5a2b;--dirt-dark:#5e3c1c;--stone:#2a2a30;--stone-2:#20202a;--bevel-light:#5b5b66;--bevel-dark:#101015;--glass:#20202a;--glass-border:#3a3a46;--serif:"Pixelify Sans", system-ui, sans-serif;--sans:"Pixelify Sans", system-ui, sans-serif;--mono:"Pixelify Sans", ui-monospace, monospace;--hand:"Pixelify Sans", system-ui, sans-serif;--display:"Press Start 2P", "Pixelify Sans", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#1a2030}body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:none;text-rendering:optimizelegibility;background:0 0;font-size:18px;overflow-x:hidden}img{image-rendering:pixelated}svg{shape-rendering:auto}#root{width:100%}::selection{background:var(--grass);color:#11240a}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#11151f}::-webkit-scrollbar-thumb{background:var(--grass-dark);border:2px solid #11151f;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--grass)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.bg-layer{z-index:-2;background:linear-gradient(#0a0a0f,#14101f);transition:background .25s linear;position:fixed;inset:0}.grain{z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.sky{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stars{opacity:0;transition:opacity .4s linear;position:absolute;inset:0}.star{image-rendering:pixelated;background:#fff;border-radius:0;animation:steps(2,end) infinite alternate twinkle;position:absolute;box-shadow:0 0 #fff0}@keyframes twinkle{0%{opacity:.15;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.sun{opacity:0;width:92px;height:92px;image-rendering:pixelated;background:#ffd54a;border-radius:0;transition:opacity .4s linear;position:absolute;top:15%;right:12%;box-shadow:0 0 70px #ffd25a8c,inset 6px 6px #ffe98a,inset -6px -6px #f0a500}.sun:before,.sun:after{content:"";background:#ffe98a;width:14px;height:14px;position:absolute}.sun:before{top:18px;left:18px}.sun:after{background:#f0a500;bottom:18px;right:18px}.moon{opacity:0;width:64px;height:64px;image-rendering:pixelated;background:#e7e9f7;border-radius:0;transition:opacity .4s linear;position:absolute;top:12%;right:14%;box-shadow:0 0 45px #cfd2ee80,inset 5px 5px #fff,inset -5px -5px #b9bcd8}.moon:before,.moon:after{content:"";background:#c4c7e0;position:absolute}.moon:before{width:12px;height:12px;top:16px;left:14px}.moon:after{width:8px;height:8px;bottom:14px;right:16px}.cursor-trail{z-index:9990;pointer-events:none;position:fixed;inset:0}.music-btn{z-index:60;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);color:var(--ink);cursor:pointer;font-family:var(--sans);letter-spacing:.14em;text-transform:lowercase;border-radius:99px;align-items:center;gap:.6rem;padding:.5rem .95rem;font-size:.7rem;transition:border-color .3s,transform .3s;display:flex;position:fixed;bottom:20px;right:20px}.music-label{opacity:.85}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{background:linear-gradient(var(--pink), var(--lilac));border-radius:2px;width:2.5px;height:4px}.music-btn.is-playing .eq i{animation:.8s ease-in-out infinite alternate eq}.music-btn.is-playing .eq i:nth-child(2){animation-delay:.18s}.music-btn.is-playing .eq i:nth-child(3){animation-delay:.36s}.music-btn.is-playing .eq i:nth-child(4){animation-delay:.12s}@keyframes eq{0%{height:3px}to{height:14px}}.app{transition:opacity 1.1s;position:relative}.app.is-hidden{opacity:0;pointer-events:none}.app.is-ready{opacity:1}.intro{z-index:50;cursor:pointer;background:radial-gradient(120% 120% at 50% 40%,#121018 0%,#08070b 70%);flex-direction:column;justify-content:center;align-items:center;gap:2.4rem;display:flex;position:fixed;inset:0}.intro-stage{z-index:2;justify-content:center;align-items:center;width:min(88vw,480px);height:clamp(160px,38vh,280px);display:flex;position:relative}.intro-figures{z-index:1;pointer-events:none;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.figure{will-change:transform, opacity;filter:drop-shadow(0 0 22px #b58cff52);justify-content:center;align-items:flex-end;width:clamp(60px,10vw,96px);height:clamp(120px,30vh,208px);display:flex}.figure--woman{margin-right:2px}.figure--man{margin-left:2px}.figure-bob{transform-origin:50% 100%;width:100%;height:100%}@keyframes walkbob{0%{transform:translateY(2px)rotate(-1.5deg)}to{transform:translateY(-4px)rotate(1.5deg)}}.figure-heart-wrap{width:clamp(20px,3.2vw,30px);margin-top:-7vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.figure-heart{will-change:transform, opacity;filter:drop-shadow(0 0 16px #ff7fb6f2);width:100%}.intro-letter{font-family:var(--serif);letter-spacing:.02em;color:#f6f1ea;will-change:transform, opacity;font-size:clamp(5rem,20vw,11rem);font-weight:300;line-height:1}.intro-svg{pointer-events:none;width:min(88vw,480px);height:auto;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.intro-caption{flex-direction:column;align-items:center;gap:.35rem;display:flex}.intro-coords{font-family:var(--mono);letter-spacing:.18em;color:var(--lilac);font-size:.82rem}.intro-sub{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem}.intro-skip{letter-spacing:.35em;text-transform:uppercase;color:#f4f1ea4d;font-size:.66rem;position:absolute;bottom:2rem}.hero{height:260vh;position:relative}.hero-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.hero-canvas{cursor:pointer;position:absolute;inset:0}.hero-canvas canvas{display:block}.heart-fallback{place-items:center;display:grid;position:absolute;inset:0}.heart-fallback:after{content:"";filter:blur(14px);background:radial-gradient(circle,#ea80b0,#ea80b000 70%);border-radius:50%;width:130px;height:130px;animation:1.6s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.85;transform:scale(1.05)}}.hero-words{pointer-events:none;transition:opacity .2s linear;position:absolute;inset:0}.floatword{font-family:var(--mono);letter-spacing:.12em;color:#eab4d780;white-space:nowrap;text-shadow:0 0 12px #b58cff66;font-size:clamp(.6rem,1.1vw,.85rem);animation:ease-in-out infinite alternate drift;position:absolute}@keyframes drift{0%{opacity:.25;transform:translateY(-8px)}to{opacity:.7;transform:translateY(8px)}}.hero-title{text-align:center;pointer-events:none;position:absolute;bottom:18vh;left:0;right:0}.hero-title h1{font-family:var(--serif);letter-spacing:.06em;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:300}.hero-title .amp{color:var(--pink);text-shadow:0 0 24px #ea80b0b3;margin:0 .2em}.hero-title p{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-soft);margin-top:.6rem;font-size:.78rem}.scroll-hint{color:var(--ink-soft);font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;font-size:.66rem;transition:opacity .2s linear,color .3s;display:flex;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.scroll-hint:hover{color:var(--ink)}.scroll-hint-arrow{font-size:1.1rem;animation:1.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.timeline{max-width:1080px;margin:0 auto;padding:14vh 24px 10vh;position:relative}.timeline-head{text-align:center;margin-bottom:9vh}.timeline-kicker{font-family:var(--mono);letter-spacing:.3em;color:var(--pink);font-size:.72rem}.timeline-title{font-family:var(--serif);margin:.5rem 0 .8rem;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:400}.timeline-lead{max-width:38ch;color:var(--ink-soft);margin:0 auto;font-size:.95rem;line-height:1.6}.timeline-track{position:relative}.timeline-line{background:linear-gradient(180deg, var(--pink), var(--lilac));opacity:.45;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.stop{opacity:0;width:50%;margin:7vh 0;padding:0 46px;transition:opacity .9s,transform .9s;position:relative;transform:translateY(34px)}.stop.is-in{opacity:1;transform:translateY(0)}.stop--left{left:0}.stop--right{left:50%}.stop-pin{background:radial-gradient(circle, #fff 0%, var(--pink) 55%, transparent 75%);border-radius:50%;width:14px;height:14px;transition:transform .4s,box-shadow .4s;position:absolute;top:28px;box-shadow:0 0 16px #ea80b0e6}.stop-pin:after{content:"";border:1px solid #ea80b080;border-radius:50%;animation:2.4s ease-out infinite ping;position:absolute;inset:-6px}@keyframes ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.stop--left .stop-pin{right:-7px}.stop--right .stop-pin{left:-7px}.stop-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);border-radius:18px;max-width:400px;transition:transform .4s,box-shadow .4s,border-color .4s;overflow:hidden;box-shadow:0 20px 50px #00000059}.stop-card:hover{border-color:#ea80b066;transform:translateY(-6px);box-shadow:0 32px 70px #00000080}.stop--left .stop-card{margin-left:auto}.stop--right .stop-card{margin-right:auto}.stop-photo{aspect-ratio:4/3;cursor:pointer;background:#15121d;border:none;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.stop-photo img,.stop-photo .stop-photo--empty{transition:transform .5s}.stop-photo:hover img,.stop-photo:hover .stop-photo--empty{transform:scale(1.05)}.stop-zoom{color:#fff;opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.stop-photo:hover .stop-zoom{opacity:1;transform:translateY(0)}.lightbox{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#050408c7;justify-content:center;align-items:center;padding:24px;animation:.3s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.lightbox-inner{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:20px;width:100%;max-width:900px;max-height:88vh;animation:.35s cubic-bezier(.2,.8,.2,1) popin;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}@keyframes popin{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.lightbox-photo{background:#15121d;flex:1.3;min-width:0}.lightbox-photo img{object-fit:cover;width:100%;height:100%;max-height:88vh;display:block}.lightbox-photo .stop-photo--empty{height:100%;min-height:320px}.lightbox-text{flex-direction:column;flex:1;justify-content:center;padding:2.2rem 2.2rem 2.2rem 1.8rem;display:flex}.lightbox-note{color:var(--ink);margin-top:.6rem;font-size:1.02rem;line-height:1.6}.lightbox-story{font-family:var(--serif);color:var(--ink-soft);margin-top:1rem;font-size:1.18rem;font-style:italic;line-height:1.7}.lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#00000059;border:none;border-radius:50%;width:36px;height:36px;font-size:1.6rem;line-height:1;position:absolute;top:10px;right:14px}.letter{justify-content:center;align-items:center;min-height:240px;margin-top:2.6rem;display:flex}.envelope{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex-direction:column;align-items:center;gap:1rem;display:flex}.envelope-body{border:1px solid var(--glass-border);background:linear-gradient(160deg,#2a2233,#1b1626);border-radius:8px;width:210px;height:134px;transition:transform .4s;position:relative;box-shadow:0 22px 50px #00000073}.envelope:hover .envelope-body{transform:translateY(-7px)}.envelope-flap{border-top:66px solid #342a40;border-left:105px solid #0000;border-right:105px solid #0000;width:0;height:0;position:absolute;top:0;left:0}.envelope-heart{color:var(--pink);text-shadow:0 0 18px #ea80b0d9;font-size:1.9rem;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.envelope-hint{letter-spacing:.34em;text-transform:uppercase;font-size:.66rem}.letter-paper{color:#3a2e25;text-align:left;background:linear-gradient(#fbf6ee,#f1e7d4);border-radius:14px;width:100%;max-width:560px;padding:2.6rem 2.4rem 3rem;animation:.6s cubic-bezier(.2,.8,.2,1) paperUp;position:relative;box-shadow:0 30px 70px #00000073}@keyframes paperUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.letter-paper .letter-greeting{font-family:var(--hand);color:#843f59;margin-bottom:1rem;font-size:2.1rem}.letter-paper .letter-line{font-family:var(--hand);color:#3a2e25;margin-bottom:.7rem;font-size:1.55rem;line-height:1.5}.letter-paper .letter-sign{font-family:var(--hand);text-align:right;color:#843f59;margin-top:1.4rem;font-size:1.7rem}.letter-seal{font-family:var(--mono);letter-spacing:.2em;color:#843f59;opacity:.5;font-size:.7rem;position:absolute;bottom:14px;left:20px}.stop-photo img{object-fit:cover;width:100%;height:100%;display:block}.stop-photo--empty{color:#ffffff59;background:linear-gradient(135deg,#2a1f33,#3a2a44);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;width:100%;height:100%;display:flex}.stop-photo-hint{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;font-size:.62rem}.stop-meta{text-align:left;padding:1.1rem 1.3rem 1.4rem}.stop-date{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--lilac);font-size:.68rem}.stop-loc{font-family:var(--serif);align-items:center;gap:.4rem;margin:.25rem 0 .5rem;font-size:1.45rem;font-weight:500;display:flex}.stop-flag{font-size:1rem}.stop-note{color:var(--ink-soft);font-size:.92rem;line-height:1.55}.end{text-align:center;justify-content:center;align-items:center;min-height:86vh;display:flex}.end-inner{padding:2rem}.end-mark{color:var(--pink);text-shadow:0 0 30px #ea80b0b3;margin-bottom:1rem;font-size:clamp(3rem,9vw,6rem);display:block}.end h2{font-family:var(--serif);letter-spacing:.04em;font-size:clamp(1.8rem,5vw,3rem);font-weight:300}.end p{color:var(--ink-soft);letter-spacing:.1em;margin-top:.8rem}@media (width<=760px){.timeline-line{left:18px}.stop{width:100%;padding:0 0 0 46px;left:0!important}.stop-card{max-width:none;margin:0!important}.stop-pin{left:11px!important;right:auto!important}.lightbox-inner{flex-direction:column;max-height:90vh;overflow-y:auto}.lightbox-photo img{max-height:46vh}.lightbox-text{padding:1.4rem 1.4rem 1.8rem}.music-label{display:none}.route-map-canvas{height:56vh;min-height:320px}}.timeline-lead,.timeline-kicker,.hero-title p{text-shadow:0 1px 14px #00000073}:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #b58cffd9}.route-map{max-width:1080px;margin:0 auto;padding:8vh 24px 6vh}.route-map-canvas{border:1px solid var(--glass-border);border-radius:20px;height:60vh;min-height:380px;margin-top:5vh;overflow:hidden;box-shadow:0 30px 70px #00000073}.leaflet-container{font-family:var(--sans);background:#0a0a0f}.route-line{filter:drop-shadow(0 0 6px #ea80b099)}.loop-line{filter:drop-shadow(0 0 4px #b58cff8c)}.loop-label{font-family:var(--mono);letter-spacing:.04em;color:#e3d4ff;white-space:nowrap;text-align:center;text-shadow:0 0 6px #000000e6;background:#14101eb3;border:1px solid #b58cff73;border-radius:99px;padding:2px 8px;font-size:.6rem}.map-pin-wrap{position:relative}.map-pin{background:radial-gradient(circle,#fff 0%,#ea80b0 60%,#0000 75%);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ea80b0f2}.map-pin:after{content:"";border:1px solid #ea80b099;border-radius:50%;animation:2.2s ease-out infinite ping;position:absolute;inset:-6px}.map-pin-num{font-family:var(--mono);color:#f4c3dd;text-shadow:0 0 6px #000c;font-size:.6rem;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.leaflet-popup-content-wrapper{color:var(--ink);border:1px solid var(--glass-border);background:#15121d;border-radius:12px;box-shadow:0 16px 40px #00000080}.leaflet-popup-tip{background:#15121d}.leaflet-popup-content{margin:.8rem 1rem;font-size:.85rem;line-height:1.5}.map-pop-date{font-family:var(--mono);letter-spacing:.1em;color:var(--lilac);font-size:.65rem}.leaflet-container a.leaflet-popup-close-button{color:var(--ink-soft)}.leaflet-bar a{color:var(--ink);border-color:var(--glass-border);background:#15121d}.leaflet-bar a:hover{background:#241a2e}.leaflet-control-attribution{color:#f4f1ea80!important;background:#00000073!important}.leaflet-control-attribution a{color:#b58cffd9!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mc-panel,.stop-card,.lightbox-inner,.music-btn,.route-map-canvas{background:var(--stone);box-shadow:inset 3px 3px 0 var(--bevel-light), inset -3px -3px 0 var(--bevel-dark), 0 10px 0 #00000040, 0 20px 40px #00000073;border:3px solid #131318;-webkit-backdrop-filter:none!important;border-radius:0!important}.pixel-heart{vertical-align:middle;image-rendering:pixelated;display:inline-block}.pixel-heart--glow{filter:drop-shadow(0 0 6px #ff3b5cd9);animation:1.1s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.16)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.intro{image-rendering:pixelated;background:linear-gradient(#1a2030 0%,#0c1018 100%)}.intro-letter{font-family:var(--display);color:#f6f1ea;text-shadow:4px 4px #131318,0 0 18px #7cc34959;font-size:clamp(3rem,13vw,7.5rem);font-weight:400}.intro-title-heart{filter:drop-shadow(0 0 12px #ff3b5ce6);width:clamp(46px,12vw,92px);margin:0 .18em;position:relative}.intro-title-heart svg{width:100%;height:auto;display:block}.intro-svg{display:none!important}.figure{filter:drop-shadow(4px 6px #00000059)}.figure-bob.walking{animation:.5s steps(2,end) infinite alternate walkbob}.figure-heart{filter:drop-shadow(0 0 12px #ff3b5cf2)}.figure-heart svg{width:100%;height:auto;display:block}.intro-coords{font-family:var(--mono);color:var(--grass);letter-spacing:.12em}.intro-sub{color:var(--ink-soft);letter-spacing:.28em}.intro-skip{color:#f4f1ea66;letter-spacing:.28em}.hero-title h1{font-family:var(--display);letter-spacing:0;justify-content:center;align-items:center;gap:.18em;font-size:clamp(1.8rem,6vw,3.6rem);display:flex}.hero-title .amp-letter{color:#fff;text-shadow:3px 3px #131318,0 0 16px #7cc34966}.hero-title .amp{margin:0}.hero-title p{font-family:var(--sans);text-transform:none;letter-spacing:.18em;color:#d8e8c8;font-size:.95rem}.floatword{font-family:var(--mono);color:#b4e6968c;text-shadow:2px 2px #00000080;letter-spacing:.04em}.scroll-hint{font-family:var(--sans);text-transform:none;letter-spacing:.16em;color:#cfe6bd}.timeline-kicker,.map-pop-date,.stop-date{font-family:var(--mono);color:var(--grass);letter-spacing:.12em;text-transform:none}.timeline-title{font-family:var(--sans);text-shadow:3px 3px #131318;font-size:clamp(2rem,6vw,3.4rem);font-weight:700;line-height:1.3}.timeline-lead{font-family:var(--sans);color:#d9d6cf;font-size:1.05rem}.timeline-line{background:repeating-linear-gradient(180deg, var(--grass-dark) 0 8px, var(--dirt-dark) 8px 16px);opacity:.8;width:6px;image-rendering:pixelated}.stop-pin{background:var(--heart);border-radius:0;width:16px;height:16px;box-shadow:inset 2px 2px #ff8aa0,inset -2px -2px #8a0f23,0 0 0 2px #131318}.stop-pin:after{border:2px solid #ff3b5c80;border-radius:0}.stop:hover .stop-pin{transform:scale(1.2);box-shadow:inset 2px 2px #ffb0c0,inset -2px -2px #8a0f23,0 0 0 2px #131318}.stop-card:hover{border-color:var(--grass-dark);box-shadow:inset 3px 3px 0 var(--bevel-light), inset -3px -3px 0 var(--bevel-dark), 0 14px 0 #00000040, 0 24px 50px #00000080;transform:translateY(-4px)}.stop-photo{background:#15151b;border-bottom:3px solid #131318}.stop-photo--empty{color:#fff9;background:repeating-linear-gradient(45deg,#6b4a2b 0 10px,#5e3c1c 10px 20px)}.stop-photo-glyph{font-size:1.8rem}.stop-photo-hint,.stop-photo-glyph{font-family:var(--mono)}.stop-zoom{border:2px solid var(--grass-dark);background:#131318;border-radius:0}.stop-loc{font-family:var(--sans);font-size:1.25rem;font-weight:600}.stop-note,.lightbox-note{font-family:var(--sans);color:#d9d6cf}.lightbox{-webkit-backdrop-filter:none;background:#080a10d9}.lightbox-photo{background:#15151b}.lightbox-story{font-family:var(--sans);color:#cfe6bd;font-style:normal}.lightbox-close{border:2px solid var(--grass-dark);color:#fff;background:#131318;border-radius:0}.music-btn{text-transform:none;font-family:var(--mono);color:#eaf6df;border-radius:0!important}.music-btn:hover{border-color:var(--grass);transform:translateY(-2px)}.eq i{background:var(--grass);border-radius:0;width:3px}.route-map-canvas{background:#0c1018;border:6px solid #b08436;box-shadow:inset 3px 3px #d4a85a,inset -3px -3px #6b4a2b,0 20px 50px #00000080}.map-pin{background:var(--heart);border-radius:0;box-shadow:inset 2px 2px #ff8aa0,inset -2px -2px #8a0f23,0 0 0 2px #131318}.map-pin:after{border:2px solid #ff3b5c8c;border-radius:0}.map-pin-num{font-family:var(--mono);color:#eaf6df;text-shadow:2px 2px #000000d9}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--stone);box-shadow:inset 2px 2px 0 var(--bevel-light), inset -2px -2px 0 var(--bevel-dark);border:3px solid #131318;border-radius:0!important}.leaflet-popup-content{font-family:var(--sans)}.leaflet-bar a{background:var(--stone);color:#eaf6df;border-color:#131318;border-radius:0!important}.end h2{font-family:var(--sans);text-shadow:3px 3px #131318;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1.35}.end p{font-family:var(--sans);color:#d9d6cf}.end-mark{place-items:center;margin-bottom:1.2rem;display:grid}.end-mark .pixel-heart{filter:drop-shadow(0 0 14px #ff5d8fe6)}.chest{cursor:pointer;color:#cfe6bd;font-family:var(--mono);background:0 0;border:none;flex-direction:column;align-items:center;gap:1rem;display:flex}.chest-box{background:#7a5430;border:4px solid #3a2616;width:168px;height:132px;transition:transform .3s steps(2,end);position:relative;box-shadow:inset 4px 4px #9c6c3e,inset -4px -4px #5e3c1c,0 16px #00000040,0 26px 50px #00000073}.chest:hover .chest-box{transform:translateY(-6px)}.chest-lid{transform-origin:top;background:#8a6038;border:4px solid #3a2616;height:46px;transition:transform .3s;position:absolute;top:-4px;left:-4px;right:-4px;box-shadow:inset 4px 4px #a6743f,inset -4px -4px #5e3c1c}.chest:hover .chest-lid{transform:rotateX(22deg)}.chest-latch{z-index:2;background:#d9d9df;border:3px solid #2a2a30;width:22px;height:26px;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:inset 2px 2px #fff,inset -2px -2px #8a8a92}.chest-glow{z-index:1;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.chest-hint{letter-spacing:.2em;text-transform:none}.letter-paper{color:#2f2516;background:#efe3c4;border:4px solid #b9a373;padding-left:3rem;box-shadow:inset 3px 3px #fbf3da,inset -3px -3px #cdb988,0 24px 60px #00000080;border-radius:0!important}.book-bind{background:repeating-linear-gradient(#8a6038 0 10px,#5e3c1c 10px 20px);width:8px;position:absolute;top:14px;bottom:14px;left:14px}.letter-paper .letter-greeting{font-family:var(--sans);color:#7a3b1d;font-size:1.5rem;font-weight:700}.letter-paper .letter-line{font-family:var(--sans);color:#2f2516;font-size:1.1rem;line-height:1.65}.letter-paper .letter-sign{font-family:var(--sans);color:#7a3b1d;font-size:1.15rem;font-weight:600}.letter-seal{font-family:var(--mono);color:#7a3b1d;opacity:.8;align-items:center;gap:.25rem;display:inline-flex}:focus-visible{outline-offset:2px;outline:3px solid var(--grass)!important;border-radius:0!important}.pin-gate{z-index:100;image-rendering:pixelated;background:linear-gradient(#1a2030 0%,#0c1018 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pin-card{text-align:center;flex-direction:column;align-items:center;gap:.85rem;width:min(92vw,380px);padding:2.2rem 1.8rem;display:flex}.pin-heart{filter:drop-shadow(0 0 12px #ff3b5ce6)}.pin-title{font-family:var(--sans);color:#fff;text-shadow:2px 2px #131318;font-size:1.6rem;font-weight:700}.pin-sub{font-family:var(--sans);color:#cfe6bd;margin-top:-.35rem;font-size:.95rem}.pin-input{width:100%;font-family:var(--mono);letter-spacing:.4em;text-align:center;color:#fff;background:#15151b;border:3px solid #131318;border-radius:0;outline:none;margin-top:.4rem;padding:.8rem 1rem;font-size:1.4rem;box-shadow:inset 3px 3px #0c0c10,inset -3px -3px #2c2c34}.pin-input::placeholder{color:#555;letter-spacing:.3em}.pin-input.is-err{border-color:var(--heart);animation:.35s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pin-btn{cursor:pointer;width:100%;font-family:var(--sans);letter-spacing:.04em;color:#11240a;background:var(--grass);box-shadow:inset 3px 3px 0 #a7e07d, inset -3px -3px 0 var(--grass-dark);border:3px solid #131318;border-radius:0;margin-top:.3rem;padding:.8rem 1rem;font-size:1.05rem;font-weight:600;transition:transform .12s steps(2,end),filter .2s}.pin-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.pin-btn:active{transform:translateY(1px)}.pin-err{font-family:var(--sans);color:#ff8aa0;opacity:0;min-height:1.1em;font-size:.85rem;transition:opacity .2s}.pin-err.is-show{opacity:1}.hero-hearts{z-index:1;pointer-events:none;position:absolute;inset:0}.float-heart{opacity:.55;filter:drop-shadow(0 0 6px #ff5d8f99);animation:ease-in-out infinite alternate drift;position:absolute}.intro-celebrate{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.intro-celebrate-big{font-family:var(--sans);color:#fff;letter-spacing:.02em;text-shadow:2px 2px #131318,0 0 18px #ff5d8f99;font-size:clamp(1.5rem,6vw,2.6rem);font-weight:700}.intro-celebrate-sub{font-family:var(--sans);color:#ffc2da;font-size:clamp(.95rem,2.6vw,1.15rem)}.gallery{max-width:1120px;margin:0 auto;padding:12vh 24px 8vh}.gallery-grid{column-count:3;column-gap:16px}@media (width<=900px){.gallery-grid{column-count:2}}@media (width<=560px){.gallery-grid{column-count:1}}.gallery-item{cursor:pointer;break-inside:avoid;text-align:left;background:var(--stone);width:100%;margin:0 0 16px;padding:0;display:block;overflow:hidden}.gallery-item img{image-rendering:auto;width:100%;height:auto;transition:transform .45s,filter .45s;display:block}.gallery-item:hover img{transform:scale(1.04)}.gallery-item .stop-photo--empty{aspect-ratio:4/3}.gallery-cap{background:#15151b;border-top:3px solid #131318;padding:.75rem .9rem .85rem;display:block}.gallery-loc{font-family:var(--mono);color:var(--grass);margin-bottom:.25rem;font-size:.78rem;font-style:normal;display:block}.gallery-note{font-family:var(--sans);color:#ffe3ee;font-size:1.05rem;line-height:1.4;display:block}.lightbox-photo img{image-rendering:auto}.promise{text-shadow:0 0 16px #ff5d8f80;font-weight:600;font-family:var(--sans)!important;color:#ffb3cf!important;letter-spacing:.02em!important;margin:.4rem 0 .2rem!important;font-size:clamp(1.1rem,3.4vw,1.5rem)!important}.lovenote{justify-content:center;padding:14vh 24px;display:flex;position:relative;overflow:hidden}.lovenote-bg{z-index:0;background-image:var(--bg);filter:blur(28px)brightness(.5)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-50px;transform:scale(1.12)}.lovenote:after{content:"";z-index:0;background:linear-gradient(#0c101880,#0c1018d1);position:absolute;inset:0}.lovenote-inner{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1.4rem,4vw,3rem);width:100%;max-width:1000px;display:flex;position:relative}.lovenote-photo{width:100%;max-width:360px;margin:0;overflow:hidden}.lovenote-photo img{image-rendering:auto;width:100%;height:auto;display:block}.lovenote-text{flex:1;min-width:260px}.lovenote-kicker{font-family:var(--mono);letter-spacing:.08em;color:var(--grass);font-size:.82rem}.lovenote-title{font-family:var(--sans);color:#fff;text-shadow:2px 2px #131318,0 0 24px #ff5d8fb3;margin:.4rem 0 .8rem;font-size:clamp(2rem,7vw,3.4rem);font-weight:700}.lovenote-body{font-family:var(--sans);color:#ffe3ee;font-size:1.12rem;line-height:1.65}.achv{z-index:95;background:#2a2a30;border:3px solid #131318;align-items:center;gap:.75rem;min-width:250px;max-width:86vw;padding:.75rem .95rem;animation:5.4s forwards achvPop;display:flex;position:fixed;top:18px;right:18px;transform:translateY(-180%);box-shadow:inset 3px 3px #5b5b66,inset -3px -3px #101015,0 12px 26px #00000080}@keyframes achvPop{0%{transform:translateY(-180%)}8%{transform:translateY(0)}88%{transform:translateY(0)}to{transform:translateY(-180%)}}.achv-icon{filter:drop-shadow(0 0 6px #ff3b5cd9);flex:none}.achv-text{flex-direction:column;line-height:1.25;display:flex}.achv-title{font-family:var(--sans);color:#ffe04a;font-size:.92rem;font-weight:600}.achv-name{font-family:var(--sans);color:#fff;font-size:1.02rem}@media (width<=600px){.achv{min-width:0;top:12px;right:12px}}.yt-hidden{opacity:.001;pointer-events:none;z-index:-1;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden}.music-btn--hidden{opacity:0;pointer-events:none;transform:translateY(12px)}@media (width<=600px){body{font-size:17px}.gallery{padding:9vh 14px 6vh}.gallery-grid{column-gap:12px}.gallery-item{margin-bottom:12px}.lovenote{padding:10vh 16px}.lovenote-inner{text-align:center;flex-direction:column}.lovenote-text{min-width:0}.letter-paper{padding:1.8rem 1.3rem 2rem 2.3rem}.end-inner{padding:1.4rem}.timeline-head{margin-bottom:6vh}.chest-box{width:150px;height:118px}.music-btn{padding:.5rem .7rem;bottom:12px;right:12px}.intro-celebrate-sub{max-width:22ch}}