.task-item{background:linear-gradient(135deg,#28283ccc,#1e1e32cc);border-radius:15px;padding:20px;border:2px solid rgba(255,165,0,.4);transition:all .3s ease;position:relative;overflow:hidden}.task-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.task-item:hover:before{left:100%}.task-item:hover{border-color:#ffd700b3;box-shadow:0 0 15px #ffd7004d;transform:translateY(-2px)}.task-item.completed{border-color:#00ff9699;background:linear-gradient(135deg,#00ff961a,#00c8781a)}.task-item.disabled{opacity:.6;cursor:not-allowed}.task-content{display:flex;flex-direction:column;gap:12px}.task-header{display:flex;align-items:center;gap:15px}.dragon-ball-button{width:60px;height:60px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;position:relative;padding:5px;border-radius:50%}.dragon-ball-button:hover:not(:disabled){transform:scale(1.15);filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}.dragon-ball-button:active:not(:disabled){transform:scale(1.05)}.dragon-ball-button.complete{animation:completePulse 2s ease-in-out infinite}@keyframes completePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dragon-ball-button:disabled{cursor:not-allowed;opacity:1!important;filter:none!important}.task-name{font-size:1.2rem;color:#fff;font-weight:600;flex:1;text-shadow:0 0 5px rgba(255,255,255,.3)}.task-item.completed .task-name{color:#00ff96;text-shadow:0 0 10px rgba(0,255,150,.5)}.task-note{font-size:.9rem;color:orange;font-style:italic;margin-left:50px;text-shadow:0 0 5px rgba(255,165,0,.5)}.timer-note{color:#00d4ff;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.task-item.timer-active{border-color:#00d4ff99;box-shadow:0 0 15px #00d4ff66}.dragon-ball-button.timer-running{position:relative;overflow:visible}.dragon-ball-button.pulse-effect{animation:ballPulse 1.5s ease-in-out infinite;animation-delay:0s;will-change:transform}.dragon-ball-button.pulse-effect .dragon-ball-container,.dragon-ball-button.pulse-effect .dragon-ball-mask{transform-origin:center center}@keyframes ballPulse{0%,to{transform:scale(.9);filter:drop-shadow(0 0 5px rgba(255,215,0,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(255,215,0,.6))}}.dragon-ball-mask{position:absolute;top:1;left:1;width:90%;height:85%;background:#000000b3;border-radius:50%;z-index:5;pointer-events:none;transition:clip-path .3s ease;transform-origin:center center}.timer-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;border:2px solid #00d4ff;box-shadow:0 0 10px #00d4ff99}.timer-text{color:#00d4ff;font-size:.7rem;font-weight:700;text-shadow:0 0 5px rgba(0,212,255,.8)}.task-progress{display:flex;align-items:center;gap:12px;margin-left:50px}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:10px;transition:width .5s ease;box-shadow:0 0 10px #ffd70099}.task-item.completed .progress-fill{background:linear-gradient(90deg,#00ff96,#0c7);box-shadow:0 0 10px #00ff9699}.progress-text{font-size:.9rem;color:gold;font-weight:600;min-width:60px;text-align:right}@media (max-width: 768px){.task-item{padding:15px}.task-name{font-size:1rem}.dragon-ball-button{width:50px;height:50px}.task-progress{margin-left:60px}.task-note{margin-left:60px;font-size:.85rem}}.dragon-ball-container{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.dragon-ball-image{filter:drop-shadow(0 0 8px rgba(255,215,0,.6));transition:all .3s ease;-webkit-user-select:none;user-select:none;pointer-events:none;display:block;background:transparent!important;border:none!important;outline:none!important;padding:0;margin:0;vertical-align:middle}@media (max-width: 768px){.dragon-ball-image{mix-blend-mode:normal;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}}.dragon-ball-empty{filter:drop-shadow(0 0 4px rgba(255,255,255,.3));transition:all .3s ease}.dragon-ball-container.complete .dragon-ball-image{animation:completeGlow 2s ease-in-out infinite}@keyframes completeGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,1));transform:scale(1.05)}}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.password-modal{background:linear-gradient(135deg,#1e1e32f2,#141428f2);border-radius:20px;padding:30px;border:3px solid #ffd700;box-shadow:0 0 40px #ffd70080;max-width:400px;width:90%;position:relative}.password-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.password-modal-header h3{color:gold;font-size:1.5rem;text-shadow:0 0 10px rgba(255,215,0,.6);margin:0}.close-button{background:transparent;border:2px solid #ffd700;color:gold;width:35px;height:35px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-button:hover{background:#ffd70033;transform:scale(1.1)}.password-form{display:flex;flex-direction:column;gap:15px}.password-form label{color:#fff;font-size:1rem;font-weight:500}.password-form input{padding:12px;border-radius:10px;border:2px solid rgba(255,215,0,.4);background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease}.password-form input:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd7004d;background:#ffffff26}.password-form input::placeholder{color:#ffffff80}.error-message{color:#ff6b6b;font-size:.9rem;margin:-10px 0 0;text-align:center}.password-modal-actions{display:flex;gap:10px;margin-top:10px}.cancel-button,.submit-button{flex:1;padding:12px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.cancel-button{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.cancel-button:hover{background:#fff3}.submit-button{background:linear-gradient(135deg,gold,orange);color:#1a1a2e;border-color:gold;box-shadow:0 0 15px #ffd70066}.submit-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #ffd70099}@media (max-width: 768px){.password-modal{padding:20px}.password-modal-header h3{font-size:1.2rem}}.task-manager{display:flex;flex-direction:column;gap:25px}.tasks-container{background:linear-gradient(135deg,#1e1e32e6,#141428e6);border-radius:20px;padding:25px;border:2px solid rgba(255,215,0,.3);box-shadow:0 0 20px #ffd70033}.section-title{font-size:1.8rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.6);margin-bottom:20px;text-align:center;font-weight:700}.tasks-list{display:flex;flex-direction:column;gap:15px}.loading{text-align:center;font-size:1.5rem;color:gold;padding:40px}@media (max-width: 768px){.tasks-container{padding:15px}.section-title{font-size:1.4rem}}.intro-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s ease}.intro-video-container.flash-active{opacity:0;pointer-events:none}.intro-preview-image{max-width:90%;max-height:90%;object-fit:contain;cursor:pointer;-webkit-user-select:none;user-select:none}.intro-video{width:80%;height:80%;object-fit:contain;transition:opacity .3s ease}.intro-preview-image.pulse-effect{animation:introPulse 2s ease-in-out infinite}@keyframes introPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(255,255,255,.6))}}.intro-flash-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001;pointer-events:none;overflow:hidden}.intro-video-container:has(+.intro-flash-effect),.intro-video-container~.intro-flash-effect~* .intro-video{opacity:0;transition:opacity .3s ease}@keyframes flashExplosion{0%{width:800vw;height:800vw;opacity:1}30%{width:400vw;height:400vw;opacity:.8}60%{width:100vw;height:100vw;opacity:1}to{width:0;height:0;opacity:0}}.app{min-height:100vh;padding:20px;max-width:1200px;margin-left:555px;margin-right:auto;width:calc(100% - 555px);box-sizing:border-box}.app-header{text-align:center;padding:20px;position:relative}.header-title-container{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;min-height:fit-content;position:relative}.header-audio-controls{position:absolute;top:20px;right:20px;z-index:10}.sidebar-tab{position:fixed;left:0;top:20px;transform:none;background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border:2px solid #ffd700;border-left:none;border-radius:0 15px 15px 0;color:gold;width:50px;height:80px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:9998;box-shadow:2px 0 10px #ffd7004d}.sidebar-tab:hover{background:linear-gradient(135deg,#ffd70080,#ff8c0080);box-shadow:2px 0 20px #ffd70099;transform:translate(5px)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9997;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-menu{position:fixed;top:0;left:0;width:0;max-width:33.33vw;height:100vh;background:linear-gradient(to right,#141414f2,#141414d9,#141414b3 60%,#14141480),url(/images/torre_karin.webp);background-size:cover;background-position:right center;background-repeat:no-repeat;border-right:none;box-shadow:none;z-index:9999;overflow:hidden;transition:width .3s ease,border-right .3s ease,box-shadow .3s ease}.sidebar-menu.open{width:min(33.33vw,400px);border-right:3px solid #ffd700;box-shadow:4px 0 30px #ffd70066}.sidebar-menu-content{width:min(33.33vw,400px);height:100%;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box}.sidebar-menu-content::-webkit-scrollbar{width:8px}.sidebar-menu-content::-webkit-scrollbar-track{background:#ffd7001a;border-radius:4px}.sidebar-menu-content::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:4px}.sidebar-menu-content::-webkit-scrollbar-thumb:hover{background:#ffd70099}.sidebar-close-button{position:absolute;top:15px;right:15px;background:#ffd70033;border:2px solid #ffd700;border-radius:50%;width:35px;height:35px;color:gold;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10000}.sidebar-close-button:hover{background:#ffd70066;transform:scale(1.1);box-shadow:0 0 15px #ffd70099}.header-background-controls{position:absolute;top:20px;left:20px;z-index:10}.header-auth-controls{position:absolute;top:20px;left:80px;z-index:10}.header-firebase-controls{position:absolute;top:20px;left:140px;z-index:10}.header-mobile-icons-row{display:none}.background-menu-container,.settings-menu-container{position:relative}.settings-menu{display:flex;flex-direction:column;gap:2px;margin-top:20px}.settings-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:none;color:gold;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.settings-menu-item:hover{background:linear-gradient(135deg,#ffd70033,#ff8c0033)}.settings-icon{font-size:1.2rem;width:24px;display:flex;align-items:center;justify-content:center}.settings-kinton-icon,.settings-menu-icon-img{width:24px;height:24px;object-fit:contain}.settings-submenu-trigger{display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:none;color:gold;font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;justify-content:space-between;-webkit-user-select:none;user-select:none}.settings-submenu-trigger:hover{background:linear-gradient(135deg,#ffd70033,#ff8c0033)}.settings-submenu-trigger:active{background:linear-gradient(135deg,#ffd7004d,#ff8c004d)}.submenu-arrow{font-size:.8rem;color:gold}.settings-submenu{display:flex;flex-direction:column;gap:2px;padding-left:20px;background:#0000004d;border-left:2px solid #ffd700;margin-left:10px}.settings-submenu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:transparent;border:none;color:gold;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.settings-submenu-item:hover{background:linear-gradient(135deg,#ffd70026,#ff8c0026)}.settings-submenu-item.active{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);font-weight:700}.settings-menu-divider{height:1px;background:linear-gradient(90deg,transparent,#ffd700,transparent);margin:8px 16px}.background-button{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border:2px solid #ffd700;color:gold;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.background-button:hover{background:linear-gradient(135deg,#ffd70080,#ff8c0080);box-shadow:0 0 20px #ffd70099;transform:scale(1.1)}.kinton-button{padding:0;background:transparent;border:0px solid}.kinton-button:hover{background:#ffd7001a}.kinton-icon{width:100%;height:100%;object-fit:contain;border-radius:50%}.background-menu{position:absolute;top:60px;left:0;background:linear-gradient(135deg,#1a1a2ef2,#0f3460f2);border:2px solid #ffd700;border-radius:10px;padding:10px;min-width:200px;box-shadow:0 0 30px #ffd70080;z-index:1000;animation:menuFadeIn .3s ease-out}.background-menu-item{width:100%;background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border:1px solid rgba(255,215,0,.3);color:gold;padding:12px 15px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;margin-bottom:5px;text-align:left}.background-menu-item:last-child{margin-bottom:0}.background-menu-item:hover{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border-color:gold;box-shadow:0 0 15px #ffd70066;transform:translate(5px)}.background-menu-item.active{background:linear-gradient(135deg,#ffd70066,#ff8c0066);border-color:gold;box-shadow:0 0 20px #ffd70099}.background-icon{font-size:1.2rem;flex-shrink:0}.header-right{display:flex;align-items:center;gap:15px}.test-storm-button{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border:2px solid #ffd700;color:gold;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:10000;pointer-events:auto}.test-storm-button.active{background:linear-gradient(135deg,#ffd70099,#ff8c0099);box-shadow:0 0 25px #ffd700cc;animation:buttonPulse 1s ease-in-out infinite}@keyframes buttonPulse{0%,to{box-shadow:0 0 25px #ffd700cc}50%{box-shadow:0 0 40px gold}}.test-storm-button:hover{background:linear-gradient(135deg,#ffd70080,#ff8c0080);box-shadow:0 0 20px #ffd70099;transform:scale(1.1)}.audio-menu-container{position:relative}.mute-button{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border:2px solid #ffd700;color:gold;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mute-button:hover{background:linear-gradient(135deg,#ffd70080,#ff8c0080);box-shadow:0 0 20px #ffd70099;transform:scale(1.1)}.audio-menu{position:absolute;top:60px;right:0;background:linear-gradient(135deg,#1a1a2ef2,#0f3460f2);border:2px solid #ffd700;border-radius:10px;padding:10px;min-width:200px;box-shadow:0 0 30px #ffd70080;z-index:1000;animation:menuFadeIn .3s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audio-menu-item{width:100%;background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border:1px solid rgba(255,215,0,.3);color:gold;padding:12px 15px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;margin-bottom:5px;text-align:left}.audio-menu-item:last-child{margin-bottom:0}.audio-menu-item:hover{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border-color:gold;box-shadow:0 0 15px #ffd70066;transform:translate(5px)}.audio-menu-item.active{background:linear-gradient(135deg,#ffd70066,#ff8c0066);border-color:gold;box-shadow:0 0 20px #ffd70099}.audio-icon{font-size:1.2rem;flex-shrink:0}.header-radar{height:200px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.6));flex-shrink:0;align-self:flex-start;transition:transform .3s ease,filter .3s ease}.header-radar:active{transform:scale(1.2);filter:drop-shadow(0 0 25px rgba(255,215,0,1))}.header-actions{margin-top:0;position:relative;z-index:1}.history-button{height:auto;width:auto;max-height:80px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.6));transition:all .3s ease;cursor:pointer}.history-button:hover{filter:drop-shadow(0 0 20px rgba(255,215,0,.9));transform:scale(1.1)}.history-button:active{transform:scale(.95)}.current-button{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border:2px solid #ffd700;color:gold;padding:10px 20px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px rgba(255,215,0,.5)}.current-button:hover{background:linear-gradient(135deg,#ffd70080,#ff8c0080);box-shadow:0 0 20px #ffd70099;transform:translateY(-2px)}.title{max-width:100%;height:auto;display:block;margin:0 auto}[data-custom-prop=titoltasques]{filter:drop-shadow(0 0 8px rgba(255,215,0,1)) drop-shadow(0 0 12px rgba(255,215,0,.9));transition:filter .3s ease;position:relative;width:600px;max-width:90vw;height:auto;margin-bottom:50px}@keyframes titleGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,1)) drop-shadow(0 0 12px rgba(255,215,0,.9)) drop-shadow(2px 2px 6px rgba(255,215,0,.8)) drop-shadow(-2px -2px 6px rgba(255,215,0,.8)) drop-shadow(4px 0 8px rgba(255,215,0,.7)) drop-shadow(-4px 0 8px rgba(255,215,0,.7))}to{filter:drop-shadow(0 0 12px rgba(255,215,0,1)) drop-shadow(0 0 18px rgba(255,215,0,1)) drop-shadow(3px 3px 8px rgba(255,215,0,.9)) drop-shadow(-3px -3px 8px rgba(255,215,0,.9)) drop-shadow(6px 0 12px rgba(255,215,0,.8)) drop-shadow(-6px 0 12px rgba(255,215,0,.8))}}.subtitle{font-size:1.5rem;color:orange;text-shadow:0 0 10px rgba(255,165,0,.6);font-weight:600}.public-sheron-button-container{display:flex;justify-content:center;align-items:center;margin:-10px 50px 50px;min-height:0;height:auto}.public-sheron-button{background:transparent;border:none;cursor:pointer;padding:0;transition:all .3s ease;border-radius:20px}.public-sheron-icon{width:350px;height:70px;object-fit:cover;border-radius:20px;display:block;filter:drop-shadow(0 0 10px rgba(255,0,0,.8)) drop-shadow(0 0 20px rgba(255,0,0,.6)) drop-shadow(0 0 30px rgba(255,0,0,.4));transition:transform .3s ease;animation:redGlow 2s ease-in-out infinite alternate}.public-sheron-button:hover .public-sheron-icon{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(255,0,0,1)) drop-shadow(0 0 25px rgba(255,0,0,.8)) drop-shadow(0 0 35px rgba(255,0,0,.6))}.public-sheron-button:active .public-sheron-icon{transform:scale(.95)}@keyframes redGlow{0%{filter:drop-shadow(0 0 10px rgba(255,0,0,.8)) drop-shadow(0 0 20px rgba(255,0,0,.6)) drop-shadow(0 0 30px rgba(255,0,0,.4))}to{filter:drop-shadow(0 0 15px rgba(255,0,0,1)) drop-shadow(0 0 25px rgba(255,0,0,.8)) drop-shadow(0 0 40px rgba(255,0,0,.6))}}.public-sheron-button:hover .public-sheron-icon{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(255,0,0,1)) drop-shadow(0 0 25px rgba(255,0,0,.8)) drop-shadow(0 0 35px rgba(255,0,0,.6)) drop-shadow(0 0 45px rgba(255,0,0,.4));animation:redGlow 1s ease-in-out infinite alternate}.app-main{display:flex;flex-direction:column;gap:20px}@media (max-width: 1024px){.app{margin-left:0!important;margin-right:0!important;max-width:100vw!important;width:100vw!important;padding:15px;box-sizing:border-box;position:relative;left:0!important;right:0!important}.title{max-width:100%;height:auto;margin-right:0;margin-left:0;margin-bottom:40px}.header-radar{height:120px}.background-video{width:100%;height:auto;object-fit:cover}body.background-image:before{background-size:cover;background-position:center}}@media (max-width: 768px){.app{margin-left:0!important;margin-right:0!important;max-width:100vw!important;width:100vw!important;padding:10px;box-sizing:border-box;position:relative;left:0!important;right:0!important}.title{max-width:100%;height:auto;margin:10px 0 30px;order:2}[data-custom-prop=titoltasques]{margin-top:-20px!important;margin-bottom:0!important;position:relative;z-index:1}.subtitle{font-size:1.2rem}.app-header{padding:15px}.header-title-container{flex-direction:column;gap:10px;position:relative}.sidebar-tab{width:40px;height:60px;font-size:1.2rem;top:20px;transform:none}.sidebar-menu{max-width:80vw}.sidebar-menu.open{width:min(80vw,350px)}.sidebar-menu-content{width:min(80vw,350px);padding:50px 15px 15px;min-height:100%;box-sizing:border-box}.sidebar-close-button{top:10px;right:10px;width:30px;height:30px;font-size:1rem}.background-video{width:100%;height:100%;object-fit:cover;object-position:center}body.background-image:before{background-size:cover;background-position:center}.test-storm-button,.mute-button,.background-button{width:45px;height:45px;font-size:1.3rem;flex-shrink:0;order:0}.kinton-icon{width:100%;height:100%}.audio-menu{right:auto;left:50%;transform:translate(-50%);top:55px}.background-menu{left:50%;transform:translate(-50%);top:55px}.public-sheron-button-container{display:flex;justify-content:center;align-items:center;margin:-120px 40px 76px;min-height:0;height:auto}[data-custom-prop=titoltasques]{margin-bottom:100px!important}.public-sheron-icon{width:280px;height:56px}}.pull-to-refresh-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2ef2,#0f3460f2);border-bottom:2px solid #ffd700;z-index:1000;transition:transform .3s ease,opacity .3s ease;pointer-events:none}.refresh-text{color:gold;font-size:1rem;font-weight:600;text-align:center}.refresh-spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 769px){.pull-to-refresh-indicator{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;overflow-x:hidden;position:relative;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body{width:100%;max-width:100vw;overflow-x:hidden;position:relative;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#020201;min-height:100vh;color:#fff;overflow-x:hidden;position:relative;width:100%;margin:0;padding:0}body.background-image:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#020201;background-image:url(/images/fons_goku.webp);background-position:left center;background-repeat:no-repeat;background-size:auto 100%}.background-video{position:fixed;top:0;left:0;width:auto;height:100%;object-fit:contain;object-position:left center;z-index:-1;pointer-events:none}.background-video-fade{position:fixed;top:0;left:0vw;right:72vw;height:100%;background:linear-gradient(to right,transparent 0%,rgba(2,2,1,.1) 5%,rgba(2,2,1,.3) 20%,rgba(2,2,1,.6) 50%,rgba(2,2,1,.9) 85%,rgba(2,2,1,1) 100%);pointer-events:none;z-index:-1}@media (max-width: 1024px){.background-video{width:100%;height:100%;object-fit:cover;object-position:center}.background-video-fade{left:70%}body.background-image:before{background-size:cover;background-position:center}.sheron-container{gap:20px;padding:15px}.sheron-image{max-width:90vw;max-height:50vh}.reward-button{padding:15px 30px;font-size:1.5rem}}@media (max-width: 768px){.sheron-container{gap:15px;padding:10px}.sheron-image{max-width:95vw;max-height:40vh}.reward-button{padding:12px 24px;font-size:1.2rem;white-space:normal;text-align:center;min-width:200px}}body.storm-animation{position:relative;animation:stormEffect 2.5s ease-in-out forwards}body.storm-animation:after{content:"";position:fixed;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,#000000 0%,#000000 70%,transparent 70%,transparent 100%);transform:translate(-50%,-50%);z-index:9998;pointer-events:none;animation:radialDarkness 2.5s ease-in-out forwards;filter:blur(15px)}body.storm-animation:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:9999;pointer-events:none;animation:lightningEffect 2.5s ease-in-out forwards}@keyframes radialDarkness{0%{width:0;height:0;opacity:0}to{width:200vw;height:200vh;opacity:1}}body.storm-dark{background:linear-gradient(135deg,#000,#000,#000)!important;position:relative}body.storm-dark:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000,#000,#000);z-index:9999;pointer-events:none}body.storm-dark:after{content:"";position:fixed;top:50%;left:50%;width:200vw;height:200vh;border-radius:50%;background:radial-gradient(circle,#000000 0%,#000000 70%,transparent 70%,transparent 100%);transform:translate(-50%,-50%);z-index:9998;pointer-events:none;opacity:1;filter:blur(15px)}.sheron-black-wipe{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none;background:radial-gradient(circle,#000,#000);animation:blackWipeIn 1s ease-in-out forwards}@keyframes blackWipeIn{0%{opacity:0;background:radial-gradient(circle,transparent 0%,transparent 100%)}to{opacity:1;background:radial-gradient(circle,#000,#000)}}.sheron-black-wipe.full-black{background:#000;animation:none}.sheron-video-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000}.sheron-video{width:100%;height:100%;object-fit:contain}.sheron-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px;width:100%;max-width:100vw;box-sizing:border-box}.sheron-image{max-width:80vw;max-height:60vh;width:auto;height:auto;pointer-events:none;animation:sheronFlash 3.2s ease-in-out forwards}.reward-button{padding:20px 40px;font-size:1.8rem;font-weight:700;color:gold;background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:3px solid #ffd700;border-radius:15px;cursor:pointer;text-shadow:0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.5);box-shadow:0 0 20px #ffd70099,inset 0 0 20px #ffd7001a;transition:all .3s ease;animation:buttonGlow 2s ease-in-out infinite alternate;pointer-events:auto;white-space:nowrap}.reward-button:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd700e6,inset 0 0 30px #ffd70033}.reward-button:active{transform:scale(.98)}@keyframes buttonGlow{0%{box-shadow:0 0 20px #ffd70099,inset 0 0 20px #ffd7001a}to{box-shadow:0 0 30px gold,inset 0 0 30px #ffd7004d}}@keyframes sheronFlash{0%{opacity:0}3.125%{opacity:1;filter:brightness(1.5)}6.25%{opacity:0}12.5%{opacity:1;filter:brightness(1.5)}15.625%{opacity:0}21.875%{opacity:1;filter:brightness(1.5)}25%{opacity:0}31.25%{opacity:1;filter:brightness(1.5)}34.375%{opacity:0}40%{opacity:1;filter:brightness(1)}to{opacity:1;filter:brightness(1)}}@keyframes stormEffect{0%{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}2%{background:linear-gradient(135deg,gold,#ffed4e,gold)}6%{background:linear-gradient(135deg,#0f0f1a,#0a0a15,#050510)}12%{background:linear-gradient(135deg,#0a0a15,#050510,#030308)}16%{background:linear-gradient(135deg,gold,#ffed4e,gold)}20%{background:linear-gradient(135deg,#050510,#030308,#020205)}28%{background:linear-gradient(135deg,#030308,#020205,#010102)}32%{background:linear-gradient(135deg,gold,#ffed4e,gold)}36%{background:linear-gradient(135deg,#020205,#010102,#000001)}44%{background:linear-gradient(135deg,#010102,#000001,#000)}48%{background:linear-gradient(135deg,gold,#ffed4e,gold)}52%{background:linear-gradient(135deg,#000001,#000,#000)}60%{background:linear-gradient(135deg,#000,#000,#000)}64%{background:linear-gradient(135deg,gold,#ffed4e,gold)}68%{background:linear-gradient(135deg,#000,#000,#000)}76%{background:linear-gradient(135deg,#000,#000,#000)}80%{background:linear-gradient(135deg,gold,#ffed4e,gold)}84%{background:linear-gradient(135deg,#000,#000,#000)}to{background:linear-gradient(135deg,#000,#000,#000)}}@keyframes lightningEffect{2%{background:linear-gradient(135deg,#ffd700cc,#ffed4ecc,#ffd700cc)}6%{background:transparent}16%{background:linear-gradient(135deg,#ffd700cc,#ffed4ecc,#ffd700cc)}20%{background:transparent}32%{background:linear-gradient(135deg,#ffd700cc,#ffed4ecc,#ffd700cc)}36%{background:transparent}48%{background:linear-gradient(135deg,#ffd700cc,#ffed4ecc,#ffd700cc)}52%{background:transparent}64%{background:linear-gradient(135deg,#ffd700cc,#ffed4ecc,#ffd700cc)}68%{background:transparent}80%{background:linear-gradient(135deg,#ffd700cc,#ffed4ecc,#ffd700cc)}84%{background:transparent}to{background:transparent}}#root{min-height:100vh;width:100%;margin:0;padding:0;overflow-x:hidden}