.breakout-container{width:100%;height:480px;position:relative;margin:20px auto;border-radius:15px;overflow:visible;box-shadow:0 0 20px rgba(255,0,255,.3),0 0 40px rgba(0,255,255,.2),0 10px 30px rgba(0,0,0,.5);background:linear-gradient(135deg,#0a0a0a 0%,#1a0033 50%,#000000 100%);font-family:'Orbitron','Courier New',monospace;border:2px solid #f0f;z-index:8;position:relative;transition:all 1.2s cubic-bezier(.25,.46,.45,.94);transform-origin:center center}.breakout-container.expanding{animation:expandToFullscreen 1.2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes expandToFullscreen{0%{width:100%;height:480px;margin:20px auto;border-radius:15px;border:2px solid #f0f}50%{transform:scale(1.05);box-shadow:0 0 40px rgba(255,0,255,.6),0 0 80px rgba(0,255,255,.4)}100%{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;border-radius:0;border:none;transform:scale(1)}}.breakout-container.fullscreen-mode{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important;border:none!important;z-index:99999!important;max-width:none!important;max-height:none!important;transform:none!important}.breakout-container.fullscreen-mode,.breakout-container.expanding{box-sizing:border-box!important;overflow:visible!important}.elementor-shortcode .breakout-container.fullscreen-mode{position:fixed!important;z-index:99999!important}.elementor-widget .breakout-container.fullscreen-mode{position:fixed!important;z-index:99999!important}.game-wrapper{width:100%;height:100%;position:relative;border-radius:13px;overflow:hidden}.breakout-canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important;background:transparent;z-index:15;display:block!important;border-radius:13px}.breakout-lazy-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;border-radius:13px;overflow:hidden}.breakout-lazy-background{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a0033 50%,#330066 100%);position:relative;overflow:hidden}.breakout-lazy-background::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,255,.015) 2px,rgba(255,0,255,.015) 4px);pointer-events:none;z-index:1;animation:scanlines 3s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}100%{transform:translateY(4px)}}.cyber-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:320px;background:rgba(0,0,0,.7);border:3px solid #f0f;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(10,1fr);gap:2px;border-radius:10px;overflow:hidden;box-shadow:0 0 30px rgba(255,0,255,.5),inset 0 0 20px rgba(0,255,255,.1)}.cyber-block{background:linear-gradient(45deg,rgba(255,0,255,.1),rgba(0,255,255,.1));transition:all 0.3s ease;position:relative}.cyber-block.active{background:linear-gradient(45deg,#ff00ff,#00ffff);box-shadow:0 0 15px rgba(255,0,255,.8),0 0 25px rgba(0,255,255,.6);animation:cyber-pulse 2s ease-in-out infinite}@keyframes cyber-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.neon-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.particle{position:absolute;width:4px;height:4px;background:#f0f;border-radius:50%;box-shadow:0 0 10px #f0f;animation:float-particle 8s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s;background:#f0f;box-shadow:0 0 10px #f0f}.particle:nth-child(2){left:30%;animation-delay:-2s;background:#0ff;box-shadow:0 0 10px #0ff}.particle:nth-child(3){left:50%;animation-delay:-4s;background:#ff0;box-shadow:0 0 10px #ff0}.particle:nth-child(4){left:70%;animation-delay:-6s;background:#ff8000;box-shadow:0 0 10px #ff8000}.particle:nth-child(5){left:90%;animation-delay:-1s;background:#8000ff;box-shadow:0 0 10px #8000ff}@keyframes float-particle{0%{top:100%;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:-10%;opacity:0}}.scanner-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff,#ff00ff,#00ffff,transparent);box-shadow:0 0 20px #0ff;animation:scanner 3s linear infinite}@keyframes scanner{0%{top:0%;opacity:1}50%{opacity:.7}100%{top:100%;opacity:0}}.breakout-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.3);z-index:10;text-align:center;padding:20px}.breakout-title{font-size:3em;font-weight:900;color:#fff;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #f0f;margin-bottom:10px;letter-spacing:3px;animation:neon-flicker 2s ease-in-out infinite alternate}@keyframes neon-flicker{0%,100%{text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #f0f}50%{text-shadow:0 0 5px #ff00ff,0 0 15px #ff00ff,0 0 25px #ff00ff,0 0 35px #0ff}}.breakout-subtitle{font-size:.9em;color:#0ff;margin-bottom:30px;text-shadow:0 0 10px #0ff;line-height:1.4;max-width:400px;animation:subtitle-glow 3s ease-in-out infinite}@keyframes subtitle-glow{0%,100%{color:#0ff;text-shadow:0 0 10px #0ff}50%{color:#80ffff;text-shadow:0 0 15px #0ff}}.breakout-play-button{background:linear-gradient(45deg,#ff00ff,#8000ff);border:2px solid #f0f;color:#fff;padding:15px 30px;font-size:1.1em;font-weight:700;border-radius:50px;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px;margin-bottom:20px;box-shadow:0 0 20px rgba(255,0,255,.5),0 5px 15px rgba(0,0,0,.3);position:relative;overflow:hidden}.breakout-play-button:hover{background:linear-gradient(45deg,#ff00ff,#00ffff);border-color:#0ff;box-shadow:0 0 30px rgba(0,255,255,.7),0 5px 20px rgba(0,0,0,.4);transform:translateY(-2px)}.breakout-play-button:active{transform:translateY(0)}.breakout-play-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left 0.5s ease}.breakout-play-button:hover::before{left:100%}.play-icon{font-size:1.2em;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.breakout-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.breakout-tutorial{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:150;display:flex;align-items:center;justify-content:center;border-radius:13px}.tutorial-content{max-width:90%;max-height:90%;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #0ff;border-radius:15px;padding:25px;text-align:center;box-shadow:0 0 30px rgba(0,255,255,.5)}.tutorial-title{color:#0ff;font-size:1.8em;margin-bottom:20px;text-shadow:0 0 10px #0ff}.tutorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.tutorial-item{background:rgba(0,0,0,.5);padding:15px;border-radius:10px;border:1px solid rgba(255,0,255,.3)}.tutorial-icon{font-size:1.5em;margin-bottom:8px;display:block}.tutorial-item h4{color:#f0f;margin:8px 0 5px 0;font-size:1em}.tutorial-item p{color:#ccc;font-size:.85em;line-height:1.3;margin:0}.tutorial-skip{background:linear-gradient(45deg,#00ffff,#0080ff);border:2px solid #0ff;color:#fff;padding:12px 25px;font-size:1em;font-weight:700;border-radius:25px;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase}.tutorial-skip:hover{background:linear-gradient(45deg,#00ffff,#ff00ff);box-shadow:0 0 20px rgba(0,255,255,.7)}.breakout-game-ui{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;z-index:100;pointer-events:none}.breakout-container.fullscreen-mode .breakout-game-ui{top:env(safe-area-inset-top,10px);left:env(safe-area-inset-left,10px);right:env(safe-area-inset-right,10px)}.fullscreen-close-btn{position:fixed;top:env(safe-area-inset-top,20px);right:env(safe-area-inset-right,20px);width:40px;height:40px;background:rgba(0,0,0,.8);border:2px solid #f0f;border-radius:50%;color:#f0f;font-size:24px;font-weight:700;cursor:pointer;z-index:100000;display:none;align-items:center;justify-content:center;transition:all 0.3s ease;backdrop-filter:blur(10px)}.fullscreen-close-btn:hover{background:rgba(255,0,255,.2);border-color:#0ff;color:#0ff;transform:scale(1.1)}.breakout-container.fullscreen-mode .fullscreen-close-btn{display:flex}.breakout-hud-left,.breakout-hud-right{display:flex;gap:15px;flex-wrap:wrap}.breakout-stat-panel{background:rgba(0,0,0,.8);border:2px solid #f0f;border-radius:10px;padding:8px 12px;min-width:80px;text-align:center;box-shadow:0 0 15px rgba(255,0,255,.3)}.breakout-stat-panel h4{color:#f0f;font-size:.7em;margin:0 0 3px 0;text-transform:uppercase;letter-spacing:1px}.breakout-stat-value{color:#fff;font-size:1.2em;font-weight:700;text-shadow:0 0 10px #0ff;margin:0}.game-mute-button{background:rgba(0,0,0,.8);border:2px solid #0ff;color:#0ff;padding:8px;border-radius:8px;cursor:pointer;transition:all 0.3s ease;pointer-events:all;font-size:1em}.game-mute-button:hover,.game-mute-button.muted{background:rgba(255,0,0,.2);border-color:#f44;color:#f44}.breakout-controls-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#0ff;padding:8px 15px;border-radius:20px;font-size:.8em;border:1px solid #0ff;z-index:100;animation:hint-pulse 3s ease-in-out infinite}@keyframes hint-pulse{0%,100%{opacity:.7}50%{opacity:1}}.breakout-game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:180;border-radius:13px}.breakout-game-over-content{max-width:90%;max-height:90%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);border:3px solid #f0f;border-radius:20px;padding:25px;text-align:center;box-shadow:0 0 40px rgba(255,0,255,.6),inset 0 0 20px rgba(0,0,0,.5)}.game-over-header{margin-bottom:20px}.breakout-game-over-title{font-size:2em;color:#f0f;margin-bottom:10px;text-shadow:0 0 20px #f0f;animation:game-over-glow 2s ease-in-out infinite alternate}@keyframes game-over-glow{0%{text-shadow:0 0 20px #f0f}100%{text-shadow:0 0 30px #ff00ff,0 0 40px #0ff}}.big-score{font-size:1.3em;color:#0ff;font-weight:700;text-shadow:0 0 15px #0ff}.compact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:20px 0}.compact-stat{background:rgba(0,0,0,.5);border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px}.compact-stat.highlight{border-color:#ff0;background:rgba(255,255,0,.1)}.stat-icon{font-size:1.2em}.stat-info{flex:1;text-align:left}.stat-value{color:#fff;font-weight:700;font-size:.9em}.stat-label{color:#ccc;font-size:.75em}.cta-section{margin:20px 0}.cta-header h3{color:#0ff;margin-bottom:8px;font-size:1.2em}.cta-header p{color:#ccc;font-size:.9em;margin-bottom:15px}.email-form-container{margin-bottom:15px}.compact-form .input-group{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;justify-content:center}.compact-form input[type="email"]{flex:1;min-width:200px;padding:10px;border:2px solid #f0f;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font-size:.9em}.compact-form input[type="email"]:focus{outline:none;border-color:#0ff;box-shadow:0 0 10px rgba(0,255,255,.5)}.cta-submit-btn{background:linear-gradient(45deg,#00ffff,#0080ff);border:2px solid #0ff;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:all 0.3s ease;display:flex;align-items:center;gap:8px}.cta-submit-btn:hover{background:linear-gradient(45deg,#00ffff,#ff00ff);box-shadow:0 0 20px rgba(0,255,255,.7)}.cta-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-loader{display:none;align-items:center;gap:5px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.consent-line{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.8em;color:#ccc}.consent-line input[type="checkbox"]{accent-color:#0ff}.success-message{background:rgba(0,255,0,.1);border:2px solid #0f0;border-radius:10px;padding:20px;margin:15px 0}.success-icon{font-size:2em;margin-bottom:10px}.success-message h4{color:#0f0;margin-bottom:5px}.success-message p{color:#ccc;margin:0}.game-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.skip-email-btn,.restart-game-btn{background:rgba(0,0,0,.5);border:2px solid #666;color:#ccc;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all 0.3s ease}.restart-game-btn{border-color:#f0f;color:#f0f;background:rgba(255,0,255,.1)}.skip-email-btn:hover{border-color:#fff;color:#fff}.restart-game-btn:hover{border-color:#0ff;color:#0ff;background:rgba(0,255,255,.1);box-shadow:0 0 15px rgba(0,255,255,.3)}.breakout-mobile-zone{width:100%;margin-top:15px;padding:0 10px}.breakout-mobile-controls{display:none;justify-content:center;gap:20px;flex-wrap:wrap;background:rgba(0,0,0,.8);padding:15px;border-radius:15px;border:2px solid #f0f}.breakout-container.fullscreen-mode .breakout-mobile-zone{position:fixed;bottom:env(safe-area-inset-bottom,20px);left:env(safe-area-inset-left,20px);right:env(safe-area-inset-right,20px);margin:0;padding:0;z-index:1000}.breakout-container.fullscreen-mode .breakout-mobile-controls{background:rgba(0,0,0,.9);backdrop-filter:blur(10px);border-radius:20px;padding:20px}.mobile-control-group{display:flex;gap:10px;align-items:center}.mobile-btn{background:linear-gradient(45deg,#ff00ff,#8000ff);border:2px solid #f0f;color:#fff;padding:12px 16px;border-radius:8px;font-size:1.2em;font-weight:700;cursor:pointer;transition:all 0.3s ease;min-width:50px;user-select:none;touch-action:manipulation}.mobile-btn.large{padding:15px 20px;font-size:1.5em;border-radius:12px}.mobile-btn.wide{padding:12px 20px;font-size:.9em}.mobile-btn:active{background:linear-gradient(45deg,#00ffff,#0080ff);border-color:#0ff;box-shadow:0 0 20px rgba(0,255,255,.7);transform:scale(.95)}.music-controls{margin-top:20px}.mute-button{background:rgba(0,0,0,.7);border:2px solid #0ff;color:#0ff;padding:10px 15px;border-radius:25px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:8px;font-size:.85em}.mute-button:hover{background:rgba(0,255,255,.1);box-shadow:0 0 15px rgba(0,255,255,.3)}.mute-button.muted{border-color:#f44;color:#f44;background:rgba(255,68,68,.1)}@media (max-width:768px){.breakout-container{height:400px;margin:10px auto}.breakout-title{font-size:2em}.breakout-subtitle{font-size:.8em;max-width:300px}.breakout-play-button{font-size:1em;padding:12px 25px}.tutorial-content{padding:20px 15px}.tutorial-grid{grid-template-columns:1fr;gap:10px}.breakout-game-over-content{padding:20px 15px}.compact-stats{grid-template-columns:1fr;gap:8px}.compact-form .input-group{flex-direction:column;align-items:stretch}.compact-form input[type="email"]{min-width:auto}.breakout-mobile-controls{display:flex}.breakout-hud-left,.breakout-hud-right{flex-direction:column;gap:8px}.breakout-stat-panel{min-width:60px;padding:6px 8px}.breakout-stat-panel h4{font-size:.6em}.breakout-stat-value{font-size:1em}}@media (max-width:480px){.breakout-container{height:350px;border-radius:10px}.breakout-container.fullscreen-mode{border-radius:0}.cyber-grid{width:180px;height:240px;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(8,1fr)}.breakout-title{font-size:1.8em;margin-bottom:8px}.breakout-subtitle{font-size:.7em;margin-bottom:20px}.breakout-play-button{font-size:.9em;padding:10px 20px}.mobile-btn{padding:10px 12px;font-size:1em;min-width:45px}.mobile-btn.large{padding:12px 16px;font-size:1.3em}.breakout-container.fullscreen-mode .breakout-mobile-controls{padding:15px;gap:15px}.breakout-container.fullscreen-mode .mobile-btn{padding:15px 18px;font-size:1.2em;min-width:60px;border-radius:15px}.breakout-container.fullscreen-mode .mobile-btn.large{padding:18px 22px;font-size:1.5em}}@media (min-width:1200px){.breakout-container.fullscreen-mode .breakout-mobile-controls{display:none!important}}@media (max-height:500px) and (orientation:landscape){.breakout-container.fullscreen-mode .breakout-game-ui{top:5px;left:5px;right:5px}.breakout-container.fullscreen-mode .breakout-mobile-zone{bottom:10px;left:10px;right:10px}.breakout-container.fullscreen-mode .breakout-mobile-controls{padding:10px;gap:10px}.breakout-container.fullscreen-mode .mobile-btn{padding:8px 12px;font-size:.9em}}