*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Georgia,"Times New Roman",serif;color:#713e58;background:#ffe9f2}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#ffdce9;overflow:hidden}.gate-bg{position:absolute;inset:-8%;background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 35%),url('assets/world.jpg') center/cover;filter:saturate(1.05) brightness(1.08);transform:scale(1.06)}.gate-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff3 0,#ffd6e866 60%,#f8aeca66)}.gate-card{position:relative;width:min(590px,92vw);padding:34px 30px 28px;text-align:center;background:rgba(255,249,252,.78);border:1px solid #fff;border-radius:34px;box-shadow:0 35px 90px #a8517528;backdrop-filter:blur(16px)}.tiny,.kicker{font:700 10px Arial,sans-serif;letter-spacing:3px;color:#b65f83}.gate h1{font-size:clamp(36px,7vw,62px);line-height:.95;margin:12px 0;color:#8b4666;font-weight:500}.gate h1 em{color:#d66f9b}.gate-card p{color:#986e82;margin:0 0 14px}.door-wrap{height:115px;display:grid;place-items:center}.door{position:relative;width:88px;height:112px;border-radius:50px 50px 12px 12px;background:linear-gradient(135deg,#ef9fbe,#d46f9d);box-shadow:inset 0 0 0 5px #fff5,0 20px 40px #9e4f702e;display:grid;place-items:center;color:#fff;font-size:28px;animation:doorFloat 3s ease-in-out infinite}.door-glass{position:absolute;inset:13px;border:2px solid #fff8;border-radius:38px 38px 8px 8px}.pass-row{display:flex;justify-content:center;gap:9px;margin-top:5px}.pass-row input{width:130px;border:1px solid #edb4ca;background:#fff;border-radius:14px;padding:11px;text-align:center;letter-spacing:7px;outline:none}.pass-row button,.cta{border:0;border-radius:15px;padding:12px 18px;background:#d8739d;color:#fff;box-shadow:0 12px 28px #d8739d33;font-weight:bold}.gate-card small{display:block;margin-top:9px;color:#c487a1}.gate-card #gateError{height:18px;margin-top:4px;color:#c74f7b;font:12px Arial}@keyframes doorFloat{50%{transform:translateY(-5px)}}
#app{height:100%;position:relative}.hidden{display:none}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.035);transition:opacity .55s ease,transform .9s cubic-bezier(.2,.8,.2,1);contain:paint layout}.scene.active{opacity:1;visibility:visible;transform:none}.scene-bg{position:absolute;inset:-3%;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.08) contrast(1.02);transform:scale(1.04)}.bg-world{background-image:url('assets/hero.jpg')}.bg-final{background-image:url('assets/final.jpg')}.bg-funfair{background-image:url('assets/funfair.jpg')}.bg-sweet{background-image:url('assets/sweet.jpg')}.bg-butterfly{background-image:url('assets/cloud.jpg')}.bg-rabbit{background-image:url('assets/rabbit.jpg')}.bg-atelier{background-image:url('assets/atelier.jpg')}.bg-mirror{background-image:url('assets/mirror.jpg')}.bg-message{background-image:url('assets/message.jpg')}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3c193111,#fff0 30%,#fff2 60%,#57213d55),radial-gradient(circle at 50% 40%,transparent 35%,#6c2c4c40 100%);pointer-events:none}.depth{position:absolute;inset:0;pointer-events:none}.haze{background:radial-gradient(circle at 18% 20%,#fff8 0 3%,transparent 16%),radial-gradient(circle at 85% 30%,#ffd8e988 0 4%,transparent 18%);mix-blend-mode:screen}.clouds{background:radial-gradient(ellipse at 20% 35%,#fff8 0 7%,transparent 18%),radial-gradient(ellipse at 78% 55%,#fff7 0 9%,transparent 22%);filter:blur(14px);animation:drift 13s ease-in-out infinite}.glow{background:radial-gradient(circle at 50% 55%,#fff8 0 9%,transparent 36%);mix-blend-mode:screen}.sugar{background:radial-gradient(circle at 25% 20%,#fff8 0 4%,transparent 14%),radial-gradient(circle at 75% 35%,#fff8 0 3%,transparent 15%)}.petals{background:linear-gradient(115deg,transparent 0 45%,#fff3 50%,transparent 55%);animation:shine 6s linear infinite}.content{position:relative;z-index:3;height:100%;padding:110px 8vw 95px;display:flex;flex-direction:column;justify-content:center;max-width:760px}.content.center{margin:auto;max-width:1000px;align-items:center;text-align:center}.arrival{justify-content:center}.content h2{font-size:clamp(46px,7vw,88px);line-height:.88;margin:14px 0;color:#fff;text-shadow:0 8px 35px #55223f66;font-weight:500}.content h2 i{color:#ffd6e8}.content p{font-size:18px;color:#fff;max-width:610px;text-shadow:0 2px 15px #4d1c3566}.cta{margin-top:20px;width:max-content}.cta span{margin-left:8px}.scroll-note{position:absolute;z-index:4;bottom:92px;left:50%;transform:translateX(-50%);font:10px Arial;letter-spacing:2px;color:#fff;background:#6c2b4d55;padding:9px 15px;border:1px solid #fff5;border-radius:20px;white-space:nowrap}
header{position:fixed;z-index:12;top:0;left:0;right:0;height:62px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#fff8;border-bottom:1px solid #fff7;backdrop-filter:blur(14px)}.logo,.chapter,#music{font:700 10px Arial;letter-spacing:2px;color:#9e5575}.logo b{font-size:17px}.chapter{color:#c27b98}#music{border:0;background:#fff8;width:34px;height:34px;border-radius:50%}
nav{position:fixed;z-index:15;bottom:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 10px;background:#fff9;border:1px solid #fff;border-radius:30px;box-shadow:0 15px 40px #6f2d4928;backdrop-filter:blur(14px)}nav>button{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#a75b79}#dots{display:flex;gap:6px}#dots button{width:7px;height:7px;border:0;border-radius:10px;background:#d49ab2;padding:0}#dots button.on{width:22px;background:#bf6489}.hud{margin-top:14px;padding:8px 14px;border-radius:18px;background:#fff8;color:#8f506b;font:11px Arial;letter-spacing:2px;box-shadow:0 10px 25px #622a4322}.hud b{color:#d16491}
.game-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(900px,92vw);margin-top:34px}.game-doors button{min-height:175px;border-radius:28px;border:1px solid #fff;background:linear-gradient(145deg,#fffdfdca,#ffd5e9c7);box-shadow:0 22px 50px #682a482c;color:#7d4560;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.25s}.game-doors button:hover{transform:translateY(-9px) scale(1.02)}.game-doors span{font-size:55px}.game-doors b{font:700 15px Arial;letter-spacing:1px}.game-doors small{margin-top:5px;color:#a66f86}
.floating-stage,.butterfly-stage,.rabbit-stage{position:relative;width:min(820px,92vw);height:320px;margin-top:18px;border-radius:30px;border:1px solid #fff8;background:#fff2;box-shadow:inset 0 0 70px #fff4,0 25px 60px #6b2b4924;overflow:hidden}.cloud-heart,.trail-butterfly,.rabbit-stage button{position:absolute;background:none;border:0;filter:drop-shadow(0 10px 15px #63304a44);font-size:48px}.cloud-heart{animation:float 2.7s ease-in-out infinite}.trail-butterfly{font-size:44px;transition:.35s}.rabbit-stage button{font-size:50px;transition:.35s}@keyframes float{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes drift{50%{transform:translateX(25px) scale(1.04)}}@keyframes shine{to{transform:translateX(15%)}} 
.sweet-items{display:flex;gap:20px;margin-top:38px}.sweet-items button{width:120px;height:120px;border:1px solid #fff;border-radius:28px;background:#fff9;box-shadow:0 20px 45px #692d4825;font-size:52px;transition:.2s}.sweet-items button:hover{transform:translateY(-8px) rotate(-2deg)}.word{margin-top:24px;font:700 28px Arial;letter-spacing:12px;color:#fff;text-shadow:0 4px 15px #63243e}.paint-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:22px auto}.paint-tools button{padding:10px 14px;border-radius:15px;border:1px solid #fff;background:#fff9;color:#8c4b67;font:700 10px Arial}.painting{width:min(720px,92vw);height:180px;border-radius:24px;background:linear-gradient(#f6d7e9,#f7b7d1);border:8px solid #fff8;box-shadow:0 20px 50px #63284030;position:relative;overflow:hidden}.painting:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#fff9 0 4%,transparent 8%),radial-gradient(circle at 70% 35%,#ffd9ea 0 5%,transparent 10%)}#painted{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;font-size:55px}.mirror-puzzle{display:grid;grid-template-columns:repeat(2,120px);gap:8px;margin:28px auto 14px}.mirror-puzzle button{height:120px;border:3px solid #f3bfd4;border-radius:18px;background:linear-gradient(145deg,#fff,#f5c4da);font-size:75px;color:#d979a1;transition:.2s}.mirror-puzzle button.aligned{box-shadow:0 0 0 4px #fff,0 0 35px #f09bbb}.machine{margin-top:25px;width:300px;padding:22px;border-radius:30px;background:linear-gradient(145deg,#f7b5cf,#d976a1);box-shadow:0 25px 60px #6329433a}.machine-title{padding:20px;border-radius:20px;background:#fff0f6;font:700 20px Arial;letter-spacing:3px;color:#a65378}.slot{height:20px;border-radius:10px;background:#6b354d;margin:24px 30px}.machine button{border:0;border-radius:15px;padding:12px 17px;background:#fff;color:#b3577d}.letter{position:absolute;z-index:5;right:7%;top:30%;width:min(380px,82vw);padding:34px 30px;background:#fffdf7;box-shadow:0 30px 70px #5f2a4333;transform:rotate(2deg);text-align:left;color:#75465a;line-height:1.6}.seal{position:absolute;right:-17px;top:-17px;width:48px;height:48px;border-radius:50%;background:#d8749d;color:#fff;display:grid;place-items:center}.sign{text-align:right!important;color:#b85e83}.finale{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.finale h2{font-size:clamp(50px,7vw,90px);line-height:.88;color:#fff;text-shadow:0 8px 35px #5c274277;font-weight:500}.finale h2 i{color:#ffd9e9}.finale p{color:#fff;font-size:18px}.gift{border:0;background:none;font-size:100px;filter:drop-shadow(0 20px 30px #5a244444);transition:.5s}.gift:hover{transform:translateY(-8px) scale(1.05)}.gift-msg{padding:22px 28px;border-radius:24px;background:#fffdfbdf;box-shadow:0 20px 55px #5c264126;color:#81445e;line-height:1.6}.final-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,#fff8 0 8%,transparent 35%);z-index:2;animation:pulse 4s ease-in-out infinite}@keyframes pulse{50%{opacity:.65;transform:scale(1.05)}}
.modal{position:fixed;z-index:40;inset:0;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#4e1838aa;backdrop-filter:blur(8px)}.mini-scene{position:relative;z-index:2;width:min(900px,94vw);min-height:500px;border-radius:34px;overflow:hidden;background:linear-gradient(#ffdce9,#fff7fb);box-shadow:0 35px 100px #3e163155;border:1px solid #fff}.close{position:absolute;z-index:4;right:16px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#a75476;font-size:25px}.mini-inner{min-height:500px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 30%,#fff 0 4%,transparent 16%),linear-gradient(145deg,#ffd3e6,#fff4f9 60%,#f7b6d1)}.mini-inner h3{font-size:44px;margin:5px;color:#8b4866}.mini-inner p{color:#9c6b81}.mini-note{max-width:540px;padding:10px 15px;border-radius:16px;background:#fff9;color:#9a627c;font:12px Arial;margin:8px 0 16px}.play-area{position:relative;width:min(700px,88vw);height:270px;border-radius:25px;background:#ffffff55;border:1px solid #fff;overflow:hidden;box-shadow:inset 0 0 50px #fff5}.wheel{width:190px;height:190px;border-radius:50%;margin:15px auto;border:9px solid #fff;background:conic-gradient(#f39bbd 0 60deg,#ffd6e5 60deg 120deg,#e9a5ca 120deg 180deg,#fff0f6 180deg 240deg,#f39bbd 240deg 300deg,#ffd6e5 300deg);display:grid;place-items:center;font-size:35px;transition:transform 1.4s cubic-bezier(.12,.78,.14,1)}.mini-action{border:0;border-radius:15px;padding:12px 18px;background:#d8739d;color:#fff;font-weight:bold}.prize{margin-top:12px;font-size:20px;color:#a05073}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(620px,90vw);margin:15px auto}.card{height:105px;border:0;border-radius:16px;background:#f3a9c7;color:#fff;font-size:32px}.card.flipped{background:#fff;border:2px solid #eaa0bd;color:#b4597d}.balloons{position:absolute;inset:0}.pop-balloon{position:absolute;background:none;font-size:48px;transition:.15s}.pop-balloon:active{transform:scale(.5)}
#toast{position:fixed;z-index:60;left:50%;bottom:86px;transform:translate(-50%,20px);opacity:0;padding:12px 18px;background:#75405a;color:#fff;border-radius:18px;font:13px Arial;transition:.3s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;animation:spark 3s linear forwards}.petal{position:absolute;width:9px;height:15px;border-radius:80% 20% 80% 20%;background:#f6a9c8;opacity:.7;animation:petal 7s linear forwards}@keyframes spark{0%{transform:translateY(10px) scale(.4);opacity:0}15%{opacity:1}100%{transform:translateY(-100px) scale(1.2);opacity:0}}@keyframes petal{0%{transform:translate3d(0,-20px) rotate(0)}100%{transform:translate3d(90px,105vh) rotate(480deg);opacity:0}}

.scene-bg{will-change:transform;transform:scale(1.065) translate3d(calc(var(--mx,0)*1px),calc(var(--my,0)*1px),0);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.scene.active .scene-bg{transform:scale(1.065) translate3d(calc(var(--mx,0)*1px),calc(var(--my,0)*1px),0)}.scene:before{content:"";position:absolute;z-index:1;inset:-8%;background:radial-gradient(ellipse at 50% 100%,#fff5 0 15%,transparent 40%),linear-gradient(180deg,transparent 48%,#3b173030 100%);pointer-events:none;mix-blend-mode:soft-light}.scene.active .content{animation:contentIn .8s both}.scene.active .kicker{animation:fadeUp .65s .08s both}.scene.active h2{animation:fadeUp .75s .15s both}.scene.active p{animation:fadeUp .75s .23s both}.scene.active .game-doors,.scene.active .floating-stage,.scene.active .sweet-items,.scene.active .paint-tools,.scene.active .mirror-puzzle,.scene.active .machine{animation:fadeUp .8s .3s both}@keyframes contentIn{from{opacity:.25}to{opacity:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:700px){header{height:55px}.logo{font-size:8px}.chapter{font-size:8px}.scene{padding-bottom:75px}.content{padding:80px 18px 80px}.content h2{font-size:48px}.content p{font-size:15px}.game-doors{grid-template-columns:1fr;gap:10px;margin-top:20px}.game-doors button{min-height:105px;display:grid;grid-template-columns:60px 1fr;text-align:left;padding:12px}.game-doors span{font-size:42px;grid-row:span 2}.floating-stage,.butterfly-stage,.rabbit-stage{height:250px}.sweet-items{gap:7px}.sweet-items button{width:72px;height:90px;font-size:35px}.pass-row{flex-direction:column;align-items:center}.pass-row button{width:100%}.gate-card{padding:28px 20px}.mirror-puzzle{grid-template-columns:repeat(2,95px)}.mirror-puzzle button{height:95px;font-size:60px}.letter{position:absolute;left:50%;right:auto;top:48%;transform:translateX(-50%) rotate(2deg)}.mini-scene{min-height:470px}.cards{grid-template-columns:repeat(3,1fr)}.card{height:90px}.scroll-note{font-size:8px;max-width:90%;text-align:center}.paint-tools{max-width:350px}.painting{height:145px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.gate.opening{opacity:0;transform:scale(1.055);transition:opacity .65s ease,transform .65s ease}
#gateForm{display:flex}
@media(max-width:700px){#gateForm{flex-direction:column;align-items:center}.pass-row input{width:100%;max-width:220px}}

/* Password gate reliability */
.gate-card{z-index:5;pointer-events:auto}.gate-bg,.gate-petal{pointer-events:none}.pass-row{position:relative;z-index:8;pointer-events:auto}.pass-row input{position:relative;z-index:9;pointer-events:auto;user-select:text;-webkit-user-select:text;touch-action:manipulation;color:#7d4660;-webkit-text-fill-color:#7d4660}.pass-row button{position:relative;z-index:9;pointer-events:auto;touch-action:manipulation}.pass-row input:focus{border-color:#d8739d;box-shadow:0 0 0 4px #d8739d22}.gate-card #gateError{position:relative;z-index:8}