.simple-game-access{text-align:center;padding:2rem;max-width:500px;margin:0 auto;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;box-shadow:0 10px 30px #0000004d;border:2px solid #ff6b35}.simple-game-access h2{color:#ff6b35;margin-bottom:1rem;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-description{color:#fff;margin-bottom:1.5rem;font-size:1.1rem;opacity:.9}.name-input-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.name-input{padding:15px;border:2px solid #ff6b35;border-radius:10px;font-size:18px;text-align:center;background:#ffffff1a;color:#fff;transition:all .3s ease}.name-input:focus{outline:none;border-color:#f7931e;box-shadow:0 0 10px #ff6b354d}.name-input::placeholder{color:#fff9}.play-button{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff;border:none;padding:18px 35px;border-radius:10px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #ff6b354d}.play-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff6b3580;background:linear-gradient(45deg,#f7931e,#ff6b35)}.play-button:active{transform:translateY(-1px)}.play-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.change-name-button{background:transparent;color:#ff6b35;border:2px solid #ff6b35;padding:10px 20px;border-radius:8px;margin-top:15px;cursor:pointer;transition:all .3s ease;font-size:14px}.change-name-button:hover{background:#ff6b35;color:#fff;transform:translateY(-2px)}.error-message{color:#f44;margin-top:15px;padding:10px;background:#ff44441a;border-radius:8px;border:1px solid #ff4444;font-weight:700}@media (max-width: 768px){.simple-game-access{margin:1rem;padding:1.5rem}.simple-game-access h2{font-size:2rem}.name-input{font-size:16px;padding:12px}.play-button{font-size:18px;padding:15px 30px}}.landing-page{height:100vh;width:100vw;background-image:url(/assets/halloween-battles-bg-DTybZZEe.png);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.launch-date{font-family:Courier New,monospace;font-size:2rem;font-weight:700;color:#8a2be2;text-shadow:2px 2px 0px #FFD700,-1px -1px 0px #FFD700,1px -1px 0px #FFD700,-1px 1px 0px #FFD700;background:transparent;padding:1rem 2rem;border-radius:10px;border:3px solid #FFD700;margin-top:.5rem;animation:glow 2s ease-in-out infinite alternate;z-index:10;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ffd70099,0 0 40px #8a2be266}@keyframes glow{0%{box-shadow:0 0 20px #ffd70099,0 0 40px #8a2be266}to{box-shadow:0 0 30px #ffd700cc,0 0 60px #8a2be299}}.game-access-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem}.image-content-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * (16 / 9)));height:min(100vh,56.25vw);overflow:hidden;z-index:6}.halloween-characters{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.character{position:absolute;font-size:2rem;animation-duration:8s;animation-iteration-count:infinite;animation-timing-function:linear;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.ghost{top:20%;left:10%;animation-name:floatAround}.pumpkin{top:60%;left:15%;animation-name:floatAround2;animation-delay:-2s}.bat{top:30%;left:80%;animation-name:floatAround3;animation-delay:-4s}.witch{top:70%;left:70%;animation-name:floatAround4;animation-delay:-1s}.skeleton{top:40%;left:50%;animation-name:floatAround5;animation-delay:-3s}.spider{top:10%;left:60%;animation-name:floatAround6;animation-delay:-5s}.zombie{top:80%;left:30%;animation-name:floatAround7;animation-delay:-6s}.vampire{top:50%;left:20%;animation-name:floatAround8;animation-delay:-7s}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(50px,-30px) rotate(5deg)}50%{transform:translate(100px) rotate(0)}75%{transform:translate(50px,30px) rotate(-5deg)}}@keyframes floatAround2{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-30px,40px) rotate(-3deg)}50%{transform:translate(-60px) rotate(0)}75%{transform:translate(-30px,-40px) rotate(3deg)}}@keyframes floatAround3{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-40px,-20px) rotate(4deg)}50%{transform:translate(-80px) rotate(0)}75%{transform:translate(-40px,20px) rotate(-4deg)}}@keyframes floatAround4{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-50px) rotate(-2deg)}50%{transform:translate(60px) rotate(0)}75%{transform:translate(30px,50px) rotate(2deg)}}@keyframes floatAround5{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(40px,30px) rotate(3deg)}50%{transform:translate(80px) rotate(0)}75%{transform:translate(40px,-30px) rotate(-3deg)}}@keyframes floatAround6{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,40px) rotate(-4deg)}50%{transform:translate(-40px) rotate(0)}75%{transform:translate(-20px,-40px) rotate(4deg)}}@keyframes floatAround7{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(50px,-40px) rotate(2deg)}50%{transform:translate(100px) rotate(0)}75%{transform:translate(50px,40px) rotate(-2deg)}}@keyframes floatAround8{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-50px,-30px) rotate(-3deg)}50%{transform:translate(-100px) rotate(0)}75%{transform:translate(-50px,30px) rotate(3deg)}}@media (max-width: 768px){.launch-date{font-size:1.5rem;padding:.8rem 1.5rem;top:5px}.character{font-size:1.5rem}.game-access-section{top:45%;gap:.8rem}}@media (max-width: 480px){.launch-date{font-size:1.2rem;padding:.6rem 1rem}.character{font-size:1.2rem}}.game-page{height:100vh;width:100vw;background:radial-gradient(circle at 20% 80%,rgba(139,43,226,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.2) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a2e,#2d1b69);display:flex;flex-direction:column;position:relative;overflow:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#000c;border-bottom:2px solid #8A2BE2;z-index:10}.back-button{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;color:#8a2be2;background:linear-gradient(45deg,indigo,#8a2be2);border:3px solid #FFD700;border-radius:10px;padding:.8rem 1.5rem;cursor:pointer;text-shadow:2px 2px 0px #FFD700,-1px -1px 0px #FFD700,1px -1px 0px #FFD700,-1px 1px 0px #FFD700;box-shadow:0 0 15px #ffd70080,inset 0 0 15px #ffffff1a;transition:all .3s ease;position:relative;overflow:hidden}.back-button:hover{transform:translateY(-2px);box-shadow:0 0 25px #ffd700b3,0 0 50px #8a2be266}.verification-status{display:flex;align-items:center}.status-indicator{font-family:Courier New,monospace;font-size:.9rem;padding:.5rem 1rem;border-radius:20px;background:#0009;border:1px solid;transition:all .3s ease}.status-indicator.valid{color:#4caf50;border-color:#4caf50;box-shadow:0 0 10px #4caf504d}.status-indicator.invalid{color:#ff6b6b;border-color:#ff6b6b;box-shadow:0 0 10px #ff6b6b4d}.game-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative}.game-iframe{width:100%;height:100%;border:none;border-radius:15px;box-shadow:0 0 50px #8b2be266,0 0 100px #ff6b3533,inset 0 0 20px #ffffff0d;background:#000;transition:all .3s ease}.game-iframe:hover{box-shadow:0 0 60px #8b2be299,0 0 120px #ff6b354d}.game-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;text-align:center}.loading-spinner{width:60px;height:60px;border:6px solid rgba(138,43,226,.3);border-top:6px solid #8A2BE2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-loading p{font-family:Courier New,monospace;font-size:1.2rem;color:#8a2be2;margin:.5rem 0;text-shadow:2px 2px 0px #FFD700}.loading-subtitle{font-size:1rem!important;color:#4caf50!important;text-shadow:1px 1px 0px #000!important}.session-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#000000e6;border-radius:15px;border:2px solid #ff6b6b;box-shadow:0 0 20px #ff6b6b4d;max-width:500px;margin:2rem auto}.session-error h2{font-family:Courier New,monospace;font-size:1.5rem;color:#ff6b6b;margin:0 0 1rem;text-shadow:2px 2px 0px #000}.session-error p{font-family:Courier New,monospace;color:#fff;margin:0 0 1.5rem;line-height:1.5}.token-info-section{margin:1.5rem 0;padding:1rem;background:#8a2be21a;border-radius:10px;border:1px solid #8A2BE2}.token-info-section p{color:gold;margin:0 0 1rem;font-weight:700}.token-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.get-token-button,.retry-button{font-family:Courier New,monospace;font-size:1rem;font-weight:700;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid}.get-token-button{color:gold;background:linear-gradient(45deg,#8a2be2,indigo);border-color:gold;text-shadow:1px 1px 0px #000}.retry-button{color:#4caf50;background:linear-gradient(45deg,#4caf50,#2e7d32);border-color:#4caf50;text-shadow:1px 1px 0px #000}.get-token-button:hover,.retry-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}@media (max-width: 768px){.game-header{padding:.8rem 1rem;flex-direction:column;gap:.5rem}.back-button{font-size:1rem;padding:.6rem 1.2rem}.status-indicator{font-size:.8rem;padding:.4rem .8rem}.game-container{padding:1rem}.session-error{margin:1rem;padding:1.5rem}.token-actions{flex-direction:column;align-items:center}.get-token-button,.retry-button{width:100%;max-width:200px}}.background-music{position:fixed;top:20px;right:20px;z-index:1000;font-family:Courier New,monospace}.music-controls{display:flex;align-items:center;gap:12px;background:#000000d9;padding:12px 18px;border-radius:30px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid #8A2BE2;box-shadow:0 4px 20px #8a2be24d;transition:all .3s ease}.music-controls:hover{box-shadow:0 6px 25px #8a2be280;transform:translateY(-2px)}.music-toggle,.mute-toggle{background:none;border:none;font-size:22px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.music-toggle:hover,.mute-toggle:hover{background:#8a2be24d;transform:scale(1.1)}.music-toggle.playing{animation:musicPulse 2s infinite;color:#8a2be2}.music-toggle.paused{color:#666}.mute-toggle.muted{color:#f44}.mute-toggle.unmuted{color:#8a2be2}.volume-control{display:flex;align-items:center;gap:8px}.volume-slider{width:100px;height:6px;background:linear-gradient(to right,#333,#8a2be2);outline:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.volume-slider:hover{height:8px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#8a2be2;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d;transition:all .3s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #8a2be280}.volume-slider::-moz-range-thumb{width:18px;height:18px;background:#8a2be2;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}.volume-display{color:#8a2be2;font-size:12px;font-weight:700;min-width:35px;text-align:center;transition:all .3s ease}.volume-display.gradual-increase{animation:volumeIncrease .1s ease-in-out;color:#ff6b35}@keyframes volumeIncrease{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes musicPulse{0%{transform:scale(1);box-shadow:0 0 #8a2be2b3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #8a2be200}to{transform:scale(1);box-shadow:0 0 #8a2be200}}@media (max-width: 768px){.background-music{top:10px;right:10px}.music-controls{padding:8px 12px;gap:8px}.volume-slider{width:80px}.music-toggle,.mute-toggle{width:35px;height:35px;font-size:18px}}@media (prefers-color-scheme: dark){.music-controls{background:#141414e6;border-color:#9a4ae2}.volume-slider{background:linear-gradient(to right,#444,#9a4ae2)}}.App{margin:0;padding:0;min-height:100vh;min-width:100vw;overflow:hidden}body{font-family:Courier New,monospace;background:#000;color:#fff;overflow:hidden}html,body,#root{height:100%;width:100%;margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100vw;height:100vh;margin:0;padding:0}