:root{--ivory:#fff9ef;--beige:#f3e6d0;--ink:#55483f;--gold:#c7a76c;--white:#fff;--soft:#d9c6a5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Hiragino Maru Gothic ProN","Yu Gothic",system-ui,sans-serif;line-height:1.8}body.intro-locked{height:100svh;overflow:hidden;overscroll-behavior:none;touch-action:none}button,input{font:inherit;color:inherit}.screen,.section{max-width:720px;margin:auto;padding:72px 24px}.full{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden}.opening-copy{text-align:center;max-width:430px}.opening-copy h1{font-size:clamp(1.45rem,6vw,2rem);line-height:1.6}.eyebrow{font-family:Georgia,serif;letter-spacing:.16em;font-size:.78rem;color:#927a53}.primary{border:0;border-radius:999px;background:var(--ink);color:white;padding:14px 28px;margin-top:20px;box-shadow:0 8px 22px #55483f22}.corner{position:absolute;top:max(20px,env(safe-area-inset-top));font:11px Georgia,serif;letter-spacing:.12em}.corner.left{left:20px}.corner.right{right:20px}.secret-heart{position:absolute;right:18px;bottom:18px;border:0;background:none;opacity:.38;font-size:20px}.centered{text-align:center}.counter strong{font:700 clamp(4rem,20vw,7rem) Georgia,serif;color:var(--gold)}.counter>span{font-size:1.4rem}.paper,.cards article,.envelopes article,.secret-cards article,.quiz-card{background:#fffdf8;border:1px solid #d9c6a566;border-radius:22px;padding:22px;box-shadow:0 14px 38px #55483f0d}.cards,.envelopes,.secret-cards{display:grid;gap:16px}.cards img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:var(--beige)}.map{position:relative;min-height:380px;margin-top:24px;border-radius:28px;background:linear-gradient(145deg,#f8eddc,#eee0c8);overflow:hidden;border:1px solid #d9c6a577}.pin{position:absolute;border:0;background:var(--white);border-radius:999px;padding:8px 12px;box-shadow:0 8px 18px #55483f1a}.quiz-card{margin-top:30px;overflow:hidden}.quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:24px;font:700 .78rem Georgia,serif;letter-spacing:.12em;color:#927a53}.quiz-progress-track{flex:1;height:2px;background:var(--beige);overflow:hidden}.quiz-progress-track i{display:block;width:25%;height:100%;background:var(--gold);transition:width .4s ease}.quiz-question{margin:0 0 20px;font-size:1.08rem;line-height:1.65}.quiz-options{display:grid;gap:10px}.quiz-option{width:100%;min-height:50px;border:1px solid #d9c6a588;border-radius:15px;padding:10px 14px;background:var(--ivory);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.quiz-option:active{transform:scale(.985)}.quiz-option.is-correct{border-color:var(--gold);background:var(--beige)}.quiz-option:disabled{color:inherit}.quiz-reaction{min-height:1.8em;margin:14px 0 0;text-align:center;font-size:.9rem;color:#927a53;white-space:pre-line}.quiz-success{padding:46px 20px;text-align:center;color:var(--gold)}.quiz-success strong,.quiz-success span{display:block}.quiz-success strong{font:700 clamp(1.8rem,8vw,3rem) Georgia,serif;letter-spacing:.05em}.quiz-success span{margin-top:8px;font:700 .72rem Georgia,serif;letter-spacing:.22em}.sticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sticker-grid button{min-height:110px;border:1px solid #d9c6a577;border-radius:20px;background:#fffdf8;font-size:1.5rem}.sticker-grid b{display:block;font-size:.85rem;margin-top:6px}.text-btn{border:0;background:none;text-decoration:underline;text-underline-offset:5px}.envelopes article{cursor:pointer}.audio-placeholder{margin-top:14px;padding:10px 12px;border-radius:999px;background:var(--beige);font-size:.85rem}.modal{position:fixed;inset:0;z-index:50;background:#55483f77;backdrop-filter:blur(8px);padding:20px;display:grid;place-items:center}.modal[hidden]{display:none}.modal-card{position:relative;width:min(100%,460px);max-height:88svh;overflow:auto;background:var(--ivory);border-radius:28px;padding:32px 22px}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px}.modal input{width:100%;padding:14px;border:1px solid var(--soft);border-radius:14px;background:white;letter-spacing:.25em;text-align:center}.go-scene{position:absolute;inset:0;text-align:center}.go-scene .do{position:absolute;left:0;right:0;font-size:clamp(2rem,10vw,4rem);font-weight:700}.go-scene .one{top:28%}.go-scene .two{top:39%}.taxi{position:absolute;top:58%;left:-38%;width:clamp(104px,31vw,132px);white-space:nowrap}.taxi img{display:block;width:100%;height:auto}.go-text,.go-joke{position:absolute;left:0;right:0;opacity:0}.go-text{top:43%;font-size:clamp(2.5rem,13vw,5rem);font-weight:800}.go-joke{top:72%}#progress{position:fixed;z-index:20;top:8px;left:50%;transform:translateX(-50%);font-size:10px;opacity:.5;pointer-events:none}

html.secret-scroll-restoring{scroll-behavior:auto!important}body.secret-modal-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}.story-ending .secret-heart{position:relative;right:auto;bottom:auto;display:grid;place-items:center;width:42px;height:42px;margin:22px auto 0;border:1px solid #c7a76c66;border-radius:50%;background:#fffdf8;color:var(--gold);opacity:.88;font:700 21px Georgia,serif;box-shadow:0 5px 18px #c7a76c28;cursor:pointer}#secret-modal{opacity:0;transition:opacity .22s ease}#secret-modal.is-open{opacity:1}#secret-modal .modal-card{border:1px solid #c7a76c55;background:radial-gradient(circle at 50% 0,#fffdf8 0,#fff9ef 68%);box-shadow:0 24px 70px #40352c40}#secret-login,#secret-content{text-align:center}.secret-password-label{display:block;margin:24px 0 7px;font:700 .68rem Georgia,serif;letter-spacing:.2em;color:#927a53}#secret-message{min-height:1.8em;white-space:pre-line;text-align:center;color:#927a53;font-size:.92rem;line-height:1.8}#secret-enter:disabled,#secret-password:disabled{opacity:.62}#secret-content[hidden]{display:none}.secret-cards{text-align:left}.secret-cards article>span{font:normal .72rem Georgia,serif;letter-spacing:.12em;color:#927a53}.secret-cards article b{display:inline-block;margin-top:3px;line-height:1.55}
.future-countdown{display:grid;justify-items:center;margin:16px 0 12px;color:#927a53;line-height:1.2}.future-countdown span{font:700 .7rem Georgia,serif;letter-spacing:.16em}.future-countdown strong{margin:.12em 0;font:700 clamp(2.3rem,12vw,3.6rem) Georgia,serif;color:var(--gold);font-variant-numeric:tabular-nums}.future-countdown[hidden]{display:none}#future-message{white-space:pre-line}#future-card.is-available{cursor:pointer;border-color:#c7a76c88}#future-card.is-available:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.future-letter-overlay{position:fixed;inset:0;z-index:2;display:grid;place-items:center;padding:20px;background:#55483f44;backdrop-filter:blur(5px);opacity:0;transition:opacity .25s ease}.future-letter-overlay[hidden]{display:none}.future-letter-overlay.is-open{opacity:1}.future-letter-paper{position:relative;width:min(100%,390px);min-height:250px;padding:46px 28px;text-align:center;background:#fffdf8;border:1px solid #d9c6a577;border-radius:4px;box-shadow:0 22px 55px #55483f30;transform:translateY(10px) scale(.985);transition:transform .25s ease}.future-letter-overlay.is-open .future-letter-paper{transform:none}.future-letter-paper h2{margin:28px 0 8px}.future-letter-date{font:normal .78rem Georgia,serif;letter-spacing:.16em;color:#927a53}

/* OUR LITTLE MEMORIES */
.memory-album{display:flex;gap:18px;width:100%;padding:18px 8px 28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:8px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scrollbar-width:none}.memory-album::-webkit-scrollbar{display:none}.memory-polaroid{flex:0 0 min(78vw,290px);scroll-snap-align:center;border:1px solid #d9c6a566;border-radius:3px;padding:12px 12px 20px;background:#fffdf8;color:var(--ink);text-align:left;box-shadow:0 12px 28px #55483f17;transform:rotate(-.7deg);cursor:pointer}.memory-polaroid:nth-child(even){transform:rotate(.8deg)}.memory-polaroid small,.memory-detail small{display:block;margin-top:12px;font:normal .72rem Georgia,serif;letter-spacing:.1em;color:#927a53}.memory-polaroid h3{margin:4px 0 0;font-size:1rem;line-height:1.5}.memory-photo,.memory-detail-photo{position:relative;overflow:hidden;background:linear-gradient(145deg,#f7ecd9,#ead9bd);isolation:isolate}.memory-photo{width:100%;aspect-ratio:4/3}.memory-detail-photo{width:100%;aspect-ratio:4/3;border-radius:4px}.memory-photo img,.memory-detail-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.memory-photo.has-image img,.memory-detail-photo.has-image img{opacity:1}.memory-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:4px;text-align:center;color:#927a53;background:radial-gradient(circle at 50% 42%,#fffdf8 0 12%,transparent 13%),linear-gradient(145deg,#f7ecd9,#ead9bd)}.memory-placeholder b{font:normal 2.2rem Georgia,serif}.memory-placeholder small{margin:0;font:normal .58rem Georgia,serif;letter-spacing:.18em}.memory-overlay{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#55483f66;backdrop-filter:blur(7px);opacity:0;transition:opacity .22s ease}.memory-overlay[hidden]{display:none}.memory-overlay.is-open{opacity:1}.memory-detail{position:relative;width:min(100%,480px);max-height:88svh;overflow-y:auto;border:1px solid #d9c6a577;border-radius:5px;padding:18px 18px 26px;background:#fffdf8;box-shadow:0 24px 60px #55483f35;transform:translateY(12px) rotate(-.25deg) scale(.98);transition:transform .25s ease}.memory-overlay.is-open .memory-detail{transform:translateY(0) rotate(-.25deg) scale(1)}.memory-detail-close{position:sticky;z-index:2;top:0;float:right;width:38px;height:38px;margin:-8px -8px -32px 0;border:0;border-radius:50%;background:#fffdf8dd;font-size:27px;line-height:1;box-shadow:0 4px 14px #55483f18}.memory-detail h3{margin:4px 0 10px;font-size:1.35rem}.memory-detail>div>p{margin-bottom:0}html.memory-scroll-restoring{scroll-behavior:auto!important}body.memory-detail-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}.pottery-question{position:relative;margin-top:24px;padding-top:20px;border-top:1px dashed var(--soft);text-align:center}.pottery-question>p:first-child{font-weight:700}.pottery-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pottery-choices button{border:1px solid #d9c6a588;border-radius:999px;padding:10px 8px;background:var(--ivory);font-size:.82rem}.pottery-reaction{min-height:1.8em;margin:12px 0 0;color:#927a53}.pottery-hearts{position:absolute;left:50%;bottom:4px;pointer-events:none}.pottery-hearts i{position:absolute;color:var(--gold);font-style:normal}

/* Preserve intentional line breaks in scrapbook copy. */
.memory-detail>div>p,.pottery-question>p:first-child{white-space:pre-line}.memory-footer{margin:8px auto 0;max-width:520px;text-align:center;font-size:.9rem;color:#927a53;line-height:1.9}.memory-polaroid{perspective:900px}.memory-polaroid-inner,.memory-card-face{display:block}.memory-polaroid-inner{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.1,.25,1)}.memory-card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.memory-card-front{position:relative}.memory-card-back{position:absolute;inset:0;display:grid;align-content:center;padding:18px;text-align:center;background:linear-gradient(145deg,#fffdf8,#f3e6d0);transform:rotateY(180deg)}.memory-card-back strong{font:700 .9rem Georgia,serif;letter-spacing:.08em;color:var(--gold)}.memory-card-back p{margin:18px 0 0;font-size:.82rem;line-height:1.8}.memory-polaroid.is-flipped .memory-polaroid-inner{transform:rotateY(180deg)}.memory-secret-heart{position:absolute;z-index:3;top:7px;right:8px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fffdf8cc;color:var(--gold);font:700 17px Georgia,serif;box-shadow:0 3px 10px #55483f18}.memory-next{border-style:dashed;cursor:default}.memory-next-photo{background:linear-gradient(145deg,#fffdf8,#f3e6d0aa)}.memory-next .memory-placeholder{background:none}.memory-next h3{margin-bottom:0}.memory-next p{margin:.2em 0 0;font-size:.86rem;color:#927a53}

.holding-hands{text-align:center;overflow:hidden}.hands-intro,.hands-reflection{opacity:0}.hands-intro p,.hands-reflection p{margin:.35em 0}.hands-intro p:first-child{font-weight:700}.hands-reflection{margin-top:18px}.hands-reflection p+p{margin-top:24px}.hand-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;width:min(100%,520px);margin:30px auto;padding:8px 10px}.hand-photo{position:relative;aspect-ratio:4/5;margin:0;padding:7px;background:#fffdf8;border:1px solid #d9c6a566;box-shadow:0 10px 24px #55483f14;overflow:hidden;opacity:0}.hand-photo:nth-child(odd){transform:rotate(-1.2deg)}.hand-photo:nth-child(even){transform:rotate(1deg)}.hand-photo:nth-child(3){transform:rotate(.65deg)}.hand-photo:nth-child(4){transform:rotate(-.8deg)}.hand-photo img,.hand-photo-placeholder{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.hand-photo img{z-index:1;display:block;object-fit:contain;background:var(--beige);opacity:0;transition:opacity .35s ease}.hand-photo.has-image img{opacity:1}.hand-photo.has-image .hand-photo-placeholder{opacity:0}.hand-photo-placeholder{display:grid;place-content:center;gap:5px;color:#927a53;background:linear-gradient(145deg,#f7ecd9,#ead9bd);transition:opacity .25s ease}.hand-photo-placeholder b{font:normal 2rem Georgia,serif}.hand-photo-placeholder small{font:normal .55rem Georgia,serif;letter-spacing:.16em}.hands-choice{margin-top:28px;opacity:0;pointer-events:none}.hands-choice:disabled{color:var(--gold);text-decoration:none;opacity:1}.hand-connection{position:relative;width:150px;height:32px;margin:12px auto 0;opacity:0}.hand-connection i{position:absolute;left:50%;top:15px;width:68px;height:1px;background:var(--gold);transform:translateX(-50%) scaleX(0)}.hand-connection::before,.hand-connection::after{content:"";position:absolute;top:10px;width:10px;height:10px;border:1px solid var(--gold);border-radius:50%}.hand-connection::before{left:8px}.hand-connection::after{right:8px}.hand-connection span{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font:700 16px Georgia,serif;opacity:0}.read-love-letter{display:block;margin:20px auto 0;opacity:0;pointer-events:none}.read-love-letter[hidden]{display:none}.read-love-letter.is-visible{pointer-events:auto}#love-letter[hidden]{display:none}.love-letter-stage{display:grid}.love-letter-stage>*{grid-area:1/1}.letter-close{display:block;margin:22px auto 0}.post-letter-prompt{align-self:center;justify-self:center;text-align:center;visibility:hidden;opacity:0;pointer-events:none}.post-letter-prompt.is-visible{visibility:visible;pointer-events:auto}.post-letter-prompt p{margin:.35em 0}.post-letter-prompt .text-btn{margin-top:14px}
.story-ending{min-height:55svh;display:grid;place-items:center}.story-ending[hidden]{display:none}.ending-stage{display:grid;place-items:center;width:100%;min-height:220px}.ending-the-end,.ending-continued{grid-area:1/1}.ending-the-end{font:700 clamp(2rem,10vw,3.5rem) Georgia,serif;letter-spacing:.08em}.ending-the-end span{position:relative;display:inline-block}.ending-the-end span::after{content:"";position:absolute;left:-3%;top:52%;width:106%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left}.ending-continued{max-width:420px;opacity:0;visibility:hidden}.ending-continued h2{font:700 clamp(1.55rem,7vw,2.35rem) Georgia,serif;letter-spacing:.04em;color:var(--gold)}.ending-continued p{margin:20px 0 0;line-height:1.9}.ending-continued small{display:block;margin-top:34px;font:normal .62rem Georgia,serif;letter-spacing:.1em;color:#927a53}

.secret-invite{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:24px;color:#927a53}.secret-invite-copy{font-size:.78rem;letter-spacing:.06em;white-space:nowrap}.secret-invite-arrow{color:var(--gold);font:700 20px Georgia,serif}.story-ending .secret-invite .secret-heart{width:52px;height:52px;margin:0;border-color:#c7a76caa;background:radial-gradient(circle at 35% 30%,#fffdf8 0,#f5e5c9 72%);color:#b88f49;opacity:1;font-size:25px;box-shadow:0 7px 22px #c7a76c55,0 0 0 5px #c7a76c12}

.open-when-audio{margin-top:14px;padding:8px 10px;border-radius:18px;background:var(--beige)}.open-when-audio audio{display:block;width:100%;height:42px;accent-color:var(--gold)}

/* Opening mini-game: the button moves independently, so the copy never reflows. */
.opening-copy{position:relative;padding-bottom:72px}.opening-copy>#open-btn{position:absolute;left:50%;bottom:0;margin:0;transform:translateX(-50%)}
#opening>#open-btn.is-dodging,#opening>#open-btn.is-ready{position:absolute;z-index:2;min-width:148px;min-height:52px;max-width:calc(100% - 24px);margin:0;line-height:1.35;transition:left .28s cubic-bezier(.2,.75,.3,1),top .28s cubic-bezier(.2,.75,.3,1),transform .2s ease}
#opening>#open-btn.is-ready{animation:openButtonReadyPulse 1.8s ease-in-out infinite}
@keyframes openButtonReadyPulse{0%,100%{transform:scale(1);box-shadow:0 8px 22px #55483f22}50%{transform:scale(1.035);box-shadow:0 10px 28px #55483f42}}
@media(prefers-reduced-motion:reduce){#opening>#open-btn.is-dodging,#opening>#open-btn.is-ready{transition:none}#opening>#open-btn.is-ready{animation:none}}

/* OUR PLACES */
.map{position:relative;width:100%;min-height:0;aspect-ratio:1;margin-top:24px;border:1px solid #d9c6a555;border-radius:28px;background:#fffdf866;overflow:hidden}.japan-silhouette,.place-routes{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain}.place-routes{pointer-events:none}.place-route-line{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:7 9;stroke-linecap:round;stroke-linejoin:round;opacity:.38}.place-route-reveal{fill:none;stroke:#fff;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.place-routes.is-complete .place-route-reveal{stroke-dashoffset:0}.place-marker{position:absolute;z-index:2;display:grid;place-items:center;width:32px;height:32px;margin:-16px 0 0 -16px;border:1px solid #c7a76c88;border-radius:50%;background:#fffdf8;color:var(--gold);font:700 17px Georgia,serif;box-shadow:0 6px 16px #55483f1a}.place-marker.route-waiting{opacity:0}.place-marker::before{content:"";position:absolute;inset:-5px;border:1px solid var(--gold);border-radius:50%;opacity:.28}.places-footer{display:grid;gap:2px;margin-top:18px;color:#927a53;font:normal .68rem Georgia,serif;letter-spacing:.05em}.places-footer p{margin:0}.place-overlay{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:24px;background:#55483f66;backdrop-filter:blur(7px);opacity:0;transition:opacity .22s ease}.place-overlay[hidden]{display:none}.place-overlay.is-open{opacity:1}.place-polaroid{position:relative;width:min(100%,360px);max-height:86svh;overflow-y:auto;margin:0;border:1px solid #d9c6a577;border-radius:4px;padding:15px 15px 24px;background:#fffdf8;box-shadow:0 24px 60px #55483f35;transform:translateY(10px) rotate(.35deg) scale(.98);transition:transform .25s ease}.place-overlay.is-open .place-polaroid{transform:translateY(0) rotate(.35deg) scale(1)}.place-detail-close{position:absolute;z-index:2;top:8px;right:8px;width:38px;height:38px;border:0;border-radius:50%;background:#fffdf8dd;font-size:27px;line-height:1;box-shadow:0 4px 14px #55483f18}.place-photo{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,#f7ecd9,#ead9bd)}.place-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.place-photo.has-image img{opacity:1}.place-photo-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:4px;text-align:center;color:#927a53}.place-photo-placeholder b{font:normal 2.2rem Georgia,serif}.place-photo-placeholder small{font:normal .58rem Georgia,serif;letter-spacing:.18em}.place-polaroid small{display:block;margin-top:13px;font:normal .72rem Georgia,serif;letter-spacing:.1em;color:#927a53}.place-polaroid h3{margin:4px 0 8px;font-size:1.3rem}.place-polaroid p{margin:0}html.place-scroll-restoring{scroll-behavior:auto!important}body.place-detail-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}