@import"https://fonts.googleapis.com/css2?family=Bangers&family=Creepster&family=Special+Elite&display=swap";.level1-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.title{font-size:36px;letter-spacing:2px;margin-bottom:20px}.clues{font-size:18px;color:#ddd;margin-bottom:30px}.password-box{display:flex;gap:12px}.password-box input{padding:12px;font-size:16px;border-radius:6px;border:2px solid #00d9ff;background:#000;color:#fff;outline:none}.password-box input:focus{border-color:gold}.password-box button{padding:12px 20px;font-weight:700;border:none;border-radius:6px;background:gold;cursor:pointer;transition:transform .15s ease}.password-box button:hover{transform:scale(1.05)}.message{margin-top:30px;font-size:18px;color:#fff}.level2-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.signal{width:280px;height:280px;border-radius:50%;margin:30px 0;background:radial-gradient(circle,#111 40%,#000);display:flex;align-items:center;justify-content:center;transition:all .6s ease}.signal.active{background:radial-gradient(circle,#ffe066 35%,#000 75%);box-shadow:0 0 90px gold}.bat-symbol{position:absolute;width:220px;height:110px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .8s ease}.bat-symbol svg{width:100%;height:100%}.switch-panel{display:flex;gap:40px;margin-top:20px}.power-switch{width:70px;height:110px;background:#111;border:2px solid #444;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;padding-top:10px;transition:all .25s ease}.power-switch:hover{border-color:gold;box-shadow:0 0 12px #ffd70066}.lever{width:14px;height:45px;background:#555;border-radius:6px;transition:all .25s ease;margin-bottom:10px}.power-switch.on{border-color:gold;box-shadow:0 0 20px #ffd70099}.power-switch.on .lever{transform:translateY(25px);background:gold}.label{font-size:10px;color:#aaa;margin-top:4px}.switch.on{background:gold;color:#000}.hint{margin-top:20px;color:#ccc}.spotlight{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#fff078,#ffd246d9 35%,#ffc80073 60%,#0000 80%);opacity:0;transition:opacity .8s ease}.bat-symbol{position:absolute;width:220px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .8s ease}.bat-symbol img{width:100%;height:auto;filter:drop-shadow(0 0 10px rgba(0,0,0,.8))}.bat-symbol svg{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(0,0,0,.8))}.fog{position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 40%,transparent 70%);opacity:0}.signal.active .spotlight{opacity:1}.signal.active .bat-symbol{opacity:1;transform:scale(1)}.signal.active .fog{opacity:1}@keyframes signalPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.signal.active .spotlight{opacity:1;animation:signalPulse 3s infinite ease-in-out}.fog-layer{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.08),transparent 60%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.06),transparent 70%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.05),transparent 60%);opacity:0;pointer-events:none}@keyframes fogMove{0%{transform:translate(-10px) translateY(0)}50%{transform:translate(10px) translateY(-6px)}to{transform:translate(-10px) translateY(0)}}.signal.active .fog-layer{opacity:1;animation:fogMove 8s ease-in-out infinite}@keyframes batAppear{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.signal.active .bat-symbol{animation:batAppear .8s ease-out}@keyframes batReveal{0%{transform:scale(.5) rotate(-6deg);opacity:0}60%{transform:scale(1.05) rotate(2deg);opacity:1}to{transform:scale(1);opacity:1}}.signal.active .bat-symbol{animation:batReveal .9s ease-out forwards}.signal.active .bat-symbol svg{filter:drop-shadow(0 0 6px black) drop-shadow(0 0 18px rgba(0,0,0,.9))}.level3-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mission-title{font-size:36px;letter-spacing:2px;margin-bottom:10px}.mission-text{margin-bottom:25px;opacity:.8}.game-area{position:relative;width:420px;height:450px;border:2px solid #ffd700;border-radius:12px;overflow:hidden}.target{position:absolute;font-size:36px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;background:#0006;box-shadow:0 0 12px #ffd70066;animation:floatEnemy 4s ease-in-out infinite;transition:transform .15s ease}.target:hover{transform:scale(1.25)}@keyframes floatEnemy{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.batarang{position:absolute;font-size:32px;transform:translate(-50%,-50%) scale(.5);animation:batarangHit .35s ease-out;pointer-events:none}@keyframes batarangHit{0%{transform:translate(-50%,-50%) scale(.2) rotate(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2) rotate(180deg);opacity:1}to{transform:translate(-50%,-50%) scale(.6) rotate(360deg);opacity:0}}.score{margin-top:20px;font-size:20px}.final-batarang{position:absolute;left:-60px;top:200px;font-size:60px;animation:finalThrow 1.6s linear forwards}@keyframes finalThrow{0%{left:-60px;transform:rotate(0)}to{left:480px;transform:rotate(720deg)}}.safe{position:absolute;right:20px;bottom:20px;font-size:50px;animation:safeAppear .6s ease}@keyframes safeAppear{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.reward-container{height:100vh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px;overflow-y:auto}.bat-signal{position:relative;width:220px;height:120px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.signal-light{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,180,.9) 0%,rgba(255,230,120,.6) 40%,rgba(255,200,0,.2) 65%,transparent 80%);animation:signalPulse 4s ease-in-out infinite}.signal-bat{width:120px;filter:drop-shadow(0 0 10px black);z-index:2;opacity:.9}@keyframes signalPulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.8}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-10px;width:8px;height:14px;background:gold;opacity:.9;animation:confettiFall 3s linear infinite}.confetti:nth-child(2n){background:#00eaff}.confetti:nth-child(3n){background:#fff}@keyframes confettiFall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}.reward-container::-webkit-scrollbar{width:8px}.reward-container::-webkit-scrollbar-track{background:#000}.reward-container::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.reward-title{font-size:48px;color:gold;margin-bottom:10px;letter-spacing:2px}.reward-subtitle{margin-bottom:40px;color:#aaa}.voucher-card{background:#141414e6;border:2px solid #ffd700;border-radius:14px;padding:28px;width:340px;margin-bottom:40px;box-shadow:0 0 30px #ffd70080;color:#fff;animation:voucherAppear .8s ease}.voucher-name{font-size:20px;margin:10px 0}.voucher-details{opacity:.8}.instructions{max-width:500px;margin-bottom:30px}.instructions a{color:#00d8ff}.instructions ol{text-align:left;margin-top:10px}.about{max-width:520px;margin-top:40px;color:#e6e6e6;font-size:16px;line-height:1.6}.about h3{color:gold;margin-bottom:10px;font-size:20px;letter-spacing:1px}.about p{color:#d0d0d0;margin-bottom:10px}.final-text{margin-top:20px;font-style:italic;color:#ccc}.voucher-card h2{color:gold;margin-bottom:8px}.voucher-card h3{color:#fff;margin-bottom:12px;font-size:20px}.voucher-name{font-size:22px;font-weight:700;color:gold;margin:10px 0}.voucher-details{color:#ccc;font-size:15px}.voucher-person{color:#fff;font-size:20px;margin-bottom:10px}.voucher-name{color:gold;font-size:22px;font-weight:700;margin-bottom:10px}.voucher-details{color:#ddd;font-size:16px}.voucher-code-box{margin-top:20px}.voucher-label{font-size:12px;letter-spacing:2px;color:#aaa}.voucher-code{margin-top:8px;font-size:26px;font-weight:700;letter-spacing:3px;color:#00eaff;background:#000;padding:10px 16px;border-radius:8px;border:1px solid #00eaff;display:inline-block}.activation-section{margin-top:40px;max-width:500px;text-align:center}.activation-section h3{color:gold;margin-bottom:10px}.activation-link{display:inline-block;margin:10px 0;color:#00eaff;font-size:18px;text-decoration:none;border-bottom:1px solid #00eaff}.activation-link:hover{color:#fff;border-color:#fff}.activation-note{margin-top:10px;color:#ccc;font-size:15px}body{overflow:hidden;font-family:Special Elite,monospace;background:#000}.game-container{width:100vw;height:100vh;overflow:hidden;position:relative}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,#0a0a0a,#1a1a2e,#0f0f1e)}.cityscape{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,#000 0%,transparent 100%);z-index:1}.cityscape:before{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to right,transparent 0%,transparent 10%,#1a1a2e 10%,#1a1a2e 15%,transparent 15%,transparent 20%,#0f0f1e 20%,#0f0f1e 22%,transparent 22%,transparent 30%,#1a1a2e 30%,#1a1a2e 35%,transparent 35%,transparent 45%,#0f0f1e 45%,#0f0f1e 50%,transparent 50%,transparent 55%,#1a1a2e 55%,#1a1a2e 62%,transparent 62%,transparent 70%,#0f0f1e 70%,#0f0f1e 75%,transparent 75%,transparent 80%,#1a1a2e 80%,#1a1a2e 88%,transparent 88%,transparent 95%,#0f0f1e 95%,#0f0f1e 100%);filter:blur(1px)}.fog{position:absolute;bottom:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at bottom,rgba(100,100,120,.3) 0%,transparent 70%);animation:fogDrift 20s infinite alternate;z-index:2}@keyframes fogDrift{0%{transform:translate(-10%)}to{transform:translate(10%)}}.panel{background:#0a0a14e6;border:3px solid #ffd700;box-shadow:0 0 20px #ffd70080,inset 0 0 20px #ffd7001a;padding:40px;border-radius:10px;position:relative;z-index:10;max-width:800px;text-align:center}.panel:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background:linear-gradient(45deg,gold,#00d4ff,gold);border-radius:10px;z-index:-1;opacity:.3;animation:borderGlow 3s infinite alternate}@keyframes borderGlow{0%{opacity:.3}to{opacity:.6}}.comic-title{font-family:Bangers,cursive;font-size:4rem;color:gold;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 20px rgba(255,215,0,.8);margin-bottom:30px;letter-spacing:3px;animation:titlePulse 2s infinite alternate}@keyframes titlePulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.mission-text{font-size:1.4rem;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.8);margin:20px 0;line-height:1.8}.hero-name{font-family:Bangers,cursive;font-size:2rem;color:gold;text-shadow:0 0 15px rgba(255,215,0,1);margin:30px 0}.btn-mission{font-family:Bangers,cursive;font-size:2rem;padding:20px 60px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:4px solid #000;border-radius:10px;cursor:pointer;box-shadow:0 8px #970,0 0 30px #ffd70099;transition:all .2s;text-transform:uppercase;letter-spacing:2px;margin-top:30px}.btn-mission:hover{transform:translateY(-5px);box-shadow:0 13px #970,0 0 40px #ffd700e6}.btn-mission:active{transform:translateY(4px);box-shadow:0 4px #970,0 0 20px #ffd70099}.level-container{width:100%;height:100%;position:relative}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:100}.hud-panel{background:#0a0a14f2;border:2px solid #ffd700;padding:15px 30px;border-radius:8px;box-shadow:0 0 15px #ffd70080}.hud-label{font-size:.9rem;color:#00d4ff;text-transform:uppercase;letter-spacing:1px}.hud-value{font-family:Bangers,cursive;font-size:2rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.game-area{position:absolute;top:100px;left:50%;transform:translate(-50%);width:900px;height:calc(100% - 200px);border:3px solid rgba(255,215,0,.3);background:#0a0a1e80;border-radius:10px;overflow:hidden}.completion-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Bangers,cursive;font-size:3rem;color:gold;text-shadow:3px 3px 0 #000,0 0 30px rgba(255,215,0,1);z-index:200;animation:messageAppear .5s ease-out}@keyframes messageAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.stars{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 15% 90%,white,transparent);background-size:200% 200%;animation:twinkle 5s infinite;opacity:.6;z-index:0}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.3}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Special Elite,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;overflow:hidden}#root{width:100vw;height:100vh}