*{box-sizing:border-box}html,body{margin:0;background:#050616;color:#fff;font-family:Georgia,serif;overflow:hidden}button,a{font:inherit}.scene{position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity 1.15s ease;overflow:hidden;background:#070817}.scene:before,.kenburns{content:"";position:absolute;inset:-4%;background-image:linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,.24)),var(--bg);background-size:cover;background-position:center;transform:scale(1.03)}.scene.active{opacity:1;pointer-events:auto}.scene.active .kenburns,.scene.active:before{animation:camera 10s ease-out forwards}@keyframes camera{to{transform:scale(1.10) translateY(-1%)}}.veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 68%,transparent 0 16%,rgba(2,4,20,.12) 58%,rgba(0,0,0,.4))}.hint{position:absolute;z-index:5;left:50%;top:12%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 12px #000;font-size:clamp(22px,6vw,34px);white-space:nowrap}.arrows{font-family:sans-serif;font-size:25px;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.18);opacity:.55}}#lamp{position:absolute;z-index:6;width:min(78vw,480px);left:50%;bottom:7%;transform:translateX(-50%);touch-action:none;user-select:none;filter:drop-shadow(0 0 8px rgba(255,188,47,.3));transition:filter .2s}.rub1{filter:drop-shadow(0 0 18px #ffc34d)!important}.rub2{filter:drop-shadow(0 0 34px #ffd96a) brightness(1.16)!important;animation:shake .12s infinite alternate}@keyframes shake{from{transform:translateX(-51%) rotate(-1deg)}to{transform:translateX(-49%) rotate(1deg)}}#magic{position:absolute;z-index:5;left:50%;bottom:24%;width:12px;height:12px;border-radius:50%;box-shadow:0 0 18px 8px #ffd56a;opacity:0}.magicOn{animation:magic 1s infinite}@keyframes magic{50%{opacity:1;transform:scale(3)}}.copy,.card,.final,.secret{position:absolute;z-index:4;left:8%;right:8%;text-align:center;text-shadow:0 2px 14px #000}.copy{top:18%}.card{top:45%;transform:translateY(-50%);padding:24px 18px;background:rgba(4,13,42,.47);border:1px solid rgba(239,192,93,.65);border-radius:22px;backdrop-filter:blur(4px)}.final{top:17%}.secret{top:36%;opacity:0;transition:opacity .8s}.revealed .secret{opacity:1}.copy h1{font-size:clamp(44px,13vw,76px);margin:10px}.copy p,.card p{font-size:20px;line-height:1.6}.card h2,.final h2,.secret h2{font-size:clamp(30px,8vw,48px);margin:12px 0;color:#ffe3a0}small{letter-spacing:3px;color:#ffe3a0}button,.buttons a{border:1px solid #eec66b;background:rgba(7,16,49,.72);color:#fff;padding:13px 20px;border-radius:999px;text-decoration:none;box-shadow:0 0 18px rgba(238,198,107,.25)}button{margin-top:18px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.dragHint{position:absolute;z-index:6;bottom:29%;left:0;right:0;text-align:center;text-shadow:0 2px 8px #000}#carpet{position:absolute;z-index:7;width:92%;left:4%;bottom:3%;touch-action:none;user-select:none;filter:drop-shadow(0 8px 15px rgba(0,0,0,.45));transition:filter .2s}.next4{position:absolute;z-index:8;bottom:5%;left:50%;transform:translateX(-50%);opacity:0;pointer-events:none;transition:.6s}.revealed .next4{opacity:1;pointer-events:auto}.revealed .dragHint{opacity:0}#smoke{position:fixed;z-index:30;inset:0;pointer-events:none;opacity:0;overflow:hidden;background:radial-gradient(circle,rgba(65,91,230,.08),rgba(18,9,57,.15))}#smoke i{position:absolute;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(78,94,231,.92),rgba(73,42,143,.68) 40%,rgba(255,189,63,.18) 65%,transparent 72%);filter:blur(25px);transform:scale(.15)}#smoke i:nth-child(1){left:-20%;bottom:-20%}#smoke i:nth-child(2){right:-20%;bottom:-10%}#smoke i:nth-child(3){left:10%;top:10%}#smoke i:nth-child(4){right:5%;top:-10%}.smokeGo{animation:smokeBg 2.3s forwards}.smokeGo i{animation:cloud 2.1s ease-out forwards}@keyframes smokeBg{20%,75%{opacity:1}100%{opacity:0}}@keyframes cloud{25%{transform:scale(.7)}70%,100%{transform:scale(2.2);opacity:.92}}#stars{position:fixed;z-index:20;inset:0;pointer-events:none}.spark{position:absolute;width:4px;height:4px;background:#ffe29a;border-radius:50%;box-shadow:0 0 10px #ffc95a;animation:spark .9s forwards}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@media(min-width:700px){.scene{left:50%;width:min(100vw,520px);transform:translateX(-50%)}body:before{content:"";position:fixed;inset:0;background:#03040c}}