*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:#6d3150;background:#fff0f7}body{overflow-x:hidden}.world-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 50% 5%,#fff,#ffe5f0 42%,#f5bfd6 100%)}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.95) 1px,transparent 1.7px);background-size:82px 82px;opacity:.7}.cloud{position:absolute;width:45vw;height:14vw;background:rgba(255,255,255,.45);filter:blur(25px);border-radius:50%}.c1{left:-10%;top:18%}.c2{right:-12%;top:45%}.screen{display:none;min-height:100svh;padding:22px;align-items:center;justify-content:center}.screen.active{display:flex;animation:in .8s ease both}@keyframes in{from{opacity:0;transform:scale(.97) translateY(18px)}to{opacity:1;transform:none}}button,input{font:inherit}.main-btn{border:0;border-radius:999px;padding:14px 24px;background:linear-gradient(135deg,#d9568a,#b63269);color:white;font-weight:800;cursor:pointer;box-shadow:0 14px 32px rgba(174,48,100,.24);transition:.2s}.main-btn:hover{transform:translateY(-2px)}.hidden{display:none!important}

/* entrance */
.intro-panel{width:min(550px,100%);padding:48px 32px;text-align:center;border:1px solid rgba(255,255,255,.9);border-radius:38px;background:rgba(255,255,255,.74);backdrop-filter:blur(18px);box-shadow:0 35px 100px rgba(128,43,81,.2);position:relative}.intro-panel small,.room-copy small,.final-copy small,.scene-content small,.world-shell header small{font-size:10px;letter-spacing:.25em;font-weight:900;color:#c04e78}.intro-panel h1,.final-copy h1{font:400 48px Pacifico;color:#b63168;margin:20px 0 10px}.intro-panel p{line-height:1.8;color:#8c6072}.intro-orb{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#ffd8e7 40%,transparent 70%);filter:blur(1px);animation:pulse 4s infinite}.intro-orb span{display:grid;place-items:center;height:100%;font-size:58px;color:#d14d80;text-shadow:0 0 30px #fff}.lock-row{display:flex;max-width:330px;margin:25px auto 13px;background:#fff8fb;border:1px solid #efbfd1;border-radius:18px;overflow:hidden}.lock-row input{width:100%;border:0;background:none;outline:0;text-align:center;padding:15px;font-size:20px;letter-spacing:.35em;color:#ad3263}.lock-row button{border:0;background:none;color:#bd4d78;padding:0 15px}.err{height:20px;font-size:12px;color:#c73e68;margin-top:12px}

/* clock */
.clock-room{width:min(1050px,100%);min-height:88svh;border-radius:38px;overflow:hidden;position:relative;background:linear-gradient(160deg,#fff8fc 0%,#ffdce9 54%,#efb6cf 100%);box-shadow:0 35px 100px rgba(112,35,73,.18);display:flex;align-items:flex-end;padding:8%;isolation:isolate}.ceiling-glow{position:absolute;width:65%;height:65%;right:-15%;top:-25%;border-radius:50%;background:#fff;filter:blur(30px);opacity:.8}.window{position:absolute;right:12%;top:9%;width:220px;height:350px;border:13px solid rgba(255,255,255,.75);border-bottom:0;border-radius:120px 120px 0 0;background:linear-gradient(#ffcddd,#ffeaf3 48%,#eab0cd);box-shadow:0 0 70px #fff}.window span{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 32%,#fff 0 6%,transparent 7%)}.clock{position:absolute;left:11%;top:12%;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.82);border:9px solid #f3c4d6;box-shadow:0 20px 50px rgba(140,49,86,.14)}.clock b{position:absolute;inset:0;display:grid;place-items:center;color:#c04d77}.hand{position:absolute;left:50%;bottom:50%;width:4px;background:#a33a65;transform-origin:bottom;border-radius:4px}.h1{height:62px;transform:rotate(0deg)}.h2{height:45px;transform:rotate(90deg)}.room-copy{position:relative;z-index:2;max-width:570px}.room-copy h2{font:400 42px Pacifico;line-height:1.3;color:#a93263;margin:14px 0}.room-copy p{font-size:17px;line-height:1.7;max-width:470px}

/* world */
.world-shell{width:min(1180px,100%)}.world-shell header{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:0 8px 15px}.world-shell h2{margin:7px 0 0;font:400 31px Pacifico;color:#a93263}.progress{font-size:12px;background:#fff8fb;border:1px solid #f0bfd1;padding:9px 13px;border-radius:999px}.sky-world{height:min(650px,72svh);min-height:530px;border-radius:38px;position:relative;overflow:hidden;background:linear-gradient(#ffd7e7 0%,#ffeaf3 43%,#f5c5dc 44%,#dfabc9 100%);box-shadow:0 35px 90px rgba(124,44,82,.2);isolation:isolate}.sky-world:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,#fff 0 2%,transparent 12%),radial-gradient(circle at 20% 25%,rgba(255,255,255,.8) 0 1%,transparent 7%);opacity:.8}.moon{position:absolute;right:12%;top:9%;width:115px;height:115px;border-radius:50%;background:#fff7fb;box-shadow:0 0 80px #fff}.mountains{position:absolute;bottom:28%;left:-5%;width:110%;height:45%;background:linear-gradient(145deg,transparent 30%,#d79bc0 30% 52%,transparent 52%),linear-gradient(30deg,transparent 35%,#c98fb8 35% 55%,transparent 55%);clip-path:polygon(0 70%,16% 30%,30% 62%,48% 15%,64% 57%,80% 25%,100% 68%,100% 100%,0 100%);opacity:.75}.island{position:absolute;bottom:0;left:8%;width:84%;height:36%;background:linear-gradient(#a96d91,#875270);border-radius:50% 50% 0 0/35% 35% 0 0;box-shadow:0 -25px 60px rgba(255,255,255,.18)}.path-line{position:absolute;left:18%;right:18%;bottom:17%;height:4px;background:rgba(255,255,255,.35);border-radius:9px}.place{position:absolute;z-index:3;border:0;background:none;color:#743252;cursor:pointer;display:grid;place-items:center;gap:7px}.place i{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:30px;background:rgba(255,247,251,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 15px 35px rgba(79,24,55,.18);transition:.25s}.place:hover i{transform:translateY(-8px) scale(1.08);box-shadow:0 25px 45px rgba(79,24,55,.22)}.place span{font-size:12px;font-weight:800;background:rgba(255,255,255,.72);padding:6px 10px;border-radius:999px;white-space:nowrap}.rose{left:14%;bottom:26%}.lake{left:36%;bottom:9%}.music{left:53%;bottom:25%}.library{right:14%;bottom:30%}.observatory{right:34%;bottom:11%}.theater{right:5%;bottom:8%}.world-whisper{text-align:center;color:#8f6476;font-size:13px;margin:13px 0}

/* modal scenes */
.scene-modal{position:fixed;inset:0;background:rgba(73,25,51,.42);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.scene-modal.open{display:flex;animation:fade .35s ease}.scene-card{width:min(900px,100%);max-height:94svh;overflow:auto;border-radius:34px;background:#fff7fb;box-shadow:0 40px 120px rgba(57,15,38,.3);position:relative}.close{position:absolute;right:15px;top:15px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.8);z-index:5;font-size:28px;color:#8f3a61;cursor:pointer}.scene-art{height:300px;position:relative;overflow:hidden}.scene-art.rose-art{background:radial-gradient(circle at 50% 65%,#fff2f7 0 4%,transparent 5%),linear-gradient(#ffd6e5,#efb0cd 55%,#9f6a86)}.scene-art.lake-art{background:radial-gradient(circle at 75% 25%,#fff 0 4%,transparent 5%),linear-gradient(#c9b1e5,#8e8bc0 50%,#4f5c91)}.scene-art.music-art{background:radial-gradient(circle,#fff 0 3%,transparent 4%),linear-gradient(145deg,#e9b4cf,#8c4b78)}.scene-art.library-art{background:linear-gradient(90deg,#7e4b62 0 18%,#d6a0b6 18% 21%,#7e4b62 21% 39%,#d6a0b6 39% 42%,#7e4b62 42% 60%,#d6a0b6 60% 63%,#7e4b62 63%);}.scene-art.observatory-art{background:radial-gradient(circle at 50% 40%,#fff 0 2%,transparent 3%),linear-gradient(#443866,#171b3d)}.scene-art.theater-art{background:linear-gradient(90deg,#7c3157,#e2a1bb 50%,#7c3157)}.scene-art:after{content:"";position:absolute;inset:auto 8% 0;height:65%;background:rgba(255,255,255,.08);border-radius:50% 50% 0 0}.scene-content{padding:25px 30px 30px}.scene-content h2{font:400 34px Pacifico;color:#a83264;margin:7px 0 10px}.scene-content p{line-height:1.75;color:#805d6d}.task{padding:18px;background:#fff0f5;border:1px solid #f2c6d7;border-radius:22px;margin:18px 0}.petal-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.petal{border:0;background:white;border-radius:50%;width:58px;height:58px;font-size:27px;cursor:pointer;box-shadow:0 8px 20px rgba(110,30,64,.12)}.petal.found{transform:scale(0);opacity:0;transition:.35s}.lanterns{display:flex;justify-content:center;gap:14px}.lantern{border:0;background:#3e3a67;color:#ffe8a9;border-radius:50%;width:55px;height:65px;font-size:23px;cursor:pointer;box-shadow:0 0 25px rgba(255,218,140,.25)}.lantern.on{background:#ffda8c;color:#7c4b58;box-shadow:0 0 35px #ffd88b}.quiz-options{display:grid;gap:9px}.quiz-options button,.match{border:1px solid #ecc0d2;background:#fff;border-radius:14px;padding:12px;cursor:pointer;color:#793450;font-weight:700}.feedback{min-height:20px;color:#b63b69;font-size:13px;margin-top:9px}.book-line{text-align:center;font:400 23px Pacifico;color:#a83264;margin:15px 0}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.match{height:75px;font-size:25px}.match.open{background:#ffe1ec}.hunt{position:relative;height:190px;border-radius:18px;background:linear-gradient(#8c7db1,#53617d);overflow:hidden}.hunt-heart{position:absolute;border:0;background:none;font-size:28px;cursor:pointer;filter:drop-shadow(0 0 8px #fff);}.hunt-heart.found{display:none}

/* final */
.final-world{width:min(1000px,100%);min-height:88svh;border-radius:38px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff 0 4%,#ffdcea 22%,#e8aecb 55%,#8d567a 100%);box-shadow:0 35px 100px rgba(95,31,67,.22)}.gold-gate{position:absolute;width:360px;height:470px;border:14px solid #f6d58d;border-bottom:0;border-radius:190px 190px 0 0;top:8%;box-shadow:0 0 60px rgba(255,230,166,.8),inset 0 0 60px rgba(255,230,166,.35)}.gold-gate span{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:85px;color:#fff7dc;text-shadow:0 0 30px #fff}.final-copy{position:relative;z-index:2;text-align:center;max-width:620px;padding:45px 24px;margin-top:180px}.final-copy p{line-height:1.8;font-size:16px}.final-copy strong{display:block;margin:18px;font-family:Pacifico;font-weight:400;font-size:24px;color:#a83264}@keyframes pulse{50%{transform:scale(1.08);opacity:.8}}@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:700px){.screen{padding:12px}.intro-panel{padding:38px 20px}.intro-panel h1,.final-copy h1{font-size:40px}.clock-room{min-height:92svh;padding:9% 7%;align-items:flex-end}.clock{width:125px;height:125px;left:6%;top:7%}.h1{height:40px}.h2{height:31px}.window{width:130px;height:230px;right:6%;top:6%}.room-copy h2{font-size:31px}.sky-world{height:76svh;min-height:540px}.world-shell header{align-items:start;flex-direction:column}.place i{width:58px;height:58px;font-size:24px}.place span{font-size:9px}.rose{left:6%;bottom:27%}.lake{left:31%;bottom:8%}.music{left:50%;bottom:27%}.library{right:5%;bottom:31%}.observatory{right:29%;bottom:12%}.theater{right:1%;bottom:7%}.scene-art{height:210px}.scene-content{padding:22px 18px}.memory-grid{grid-template-columns:repeat(3,1fr)}.gold-gate{width:250px;height:350px}.final-copy{margin-top:150px}.final-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}