*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060713;color:#fff;font-family:Georgia,'Times New Roman',serif}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.screen,#story{position:fixed;inset:0}.gate{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#30204f 0,#111127 45%,#05050d 100%);overflow:hidden}.stars,.ambient-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,245,205,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(198,184,255,.65) 0 1px,transparent 1.4px);background-size:97px 91px,157px 143px;animation:stars 8s ease-in-out infinite alternate}.gate:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,transparent 0 24%,rgba(0,0,0,.35) 80%)}.mist{position:absolute;width:70vw;height:20vh;border-radius:50%;filter:blur(28px);opacity:.18}.mist-a{bottom:8%;left:-10%;background:#d79dff}.mist-b{top:10%;right:-20%;background:#8cc9ff}.gate-art{position:absolute;inset:0;pointer-events:none}.gate-door{position:absolute;left:50%;bottom:-3%;transform:translateX(-50%);width:min(48vw,430px);height:58vh;border-radius:220px 220px 0 0;border:1px solid #e4c7ff55;background:linear-gradient(90deg,#0b0b19,#2a1740,#0b0b19);box-shadow:0 -10px 80px #bd79ff30,inset 0 0 70px #000;display:grid;place-items:center}.gate-door:before,.gate-door:after{content:"";position:absolute;inset:5%;border:1px solid #ffd99022;border-radius:190px 190px 0 0}.gate-door span{font-size:34px;color:#ffe7a2;text-shadow:0 0 35px #ffd77d;animation:glow 2.5s infinite alternate}.gate-lamp{position:absolute;width:16px;height:28px;background:#ffd47b;border-radius:7px;box-shadow:0 0 45px 14px #ffd47b55}.l1{left:23%;top:34%}.l2{right:23%;top:30%}.gate-card{position:relative;z-index:3;text-align:center;width:min(92%,610px);padding:44px 30px 36px;background:linear-gradient(180deg,rgba(20,15,38,.83),rgba(8,8,20,.78));border:1px solid #e6c99c44;border-radius:30px;backdrop-filter:blur(10px);box-shadow:0 30px 100px #0008}.eyebrow{letter-spacing:4px;font-size:12px;color:#f2d6a2;margin:0 0 13px}.gate-card h1{font-size:clamp(45px,9vw,78px);margin:0;text-shadow:0 0 30px #d3a7ff33}.gate-card h1 i{font-size:.55em;color:#f6d998;font-weight:normal}.lead{font-size:19px;line-height:1.7;color:#e7dfef}.lead span{color:#cfc2e7;font-size:15px}.secret-input{position:relative;width:180px;margin:22px auto 13px}.secret-input input{width:100%;padding:12px 38px 12px 16px;text-align:center;border-radius:14px;border:1px solid #d9b8ff66;background:#080714;color:#fff;font-size:25px;letter-spacing:9px;outline:none}.secret-input span{position:absolute;right:12px;top:12px;color:#f6d998}.gold-btn{border:1px solid #f4d59b88;color:#fff;background:linear-gradient(135deg,#422a62,#20163d);padding:13px 22px;border-radius:999px;box-shadow:0 12px 35px #0006,0 0 0 1px #fff0 inset;transition:transform .25s,box-shadow .25s,background .25s}.gold-btn:hover{transform:translateY(-3px);box-shadow:0 17px 40px #0008,0 0 28px #d5a9ff20}.gold-btn b{color:#f6d998;margin-left:8px}.gate-card small{display:block;height:18px;margin-top:10px;color:#ffafc2}#story{background:radial-gradient(circle at 50% 20%,#292257 0,#0d0d22 52%,#05050d 100%)}.aurora{position:absolute;inset:-30% -20%;background:radial-gradient(ellipse at 20% 30%,#8d61ff22,transparent 30%),radial-gradient(ellipse at 80% 20%,#ff86b722,transparent 28%),radial-gradient(ellipse at 50% 80%,#5ad0ff12,transparent 35%);filter:blur(15px);animation:aurora 16s ease-in-out infinite alternate}.moon{position:absolute;right:8%;top:8%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9dc,#eacb9b 62%,#aa8b74);box-shadow:0 0 60px #ffe8b766;opacity:.9}.moon:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#d1b59a66;left:35px;top:25px;box-shadow:32px 25px 0 4px #d1b59a44,15px 57px 0 2px #d1b59a44}.cloud{position:absolute;width:240px;height:45px;border-radius:50%;background:#9d8fbd0b;filter:blur(10px);animation:cloud 28s linear infinite}.cloud1{top:24%;left:-20%}.cloud2{top:67%;left:-30%;animation-duration:38s}.petals{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.petals:before,.petals:after{content:"";position:absolute;top:-50px;width:9px;height:14px;border-radius:80% 15% 80% 15%;background:#f0a8c5;box-shadow:130px 140px #f6c0d4,310px 80px #d98cab,560px 260px #f0b5cf,760px 40px #e4a5c3,940px 330px #f3c5d9;animation:petalFall 12s linear infinite}.petals:after{left:35%;animation-delay:-5s;animation-duration:16s}.fireflies{position:absolute;inset:0;z-index:7;pointer-events:none}.fireflies:before{content:"";position:absolute;left:10%;top:34%;width:5px;height:5px;border-radius:50%;background:#ffe69b;box-shadow:120px 80px 0 1px #ffe69b,310px 20px #ffe69b,540px 170px #ffe69b,760px 40px #ffe69b,920px 240px #ffe69b;filter:drop-shadow(0 0 8px #ffe69b);animation:firefly 4s infinite alternate}.dots{position:absolute;z-index:20;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dots i{width:6px;height:6px;border-radius:50%;background:#ffffff44}.dots i.active{background:#f6d998;box-shadow:0 0 12px #f6d998}.scene{position:absolute;inset:0;display:none;overflow:hidden}.scene.active{display:block;animation:sceneIn .85s cubic-bezier(.2,.7,.2,1)}.copy{position:absolute;z-index:10;left:50%;top:52%;transform:translate(-50%,-50%);width:min(92%,900px);text-align:center}.copy h2{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:0 0 18px;text-shadow:0 8px 30px #0009}.copy h2 em{font-weight:normal;color:#f4d9aa}.copy>p:not(.eyebrow){font-size:clamp(16px,2.1vw,21px);line-height:1.7;color:#e8e1ef}.copy strong{color:#f6d998;font-weight:normal}.copy>.gold-btn{margin-top:20px}.art{position:absolute;inset:0;overflow:hidden}.art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#07071455 62%,#05050dcc 100%)}.art-opening{background:linear-gradient(#141a42,#503c77 46%,#e5a98d 75%,#151225 100%)}.mountains{position:absolute;left:-5%;right:-5%;bottom:23%;height:43%;background:linear-gradient(140deg,#15162d 15%,#28234a 50%,#4a3156);clip-path:polygon(0 70%,15% 38%,27% 65%,42% 18%,57% 62%,73% 27%,88% 60%,100% 34%,100% 100%,0 100%);opacity:.95}.castle{position:absolute;left:50%;bottom:33%;transform:translateX(-50%);width:190px;height:150px;background:linear-gradient(#3b315c,#1a1832);border:1px solid #f0cf9b44;box-shadow:0 0 40px #f6c77722}.castle:before{content:"";position:absolute;left:-25px;top:-65px;width:70px;height:120px;background:linear-gradient(#463968,#1a1832);clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%)}.castle:after{content:"";position:absolute;right:-25px;top:-85px;width:70px;height:140px;background:linear-gradient(#4a396c,#1a1832);clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%)}.path{position:absolute;left:50%;bottom:-5%;transform:translateX(-50%);width:38%;height:48%;background:linear-gradient(90deg,#5c4869,#d6a08d,#5c4869);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(1px)}.silhouette{position:absolute;bottom:18%;left:50%;width:28px;height:70px;border-radius:20px 20px 8px 8px;background:#161326;box-shadow:80px 0 #161326;transform:translateX(-50%)}.art-village{background:linear-gradient(#20224d 0,#5a4a7a 48%,#d99b87 74%,#0d1024 100%)}.village-hill{position:absolute;inset:45% -10% 0;background:linear-gradient(#242448,#0a0d20);clip-path:ellipse(70% 55% at 50% 100%)}.houses{position:absolute;left:8%;right:8%;bottom:25%;height:30%}.houses i{position:absolute;bottom:0;width:110px;height:75px;background:linear-gradient(#5d4260,#201b35);border:1px solid #f6d99822}.houses i:before{content:"";position:absolute;left:-13px;top:-32px;border-left:68px solid transparent;border-right:68px solid transparent;border-bottom:40px solid #2d2344}.houses i:after{content:"";position:absolute;width:12px;height:17px;background:#f6d998;left:48px;top:30px;box-shadow:0 0 16px #f6d998}.houses i:nth-child(1){left:2%;transform:scale(.7)}.houses i:nth-child(2){left:22%;transform:scale(.95)}.houses i:nth-child(3){left:43%;bottom:8%;transform:scale(1.25)}.houses i:nth-child(4){left:68%;transform:scale(.9)}.houses i:nth-child(5){right:2%;transform:scale(.65)}.bridge{position:absolute;left:50%;bottom:17%;width:42%;height:80px;transform:translateX(-50%);border-bottom:10px solid #7e5260;border-radius:0 0 50% 50%}.water{position:absolute;bottom:0;left:0;right:0;height:28%;background:linear-gradient(#171a38,#070a19);opacity:.9}.art-stars{background:radial-gradient(circle at 50% 10%,#343b72,#10152e 50%,#050711 100%)}#starfield{position:absolute;inset:10% 8% 22%;z-index:3}.star{position:absolute;width:30px;height:30px;color:#ffe6a0;text-shadow:0 0 18px #ffd36b;font-size:30px;animation:starPulse 1.8s ease-in-out infinite alternate;cursor:pointer;transition:.25s}.star:hover{transform:scale(1.5)}.star.hit{transform:scale(2);opacity:0}.lake{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(#171a38,#070914)}.girl-star{position:absolute;bottom:18%;left:50%;width:12px;height:70px;background:#0a0a15;box-shadow:0 0 30px #c0a2ff33}.girl-star:before{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background:#121020;left:-6px;top:-17px}.star-count{margin:12px 0 8px;font-size:34px;color:#f6d998}.star-count i{font-style:normal;font-size:18px;color:#aaa0ba}.locked{opacity:.45;pointer-events:none}.ready{opacity:1!important;pointer-events:auto!important}.art-cards{background:linear-gradient(120deg,#100d22,#30204a 48%,#100d22)}.library-glow{position:absolute;left:50%;top:25%;width:55%;height:55%;transform:translateX(-50%);background:radial-gradient(circle,#f2bd7c22,transparent 62%);filter:blur(8px)}.book-stack{position:absolute;bottom:18%;left:50%;transform:translateX(-50%) rotate(-3deg);width:270px;height:38px;background:#5d3c55;box-shadow:0 -25px #76516c,0 -50px #3d315b;border-radius:6px}.card-table{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);width:70%;height:20%;background:linear-gradient(#37243c,#1a1224);border-radius:50%}.cards{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:15px auto 12px}.flip{width:200px;min-height:165px;padding:20px;border:1px solid #f1d09b55;border-radius:18px;background:linear-gradient(145deg,#3a2346,#171126);color:#fff;box-shadow:0 15px 35px #0007;transition:.4s;position:relative}.flip:before{content:"";position:absolute;inset:8px;border:1px solid #f6d99818;border-radius:12px}.flip span{display:block;color:#f6d998;letter-spacing:3px;font-size:12px}.flip b{display:block;margin:22px 0 0;font-size:17px}.flip em{display:none;font-style:normal;line-height:1.5;color:#f3e7dc}.flip.open{transform:translateY(-8px);background:linear-gradient(145deg,#5a3659,#201534)}.flip.open b{display:none}.flip.open em{display:block;margin-top:22px}.art-dragon{background:linear-gradient(#17183a 0,#4b345b 53%,#120d1d 100%)}.castle-gate{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:55%;height:72%;border:18px solid #2b2039;border-bottom:0;border-radius:180px 180px 0 0;box-shadow:inset 0 0 40px #000,0 0 50px #e1a66a14}.dragon{position:absolute;left:50%;bottom:21%;width:180px;height:160px;transform:translateX(-50%);animation:dragonFloat 3s ease-in-out infinite}.dragon-body{position:absolute;bottom:0;left:38px;width:105px;height:100px;border-radius:50% 50% 45% 45%;background:linear-gradient(135deg,#7a5a91,#2e234d);box-shadow:inset -15px -10px 0 #1f1735}.dragon-head{position:absolute;top:5px;left:48px;width:88px;height:70px;border-radius:48% 55% 45% 42%;background:linear-gradient(135deg,#9c7aac,#3a2854)}.horn{position:absolute;top:-20px;width:20px;height:35px;background:#e8c894;clip-path:polygon(50% 0,100% 100%,0 100%)}.h1{left:58px}.h2{left:107px}.wing{position:absolute;top:60px;width:70px;height:70px;background:#6d4a79;border:1px solid #e7c69555}.d1{left:5px;transform:skewY(-25deg) rotate(-18deg);clip-path:polygon(100% 20%,20% 0,0 100%,75% 80%)}.d2{right:5px;transform:scaleX(-1) skewY(-25deg) rotate(-18deg);clip-path:polygon(100% 20%,20% 0,0 100%,75% 80%)}.eye{position:absolute;top:32px;width:12px;height:12px;border-radius:50%;background:#ffe8a0;box-shadow:0 0 10px #ffe8a0}.e1{left:70px}.e2{left:105px}.nose{position:absolute;top:57px;left:90px;width:9px;height:5px;border-radius:50%;background:#2b1c40}.smoke{position:absolute;left:86px;top:78px;width:8px;height:8px;border-radius:50%;background:#d5c6dd55;box-shadow:14px -12px 0 3px #d5c6dd33;animation:smoke 2.2s infinite}.art-garden{background:radial-gradient(circle at 50% 42%,#70516c,#1a1833 56%,#060713 100%)}.garden-arch{position:absolute;left:50%;top:5%;transform:translateX(-50%);width:58%;height:78%;border:12px solid #4e344d;border-bottom:0;border-radius:240px 240px 0 0;box-shadow:0 0 70px #d58e9f16}.garden-arch:before,.garden-arch:after{content:"";position:absolute;width:16px;height:100px;background:#8e5a72;border-radius:50%;transform:rotate(30deg);box-shadow:30px 40px #8e5a72,-24px 80px #8e5a72}.garden-arch:before{left:-25px;top:20px}.garden-arch:after{right:-25px;top:100px;transform:scaleX(-1) rotate(30deg)}.fountain{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);width:180px;height:90px;border-radius:50% 50% 12px 12px;background:linear-gradient(#9b7391,#332344);box-shadow:0 0 30px #f2b9c544}.fountain:before{content:"";position:absolute;left:75px;top:-55px;width:30px;height:65px;border-radius:50%;background:linear-gradient(#9d7fbd,#3e315a)}.fountain:after{content:"";position:absolute;left:89px;top:-85px;width:4px;height:55px;background:#bce3ff;box-shadow:0 0 15px #bce3ff}.rose-orb{position:absolute;left:50%;top:31%;transform:translateX(-50%);width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#ffdca4 0 7%,#ff9ec0 8% 24%,#b85884 25% 38%,transparent 40%);box-shadow:0 0 45px #ffb0c866;display:grid;place-items:center}.rose-orb span{color:#fff0c7;font-size:20px;animation:glow 2s infinite alternate}.final{background:radial-gradient(circle at 50% 30%,#332459,#111329 60%,#05050d)}.final-sky{position:absolute;inset:0}.heart-stars{position:absolute;left:50%;top:14%;transform:translateX(-50%);font-size:30px;letter-spacing:20px;color:#ffe5a1;text-shadow:0 0 20px #ffd76e;animation:heartFloat 3s infinite}.final-castle{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:260px;height:170px;background:linear-gradient(#43315c,#181329);clip-path:polygon(20% 45%,20% 0,35% 25%,42% 8%,50% 30%,58% 8%,65% 25%,80% 0,80% 45%,100% 45%,100% 100%,0 100%,0 45%);box-shadow:0 0 60px #dca4c933}.final-copy{top:53%}.final-copy h2{font-size:clamp(42px,8vw,84px);letter-spacing:3px}.final-copy h2 span{color:#f6d998}.final-copy h3{font-size:clamp(23px,4vw,38px);font-weight:normal;color:#f0e5f2}.to-be{font-size:18px;letter-spacing:8px;color:#f6d998;margin:18px 0;text-shadow:0 0 25px #f6d99866}.small{font-size:14px!important;max-width:580px;margin:auto!important;color:#c6bfd0!important}.future-note{width:min(92%,520px);margin:20px auto 0;padding:15px;border:1px solid #f4d59b33;border-radius:18px;background:#120e24aa;backdrop-filter:blur(8px)}.future-note label{display:block;font-size:12px;letter-spacing:2px;color:#f6d998;margin-bottom:9px}.future-note textarea{width:100%;height:60px;resize:none;border:1px solid #fff1;border-radius:10px;background:#080713;color:#fff;padding:10px;outline:none}.future-note button{margin-top:9px;padding:10px 16px;font-size:13px}.future-note #noteSaved{font-size:12px;color:#f6d998;margin-top:8px;min-height:16px}.guide{position:absolute;z-index:18;width:52px;height:40px;left:10%;top:56%;filter:drop-shadow(0 0 10px #e2c1ff);pointer-events:none;animation:guidePath 9s ease-in-out infinite}.guide .wing{position:absolute;top:4px;width:22px;height:27px;border:1px solid #f6d99899;background:linear-gradient(135deg,#e8b7ff99,#8c70d699);border-radius:75% 20% 65% 25%;animation:wing 1.1s ease-in-out infinite}.guide .left{left:3px;transform-origin:right bottom}.guide .right{right:3px;transform:scaleX(-1);transform-origin:left bottom}.guide .body{position:absolute;left:23px;top:12px;width:7px;height:20px;border-radius:8px;background:#3b2449;z-index:2}.guide .antenna{position:absolute;width:16px;height:12px;border-top:1px solid #f6d998;top:2px}.guide .a{left:20px;transform:rotate(-30deg)}.guide .b{left:26px;transform:scaleX(-1) rotate(-30deg)}@keyframes stars{to{opacity:.35;transform:scale(1.015)}}@keyframes aurora{to{transform:translate3d(3%,2%,0) scale(1.05)}}@keyframes cloud{to{transform:translateX(140vw)}}@keyframes petalFall{to{transform:translate3d(40vw,110vh,0) rotate(330deg)}}@keyframes firefly{50%{opacity:.25;transform:translate(20px,-12px)}100%{opacity:.9;transform:translate(-15px,15px)}}@keyframes sceneIn{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}@keyframes starPulse{to{transform:scale(1.28);text-shadow:0 0 30px #ffe6a0}}@keyframes dragonFloat{50%{transform:translate(-50%,-10px) rotate(1deg)}}@keyframes smoke{to{transform:translate(22px,-35px) scale(1.8);opacity:0}}@keyframes glow{to{text-shadow:0 0 30px #ffe6a0}}@keyframes guidePath{0%,100%{left:9%;top:55%}28%{left:74%;top:29%}55%{left:84%;top:65%}78%{left:45%;top:18%}}@keyframes wing{50%{transform:rotate(-22deg) scaleY(.55)} }@keyframes heartFloat{50%{transform:translate(-50%,-10px)}}@media(max-width:700px){.moon{width:75px;height:75px;right:7%;top:7%}.gate-door{width:78vw;height:48vh}.gate-card{padding:30px 18px}.copy{top:52%;width:94%}.copy h2{font-size:clamp(34px,10vw,54px)}.copy>p:not(.eyebrow){font-size:16px}.houses i{width:70px;height:52px}.houses i:before{left:-8px;border-left-width:43px;border-right-width:43px;border-bottom-width:28px}.houses i:after{left:30px;top:20px}.cards{gap:9px}.flip{width:29%;min-width:100px;min-height:145px;padding:13px 9px}.flip b{font-size:14px}.flip em{font-size:13px}.discover{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.discover button{font-size:12px;padding:10px 11px}.castle-gate{width:82%}.final-castle{width:200px;height:130px}.future-note{margin-top:14px}.guide{transform:scale(.8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}