@font-face{font-family:"Fusion Pixel 12px Proportional SC";src:url(/assets/fonts/fusion-pixel-sc.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--pixel-font: "Fusion Pixel 12px Proportional SC", "Microsoft YaHei", monospace;font-family:var(--pixel-font);color:#fff9ef;background:#1f2546;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{overflow-x:hidden;background:#1f2546}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff4ad;outline-offset:4px}.app-shell{position:relative;width:100%;height:100dvh;min-height:520px;overflow:hidden;background:#202543}.start-screen,.world-map,.scene-page,.ending-screen{position:absolute;isolation:isolate;top:0;right:0;bottom:0;left:0;overflow:hidden;min-height:100%}.start-screen:after,.world-map:after,.scene-page:after,.ending-screen:after{content:"";pointer-events:none;position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(23,22,49,.16),transparent 15%,transparent 85%,rgba(23,22,49,.16)),linear-gradient(0deg,rgba(21,20,42,.21),transparent 24%);mix-blend-mode:multiply}.star-field,.sky-stars,.ending-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:radial-gradient(circle at 11% 22%,#fff5c8 0 1px,transparent 1.7px),radial-gradient(circle at 25% 9%,#ffffff 0 1px,transparent 1.8px),radial-gradient(circle at 48% 26%,#c9d7ff 0 1px,transparent 1.6px),radial-gradient(circle at 67% 12%,#fff2c5 0 1px,transparent 1.7px),radial-gradient(circle at 84% 33%,#ffffff 0 1px,transparent 1.8px),radial-gradient(circle at 89% 8%,#d7e0ff 0 1px,transparent 1.8px),radial-gradient(circle at 8% 47%,#fce0ff 0 1px,transparent 1.8px),radial-gradient(circle at 71% 50%,#fbdeff 0 1px,transparent 1.8px);animation:twinkle 4s steps(2,jump-none) infinite}.moon{position:absolute;border-radius:50%;background:#fff1d0;box-shadow:0 0 0 7px #f9cfff14,0 0 55px 12px #f4d7ff2b}.cloud{position:absolute;width:112px;height:17px;background:#faefff47;filter:blur(.1px);border-radius:999px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;bottom:6px}.cloud:before{width:38px;height:31px;left:18px}.cloud:after{width:50px;height:42px;left:46px}.cloud--one{top:16%;left:-26px;opacity:.7;animation:drift 17s linear infinite}.cloud--two{top:26%;right:-35px;width:92px;opacity:.4;animation:drift-back 21s linear infinite}.start-screen{display:grid;grid-template-rows:1fr auto auto 1.1fr;justify-items:center;padding:max(30px,env(safe-area-inset-top)) 22px max(26px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 68% 17%,#565589,#393663 31%,#26294d 63%,#202643)}.moon--start{z-index:1;width:102px;aspect-ratio:1;top:8%;right:-29px;box-shadow:0 0 0 9px #f8dbff0f,0 0 65px 22px #ffddfa26}.start-title{z-index:5;align-self:end;text-align:center;text-shadow:2px 3px 0 #31305e}.start-title p{margin:0 0 13px;font-size:11px;letter-spacing:.23em;color:#f7d9e9}.start-title h1{margin:0;font-size:clamp(35px,10.2vw,54px);font-weight:800;letter-spacing:.05em;line-height:1.14;color:#fff5e7}.start-title h2{margin:9px 0 0;color:#dcd1ff;font-family:var(--pixel-font);font-size:13px;font-style:normal;font-weight:400;letter-spacing:.13em}.title-rule{width:70px;height:2px;margin:15px auto 0;background:#f3c9dd;box-shadow:0 0 10px #f3c9dd}.cover-island{z-index:4;position:relative;width:min(300px,84vw);height:195px;align-self:center;filter:drop-shadow(0 20px 17px rgba(19,18,51,.42))}.island-grass{position:absolute;left:7%;top:20px;width:86%;height:105px;border-radius:48% 52% 43% 47%/40% 42% 51% 55%;background:linear-gradient(145deg,#a2bf90 0,#a2bf90 22%,#759679 22%,#759679 24%,#8daf82 24%,#8daf82 50%,#66846e,#66846e 52%,#84a57a 52%);box-shadow:inset 0 8px #edf1b840}.island-earth{position:absolute;left:11%;top:83px;width:78%;height:76px;clip-path:polygon(0 0,100% 0,83% 60%,66% 100%,47% 80%,26% 100%,11% 58%);background:repeating-linear-gradient(18deg,#665063 0,#665063 6px,#80606a 6px,#80606a 12px,#634d63 12px,#634d63 17px)}.island-earth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 20%,rgba(255,219,147,.12) 20% 25%,transparent 25% 66%,rgba(255,219,147,.13) 66% 72%,transparent 72%)}.mini-sea{position:absolute;left:29%;top:50px;width:40%;height:26px;border-radius:50%;background:#9cd5d6;box-shadow:inset 0 4px #d3f0df}.mini-house{position:absolute;z-index:2;top:40px;left:57%;width:46px;height:34px;background:#cf9d72;border:4px solid #6c4e5a;box-shadow:3px 4px #4f4256}.mini-house:before{content:"";position:absolute;left:-6px;top:-23px;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #9d6071}.mini-house i{position:absolute;background:#ffe1a0;box-shadow:0 0 8px #ffe1a0;width:10px;height:10px;right:6px;bottom:7px}.mini-house b{position:absolute;width:10px;height:15px;left:7px;bottom:0;background:#754c54}.mini-tree{position:absolute;z-index:2;width:34px;height:42px;border-radius:54% 46% 48% 52%;background:#709172;border:3px solid #456456;box-shadow:4px 4px #496057}.mini-tree:after{content:"";position:absolute;width:7px;height:26px;left:11px;top:35px;background:#724f4c}.mini-tree--a{left:22%;top:35px}.mini-tree--b{left:11%;top:56px;transform:scale(.72)}.mini-gate{position:absolute;z-index:3;top:61px;left:44%;width:34px;height:37px;border:5px solid #e8caf0;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 0 9px #e8caf0}.cover-girl{position:absolute;z-index:4;left:34%;top:56px}.start-button{z-index:6;position:relative;min-width:176px;min-height:52px;padding:0 22px;border:3px solid #f5d9bb;color:#fff7e9;background:#796486;box-shadow:4px 5px #3b354f,inset 0 0 0 3px #9d7e99,0 0 25px #ffcee033;font-size:14px;letter-spacing:.17em;cursor:pointer;animation:pulse-button 2.5s ease-in-out infinite}.start-button:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(51,35,67,.5)}.start-button span{position:relative;z-index:1}.start-button i{position:absolute;right:13px;color:#ffe49e;font-style:normal;font-size:16px}.start-button:active{transform:translate(3px,4px);box-shadow:1px 1px #3b354f,inset 0 0 0 3px #9d7e99}.start-hint{z-index:4;align-self:start;padding-top:14px;color:#ffefeab8;font-size:10px;letter-spacing:.11em}.pixel-girl{position:absolute;display:grid;place-items:end center;width:80px;height:102px;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(31,29,48,.42))}.pixel-girl img{position:relative;z-index:2;display:block;width:auto;max-width:none;height:102px;image-rendering:pixelated;transform-origin:bottom center}.girl-shadow{position:absolute;z-index:1;bottom:2px;width:52px;height:10px;border-radius:50%;background:#2623384d;filter:blur(1px)}.pixel-girl--small{transform:scale(.64)}.pixel-girl--large{transform:scale(1.08)}.pixel-girl--idle img{animation:character-breathe 2.3s ease-in-out infinite}.pixel-girl--walk img{animation:character-walk .55s steps(2) infinite}.pixel-girl--happy img{animation:character-happy 1.4s ease-in-out infinite}.cover-girl{left:30%;top:43%}.map-girl{left:calc(50% - 40px);top:41%}.scene-girl{left:calc(50% - 40px)}.scene-page--beach .scene-girl{left:calc(43% - 37px)}.scene-page--sky .scene-girl{left:calc(45% - 37px)}.world-map{padding:max(23px,env(safe-area-inset-top)) 15px max(15px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(#7674a0,#a9a2bd,#a2c5c1 60%,#578498)}.map-sky{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 5%,rgba(255,248,210,.45),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.11),transparent 30%)}.map-cloud{z-index:1;position:absolute;opacity:.34;background:#fff8ed;filter:blur(1px)}.map-cloud--one{width:158px;height:24px;top:27%;left:-70px;animation:drift 23s linear infinite}.map-cloud--two{width:115px;top:52%;right:-50px;animation:drift-back 28s linear infinite}.map-heading{z-index:5;text-align:center;text-shadow:1px 2px #555675}.map-heading span{display:block;font-size:9px;letter-spacing:.21em;color:#f9e4b8}.map-heading h1{margin:5px 0 3px;font-size:22px;letter-spacing:.12em}.map-heading p{margin:0;font-size:11px;color:#f4e9e0}.map-island{align-self:center;justify-self:center;position:relative;z-index:3;width:min(520px,111vw);height:min(600px,71dvh);min-height:400px;transform:translateY(5px)}.map-island-top{position:absolute;left:5%;top:8%;width:90%;height:75%;border-radius:48% 52% 43% 45%/39% 38% 56% 58%;background:radial-gradient(ellipse at 50% 42%,#ddc490 0 7%,transparent 7.5%),radial-gradient(ellipse at 50% 42%,#a5c687 0,#a5c687 22%,#86a873 23%,#86a873 40%,#668873 41%,#668873 63%,#7b9c70 64%);border:5px solid #486c66;box-shadow:inset 0 8px #eaf2b330,0 7px #3e6462}.map-island-side{position:absolute;left:10%;top:71%;width:80%;height:22%;clip-path:polygon(0 0,100% 0,88% 34%,73% 87%,56% 55%,42% 100%,28% 54%,13% 83%);background:repeating-linear-gradient(30deg,#527265 0,#527265 8px,#3f5e5c 8px,#3f5e5c 15px)}.map-waterfall{position:absolute;z-index:-1;left:44%;top:71%;width:15%;height:27%;clip-path:polygon(13% 0,100% 0,86% 100%,38% 72%,0 100%);background:linear-gradient(90deg,#a7dbda,#f0faf3 43%,#83c7cd);opacity:.8;animation:water-shimmer 2.4s linear infinite}.map-path{position:absolute;z-index:1;width:46%;height:18px;border-radius:50%;border:7px solid #ddbe89;border-color:#ddbe89 transparent transparent;transform:rotate(22deg);opacity:.9}.map-path--a{left:30%;top:48%}.map-path--b{left:25%;top:58%;transform:rotate(145deg)}.map-flower-map{position:absolute;z-index:2;width:15px;height:15px;background:#f3b6c9;border-radius:50%;box-shadow:9px 2px #f3b6c9,-2px 9px #f3b6c9,7px 10px #f3b6c9}.map-flower-map--a{left:31%;top:30%}.map-flower-map--b{right:27%;top:68%;transform:scale(.7)}.map-pine{position:absolute;z-index:2;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:45px solid #567a66;filter:drop-shadow(3px 4px #41655b)}.map-pine:after{content:"";position:absolute;width:7px;height:19px;background:#6c4e4b;left:-3px;top:39px}.map-pine--a{left:18%;top:48%}.map-pine--b{right:19%;top:35%;transform:scale(.7)}.map-girl{z-index:6;left:calc(50% - 28px);top:45%}.map-portal{position:absolute;z-index:8;border:0;background:transparent;color:#fff;cursor:pointer;width:133px;padding:0;text-align:center;filter:drop-shadow(2px 3px 0 rgba(41,54,59,.32))}.portal--garden{left:5%;top:19%}.portal--house{right:4%;top:23%}.portal--beach{left:5%;bottom:10%}.portal--sky{right:3%;bottom:10%}.portal-illustration{position:relative;display:block;width:66px;height:58px;margin:0 auto 3px;border:4px solid #f9ddbd;box-shadow:3px 4px #506466,inset 0 0 0 3px #9ab895;background:#88ab84;overflow:hidden}.portal-illustration:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.3),transparent 50%)}.portal-illustration i,.portal-illustration b,.portal-illustration em{position:absolute;display:block;font-style:normal}.portal-copy{display:block;padding:5px 3px 6px;background:#2b3643c2;border:1px solid rgba(255,237,211,.66);box-shadow:inset 0 0 0 2px #55716ab8}.portal-copy small{display:block;font-size:7px;color:#fde3a7;letter-spacing:.1em}.portal-copy strong{display:block;font-size:13px;line-height:1.25;letter-spacing:.04em}.portal-copy i{display:block;margin-top:1px;font-size:8px;color:#f1dfe9;font-family:var(--pixel-font)}.map-portal.was-visited .portal-copy{background:#5d6475}.map-portal.was-visited .portal-copy small:after{content:" ✦";color:#fff1a9}.portal--garden .portal-illustration{background:#b589ae}.portal--garden .portal-illustration i{width:47px;height:31px;left:6px;bottom:0;background:#7e9c6e;border-radius:45% 55% 0 0}.portal--garden .portal-illustration b{width:35px;height:30px;left:11px;top:7px;border:6px solid #f6c5d5;border-bottom:0;border-radius:50% 50% 0 0}.portal--garden .portal-illustration em{width:12px;height:12px;border-radius:50%;background:#fbe1a8;right:8px;top:11px;box-shadow:-9px 7px #eeb4d2}.portal--house .portal-illustration{background:#778a73}.portal--house .portal-illustration i{width:46px;height:36px;bottom:0;left:6px;background:#b4785f;border:4px solid #654c4c}.portal--house .portal-illustration b{left:2px;top:0;border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:27px solid #76535d}.portal--house .portal-illustration em{bottom:11px;right:13px;width:9px;height:9px;background:#ffe0a4;box-shadow:0 0 6px #ffe0a4}.portal--beach .portal-illustration{background:#eba479}.portal--beach .portal-illustration i{bottom:0;left:0;width:100%;height:18px;background:repeating-linear-gradient(0deg,#71b8bd 0,#71b8bd 4px,#d5e5c5 4px,#d5e5c5 7px)}.portal--beach .portal-illustration b{width:20px;height:34px;border-radius:50%;background:#f7d584;top:4px;right:8px;opacity:.9}.portal--beach .portal-illustration em{bottom:11px;left:9px;width:33px;height:6px;border-radius:50%;background:#f3d8a4}.portal--sky .portal-illustration{background:#39446e}.portal--sky .portal-illustration i{top:8px;right:9px;width:19px;height:19px;border-radius:50%;background:#f7edc4;box-shadow:0 0 10px #f7edc4}.portal--sky .portal-illustration b{left:10px;bottom:0;border-left:17px solid transparent;border-right:17px solid transparent;border-bottom:29px solid #596a80}.portal--sky .portal-illustration em{left:12px;top:8px;color:#f9e8a7}.map-footer{position:relative;z-index:5;display:flex;justify-content:space-between;color:#fffaebcc;font-size:10px;letter-spacing:.06em;padding:0 6px}.map-footer span:last-child{color:#fff0b3}.scene-page{background:#627e8c}.scene-sky{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0}.scene-grain{position:absolute;z-index:18;pointer-events:none;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.scene-header{position:relative;z-index:20;display:grid;grid-template-columns:70px 1fr 62px;gap:8px;align-items:start;padding:max(19px,env(safe-area-inset-top)) 17px 0;text-shadow:1px 2px rgba(42,37,60,.35)}.back-button{border:0;background:#262d398c;border:1px solid rgba(255,239,205,.63);padding:7px 5px;color:#fff4dd;font-size:9px;letter-spacing:.08em;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff17}.back-button span{font-size:13px;margin-right:2px}.scene-header>div{text-align:center}.scene-header small{display:block;font-family:Georgia,serif;color:#fff0c2;font-size:10px;font-style:italic;letter-spacing:.08em}.scene-header h1{margin:1px 0 0;font-size:21px;letter-spacing:.1em;line-height:1.25}.scene-index{text-align:right;font-size:8px;line-height:1.45;color:#fff0c4;letter-spacing:.1em}.scene-hint{position:relative;z-index:16;margin:7px auto 0;padding:3px 9px;width:max-content;max-width:90%;border-top:1px solid rgba(255,250,225,.6);border-bottom:1px solid rgba(255,250,225,.6);font-size:10px;letter-spacing:.06em;text-shadow:1px 1px #45455c;text-align:center}.scene-photo-spots{position:absolute;z-index:14;top:0;right:0;bottom:0;left:0}.photo-spot{position:absolute;transform:translate(-50%,-50%);width:94px;border:0;background:transparent;color:#fff4e0;cursor:pointer;padding:0;text-align:center;filter:drop-shadow(2px 3px 0 rgba(39,38,57,.4))}.photo-frame{display:block;padding:5px;background:#f7e1b5;border:3px solid #644c51;box-shadow:inset 0 0 0 2px #a87c6a,4px 5px #382d3580;aspect-ratio:1.04}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}.spot-label{display:inline-block;max-width:100%;margin-top:4px;padding:3px 5px;background:#32323ec7;border:1px solid rgba(255,236,190,.66);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}.sparkle{position:absolute;right:0;top:-11px;font-style:normal;color:#fff4ad;font-size:14px;text-shadow:0 0 9px #fff4ad;animation:twinkle 2s steps(2) infinite}.photo-spot--2{width:90px}.photo-spot--3{width:83px}.scene-girl{z-index:12;bottom:9%;left:calc(50% - 25px)}.scene-footnote{position:absolute;z-index:20;bottom:max(14px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#fff9ddd1;text-shadow:1px 1px #4a4359;font-size:9px;letter-spacing:.12em}.scene-header small,.viewer-caption time{font-family:var(--pixel-font);font-style:normal}.scene-letter{position:absolute;z-index:19;top:max(98px,calc(env(safe-area-inset-top) + 82px));left:0;right:0;width:min(76vw,360px);min-height:112px;margin:0 auto;padding:13px 17px 11px;overflow:hidden;color:#55475a;text-align:center;transform-origin:top center;border:3px solid #705666;background:repeating-linear-gradient(0deg,rgba(136,92,99,.08) 0 1px,transparent 1px 4px),linear-gradient(135deg,#fff7d9,#f0d4bd);box-shadow:0 0 0 3px #fff4d3b8,5px 6px #4233415c,inset 0 0 0 3px #96667040}.scene-letter:before,.scene-letter:after{content:"";position:absolute;width:10px;height:10px;border:2px solid #c48797}.scene-letter:before{top:5px;left:5px;border-right:0;border-bottom:0}.scene-letter:after{right:5px;bottom:5px;border-left:0;border-top:0}.scene-letter small{position:relative;display:block;margin-bottom:8px;color:#a2687d;font-size:8px;letter-spacing:.15em}.scene-letter small:after{content:"";display:block;width:36px;height:2px;margin:7px auto 0;background:#c78b95;box-shadow:0 2px #fdf0cb}.scene-letter__lines{position:relative}.scene-letter__lines p{margin:3px 0;color:#564759;font-size:13px;line-height:1.45;letter-spacing:.06em;text-shadow:1px 1px #fff5dd}.scene-letter i{position:relative;display:block;margin-top:7px;color:#a26779;font-size:8px;font-style:normal;letter-spacing:.07em}.letter-pixel{position:absolute;z-index:2;width:6px;height:6px;background:#e9b1be;box-shadow:6px 0 #f4d7a8,0 6px #f4d7a8}.letter-pixel--one{top:13px;right:17px}.letter-pixel--two{bottom:14px;left:17px;transform:scale(.7)}.scene-page--garden .scene-letter{border-color:#8d657d;background:repeating-linear-gradient(0deg,rgba(174,104,137,.08) 0 1px,transparent 1px 4px),linear-gradient(135deg,#fff6dc,#efd3d4)}.scene-page--garden .scene-letter small,.scene-page--garden .scene-letter i{color:#a96482}.scene-page--house .scene-letter{border-color:#795448;background:repeating-linear-gradient(0deg,rgba(126,79,54,.08) 0 1px,transparent 1px 4px),linear-gradient(135deg,#fff0c8,#e9c58f);color:#5d433d}.scene-page--house .scene-letter small,.scene-page--house .scene-letter i{color:#9a604c}.scene-page--beach .scene-letter{border-color:#8d5b59;background:repeating-linear-gradient(0deg,rgba(186,105,86,.08) 0 1px,transparent 1px 4px),linear-gradient(135deg,#fff1c9,#f2c1a8)}.scene-page--beach .scene-letter small,.scene-page--beach .scene-letter i{color:#b46c67}.scene-page--sky .scene-letter{border-color:#607c8e;background:repeating-linear-gradient(0deg,rgba(103,164,178,.08) 0 1px,transparent 1px 4px),linear-gradient(135deg,#e9f8e8,#bbdce0)}.scene-page--sky .scene-letter small,.scene-page--sky .scene-letter i{color:#508898}.scene-page--garden{background:linear-gradient(#b9a3c4,#e9bed0 34%,#9fbc91 66%,#66856f)}.scene-page--garden .scene-sky{background:radial-gradient(ellipse at 74% 17%,#fff1c8 0 8%,transparent 22%),linear-gradient(180deg,rgba(255,255,255,.16),transparent 40%)}.garden-hills{position:absolute;z-index:1;left:-10%;right:-10%;bottom:19%;height:37%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 70% 100%,#829e7f 0 44%,transparent 45%),radial-gradient(ellipse at 35% 100%,#7f9b77 0 39%,transparent 40%)}.garden-path{position:absolute;z-index:4;bottom:-7%;left:31%;width:42%;height:59%;background:#e7c78f;clip-path:polygon(35% 0,68% 0,63% 26%,95% 100%,0 100%,39% 26%);opacity:.92}.garden-tree{position:absolute;z-index:5;width:130px;height:138px;border-radius:48% 52% 42% 50%;background:radial-gradient(circle at 30% 33%,#fad2dd 0 5px,transparent 6px),radial-gradient(circle at 68% 24%,#f6bdd3 0 6px,transparent 7px),radial-gradient(circle at 55% 58%,#efb8ce 0 7px,transparent 8px),#c689ad;border:6px solid #82627d;box-shadow:inset 9px 6px #ffe8f338,5px 8px #4949525c}.garden-tree:after{content:"";position:absolute;width:22px;height:100px;left:50px;top:106px;background:linear-gradient(90deg,#765150,#a57661 48%,#67494e);z-index:-1}.garden-tree--one{left:-50px;bottom:25%;transform:scale(1.2)}.garden-tree--two{right:-64px;bottom:31%;transform:scale(.9)}.garden-arch{position:absolute;z-index:8;left:calc(50% - 48px);top:35%;width:96px;height:93px;border:8px solid #fff0d0;border-bottom:0;border-radius:55px 55px 0 0;box-shadow:inset 0 0 0 3px #af758d,0 4px #6b6067}.garden-arch:before,.garden-arch:after{content:"";position:absolute;width:27px;height:27px;border-radius:45% 55% 40% 50%;background:#eeaac6;box-shadow:12px 4px #f3c4d6,-3px 12px #d88cad}.garden-arch:before{left:-13px;top:5px}.garden-arch:after{right:-14px;top:26px}.fountain{position:absolute;z-index:7;left:calc(50% - 27px);bottom:22%;width:54px;height:34px;border:5px solid #6e7782;border-radius:50%;background:#9cd4dc;box-shadow:inset 0 6px #def7ef,3px 4px #5e6973}.fountain i{position:absolute;width:20px;height:42px;border:4px solid #def7ef;border-color:#def7ef transparent transparent;border-radius:50%;left:12px;bottom:15px;animation:water-shimmer 1.6s ease-in-out infinite}.fountain b{position:absolute;left:18px;bottom:-12px;width:12px;height:15px;background:#899391}.garden-flowers{position:absolute;z-index:8;left:0;right:0;bottom:12%;height:50px;background:radial-gradient(circle at 7% 58%,#fff0ab 0 3px,transparent 4px),radial-gradient(circle at 11% 41%,#f6a9c2 0 4px,transparent 5px),radial-gradient(circle at 17% 72%,#eaa4c1 0 4px,transparent 5px),radial-gradient(circle at 83% 47%,#fff0ac 0 3px,transparent 4px),radial-gradient(circle at 92% 70%,#f5a7c0 0 5px,transparent 6px),radial-gradient(circle at 97% 39%,#e99fbd 0 4px,transparent 5px)}.butterfly{position:absolute;z-index:13;color:#fff8ae;text-shadow:0 0 7px #ffd4e3;font-size:16px;animation:butterfly 4s ease-in-out infinite}.butterfly--one{left:19%;top:39%}.butterfly--two{right:22%;top:48%;animation-delay:-1.7s;color:#dffbd6}.scene-page--house{background:#b97c62;color:#fff3d8}.scene-page--house .scene-sky{background:radial-gradient(ellipse at 75% 14%,rgba(255,220,147,.42),transparent 26%),linear-gradient(180deg,#815d5d,#9e725d 40%,#b98263)}.house-wall{position:absolute;z-index:0;top:19%;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(86,62,58,.22) 0 2px,transparent 2px 36px),repeating-linear-gradient(90deg,transparent 0 62px,rgba(96,67,56,.25) 62px 65px),linear-gradient(90deg,#9b6e58,#c78b66 50%,#a9715b);border-top:7px solid #644956}.house-floor{position:absolute;z-index:2;left:-10%;right:-10%;bottom:-6%;height:36%;background:repeating-linear-gradient(89deg,#704b46 0,#704b46 39px,#a06655 40px,#a06655 43px),linear-gradient(#8c5c4c,#623f41);transform:perspective(260px) rotateX(49deg);transform-origin:bottom}.house-window{position:absolute;z-index:4;right:9%;top:23%;width:91px;height:112px;border:8px solid #674654;background:linear-gradient(#f1c27d,#ffe0a5);box-shadow:0 0 33px 7px #ffd18375,inset 0 0 0 4px #bd7d61}.house-window:before,.house-window:after{content:"";position:absolute;background:#735258}.house-window:before{width:6px;top:0;bottom:0;left:37px}.house-window:after{height:6px;left:0;right:0;top:44px}.house-window i{position:absolute;width:30px;height:11px;bottom:-18px;left:23px;background:#7b5050;border:3px solid #563d49}.house-shelf{position:absolute;z-index:5;left:6%;top:27%;width:95px;height:136px;border:7px solid #69484b;background:#80564e;box-shadow:4px 5px #573f45}.house-shelf:before,.house-shelf:after{content:"";position:absolute;left:0;right:0;height:6px;background:#503c45}.house-shelf:before{top:43px}.house-shelf:after{bottom:40px}.house-shelf i{position:relative;display:inline-block;margin:9px 2px 0 6px;width:12px;height:29px;background:#e1af70;border:2px solid #68494d}.house-shelf i:nth-child(2){height:25px;background:#9cbd7b}.house-shelf i:nth-child(3){height:33px;background:#c6847c}.house-table{position:absolute;z-index:8;left:24%;bottom:18%;width:154px;height:34px;background:#98644d;border:6px solid #60434a;box-shadow:4px 6px #4d3c44}.house-table:after,.house-table:before{content:"";position:absolute;width:13px;height:65px;background:#71494a;top:28px}.house-table:after{left:14px}.house-table:before{right:14px}.house-table i{position:absolute;right:19px;bottom:31px;width:23px;height:19px;border-radius:3px 3px 7px 7px;background:#f4dbc1;border:4px solid #704e50}.house-plant{position:absolute;z-index:7;right:27%;bottom:24%;width:30px;height:39px;background:#c98d5e;border:4px solid #704a49}.house-plant i{position:absolute;width:52px;height:64px;bottom:24px;left:-15px;background:radial-gradient(ellipse at 24% 22%,#799b69 0 11px,transparent 12px),radial-gradient(ellipse at 74% 26%,#90b67a 0 12px,transparent 13px),radial-gradient(ellipse at 50% 72%,#5e8061 0 12px,transparent 13px)}.house-lamp{position:absolute;z-index:7;right:4%;bottom:17%;width:16px;height:88px;background:#63444a}.house-lamp i{position:absolute;width:53px;height:35px;left:-18px;top:-12px;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:#ffe29d;border:4px solid #66474c;box-shadow:0 0 26px 8px #ffd68a59;animation:lamp-glow 3.2s ease-in-out infinite}.scene-page--house .photo-spot{z-index:12}.scene-page--house .scene-girl{bottom:13%}.scene-page--beach{background:#ed9d7a}.scene-page--beach .scene-sky{background:radial-gradient(circle at 71% 31%,#ffe5a5 0 8%,rgba(255,220,145,.45) 9% 14%,transparent 27%),linear-gradient(180deg,#e78b78,#f4b087 51%,#e6b982 52%,#8fc1c1)}.beach-sun{position:absolute;z-index:1;width:90px;height:90px;border-radius:50%;top:22%;right:16%;background:#ffe3a0;box-shadow:0 0 32px 11px #ffdea154}.beach-cloud{position:absolute;z-index:2;width:100px;height:10px;background:#ffd6bb;border-radius:50%;opacity:.7}.beach-cloud--one{left:8%;top:27%}.beach-cloud--two{right:22%;top:17%;width:68px}.beach-ocean{position:absolute;z-index:3;left:0;right:0;top:49%;height:31%;background:repeating-linear-gradient(176deg,#71b8bd 0,#71b8bd 8px,#a1d2ca 8px,#a1d2ca 12px,#569eae 12px,#569eae 17px);overflow:hidden}.beach-ocean i{position:absolute;display:block;height:5px;border-radius:50%;background:#f5fde5cc;animation:wave 3s ease-in-out infinite}.beach-ocean i:nth-child(1){top:13%;left:-10%;width:46%}.beach-ocean i:nth-child(2){top:49%;right:-8%;width:56%;animation-delay:-1.4s}.beach-ocean i:nth-child(3){top:74%;left:6%;width:38%;animation-delay:-2.2s}.beach-sand{position:absolute;z-index:4;left:0;right:0;bottom:0;height:26%;background:radial-gradient(ellipse at 8% 33%,#c89569 0 3px,transparent 4px),radial-gradient(ellipse at 88% 27%,#b67c60 0 3px,transparent 4px),repeating-linear-gradient(165deg,#e5ba80 0,#e5ba80 8px,#ecc790 8px,#ecc790 16px)}.beach-boardwalk{position:absolute;z-index:7;left:36%;bottom:-5%;width:27%;height:43%;background:repeating-linear-gradient(0deg,#79544b 0,#79544b 14px,#ca8c63 14px,#ca8c63 17px);clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);border-left:4px solid #65464a;border-right:4px solid #65464a}.beach-palm{position:absolute;z-index:8;right:0;bottom:20%;width:80px;height:250px;transform:rotate(11deg);transform-origin:bottom right}.beach-palm:after{content:"";position:absolute;right:24px;bottom:0;width:20px;height:198px;background:repeating-linear-gradient(15deg,#694b47 0,#694b47 15px,#a66c4e 15px,#a66c4e 22px);border:3px solid #624348;transform:rotate(-8deg)}.beach-palm i,.beach-palm b{position:absolute;right:9px;top:3px;width:86px;height:35px;border-radius:100% 0;background:#557f68;transform:rotate(-24deg);box-shadow:-3px 3px #416256}.beach-palm b{top:27px;right:34px;transform:rotate(46deg)}.beach-bench{position:absolute;z-index:8;left:5%;bottom:24%;width:88px;height:23px;border-top:8px solid #704b46;border-bottom:8px solid #704b46;box-shadow:0 10px 0 -2px #744b47}.beach-bench:after,.beach-bench:before{content:"";position:absolute;top:20px;width:7px;height:30px;background:#654348}.beach-bench:after{left:12px}.beach-bench:before{right:12px}.scene-page--beach .photo-frame{border-color:#6b4b4c}.scene-page--beach .scene-girl{bottom:16%;left:43%}.scene-page--sky{background:#20294e}.scene-page--sky .scene-sky{background:radial-gradient(ellipse at 76% 22%,rgba(148,125,200,.35),transparent 28%),linear-gradient(180deg,#242a55,#384074 54%,#45546f)}.sky-moon{position:absolute;z-index:2;width:88px;height:88px;border-radius:50%;right:11%;top:13%;background:#f8f0cb;box-shadow:0 0 30px 10px #dcd7ff47}.sky-moon:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;top:22px;left:27px;background:#cac0ae73;box-shadow:24px 18px #cac0ae4d,-13px 34px #cac0ae45}.sky-stars{z-index:3;opacity:.9}.sky-nebula{position:absolute;z-index:1;width:100%;height:45%;top:15%;background:radial-gradient(ellipse at 16% 42%,rgba(154,102,180,.37),transparent 20%),radial-gradient(ellipse at 56% 46%,rgba(101,154,195,.27),transparent 27%);filter:blur(4px)}.sky-mountain{position:absolute;z-index:4;bottom:22%;border-left:145px solid transparent;border-right:145px solid transparent;border-bottom:175px solid #344562}.sky-mountain--far{left:-90px;opacity:.8}.sky-mountain--near{right:-105px;border-left-width:170px;border-right-width:170px;border-bottom-color:#2d3c59;border-bottom-width:190px}.sky-mountain--near:after{content:"";position:absolute;left:-67px;bottom:-180px;border-left:57px solid transparent;border-right:57px solid transparent;border-bottom:68px solid #627289}.sky-grass{position:absolute;z-index:8;left:-3%;right:-3%;bottom:0;height:28%;border-radius:45% 50% 0 0;background:radial-gradient(ellipse at 12% 20%,#799d83 0 2px,transparent 3px),radial-gradient(ellipse at 86% 27%,#7aaf91 0 2px,transparent 3px),linear-gradient(165deg,#435d65,#354f5c 58%,#294350);box-shadow:inset 0 11px #679f8347}.telescope{position:absolute;z-index:10;left:10%;bottom:22%;width:87px;height:52px;transform:rotate(-9deg)}.telescope:before{content:"";position:absolute;top:0;left:0;width:64px;height:26px;background:#9aa4bd;border:5px solid #4e516f;transform:rotate(-18deg);box-shadow:7px 7px #343954}.telescope:after{content:"";position:absolute;left:28px;top:23px;width:6px;height:52px;background:#626984;transform:rotate(14deg);box-shadow:-21px 0 #626984}.telescope i{position:absolute;left:49px;top:3px;width:17px;height:20px;border-radius:50%;background:#bfeeea;border:4px solid #4b5070}.telescope b{position:absolute;bottom:-10px;left:3px;width:74px;height:11px;border-radius:50%;background:#3c4961}.star-gate{position:absolute;z-index:9;right:10%;bottom:23%;width:94px;height:117px;border:7px solid #84d7ca;border-bottom:0;border-radius:55px 55px 0 0;box-shadow:0 0 16px #73c9c2,inset 0 0 20px #95e8dd54}.star-gate:before,.star-gate:after{content:"";position:absolute;background:#82dccc;box-shadow:0 0 10px #8be4d7}.star-gate:before{width:13px;height:13px;top:17px;left:18px}.star-gate:after{width:8px;height:8px;top:42px;right:16px}.star-gate i{position:absolute;left:40px;top:40px;width:8px;height:8px;background:#fff4b9;box-shadow:0 0 12px 3px #fff5b8}.scene-page--sky .photo-frame{border-color:#59627d;box-shadow:inset 0 0 0 2px #96b3bf,4px 5px #151c3699}.scene-page--sky .scene-girl{bottom:16%;left:45%}.ending-gate{position:absolute;z-index:19;right:3%;top:58%;border:0;padding:8px 4px;width:77px;color:#8c98aa;background:#161e35a6;border:1px solid #566274;font-size:8px;letter-spacing:.04em;cursor:not-allowed}.ending-gate span,.ending-gate b,.ending-gate small{display:block}.ending-gate span{font-size:21px}.ending-gate b{font-size:8px}.ending-gate small{font-size:7px;margin-top:3px}.ending-gate.is-unlocked{color:#fff3c0;border-color:#9cded1;box-shadow:0 0 14px #8de0d38c,inset 0 0 11px #83cfc34d;cursor:pointer;animation:pulse-button 2.4s ease-in-out infinite}.ending-gate.is-unlocked span{color:#a3f1de}.scene-page .scene-letter{min-height:102px;padding-top:11px;padding-bottom:9px}.scene-page .scene-letter__lines p{line-height:1.34}.scene-page .scene-girl{left:calc(50% - 40px);bottom:7%;transform:scale(1.24);transform-origin:bottom center;filter:drop-shadow(3px 5px 0 rgba(31,29,48,.38))}.scene-page--beach .scene-girl{left:calc(46% - 40px);bottom:8%}.scene-page--sky .scene-girl{left:calc(47% - 40px);bottom:8%}.scene-page--house .scene-girl{bottom:8%}.scene-page .photo-spot{transition:filter .22s ease,transform .22s ease}.scene-page .photo-spot:hover{filter:drop-shadow(0 0 9px rgba(255,245,193,.78)) drop-shadow(2px 3px 0 rgba(39,38,57,.4))}.garden-haze{position:absolute;z-index:0;top:14%;right:-12%;bottom:31%;left:-12%;background:radial-gradient(ellipse at 15% 73%,rgba(255,242,217,.42),transparent 29%),radial-gradient(ellipse at 89% 45%,rgba(243,188,221,.28),transparent 30%);filter:blur(10px)}.garden-cloudlet{position:absolute;z-index:1;width:90px;height:12px;border-radius:999px;background:#fff2f047;box-shadow:22px -9px 0 3px #fff2f038,47px -4px 0 -1px #fff2f02e}.garden-cloudlet--one{left:-39px;top:30%;animation:drift 19s linear infinite}.garden-cloudlet--two{right:-53px;top:37%;transform:scale(.7);opacity:.7;animation:drift-back 24s linear infinite}.garden-path-stones{position:absolute;z-index:6;left:36%;bottom:17%;width:29%;height:36%;opacity:.72;background:radial-gradient(ellipse at 40% 7%,#f8e4b3 0 4px,transparent 5px),radial-gradient(ellipse at 62% 19%,#f1d198 0 4px,transparent 5px),radial-gradient(ellipse at 34% 33%,#f8e4b3 0 4px,transparent 5px),radial-gradient(ellipse at 65% 49%,#f1d198 0 4px,transparent 5px),radial-gradient(ellipse at 42% 64%,#f8e4b3 0 4px,transparent 5px)}.garden-vines{position:absolute;z-index:9;top:44%;width:31px;height:91px;border-left:4px solid #61805f;border-radius:45% 0 0;opacity:.94}.garden-vines:before,.garden-vines:after{content:"";position:absolute;width:13px;height:8px;border-radius:80% 0;background:#91ae73;box-shadow:0 24px #739563,5px 47px #9fbb7a}.garden-vines:before{left:-8px;top:9px}.garden-vines:after{left:3px;top:19px;transform:scaleX(-1)}.garden-vines--left{left:25%}.garden-vines--right{right:24%;transform:scaleX(-1)}.garden-lantern{position:absolute;z-index:10;width:13px;height:17px;border:3px solid #865c69;background:#ffe6a5;box-shadow:0 0 13px 3px #ffe099a3;animation:lantern-sway 3.6s ease-in-out infinite}.garden-lantern:before{content:"";position:absolute;left:3px;top:-18px;width:3px;height:16px;background:#765867}.garden-lantern--one{left:13%;bottom:27%}.garden-lantern--two{right:12%;bottom:29%;animation-delay:-1.4s}.garden-petals{position:absolute;z-index:11;top:30%;right:0;bottom:13%;left:0;pointer-events:none;opacity:.8;background:radial-gradient(ellipse at 9% 10%,#ffd7e6 0 3px,transparent 4px),radial-gradient(ellipse at 24% 37%,#f6b3d1 0 3px,transparent 4px),radial-gradient(ellipse at 83% 22%,#ffe4ef 0 3px,transparent 4px),radial-gradient(ellipse at 93% 47%,#f5b7d2 0 3px,transparent 4px),radial-gradient(ellipse at 70% 61%,#ffe0ed 0 2px,transparent 3px);animation:petal-drift 7s ease-in-out infinite}.scene-page--garden .garden-flowers{height:83px;bottom:10%;opacity:.95;background:radial-gradient(circle at 4% 63%,#fff0ab 0 3px,transparent 4px),radial-gradient(circle at 9% 31%,#f6a9c2 0 4px,transparent 5px),radial-gradient(circle at 15% 76%,#eaa4c1 0 4px,transparent 5px),radial-gradient(circle at 22% 48%,#e9c4f0 0 3px,transparent 4px),radial-gradient(circle at 77% 72%,#ffd7a9 0 3px,transparent 4px),radial-gradient(circle at 84% 38%,#fff0ac 0 3px,transparent 4px),radial-gradient(circle at 90% 68%,#f5a7c0 0 5px,transparent 6px),radial-gradient(circle at 97% 31%,#e99fbd 0 4px,transparent 5px)}.house-ceiling-beams{position:absolute;z-index:3;left:0;right:0;top:18%;height:35px;border-top:8px solid #62454b;border-bottom:5px solid #80574d;background:repeating-linear-gradient(90deg,transparent 0 55px,rgba(80,53,52,.48) 56px 62px);box-shadow:0 4px #f4bc7c26}.house-curtain{position:absolute;z-index:5;right:6%;top:22%;width:122px;height:127px;pointer-events:none;background:linear-gradient(90deg,rgba(119,68,69,.77) 0 23%,transparent 24% 76%,rgba(119,68,69,.77) 77%);clip-path:polygon(0 0,100% 0,91% 91%,76% 73%,64% 100%,51% 77%,35% 100%,21% 74%,7% 92%);opacity:.78}.house-fairy-lights{position:absolute;z-index:7;top:26%;left:29%;right:27%;height:45px;border-top:2px solid #6b4c4c;display:flex;justify-content:space-around}.house-fairy-lights i{position:relative;display:block;width:5px;height:14px;background:#ffe2a1;box-shadow:0 0 8px 2px #ffda90d9;top:-1px;animation:light-flicker 2.4s steps(2) infinite}.house-fairy-lights i:nth-child(2n){top:9px;animation-delay:-.8s}.house-fairy-lights i:nth-child(3n){animation-delay:-1.5s}.house-picture-row{position:absolute;z-index:6;left:28%;top:37%;display:flex;gap:8px;transform:rotate(-2deg)}.house-picture-row i{display:block;width:24px;height:29px;border:4px solid #62444b;background:linear-gradient(145deg,#e0a97a,#f4d49b 56%,#779684 57%);box-shadow:2px 3px #66464a}.house-picture-row i:nth-child(2){transform:translateY(8px);background:linear-gradient(145deg,#b9cfca,#f3d3a4 55%,#8b8cbb 56%)}.house-picture-row i:nth-child(3){background:linear-gradient(145deg,#d6a1a0,#f4d89e 52%,#7e9d82 53%)}.house-rug{position:absolute;z-index:8;width:174px;height:66px;left:calc(50% - 87px);bottom:12%;border:5px solid #6c4748;border-radius:50%;background:repeating-linear-gradient(90deg,#c47c63 0,#c47c63 9px,#d9966e 9px,#d9966e 17px);box-shadow:inset 0 0 0 5px #edbd80,0 5px #4a333257}.house-fireplace{position:absolute;z-index:6;right:4%;bottom:29%;width:68px;height:76px;border:7px solid #68464b;background:#76514d;box-shadow:4px 5px #543e45}.house-fireplace:before{content:"";position:absolute;left:-10px;right:-10px;top:-13px;height:9px;background:#5e4147;border:3px solid #82554b}.house-fireplace i{position:absolute;left:13px;right:13px;bottom:0;height:35px;background:radial-gradient(ellipse at 50% 90%,#fff0a3 0 15%,#ed9a54 16% 40%,#a64e47 41% 58%,transparent 59%);filter:drop-shadow(0 0 5px #f5a464);animation:fire-flicker 1.4s steps(2) infinite}.scene-page--house .house-table{left:18%;bottom:22%}.scene-page--house .house-plant{right:29%;bottom:29%}.scene-page--house .house-lamp{right:3%;bottom:20%}.beach-distant-isle{position:absolute;z-index:2;left:-18px;top:43%;width:166px;height:54px;border-radius:55% 45% 0 0;background:radial-gradient(ellipse at 61% 70%,#7e8f78 0 21%,transparent 22%),linear-gradient(165deg,#768b78 0,#768b78 53%,#5f786e 54%);opacity:.78}.beach-distant-isle:after{content:"";position:absolute;right:43px;bottom:41px;width:8px;height:31px;background:#70524b;box-shadow:7px -9px 0 3px #5a8068,-4px -17px 0 5px #527461}.beach-birds{position:absolute;z-index:3;top:27%;left:18%;color:#a25e62;font-size:14px;letter-spacing:7px;transform:rotate(-7deg);opacity:.82}.beach-sun-trail{position:absolute;z-index:4;top:45%;right:18%;width:29%;height:29%;opacity:.44;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,232,169,.75) 9px 12px,transparent 13px 19px);clip-path:polygon(42% 0,57% 0,100% 100%,0 100%);animation:water-shimmer 2.5s ease-in-out infinite}.beach-shore-foam{position:absolute;z-index:6;left:-3%;right:-3%;bottom:23%;height:24px;background:radial-gradient(ellipse at 6% 90%,transparent 0 11px,#f6e3bd 12px 15px,transparent 16px),radial-gradient(ellipse at 21% 60%,transparent 0 13px,#f9e7c4 14px 17px,transparent 18px),radial-gradient(ellipse at 45% 88%,transparent 0 12px,#f6e3bd 13px 16px,transparent 17px),radial-gradient(ellipse at 72% 58%,transparent 0 13px,#f9e7c4 14px 17px,transparent 18px),radial-gradient(ellipse at 92% 83%,transparent 0 11px,#f6e3bd 12px 15px,transparent 16px);opacity:.85;animation:shore-shift 4s ease-in-out infinite}.beach-dune-grass{position:absolute;z-index:10;bottom:19%;width:53px;height:49px;background:repeating-linear-gradient(68deg,transparent 0 8px,#617e67 9px 11px,transparent 12px 17px);transform-origin:bottom}.beach-dune-grass--one{left:17%}.beach-dune-grass--two{right:9%;transform:scale(.78) scaleX(-1)}.beach-shells{position:absolute;z-index:10;left:7%;bottom:11%;width:54px;height:18px;background:radial-gradient(ellipse at 17% 55%,#f8dcc0 0 5px,transparent 6px),radial-gradient(ellipse at 67% 23%,#b77971 0 4px,transparent 5px),radial-gradient(ellipse at 88% 78%,#f2d79c 0 3px,transparent 4px)}.scene-page--beach .beach-boardwalk{bottom:-6%;height:48%}.scene-page--beach .beach-bench{left:4%;bottom:27%}.sky-planet{position:absolute;z-index:2;top:25%;left:8%;width:39px;height:39px;border-radius:50%;background:linear-gradient(135deg,#d3a9d8,#8e82bd 57%,#5c6599 58%);box-shadow:0 0 17px #c5a5e885}.sky-planet:after{content:"";position:absolute;left:-13px;top:16px;width:62px;height:13px;border:3px solid #cebce4;border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-17deg);opacity:.8}.sky-constellation{position:absolute;z-index:4;left:19%;top:39%;width:115px;height:75px;opacity:.74;background:radial-gradient(circle at 0 62%,#fff3b8 0 2px,transparent 3px),radial-gradient(circle at 31% 19%,#d8f5f2 0 2px,transparent 3px),radial-gradient(circle at 58% 54%,#fff3b8 0 2px,transparent 3px),radial-gradient(circle at 100% 0,#d8f5f2 0 2px,transparent 3px)}.sky-constellation:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(28deg,transparent 0 19%,rgba(184,224,224,.6) 20% 21%,transparent 22% 42%,rgba(184,224,224,.6) 43% 44%,transparent 45%),linear-gradient(-30deg,transparent 0 56%,rgba(184,224,224,.6) 57% 58%,transparent 59%)}.sky-comet{position:absolute;z-index:4;top:31%;right:21%;width:67px;height:4px;background:linear-gradient(90deg,transparent,#b7efe7 70%,#fff7be);transform:rotate(-24deg);box-shadow:0 0 8px #a7e8e3;animation:comet-pass 5.4s ease-in-out infinite}.sky-fireflies{position:absolute;z-index:11;left:0;right:0;bottom:10%;height:80px;background:radial-gradient(circle at 8% 69%,#bcffd6 0 2px,transparent 3px),radial-gradient(circle at 19% 25%,#fff4af 0 2px,transparent 3px),radial-gradient(circle at 35% 70%,#c8f9e4 0 2px,transparent 3px),radial-gradient(circle at 73% 38%,#fff4af 0 2px,transparent 3px),radial-gradient(circle at 91% 64%,#c8f9e4 0 2px,transparent 3px);filter:drop-shadow(0 0 4px #b9f8dd);animation:fireflies 3.5s ease-in-out infinite}.sky-crystals{position:absolute;z-index:11;bottom:17%;width:31px;height:55px;background:linear-gradient(115deg,#5e88a0 0,#5e88a0 48%,#a9f1df 49%,#a9f1df 59%,#477185 60%);clip-path:polygon(50% 0,100% 38%,79% 100%,22% 100%,0 38%);filter:drop-shadow(0 0 6px rgba(137,239,218,.58))}.sky-crystals--one{left:8%;transform:scale(.72)}.sky-crystals--two{right:7%;transform:scale(.94) rotate(8deg)}@keyframes lantern-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes petal-drift{0%,to{transform:translate(0)}50%{transform:translate(-7px,13px)}}@keyframes light-flicker{0%,to{opacity:.65;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.22)}}@keyframes fire-flicker{0%,to{transform:scaleX(.85) translateY(1px)}50%{transform:scaleX(1.12) translateY(-2px)}}@keyframes shore-shift{0%,to{transform:translate(-4px)}50%{transform:translate(5px)}}@keyframes comet-pass{0%,55%,to{opacity:0;transform:translate(-25px,13px) rotate(-24deg)}64%,78%{opacity:1}88%{opacity:0;transform:translate(37px,-18px) rotate(-24deg)}}@keyframes fireflies{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}.scene-art{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#29304a}.scene-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated;image-rendering:crisp-edges;filter:contrast(1.06) saturate(1.04)}.scene-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(18,20,45,.12),transparent 21%,transparent 70%,rgba(17,20,36,.17));pointer-events:none}.scene-art--garden{background-color:#7d759a}.scene-art--house{background-color:#55352c}.scene-art--beach{background-color:#d67f6a}.scene-art--sky{background-color:#172b63}.scene-page .scene-girl{left:calc(50% - 40px);bottom:5%;transform:scale(1.72);transform-origin:bottom center;filter:drop-shadow(4px 7px 0 rgba(16,19,34,.48)) drop-shadow(0 0 9px rgba(255,240,201,.2))}.scene-page--beach .scene-girl,.scene-page--sky .scene-girl{left:calc(48% - 40px);bottom:5%}.scene-page--house .scene-girl{bottom:5%}.cover-island{height:250px}.cover-girl{left:calc(50% - 40px);top:112px;transform:scale(1.7);transform-origin:bottom center}.map-girl{left:calc(50% - 40px);top:45%;transform:scale(1.7);transform-origin:bottom center;filter:drop-shadow(4px 7px 0 rgba(31,29,48,.43))}.scene-page .photo-spot{width:108px}.scene-page .photo-spot--2{width:101px}.scene-page .photo-spot--3{width:94px}.scene-page .photo-frame{position:relative;padding:6px;border:3px solid #4d3942;background:linear-gradient(135deg,#fff0c9,#bb8d70);box-shadow:inset 0 0 0 2px #fff7d8,inset 0 0 0 5px #8c625c,0 0 0 3px #261b258c,5px 7px #17192687,0 10px 18px #13111c47}.scene-page .photo-frame:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:1;pointer-events:none;border:1px solid rgba(255,247,215,.48)}.scene-page .spot-label{position:relative;z-index:2;margin-top:6px;padding:4px 7px;background:#1b1d2be0;box-shadow:0 2px #ffefb84a}.scene-page--garden .photo-frame{border-color:#645369;background:linear-gradient(135deg,#fff2cf,#c998b3);box-shadow:inset 0 0 0 2px #fff8df,inset 0 0 0 5px #8d617b,0 0 0 3px #3726388c,5px 7px #201d2b87,0 10px 18px #13111c47}.scene-page--garden .photo-frame:after{content:"";position:absolute;width:9px;height:9px;top:-7px;left:-7px;background:#edb3cc;box-shadow:calc(100% + 3px) 0 #edb3cc,0 calc(100% + 3px) #e5d88e,calc(100% + 3px) calc(100% + 3px) #e5d88e}.scene-page--house .photo-frame{border-color:#57382e;background:repeating-linear-gradient(90deg,#a8663d 0,#a8663d 5px,#c98855 5px,#c98855 9px);box-shadow:inset 0 0 0 2px #ffe1a2,inset 0 0 0 5px #684033,0 0 0 3px #301c19a1,5px 7px #16131994,0 10px 18px #13111c4d}.scene-page--house .photo-frame:after{content:"";position:absolute;left:9px;right:9px;top:-6px;height:4px;background:#f6cf77;box-shadow:0 0 6px #ffc76ad1}.scene-page--beach .photo-frame{border-color:#4f4b51;background:repeating-linear-gradient(90deg,#bb7a52 0,#bb7a52 6px,#e0a471 6px,#e0a471 10px);box-shadow:inset 0 0 0 2px #ffe8b5,inset 0 0 0 5px #725149,0 0 0 3px #2e252d99,5px 7px #1b1b258a,0 10px 18px #13111c47}.scene-page--beach .photo-frame:after{content:"";position:absolute;left:-6px;right:-6px;bottom:-5px;height:4px;background:repeating-linear-gradient(90deg,#e9cc8c 0,#e9cc8c 7px,#b8785a 7px,#b8785a 12px)}.scene-page--sky .photo-frame{border-color:#405775;background:linear-gradient(135deg,#b9ece0,#537fa2);box-shadow:inset 0 0 0 2px #defeeb,inset 0 0 0 5px #557996,0 0 0 3px #192540bd,5px 7px #0b11279e,0 0 13px #77eeda59}.scene-page--sky .photo-frame:after{content:"✦";position:absolute;right:-9px;top:-13px;color:#d3ffea;font-size:16px;text-shadow:0 0 8px #8fe8da}.scene-page--garden .scene-letter{top:max(104px,calc(env(safe-area-inset-top) + 87px));z-index:19;width:min(89vw,430px);min-height:0;padding:8px 36px 10px;overflow:visible;border:0;background:none;box-shadow:none;color:#fff8e6;text-shadow:2px 3px 0 rgba(71,51,77,.62),0 0 14px rgba(255,240,204,.48)}.scene-page--garden .scene-letter:before,.scene-page--garden .scene-letter:after,.scene-page--garden .letter-pixel{display:none}.scene-page--garden .scene-letter small{position:relative;z-index:2;margin-bottom:7px;color:#ffe9a9;font-size:8px;letter-spacing:.19em;text-shadow:1px 2px 0 #805873}.scene-page--garden .scene-letter small:after{width:48px;height:2px;margin-top:6px;background:#ffe8a6;box-shadow:0 2px #a05e81b8}.scene-page--garden .scene-letter__lines{position:relative;z-index:2}.scene-page--garden .scene-letter__lines p{margin:3px 0;color:#fffaf0;font-size:15px;font-weight:700;line-height:1.45;letter-spacing:.07em;text-shadow:2px 3px 0 rgba(103,69,91,.85),0 0 10px rgba(255,242,209,.67)}.scene-page--garden .scene-letter i{display:none}.garden-floating-ornaments{position:absolute;z-index:1;top:-16px;right:-16px;bottom:-12px;left:-16px;pointer-events:none}.floating-flower{position:absolute;width:10px;height:10px;border-radius:50%;background:#f5abc9;box-shadow:-6px 0 #f5abc9,6px 0 #f5abc9,0 -6px #f5abc9,0 6px #f5abc9,0 0 0 2px #ffe5a7,0 0 11px #ffc8dfcc;animation:flower-float 3.8s ease-in-out infinite}.floating-flower:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;left:3px;top:3px;background:#ffe79c}.floating-flower--one{left:1%;top:30%}.floating-flower--two{right:5%;top:14%;background:#dcb7ed;box-shadow:-6px 0 #dcb7ed,6px 0 #dcb7ed,0 -6px #dcb7ed,0 6px #dcb7ed,0 0 0 2px #ffe5a7,0 0 11px #e7c1ffcc;animation-delay:-1.1s}.floating-flower--three{right:17%;bottom:3%;transform:scale(.72);animation-delay:-2.2s}.floating-butterfly{position:absolute;width:11px;height:8px;animation:butterfly-flit 4.7s ease-in-out infinite}.floating-butterfly:before,.floating-butterfly:after{content:"";position:absolute;top:1px;width:8px;height:7px;background:#fff0b2;box-shadow:0 0 8px #ffe698d1}.floating-butterfly:before{left:0;border-radius:90% 15%;transform:rotate(26deg)}.floating-butterfly:after{right:0;border-radius:15% 90%;transform:rotate(-26deg)}.floating-butterfly--one{left:12%;top:-3px}.floating-butterfly--two{right:9%;bottom:9%;transform:scale(.75);animation-delay:-2.4s}.floating-butterfly--two:before,.floating-butterfly--two:after{background:#b9f2e0}.floating-vine{position:absolute;width:45px;height:29px;border-top:3px solid #679261;border-radius:55% 48% 0 0;opacity:.88}.floating-vine:before,.floating-vine:after{content:"";position:absolute;width:9px;height:5px;border-radius:90% 0;background:#89b873;box-shadow:13px 6px #789f67}.floating-vine:before{left:7px;top:-3px}.floating-vine:after{right:2px;top:6px;transform:scaleX(-1)}.floating-vine--one{left:-3px;bottom:0;transform:rotate(-13deg)}.floating-vine--two{right:-3px;top:5px;transform:rotate(165deg)}@keyframes flower-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(10deg)}}@keyframes butterfly-flit{0%,to{transform:translate(0) rotate(-9deg)}38%{transform:translate(17px,-10px) rotate(12deg)}70%{transform:translate(6px,-19px) rotate(-4deg)}}.scene-page--garden .scene-letter{width:min(94vw,450px);padding:13px 40px 14px;background:radial-gradient(ellipse at center,#331c43b8 0,#331c43b8 31%,#4126517a 52%,#41265100 76%);filter:drop-shadow(0 3px 0 rgba(55,32,67,.68)) drop-shadow(0 0 16px rgba(255,230,193,.28))}.scene-page--garden .scene-letter small{display:none}.scene-page--garden .scene-letter__lines p{margin:4px 0;color:#fffdf5;font-size:17px;font-weight:800;line-height:1.38;letter-spacing:.075em;text-shadow:3px 3px 0 #3f234e,-2px 0 #3f234e,0 -2px #3f234e,0 0 12px rgba(255,246,215,.92)}.garden-floating-ornaments{z-index:3;top:-21px;right:-22px;bottom:-18px;left:-22px}.floating-flower{width:15px;height:15px;background:#ff9fc9;box-shadow:-9px 0 #ff9fc9,9px 0 #ff9fc9,0 -9px #ff9fc9,0 9px #ff9fc9,0 0 0 3px #7c466e,0 0 14px 3px #ffb9dbe6}.floating-flower:after{width:6px;height:6px;left:4.5px;top:4.5px;background:#fff09e}.floating-flower--one{left:1%;top:45%}.floating-flower--two{right:4%;top:8%}.floating-flower--three{right:17%;bottom:7%;transform:scale(.85)}.floating-butterfly{width:18px;height:13px;filter:drop-shadow(0 0 5px rgba(255,237,151,.86))}.floating-butterfly:before,.floating-butterfly:after{width:12px;height:11px;border:2px solid #7b4f78;background:#fff0a7}.floating-butterfly--one{left:14%;top:-7px}.floating-butterfly--two{right:8%;bottom:13%;transform:scale(.9)}.floating-butterfly--two:before,.floating-butterfly--two:after{background:#9ff0df;border-color:#4b7f77}.floating-vine{width:58px;height:37px;border-top-width:4px;filter:drop-shadow(0 2px 0 rgba(56,77,57,.42))}.floating-vine:before,.floating-vine:after{width:13px;height:8px;background:#9ecb77;box-shadow:17px 7px #709e69}.floating-vine--one{left:0;bottom:4px}.floating-vine--two{right:0;top:7px}.garden-floating-ornaments{z-index:1;top:-13px;right:-14px;bottom:-10px;left:-14px;opacity:.94}.floating-flower{width:9px;height:9px;background:#ebb5ca;box-shadow:-5px 0 #ebb5ca,5px 0 #ebb5ca,0 -5px #ebb5ca,0 5px #ebb5ca,0 0 0 1px #744c65,0 0 6px #fbdfd485}.floating-flower:after{width:3px;height:3px;left:3px;top:3px;background:#f8e9ac}.floating-flower--one{left:3%;top:42%}.floating-flower--two{right:6%;top:15%;background:#cab6dc;box-shadow:-5px 0 #cab6dc,5px 0 #cab6dc,0 -5px #cab6dc,0 5px #cab6dc,0 0 0 1px #6d5677,0 0 6px #e0d3f580}.floating-flower--three{right:19%;bottom:4%;background:#f2d2b7;box-shadow:-5px 0 #f2d2b7,5px 0 #f2d2b7,0 -5px #f2d2b7,0 5px #f2d2b7,0 0 0 1px #795c5c,0 0 6px #ffebc780}.floating-butterfly{width:12px;height:8px;filter:drop-shadow(0 1px 0 rgba(65,43,65,.55))}.floating-butterfly:before,.floating-butterfly:after{width:8px;height:7px;border:0;background:#f6d4c3;box-shadow:none}.floating-butterfly:before{border-radius:85% 20% 80%}.floating-butterfly:after{border-radius:20% 85% 20% 80%}.floating-butterfly--one{left:15%;top:0}.floating-butterfly--two{right:10%;bottom:12%;transform:scale(.72)}.floating-butterfly--two:before,.floating-butterfly--two:after{background:#b8d9cb;border:0}.floating-vine{width:46px;height:25px;border-top:2px solid #78966e;filter:none;opacity:.85}.floating-vine:before,.floating-vine:after{width:8px;height:5px;background:#94b57c;box-shadow:11px 5px #769969}.floating-vine--one{left:3px;bottom:4px}.floating-vine--two{right:3px;top:8px}.scene-atmosphere{position:absolute;z-index:10;pointer-events:none}.scene-atmosphere--petals{top:22%;right:0;bottom:11%;left:0;opacity:.78;background:radial-gradient(ellipse at 8% 13%,#ffe4ee 0 3px,transparent 4px),radial-gradient(ellipse at 26% 38%,#f8b9d2 0 3px,transparent 4px),radial-gradient(ellipse at 48% 16%,#fff0f5 0 2px,transparent 3px),radial-gradient(ellipse at 77% 29%,#f5aaca 0 3px,transparent 4px),radial-gradient(ellipse at 92% 54%,#ffe6ee 0 3px,transparent 4px),radial-gradient(ellipse at 64% 74%,#f7b8d2 0 2px,transparent 3px);animation:petal-drift 7s ease-in-out infinite}.scene-atmosphere--dust{top:23%;right:0;bottom:12%;left:0;opacity:.7;background:radial-gradient(circle at 17% 17%,#ffeab2 0 1px,transparent 2px),radial-gradient(circle at 42% 33%,#fff6d3 0 1px,transparent 2px),radial-gradient(circle at 71% 14%,#ffeab2 0 1px,transparent 2px),radial-gradient(circle at 86% 48%,#fff6d3 0 1px,transparent 2px),radial-gradient(circle at 31% 76%,#ffeab2 0 1px,transparent 2px);animation:dust-float 5s ease-in-out infinite}.scene-atmosphere--waves{left:0;right:0;top:48%;height:24%;opacity:.36;background:repeating-linear-gradient(177deg,transparent 0 15px,rgba(255,237,185,.85) 16px 18px,transparent 19px 31px);mix-blend-mode:screen;animation:wave-layer 4s ease-in-out infinite}.scene-atmosphere--starlight{top:18%;right:0;bottom:14%;left:0;opacity:.78;background:radial-gradient(circle at 9% 20%,#d6ffff 0 2px,transparent 3px),radial-gradient(circle at 22% 44%,#fff3ac 0 2px,transparent 3px),radial-gradient(circle at 42% 15%,#d6ffff 0 1px,transparent 2px),radial-gradient(circle at 70% 36%,#fff3ac 0 2px,transparent 3px),radial-gradient(circle at 91% 21%,#d6ffff 0 2px,transparent 3px),radial-gradient(circle at 81% 76%,#c1ffe3 0 2px,transparent 3px);animation:twinkle 3s steps(2) infinite}.scene-glint{position:absolute;z-index:11;width:9px;height:9px;background:#fff2b5;box-shadow:0 0 11px 3px #ffeba5b8;animation:glint 2.8s steps(2) infinite}.scene-glint:before,.scene-glint:after{content:"";position:absolute;background:inherit}.scene-glint:before{width:1px;height:23px;left:4px;top:-7px}.scene-glint:after{width:23px;height:1px;top:4px;left:-7px}.scene-glint--garden{left:18%;top:47%}.scene-glint--house{right:13%;top:43%;background:#ffe1a1}.scene-glint--beach{left:34%;top:55%;background:#fff2bb}.scene-glint--sky{right:19%;top:48%;background:#bff9ee}@keyframes dust-float{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(4px,-9px);opacity:.86}}@keyframes wave-layer{0%,to{transform:translate(-10px)}50%{transform:translate(9px)}}@keyframes glint{0%,to{opacity:.3;transform:scale(.65)}50%{opacity:1;transform:scale(1)}}@media(max-height:650px){.scene-page .scene-girl{transform:scale(1.36);bottom:4%}.cover-island{height:174px}.cover-girl{top:76px;transform:scale(1.16)}.map-girl{transform:scale(1.32)}}.music-button{position:fixed;z-index:60;right:12px;top:max(13px,env(safe-area-inset-top));display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid rgba(255,246,215,.64);background:#1d233794;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff5dc;box-shadow:inset 0 0 0 2px #ffffff14;font-size:8px;letter-spacing:.07em;cursor:pointer}.music-icon{display:flex;align-items:end;gap:2px;width:13px;height:13px}.music-icon i{display:block;width:2px;background:#e8d3bb;height:4px}.music-icon i:nth-child(2){height:9px}.music-icon i:nth-child(3){height:6px}.music-button.is-playing .music-icon i{animation:equalizer .8s ease-in-out infinite alternate}.music-button.is-playing .music-icon i:nth-child(2){animation-delay:-.3s}.music-button.is-playing .music-icon i:nth-child(3){animation-delay:-.55s}.photo-modal{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#131627d1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.photo-viewer{position:relative;width:min(94vw,470px);padding:12px;background:#2e334e;border:3px solid #f4dfbc;box-shadow:0 0 0 4px #5f5d78,0 21px 55px #0000008c}.viewer-topline{display:flex;justify-content:space-between;padding:1px 0 9px;color:#f7e0a7;font-size:8px;letter-spacing:.18em}.viewer-close{position:absolute;z-index:3;right:8px;top:26px;width:27px;height:27px;border:2px solid #f4dcba;color:#fff2df;background:#715c72;font-size:19px;line-height:18px;cursor:pointer}.viewer-photo-wrap{position:relative;padding:5px;background:#e9c898;border:3px solid #5a4a52;box-shadow:inset 0 0 0 2px #aa7c69;touch-action:pan-y;aspect-ratio:4 / 5;overflow:hidden}.viewer-photo{display:block;width:100%;height:100%;object-fit:cover}.corner{position:absolute;width:14px;height:14px;border-color:#fff0cf;border-style:solid;z-index:2}.corner--tl{left:8px;top:8px;border-width:2px 0 0 2px}.corner--tr{right:8px;top:8px;border-width:2px 2px 0 0}.corner--bl{left:8px;bottom:8px;border-width:0 0 2px 2px}.corner--br{right:8px;bottom:8px;border-width:0 2px 2px 0}.viewer-caption{display:flex;justify-content:space-between;gap:10px;align-items:end;padding:11px 2px 8px}.viewer-caption b{font-size:15px;color:#fff1d2;letter-spacing:.05em}.viewer-caption p{max-width:250px;margin:4px 0 0;color:#ded7d8;font-size:10px}.viewer-caption time{color:#f4dba8;font:italic 11px Georgia,serif;white-space:nowrap}.viewer-controls{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;text-align:center;border-top:1px solid rgba(247,225,192,.34);padding-top:8px;color:#d5cfdb;font-size:8px;letter-spacing:.07em}.viewer-controls button{width:30px;height:25px;border:1px solid #e8d2ae;background:#586177;color:#fff0d4;font-size:15px;cursor:pointer}.viewer-controls button:last-child{justify-self:end}.ending-screen{display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at 50% 25%,#4d4f87,#292c58 45%,#181b3b)}.ending-moon{position:absolute;z-index:2;top:11%;right:19%;width:104px;height:104px;border-radius:50%;background:#fff0c8;box-shadow:0 0 0 9px #e3daff12,0 0 55px 13px #d3d0ff38}.ending-hill{position:absolute;z-index:3;bottom:0;width:130%;height:38%;border-radius:50% 50% 0 0;background:#394960}.ending-hill--back{bottom:10%;left:-42%;background:#475671}.ending-hill--front{left:-15%;background:linear-gradient(130deg,#2d4555,#3b5960 47%,#253d50)}.ending-gate-bg{position:absolute;z-index:5;bottom:21%;right:17%;width:82px;height:106px;border:6px solid #93d7cc;border-bottom:0;border-radius:50px 50px 0 0;box-shadow:0 0 15px #84d2ca,inset 0 0 15px #75bcb8}.ending-girl{z-index:8;bottom:20%;left:31%}.ending-screen section{position:relative;z-index:10;align-self:end;margin-bottom:18%;padding:0 25px;text-shadow:2px 2px #303456}.ending-screen section>span{font-size:9px;color:#dfd1ff;letter-spacing:.18em}.ending-screen h1{margin:12px 0;font-size:clamp(25px,7vw,36px);line-height:1.3;letter-spacing:.07em}.ending-line{height:1px;width:82px;margin:0 auto 19px;background:#e9d3ac;box-shadow:0 0 8px #e9d3ac}.ending-screen button{padding:13px 20px;border:2px solid #ffe3b9;background:#636184;color:#fff7e9;box-shadow:3px 4px #333650,inset 0 0 0 2px #ffffff21;font-size:10px;letter-spacing:.11em;cursor:pointer}.ending-screen button i{font-size:16px;font-style:normal;margin-left:6px;color:#ffe2a7}@keyframes drift{0%{transform:translate(-30px)}to{transform:translate(calc(100vw + 65px))}}@keyframes drift-back{0%{transform:translate(30px)}to{transform:translate(calc(-100vw - 65px))}}@keyframes twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes pulse-button{0%,to{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.13);transform:translateY(-2px)}}@keyframes character-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes character-walk{0%,to{transform:translate(-2px) translateY(0)}50%{transform:translate(2px) translateY(-3px)}}@keyframes character-happy{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-7px) rotate(-2deg)}60%{transform:translateY(-7px) rotate(2deg)}}@keyframes water-shimmer{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}@keyframes butterfly{0%,to{transform:translate(0) rotate(-8deg)}35%{transform:translate(20px,-18px) rotate(12deg)}65%{transform:translate(5px,-33px) rotate(-2deg)}}@keyframes lamp-glow{0%,to{filter:brightness(.95)}50%{filter:brightness(1.13)}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(26px)}}@keyframes equalizer{0%{transform:scaleY(.45);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@media(min-width:620px){.app-shell{max-width:520px;margin:0 auto;box-shadow:0 0 60px #00000061}.scene-header h1{font-size:25px}.map-island{transform:scale(.98)}}@media(max-height:650px){.start-title h1{font-size:34px}.cover-island{height:152px;transform:scale(.85)}.start-screen{grid-template-rows:1fr auto 1fr auto}.start-hint{display:none}.map-island{height:400px;transform:scale(.86);transform-origin:center}.scene-photo-spots{transform:scale(.91);transform-origin:center}.scene-girl{bottom:6%}.scene-page--house .scene-girl{bottom:8%}.scene-page--beach .scene-girl,.scene-page--sky .scene-girl{bottom:10%}.scene-hint{margin-top:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.start-button,.ending-gate.is-unlocked{transform:none!important}}.world-map{width:100%}.map-island{width:min(500px,calc(100vw - 30px));max-width:100%}.scene-page .scene-girl{z-index:17;pointer-events:none}@media(max-width:480px){.world-map{padding-inline:12px}.map-island{width:calc(100vw - 24px);transform:translateY(0)}.map-portal{width:min(31vw,124px)}.portal--garden,.portal--beach{left:0}.portal--house,.portal--sky{right:0}.portal-copy strong{font-size:12px}.portal-copy i{font-size:7px}}.garden-floating-ornaments{z-index:1;top:-15px;right:-16px;bottom:-12px;left:-16px;opacity:.92}.floating-vine{position:absolute;width:54px;height:33px;border-top:2px solid #688466;border-radius:58% 44% 0 0;opacity:.75;filter:drop-shadow(0 1px 0 rgba(59,61,68,.45))}.floating-vine:before,.floating-vine:after{content:"";position:absolute;width:8px;height:5px;border-radius:90% 0;background:#91a976;box-shadow:13px 6px #78916a}.floating-vine:before{left:6px;top:-3px}.floating-vine:after{right:4px;top:6px;transform:scaleX(-1)}.floating-vine--one{left:0;bottom:3px;transform:rotate(-12deg)}.floating-vine--two{right:0;top:4px;transform:rotate(166deg)}.floating-flower{position:absolute;width:7px;height:7px;background:#ffe5a9;box-shadow:-7px 0 #e7a9c4,7px 0 #e7a9c4,0 -7px #f3c5d6,0 7px #d898b9,0 0 0 2px #70445e,0 0 8px #ffe2b86e;animation:flower-orbit 3.7s steps(2) infinite}.floating-flower:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;border:1px solid rgba(243,209,225,.26);border-radius:50%}.floating-flower--one{left:3%;top:43%}.floating-flower--two{right:7%;top:11%;transform:scale(.8);animation-delay:-1.15s}.floating-flower--three{right:19%;bottom:1%;transform:scale(.68);animation-delay:-2.2s}.floating-butterfly{position:absolute;width:17px;height:12px;animation:butterfly-orbit 4.8s steps(3) infinite;filter:drop-shadow(1px 1px 0 rgba(65,43,65,.58))}.floating-butterfly:before,.floating-butterfly:after{content:"";position:absolute;top:1px;width:9px;height:10px;border:2px solid #714b70;background:#f6d6c3}.floating-butterfly:before{left:0;clip-path:polygon(0 22%,65% 0,100% 36%,78% 100%,18% 86%)}.floating-butterfly:after{right:0;background:#c8decc;clip-path:polygon(35% 0,100% 23%,83% 86%,22% 100%,0 36%)}.floating-butterfly--one{left:15%;top:-7px}.floating-butterfly--two{right:9%;bottom:12%;transform:scale(.76);animation-delay:-2.45s}.floating-butterfly--two:before{background:#e8c2dc}.floating-butterfly--two:after{background:#f0d4a8}.floating-dew{position:absolute;width:3px;height:3px;background:#fff0c8;box-shadow:0 0 0 1px #71517073,0 0 6px #ffe5bbad;animation:dew-glint 3.8s steps(2) infinite}.floating-dew--one{left:25%;top:8%}.floating-dew--two{right:22%;top:43%;animation-delay:-1.2s}.floating-dew--three{display:none}@keyframes flower-orbit{0%,to{translate:0 0;filter:brightness(.95)}50%{translate:0 -4px;filter:brightness(1.15)}}@keyframes butterfly-orbit{0%,to{translate:0 0;rotate:-7deg}38%{translate:9px -6px;rotate:8deg}70%{translate:4px -11px;rotate:-2deg}}@keyframes dew-glint{0%,to{opacity:.25;scale:.7}50%{opacity:1;scale:1}}.scene-page--sky.is-letter-scene .scene-header{z-index:26}.scene-page--sky.is-letter-scene .scene-hint{display:none}.scene-page--sky.is-letter-scene .scene-index{color:#cdece2;text-shadow:0 1px #27324c}.love-letter-stage{position:absolute;z-index:23;top:max(96px,calc(env(safe-area-inset-top) + 80px));right:12px;bottom:max(13px,env(safe-area-inset-bottom));left:12px;display:block}.love-letter{position:relative;width:min(100%,440px);height:100%;margin:0 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:23px 18px 33px;color:#453f58;text-align:left;border:3px solid #7c7696;background:repeating-linear-gradient(0deg,rgba(104,107,150,.1) 0 1px,transparent 1px 5px),linear-gradient(135deg,#faf9ecfa,#e0e6e0fa);box-shadow:0 0 0 3px #bce5db99,6px 7px #141c3580,0 0 28px #98d3ca33,inset 0 0 0 3px #818caa33;scrollbar-width:thin;scrollbar-color:#789da2 transparent}.love-letter::-webkit-scrollbar{width:6px}.love-letter::-webkit-scrollbar-thumb{background:#789da2;border:1px solid #e5eee5}.love-letter:before,.love-letter:after{content:"";position:absolute;width:11px;height:11px;border-color:#a19cb6;border-style:solid;pointer-events:none}.love-letter:before{top:6px;left:6px;border-width:2px 0 0 2px}.love-letter:after{right:6px;bottom:6px;border-width:0 2px 2px 0}.love-letter__star{position:absolute;top:13px;right:14px;color:#8bb7b2;font-size:17px;text-shadow:0 0 7px rgba(103,189,180,.6);animation:twinkle 2.6s steps(2) infinite}.love-letter__eyebrow{position:relative;margin:0;padding-right:26px;color:#658a93;font-size:8px;letter-spacing:.18em;text-align:center}.love-letter h2{position:relative;margin:10px 0 8px;padding:0 20px;color:#384a65;font-size:clamp(18px,5.3vw,24px);line-height:1.35;letter-spacing:.08em;text-align:center;text-shadow:1px 1px #fffdf0}.love-letter__rule{width:65px;height:2px;margin:0 auto 4px;background:#9fc8bd;box-shadow:0 2px #8a8dac}.love-letter__duo{position:relative;left:auto;bottom:auto;width:72px;height:71px;margin:4px auto 10px;transform:scale(.72);transform-origin:center bottom;filter:drop-shadow(2px 3px 0 rgba(37,44,65,.32))}.love-letter__body{position:relative}.love-letter__body p{margin:0 0 14px;color:#464056;font-size:13px;line-height:1.86;letter-spacing:.045em;text-align:justify;text-shadow:1px 1px rgba(255,255,248,.82)}.love-letter__body p.is-emphasis{margin:19px 4px;color:#354b65;font-size:14px;font-weight:700;line-height:1.8;text-align:center;text-shadow:1px 1px #ffffff}.love-letter__signature{position:relative;margin:24px 0 13px;color:#5e7b87;font-size:16px;font-weight:700;letter-spacing:.08em;text-align:center;text-shadow:1px 1px #fffef5}.love-letter__end{position:relative;margin:0 0 20px;color:#8d8fa7;font-size:8px;letter-spacing:.12em;text-align:center}.love-letter__restart{position:relative;display:block;min-width:154px;min-height:42px;margin:0 auto 5px;border:2px solid #647d91;color:#fffdf0;background:#586a83;box-shadow:3px 4px #3c485f,inset 0 0 0 2px #cdede538;font-size:10px;letter-spacing:.1em;cursor:pointer}.love-letter__restart:active{transform:translate(2px,3px);box-shadow:1px 1px #3c485f,inset 0 0 0 2px #cdede538}.love-letter__restart span{color:#d5f3dc;font-size:14px}@media(max-height:650px){.love-letter-stage{top:76px;bottom:8px}.love-letter{padding-top:18px}.love-letter__body p{margin-bottom:11px;font-size:12px;line-height:1.72}.love-letter__duo{display:none}}