:root{--bg-color: #f8f5ee;--primary-color: #d78ab6;--secondary-color: #9dc4df;--accent-color: #b9dca8;--text-color: #4b4056;--font-main: "Trebuchet MS", "Verdana", sans-serif}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow:hidden;display:flex;justify-content:center;align-items:center}#app-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at center,#ffd9ef,#f7bde0 70%)}.app-loader-box{text-align:center}.loader-dots{display:inline-flex;gap:8px;margin-top:8px}.loader-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 8px var(--primary-color);animation:loaderPulse 1s infinite ease-in-out}.loader-dots span:nth-child(2){animation-delay:.12s}.loader-dots span:nth-child(3){animation-delay:.24s}@keyframes loaderPulse{0%,80%,to{transform:scale(.75);opacity:.45}40%{transform:scale(1.15);opacity:1}}body.app-loading #app-loader{display:flex}body.app-loading #game-container{visibility:hidden}#game-container{position:relative;width:100%;height:100%;max-width:500px;max-height:900px;background:linear-gradient(180deg,#fff8f1,#f3f7ff);overflow:hidden;border-radius:28px;box-shadow:0 10px 32px #a48caa38}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#game-layer{position:absolute;top:60px;left:0;width:100%;height:calc(100% - 60px);pointer-events:auto;background:radial-gradient(circle at center,#fff,#f3eef9);overflow:hidden}#ui-layer{pointer-events:none;z-index:10}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fbf6eee0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;transition:opacity .3s ease}.hidden{display:none!important}.active{opacity:1;pointer-events:auto}.tutorial-focus-halo{position:absolute;border-radius:24px;border:3px solid var(--primary-color);box-shadow:0 0 15px var(--primary-color),inset 0 0 10px var(--primary-color);pointer-events:none;z-index:10001;animation:halo-pulse 1.5s infinite}@keyframes halo-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:.3}to{transform:scale(1);opacity:.8}}#landing-screen{z-index:100}.neon-btn{border-radius:18px!important;background:#ffffff29!important}.glitch-title{color:#ff6fb5!important;text-shadow:0 0 10px rgba(255,111,181,.55)!important}.subtitle{color:#7cbfff!important}h1,h2{text-transform:uppercase;letter-spacing:4px;text-align:center;text-shadow:0 0 10px var(--primary-color)}.glitch-title{font-size:4rem;color:var(--primary-color);margin-bottom:0}.subtitle{color:var(--secondary-color);font-size:1.2rem;margin-bottom:3rem;text-shadow:0 0 5px var(--secondary-color)}#main-menu h2.subtitle{margin-bottom:1rem!important;margin-top:0rem!important}#main-menu .glitch-title{margin-top:.2rem!important}.neon-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:15px 30px;font-size:1.5rem;font-family:var(--font-main);cursor:pointer;text-transform:uppercase;box-shadow:0 0 10px var(--primary-color),inset 0 0 10px var(--primary-color);transition:all .2s}.neon-btn:active{background:var(--primary-color);color:#000;box-shadow:0 0 20px var(--primary-color),inset 0 0 20px var(--primary-color)}#hud{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;flex-direction:column;pointer-events:none}.hud-top{display:flex;align-items:center;justify-content:flex-start;gap:15px;position:relative;width:100%;height:60px;padding:0 60px 0 20px;background:#000000e6;border-bottom:2px solid var(--primary-color);box-shadow:0 4px 15px #0009;pointer-events:auto;flex-shrink:0}.hud-stat-box{display:flex;align-items:center;justify-content:center;font-weight:700;white-space:nowrap;font-size:1.3rem;color:#fff;text-shadow:0 0 5px var(--primary-color)}.hud-divider{width:2px;height:28px;background:#ffffff40;flex-shrink:0}.hud-quit-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;font-size:1.1rem}.hud-spacer{flex:1;pointer-events:none}.timer-bar{width:100%;height:8px;background:#222;flex-shrink:0;pointer-events:none}#timer-fill{width:100%;height:100%;background:var(--secondary-color);box-shadow:0 0 8px var(--secondary-color);transform-origin:left}#quit-btn{z-index:1000}.icon-btn{background:#f003;border:2px solid #ff0055;color:#f05;font-size:1.5rem;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;pointer-events:auto;box-shadow:0 0 10px #f05}.icon-btn:hover{background:#f05;color:#fff;transform:scale(1.1);box-shadow:0 0 20px #f05}.icon-btn:active{transform:scale(.9)}#transition-screen{background:var(--primary-color);color:#000}#instruction-text{font-size:3rem;color:#000;text-shadow:none;font-weight:900}.tap-target{position:absolute;width:80px;height:80px;background:var(--secondary-color);border-radius:50%;box-shadow:0 0 20px var(--secondary-color);transform:translate(-50%,-50%);animation:pulse .5s infinite alternate;cursor:pointer}.swipe-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10rem;color:var(--accent-color);text-shadow:0 0 20px var(--accent-color)}.swipe-arrow.up{transform:translate(-50%,-50%) rotate(-90deg)}.swipe-arrow.down{transform:translate(-50%,-50%) rotate(90deg)}.swipe-arrow.left{transform:translate(-50%,-50%) rotate(180deg)}.swipe-arrow.right{transform:translate(-50%,-50%) rotate(0)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.1)}}.dont-move-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;animation:shake .5s infinite}@keyframes shake{0%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-5deg)}75%{transform:translate(-50%,-50%) rotate(5deg)}}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:90%;max-height:60%;overflow-y:auto;padding:10px}.game-card{background:#00f3ff1a;border:1px solid var(--primary-color);padding:20px;text-align:center;cursor:pointer;transition:all .2s;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-card:hover{background:var(--primary-color);cursor:pointer;transition:transform .1s,background .1s}.game-card:active{transform:scale(.95)}.game-card-icon{font-size:2rem;margin-bottom:10px}.game-card.locked{background:#28282866;border:1px dashed #555;opacity:.6;cursor:default;filter:grayscale(1);pointer-events:none}.game-card.locked .game-card-title{color:#666;text-shadow:none}.tutorial-badge{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#000000b3;border:1px solid var(--accent-color);color:var(--accent-color);font-size:.9rem;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 5px var(--accent-color);transition:all .2s;z-index:5}.tutorial-badge:hover{background:var(--accent-color);color:#000;box-shadow:0 0 10px var(--accent-color);transform:scale(1.1)}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.tutorial-overlay.active{opacity:1;pointer-events:auto}.tutorial-overlay.closing{opacity:0;pointer-events:none}.tutorial-modal{background:#0a0a0ae6;border:2px solid var(--primary-color);box-shadow:0 0 20px #00f3ff4d,inset 0 0 15px #00f3ff1a;border-radius:12px;width:90%;max-width:400px;padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.tutorial-overlay.active .tutorial-modal{transform:scale(1)}.tutorial-modal-icon{margin-bottom:15px;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 0 5px var(--primary-color))}.tutorial-modal-title{font-size:2rem;font-weight:900;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;text-shadow:0 0 10px var(--primary-color)}.tutorial-section{width:100%;margin-bottom:20px;background:#00000080;border:1px solid #333;border-radius:8px;padding:15px}.tutorial-section-label{font-size:.8rem;color:var(--secondary-color);font-weight:700;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px}.tutorial-section-text{font-size:1rem;color:#fff;line-height:1.4}.tutorial-btn-row{display:flex;gap:15px;width:100%;justify-content:center;margin-top:10px}.tutorial-close-btn{border-color:#555!important;color:#aaa!important;box-shadow:none!important}.tutorial-close-btn:hover{background:#333!important;color:#fff!important}.tutorial-play-btn{border-color:var(--accent-color)!important;color:var(--accent-color)!important;box-shadow:0 0 10px var(--accent-color),inset 0 0 5px var(--accent-color)!important}.tutorial-play-btn:hover{background:var(--accent-color)!important;color:#000!important}.playback-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;background:#000;opacity:0;pointer-events:none;transition:opacity .4s ease;overflow:hidden}.playback-overlay.active{opacity:1;pointer-events:auto}.playback-overlay.closing{opacity:0;pointer-events:none}.playback-game-container{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;filter:none;pointer-events:none;z-index:1;background:transparent}.playback-ghost-cursor{position:absolute;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.1) 60%,transparent 70%);border:2px solid rgba(255,255,255,.7);box-shadow:0 0 15px #fff6,0 0 30px var(--primary-color, #00f3ff);transform:translate(-50%,-50%);z-index:10;opacity:0;transition:opacity .3s;pointer-events:none}.playback-overlay.active .playback-ghost-cursor{opacity:1}.playback-cursor-inner{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 8px #fffc;transition:transform .15s,opacity .15s}.playback-ghost-cursor.tapping{animation:playback-tap-pulse .3s ease-out}.playback-ghost-cursor.tapping .playback-cursor-inner{transform:translate(-50%,-50%) scale(2);opacity:.5}@keyframes playback-tap-pulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px #fff6,0 0 30px var(--primary-color)}50%{transform:translate(-50%,-50%) scale(1.4);box-shadow:0 0 25px #ffffffb3,0 0 50px var(--primary-color)}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px #fff6,0 0 30px var(--primary-color)}}.playback-ghost-cursor.swiping{box-shadow:0 0 20px #fff9,0 0 40px var(--primary-color)}.playback-ghost-cursor.swiping:after{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);opacity:.3;animation:playback-trail-fade .6s ease-out}@keyframes playback-trail-fade{0%{transform:scale(1);opacity:.4}to{transform:scale(2);opacity:0}}.playback-ghost-cursor.holding{animation:playback-hold-pulse .8s ease-in-out infinite;border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-color),0 0 40px var(--accent-color)}@keyframes playback-hold-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}.playback-instructions{position:absolute;top:8%;left:50%;transform:translate(-50%);z-index:20;text-align:center;width:88%;max-width:420px;background:#000000bf;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px 22px;box-shadow:0 8px 32px #0009,inset 0 0 20px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:playback-instructions-in .5s ease-out .3s both}@keyframes playback-instructions-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.playback-title{font-size:1.8rem;font-weight:900;color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;text-shadow:0 0 15px var(--primary-color)}.playback-objective{font-size:.95rem;color:#fff;line-height:1.4;margin-bottom:8px;padding:0}.playback-controls{font-size:.8rem;color:var(--secondary-color);line-height:1.3;font-style:italic;opacity:.8}.playback-bottom-bar{position:absolute;bottom:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 30px 30px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);animation:playback-bar-in .4s ease-out .5s both}@keyframes playback-bar-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.playback-timer-container{position:relative;width:52px;height:52px;flex-shrink:0}.playback-timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.playback-timer-bg{fill:none;stroke:#333;stroke-width:3}.playback-timer-circle{fill:none;stroke:var(--primary-color);stroke-width:3;stroke-linecap:round;transition:stroke .3s;filter:drop-shadow(0 0 4px var(--primary-color))}.playback-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;font-weight:900;color:var(--primary-color);text-shadow:0 0 5px var(--primary-color);transition:color .3s}.playback-skip-btn{padding:12px 35px;font-size:1.2rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;border-color:var(--accent-color)!important;color:var(--accent-color)!important;box-shadow:0 0 15px var(--accent-color),inset 0 0 8px var(--accent-color)!important;animation:playback-btn-glow 2s infinite alternate}.playback-skip-btn:hover{background:var(--accent-color)!important;color:#000!important;transform:scale(1.05)}.playback-disable-btn{padding:10px 18px;font-size:.8rem;border-color:var(--primary-color)!important;color:var(--primary-color)!important;box-shadow:0 0 8px var(--primary-color),inset 0 0 4px var(--primary-color)!important}.playback-disable-btn:hover{background:var(--primary-color)!important;color:#000!important}@keyframes playback-btn-glow{0%{box-shadow:0 0 10px var(--accent-color),inset 0 0 5px var(--accent-color)}to{box-shadow:0 0 20px var(--accent-color),0 0 40px var(--accent-color),inset 0 0 10px var(--accent-color)}}.menu-desc{font-size:.8rem;color:#ffffff80;margin-top:5px;margin-bottom:5px;font-style:italic;text-align:center;max-width:250px}.all-games-banner{background:rgba(var(--primary-color-rgb, 0, 243, 255),.1);border:1px solid var(--primary-color);padding:12px;margin-bottom:20px;border-radius:8px;color:var(--primary-color);font-size:.9rem;text-align:center;box-shadow:0 0 10px #00f3ff33;width:90%;animation:neon-pulse 2s infinite}#lose-life-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .2s}#lose-life-overlay.active{opacity:1}.neon-cross{position:relative;width:200px;height:200px;transform:scale(0);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}#lose-life-overlay.active .neon-cross{transform:scale(1)}.neon-cross:before,.neon-cross:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:20px;background:#f05;border-radius:10px;box-shadow:0 0 20px #f05,0 0 40px #f05}.neon-cross:before{transform:translate(-50%,-50%) rotate(45deg)}.neon-cross:after{transform:translate(-50%,-50%) rotate(-45deg)}#practice-result-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s}#practice-result-overlay.active{opacity:1;pointer-events:auto}.neon-check{width:80px;height:40px;border-left:10px solid #ccff00;border-bottom:10px solid #ccff00;transform:rotate(-45deg) translate(10px,-20px);background:transparent;box-shadow:none;filter:drop-shadow(0 0 10px #ccff00) drop-shadow(0 0 20px #ccff00)}.neon-cross-large{position:relative;width:150px;height:150px}.neon-cross-large:before,.neon-cross-large:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:15px;background:#f05;box-shadow:0 0 20px #f05;border-radius:8px}.neon-cross-large:before{transform:translate(-50%,-50%) rotate(45deg)}.neon-cross-large:after{transform:translate(-50%,-50%) rotate(-45deg)}.speed-up-arrow{display:inline-block;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid #ccff00;margin-left:10px;filter:drop-shadow(0 0 10px #ccff00);animation:bounce .5s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.skin-card{background:#00000080;border:2px solid #333;padding:20px;text-align:center;cursor:pointer;transition:all .2s;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.skin-card.selected{border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-color);background:#ffffff1a}.skin-preview{width:60px;height:60px;border-radius:50%;margin-bottom:10px;background:linear-gradient(135deg,var(--preview-primary) 50%,var(--preview-secondary) 50%);box-shadow:0 0 10px var(--preview-primary)}.skin-name{font-size:1.2rem;font-weight:700;color:#fff}.neon-input{background:#00000080;border:2px solid var(--secondary-color);color:#fff;padding:15px;font-family:var(--font-main);font-size:1.2rem;margin-bottom:15px;width:100%;outline:none;box-shadow:0 0 5px var(--secondary-color);transition:all .2s}.neon-input:focus{border-color:var(--primary-color);box-shadow:0 0 15px var(--primary-color)}.login-form{display:flex;flex-direction:column;width:300px;align-items:center}.login-actions{display:flex;gap:20px;width:100%;justify-content:center}.neon-btn.small{padding:10px 20px;font-size:1rem}.coins-container{font-size:1.5rem;font-weight:700;text-shadow:0 0 5px var(--text-color);background:#00000080;padding:5px 10px;border-radius:5px;border:1px solid #333;color:var(--accent-color)}.skin-price{font-size:.9rem;color:var(--accent-color);margin-top:5px}.skin-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#888;z-index:10}.skin-card.locked{opacity:.7;filter:grayscale(.8);border-color:#555!important;box-shadow:none!important}.skin-card.locked:hover{border-color:var(--accent-color)!important;box-shadow:0 0 10px var(--accent-color)!important;cursor:pointer}.skin-card.selected:after{content:"✔";position:absolute;top:5px;right:5px;background:var(--accent-color);color:#000;width:25px;height:25px;border-radius:50%;text-align:center;line-height:25px;font-weight:700;box-shadow:0 0 10px var(--accent-color);border:2px solid #fff;z-index:15}.coin-icon{display:inline-block;width:20px;height:20px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 10px var(--primary-color),0 0 5px var(--secondary-color) inset;text-align:center;line-height:22px;font-size:0;margin-right:5px;border:1px solid rgba(255,255,255,.5)}.bolt-icon{display:inline-block;width:16px;height:16px;fill:var(--secondary-color);filter:drop-shadow(0 0 4px var(--secondary-color));margin-right:5px;animation:flash 2s infinite;vertical-align:middle}@keyframes flash{0%,to{opacity:1;text-shadow:0 0 10px #ffeb3b}50%{opacity:.7;text-shadow:0 0 5px #ffeb3b}}.level-badge{position:absolute;top:55px;right:15px;font-size:1rem;color:var(--primary-color);font-weight:700;text-shadow:0 0 5px var(--primary-color)}.profile-card{background:#000c;border:2px solid var(--primary-color);box-shadow:0 0 20px #00f3ff33;padding:30px;border-radius:10px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center}#profile-screen{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:24px 0 40px;scrollbar-width:none;-ms-overflow-style:none}#profile-screen::-webkit-scrollbar{display:none;width:0;height:0}#profile-screen .profile-card{margin-top:12px;margin-bottom:20px}#profile-screen #language-select{color:#fff!important;-webkit-text-fill-color:#fff;background-color:#000000eb!important;border-color:var(--secondary-color)!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0 10px!important;margin-bottom:0!important;height:34px!important;line-height:34px;font-size:.9rem!important;text-align:center}#profile-screen #language-select:focus,#profile-screen #language-select:active{color:#fff!important;-webkit-text-fill-color:#fff;background-color:#000000eb!important}#profile-screen #language-select option{color:#fff!important;background-color:#111!important}.level-circle{width:120px;height:120px;border-radius:50%;border:4px solid var(--primary-color);box-shadow:0 0 15px var(--primary-color),inset 0 0 15px var(--primary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#00000080}.xp-bar-bg{width:100%;height:20px;background:#333;border-radius:10px;overflow:hidden;border:1px solid #555}.xp-bar-fill{height:100%;width:0%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transition:width .5s ease-out}.menu-btn{width:250px!important;max-width:90%}.menu-btn{width:280px!important;max-width:95%;font-size:1.2rem;padding:15px 20px}.skin-card.locked .skin-price{z-index:11;position:relative;background:#000c;padding:2px 5px;border-radius:4px}.menu-xp-container{display:inline-block;width:100px;height:10px;background:#333;border:1px solid #555;border-radius:5px;margin-left:10px;position:relative;vertical-align:middle;overflow:hidden}.menu-xp-fill{height:100%;background:var(--primary-color);width:0%}.menu-level-text{font-size:.9rem;color:var(--primary-color);margin-left:5px;font-weight:700}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000080;border-left:1px solid var(--primary-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px;box-shadow:0 0 10px var(--primary-color)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color);box-shadow:0 0 15px var(--secondary-color)}.friend-card{background:#0a0a0ae6;border:1px solid #333;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;border-radius:5px;transition:all .2s}.friend-card:hover{border-color:var(--primary-color);box-shadow:0 0 10px #00f3ff33}.friend-name{font-weight:700;color:#fff}.friend-details{font-size:.8rem;color:#aaa}.friend-highscores{font-size:.7rem;color:var(--accent-color);margin-top:5px}#friends-list{width:100%;max-height:400px;overflow-y:auto;margin-bottom:20px}#friends-list::-webkit-scrollbar{width:8px}#friends-list::-webkit-scrollbar-track{background:#111}#friends-list::-webkit-scrollbar-thumb{background:#333;border-radius:4px}#friends-list::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.share-btn{background:#1da1f2;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-family:var(--font-main);font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:0 0 10px #1da1f280;transition:all .2s;margin-top:10px}.share-btn:hover{transform:scale(1.05);background:#4db5f5}.friend-code-display{background:#000;border:1px dashed var(--secondary-color);color:var(--secondary-color);padding:10px;font-family:monospace;font-size:1.2rem;letter-spacing:2px;margin:10px 0;cursor:pointer}.friend-code-display:active{background:#201}.games-grid,#leaderboard-list,#skins-grid,#skins-grid-effects,#friends-list,#profile-bests-list,#profile-screen,#admin-screen,.admin-panel{touch-action:pan-y!important;-webkit-overflow-scrolling:touch;overflow-y:auto}.games-grid *,#leaderboard-list *,#skins-grid *,#skins-grid-effects *,#friends-list *,#profile-bests-list *,#profile-screen *,#admin-screen *,.admin-panel *{touch-action:pan-y!important}.challenge-card-large{background:#0a0a0ae6;border:2px solid var(--primary-color);border-radius:20px;padding:30px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 30px #00f3ff33;position:relative;overflow:hidden;animation:fadeSlideUp .3s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.challenge-header{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:10px}.challenge-number{font-size:1.5rem;font-weight:700;color:var(--secondary-color)}.challenge-stars{font-size:1.2rem}.challenge-icon{font-size:4rem;margin-bottom:15px;text-shadow:0 0 20px var(--primary-color)}.challenge-title{font-size:2rem;font-weight:900;color:var(--primary-color);text-transform:uppercase;text-align:center;margin-bottom:10px}.challenge-desc{font-size:1rem;color:#ccc;text-align:center;margin-bottom:20px;font-style:italic}.challenge-goals{width:100%;background:#ffffff0d;border-radius:10px;padding:15px}.goal-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.9rem}.shake{animation:shake-anim .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-anim{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.neon-star{font-size:1.5rem;display:inline-block}.neon-star.filled{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px var(--primary-color));animation:pulseStar 2s infinite}.neon-star.empty{color:#333;text-shadow:none;opacity:.5}@keyframes pulseStar{0%{filter:drop-shadow(0 0 5px var(--primary-color))}50%{filter:drop-shadow(0 0 10px var(--secondary-color))}to{filter:drop-shadow(0 0 5px var(--primary-color))}}.neon-notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.neon-notification{background:#000000e6;border:2px solid var(--primary-color);border-left:5px solid var(--secondary-color);color:#fff;padding:15px 25px;border-radius:8px;box-shadow:0 0 15px var(--primary-color);font-family:var(--font-main);font-size:1.1rem;text-transform:uppercase;animation:slideInDown .3s ease-out forwards;pointer-events:auto;min-width:300px;text-align:center}.neon-notification.hiding{animation:fadeOutUp .3s ease-in forwards}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.challenge-big-stars{display:flex;justify-content:center;gap:15px;margin:10px 0 20px}.big-star-slot{width:40px;height:40px;position:relative;display:inline-block}.big-star-bg{font-size:40px;color:#333;position:absolute;top:0;left:0}.big-star-fill{font-size:40px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px var(--primary-color));position:absolute;top:0;left:0;opacity:0;transform:scale(.5);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.big-star-fill.awarded{opacity:1;transform:scale(1)}@media (max-width: 480px){.hud-top{padding:0 10px}.hud-stat-box{font-size:.9rem}#quit-btn{width:30px;height:30px;font-size:1rem}}.neon-heart{display:inline-block;color:var(--secondary-color);text-shadow:0 0 5px var(--secondary-color),0 0 10px var(--secondary-color),0 0 20px var(--secondary-color);font-size:1.2em;margin:0 2px}.neon-loader{position:relative;display:flex;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px}.neon-loader div{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid var(--primary-color);animation:neon-pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite;box-shadow:0 0 10px var(--primary-color)}.neon-loader div:nth-child(2){animation-delay:.6s;border-color:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color)}.neon-loader div:nth-child(3){animation-delay:1.2s;border-color:var(--primary-color)}@keyframes neon-pulse-ring{0%{transform:scale(.1);opacity:1}80%{transform:scale(1);opacity:0}to{opacity:0}}.leaderboard-table{width:100%;max-width:400px;margin:20px auto;border-collapse:collapse;color:#fff;font-size:1.2rem}.leaderboard-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.2)}.leaderboard-table .highlight{color:var(--primary-color);font-weight:700;text-shadow:0 0 5px var(--primary-color)}#admin-screen{justify-content:flex-start;padding-top:20px;overflow-y:auto}.admin-header{width:90%;max-width:500px;text-align:center;margin-bottom:10px;flex-shrink:0}.admin-title{color:var(--secondary-color);text-shadow:0 0 15px var(--secondary-color),0 0 5px var(--secondary-color);font-size:1.8rem;letter-spacing:3px;margin-bottom:15px}.admin-tabs{display:flex;gap:10px;justify-content:center}.admin-tab{background:transparent;border:2px solid #444;color:#888;padding:8px 24px;font-family:var(--font-main);font-size:.9rem;cursor:pointer;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.admin-tab.active{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 10px #00f3ff4d,inset 0 0 10px #00f3ff1a;text-shadow:0 0 8px var(--primary-color)}.admin-tab:hover:not(.active){border-color:#666;color:#ccc}.admin-panel{width:90%;max-width:500px;flex:1;overflow-y:visible;margin-bottom:10px}.admin-search-bar{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.admin-search-bar .neon-input{border-color:var(--primary-color);box-shadow:0 0 5px #00f3ff33;margin-bottom:0;flex:1}.admin-search-bar .neon-input:focus{border-color:var(--primary-color);box-shadow:0 0 15px #00f3ff66}.admin-count{color:#888;font-size:.85rem;white-space:nowrap}.admin-users-list{display:flex;flex-direction:column;gap:8px;padding-right:5px}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:15px;padding:10px 0}.admin-pagination-btn{background:transparent;border:1px solid #555;color:#aaa;padding:6px 14px;font-family:var(--font-main);font-size:.8rem;cursor:pointer;letter-spacing:1px;transition:all .2s;border-radius:4px}.admin-pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 8px #00f3ff4d}.admin-pagination-btn:disabled{opacity:.3;cursor:not-allowed}.admin-pagination-info{color:#888;font-size:.8rem;letter-spacing:1px}.admin-user-card{background:#ffffff08;border:1px solid #333;border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:12px;transition:all .2s;position:relative}.admin-user-card:hover{border-color:#f33;box-shadow:0 0 10px #f333;background:#ffffff0d}.admin-user-card.blocked{border-color:#f05;background:#ff00551a;opacity:.7}.admin-user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-color);box-shadow:0 0 8px var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--primary-color);background:#00f3ff1a;flex-shrink:0}.admin-user-info{flex:1;min-width:0}.admin-user-name{font-weight:700;color:#fff;font-size:.95rem;display:flex;align-items:center;gap:6px}.admin-user-name .admin-badge{font-size:.65rem;background:#f33;color:#000;padding:1px 5px;border-radius:3px;font-weight:700}.admin-user-name .blocked-badge{font-size:.65rem;background:#f05;color:#fff;padding:1px 5px;border-radius:3px}.admin-user-name .premium-badge{font-size:.65rem;background:gold;color:#000;padding:1px 5px;border-radius:3px;margin-left:5px;box-shadow:0 0 5px #ffd70080;font-weight:700}.admin-user-meta{font-size:.7rem;color:#666;margin-top:2px}.admin-user-stats{display:flex;gap:10px;align-items:center;flex-shrink:0}.admin-user-stat{text-align:center;font-size:.7rem;color:#888}.admin-user-stat .stat-val{font-size:.9rem;font-weight:700;color:var(--primary-color);display:block}.admin-user-actions{display:flex;gap:5px;flex-shrink:0}.admin-action-btn{background:transparent;border:1px solid #555;color:#888;width:30px;height:30px;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:var(--font-main)}.admin-action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 5px #00f3ff66}.admin-action-btn.danger:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:#ff005526;box-shadow:0 0 8px #ff00554d}.admin-action-btn.unblock{border-color:var(--accent-color);color:var(--accent-color)}.admin-action-btn.gift{border-color:var(--primary-color);color:var(--primary-color)}.admin-action-btn.gift:hover{background:#00f3ff26;box-shadow:0 0 10px #00f3ff80}.admin-action-btn.premium{border-color:gold;color:gold}.admin-action-btn.premium:hover{background:#ffd70026;box-shadow:0 0 10px #ffd70080}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.admin-stat-card{background:#ffffff08;border:1px solid #333;border-radius:8px;padding:15px;text-align:center;transition:all .3s}.admin-stat-card:hover{border-color:var(--primary-color);box-shadow:0 0 8px #00f3ff33}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);text-shadow:0 0 10px var(--primary-color);display:block;line-height:1}.admin-stat-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-top:5px;display:block}.admin-charts-container{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.admin-chart-card{background:#ffffff08;border:1px solid #333;border-radius:8px;padding:15px}.admin-chart-title{color:#f33;font-size:.8rem;letter-spacing:2px;text-shadow:0 0 5px rgba(255,51,51,.4);margin-bottom:10px;margin-top:0}.admin-top-games{display:flex;flex-direction:column;gap:8px}.admin-game-bar{display:flex;align-items:center;gap:10px}.admin-game-bar-label{font-size:.75rem;color:#ccc;width:80px;text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-game-bar-track{flex:1;height:20px;background:#222;border-radius:4px;overflow:hidden;position:relative}.admin-game-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#ff3333,var(--primary-color));box-shadow:0 0 8px #f336;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.65rem;color:#fff;font-weight:700}.admin-level-dist{display:flex;flex-direction:column;gap:8px}.admin-level-bar{display:flex;align-items:center;gap:10px}.admin-level-bar-label{font-size:.75rem;color:#ccc;width:50px;text-align:right;flex-shrink:0}.admin-level-bar-track{flex:1;height:18px;background:#222;border-radius:4px;overflow:hidden}.admin-level-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));box-shadow:0 0 6px #00f3ff4d;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.6rem;color:#fff;font-weight:700}.admin-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:99999}.admin-confirm-box{background:#111;border:2px solid #ff3333;box-shadow:0 0 30px #ff33334d;border-radius:10px;padding:30px;text-align:center;max-width:320px}.admin-confirm-box p{color:#fff;margin-bottom:20px;line-height:1.5}.admin-confirm-actions{display:flex;gap:15px;justify-content:center}.admin-confirm-actions .neon-btn{padding:8px 20px;font-size:.9rem}.admin-gift-all-bar{display:flex;justify-content:flex-end;margin-bottom:10px}.admin-gift-all-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:6px 16px;font-family:var(--font-main);font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .2s;border-radius:4px}.admin-gift-all-btn:hover{background:#00f3ff26;box-shadow:0 0 10px #00f3ff4d}.admin-action-btn.gift{border-color:var(--accent-color);color:var(--accent-color)}.admin-action-btn.gift:hover{border-color:var(--accent-color);color:var(--accent-color);background:#ccff0026;box-shadow:0 0 8px #ccff004d}.admin-gift-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e0;display:flex;justify-content:center;align-items:center;z-index:99999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-gift-box{background:#111;border:2px solid var(--accent-color);box-shadow:0 0 30px #cf03,0 0 60px #ccff001a;border-radius:12px;padding:25px;width:90%;max-width:340px;text-align:center}.admin-gift-box h3{color:var(--accent-color);text-shadow:0 0 10px rgba(204,255,0,.5);margin-top:0;margin-bottom:15px;font-size:1.1rem;letter-spacing:2px}.admin-gift-recipient{color:var(--primary-color);font-size:.85rem;margin-bottom:15px;text-shadow:0 0 5px var(--primary-color)}.admin-gift-input{background:#0009;border:1px solid #444;color:#fff;padding:10px 12px;font-family:var(--font-main);font-size:1rem;width:100%;outline:none;border-radius:6px;margin-bottom:10px;transition:border-color .2s;box-sizing:border-box}.admin-gift-input:focus{border-color:var(--accent-color);box-shadow:0 0 8px #cf03}.admin-gift-input::placeholder{color:#555}.admin-gift-textarea{resize:none;height:60px}.admin-gift-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.admin-gift-actions .neon-btn{padding:8px 20px;font-size:.85rem}.gift-notif-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;pointer-events:auto}.gift-notif-card{background:linear-gradient(135deg,#050505f2,#141414f2);border:2px solid var(--secondary-color);padding:40px;border-radius:20px;text-align:center;width:90%;max-width:400px;box-shadow:0 0 30px #f053,inset 0 0 20px #ff00551a;position:relative;overflow:hidden;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.gift-notif-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,0,85,.1) 0%,transparent 60%);animation:rotate 10s linear infinite;pointer-events:none}.neon-gift-icon-container{width:80px;height:80px;margin:0 auto 20px;position:relative;animation:bounce 2s infinite ease-in-out}.neon-gift-box{width:60px;height:50px;background:transparent;border:3px solid var(--primary-color);border-radius:4px;position:absolute;bottom:0;left:10px;box-shadow:0 0 10px var(--primary-color),inset 0 0 10px var(--primary-color)}.neon-gift-lid{width:70px;height:15px;background:transparent;border:3px solid var(--primary-color);border-radius:4px;position:absolute;top:15px;left:5px;box-shadow:0 0 10px var(--primary-color),inset 0 0 10px var(--primary-color);z-index:2}.neon-gift-ribbon-v{width:10px;height:65px;background:var(--secondary-color);position:absolute;top:15px;left:35px;box-shadow:0 0 10px var(--secondary-color);z-index:3}.neon-gift-ribbon-h{width:70px;height:0;border-top:3px solid var(--secondary-color);position:absolute;top:22px;left:5px;z-index:4}.neon-gift-bow-left,.neon-gift-bow-right{width:20px;height:20px;border:3px solid var(--secondary-color);border-radius:50% 50% 0;position:absolute;top:0;box-shadow:0 0 8px var(--secondary-color)}.neon-gift-bow-left{left:20px;transform:rotate(45deg)}.neon-gift-bow-right{right:20px;transform:rotate(45deg) scaleX(-1);border-radius:50% 50% 50% 0}.gift-notif-title{font-size:1.8rem;color:var(--primary-color);text-shadow:0 0 10px var(--primary-color);margin-bottom:5px;font-weight:700;letter-spacing:2px}.gift-notif-coins{font-size:3rem;color:var(--secondary-color);text-shadow:0 0 15px var(--secondary-color);margin:10px 0 20px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:15px}.gift-notif-message{color:#fff;font-size:1.1rem;line-height:1.5;background:#ffffff0d;padding:15px;border-radius:10px;border-left:4px solid var(--primary-color);margin-bottom:30px;font-style:italic;min-height:60px;display:flex;align-items:center;justify-content:center}.gift-notif-ok{width:80%;margin-top:10px;font-size:1.2rem;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);box-shadow:0 0 10px #00f3ff33;cursor:pointer;padding:10px;text-transform:uppercase;font-weight:700;transition:all .3s ease}.gift-notif-ok:hover{background:var(--primary-color);color:#000;box-shadow:0 0 20px #00f3ff99}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skin-preview-btn{position:absolute;top:5px;right:5px;background:#0009;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;font-size:1rem;color:#fff;transition:all .2s}.skin-preview-btn:hover{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 0 10px var(--primary-color)}.preview-overlay{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#000000d9;border:2px solid var(--primary-color);padding:10px 20px;border-radius:30px;z-index:99999;color:#fff;display:flex;gap:15px;align-items:center;box-shadow:0 0 20px var(--primary-color);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,50px);opacity:0}to{transform:translate(-50%);opacity:1}}#login-to-guest-link:hover{color:var(--secondary-color)!important;text-shadow:0 0 5px var(--secondary-color)}:root{--effect-border: 2px solid var(--primary-color);--effect-glow: 0 0 10px var(--primary-color), inset 0 0 10px var(--secondary-color);--effect-bg: transparent;--effect-text-shadow: 0 0 10px var(--primary-color), 0 0 20px var(--secondary-color)}.effect-neon{--effect-border: 2px solid var(--primary-color);--effect-glow: 0 0 10px var(--primary-color), inset 0 0 10px var(--secondary-color);--effect-bg: transparent;--effect-text-shadow: 0 0 10px var(--primary-color), 0 0 20px var(--secondary-color)}.effect-metal{--effect-border: 2px solid color-mix(in srgb, var(--secondary-color), #888 60%);--effect-glow: 0 0 8px color-mix(in srgb, var(--secondary-color), transparent 70%), 0 0 3px rgba(255, 255, 255, .4), inset 0 0 15px rgba(0, 0, 0, .8), inset 0 0 30px color-mix(in srgb, var(--secondary-color), transparent 85%);--effect-bg: linear-gradient(135deg, color-mix(in srgb, var(--secondary-color), #333 80%) 0%, #111 30%, color-mix(in srgb, var(--secondary-color), #222 85%) 50%, #111 70%, color-mix(in srgb, var(--secondary-color), #444 75%) 100%);--effect-text-shadow: 1px 1px 0 #000, 0 0 8px color-mix(in srgb, var(--secondary-color), transparent 60%)}.neon-btn,.game-card,.score-container,.lives-container,.tap-target,.skin-card,.neon-input,#timer-fill{background:var(--effect-bg);border:var(--effect-border);box-shadow:var(--effect-glow)}h1,h2,.subtitle{text-shadow:var(--effect-text-shadow)!important}@keyframes fire-flicker{0%,to{background-size:85% 90%,60% 70%,60% 70%,100% 100%;background-position:50% 100%,20% 100%,80% 100%,0% 0%}20%{background-size:80% 95%,55% 65%,65% 75%,100% 100%;background-position:52% 100%,25% 100%,75% 100%,0% 0%}40%{background-size:90% 85%,65% 75%,55% 65%,100% 100%;background-position:48% 100%,15% 100%,85% 100%,0% 0%}60%{background-size:85% 92%,60% 70%,58% 72%,100% 100%;background-position:51% 100%,22% 100%,78% 100%,0% 0%}80%{background-size:82% 98%,58% 68%,62% 74%,100% 100%;background-position:49% 100%,18% 100%,82% 100%,0% 0%}}@keyframes fire-flicker-2{0%,to{background-size:88% 88%,62% 68%,58% 72%,100% 100%;background-position:50% 100%,22% 100%,78% 100%,0% 0%}25%{background-size:84% 94%,58% 72%,60% 68%,100% 100%;background-position:48% 100%,20% 100%,80% 100%,0% 0%}50%{background-size:90% 85%,64% 65%,56% 75%,100% 100%;background-position:52% 100%,24% 100%,76% 100%,0% 0%}75%{background-size:86% 92%,60% 70%,62% 70%,100% 100%;background-position:49% 100%,21% 100%,79% 100%,0% 0%}}@keyframes flame-glow-pulse{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--secondary-color),transparent 30%),0 0 20px color-mix(in srgb,var(--secondary-color),transparent 50%),0 0 40px color-mix(in srgb,var(--primary-color),transparent 70%),inset 0 0 15px color-mix(in srgb,var(--secondary-color),transparent 60%)}50%{box-shadow:0 0 15px color-mix(in srgb,var(--secondary-color),transparent 20%),0 0 30px color-mix(in srgb,var(--secondary-color),transparent 40%),0 0 50px color-mix(in srgb,var(--primary-color),transparent 60%),inset 0 0 20px color-mix(in srgb,var(--secondary-color),transparent 50%)}}@keyframes flame-border-shift{0%,to{border-color:var(--secondary-color)}50%{border-color:color-mix(in srgb,var(--primary-color),var(--secondary-color) 40%)}}.effect-fire .neon-btn,.effect-fire .game-card,.effect-fire .score-container,.effect-fire .lives-container,.effect-fire .tap-target,.effect-fire .skin-card,.effect-fire .neon-input,.effect-fire #timer-fill{background-image:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--primary-color),transparent 20%) 0%,transparent 70%),radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--secondary-color),transparent 40%) 0%,transparent 70%),radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--secondary-color),transparent 40%) 0%,transparent 70%),linear-gradient(to top,#000c,#000000f2 40%,#000);background-repeat:no-repeat;animation:fire-flicker 3s infinite ease-in-out,flame-glow-pulse 4s ease-in-out infinite,flame-border-shift 6s ease-in-out infinite;border:2px solid var(--secondary-color)}.effect-fire .game-card:nth-child(2n),.effect-fire .neon-btn:nth-child(2n){animation-name:fire-flicker-2,flame-glow-pulse,flame-border-shift!important;animation-delay:-1.2s,-2.5s,-3.5s;animation-duration:3.8s,4.5s,6.5s}.effect-fire .game-card:nth-child(3n),.effect-fire .neon-btn:nth-child(3n){animation-name:fire-flicker,flame-glow-pulse,flame-border-shift!important;animation-delay:-.8s,-1.2s,-.5s;animation-duration:3.1s,3.9s,5.7s}.effect-fire .game-card:nth-child(5n),.effect-fire .neon-btn:nth-child(5n){animation-name:fire-flicker-2,flame-glow-pulse,flame-border-shift!important;animation-delay:-2.5s,-3.8s,-1.5s;animation-duration:3.6s,4.3s,6.8s}.effect-fire .game-card:nth-child(7n),.effect-fire .neon-btn:nth-child(7n){animation-name:fire-flicker,flame-glow-pulse,flame-border-shift!important;animation-delay:-1.9s,-.2s,-4.5s;animation-duration:3.3s,4s,6s}@keyframes bubbles-rise{0%{background-position:0% 100%}to{background-position:0% 0%}}.effect-water .neon-btn,.effect-water .game-card,.effect-water .score-container,.effect-water .lives-container,.effect-water .tap-target,.effect-water .skin-card,.effect-water .neon-input,.effect-water #timer-fill{background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.2) 2px,transparent 2.5px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.2) 3px,transparent 3.5px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.2) 2px,transparent 2.5px),linear-gradient(180deg,color-mix(in srgb,var(--primary-color),transparent 90%),color-mix(in srgb,var(--secondary-color),transparent 80%))!important;background-size:100% 200%!important;background-repeat:repeat!important;animation:bubbles-rise 4s linear infinite!important;border-color:var(--primary-color)!important;box-shadow:0 0 15px var(--primary-color),inset 0 0 15px var(--secondary-color)!important}.effect-water .game-card:nth-child(odd),.effect-water .neon-btn:nth-child(odd){animation-duration:5s!important;animation-delay:.5s;background-size:110% 210%!important}.effect-water .game-card:nth-child(2n),.effect-water .neon-btn:nth-child(2n){animation-duration:6s!important;animation-delay:1.2s;background-size:90% 190%!important}.effect-water .game-card:nth-child(3n),.effect-water .neon-btn:nth-child(3n){animation-duration:4.5s!important;animation-delay:-2s;background-size:120% 220%!important}.effect-water .game-card:nth-child(4n),.effect-water .neon-btn:nth-child(4n){animation-duration:7s!important;animation-delay:-1s;background-size:80% 180%!important}.effect-water .game-card:nth-child(5n),.effect-water .neon-btn:nth-child(5n){animation-duration:5.5s!important;animation-delay:0s;background-size:100% 200%!important}@keyframes cyberpunk-glitch{0%{clip-path:inset(0 0 0 0);transform:translate(0)}5%{clip-path:inset(10% 0 85% 0);transform:translate(-2px,2px)}10%{clip-path:inset(85% 0 5% 0);transform:translate(2px,-2px)}15%{clip-path:inset(40% 0 40% 0);transform:translate(-1px,-1px)}20%{clip-path:inset(0 0 0 0);transform:translate(0)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}.effect-cyberpunk .neon-btn,.effect-cyberpunk .game-card,.effect-cyberpunk .score-container,.effect-cyberpunk .lives-container,.effect-cyberpunk .tap-target,.effect-cyberpunk .skin-card,.effect-cyberpunk .neon-input,.effect-cyberpunk #timer-fill{border:2px solid var(--secondary-color)!important;box-shadow:2px 2px var(--primary-color),-2px -2px var(--secondary-color)!important;background:#000c!important;position:relative;animation:cyberpunk-glitch 4s infinite linear alternate-reverse!important}.effect-cyberpunk .neon-btn:hover{box-shadow:4px 4px var(--primary-color),-4px -4px var(--secondary-color)!important}@keyframes galaxy-spin{0%{background-position:0% 0%}to{background-position:100% 100%}}.effect-galaxy .neon-btn,.effect-galaxy .game-card,.effect-galaxy .score-container,.effect-galaxy .lives-container,.effect-galaxy .tap-target,.effect-galaxy .skin-card,.effect-galaxy .neon-input,.effect-galaxy #timer-fill{background-image:radial-gradient(1px 1px at 10% 10%,white,transparent),radial-gradient(1px 1px at 20% 20%,white,transparent),radial-gradient(2px 2px at 30% 30%,white,transparent),radial-gradient(1px 1px at 40% 40%,white,transparent),radial-gradient(2px 2px at 50% 50%,white,transparent),radial-gradient(1px 1px at 60% 60%,white,transparent),radial-gradient(2px 2px at 70% 70%,white,transparent),radial-gradient(1px 1px at 80% 80%,white,transparent),radial-gradient(1px 1px at 90% 90%,white,transparent),linear-gradient(135deg,color-mix(in srgb,var(--primary-color),#000 85%),color-mix(in srgb,var(--secondary-color),#000 70%),#000);background-size:200% 200%;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 15px color-mix(in srgb,var(--secondary-color),#000 50%),inset 0 0 20px color-mix(in srgb,var(--primary-color),#000 50%);animation:galaxy-spin 20s linear infinite;color:#fff}.effect-galaxy .game-card:nth-child(2n),.effect-galaxy .neon-btn:nth-child(2n){background-image:radial-gradient(1px 1px at 15% 85%,white,transparent),radial-gradient(2px 2px at 25% 15%,white,transparent),radial-gradient(1px 1px at 35% 65%,white,transparent),radial-gradient(2px 2px at 45% 45%,white,transparent),radial-gradient(1px 1px at 55% 25%,white,transparent),radial-gradient(2px 2px at 65% 55%,white,transparent),radial-gradient(1px 1px at 85% 35%,white,transparent),radial-gradient(1px 1px at 95% 75%,white,transparent),linear-gradient(135deg,color-mix(in srgb,var(--primary-color),#000 85%),color-mix(in srgb,var(--secondary-color),#000 70%),#000);animation-duration:25s}.effect-galaxy .game-card:nth-child(3n),.effect-galaxy .neon-btn:nth-child(3n){background-image:radial-gradient(2px 2px at 5% 50%,white,transparent),radial-gradient(1px 1px at 15% 90%,white,transparent),radial-gradient(1px 1px at 33% 33%,white,transparent),radial-gradient(2px 2px at 58% 12%,white,transparent),radial-gradient(1px 1px at 70% 80%,white,transparent),radial-gradient(2px 2px at 88% 44%,white,transparent),radial-gradient(1px 1px at 92% 10%,white,transparent),linear-gradient(135deg,color-mix(in srgb,var(--primary-color),#000 85%),color-mix(in srgb,var(--secondary-color),#000 70%),#000);animation-duration:22s;animation-direction:reverse}.effect-galaxy .game-card:nth-child(5n),.effect-galaxy .neon-btn:nth-child(5n){background-image:radial-gradient(1px 1px at 8% 8%,white,transparent),radial-gradient(2px 2px at 90% 90%,white,transparent),radial-gradient(1px 1px at 20% 80%,white,transparent),radial-gradient(1px 1px at 80% 20%,white,transparent),radial-gradient(2px 2px at 50% 10%,white,transparent),radial-gradient(1px 1px at 10% 50%,white,transparent),linear-gradient(135deg,color-mix(in srgb,var(--primary-color),#000 85%),color-mix(in srgb,var(--secondary-color),#000 70%),#000);animation-duration:28s}@keyframes matrix-rain{0%{background-position:0% 0%}to{background-position:0% 100%}}.effect-matrix .neon-btn,.effect-matrix .game-card,.effect-matrix .score-container,.effect-matrix .lives-container,.effect-matrix .tap-target,.effect-matrix .skin-card,.effect-matrix .neon-input,.effect-matrix #timer-fill{border:1px solid var(--primary-color)!important;box-shadow:0 0 5px var(--secondary-color)!important;background-color:#000!important;background-image:linear-gradient(0deg,transparent 24%,color-mix(in srgb,var(--primary-color),transparent 70%) 25%,color-mix(in srgb,var(--secondary-color),transparent 70%) 26%,transparent 27%,transparent 74%,color-mix(in srgb,var(--primary-color),transparent 70%) 75%,color-mix(in srgb,var(--secondary-color),transparent 70%) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,color-mix(in srgb,var(--primary-color),transparent 70%) 25%,color-mix(in srgb,var(--secondary-color),transparent 70%) 26%,transparent 27%,transparent 74%,color-mix(in srgb,var(--primary-color),transparent 70%) 75%,color-mix(in srgb,var(--secondary-color),transparent 70%) 76%,transparent 77%,transparent)!important;background-size:30px 30px!important;animation:matrix-rain 2s linear infinite!important;color:var(--primary-color)!important;text-shadow:0 0 5px var(--secondary-color)!important;font-family:Courier New,monospace!important}@keyframes ice-shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.effect-ice .neon-btn,.effect-ice .game-card,.effect-ice .score-container,.effect-ice .lives-container,.effect-ice .tap-target,.effect-ice .skin-card,.effect-ice .neon-input,.effect-ice #timer-fill{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color),transparent 80%),#fff6,color-mix(in srgb,var(--secondary-color),transparent 80%))!important;border:2px solid color-mix(in srgb,var(--primary-color),white 50%)!important;box-shadow:0 0 10px var(--primary-color),inset 0 0 10px var(--secondary-color)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff!important;text-shadow:0 0 5px var(--primary-color)!important}@keyframes electric-pulse{0%{box-shadow:0 0 5px var(--primary-color),inset 0 0 5px var(--primary-color);border-color:var(--primary-color)}50%{box-shadow:0 0 20px var(--secondary-color),inset 0 0 20px var(--secondary-color);border-color:var(--secondary-color)}to{box-shadow:0 0 5px var(--primary-color),inset 0 0 5px var(--primary-color);border-color:var(--primary-color)}}.effect-electric .neon-btn,.effect-electric .game-card,.effect-electric .score-container,.effect-electric .lives-container,.effect-electric .tap-target,.effect-electric .skin-card,.effect-electric .neon-input,.effect-electric #timer-fill{background:transparent!important;border:2px dashed var(--primary-color)!important;animation:electric-pulse .2s infinite alternate!important;color:var(--primary-color)!important}@keyframes rainbow-border{0%{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color);color:var(--primary-color)}33%{border-color:var(--secondary-color);box-shadow:0 0 10px var(--secondary-color);color:var(--secondary-color)}66%{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color);color:var(--accent-color)}to{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color);color:var(--primary-color)}}.effect-rainbow .neon-btn,.effect-rainbow .game-card,.effect-rainbow .score-container,.effect-rainbow .lives-container,.effect-rainbow .tap-target,.effect-rainbow .skin-card,.effect-rainbow .neon-input,.effect-rainbow #timer-fill{background:#00000080!important;border:3px solid var(--primary-color)!important;animation:rainbow-border 4s linear infinite!important;text-shadow:0 0 5px currentColor!important}@keyframes hologram-scan{0%{background-position:0% 0%;opacity:.9}50%{opacity:.7}to{background-position:0% 100%;opacity:.9}}.effect-hologram .neon-btn,.effect-hologram .game-card,.effect-hologram .score-container,.effect-hologram .lives-container,.effect-hologram .tap-target,.effect-hologram .skin-card,.effect-hologram .neon-input,.effect-hologram #timer-fill{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--primary-color),transparent 90%),color-mix(in srgb,var(--primary-color),transparent 90%) 1px,transparent 1px,transparent 2px)!important;border:1px solid color-mix(in srgb,var(--secondary-color),transparent 40%)!important;box-shadow:0 0 10px color-mix(in srgb,var(--secondary-color),transparent 70%),inset 0 0 5px color-mix(in srgb,var(--primary-color),transparent 80%)!important;color:var(--primary-color)!important;text-shadow:0 0 2px var(--secondary-color)!important;animation:hologram-scan 4s linear infinite!important;background-size:100% 10px!important}@keyframes gold-shine{0%{background-position:-100% 0}to{background-position:200% 0}}.effect-gold .neon-btn,.effect-gold .game-card,.effect-gold .score-container,.effect-gold .lives-container,.effect-gold .tap-target,.effect-gold .skin-card,.effect-gold .neon-input,.effect-gold #timer-fill{background:linear-gradient(120deg,color-mix(in srgb,var(--secondary-color),black 30%) 0%,var(--secondary-color) 40%,#ffffff 50%,var(--secondary-color) 60%,color-mix(in srgb,var(--secondary-color),black 30%) 100%)!important;background-size:200% 100%!important;border:2px solid var(--secondary-color)!important;box-shadow:0 0 10px var(--secondary-color)!important;color:color-mix(in srgb,var(--secondary-color),black 80%)!important;text-shadow:0 1px 0 rgba(255,255,255,.4)!important;animation:gold-shine 3s linear infinite!important;font-weight:700}@keyframes toxic-ooze{0%{box-shadow:0 0 10px var(--primary-color)}50%{box-shadow:0 0 25px var(--secondary-color),inset 0 0 15px var(--secondary-color)}to{box-shadow:0 0 10px var(--primary-color)}}.effect-toxic .neon-btn,.effect-toxic .game-card,.effect-toxic .score-container,.effect-toxic .lives-container,.effect-toxic .tap-target,.effect-toxic .skin-card,.effect-toxic .neon-input,.effect-toxic #timer-fill{background:radial-gradient(circle at 50% 50%,var(--primary-color) 10%,color-mix(in srgb,var(--secondary-color),black 80%) 90%)!important;border:3px solid var(--secondary-color)!important;color:#000!important;font-weight:700;animation:toxic-ooze 1.5s infinite ease-in-out!important;text-shadow:0 0 2px var(--primary-color)!important}@keyframes arcade-blink{0%{opacity:1;text-shadow:4px 4px 0px var(--secondary-color)}50%{opacity:.8;text-shadow:2px 2px 0px var(--secondary-color)}to{opacity:1;text-shadow:4px 4px 0px var(--secondary-color)}}.effect-arcade .neon-btn,.effect-arcade .game-card,.effect-arcade .score-container,.effect-arcade .lives-container,.effect-arcade .tap-target,.effect-arcade .skin-card,.effect-arcade .neon-input,.effect-arcade #timer-fill{background:color-mix(in srgb,var(--primary-color),black 90%)!important;border:4px solid var(--primary-color)!important;box-shadow:5px 5px 0 0 var(--secondary-color)!important;color:var(--primary-color)!important;font-family:Courier New,monospace!important;text-transform:uppercase;animation:arcade-blink .5s steps(2) infinite!important;border-radius:0!important}.effect-crystal .neon-btn,.effect-crystal .game-card,.effect-crystal .score-container,.effect-crystal .lives-container,.effect-crystal .tap-target,.effect-crystal .skin-card,.effect-crystal .neon-input,.effect-crystal #timer-fill{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a),conic-gradient(from 45deg at 50% 50%,color-mix(in srgb,var(--primary-color),transparent 80%),color-mix(in srgb,var(--secondary-color),transparent 80%),color-mix(in srgb,var(--primary-color),transparent 80%))!important;border:2px solid rgba(255,255,255,.4)!important;box-shadow:0 0 15px color-mix(in srgb,var(--primary-color),transparent 50%)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);clip-path:polygon(5% 0%,95% 0%,100% 5%,100% 95%,95% 100%,5% 100%,0% 95%,0% 5%)!important;text-shadow:0 0 5px white!important}@keyframes circuit-flow{0%{background-position:0% 0%}to{background-position:50px 50px}}.effect-circuit .neon-btn,.effect-circuit .game-card,.effect-circuit .score-container,.effect-circuit .lives-container,.effect-circuit .tap-target,.effect-circuit .skin-card,.effect-circuit .neon-input,.effect-circuit #timer-fill{background-color:#050505!important;background-image:radial-gradient(var(--primary-color) 15%,transparent 16%),radial-gradient(var(--secondary-color) 15%,transparent 16%),linear-gradient(0deg,transparent 48%,var(--primary-color) 49%,var(--primary-color) 51%,transparent 52%),linear-gradient(90deg,transparent 48%,var(--secondary-color) 49%,var(--secondary-color) 51%,transparent 52%)!important;background-size:20px 20px,20px 20px,40px 40px,40px 40px!important;background-position:0 0,10px 10px,0 0,0 0!important;border:2px solid var(--primary-color)!important;box-shadow:inset 0 0 10px var(--primary-color)!important;animation:circuit-flow 10s linear infinite!important;font-family:Courier New,monospace!important}@keyframes hazard-slide{0%{background-position:0 0}to{background-position:40px 0}}.effect-hazard .neon-btn,.effect-hazard .game-card,.effect-hazard .score-container,.effect-hazard .lives-container,.effect-hazard .tap-target,.effect-hazard .skin-card,.effect-hazard .neon-input,.effect-hazard #timer-fill{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--primary-color),black 40%),color-mix(in srgb,var(--primary-color),black 40%) 10px,color-mix(in srgb,var(--secondary-color),black 80%) 10px,color-mix(in srgb,var(--secondary-color),black 80%) 20px)!important;border:3px solid var(--primary-color)!important;box-shadow:0 5px 0 var(--secondary-color)!important;animation:hazard-slide 2s linear infinite!important;text-shadow:2px 2px 0 black!important;font-weight:900!important}@keyframes phantom-pulse{0%{opacity:.8;transform:scale(1);filter:blur(0px);box-shadow:0 0 5px var(--primary-color)}50%{opacity:.5;transform:scale(.98);filter:blur(1px);box-shadow:0 0 20px var(--primary-color)}to{opacity:.8;transform:scale(1);filter:blur(0px);box-shadow:0 0 5px var(--primary-color)}}.effect-phantom .neon-btn,.effect-phantom .game-card,.effect-phantom .score-container,.effect-phantom .lives-container,.effect-phantom .tap-target,.effect-phantom .skin-card,.effect-phantom .neon-input,.effect-phantom #timer-fill{background:transparent!important;border:2px double var(--secondary-color)!important;color:var(--secondary-color)!important;box-shadow:0 0 10px var(--primary-color)!important;animation:phantom-pulse 3s infinite ease-in-out!important}@keyframes soap-swirl{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.effect-soap .neon-btn,.effect-soap .game-card,.effect-soap .score-container,.effect-soap .lives-container,.effect-soap .tap-target,.effect-soap .skin-card,.effect-soap .neon-input,.effect-soap #timer-fill{background:linear-gradient(45deg,color-mix(in srgb,var(--primary-color),transparent 80%),color-mix(in srgb,var(--secondary-color),transparent 80%),color-mix(in srgb,var(--accent-color),transparent 80%))!important;background-size:200% 200%!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:20px!important;box-shadow:inset 0 0 10px #fff9,0 0 10px #fff3!important;animation:soap-swirl 5s ease infinite!important}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sketch-wiggle{0%{border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(0)}25%{border-radius:20px 225px 15px/225px 15px;transform:rotate(-.5deg)}50%{border-radius:225px 15px 225px 20px/15px 225px 15px 255px;transform:rotate(.5deg)}75%{border-radius:15px 225px 20px/225px 20px 225px 15px;transform:rotate(0)}to{border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(0)}}.effect-sketch .neon-btn,.effect-sketch .game-card,.effect-sketch .score-container,.effect-sketch .lives-container,.effect-sketch .tap-target,.effect-sketch .skin-card,.effect-sketch .neon-input,.effect-sketch #timer-fill{background:transparent!important;border:3px solid var(--primary-color)!important;color:var(--primary-color)!important;box-shadow:3px 3px 0 var(--secondary-color)!important;animation:sketch-wiggle 4s ease-in-out infinite!important;text-shadow:none!important}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 40px}}.effect-grid .neon-btn,.effect-grid .game-card,.effect-grid .score-container,.effect-grid .lives-container,.effect-grid .tap-target,.effect-grid .skin-card,.effect-grid .neon-input,.effect-grid #timer-fill{background-image:linear-gradient(var(--primary-color) 1px,transparent 1px),linear-gradient(90deg,var(--secondary-color) 1px,transparent 1px)!important;background-size:40px 40px!important;border:2px solid var(--primary-color)!important;box-shadow:0 0 10px var(--secondary-color),inset 0 0 20px #000!important;animation:grid-move 2s linear infinite!important;background-color:#000!important}@keyframes magma-pulse{0%{box-shadow:inset 0 0 10px var(--primary-color);border-color:var(--secondary-color)}50%{box-shadow:inset 0 0 30px var(--primary-color);border-color:var(--primary-color)}to{box-shadow:inset 0 0 10px var(--primary-color);border-color:var(--secondary-color)}}.effect-magma .neon-btn,.effect-magma .game-card,.effect-magma .score-container,.effect-magma .lives-container,.effect-magma .tap-target,.effect-magma .skin-card,.effect-magma .neon-input,.effect-magma #timer-fill{background:#000!important;border:3px solid var(--secondary-color)!important;box-shadow:0 0 15px var(--secondary-color)!important;background-image:radial-gradient(circle at 30% 30%,transparent 10%,var(--primary-color) 11%,transparent 12%),radial-gradient(circle at 70% 60%,transparent 10%,var(--primary-color) 11%,transparent 12%),linear-gradient(45deg,transparent 48%,var(--primary-color) 49%,var(--primary-color) 51%,transparent 52%)!important;background-size:100% 100%,100% 100%,20px 20px!important;animation:magma-pulse 3s infinite alternate!important}@keyframes scanner-sweep{0%{background-position:-200% 0}to{background-position:300% 0}}.effect-scanner .neon-btn,.effect-scanner .game-card,.effect-scanner .score-container,.effect-scanner .lives-container,.effect-scanner .tap-target,.effect-scanner .skin-card,.effect-scanner .neon-input,.effect-scanner #timer-fill{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--primary-color),transparent 50%) 45%,var(--secondary-color) 50%,color-mix(in srgb,var(--primary-color),transparent 50%) 55%,transparent 100%)!important;background-size:200% 100%!important;background-repeat:no-repeat!important;border:1px solid var(--secondary-color)!important;box-shadow:0 0 5px var(--primary-color),inset 0 0 5px var(--secondary-color)!important;animation:scanner-sweep 3s ease-in-out infinite!important;background-color:#00000080!important}@keyframes static-noise{0%{background-position:0 0}to{background-position:100px 100px}}.effect-static .neon-btn,.effect-static .game-card,.effect-static .score-container,.effect-static .lives-container,.effect-static .tap-target,.effect-static .skin-card,.effect-static .neon-input,.effect-static #timer-fill{background-image:repeating-radial-gradient(circle,var(--primary-color),var(--primary-color) 2px,transparent 3px,transparent 5px)!important;background-size:10px 10px!important;border:2px solid var(--secondary-color)!important;animation:static-noise .5s linear infinite!important;opacity:.9!important}@keyframes premium-sparkle-shine{0%{background-position:200% center}to{background-position:-200% center}}@keyframes premium-sparkle-glow{0%,to{box-shadow:0 0 15px var(--primary-color),inset 0 0 15px var(--primary-color),0 0 5px var(--secondary-color);border-color:var(--primary-color)}50%{box-shadow:0 0 30px var(--secondary-color),inset 0 0 30px var(--secondary-color),0 0 20px var(--primary-color);border-color:var(--secondary-color)}}.particle_sparkle .neon-btn,.particle_sparkle .game-card,.particle_sparkle .score-container,.particle_sparkle .lives-container,.particle_sparkle .tap-target,.particle_sparkle .skin-card,.particle_sparkle .neon-input,.particle_sparkle #timer-fill{background:linear-gradient(115deg,color-mix(in srgb,var(--primary-color),transparent 90%),color-mix(in srgb,var(--secondary-color),transparent 60%) 30%,color-mix(in srgb,var(--primary-color),transparent 20%),color-mix(in srgb,var(--secondary-color),transparent 60%) 70%,color-mix(in srgb,var(--primary-color),transparent 90%))!important;background-size:300% 100%!important;animation:premium-sparkle-shine 3s infinite linear,premium-sparkle-glow 2s infinite ease-in-out!important;border:3px solid var(--primary-color)!important;color:#fff!important;text-shadow:0 0 10px var(--primary-color),0 0 5px var(--secondary-color),1px 1px 2px #000!important;font-weight:900!important}:root{--bg: #fbf8f2;--panel: #fffaf6;--line: #decfe2;--accent: #79b79f;--text: #5f4f70;--warn: #d58a7d}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Courier New,monospace;image-rendering:pixelated;overflow:hidden}.pixelblob-root{display:grid;grid-template-columns:1fr 280px;height:100%}.canvas-shell{display:flex;align-items:center;justify-content:center;overflow:hidden}.hud{border-left:1px solid var(--line);background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:10px}.hud h1{margin:0 0 8px;font-size:18px;letter-spacing:1px}.hud-card{border:1px solid var(--line);padding:8px;font-size:12px;line-height:1.4}.hud-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hud button{border:1px solid var(--line);background:#f4ebf8;color:var(--text);padding:6px;cursor:pointer;font-family:inherit;font-size:11px}.hud button:hover{border-color:var(--accent)}.hud button.active-tool{border-color:var(--accent);box-shadow:0 0 0 2px #79b79f40}.tag-ok{color:var(--accent)}.tag-warn{color:var(--warn)}