:root{--ink:#fdf8ed;--paper:#fff9ed;--night:#141630;--purple:#29275c;--gold:#ffd778;--pink:#ff93bc;--cyan:#8ee8ec;font-family:Pretendard,"Apple SD Gothic Neo",system-ui,sans-serif;color:var(--ink);background:#111329}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#111329}.game-shell{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 15%,#353372 0,#1d1c45 35%,#101128 82%)}button{font:inherit;cursor:pointer}.scene{display:none;min-height:100svh;position:relative;isolation:isolate}.scene.active{display:flex}.grain{pointer-events:none;position:absolute;inset:0;z-index:30;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:.69rem;letter-spacing:.16em;font-weight:800}.primary{border:0;border-radius:999px;padding:15px 22px;background:var(--gold);color:#342449;font-weight:800;box-shadow:0 9px 30px #edb9574d;transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 13px 35px #edb95766}.primary span{padding-left:10px;font-size:1.15em}.title-scene{align-items:center;justify-content:center;text-align:center;background:linear-gradient(#18183d 0%,#33275d 63%,#6b4271 100%)}.title-copy{z-index:2;margin-top:-8vh}.title-copy h1{font-size:clamp(2.8rem,8vw,5.5rem);line-height:.95;letter-spacing:-.07em;margin:0;text-shadow:0 4px 25px #05051a99}.title-copy>p:not(.eyebrow){font-size:1.1rem;letter-spacing:.3em;margin:16px 0 34px;color:#f8daae}.title-copy small{display:block;margin-top:17px;color:#d6c4db99;font-size:.72rem}.night-window{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 71% 17%,#fff1c9 0 2.4%,transparent 2.7%),radial-gradient(circle at 34% 25%,#fce8b1 0 1px,transparent 1.5px),radial-gradient(circle at 62% 38%,#fce8b1 0 1px,transparent 1.5px),radial-gradient(circle at 13% 13%,#fce8b1 0 1px,transparent 1.5px)}.night-window i{position:absolute;border-radius:100%;background:#fff6d9;box-shadow:0 0 14px #fff6d9;animation:twinkle 3s infinite alternate}.night-window i:nth-child(1){top:30%;left:18%;width:3px;height:3px}.night-window i:nth-child(2){top:20%;right:23%;width:5px;height:5px;animation-delay:-1s}.night-window i:nth-child(3){top:45%;right:9%;width:3px;height:3px;animation-delay:-2s}.moon{position:absolute;right:12%;top:9%;width:90px;height:90px;border-radius:50%;background:#ffeec0;box-shadow:0 0 65px #ffe6a566}.sleeping-room{position:absolute;inset:auto 0 0;height:38vh;background:linear-gradient(#48305b,#241d42)}.bed{position:absolute;bottom:13%;left:50%;width:min(550px,96vw);height:110px;transform:translateX(-50%);border-radius:100px 100px 15px 15px;background:linear-gradient(#e78eaf 0 28%,#fcc5ce 29%);box-shadow:0 18px 0 #1b1734}.cat{position:absolute;width:82px;height:52px;border-radius:50% 50% 43% 43%;background:#f5c687;z-index:3}.cat:before,.cat:after{content:"";position:absolute;top:-17px;border-style:solid;border-width:0 15px 24px;border-color:transparent transparent #f5c687}.cat:before{left:5px;transform:rotate(-13deg)}.cat:after{right:5px;transform:rotate(13deg)}.cat-title{left:calc(50% + 75px);bottom:31%}.child{position:absolute;width:106px;height:148px;border-radius:54px 54px 30px 30px;background:repeating-linear-gradient(90deg,#9bb9ed 0 10px,#f4c4dd 10px 20px);z-index:2}.child:before{content:"";position:absolute;width:78px;height:78px;border-radius:46% 46% 47% 47%;background:#f3c6a8;top:-54px;left:14px;box-shadow:0 -16px 0 5px #352543}.child span{position:absolute;top:-23px;left:31px;width:8px;height:8px;background:#392440;border-radius:50%;box-shadow:36px 0 #392440}.child-title{left:calc(50% - 150px);bottom:13%}.story-scene{align-items:center;justify-content:center;gap:min(8vw,110px);padding:30px}.story-illustration{height:min(65vw,520px);width:min(60vw,500px);position:relative;overflow:hidden;border-radius:42% 42% 35% 35%;background:radial-gradient(circle at 68% 24%,#ffe8ae 0 7%,transparent 7.5%),linear-gradient(#26245a,#171733 70%);box-shadow:inset 0 0 80px #0008}.moon.beam{position:absolute;top:11%;right:14%;width:100px;height:100px;background:#fff0bc;border-radius:50%;box-shadow:0 0 55px #fff0bc80}.room-illustration:after{content:"";position:absolute;inset:auto 0 0;height:33%;background:#583658}.room-illustration .child{left:26%;bottom:14%;transform:scale(.72);transform-origin:bottom}.cat-lumi{right:22%;bottom:25%;transform:scale(.85)}.dark-light{position:absolute;right:4%;bottom:14%;width:38%;height:72%;background:radial-gradient(ellipse,#1d163d99 0,transparent 65%);filter:blur(10px);animation:dark-pulse 2.5s infinite alternate}.dialogue-card{position:relative;z-index:2;width:min(420px,100%);padding:32px;border:1px solid #fff4dc22;border-radius:28px;background:#201c3dba;box-shadow:0 20px 70px #05051077;backdrop-filter:blur(10px)}.dialogue-card h2{font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.055em;margin:0 0 18px}.dialogue-card>p:not(.eyebrow){line-height:1.8;color:#eee3e5;margin:0 0 27px}.note-scene{align-items:center;justify-content:center;background:radial-gradient(circle,#3b3676,#17162f 68%)}.mystery-note{position:relative;width:min(460px,88vw);padding:65px 45px 45px;background:var(--paper);color:#4d3c57;text-align:center;transform:rotate(-2deg);box-shadow:0 25px 80px #09051688}.mystery-note:before{content:"";position:absolute;inset:9px;border:1px solid #e8cfab}.mystery-note>*{position:relative}.mystery-note h2{font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-.05em}.mystery-note p{line-height:2}.wax-seal{position:absolute;top:-27px;left:calc(50% - 27px);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#b34f69;color:#ffe7b5;font-size:1.6rem;box-shadow:inset 0 0 0 3px #de8b95}.note-stars{position:absolute;inset:0;background:radial-gradient(circle at 16% 22%,#fff5cd 0 2px,transparent 3px),radial-gradient(circle at 77% 30%,#fff5cd 0 3px,transparent 4px),radial-gradient(circle at 84% 73%,#fff5cd 0 2px,transparent 3px)}.map-scene{flex-direction:column;padding:clamp(28px,6vw,60px);background:linear-gradient(150deg,#2f2c65,#171630 70%)}.map-head{display:flex;justify-content:space-between;align-items:start;position:relative;z-index:2}.map-head h2{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.06em;margin:0}.sound-toggle,.back{color:var(--ink);background:#ffffff12;border:1px solid #ffffff22;border-radius:999px;padding:10px 14px}.map-hint{color:#d9d2e9;margin:8px 0 0}.mission-map{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:950px;width:100%;margin:auto}.map-mission{position:relative;min-height:190px;padding:23px 13px;border:1px solid #ffffff22;border-radius:28px;color:var(--ink);background:#ffffff0a;text-align:left;transition:.25s}.map-mission:disabled{opacity:.34;cursor:not-allowed}.map-mission.open{background:linear-gradient(140deg,#4b4b9b,#2a2966);box-shadow:0 12px 35px #07072055}.map-mission.open:hover{transform:translateY(-5px);border-color:var(--gold)}.map-mission b{display:block;font-size:.7rem;color:var(--gold)}.map-icon{display:block;font-size:2.4rem;margin:22px 0 16px}.map-mission strong,.map-mission small{display:block}.map-mission small{margin-top:5px;color:#d6c8e1;font-size:.75rem}.map-path{position:absolute;top:51%;left:13%;right:13%;height:2px;border-top:2px dashed #f8d77a66;transform:rotate(-3deg)}.light-progress{align-self:center;position:relative;z-index:2;margin:0;color:var(--gold);font-size:.8rem;letter-spacing:.1em}.mission-scene{flex-direction:column;max-width:1000px;margin:auto;padding:clamp(18px,4vw,44px) clamp(16px,5vw,70px);background:#151631}.mission-top{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:12px}.mission-top>div{text-align:center}.mission-top span{color:var(--gold);font-size:.7rem;letter-spacing:.11em}.mission-top h2{margin:4px 0 0;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.05em}.mission-count{text-align:right!important;font-weight:800}.mission-dialogue{text-align:center;color:#ddd5e4;margin:14px 0 20px;font-size:.9rem}.mission-dialogue b{color:var(--gold);font-weight:600}.mission-world{position:relative;flex:1;min-height:390px;overflow:hidden;border:1px solid #ffffff1a;border-radius:28px;touch-action:none}.mission-instruction{text-align:center;color:#c5bdd1;font-size:.85rem;margin:16px 0 0}.mission-instruction b{color:#fff0b3}.whale-world{background:linear-gradient(#1c285d,#433778 57%,#e2799b)}.whale-world:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,#fff2bf 0 2px,transparent 3px),radial-gradient(circle at 35% 33%,#fff2bf 0 2px,transparent 3px),radial-gradient(circle at 76% 16%,#fff2bf 0 3px,transparent 4px),radial-gradient(circle at 90% 43%,#fff2bf 0 2px,transparent 3px)}.whale{position:absolute;left:50%;bottom:12%;width:min(62vw,480px);height:160px;transform:translateX(-50%);border-radius:55% 48% 50% 38%;background:#899bd4;box-shadow:inset -28px -18px #626ab2,0 18px 40px #080a2b55}.whale:before{content:"";position:absolute;right:-82px;bottom:26px;border-style:solid;border-width:43px 0 43px 100px;border-color:transparent transparent transparent #899bd4}.whale-eye{position:absolute;left:23%;top:40%;height:10px;width:10px;border-radius:50%;background:#25224e}.whale-fin{position:absolute;left:36%;bottom:-38px;width:85px;height:70px;border-radius:0 0 100% 60%;background:#6571b8;transform:rotate(20deg)}.lantern{position:absolute;top:-37px;left:53%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#5e5988;color:#8785a6;font-size:2rem;transition:.4s}.lantern.lit{background:#ffe19a;color:#fff6d9;box-shadow:0 0 55px #ffd778bb}.player-orb,.star-piece{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff1b4;box-shadow:0 0 16px #fff2be;z-index:3}.player-orb{width:26px;height:26px;pointer-events:none;background:#e7faff;box-shadow:0 0 22px #92eaff}.star-piece{clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);cursor:pointer}.cloud{position:absolute;width:82px;height:35px;border-radius:99px;background:#25204b99;filter:blur(1px)}.jelly-world{background:linear-gradient(155deg,#ffb5cc,#ffcfd2 47%,#ead0f7)}.jelly-world:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff19 0 2px,transparent 2px 52px)}.mail-slots{position:absolute;left:7%;right:7%;bottom:10%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.slot{position:relative;display:grid;place-items:center;height:125px;border:4px dashed #fff9e8b0;border-radius:28px;color:#fff;font-size:2.5rem;box-shadow:inset 0 -10px #00000012}.slot small{display:block;font-size:.72rem}.slot.pink{background:#e66f9d}.slot.blue{background:#6f9adf}.slot.yellow{background:#e5ae56}.letter{position:absolute;top:12%;width:72px;height:62px;border:0;border-radius:17px;background:#fff8e7;color:#584663;font-weight:900;font-size:1.65rem;box-shadow:0 8px 18px #4c1d4955;touch-action:none;z-index:4}.letter.dragging{z-index:7;transform:scale(1.08)}.rooftop-world{background:linear-gradient(#23285d,#5c4679 57%,#e27f96)}.skyline{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(90deg,#2d2854 0 8%,transparent 8% 12%,#33275d 12% 26%,transparent 26% 29%,#262350 29% 49%,transparent 49% 52%,#36285e 52% 70%,transparent 70% 75%,#29214f 75%);clip-path:polygon(0 35%,8% 35%,8% 15%,16% 15%,16% 45%,27% 45%,27% 5%,39% 5%,39% 34%,55% 34%,55% 13%,67% 13%,67% 42%,82% 42%,82% 0,94% 0,94% 32%,100% 32%,100% 100%,0 100%)}.runner{position:absolute;left:15%;bottom:29%;font-size:5rem;color:#f5caac;filter:drop-shadow(0 4px 0 #29234d);transition:left .55s ease}.signal{position:absolute;right:22%;bottom:31%;width:58px;height:145px;border-radius:28px;background:#262445;border:5px solid #17152f;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.signal i{width:25px;height:25px;border-radius:50%;background:#4c496d}.signal i:first-child{background:#ef7383;box-shadow:0 0 12px #ed728488}.signal.green i:last-child{background:#84e6aa;box-shadow:0 0 16px #84e6aa}.roof-warning{position:absolute;top:11%;left:50%;transform:translateX(-50%);padding:9px 14px;border-radius:99px;background:#221838a8;color:#fff0c0;font-size:.8rem;white-space:nowrap;animation:pulse 1s infinite}.signal-button{align-self:center;min-width:220px;margin:17px 0 0;padding:13px 19px;border:0;border-radius:99px;background:#f7edda;color:#302644;font-weight:800}.signal-color{color:#ef7383}.signal-button.ready{background:#80e3a9}.ocean-world{background:linear-gradient(#2b769c,#2eafbd 45%,#1b526e)}.ocean-world:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#d6fff419 41% 43%,transparent 44% 57%,#d6fff419 58% 60%,transparent 61%);animation:water 4s linear infinite}.jar{position:absolute;inset:5% 14%;border:5px solid #c0fff389;border-radius:25% 25% 34% 34%;box-shadow:inset 0 0 45px #d9ffed33}.coral{position:absolute;right:24%;bottom:15%;font-size:5rem;color:#ffb5b0;text-shadow:0 0 15px #ffd4bb}.submarine{position:absolute;left:48%;top:45%;z-index:3;font-size:2.4rem;color:#ffdf7d;filter:drop-shadow(0 0 10px #fff2b3)}.fish{position:absolute;color:#fff3b9;font-size:1.7rem;text-shadow:0 0 10px #fff5bd;animation:fish 2s ease-in-out infinite alternate}.fish:after{content:'◁';font-size:.6em}.reward-scene{align-items:center;justify-content:center;background:radial-gradient(circle,#49468a,#181732 70%)}.reward-card{position:relative;width:min(450px,88vw);padding:50px 36px 36px;border-radius:28px;text-align:center;background:#fff9ec;color:#493b51;box-shadow:0 28px 70px #09051a77}.reward-card h2{font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.05em}.reward-card>p:not(.eyebrow){line-height:1.8;margin-bottom:25px}.reward-orbit{position:absolute;display:grid;place-items:center;width:310px;height:310px;border:1px dashed #ffe39c88;border-radius:50%;color:#fff1b7;font-size:2rem;animation:spin 14s linear infinite}.finale-scene{background:radial-gradient(circle at 50% 45%,#614a9b,#17142f 65%)}.finale-visual{position:relative;width:min(45vw,460px);height:min(60vw,550px);overflow:hidden;border-radius:50% 50% 35% 35%;background:#171638}.door-glow{position:absolute;left:28%;bottom:-5%;width:45%;height:80%;background:linear-gradient(#fff5bc,#f1b5c6 75%,transparent);filter:blur(16px);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.cat-return{left:45%;bottom:25%;transform:scale(1.1)}.child-return{left:21%;bottom:13%;transform:scale(.76)}.light-shards{position:absolute;top:15%;left:23%;font-size:2rem;color:#fff2ba;word-spacing:2rem;animation:float 3s ease-in-out infinite}.finale-card{background:#241f47de}.ending-scene{align-items:center;justify-content:center;flex-direction:column;gap:26px;background:#292451}.ending-room{position:relative;width:min(610px,90vw);height:min(45vh,350px);border-radius:38px;overflow:hidden;background:linear-gradient(#29265b 0 66%,#68435e 66%)}.ending-room .moon{right:12%;top:7%}.child-ending{left:34%;bottom:10%;transform:scale(.73);transform-origin:bottom}.cat-ending{left:53%;bottom:20%;transform:scale(.85)}.sparkles{position:absolute;top:22%;left:18%;color:#fff3be;font-size:1.5rem;letter-spacing:1rem}.ending-copy{text-align:center}.ending-copy h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:0;letter-spacing:-.06em}.ending-copy p{color:#e2dbe6}.home-link{display:block;margin-top:18px;color:#f4d985;font-size:.8rem}@keyframes twinkle{to{transform:scale(.35);opacity:.25}}@keyframes dark-pulse{to{transform:scale(1.18);opacity:.7}}@keyframes pulse{50%{transform:translateX(-50%) scale(1.06);box-shadow:0 0 18px #ffe38877}}@keyframes water{to{background-position:160px 0}}@keyframes fish{to{transform:translateX(15px) translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:700px){.story-scene{flex-direction:column;gap:20px;padding:24px}.story-illustration{width:min(84vw,430px);height:310px}.dialogue-card{padding:25px}.mission-map{grid-template-columns:repeat(2,1fr);margin:auto 0}.map-mission{min-height:145px}.map-icon{margin:12px 0}.map-path{display:none}.mission-top{grid-template-columns:auto 1fr auto}.mission-top h2{font-size:1.2rem}.mission-top .back{font-size:0;padding:11px}.mission-top .back:first-letter{font-size:1rem}.mission-world{min-height:360px}.mail-slots{gap:7px;left:4%;right:4%}.slot{height:105px;font-size:2rem}.finale-scene{flex-direction:column;padding:28px;gap:20px}.finale-visual{width:min(82vw,420px);height:300px}.title-copy{margin-top:-10vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}