:root{--bg-color: #050505;--primary-color: #00f3ff;--secondary-color: #ff0055;--accent-color: #ccff00;--text-color: #ffffff;--font-main: "Courier New", Courier, monospace}*{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-color:#130a24;background-image:radial-gradient(circle at 50% -5%,rgba(0,243,255,.26),transparent 55%),radial-gradient(circle at 105% 105%,rgba(255,0,85,.3),transparent 50%),repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 22px,transparent 22px 44px)}.app-loader-box{display:flex;flex-direction:column;align-items:center}.al-art{width:124px;transform-origin:50% 100%;animation:al-hop .8s cubic-bezier(.3,0,.5,1) infinite alternate}.al-art svg{display:block;width:100%;height:auto;overflow:visible}.al-shadow{width:76px;height:12px;margin-top:-6px;border-radius:50%;background:#0b06148c;animation:al-shadow .8s cubic-bezier(.3,0,.5,1) infinite alternate}.loader-dots{display:inline-flex;gap:10px;margin-top:22px}.loader-dots span{width:14px;height:14px;border:3px solid #0b0614;border-radius:50%;background:#00f3ff;box-shadow:2px 2px #0b0614;animation:al-dot .9s ease-in-out infinite}.loader-dots span:nth-child(2){background:#f05;animation-delay:.15s}.loader-dots span:nth-child(3){background:#cf0;animation-delay:.3s}@keyframes al-hop{0%{transform:translateY(0) scale(1.07,.93)}35%{transform:translateY(-8px) scale(.97,1.04)}to{transform:translateY(-30px) scale(1)}}@keyframes al-shadow{0%{transform:scale(1);opacity:1}to{transform:scale(.6);opacity:.5}}@keyframes al-dot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-9px)}}@media (prefers-reduced-motion: reduce){.al-art,.al-shadow,.loader-dots span{animation:none}}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:#111;overflow:hidden;box-shadow:0 0 20px #00f3ff1a}#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;touch-action:none;background:#111;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:#000000d9;-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:50%;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}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 16px;font-family:inherit;font-size:1.15rem;letter-spacing:.5px;margin:10px 0;cursor:pointer;display:inline-block;min-width:8rem}.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)}.vs-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:85%;max-width:360px;margin:10px auto}.vs-mode-btn{padding:14px 8px;font-size:.95rem;border-color:var(--primary-color);color:var(--primary-color);min-width:0}.vs-mode-btn[data-mode=VS100],.vs-mode-btn[data-mode=VS50]{grid-column:span 1}.vs-mode-badge{font-size:1.2rem;font-weight:700;color:var(--primary-color);text-shadow:0 0 8px var(--primary-color);margin-bottom:10px}.vs-lobby-progress{width:85%;max-width:400px;margin:0 auto 15px}.vs-progress-bar{width:100%;height:8px;background:#222;border-radius:4px;overflow:hidden;border:1px solid #444}.vs-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));transition:width .3s ease;box-shadow:0 0 8px var(--primary-color)}.vs-lobby-timer{margin-top:6px;font-size:.85rem;color:#aaa;text-align:center}.vs-friend-options{display:flex;flex-direction:column;align-items:center;width:85%;max-width:360px;margin-top:10px;gap:12px}.vs-friend-title{color:#ccc;margin:0 0 8px;text-align:center}.vs-friend-separator{margin:4px 0;color:#888;text-align:center}.vs-friend-action{width:100%;display:block;box-sizing:border-box}.vs-friend-input{width:100%;display:block;box-sizing:border-box;text-transform:uppercase;text-align:center;margin-bottom:0}.vs-friend-back{margin-top:24px;font-size:.9rem;width:auto;min-width:120px}.vs-friend-create{display:flex;flex-direction:column;align-items:stretch;width:92%;max-width:420px;margin:0 auto;text-align:left}.vs-setting-row{margin-bottom:18px}.vs-setting-label{display:block;color:#aaa;font-size:.8rem;font-weight:700;margin-bottom:8px;letter-spacing:1px}.vs-lives-picker{display:flex;gap:8px}.vs-life-btn{flex:1;padding:10px 0;background:transparent;border:2px solid #444;color:#888;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s}.vs-life-btn.active{border-color:var(--secondary-color);color:var(--secondary-color);box-shadow:0 0 8px var(--secondary-color)}.vs-max-select{width:100%;padding:10px}.vs-games-toolbar{display:flex;gap:6px;margin-bottom:8px}.vs-games-search{flex:1;padding:8px;font-size:.85rem}.vs-games-toolbar .neon-btn.small{padding:6px 10px;font-size:.75rem;min-width:0}.vs-games-count{font-size:.8rem;color:var(--primary-color);margin-bottom:8px}.vs-games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:180px;overflow-y:auto;padding:8px;background:#0006;border:1px solid #333;border-radius:6px}.vs-game-toggle{display:flex;align-items:center;gap:4px;font-size:.72rem;color:#ccc;cursor:pointer;padding:4px;border-radius:3px}.vs-game-toggle:hover{background:#ffffff0d}.vs-game-toggle input{accent-color:var(--primary-color);flex-shrink:0}.vs-game-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-create-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.vs-create-actions .neon-btn{width:100%;display:block;box-sizing:border-box}.vs-private-settings{width:90%;max-width:400px;margin:0 auto 12px;padding:10px 14px;background:#00000080;border:1px solid #333;border-radius:6px;text-align:center}.vs-settings-summary{font-size:.85rem;color:#aaa;margin-bottom:8px}.vs-private-player-count{font-size:1rem;font-weight:700;color:var(--secondary-color);margin-bottom:10px}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#050505;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}canvas{display:block;touch-action:none}:root{--ink: #0b0614;--ink-2: #1b1030;--ink-3: #2a1b46;--paper: #ffffff;--bg-deep: #130a24;--on-primary: #0b0614;--on-secondary: #ffffff;--on-accent: #0b0614;--font-display: "Bungee", "Rubik Variable", system-ui, sans-serif;--font-main: "Rubik Variable", "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--radius: 14px;--hard: 5px 5px 0 var(--ink);--hard-sm: 3px 3px 0 var(--ink);--skew: -7deg;--pop: cubic-bezier(.2, 1.6, .4, 1)}:root,html body{background-color:var(--bg-deep);font-family:var(--font-main)}html body{background-image:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--primary-color) 22%,transparent),transparent 45%),radial-gradient(circle at 85% 90%,color-mix(in srgb,var(--secondary-color) 22%,transparent),transparent 45%)}@media (min-width: 540px) and (min-height: 700px){#game-container{border:4px solid var(--ink);border-radius:30px;box-shadow:0 0 0 4px var(--primary-color),14px 14px 0 4px var(--ink)}}.screen{background-color:var(--bg-deep);background-image:radial-gradient(circle at 50% -5%,color-mix(in srgb,var(--primary-color) 26%,transparent),transparent 55%),radial-gradient(circle at 105% 105%,color-mix(in srgb,var(--secondary-color) 30%,transparent),transparent 50%);-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate}.screen:not(#hud):not(#transition-screen):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--fx-screen);background-size:var(--fx-screen-size);animation:var(--fx-screen-anim);will-change:background-position;transform:translateZ(0);contain:strict}.screen:not(#hud):not(#transition-screen):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.13) 1.3px,transparent 1.7px) 0 0 / 11px 11px;-webkit-mask:linear-gradient(to bottom,#000,transparent 38%);mask:linear-gradient(to bottom,#000,transparent 38%)}@keyframes arcade-stripes{to{background-position:56px 0}}:is(#all-games-screen,#leaderboard-screen,#skins-screen,#friends-screen,#challenge-screen){justify-content:flex-start;padding-top:22px;padding-bottom:18px}:is(#all-games-screen,#leaderboard-screen,#skins-screen) .games-grid,#friends-screen #friends-list{flex:1 1 auto;min-height:0;max-height:none;align-content:start}:is(#all-games-screen,#leaderboard-screen,#skins-screen,#friends-screen)>:not(.games-grid):not(#friends-list){flex-shrink:0}.screen.active:not(#hud):not(#transition-screen)>*:not(.glitch-title){animation:arcade-rise .35s var(--pop) both}.screen.active>*:nth-child(2){animation-delay:.03s}.screen.active>*:nth-child(3){animation-delay:.06s}.screen.active>*:nth-child(4){animation-delay:.09s}.screen.active>*:nth-child(5){animation-delay:.12s}.screen.active>*:nth-child(6){animation-delay:.15s}.screen.active>*:nth-child(7){animation-delay:.18s}.screen.active>*:nth-child(n+8){animation-delay:.21s}@keyframes arcade-rise{0%{opacity:0;transform:translateY(14px) scale(.96)}}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}.glitch-title{font-family:var(--font-display);font-size:clamp(3.2rem,17vw,4.6rem);line-height:.9;letter-spacing:0;color:var(--primary-color);transform:rotate(-6deg);animation:arcade-logo 3.2s ease-in-out infinite}@keyframes arcade-logo{50%{transform:rotate(-4deg) translateY(-3px) scale(1.02)}}.subtitle{width:fit-content;margin-left:auto;margin-right:auto;font-family:var(--font-main);font-weight:900;font-size:.95rem;letter-spacing:.38em;padding:4px 8px 4px 14px;transform:rotate(-6deg) translateY(-4px)}.screen>h2:not(.subtitle),#game-over h2{font-size:clamp(1.6rem,8vw,2.2rem);line-height:1.05;color:var(--paper);transform:rotate(-3deg);margin-bottom:18px}:root .glitch-title{text-shadow:var(--fx-title)!important}:root .subtitle{background:var(--accent-color);color:var(--on-accent);border:3px solid var(--ink);box-shadow:var(--hard-sm);text-shadow:none!important}:root .screen>h2:not(.subtitle),:root #game-over h2{text-shadow:var(--fx-title-sm)!important}.neon-btn{font-family:var(--font-main);font-weight:900;font-size:1.15rem;letter-spacing:.07em;line-height:1.1;padding:15px 26px;border-radius:var(--radius);transform:skew(var(--skew));transition:transform .09s ease,box-shadow .09s ease,filter .15s ease;-webkit-font-smoothing:antialiased}.neon-btn.small{font-size:.9rem;padding:10px 18px;border-radius:12px}.neon-btn:active{transform:skew(var(--skew)) translate(4px,4px)}:root .neon-btn{--btn-bg: var(--primary-color);--btn-fg: var(--on-primary);background-color:var(--btn-bg);background-image:var(--fx-fill);background-size:var(--fx-fill-size);background-repeat:var(--fx-fill-repeat);background-position:var(--fx-fill-pos);color:var(--fx-fg, var(--btn-fg));border:3px var(--fx-line-style) var(--fx-line);border-radius:var(--fx-radius);box-shadow:var(--fx-shadow);text-shadow:none}:root .neon-btn:active{background-color:var(--btn-bg);color:var(--fx-fg, var(--btn-fg));box-shadow:1px 1px 0 var(--fx-line)}@media (hover: hover){:root .neon-btn:hover{transform:skew(var(--skew)) translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink);filter:brightness(1.07)}}:root :is(#start-btn,#landing-play-btn,#restart-btn,#revive-btn,#infinite-btn,#login-btn,#do-register-btn,#do-convert-btn,#do-reset-password-btn,#send-reset-link-btn,#vs-start-game-btn,#vs-create-confirm-btn,#confirm-yes-btn,#accept-cookies,.btn-go){--btn-bg: var(--accent-color);--btn-fg: var(--on-accent)}:root .challenge-card-large .neon-btn:not(.btn-ghost){--btn-bg: var(--accent-color);--btn-fg: var(--on-accent)}:root :is(.btn-alt,#challenges-btn){--btn-bg: var(--secondary-color);--btn-fg: var(--on-secondary)}:root :is(#leaderboard-btn,#sub-all-games-btn,#show-register-btn){--btn-bg: var(--paper);--btn-fg: var(--ink)}:root :is(.btn-ghost,#back-btn,#skins-back-btn,#leaderboard-back-btn,#profile-back-btn,#friends-back-btn,#play-mode-back-btn,#versus-back-btn,#vs-leave-btn,#admin-back-btn,#vs-options-back-btn,#vs-create-cancel-btn,#cancel-revive-btn,#confirm-no-btn,#gameover-quit-btn,#logout-btn){--btn-bg: var(--ink-3);--btn-fg: var(--paper)}:root .btn-danger{--btn-bg: #ff3344;--btn-fg: #ffffff}:is(#start-btn,#landing-play-btn,#restart-btn){font-size:1.6rem;padding:18px 30px;animation:arcade-bob 1.3s ease-in-out infinite}@keyframes arcade-bob{50%{transform:skew(var(--skew)) translateY(-4px) scale(1.03)}}:is(#start-btn,#landing-play-btn,#restart-btn):active{animation:none}.landing-actions{display:flex;flex-direction:column;gap:18px;width:min(86%,340px)}.landing-actions .neon-btn{width:100%;padding-left:18px;padding-right:18px;text-wrap:balance}#landing-play-btn{font-size:clamp(1.1rem,5vw,1.35rem)}.menu-btn{width:min(82%,340px)}#main-menu .menu-btn,#play-mode-screen .menu-btn{margin-top:14px!important}#main-menu #start-btn{margin-top:4px!important}#play-mode-screen .menu-btn{font-size:1.3rem;padding:18px 26px}.menu-mini-row{display:flex;gap:8px;width:min(82%,340px);margin-top:16px}.menu-mini-row .menu-mini-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;padding:10px 8px;text-decoration:none;white-space:nowrap}.menu-mini-btn svg{width:16px;height:16px;flex:none;fill:currentColor}.menu-mini-row .menu-mini-btn.sound-toggle-btn{flex:0 0 auto;position:relative;padding:10px 13px}.sound-toggle-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sound-toggle-btn svg{width:18px;height:18px}@media (max-width: 359px){.menu-mini-row{width:min(92%,340px)}.menu-mini-row .menu-mini-btn:not(.sound-toggle-btn){padding-left:5px;padding-right:5px}.menu-mini-row .menu-mini-btn:not(.sound-toggle-btn) svg{display:none}}.sound-toggle-btn .icon-sound-off,.sound-toggle-btn.is-muted .icon-sound-on{display:none}.sound-toggle-btn.is-muted .icon-sound-off{display:block}:root #sound-toggle-btn{--btn-bg: var(--secondary-color);--btn-fg: var(--on-secondary)}:root #sound-toggle-btn.is-muted{--btn-bg: var(--paper);--btn-fg: var(--ink)}:root #levelfarm-btn{--btn-bg: var(--paper);--btn-fg: var(--ink)}:root #home-share-btn{--btn-bg: var(--accent-color);--btn-fg: var(--on-accent)}:root #versus-btn{--btn-bg: var(--primary-color);--btn-fg: var(--on-primary)}.icon-btn{font-family:var(--font-display);background:var(--secondary-color);color:var(--on-secondary);border:3px solid var(--ink);box-shadow:var(--hard-sm);text-shadow:none}.icon-btn:hover{background:var(--secondary-color);color:var(--on-secondary);box-shadow:4px 4px 0 var(--ink);transform:rotate(-8deg) scale(1.08)}.hud-quit-btn:hover{transform:translateY(-50%) rotate(-8deg) scale(1.08)}.neon-input,#language-select,.vs-max-select{font-family:var(--font-main);font-weight:700;border-radius:12px}:root .neon-input,#profile-screen #language-select,.vs-max-select{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--primary-color);text-shadow:none}:root .neon-input:focus{border-color:var(--ink);box-shadow:5px 5px 0 var(--secondary-color);transform:translate(-1px,-1px)}#profile-screen #language-select{background:var(--paper)!important;color:var(--ink)!important;border:3px solid var(--ink)!important;box-shadow:3px 3px 0 var(--primary-color)!important}:root .level-circle{background-color:var(--primary-color);background-image:var(--fx-fill);background-size:var(--fx-fill-size);background-repeat:var(--fx-fill-repeat);background-position:var(--fx-fill-pos);color:var(--on-primary);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--paper),8px 8px 0 4px var(--ink);text-shadow:none;font-family:var(--font-display);transform:rotate(-4deg)}.level-circle *{color:inherit;text-shadow:none!important}.neon-input::placeholder{color:#7a6c92;font-weight:600;letter-spacing:.04em}input[type=checkbox]{accent-color:var(--accent-color);width:20px;height:20px}.neon-input{user-select:text;-webkit-user-select:text}.menu-stats{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.menu-stat{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-main);font-weight:800;font-size:.95rem;padding:6px 12px;background:var(--ink);color:var(--paper);border:2px solid rgba(255,255,255,.85);border-radius:999px;white-space:nowrap}.menu-stat-name{background:var(--secondary-color);color:var(--on-secondary);border-color:var(--ink);box-shadow:var(--hard-sm);text-transform:uppercase;transform:rotate(-2deg)}.menu-stat-coins #menu-coins-display,.menu-stat-energy #menu-energy-display{color:var(--accent-color)}.menu-stat .coin-icon{width:16px;height:16px;margin:0;border:2px solid var(--ink);box-shadow:none;background:var(--accent-color)}.menu-stat .bolt-icon{margin:0;fill:var(--accent-color);filter:none;animation:none}.playback-instructions{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.neon-star.filled{animation-name:star-pulse-light}@keyframes star-pulse-light{50%{opacity:.75}}.menu-level-text{font-family:var(--font-display);font-size:.9rem;color:var(--on-primary)!important;background:var(--primary-color);padding:3px 9px;border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);text-shadow:none}.menu-xp-container,.xp-bar-bg{height:14px;background:var(--ink);border:2px solid rgba(255,255,255,.85);border-radius:999px;overflow:hidden}.menu-xp-fill,.xp-bar-fill{background:repeating-linear-gradient(-45deg,var(--accent-color) 0 8px,color-mix(in srgb,var(--accent-color) 70%,#fff) 8px 16px);box-shadow:none;border-radius:999px}#guest-banner,#verify-email-banner{font-family:var(--font-main);font-weight:800;border-bottom:3px solid var(--ink);color:var(--ink)!important}#guest-register-btn,#resend-verify-btn{font-family:var(--font-main);font-weight:900;border-radius:8px!important;padding:4px 10px!important}:root .game-card{background:var(--fx-dark);border:3px var(--fx-line-style) var(--fx-line);border-radius:16px;box-shadow:var(--fx-shadow-sm),inset 0 0 0 2px #ffffff0f;color:var(--paper);text-shadow:none}:root .game-card:not(.locked){--card-bg: var(--primary-color);--card-fg: var(--on-primary);background-color:var(--card-bg);background-image:var(--fx-fill);background-size:var(--fx-fill-size);background-repeat:var(--fx-fill-repeat);background-position:var(--fx-fill-pos);color:var(--fx-fg, var(--card-fg))}:root .game-card:not(.locked):nth-child(4n+2){--card-bg: var(--secondary-color);--card-fg: var(--on-secondary)}:root .game-card:not(.locked):nth-child(4n+3){--card-bg: var(--accent-color);--card-fg: var(--on-accent)}:root .game-card:not(.locked):nth-child(4n+4){--card-bg: var(--paper);--card-fg: var(--ink)}.game-card{font-family:var(--font-main);transition:transform .12s var(--pop),box-shadow .12s ease}.game-card:not(.locked) .game-card-title,.game-card:not(.locked) *{color:inherit;text-shadow:none}.game-card-title{font-family:var(--font-display);letter-spacing:.02em}.game-card:not(.locked):active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}@media (hover: hover){.game-card:not(.locked):hover{transform:rotate(-2deg) scale(1.04)}}.game-card.locked{opacity:1;filter:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px)}.tutorial-badge{background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display)}:root .skin-card{background:var(--fx-dark);border:3px var(--fx-line-style) var(--fx-line);border-radius:16px;box-shadow:var(--fx-shadow-sm),inset 0 0 0 2px #ffffff0f}:root .skin-card.selected{box-shadow:0 0 0 3px var(--accent-color),6px 6px 0 var(--ink);transform:rotate(-2deg)}.skin-card,.skin-name,.skin-price{font-family:var(--font-main);font-weight:800}.skin-lock{top:8px;left:8px;transform:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:0;color:var(--paper);background:var(--ink);border:2px solid rgba(255,255,255,.7);border-radius:8px}.skin-lock svg{width:15px!important;height:15px!important;fill:var(--paper)!important}.skins-tabs{gap:8px!important;padding:0 6px}@media (max-width: 360px){.skins-tabs .neon-btn{padding:9px 11px!important;font-size:.8rem!important;letter-spacing:.03em}}:is(#skins-grid,#skins-grid-effects,#skins-grid-coins){overflow-x:hidden}@media (max-width: 480px){:is(#skins-grid,#skins-grid-effects,#skins-grid-coins){grid-template-columns:repeat(2,minmax(0,1fr))!important}.skin-card{min-width:0}}.profile-card,.friend-card,.challenge-card-large,.all-games-banner,.tutorial-modal,.playback-instructions,.gift-notif-card,.admin-confirm-box,.admin-gift-box{background:var(--ink-2)!important;border:3px solid var(--ink)!important;border-radius:18px!important;box-shadow:6px 6px 0 var(--ink),inset 0 0 0 2px color-mix(in srgb,var(--primary-color) 45%,transparent)!important;font-family:var(--font-main)}.tutorial-modal-title,.playback-title,.challenge-title,.gift-notif-title{font-family:var(--font-display);letter-spacing:.02em;text-shadow:2px 2px 0 var(--ink)!important}.tutorial-play-btn,.tutorial-close-btn,.playback-skip-btn,.playback-disable-btn,.gift-notif-ok,.share-btn{font-family:var(--font-main)!important;font-weight:900!important;letter-spacing:.06em;border:3px solid var(--ink)!important;border-radius:12px!important;box-shadow:var(--hard-sm)!important;text-shadow:none!important;transform:skew(var(--skew))}.tutorial-play-btn,.playback-skip-btn,.gift-notif-ok{background:var(--accent-color)!important;color:var(--on-accent)!important}.tutorial-close-btn,.playback-disable-btn{background:var(--ink-3)!important;color:var(--paper)!important}.neon-notification{font-family:var(--font-main)!important;font-weight:800;background:var(--paper)!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:14px!important;box-shadow:var(--hard)!important;text-shadow:none!important;transform:rotate(-2deg);animation:arcade-toast .4s var(--pop) both}@keyframes arcade-toast{0%{opacity:0;transform:translateY(-16px) rotate(4deg) scale(.9)}}.neon-notification.bump{animation:arcade-toast-bump .35s var(--pop)}@keyframes arcade-toast-bump{40%{transform:rotate(1deg) scale(1.08)}}.neon-notification svg{vertical-align:-3px}#cookie-banner{background:var(--ink-2)!important;border-top:4px solid var(--ink)!important;box-shadow:0 -4px 0 var(--primary-color)!important;font-family:var(--font-main)}:root{--game-bg: #150d26}#game-layer,.playback-game-container{background-color:var(--game-bg);background-image:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--primary-color) 10%,transparent),transparent 60%),radial-gradient(rgba(255,255,255,.05) 1.3px,transparent 1.7px);background-size:100% 100%,22px 22px;font-family:var(--font-main)}.playback-ghost-cursor{background:#ffffff2e;border:3px solid var(--paper);box-shadow:0 0 0 3px var(--ink),5px 5px 0 3px var(--ink)}.playback-ghost-cursor.tapping{animation:arcade-ghost-tap .3s ease-out}@keyframes arcade-ghost-tap{50%{transform:translate(-50%,-50%) scale(.8);box-shadow:0 0 0 3px var(--ink),1px 1px 0 3px var(--ink)}}.playback-ghost-cursor.swiping{box-shadow:0 0 0 3px var(--ink),0 0 0 7px var(--primary-color),7px 7px 0 7px var(--ink)}.playback-ghost-cursor.swiping:after{background:none}.playback-ghost-cursor.holding{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--ink),0 0 0 7px var(--accent-color),7px 7px 0 7px var(--ink)}.playback-cursor-inner{background:var(--paper);box-shadow:0 0 0 2px var(--ink)}:root .tap-target{border:3px solid var(--ink)}.hud-top{background:var(--ink);border-bottom:4px solid var(--primary-color);box-shadow:0 4px 0 var(--secondary-color);gap:12px}.hud-stat-box{font-family:var(--font-main);font-weight:900;font-size:1rem;letter-spacing:.06em;text-shadow:none}#score,#hud-coins{font-family:var(--font-display);font-size:1.35rem;font-weight:400!important}#score{display:inline-block;min-width:1.6em;padding:0 8px;margin-left:6px!important;color:var(--on-primary)!important;background:var(--primary-color);border:2px solid var(--paper);border-radius:8px;transform:skew(var(--skew));text-align:center}.hud-divider{width:3px;border-radius:2px;background:#ffffff29}.timer-bar{height:12px;background:var(--ink)}:root #timer-fill{border:0;box-shadow:none;background:var(--fx-timer);background-size:var(--fx-timer-size);animation:var(--fx-timer-anim)}@keyframes arcade-barber{to{background-position:28.28px 0}}#transition-screen{overflow:hidden;isolation:isolate}#transition-screen:not(.neon-pulse-bg):before{content:"";position:absolute;top:-40%;right:-30%;bottom:-40%;left:-30%;z-index:-1;background:var(--secondary-color);transform:rotate(-14deg) translateY(56%);box-shadow:0 -10px 0 var(--ink)}#transition-screen:not(.neon-pulse-bg):after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;z-index:-1;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.17) 0 9deg,transparent 9deg 18deg);animation:arcade-rays 7s linear infinite}@keyframes arcade-rays{to{transform:rotate(360deg)}}#instruction-text{font-family:var(--font-display);font-weight:400;color:var(--paper)!important;transform:rotate(-6deg);padding:0 12px;text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}#transition-screen.active #instruction-text>*{animation:arcade-slam .42s var(--pop) both}#transition-screen.active #instruction-text>*:nth-child(2){animation-delay:.07s}#transition-screen.active #instruction-text>*:nth-child(3){animation-delay:.14s}#transition-screen.active #instruction-text>*:nth-child(4){animation-delay:.21s}#transition-screen.active #instruction-text>*:nth-child(n+5){animation-delay:.28s}@keyframes arcade-slam{0%{opacity:0;transform:scale(2.2) rotate(6deg)}}.tr-kicker{display:inline-block;font-family:var(--font-main);font-weight:900;font-size:.95rem;letter-spacing:.35em;padding:5px 10px 5px 14px;margin-bottom:10px;background:var(--ink);color:var(--paper);text-shadow:none}.tr-game{font-size:clamp(1.8rem,10vw,2.6rem);line-height:1;margin-bottom:4px;color:var(--paper)}.tr-action{display:block;font-size:clamp(2.4rem,14vw,3.6rem);line-height:1;margin-bottom:14px;color:var(--accent-color);text-shadow:4px 4px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}.tr-speed{display:inline-block;font-family:var(--font-main);font-weight:900;font-size:1rem;letter-spacing:.08em;padding:5px 14px;background:var(--accent-color);color:var(--on-accent);border:3px solid var(--ink);border-radius:999px;box-shadow:var(--hard-sm);text-shadow:none}.tr-speedup{margin-top:16px;font-size:clamp(1.6rem,9vw,2.2rem);color:var(--accent-color);animation:arcade-shake .35s ease-in-out infinite}.tr-new{display:inline-block;margin-top:14px;font-family:var(--font-main);font-weight:900;font-size:.95rem;letter-spacing:.08em;padding:6px 12px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:10px;box-shadow:var(--hard-sm);text-shadow:none;transform:rotate(4deg);animation:arcade-wiggle .5s ease-in-out infinite alternate}@keyframes arcade-shake{25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}@keyframes arcade-wiggle{to{transform:rotate(-3deg) scale(1.06)}}#game-over h2{font-size:clamp(2.6rem,14vw,3.6rem);color:var(--secondary-color);animation:arcade-gameover .6s var(--pop) both}@keyframes arcade-gameover{0%{opacity:0;transform:scale(2.4) rotate(10deg)}}#game-over>p{font-family:var(--font-main);font-weight:900;font-size:1rem;letter-spacing:.3em;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;gap:4px}#final-score{font-family:var(--font-display);font-size:clamp(3.4rem,20vw,5rem);line-height:1;letter-spacing:0;color:var(--accent-color);text-shadow:4px 4px 0 var(--ink),8px 8px 0 var(--secondary-color);transform:rotate(-4deg);animation:arcade-score .7s .15s var(--pop) both}@keyframes arcade-score{0%{opacity:0;transform:scale(.3) rotate(-30deg)}}#rankings-display{font-family:var(--font-main);font-weight:800;letter-spacing:.06em}#game-over .neon-btn{width:min(78%,320px)}#game-over #leaderboard-ui{margin:22px 0 12px!important;font-family:var(--font-main);font-weight:800}#game-over #leaderboard-ui h3{font-size:.95rem!important;letter-spacing:.06em;text-shadow:2px 2px 0 var(--ink)!important;margin-bottom:8px}#revive-overlay h2,#confirm-overlay h2{font-family:var(--font-display);text-shadow:3px 3px 0 var(--ink)!important}#confirm-overlay .neon-btn{min-width:110px}::-webkit-scrollbar-track{background:var(--ink);border-left:0}::-webkit-scrollbar-thumb{background:var(--primary-color);border:2px solid var(--ink);border-radius:999px;box-shadow:none}@media (prefers-reduced-motion: reduce){.screen:before,#transition-screen:after,.glitch-title,:is(#start-btn,#landing-play-btn,#restart-btn),#timer-fill,.tr-speedup,.tr-new{animation:none!important}.screen.active>*,#transition-screen.active #instruction-text>*{animation-duration:.01s!important}}:is(#main-menu,#today-screen,#quicky-screen,#skins-grid-quicky,#play-mode-screen,#vs-final-leaderboard,.vs-games-grid,#game-over),:is(#main-menu,#today-screen,#quicky-screen,#skins-grid-quicky,#play-mode-screen,#vs-final-leaderboard,.vs-games-grid,#game-over) *{touch-action:pan-y!important}#game-over{justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}#game-over>:first-child{margin-top:auto}#game-over>:last-child{margin-bottom:auto}@media (max-height: 640px){#game-over h2{font-size:clamp(2.1rem,11vw,2.8rem);margin:0 0 4px}#game-over>p{margin-bottom:8px}#final-score{font-size:clamp(2.8rem,15vw,3.8rem)}#game-over #rankings-display{margin-bottom:10px!important}#game-over .go-quicky-row .gameover-quicky{width:76px}#game-over #share-btn{margin-bottom:6px!important}#game-over #gameover-quit-btn{margin-top:10px!important}}:is(#main-menu,#today-screen,#quicky-screen,#skins-grid-quicky,#play-mode-screen){-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#main-menu{--pet-w: 94px;justify-content:flex-start;align-items:stretch;overflow-y:auto;overflow-x:hidden;padding:0}.home-wrap{margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6vh,15px);width:100%;padding:clamp(10px,2vh,18px) 0 clamp(14px,2.6vh,24px)}#main-menu>:is(#guest-banner,#verify-email-banner){position:relative!important;flex:none;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:6px 40px 6px 12px!important;font-size:.7rem!important;line-height:1.2;text-align:left!important;animation:none!important}#main-menu>#guest-banner>span:first-child{flex:1 1 auto;min-width:0}#main-menu>:is(#guest-banner,#verify-email-banner)>button{flex:none}#main-menu>:is(#guest-banner,#verify-email-banner).hidden{display:none!important}:is(#guest-register-btn,#resend-verify-btn){margin-left:0!important}.banner-close{position:absolute;top:50%;right:8px;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;border-radius:8px;cursor:pointer}.banner-close svg{width:15px;height:15px;fill:currentColor}.home-top{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(92%,380px)}#main-menu .menu-stats{margin:0;gap:6px}#main-menu .menu-stat{font-size:.85rem;padding:5px 10px}#main-menu #energy-refill-container{margin:-2px 0 0!important}.home-level{display:flex;align-items:center;gap:10px;width:min(100%,300px)}.home-level .menu-level-text{flex:none;margin:0}.home-level .menu-xp-container{flex:1;width:auto;height:12px;margin:0}#main-menu .home-brand{flex:none}#main-menu .home-brand:has(.home-quicky:not(.hidden)){margin-top:calc(var(--pet-w) * .62)}#main-menu .home-quicky{top:calc(var(--pet-w) * -.87);height:calc(var(--pet-w) * 1.1)}#main-menu .pet-walker{width:var(--pet-w);margin-left:calc(var(--pet-w) / -2)}#main-menu .home-brand .glitch-title{margin:0!important;font-size:clamp(2.5rem,min(16vw,8.4vh),4.4rem)}#main-menu .home-brand h2.subtitle{margin:0 auto!important}#main-menu .today-banner{width:min(86%,340px);margin:0 auto}#main-menu .home-wrap #start-btn{width:min(86%,340px)!important;max-width:none;margin:2px 0 0!important;font-size:clamp(1.3rem,3.4vh,1.6rem);padding:clamp(12px,2.2vh,18px) 26px}.home-tiles{display:flex;flex-direction:column;gap:clamp(7px,1.2vh,10px);width:min(86%,340px)}#main-menu .home-tile{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;margin:0;padding:clamp(7px,1.25vh,11px) 14px;font-size:.95rem;letter-spacing:.06em;line-height:1.1}.home-tile span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-tile svg{width:19px;height:19px;flex:none;fill:currentColor}#main-menu .menu-mini-row{width:min(86%,340px);margin:2px 0 0}.menu-mini-row .menu-mini-btn.icon-only{flex:0 0 auto;position:relative;padding:10px 12px}.menu-mini-btn.icon-only span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.menu-mini-btn.icon-only svg{width:18px;height:18px}#main-menu>.admin-corner-btn{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + env(safe-area-inset-left,0px));z-index:5;display:grid;place-items:center;width:34px;height:34px;padding:0;border:3px solid var(--ink);border-radius:10px;background:#f34;color:#fff;box-shadow:3px 3px 0 var(--ink);cursor:pointer}#main-menu>.admin-corner-btn.hidden{display:none!important}#main-menu>.admin-corner-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}#main-menu>.admin-corner-btn:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px}.admin-corner-btn svg{width:18px;height:18px;fill:currentColor}#main-menu>:is(#guest-banner,#verify-email-banner):not(.hidden)~.admin-corner-btn{top:calc(50px + env(safe-area-inset-top,0px))}#profile-screen .profile-logout{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:.82rem}.profile-logout svg{width:16px;height:16px;fill:currentColor}@media (max-height: 740px){#main-menu{--pet-w: 80px}}@media (max-height: 620px){#main-menu{--pet-w: 68px}#main-menu .home-brand h2.subtitle{font-size:.78rem;padding:2px 6px 2px 10px}#main-menu .menu-stat{font-size:.78rem;padding:4px 9px}.home-tile svg{width:17px;height:17px}#main-menu .home-tile{font-size:.88rem;padding-top:6px;padding-bottom:6px}.home-wrap{gap:7px}.home-tiles{gap:5px}#main-menu .today-banner{padding-top:5px;padding-bottom:5px}}@media (max-height: 560px){#main-menu{--pet-w: 58px}.home-wrap{gap:7px}#main-menu .home-brand .glitch-title{font-size:clamp(2.1rem,8.4vh,3rem)}#main-menu .home-wrap #start-btn{padding:10px 22px}#main-menu .home-tile{padding:6px 12px}}#main-menu .pet-bubble{top:14%;bottom:auto;left:calc(100% + 6px);transform:none}#main-menu .pet-bubble.pop{animation:qk-say .35s var(--pop) both}#main-menu .pet-bubble:after{top:50%;bottom:auto;left:-9px;margin:-6px 0 0;border-right:0;border-bottom:3px solid var(--ink);border-left:3px solid var(--ink)}#main-menu .pet-bubble.is-left{left:auto;right:calc(100% + 6px)}#main-menu .pet-bubble.is-left:after{left:auto;right:-9px;border-bottom:0;border-left:0;border-top:3px solid var(--ink);border-right:3px solid var(--ink)}#play-mode-screen{justify-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:14px 0 18px}#play-mode-screen>:first-child{margin-top:auto}#play-mode-screen>:last-child{margin-bottom:auto}@media (max-height: 740px){#play-mode-screen .menu-btn{font-size:1.15rem;padding:13px 22px;margin-top:10px!important}#play-mode-screen #play-mode-back-btn{margin-top:18px!important}}:root,[class*=effect-],.particle_sparkle{--fx-fg: initial;--fx-fill: none;--fx-fill-size: auto;--fx-fill-repeat: repeat;--fx-fill-pos: 0 0;--fx-overlay: none;--fx-overlay-size: auto;--fx-overlay-blend: normal;--fx-overlay-anim: none;--fx-overlay-opacity: 1;--fx-line: var(--ink);--fx-line-style: solid;--fx-radius: var(--radius);--fx-shadow: var(--hard);--fx-shadow-sm: 4px 4px 0 var(--ink);--fx-dark: var(--ink-2);--fx-title: 4px 4px 0 var(--secondary-color), 8px 8px 0 var(--ink);--fx-title-sm: 3px 3px 0 var(--secondary-color), 6px 6px 0 var(--ink);--fx-screen: linear-gradient(45deg, rgba(255, 255, 255, .035) 25%, transparent 25% 50%, rgba(255, 255, 255, .035) 50% 75%, transparent 75%);--fx-screen-size: 56px 56px;--fx-screen-anim: arcade-stripes 2.4s linear infinite;--fx-timer: repeating-linear-gradient(-45deg, var(--secondary-color) 0 10px, color-mix(in srgb, var(--secondary-color) 65%, #fff) 10px 20px);--fx-timer-size: 28.28px 28.28px;--fx-timer-anim: arcade-barber .5s linear infinite}:where(.neon-btn,.skin-card.fx-card){position:relative}.neon-btn,.skin-card.fx-card{isolation:isolate}.neon-btn:after,.skin-card.fx-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--fx-overlay);background-size:var(--fx-overlay-size);mix-blend-mode:var(--fx-overlay-blend);opacity:var(--fx-overlay-opacity);animation:var(--fx-overlay-anim)}.skin-card.fx-card{min-height:104px;padding:30px 10px 14px!important;background-color:var(--primary-color)!important;background-image:var(--fx-fill)!important;background-size:var(--fx-fill-size)!important;background-repeat:var(--fx-fill-repeat)!important;background-position:var(--fx-fill-pos)!important;color:var(--fx-fg, var(--on-primary));border:3px var(--fx-line-style) var(--fx-line)!important;border-radius:var(--fx-radius)!important;box-shadow:var(--fx-shadow)!important}.skin-card.fx-card:nth-child(3n+2){background-color:var(--secondary-color)!important;color:var(--fx-fg, var(--on-secondary))}.skin-card.fx-card:nth-child(3n+3){background-color:var(--accent-color)!important;color:var(--fx-fg, var(--on-accent))}.skin-card.fx-card.locked{opacity:1;filter:none}.skin-card.fx-card.locked:hover{border-color:var(--fx-line)!important;box-shadow:var(--fx-shadow)!important;transform:translate(-2px,-2px)}.skin-card.fx-card.selected{transform:rotate(-2deg) scale(1.03);box-shadow:0 0 0 3px var(--paper),var(--fx-shadow)!important}.skin-card.fx-card .skin-name{font-family:var(--font-display);font-weight:400;font-size:1.05rem;color:inherit;text-shadow:none}.skin-card.fx-card .skin-price{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:2px 9px;border-radius:999px;background:var(--ink);color:var(--paper)!important;font-size:.85rem}.skin-card.fx-card .skin-price.owned{background:var(--paper);color:var(--ink)!important}.skin-card.fx-card .skin-lock{top:7px;left:7px;background:var(--ink);border-radius:8px;padding:3px;line-height:0}.effect-metal{--fx-fill: linear-gradient(180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .12) 40%, rgba(0, 0, 0, .2) 62%, rgba(255, 255, 255, .22) 100%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .1) 0 1px, rgba(0, 0, 0, .06) 1px 3px);--fx-overlay: radial-gradient(circle at 9px 50%, #f4f6fa 0 1.5px, #5b6270 2px 3px, transparent 3.5px), radial-gradient(circle at calc(100% - 9px) 50%, #f4f6fa 0 1.5px, #5b6270 2px 3px, transparent 3.5px), linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .55) 45%, transparent 55%);--fx-overlay-size: auto, auto, 300% 100%;--fx-overlay-anim: fx-sheen 4s ease-in-out infinite;--fx-line: #23262d;--fx-shadow: 4px 4px 0 #6b7280, 7px 7px 0 var(--ink);--fx-shadow-sm: 3px 3px 0 #6b7280, 6px 6px 0 var(--ink);--fx-title: 2px 2px 0 #e5e9f0, 4px 4px 0 #6b7280, 8px 8px 0 var(--ink);--fx-title-sm: 2px 2px 0 #e5e9f0, 5px 5px 0 #4b5160;--fx-screen: repeating-linear-gradient(45deg, rgba(255, 255, 255, .045) 0 2px, transparent 2px 16px), repeating-linear-gradient(-45deg, rgba(255, 255, 255, .045) 0 2px, transparent 2px 16px);--fx-screen-size: auto;--fx-screen-anim: none;--fx-timer: linear-gradient(180deg, #f4f6fa, #9aa3b2 50%, #5b6270 51%, #c9ced8);--fx-timer-size: auto;--fx-timer-anim: none}.effect-static{--fx-fill: repeating-linear-gradient(0deg, rgba(0, 0, 0, .14) 0 1px, transparent 1px 3px);--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 2.2 -1'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");--fx-overlay-size: 120px 120px;--fx-overlay-blend: overlay;--fx-overlay-anim: fx-static .35s steps(4) infinite;--fx-shadow: -3px 0 0 #ff2e63, 4px 4px 0 #08f7fe, 7px 7px 0 var(--ink);--fx-shadow-sm: -2px 0 0 #ff2e63, 3px 3px 0 #08f7fe, 5px 5px 0 var(--ink);--fx-title: -4px 0 0 #ff2e63, 4px 0 0 #08f7fe, 8px 8px 0 var(--ink);--fx-title-sm: -3px 0 0 #ff2e63, 3px 0 0 #08f7fe, 6px 6px 0 var(--ink);--fx-screen: repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 4px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 -.18'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--fx-screen-size: auto, 160px 160px;--fx-screen-anim: fx-static .5s steps(3) infinite;--fx-timer: repeating-linear-gradient(90deg, #ff2e63 0 6px, #f4f4f4 6px 9px, #08f7fe 9px 15px, #1b1030 15px 18px);--fx-timer-size: 18px 100%;--fx-timer-anim: fx-slide-x .25s steps(2) infinite}.effect-water{--fx-fill: linear-gradient(180deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0) 45%, rgba(0, 60, 160, .28)), radial-gradient(circle at 18% 30%, rgba(255, 255, 255, .45) 0 3px, transparent 3.5px);--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='14' viewBox='0 0 80 14'%3E%3Cpath d='M0 7 Q10 0 20 7 T40 7 T60 7 T80 7 V14 H0Z' fill='%23ffffff' fill-opacity='.42'/%3E%3C/svg%3E") repeat-x left bottom, radial-gradient(circle at 25% 70%, rgba(255, 255, 255, .6) 0 2.5px, transparent 3px), radial-gradient(circle at 72% 40%, rgba(255, 255, 255, .5) 0 2px, transparent 2.5px);--fx-overlay-size: 80px 14px, 44px 44px, 56px 56px;--fx-overlay-anim: fx-water 2.4s linear infinite;--fx-line: #06244f;--fx-radius: 18px;--fx-shadow: 4px 5px 0 #1e88e5, 7px 8px 0 #06244f;--fx-shadow-sm: 3px 4px 0 #1e88e5, 5px 6px 0 #06244f;--fx-title: 3px 3px 0 #4fc3f7, 6px 6px 0 #1565c0, 9px 9px 0 var(--ink);--fx-title-sm: 3px 3px 0 #4fc3f7, 6px 6px 0 #0d47a1;--fx-screen: radial-gradient(circle at 20% 80%, rgba(130, 210, 255, .16) 0 4px, transparent 4.5px), radial-gradient(circle at 70% 30%, rgba(130, 210, 255, .12) 0 6px, transparent 6.5px), radial-gradient(circle at 45% 55%, rgba(130, 210, 255, .1) 0 3px, transparent 3.5px);--fx-screen-size: 120px 140px, 170px 190px, 90px 110px;--fx-screen-anim: fx-bubbles-screen 9s linear infinite;--fx-timer: linear-gradient(180deg, #b3e5fc, #29b6f6 55%, #0277bd);--fx-timer-size: auto;--fx-timer-anim: none}.effect-soap{--fx-fill: radial-gradient(ellipse at 22% 22%, rgba(255, 255, 255, .75) 0 10%, transparent 11%), linear-gradient(120deg, rgba(255, 170, 240, .5), rgba(150, 230, 255, .5) 50%, rgba(255, 255, 170, .5));--fx-overlay: radial-gradient(circle at 30% 60%, transparent 0 5px, rgba(255, 255, 255, .8) 5.5px 6.5px, transparent 7px), radial-gradient(circle at 75% 35%, transparent 0 3px, rgba(255, 255, 255, .7) 3.5px 4.5px, transparent 5px);--fx-overlay-size: 60px 60px, 46px 46px;--fx-overlay-anim: fx-rise-slow 5s linear infinite;--fx-line: #3b2a5a;--fx-radius: 24px;--fx-shadow: 5px 5px 0 #f48fda;--fx-shadow-sm: 4px 4px 0 #f48fda;--fx-title: 3px 3px 0 #ffd1f3, 6px 6px 0 #9be7ff, 9px 9px 0 #3b2a5a;--fx-title-sm: 3px 3px 0 #ffd1f3, 6px 6px 0 #6a4c9c;--fx-screen: radial-gradient(circle at 30% 70%, transparent 0 16px, rgba(255, 190, 245, .16) 17px 19px, transparent 20px), radial-gradient(circle at 70% 25%, transparent 0 9px, rgba(160, 230, 255, .16) 10px 11.5px, transparent 12.5px);--fx-screen-size: 210px 230px, 130px 150px;--fx-screen-anim: fx-bubbles-screen 12s linear infinite;--fx-timer: linear-gradient(90deg, #ffb3ec, #a5ecff, #fff5a8, #ffb3ec);--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x 2s linear infinite}.effect-ice{--fx-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='44'%3E%3Cpath d='M0 30 L18 22 L27 34 L45 17 L70 25 M18 22 L14 5 M45 17 L52 0 M27 34 L30 44' stroke='%23ffffff' stroke-opacity='.55' stroke-width='1.3' fill='none'/%3E%3C/svg%3E"), linear-gradient(160deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .12) 45%, rgba(190, 235, 255, .42));--fx-fill-size: 70px 44px, auto;--fx-overlay: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .85) 47%, rgba(255, 255, 255, .2) 53%, transparent 60%);--fx-overlay-size: 300% 100%;--fx-overlay-anim: fx-sheen 3.2s ease-in-out infinite;--fx-line: #0b2a4a;--fx-radius: 10px;--fx-shadow: 4px 4px 0 #9fe3ff, 7px 7px 0 #0b2a4a;--fx-shadow-sm: 3px 3px 0 #9fe3ff, 5px 5px 0 #0b2a4a;--fx-title: 3px 3px 0 #dff6ff, 6px 6px 0 #4fa9db, 9px 9px 0 #0b2a4a;--fx-title-sm: 3px 3px 0 #dff6ff, 6px 6px 0 #2c6e9e;--fx-screen: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .5) 0 1.6px, transparent 2px), radial-gradient(circle at 70% 60%, rgba(255, 255, 255, .35) 0 2.4px, transparent 3px), radial-gradient(circle at 45% 85%, rgba(255, 255, 255, .25) 0 1.2px, transparent 1.6px);--fx-screen-size: 90px 90px, 140px 140px, 60px 60px;--fx-screen-anim: fx-snow 10s linear infinite;--fx-timer: linear-gradient(180deg, #ffffff, #b3ecff 50%, #6cc9f0);--fx-timer-size: auto;--fx-timer-anim: none}.effect-toxic{--fx-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='22' viewBox='0 0 60 22'%3E%3Cpath d='M0 0 H60 V6 C55 6 54 13 50 13 C46 13 46 6 40 6 C36 6 36 20 30 20 C24 20 25 6 20 6 C16 6 16 11 12 11 C8 11 8 6 4 6 H0Z' fill='%23a8ff1a' stroke='%230b0614' stroke-width='1.6'/%3E%3C/svg%3E"), linear-gradient(180deg, transparent 40%, rgba(120, 255, 0, .25));--fx-fill-size: 60px 22px, auto;--fx-fill-repeat: repeat-x, no-repeat;--fx-overlay: radial-gradient(circle at 25% 80%, rgba(190, 255, 80, .85) 0 2.5px, transparent 3px), radial-gradient(circle at 65% 60%, rgba(190, 255, 80, .7) 0 1.8px, transparent 2.3px);--fx-overlay-size: 40px 40px, 30px 30px;--fx-overlay-anim: fx-rise-slow 3.4s linear infinite;--fx-line: #1d1a00;--fx-shadow: 5px 5px 0 #7c1fff;--fx-shadow-sm: 4px 4px 0 #7c1fff;--fx-title: 3px 3px 0 #a8ff1a, 6px 6px 0 #7c1fff, 9px 9px 0 var(--ink);--fx-title-sm: 3px 3px 0 #a8ff1a, 6px 6px 0 #5a12b8;--fx-screen: radial-gradient(circle at 30% 80%, rgba(168, 255, 26, .14) 0 5px, transparent 5.5px), radial-gradient(circle at 75% 40%, rgba(168, 255, 26, .1) 0 8px, transparent 8.5px);--fx-screen-size: 130px 150px, 190px 210px;--fx-screen-anim: fx-bubbles-screen 10s linear infinite;--fx-timer: repeating-linear-gradient(-45deg, #a8ff1a 0 10px, #5fd400 10px 20px)}.effect-hazard{--fx-fill: linear-gradient(180deg, rgba(255, 255, 255, .14), transparent 50%);--fx-overlay: repeating-linear-gradient(-45deg, #ffd400 0 7px, var(--ink) 7px 14px) left top / 100% 6px no-repeat, repeating-linear-gradient(-45deg, #ffd400 0 7px, var(--ink) 7px 14px) left bottom / 100% 6px no-repeat;--fx-overlay-size: 100% 6px, 100% 6px;--fx-line: var(--ink);--fx-radius: 8px;--fx-shadow: 4px 4px 0 #ffd400, 7px 7px 0 var(--ink);--fx-shadow-sm: 3px 3px 0 #ffd400, 5px 5px 0 var(--ink);--fx-title: 4px 4px 0 #ffd400, 8px 8px 0 var(--ink);--fx-title-sm: 3px 3px 0 #ffd400, 6px 6px 0 var(--ink);--fx-screen: repeating-linear-gradient(-45deg, rgba(255, 212, 0, .06) 0 28px, transparent 28px 56px);--fx-screen-size: 79.2px 79.2px;--fx-screen-anim: fx-hazard-screen 3s linear infinite;--fx-timer: repeating-linear-gradient(-45deg, #ffd400 0 10px, var(--ink) 10px 20px)}.effect-grid{--fx-fill: linear-gradient(rgba(255, 255, 255, .28) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .28) 1px, transparent 1px);--fx-fill-size: 10px 10px;--fx-line: var(--ink);--fx-line-style: dashed;--fx-radius: 6px;--fx-shadow: 5px 5px 0 #1e4fd8;--fx-shadow-sm: 4px 4px 0 #1e4fd8;--fx-title: 3px 3px 0 #82b1ff, 6px 6px 0 #1e4fd8, 9px 9px 0 var(--ink);--fx-title-sm: 3px 3px 0 #82b1ff, 6px 6px 0 #1e4fd8;--fx-screen: linear-gradient(rgba(130, 177, 255, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(130, 177, 255, .12) 1px, transparent 1px), linear-gradient(rgba(130, 177, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(130, 177, 255, .05) 1px, transparent 1px);--fx-screen-size: 60px 60px, 60px 60px, 12px 12px, 12px 12px;--fx-screen-anim: fx-grid-screen 6s linear infinite;--fx-timer: linear-gradient(90deg, #82b1ff 1px, transparent 1px) 0 0 / 8px 100%, #1e4fd8;--fx-timer-size: 8px 100%, auto;--fx-timer-anim: none}.effect-electric{--fx-fill: repeating-linear-gradient(115deg, rgba(255, 255, 255, .1) 0 2px, transparent 2px 9px);--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='34' viewBox='0 0 22 34'%3E%3Cpath d='M14 1 L3 19 H11 L6 33 L21 12 H13 L19 1Z' fill='%23ffe600' stroke='%230b0614' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 6px bottom 4px, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='34' viewBox='0 0 22 34'%3E%3Cpath d='M14 1 L3 19 H11 L6 33 L21 12 H13 L19 1Z' fill='%23ffe600' stroke='%230b0614' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left 6px top 4px;--fx-overlay-size: 14px 22px, 14px 22px;--fx-overlay-anim: fx-flicker 2.2s steps(1) infinite;--fx-line: var(--ink);--fx-shadow: 4px 4px 0 #ffe600, 7px 7px 0 var(--ink);--fx-shadow-sm: 3px 3px 0 #ffe600, 5px 5px 0 var(--ink);--fx-title: 3px 3px 0 #ffe600, 7px 7px 0 var(--ink);--fx-title-sm: 3px 3px 0 #ffe600, 6px 6px 0 var(--ink);--fx-screen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cpath d='M0 30 L20 18 L34 34 L56 14 L72 30 L94 20 L120 30' stroke='%23ffe600' stroke-opacity='.09' stroke-width='3' fill='none'/%3E%3C/svg%3E");--fx-screen-size: 120px 60px;--fx-screen-anim: fx-slide-x-screen 1.6s linear infinite;--fx-timer: repeating-linear-gradient(115deg, #ffe600 0 8px, #fff59d 8px 11px, #ffb300 11px 19px);--fx-timer-size: 40px 100%;--fx-timer-anim: fx-slide-x .4s linear infinite}.effect-sketch{--fx-fill: repeating-linear-gradient(-45deg, rgba(11, 6, 20, .17) 0 1.2px, transparent 1.2px 6px);--fx-line: #141014;--fx-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;--fx-shadow: 3px 5px 0 rgba(11, 6, 20, .9);--fx-shadow-sm: 2px 4px 0 rgba(11, 6, 20, .9);--fx-title: 2px 3px 0 #ffffff, 5px 6px 0 var(--ink);--fx-title-sm: 2px 3px 0 #ffffff, 4px 5px 0 var(--ink);--fx-screen: repeating-linear-gradient(0deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 26px), linear-gradient(90deg, transparent 38px, rgba(255, 80, 120, .12) 38px 40px, transparent 40px);--fx-screen-size: auto, 100% 100%;--fx-screen-anim: none;--fx-timer: repeating-linear-gradient(-45deg, var(--paper) 0 3px, var(--ink) 3px 5px);--fx-timer-size: auto;--fx-timer-anim: none}.effect-fire{--fx-fill: linear-gradient(0deg, rgba(255, 70, 0, .7) 0%, rgba(255, 170, 0, .32) 45%, transparent 78%);--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='26' viewBox='0 0 30 26'%3E%3Cpath d='M2 26 C5 19 3 14 9 8 C9 15 13 15 13 10 C17 15 21 12 19 2 C27 10 28 19 26 26Z' fill='%23ffb300'/%3E%3Cpath d='M8 26 C10 22 9 19 12 16 C13 20 16 19 16 17 C19 20 20 23 19 26Z' fill='%23ff3d00'/%3E%3C/svg%3E") repeat-x left bottom;--fx-overlay-size: 30px 22px;--fx-overlay-anim: fx-flames .9s steps(3) infinite;--fx-line: #2a0600;--fx-shadow: 4px 4px 0 #ff5a00, 7px 7px 0 #2a0600;--fx-shadow-sm: 3px 3px 0 #ff5a00, 5px 5px 0 #2a0600;--fx-title: 3px 3px 0 #ffc400, 6px 6px 0 #ff3d00, 9px 9px 0 #2a0600;--fx-title-sm: 3px 3px 0 #ffc400, 6px 6px 0 #ff3d00;--fx-screen: radial-gradient(circle at 20% 80%, rgba(255, 150, 0, .45) 0 1.6px, transparent 2px), radial-gradient(circle at 70% 40%, rgba(255, 90, 0, .35) 0 2.2px, transparent 2.6px), linear-gradient(0deg, rgba(255, 70, 0, .16), transparent 45%);--fx-screen-size: 80px 110px, 130px 150px, 100% 100%;--fx-screen-anim: fx-embers 6s linear infinite;--fx-timer: linear-gradient(90deg, #ff3d00, #ff9100, #ffd600, #ff9100, #ff3d00);--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x .8s linear infinite}.effect-arcade{--fx-fill: linear-gradient(rgba(255, 255, 255, .38) 0 4px, transparent 4px), linear-gradient(transparent 58%, rgba(0, 0, 0, .2) 58%), repeating-linear-gradient(0deg, rgba(0, 0, 0, .09) 0 2px, transparent 2px 4px);--fx-line: var(--ink);--fx-radius: 0;--fx-shadow: 4px 0 0 var(--ink), 0 4px 0 var(--ink), 4px 4px 0 var(--ink), 8px 4px 0 var(--ink), 4px 8px 0 var(--ink), 8px 8px 0 var(--ink);--fx-shadow-sm: 4px 0 0 var(--ink), 0 4px 0 var(--ink), 4px 4px 0 var(--ink);--fx-title: 3px 0 0 var(--secondary-color), 0 3px 0 var(--secondary-color), 3px 3px 0 var(--secondary-color), 6px 6px 0 var(--ink), 6px 3px 0 var(--ink), 3px 6px 0 var(--ink);--fx-title-sm: 3px 3px 0 var(--secondary-color), 6px 6px 0 var(--ink);--fx-screen: repeating-linear-gradient(0deg, rgba(0, 0, 0, .22) 0 2px, transparent 2px 4px), conic-gradient(rgba(255, 255, 255, .035) 25%, transparent 0 50%, rgba(255, 255, 255, .035) 0 75%, transparent 0);--fx-screen-size: auto, 16px 16px;--fx-screen-anim: none;--fx-timer: repeating-linear-gradient(90deg, var(--secondary-color) 0 8px, transparent 8px 12px);--fx-timer-size: auto;--fx-timer-anim: none}.effect-scanner{--fx-fill: repeating-linear-gradient(0deg, rgba(255, 255, 255, .1) 0 1px, transparent 1px 5px);--fx-overlay: linear-gradient(180deg, transparent 0 42%, rgba(0, 255, 170, 0) 44%, rgba(190, 255, 235, .85) 50%, rgba(0, 255, 170, 0) 56%, transparent 58%);--fx-overlay-size: 100% 300%;--fx-overlay-anim: fx-scan 2s ease-in-out infinite;--fx-line: #00261c;--fx-radius: 6px;--fx-shadow: 5px 5px 0 #00e5a0;--fx-shadow-sm: 4px 4px 0 #00e5a0;--fx-title: 3px 3px 0 #00e5a0, 7px 7px 0 var(--ink);--fx-title-sm: 3px 3px 0 #00e5a0, 6px 6px 0 var(--ink);--fx-screen: linear-gradient(180deg, transparent 0 46%, rgba(0, 229, 160, .18) 50%, transparent 54%), repeating-linear-gradient(0deg, rgba(0, 229, 160, .05) 0 1px, transparent 1px 6px);--fx-screen-size: 100% 300%, auto;--fx-screen-anim: fx-scan 4s ease-in-out infinite;--fx-timer: linear-gradient(90deg, #00e5a0, #b9fff0);--fx-timer-size: auto;--fx-timer-anim: none}.effect-matrix{--fx-fill: repeating-linear-gradient(0deg, rgba(0, 255, 65, .06) 0 1px, transparent 1px 3px), linear-gradient(180deg, #06200e, #020a05);--fx-fg: #d8ffd8;--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='72' font-family='monospace' font-size='12' fill='%2300ff41'%3E%3Ctext x='2' y='12'%3E1%3C/text%3E%3Ctext x='14' y='30' fill-opacity='.6'%3E0%3C/text%3E%3Ctext x='26' y='20'%3E%EF%BD%B1%3C/text%3E%3Ctext x='38' y='44' fill-opacity='.7'%3E1%3C/text%3E%3Ctext x='2' y='56' fill-opacity='.5'%3E%EF%BD%B6%3C/text%3E%3Ctext x='26' y='66' fill-opacity='.8'%3E0%3C/text%3E%3C/svg%3E");--fx-overlay-size: 48px 72px;--fx-overlay-opacity: .75;--fx-overlay-anim: fx-rain 2.4s linear infinite;--fx-line: #00ff41;--fx-radius: 6px;--fx-shadow: 4px 4px 0 #00a82b, 7px 7px 0 var(--ink);--fx-shadow-sm: 3px 3px 0 #00a82b, 5px 5px 0 var(--ink);--fx-title: 3px 3px 0 #00ff41, 7px 7px 0 #003b0f;--fx-title-sm: 3px 3px 0 #00ff41, 6px 6px 0 #003b0f;--fx-screen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='90' font-family='monospace' font-size='14' fill='%2300ff41' fill-opacity='.13'%3E%3Ctext x='4' y='16'%3E1%3C/text%3E%3Ctext x='22' y='40'%3E0%3C/text%3E%3Ctext x='40' y='24'%3E%EF%BD%B1%3C/text%3E%3Ctext x='10' y='70'%3E%EF%BD%B6%3C/text%3E%3Ctext x='34' y='84'%3E1%3C/text%3E%3C/svg%3E");--fx-screen-size: 60px 90px;--fx-screen-anim: fx-rain-screen 3s linear infinite;--fx-timer: linear-gradient(90deg, #003b0f, #00ff41);--fx-timer-size: auto;--fx-timer-anim: none}.effect-hologram{--fx-fill: repeating-linear-gradient(0deg, rgba(255, 255, 255, .2) 0 1px, transparent 1px 4px);--fx-overlay: linear-gradient(115deg, rgba(255, 0, 200, .55), rgba(0, 255, 255, .55), rgba(255, 255, 0, .55), rgba(255, 0, 200, .55));--fx-overlay-size: 300% 100%;--fx-overlay-blend: soft-light;--fx-overlay-anim: fx-slide-x 3s linear infinite;--fx-line: #12062a;--fx-shadow: -3px 3px 0 #ff3df5, 4px 5px 0 #23e5ff, 7px 8px 0 var(--ink);--fx-shadow-sm: -2px 2px 0 #ff3df5, 3px 4px 0 #23e5ff, 5px 6px 0 var(--ink);--fx-title: -3px 3px 0 #ff3df5, 4px 4px 0 #23e5ff, 8px 8px 0 var(--ink);--fx-title-sm: -2px 2px 0 #ff3df5, 3px 3px 0 #23e5ff, 6px 6px 0 var(--ink);--fx-screen: linear-gradient(115deg, rgba(255, 0, 200, .07), rgba(0, 255, 255, .07), rgba(255, 255, 0, .06), rgba(255, 0, 200, .07)), repeating-linear-gradient(0deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 4px);--fx-screen-size: 300% 100%, auto;--fx-screen-anim: fx-slide-x-screen-wide 8s linear infinite;--fx-timer: linear-gradient(90deg, #ff3df5, #23e5ff, #fff95b, #ff3df5);--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x 1.5s linear infinite}.effect-circuit{--fx-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg stroke='%23ffffff' stroke-opacity='.38' stroke-width='2' fill='none'%3E%3Cpath d='M0 20 H14 L20 14 H48 M32 14 V0 M20 48 V32 L26 26 H48'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='.6'%3E%3Ccircle cx='32' cy='3' r='2.5'/%3E%3Ccircle cx='20' cy='45' r='2.5'/%3E%3C/g%3E%3C/svg%3E");--fx-fill-size: 48px 48px;--fx-overlay: radial-gradient(circle, rgba(200, 255, 220, .95) 0 2.5px, transparent 3px) 0 14px / 48px 48px repeat-x, radial-gradient(circle, rgba(200, 255, 220, .95) 0 2.5px, transparent 3px) 0 26px / 48px 48px repeat-x;--fx-overlay-size: 48px 48px, 48px 48px;--fx-overlay-anim: fx-current 1.6s linear infinite;--fx-line: #002b1a;--fx-radius: 6px;--fx-shadow: 4px 4px 0 #00c853, 7px 7px 0 #002b1a;--fx-shadow-sm: 3px 3px 0 #00c853, 5px 5px 0 #002b1a;--fx-title: 3px 3px 0 #69f0ae, 6px 6px 0 #00a043, 9px 9px 0 #002b1a;--fx-title-sm: 3px 3px 0 #69f0ae, 6px 6px 0 #00a043;--fx-screen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg stroke='%2300e676' stroke-opacity='.1' stroke-width='2' fill='none'%3E%3Cpath d='M0 40 H28 L40 28 H96 M64 28 V0 M40 96 V64 L52 52 H96'/%3E%3C/g%3E%3C/svg%3E");--fx-screen-size: 96px 96px;--fx-screen-anim: none;--fx-timer: repeating-linear-gradient(90deg, #00c853 0 14px, #b9f6ca 14px 16px);--fx-timer-size: 32px 100%;--fx-timer-anim: fx-slide-x .5s linear infinite}.effect-cyberpunk{--fx-fill: linear-gradient(120deg, transparent 0 62%, rgba(255, 255, 255, .38) 62% 69%, transparent 69% 74%, rgba(255, 255, 255, .22) 74% 76%, transparent 76%);--fx-overlay: linear-gradient(180deg, transparent 0 28%, rgba(0, 240, 255, .75) 28% 33%, transparent 33% 68%, rgba(255, 43, 214, .75) 68% 72%, transparent 72%);--fx-overlay-size: 100% 100%;--fx-overlay-anim: fx-glitch 3s steps(1) infinite;--fx-line: var(--ink);--fx-radius: 2px 16px 2px 16px;--fx-shadow: -4px -3px 0 #ff2bd6, 5px 5px 0 #00f0ff, 8px 8px 0 var(--ink);--fx-shadow-sm: -3px -2px 0 #ff2bd6, 4px 4px 0 #00f0ff, 6px 6px 0 var(--ink);--fx-title: -4px 0 0 #ff2bd6, 4px 3px 0 #00f0ff, 8px 8px 0 var(--ink);--fx-title-sm: -3px 0 0 #ff2bd6, 3px 3px 0 #00f0ff, 6px 6px 0 var(--ink);--fx-screen: linear-gradient(transparent 0 calc(100% - 2px) , rgba(255, 43, 214, .18) 0), linear-gradient(90deg, transparent 0 calc(100% - 2px) , rgba(0, 240, 255, .14) 0);--fx-screen-size: 46px 46px;--fx-screen-anim: fx-grid-screen-46 4s linear infinite;--fx-timer: linear-gradient(90deg, #ff2bd6 0 50%, #00f0ff 50%);--fx-timer-size: 30px 100%;--fx-timer-anim: fx-slide-x .3s steps(2) infinite}.effect-magma{--fx-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='40'%3E%3Cpath d='M0 26 L14 20 L22 30 L38 16 L64 24 M14 20 L11 4 M38 16 L46 0 M22 30 L26 40' stroke='%23ff6a00' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 120%, rgba(255, 90, 0, .55), transparent 60%), linear-gradient(160deg, #3d1407, #1c0702);--fx-fill-size: 64px 40px, auto, auto;--fx-fg: #fff1e0;--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='40'%3E%3Cpath d='M0 26 L14 20 L22 30 L38 16 L64 24 M14 20 L11 4 M38 16 L46 0 M22 30 L26 40' stroke='%23ffe066' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");--fx-overlay-size: 64px 40px;--fx-overlay-anim: fx-pulse 1.6s ease-in-out infinite alternate;--fx-line: #1a0500;--fx-shadow: 4px 4px 0 #ff4d00, 7px 7px 0 #1a0500;--fx-shadow-sm: 3px 3px 0 #ff4d00, 5px 5px 0 #1a0500;--fx-title: 3px 3px 0 #ffb300, 6px 6px 0 #d83000, 9px 9px 0 #1a0500;--fx-title-sm: 3px 3px 0 #ffb300, 6px 6px 0 #d83000;--fx-screen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='90'%3E%3Cpath d='M0 60 L30 46 L48 66 L84 36 L140 52 M30 46 L24 10 M84 36 L100 0' stroke='%23ff4d00' stroke-opacity='.18' stroke-width='3' fill='none'/%3E%3C/svg%3E"), linear-gradient(0deg, rgba(255, 60, 0, .14), transparent 50%);--fx-screen-size: 140px 90px, 100% 100%;--fx-screen-anim: none;--fx-timer: linear-gradient(90deg, #7a1400, #ff4d00, #ffd54f, #ff4d00, #7a1400);--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x 1.4s linear infinite}.effect-phantom{--fx-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Cpath d='M0 10 V4 Q6 -2 12 4 Q18 10 24 4 V10Z' fill='%23ffffff' fill-opacity='.55'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(255, 255, 255, .45), rgba(255, 255, 255, .08) 65%);--fx-fill-size: 24px 10px, auto;--fx-fill-repeat: repeat-x, no-repeat;--fx-fill-pos: left bottom, 0 0;--fx-overlay: radial-gradient(ellipse 40% 60% at 20% 70%, rgba(255, 255, 255, .45), transparent 70%), radial-gradient(ellipse 35% 55% at 75% 40%, rgba(255, 255, 255, .35), transparent 70%);--fx-overlay-size: 200% 100%, 200% 100%;--fx-overlay-anim: fx-drift 6s ease-in-out infinite alternate;--fx-line: #2a1b46;--fx-radius: 22px 22px 10px 10px;--fx-shadow: 4px 4px 0 rgba(200, 180, 255, .6), 8px 8px 0 rgba(200, 180, 255, .28), 11px 11px 0 rgba(11, 6, 20, .6);--fx-shadow-sm: 3px 3px 0 rgba(200, 180, 255, .55), 6px 6px 0 rgba(200, 180, 255, .25);--fx-title: 4px 4px 0 rgba(255, 255, 255, .35), 8px 8px 0 rgba(255, 255, 255, .15), 12px 12px 0 rgba(11, 6, 20, .5);--fx-title-sm: 3px 3px 0 rgba(255, 255, 255, .3), 6px 6px 0 rgba(255, 255, 255, .12);--fx-screen: radial-gradient(ellipse 50% 30% at 30% 40%, rgba(220, 210, 255, .08), transparent 70%), radial-gradient(ellipse 40% 25% at 75% 75%, rgba(220, 210, 255, .07), transparent 70%);--fx-screen-size: 200% 100%, 200% 100%;--fx-screen-anim: fx-drift 14s ease-in-out infinite alternate;--fx-timer: linear-gradient(90deg, rgba(255, 255, 255, .2), #e6dcff, rgba(255, 255, 255, .2));--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x 2s linear infinite}.effect-galaxy{--fx-fill: radial-gradient(circle at 15% 30%, #fff 0 1px, transparent 1.5px), radial-gradient(circle at 60% 70%, #fff 0 1.2px, transparent 1.7px), radial-gradient(circle at 85% 20%, rgba(255, 255, 255, .8) 0 .8px, transparent 1.3px), radial-gradient(circle at 85% 15%, rgba(255, 64, 170, .55), transparent 45%), radial-gradient(circle at 10% 90%, rgba(0, 200, 255, .45), transparent 45%), linear-gradient(135deg, #2a0b5e, #0b1446 55%, #3d0a52);--fx-fill-size: 38px 38px, 52px 52px, 30px 30px, auto, auto, auto;--fx-fg: #ffffff;--fx-overlay: radial-gradient(circle at 30% 40%, rgba(255, 255, 255, .95) 0 1.6px, transparent 2.2px), radial-gradient(circle at 75% 65%, rgba(255, 240, 200, .9) 0 1.3px, transparent 1.9px);--fx-overlay-size: 70px 50px, 90px 60px;--fx-overlay-anim: fx-twinkle 2.6s ease-in-out infinite;--fx-line: #0b0614;--fx-radius: 16px;--fx-shadow: 4px 4px 0 #7c4dff, 7px 7px 0 var(--ink);--fx-shadow-sm: 3px 3px 0 #7c4dff, 5px 5px 0 var(--ink);--fx-title: 3px 3px 0 #b388ff, 6px 6px 0 #4527a0, 9px 9px 0 var(--ink);--fx-title-sm: 3px 3px 0 #b388ff, 6px 6px 0 #4527a0;--fx-screen: radial-gradient(circle at 10% 20%, rgba(255, 255, 255, .7) 0 1px, transparent 1.5px), radial-gradient(circle at 60% 50%, rgba(255, 255, 255, .5) 0 1.4px, transparent 1.9px), radial-gradient(circle at 80% 85%, rgba(255, 255, 255, .4) 0 .9px, transparent 1.4px), radial-gradient(ellipse 60% 40% at 70% 30%, rgba(160, 60, 255, .12), transparent 70%);--fx-screen-size: 70px 70px, 110px 110px, 50px 50px, 100% 100%;--fx-screen-anim: fx-stars 30s linear infinite;--fx-timer: linear-gradient(90deg, #311b92, #7c4dff, #ff80ab, #7c4dff, #311b92);--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x 2.4s linear infinite}.effect-crystal{--fx-fill: linear-gradient(135deg, rgba(255, 255, 255, .55) 0 18%, transparent 18% 40%, rgba(255, 255, 255, .25) 40% 52%, transparent 52%), linear-gradient(45deg, transparent 0 60%, rgba(255, 255, 255, .3) 60% 70%, transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(80, 0, 160, .2));--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 0 L12 8 L20 10 L12 12 L10 20 L8 12 L0 10 L8 8Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat right 12% top 18%, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 0 L12 8 L20 10 L12 12 L10 20 L8 12 L0 10 L8 8Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat left 14% bottom 20%;--fx-overlay-size: 12px 12px, 8px 8px;--fx-overlay-anim: fx-twinkle 1.8s ease-in-out infinite;--fx-line: #1d0b3a;--fx-radius: 4px;--fx-shadow: 4px 4px 0 #b388ff, 7px 7px 0 #1d0b3a;--fx-shadow-sm: 3px 3px 0 #b388ff, 5px 5px 0 #1d0b3a;--fx-title: 3px 3px 0 #ede7ff, 6px 6px 0 #7c4dff, 9px 9px 0 #1d0b3a;--fx-title-sm: 3px 3px 0 #ede7ff, 6px 6px 0 #7c4dff;--fx-screen: linear-gradient(120deg, transparent 0 45%, rgba(200, 170, 255, .07) 45% 55%, transparent 55%), linear-gradient(60deg, transparent 0 30%, rgba(200, 170, 255, .05) 30% 36%, transparent 36%);--fx-screen-size: 100% 100%, 100% 100%;--fx-screen-anim: none;--fx-timer: linear-gradient(135deg, #ede7ff 0 25%, #b388ff 25% 50%, #ede7ff 50% 75%, #b388ff 75%);--fx-timer-size: 24px 24px;--fx-timer-anim: fx-slide-x .6s linear infinite}.effect-rainbow{--fx-overlay: linear-gradient(90deg, #ff3b3b, #ffa63b, #ffe83b, #4bff6b, #3bd8ff, #8a5bff, #ff3bd5, #ff3b3b);--fx-overlay-size: 300% 100%;--fx-overlay-blend: hard-light;--fx-overlay-opacity: .6;--fx-overlay-anim: fx-slide-x 4s linear infinite;--fx-line: var(--ink);--fx-radius: 18px;--fx-shadow: 3px 3px 0 #ff3bd5, 6px 6px 0 #3bd8ff, 9px 9px 0 var(--ink);--fx-shadow-sm: 3px 3px 0 #ff3bd5, 5px 5px 0 #3bd8ff, 7px 7px 0 var(--ink);--fx-title: 3px 3px 0 #ff3b3b, 6px 6px 0 #ffe83b, 9px 9px 0 #3bd8ff, 12px 12px 0 var(--ink);--fx-title-sm: 2px 2px 0 #ff3b3b, 4px 4px 0 #ffe83b, 6px 6px 0 #3bd8ff;--fx-screen: linear-gradient(45deg, rgba(255, 59, 59, .05) 0 12.5%, rgba(255, 166, 59, .05) 12.5% 25%, rgba(255, 232, 59, .05) 25% 37.5%, rgba(75, 255, 107, .05) 37.5% 50%, rgba(59, 216, 255, .05) 50% 62.5%, rgba(138, 91, 255, .05) 62.5% 75%, rgba(255, 59, 213, .05) 75% 87.5%, rgba(255, 59, 59, .05) 87.5%);--fx-screen-size: 56px 56px;--fx-screen-anim: arcade-stripes 2.4s linear infinite;--fx-timer: linear-gradient(90deg, #ff3b3b, #ffa63b, #ffe83b, #4bff6b, #3bd8ff, #8a5bff, #ff3bd5, #ff3b3b);--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x 1.2s linear infinite}.effect-gold{--fx-fill: linear-gradient(180deg, rgba(255, 255, 255, .35) 0 18%, transparent 18%), linear-gradient(135deg, #fff1a8 0%, #ffd23f 28%, #d39200 52%, #ffe07a 74%, #b87900 100%);--fx-fg: #3a2400;--fx-overlay: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, .95) 46%, rgba(255, 255, 255, .3) 52%, transparent 58%);--fx-overlay-size: 300% 100%;--fx-overlay-anim: fx-sheen 2.6s ease-in-out infinite;--fx-line: #3a2400;--fx-shadow: 4px 4px 0 #8a5a00, 7px 7px 0 #2a1a00;--fx-shadow-sm: 3px 3px 0 #8a5a00, 5px 5px 0 #2a1a00;--fx-dark: #2a1d05;--fx-title: 3px 3px 0 #ffe07a, 6px 6px 0 #b87900, 9px 9px 0 #2a1a00;--fx-title-sm: 3px 3px 0 #ffe07a, 6px 6px 0 #8a5a00;--fx-screen: radial-gradient(circle at 25% 30%, rgba(255, 215, 80, .4) 0 1.4px, transparent 1.9px), radial-gradient(circle at 70% 75%, rgba(255, 215, 80, .3) 0 1px, transparent 1.5px), radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255, 200, 60, .12), transparent 70%);--fx-screen-size: 90px 90px, 60px 60px, 100% 100%;--fx-screen-anim: fx-stars 40s linear infinite;--fx-timer: linear-gradient(90deg, #b87900, #ffe07a, #fff1a8, #ffd23f, #b87900);--fx-timer-size: 200% 100%;--fx-timer-anim: fx-slide-x 1.6s linear infinite}.effect-gold .glitch-title{color:#ffd23f}.particle_sparkle{--fx-fill: linear-gradient(180deg, rgba(255, 255, 255, .28) 0 20%, transparent 20%);--fx-overlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='46'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M12 4 L13.5 10 L19 11.5 L13.5 13 L12 19 L10.5 13 L5 11.5 L10.5 10Z'/%3E%3Cpath d='M52 24 L53 28 L57 29 L53 30 L52 34 L51 30 L47 29 L51 28Z'/%3E%3Ccircle cx='36' cy='10' r='1.6'/%3E%3Ccircle cx='28' cy='38' r='1.2'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .6) 48%, transparent 56%);--fx-overlay-size: 70px 46px, 300% 100%;--fx-overlay-anim: fx-sparkle 2.4s ease-in-out infinite;--fx-shadow: 4px 4px 0 var(--accent-color), 7px 7px 0 var(--ink);--fx-shadow-sm: 3px 3px 0 var(--accent-color), 5px 5px 0 var(--ink);--fx-title: 3px 3px 0 #ffffff, 6px 6px 0 var(--accent-color), 9px 9px 0 var(--ink);--fx-screen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23ffffff' fill-opacity='.22'%3E%3Cpath d='M20 10 L22 18 L30 20 L22 22 L20 30 L18 22 L10 20 L18 18Z'/%3E%3Cpath d='M86 70 L87.5 76 L93 77.5 L87.5 79 L86 85 L84.5 79 L79 77.5 L84.5 76Z'/%3E%3Ccircle cx='70' cy='24' r='2'/%3E%3Ccircle cx='34' cy='96' r='1.5'/%3E%3C/g%3E%3C/svg%3E");--fx-screen-size: 120px 120px;--fx-screen-anim: fx-stars 24s linear infinite}@keyframes fx-sheen{0%,35%{background-position:120% 0,120% 0,120% 0}80%,to{background-position:-20% 0,-20% 0,-20% 0}}@keyframes fx-static{0%{background-position:0 0}25%{background-position:-37px 21px}50%{background-position:44px -13px}75%{background-position:-11px -46px}}@keyframes fx-slide-x{to{background-position:200% 0}}@keyframes fx-slide-x-screen{to{background-position:120px 0}}@keyframes fx-slide-x-screen-wide{to{background-position:300% 0,0 0}}@keyframes fx-water{to{background-position:80px 100%,0 -44px,0 -56px}}@keyframes fx-rise-slow{to{background-position:0 -60px,0 -46px}}@keyframes fx-bubbles-screen{to{background-position:0 -140px,0 -190px,0 -110px}}@keyframes fx-snow{to{background-position:30px 90px,-40px 140px,10px 60px}}@keyframes fx-hazard-screen{to{background-position:79.2px 0}}@keyframes fx-grid-screen{to{background-position:0 60px,0 60px,0 12px,0 12px}}@keyframes fx-grid-screen-46{to{background-position:0 46px,46px 0}}@keyframes fx-flicker{0%,62%,70%,to{opacity:1}64%,68%{opacity:0}66%{opacity:.5}}@keyframes fx-flames{0%{background-position:0 100%}33%{background-position:-10px calc(100% + 2px)}66%{background-position:-20px calc(100% - 1px)}}@keyframes fx-embers{to{background-position:10px -110px,-20px -150px,0 0}}@keyframes fx-scan{0%{background-position:0 100%}50%{background-position:0 0}to{background-position:0 100%}}@keyframes fx-rain{to{background-position:0 72px}}@keyframes fx-rain-screen{to{background-position:0 90px}}@keyframes fx-current{to{background-position:48px 14px,-48px 26px}}@keyframes fx-glitch{0%,86%,to{opacity:0;transform:none}88%{opacity:1;transform:translate(-3px)}92%{opacity:1;transform:translate(4px) scaleY(.6)}95%{opacity:.6;transform:translate(-1px)}}@keyframes fx-pulse{0%{opacity:.35}to{opacity:1}}@keyframes fx-drift{0%{background-position:0 0,100% 0}to{background-position:100% 0,0 0}}@keyframes fx-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes fx-stars{to{background-position:-70px 140px,-110px 220px,-50px 100px,0 0}}@keyframes fx-sparkle{0%,to{opacity:.55;background-position:0 0,120% 0}50%{opacity:1;background-position:0 0,-20% 0}}@media (prefers-reduced-motion: reduce){.neon-btn:after,.skin-card.fx-card:before{animation:none}}:root{--flame-1: #ffcf3a;--flame-2: #ff6a00;--gold: #ffd23f;--gold-dark: #b87900;--silver: #dfe6f0;--silver-dark: #7b8699;--bronze: #e0915a;--bronze-dark: #8a4a1f}.today-banner{position:relative;display:flex;align-items:center;gap:10px;width:min(82%,340px);margin:-14px auto 18px;padding:8px 12px;font-family:var(--font-main);color:var(--paper);background:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 8px,transparent 8px 16px),var(--ink-3);border:3px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-1.5deg);cursor:pointer;transition:transform .12s var(--pop)}.today-banner:active{transform:rotate(-1.5deg) translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.today-banner.has-claim{animation:tb-wiggle 2.4s ease-in-out infinite}@keyframes tb-wiggle{0%,82%,to{transform:rotate(-1.5deg)}86%{transform:rotate(1.5deg) scale(1.03)}90%{transform:rotate(-3deg) scale(1.03)}94%{transform:rotate(0)}}.tb-streak{display:inline-flex;align-items:center;gap:2px;padding:2px 9px 2px 4px;border-radius:999px;background:var(--ink);font-family:var(--font-display);font-size:1.05rem;color:#8f86a3}.tb-streak svg{width:24px;height:24px}.tb-streak.is-lit{color:var(--flame-1)}.tb-quests{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}.tb-quests small{font-weight:900;font-size:.72rem;letter-spacing:.08em}.tb-pips{display:flex;gap:4px}.tb-pip{flex:1;height:8px;border-radius:4px;border:2px solid var(--ink);background:linear-gradient(90deg,var(--accent-color) var(--p),rgba(255,255,255,.16) var(--p))}.tb-pip.is-ready{background:var(--accent-color);animation:tb-pip-pulse .8s ease-in-out infinite alternate}.tb-pip.is-claimed{background:var(--paper)}@keyframes tb-pip-pulse{to{transform:scaleY(1.35)}}.tb-run{display:inline-flex;flex-direction:column;align-items:center;padding:3px 8px;border-radius:9px;background:var(--paper);color:var(--ink);font-family:var(--font-display);font-size:.78rem;line-height:1.1;box-shadow:2px 2px 0 var(--ink)}.tb-run small{font-family:var(--font-main);font-weight:900;font-size:.68rem;color:var(--secondary-color)}.tb-badge{position:absolute;top:-10px;right:-8px;min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#f34;color:#fff;border:3px solid var(--ink);font-family:var(--font-display);font-size:.8rem;animation:tb-badge 1s var(--pop) infinite alternate}@keyframes tb-badge{to{transform:scale(1.15) rotate(8deg)}}.fl-out{fill:#5b5170}.fl-in{fill:#8f86a3}.is-lit .fl-out{fill:var(--flame-2);stroke:var(--ink);stroke-width:1.4}.is-lit .fl-in{fill:var(--flame-1)}.is-lit svg{transform-origin:50% 90%;animation:fl-flicker 1.1s ease-in-out infinite alternate}@keyframes fl-flicker{0%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05,.95) rotate(2deg)}to{transform:scale(.97,1.06) rotate(-1deg)}}#today-screen{justify-content:flex-start;padding:18px 0 24px;overflow-y:auto;overflow-x:hidden}.today-content{width:min(92%,430px);margin:0 auto;display:flex;flex-direction:column;gap:14px;color:var(--paper);font-family:var(--font-main)}.today-content h2{margin:4px 0 0;text-align:center;font-size:clamp(1.6rem,8vw,2.2rem);color:var(--paper);text-shadow:var(--fx-title-sm)!important;transform:rotate(-2deg)}.td-date{margin:-6px auto 4px;padding:3px 12px;width:fit-content;border-radius:999px;background:var(--paper);color:var(--ink);font-weight:900;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.td-loading,.td-empty{text-align:center;font-weight:700;line-height:1.4}.td-card{position:relative;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:14px}.td-back{align-self:center;margin-top:6px}.td-streak{color:var(--ink);background:radial-gradient(circle at 12% 30%,rgba(255,255,255,.45),transparent 40%),linear-gradient(135deg,var(--flame-1),var(--flame-2) 70%,#ff3d6e)}.td-streak:not(.is-lit){background:repeating-linear-gradient(-45deg,rgba(255,255,255,.06) 0 8px,transparent 8px 16px),var(--ink-3);color:var(--paper)}.td-streak-head{display:flex;align-items:center;gap:10px}.td-flame svg{width:64px;height:64px;filter:drop-shadow(3px 3px 0 var(--ink))}.td-streak.is-lit .fl-out{fill:#fff3c4}.td-streak.is-lit .fl-in{fill:#ff6a00}.td-streak-n{display:flex;flex-direction:column;line-height:.9}.td-streak-n b{font-family:var(--font-display);font-weight:400;font-size:2.6rem}.td-streak-n small{font-weight:900;font-size:.7rem;letter-spacing:.08em}.td-streak-hint{flex:1;font-weight:800;font-size:.85rem;line-height:1.25;text-align:right}.td-streak-hint small{display:block;opacity:.75;font-size:.72rem}.td-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0 0;padding:0;list-style:none}.td-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 0 4px;border-radius:10px;border:2px solid var(--ink);background:#ffffff8c;color:var(--ink);font-weight:900;font-size:.66rem}.td-streak:not(.is-lit) .td-day{background:#ffffff1f;color:var(--paper)}.td-day svg{width:20px;height:20px}.td-day.is-done{background:var(--ink);color:var(--accent-color)}.td-day.is-today{background:var(--paper);color:var(--ink);transform:translateY(-4px) rotate(-3deg);box-shadow:3px 3px 0 var(--ink);animation:td-today 1.2s ease-in-out infinite alternate}@keyframes td-today{to{transform:translateY(-7px) rotate(3deg)}}.td-day:last-child .td-day-ico svg{width:24px;height:24px}.td-day-ok{color:var(--accent-color)}.td-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:-6px;font-family:var(--font-display);font-size:1.05rem}.td-section-title b{font-weight:400;padding:1px 10px;border-radius:999px;background:var(--accent-color);color:var(--on-accent);border:2px solid var(--ink)}.td-quests{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}.td-quest{--tier: var(--accent-color);--tier-fg: var(--on-accent);display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;border:3px solid var(--ink);background:var(--ink-2);box-shadow:4px 4px 0 var(--ink)}.td-quest.tier-medium{--tier: var(--primary-color);--tier-fg: var(--on-primary)}.td-quest.tier-hard{--tier: var(--secondary-color);--tier-fg: var(--on-secondary)}.td-quest.td-bonus{--tier: var(--gold);--tier-fg: var(--ink)}.td-q-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--tier);color:var(--tier-fg);border:2px solid var(--ink);transform:rotate(-6deg)}.td-q-ico svg{width:24px;height:24px}.td-q-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.td-q-tier{font-weight:900;font-size:.62rem;letter-spacing:.12em;color:var(--tier)}.td-q-text{font-weight:800;font-size:.9rem;line-height:1.2}.td-q-bar{position:relative;height:14px;border-radius:7px;background:var(--ink);border:2px solid var(--ink);overflow:hidden}.td-q-bar i{position:absolute;inset:0 auto 0 0;border-radius:5px;background:repeating-linear-gradient(-45deg,var(--tier) 0 6px,color-mix(in srgb,var(--tier) 70%,#fff) 6px 12px);background-size:17px 17px;animation:arcade-barber .8s linear infinite}.td-q-bar b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.62rem;font-weight:900;color:var(--paper);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.td-q-act{flex:none}.td-q-reward{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-display);font-size:.85rem;color:var(--gold)}.td-q-reward svg{width:18px;height:18px}.td-q-done{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-color);color:var(--ink);border:2px solid var(--ink)}.td-q-done svg{width:20px;height:20px}.td-quest.is-claimed{opacity:.7}.td-quest.is-claimed .td-q-text{text-decoration:line-through;text-decoration-thickness:2px}.td-quest.is-ready{background:color-mix(in srgb,var(--tier) 22%,var(--ink-2))}.td-claim{display:flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:12px;border:3px solid var(--ink);background:var(--gold);color:var(--ink);font-family:var(--font-main);font-weight:900;font-size:.68rem;letter-spacing:.06em;line-height:1.1;box-shadow:3px 3px 0 var(--ink);cursor:pointer;animation:td-claim .9s var(--pop) infinite alternate}.td-claim span{font-family:var(--font-display);font-size:1rem}.td-claim:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink);animation:none}@keyframes td-claim{to{transform:scale(1.08) rotate(-4deg)}}.td-run{background:radial-gradient(circle,rgba(11,6,20,.08) 1.2px,transparent 1.6px) 0 0 / 10px 10px,var(--paper);color:var(--ink);display:flex;flex-direction:column;gap:10px;transform:rotate(-1deg)}.td-run-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.td-run-kicker{padding:2px 8px;border-radius:6px;background:var(--secondary-color);color:var(--on-secondary);font-weight:900;font-size:.72rem;letter-spacing:.1em;border:2px solid var(--ink);transform:rotate(-3deg)}.td-run-title{font-family:var(--font-display);font-size:2rem;line-height:1;text-shadow:3px 3px 0 var(--primary-color)}.td-run-players{margin-left:auto;font-weight:800;font-size:.75rem;opacity:.7}.td-run-strip{display:flex;gap:6px;align-items:center}.td-run-g{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:2px solid var(--ink);background:var(--ink-2);box-shadow:2px 2px 0 var(--ink);transform:rotate(calc((var(--i) - 2.5) * 3deg));animation:td-strip-in .4s var(--pop) both;animation-delay:calc(var(--i) * 60ms)}.td-run-g svg{width:24px;height:24px}@keyframes td-strip-in{0%{opacity:0;transform:translateY(10px) scale(.6)}}.td-run-more{font-family:var(--font-display);font-size:.9rem;opacity:.6}.td-run-desc{margin:0;font-weight:700;font-size:.85rem;line-height:1.35}.td-run-me{display:flex;align-items:baseline;gap:6px}.td-run-me b{font-family:var(--font-display);font-weight:400;font-size:2.2rem;line-height:1}.td-run-me span{font-weight:900}.td-run-me em{margin-left:auto;font-style:normal;font-family:var(--font-display);padding:2px 10px;border-radius:999px;background:var(--accent-color);color:var(--on-accent);border:2px solid var(--ink)}.td-run-play{align-self:stretch}.td-lb{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.td-lb li{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:9px;background:#0b06140f;font-weight:800;font-size:.85rem}.td-lb li.is-me{background:var(--primary-color);color:var(--on-primary);border:2px solid var(--ink)}.td-lb-rank{width:22px;text-align:center;font-family:var(--font-display)}.td-lb li:nth-child(1) .td-lb-rank{color:var(--gold-dark)}.td-lb li:nth-child(2) .td-lb-rank{color:var(--silver-dark)}.td-lb li:nth-child(3) .td-lb-rank{color:var(--bronze-dark)}.td-lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-lb-score{font-family:var(--font-display)}.td-lb-friends{margin:0;font-size:.78rem;font-weight:700}.td-run-share{align-self:center}.td-collection{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--primary-color);color:var(--on-primary);font-family:var(--font-main);cursor:pointer}.td-collection:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.td-col-medals{display:flex}.td-col-medals i,.ms-medal i{display:grid;place-items:center;width:34px;height:34px;margin-left:-8px;border-radius:50%;border:3px solid var(--ink);font-style:normal;font-family:var(--font-display);font-size:.85rem;color:var(--ink)}.td-col-medals i:first-child{margin-left:0}.m-gold i,i.m-gold{background:radial-gradient(circle at 35% 30%,#fff6c8,var(--gold) 55%,var(--gold-dark))}.m-silver i,i.m-silver{background:radial-gradient(circle at 35% 30%,#ffffff,var(--silver) 55%,var(--silver-dark))}.m-bronze i,i.m-bronze{background:radial-gradient(circle at 35% 30%,#ffd9bd,var(--bronze) 55%,var(--bronze-dark))}.td-col-text{flex:1;display:flex;flex-direction:column}.td-col-text b{font-family:var(--font-display);font-weight:400;font-size:1.1rem}.td-col-text small{font-weight:800;font-size:.78rem}.td-col-go svg{width:26px;height:26px}.td-coin-fly{position:fixed;z-index:20000;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none;animation:td-coin-fly .95s cubic-bezier(.2,.8,.3,1) both}.td-coin-fly svg{width:100%;height:100%}@keyframes td-coin-fly{0%{transform:translate(0) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1) rotate(260deg);opacity:0}}.mastery-summary{display:flex;align-items:center;gap:6px;width:min(92%,420px);margin:-8px auto 16px}.mastery-summary:empty{display:none}.ms-medal{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-display);color:var(--paper)}.ms-medal i{width:22px;height:22px;margin:0;border-width:2px}.ms-bar{position:relative;flex:1;height:18px;margin-left:6px;border-radius:9px;background:var(--ink);border:2px solid var(--ink);overflow:hidden}.ms-bar b{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--bronze),var(--silver),var(--gold))}.ms-bar em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:.66rem;color:var(--paper);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink)}.mastery-badge{position:absolute;right:6px;bottom:6px;display:flex;align-items:center;gap:3px}.mb-medal{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink);background:#0b061440}.medal-bronze .mb-medal{background:radial-gradient(circle at 35% 30%,#ffd9bd,var(--bronze) 55%,var(--bronze-dark))}.medal-silver .mb-medal{background:radial-gradient(circle at 35% 30%,#ffffff,var(--silver) 55%,var(--silver-dark))}.medal-gold .mb-medal{background:radial-gradient(circle at 35% 30%,#fff6c8,var(--gold) 55%,var(--gold-dark));box-shadow:0 0 0 2px var(--paper)}.mb-bar{width:30px;height:6px;border-radius:3px;background:#0b061459;overflow:hidden}.mb-bar b{display:block;height:100%;background:var(--ink)}.medal-gold .mb-bar{display:none}.daily-result{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 auto 16px;padding:12px 18px;width:min(82%,320px);border-radius:16px;border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);animation:arcade-rise .45s var(--pop) both}.daily-result.hidden{display:none}.dr-kicker{font-weight:900;font-size:.75rem;letter-spacing:.12em;color:var(--secondary-color)}.dr-rounds{font-weight:900}.dr-rounds b{font-family:var(--font-display);font-weight:400;font-size:2rem}.dr-rank{font-family:var(--font-display);font-size:.95rem;text-align:center}.dr-share{margin-top:6px}@media (prefers-reduced-motion: reduce){.today-banner.has-claim,.tb-badge,.td-claim,.td-day.is-today,.is-lit svg{animation:none}}