*{box-sizing:border-box;padding:0;margin:0}:root{--vh:1vh;--dvh:1dvh}body,html{max-width:100vw;overflow-x:hidden;font-family:Arial,sans-serif;margin:0;padding:0;width:100%;height:100%}body{background:url(/background.jpg) no-repeat 50% fixed;background-size:cover;min-height:100vh;min-height:100dvh}body,main{display:flex;justify-content:center;align-items:center;width:100%}main{height:100%}#game-container{border:2px solid #333;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}#game-container canvas{background-color:transparent!important}@media screen and (max-width:768px){body{background:url(/background.jpg) no-repeat 50%;background-size:cover;background-attachment:fixed;padding:max(0px,env(safe-area-inset-top,0px)) max(0px,env(safe-area-inset-right,0px)) max(0px,env(safe-area-inset-bottom,0px)) max(0px,env(safe-area-inset-left,0px))}body,main{margin:0;overflow:auto;position:relative;width:100vw;min-height:100vh;min-height:100dvh}main{align-items:flex-start;padding:.5rem}#game-container,main{display:flex;justify-content:center}#game-container{border:none;border-radius:0;box-shadow:none;position:relative;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:100vw;max-height:100vh;max-height:100dvh;align-items:center}@media screen and (orientation:portrait){body.game-mode{transform:rotate(90deg);transform-origin:center center;width:100dvh;height:100dvw;position:fixed;top:50%;left:50%;margin-left:calc(-50dvh);margin-top:calc(-50dvw);overflow:hidden}body.game-mode #game-container{width:100dvh!important;height:100dvw!important;transform:none}body.game-mode #game-container canvas{width:100dvh!important;height:100dvw!important;max-width:100dvh!important;max-height:100dvw!important}}@media screen and (orientation:landscape) and (max-width:1024px){body.game-mode{transform:none;width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0;margin:0}body.game-mode #game-container{width:100vw!important;height:100vh!important;height:100dvh!important}}}@media screen and (orientation:landscape) and (max-width:1024px){body{background:url(/background.jpg) no-repeat 50%;background-size:cover;background-attachment:fixed}#game-container{border:none;border-radius:0;box-shadow:none}}@media screen and (max-width:768px){body{position:relative;width:100vw;height:100vh;height:100dvh}body,html{overflow-x:hidden;-webkit-overflow-scrolling:touch}html{width:100%;height:100%;height:100dvh}*{touch-action:manipulation}[data-mobile-controls]{touch-action:none!important}button,input,select,textarea{font-size:16px}#game-container canvas{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important;display:block!important;object-fit:contain!important}}body.game-mode{overflow:hidden!important;z-index:9999;background:url(/background.jpg) no-repeat 50%;background-size:cover;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}body.game-mode,body.game-mode main{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important}body.game-mode main{padding:0!important;margin:0!important}body.game-mode #game-container{position:relative!important;top:0!important;left:0!important;z-index:10000;border:none!important;border-radius:0!important;box-shadow:none!important}body.game-mode #game-container,body.game-mode #game-container canvas{width:100vw!important;height:100vh!important;height:100dvh!important;display:block!important}body.game-mode #game-container canvas{max-width:100vw!important;max-height:100vh!important;max-height:100dvh!important;background-color:transparent!important}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:manipulation;padding:max(0px,env(safe-area-inset-top,0px)) max(0px,env(safe-area-inset-right,0px)) max(0px,env(safe-area-inset-bottom,0px)) max(0px,env(safe-area-inset-left,0px))}.mobile-menu *{box-sizing:border-box!important}.mobile-menu img{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;min-width:60px!important;min-height:60px!important;object-fit:contain!important;display:block!important;position:relative!important}.mobile-menu .menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e3c72,#2a5298 25%,#667eea 50%,#764ba2 75%,#f093fb);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mobile-menu .orientation-warning{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu .warning-content{text-align:center;color:#fff;padding:2rem;max-width:300px}.mobile-menu .warning-icon{font-size:4rem;margin-bottom:1rem;animation:rotate 2s linear infinite}.mobile-menu .warning-content h3{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.mobile-menu .warning-content p{font-size:1rem;opacity:.9;line-height:1.4}.mobile-menu .menu-container{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:.5rem 1rem 1rem;box-sizing:border-box;justify-content:space-between;z-index:2}.mobile-menu .progress-bar{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:0 1rem;flex-shrink:0}.mobile-menu .progress-step{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.15);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu .progress-step[data-active=true]{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.4);transform:scale(1.1)}.mobile-menu .step-label{font-size:.6rem;margin-top:.1rem;opacity:.8;font-weight:500}.mobile-menu .progress-line{width:30px;height:3px;background:hsla(0,0%,100%,.2);transition:all .4s ease;border-radius:2px}.mobile-menu .progress-line[data-active=true]{background:linear-gradient(90deg,#4caf50,#45a049);box-shadow:0 0 8px rgba(76,175,80,.3)}.mobile-menu .content-wrapper{flex:1 1;justify-content:flex-start;margin-bottom:1.5rem}.mobile-menu .content-wrapper,.mobile-menu .step-content{display:flex;flex-direction:column;align-items:center;min-height:0}.mobile-menu .step-content{width:100%;justify-content:center;text-align:center;color:#fff;padding:1rem 0;transition:all .3s ease}.mobile-menu .step-content.animating{opacity:.7;transform:translateY(10px)}.mobile-menu .step-header{margin-bottom:2rem}.mobile-menu .step-icon{font-size:2.5rem;margin-bottom:.8rem;display:block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-5px)}}.mobile-menu .step-header h2{font-size:1.8rem;margin-bottom:.5rem;padding-top:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:800;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu .step-header p{font-size:1rem;opacity:.9;margin:0;font-weight:500}.mobile-menu .character-display{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:400px}.mobile-menu .nav-arrow{width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.4);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.mobile-menu .nav-arrow:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.2)}.mobile-menu .nav-arrow:active{transform:scale(.95)}.mobile-menu .character-card{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1rem;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:240px;position:relative;overflow:visible;flex:1 1;max-width:220px;margin-bottom:1.5rem}.mobile-menu .character-image{position:relative;margin-bottom:.6rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu .character-image img{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;min-width:60px!important;min-height:60px!important;object-fit:contain!important;border-radius:8px;background:hsla(0,0%,100%,.1);padding:.3rem;transition:transform .3s ease;display:block!important;position:relative!important;z-index:1!important}.mobile-menu .character-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .6rem;border-radius:12px;box-shadow:0 2px 8px rgba(76,175,80,.3)}.mobile-menu .character-info{width:100%}.mobile-menu .character-info h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mobile-menu .character-description{font-size:.8rem;opacity:.8;margin:0 0 .8rem;font-style:italic}.mobile-menu .stats{display:flex;flex-direction:column;gap:.3rem;font-size:.7rem;width:100%}.mobile-menu .stat{display:flex;align-items:center;gap:.4rem}.mobile-menu .stat-label{min-width:35px;font-weight:600;font-size:.65rem}.mobile-menu .stat-bar{flex:1 1;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;position:relative}.mobile-menu .stat-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.mobile-menu .stat-value{min-width:20px;text-align:right;font-weight:700;font-size:.7rem}.mobile-menu .time-options{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.mobile-menu .time-card{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1.5rem;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:row;align-items:center;text-align:left;min-height:80px;position:relative;overflow:hidden}.mobile-menu .time-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.4)}.mobile-menu .time-card.selected{border-color:#4caf50;background:linear-gradient(135deg,rgba(76,175,80,.2),rgba(76,175,80,.1));box-shadow:0 8px 20px rgba(76,175,80,.4);transform:translateY(-3px) scale(1.02)}.mobile-menu .time-icon{font-size:2rem;margin-right:1rem;flex-shrink:0;transition:transform .3s ease}.mobile-menu .time-card:hover .time-icon{transform:scale(1.1)}.mobile-menu .time-content{flex:1 1}.mobile-menu .time-value{font-size:1.1rem;font-weight:700;margin-bottom:.3rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mobile-menu .time-duration{font-size:.8rem;opacity:.8;font-weight:500}.mobile-menu .navigation{display:flex;gap:1rem;padding:1rem .5rem .5rem;justify-content:center;flex-shrink:0}.mobile-menu .nav-button{padding:1rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;touch-action:manipulation;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu .nav-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.mobile-menu .nav-button.back{background:hsla(0,0%,100%,.15);color:#fff;border:2px solid hsla(0,0%,100%,.3)}.mobile-menu .nav-button.back:hover:not(:disabled){background:hsla(0,0%,100%,.25);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 15px rgba(0,0,0,.2)}.mobile-menu .nav-button.next{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px rgba(76,175,80,.4);border:2px solid rgba(76,175,80,.3)}.mobile-menu .nav-button.next:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(76,175,80,.5)}.mobile-menu .nav-icon{font-size:1.1rem;transition:transform .3s ease}.mobile-menu .nav-button:hover .nav-icon{transform:scale(1.1)}.mobile-menu.landscape{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:10000!important}.mobile-menu.landscape .menu-container{padding:.8rem;justify-content:space-between;width:100vw;height:100dvh}.mobile-menu.landscape .progress-bar{margin-bottom:1rem}.mobile-menu.landscape .step-content{padding:.5rem 0}.mobile-menu.landscape .step-header h2{font-size:1.6rem;margin-bottom:.4rem}.mobile-menu.landscape .step-icon{font-size:2rem}.mobile-menu.landscape .character-display{max-width:600px;gap:2rem}.mobile-menu.landscape .character-card{padding:1.2rem;min-height:200px;max-width:280px}.mobile-menu.landscape .character-image{width:55px;height:55px}.mobile-menu.landscape .character-image img{width:55px!important;height:55px!important;max-width:55px!important;max-height:55px!important}.mobile-menu.landscape .time-options{max-width:500px;gap:1rem}.mobile-menu.landscape .time-card{padding:1.5rem;min-height:80px}.mobile-menu.landscape .navigation{padding:.8rem 0}.mobile-menu.landscape .nav-button{padding:.8rem 1.5rem;font-size:.9rem;min-width:100px}@media screen and (max-width:480px){.mobile-menu .menu-container{padding:.8rem}.mobile-menu .step-header h2{font-size:1.5rem;padding-top:5rem}.mobile-menu .step-icon{font-size:2rem}.mobile-menu .character-display{max-width:100%;gap:.8rem}.mobile-menu .character-card{padding:1rem;min-height:160px;max-width:180px}.mobile-menu .character-image{width:50px;height:50px}.mobile-menu .character-image img{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important}.mobile-menu .nav-arrow{width:45px;height:45px;font-size:1.3rem}.mobile-menu .time-options{max-width:100%;gap:.8rem}.mobile-menu .time-card{padding:1.2rem;min-height:70px}.mobile-menu .nav-button{padding:.8rem 1.5rem;font-size:.9rem;min-width:100px}}@media screen and (max-width:360px){.mobile-menu .menu-container{padding:.6rem}.mobile-menu .step-header h2{font-size:1.3rem}.mobile-menu .step-icon{font-size:1.8rem}.mobile-menu .character-card{padding:.8rem;min-height:140px;max-width:160px}.mobile-menu .character-image{width:45px;height:45px}.mobile-menu .character-image img{width:45px!important;height:45px!important;max-width:45px!important;max-height:45px!important}.mobile-menu .nav-arrow{width:40px;height:40px;font-size:1.2rem}.mobile-menu .time-card{padding:1rem;min-height:60px}.mobile-menu .nav-button{padding:.7rem 1.2rem;font-size:.8rem;min-width:90px}}@media (hover:none) and (pointer:coarse){.mobile-menu .nav-arrow:hover,.mobile-menu .nav-button:hover,.mobile-menu .time-card:hover{transform:none}.mobile-menu .nav-arrow:active,.mobile-menu .nav-button:active,.mobile-menu .time-card:active{transform:scale(.95);transition:transform .1s ease}.mobile-menu .nav-arrow,.mobile-menu .nav-button,.mobile-menu .time-card{-webkit-tap-highlight-color:rgba(255,255,255,.1)}}.mobile-menu-new{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:linear-gradient(135deg,#1e3c72,#2a5298);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;overflow:hidden}.mobile-menu-new .menu-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);z-index:-1}.mobile-menu-new .orientation-warning{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-new .warning-content{text-align:center;color:#fff;padding:2rem;max-width:300px}.mobile-menu-new .warning-icon{font-size:4rem;margin-bottom:1rem;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-menu-new .warning-content h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.mobile-menu-new .warning-content p{font-size:1rem;opacity:.8;line-height:1.4}.mobile-menu-new .menu-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.5rem;max-width:500px}.mobile-menu-new .content-wrapper{flex:1 1 auto;min-height:0;overflow:hidden;padding:.3rem 0}.mobile-menu-new .content-wrapper,.mobile-menu-new .step-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.mobile-menu-new .step-content{text-align:center;color:#fff;transition:all .3s ease}.mobile-menu-new .step-content.animating{opacity:.7;transform:translateY(10px)}.mobile-menu-new .step-header{margin-bottom:1rem}.mobile-menu-new .step-header h2{font-size:1.4rem;margin-bottom:.3rem;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:700;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-menu-new .character-display{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;max-width:350px}.mobile-menu-new .nav-arrow{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.4);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.mobile-menu-new .nav-arrow:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.2)}.mobile-menu-new .nav-arrow:active{transform:scale(.95)}.mobile-menu-new .character-card{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;padding:.8rem;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:180px;position:relative;overflow:visible;flex:1 1;max-width:180px}.mobile-menu-new .character-image{position:relative;margin-bottom:.5rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-new .character-image img{width:45px!important;height:45px!important;max-width:45px!important;max-height:45px!important;min-width:45px!important;min-height:45px!important;object-fit:contain!important;border-radius:6px;background:hsla(0,0%,100%,.1);padding:.2rem;transition:transform .3s ease;display:block!important;position:relative!important;z-index:1!important}.mobile-menu-new .character-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .4rem;border-radius:8px;box-shadow:0 2px 8px rgba(76,175,80,.3)}.mobile-menu-new .character-info{width:100%}.mobile-menu-new .character-info h3{margin:0 0 .3rem;font-size:1rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mobile-menu-new .character-description{font-size:.7rem;opacity:.8;margin:0 0 .6rem;font-style:italic}.mobile-menu-new .stats{display:flex;flex-direction:column;gap:.2rem;font-size:.6rem;width:100%}.mobile-menu-new .stat{display:flex;align-items:center;gap:.3rem}.mobile-menu-new .stat-label{min-width:20px;font-weight:600;font-size:.6rem}.mobile-menu-new .stat-bar{flex:1 1;height:3px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;position:relative}.mobile-menu-new .stat-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.mobile-menu-new .stat-value{min-width:15px;text-align:right;font-weight:600;font-size:.6rem}.mobile-menu-new .time-options{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:280px}.mobile-menu-new .time-card{background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;padding:.8rem;color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:row;align-items:center;text-align:left;min-height:50px;position:relative;overflow:hidden}.mobile-menu-new .time-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.4)}.mobile-menu-new .time-card.selected{border-color:#4caf50;background:linear-gradient(135deg,rgba(76,175,80,.2),rgba(76,175,80,.1));box-shadow:0 6px 15px rgba(76,175,80,.4);transform:translateY(-2px) scale(1.02)}.mobile-menu-new .time-icon{font-size:1.5rem;margin-right:.8rem;flex-shrink:0;transition:transform .3s ease}.mobile-menu-new .time-card:hover .time-icon{transform:scale(1.1)}.mobile-menu-new .time-content{flex:1 1}.mobile-menu-new .time-value{font-size:.9rem;font-weight:600;margin-bottom:.2rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mobile-menu-new .time-duration{font-size:.7rem;opacity:.8;font-weight:500}.mobile-menu-new .navigation{display:flex;gap:.8rem;padding:.5rem;justify-content:center;flex-shrink:0;margin-top:auto}.mobile-menu-new .nav-button{padding:.8rem 1.5rem;border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:100px;display:flex;align-items:center;justify-content:center;gap:.4rem;touch-action:manipulation;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-new .nav-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.mobile-menu-new .nav-button.back{background:hsla(0,0%,100%,.15);color:#fff;border:2px solid hsla(0,0%,100%,.3)}.mobile-menu-new .nav-button.back:hover:not(:disabled){background:hsla(0,0%,100%,.25);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 15px rgba(0,0,0,.2)}.mobile-menu-new .nav-button.next{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 15px rgba(76,175,80,.4);border:2px solid rgba(76,175,80,.3)}.mobile-menu-new .nav-button.next:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px rgba(76,175,80,.5)}.mobile-menu-new .nav-icon{font-size:1rem;transition:transform .3s ease}.mobile-menu-new .nav-button:hover .nav-icon{transform:scale(1.1)}.mobile-menu-new.landscape{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:10000!important;overflow:hidden!important}.mobile-menu-new.landscape .menu-container{padding:.25rem .4rem!important;justify-content:space-between!important;width:100vw;height:100%;min-height:0;max-height:100dvh}.mobile-menu-new.landscape .content-wrapper{flex:1 1 auto!important;min-height:0!important;max-height:calc(100dvh - 80px)!important;overflow:hidden!important;padding:.2rem 0!important}.mobile-menu-new.landscape .step-content{padding:.1rem 0!important;min-height:0!important;max-height:100%!important}.mobile-menu-new.landscape .step-header{margin-bottom:.4rem!important}.mobile-menu-new.landscape .step-header h2{font-size:1rem!important;margin-bottom:.2rem!important;line-height:1.2!important}.mobile-menu-new.landscape .character-display{max-width:450px!important;gap:.8rem!important}.mobile-menu-new.landscape .character-card{padding:.6rem!important;min-height:120px!important;max-height:140px!important;max-width:180px!important}.mobile-menu-new.landscape .character-image{width:40px!important;height:40px!important;margin-bottom:.3rem!important}.mobile-menu-new.landscape .character-image img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;min-width:40px!important;min-height:40px!important}.mobile-menu-new.landscape .character-info h3{font-size:.85rem!important;margin-bottom:.2rem!important}.mobile-menu-new.landscape .character-description{font-size:.65rem!important;margin-bottom:.4rem!important}.mobile-menu-new.landscape .stats{gap:.15rem!important;font-size:.55rem!important}.mobile-menu-new.landscape .stat-label{min-width:18px!important;font-size:.55rem!important}.mobile-menu-new.landscape .stat-bar{height:2.5px!important}.mobile-menu-new.landscape .stat-value{min-width:12px!important;font-size:.55rem!important}.mobile-menu-new.landscape .nav-arrow{width:35px!important;height:35px!important;font-size:1rem!important}.mobile-menu-new.landscape .time-options{max-width:350px!important;gap:.5rem!important}.mobile-menu-new.landscape .time-card{padding:.5rem .7rem!important;min-height:45px!important;max-height:55px!important}.mobile-menu-new.landscape .time-icon{font-size:1.2rem!important;margin-right:.6rem!important}.mobile-menu-new.landscape .time-value{font-size:.8rem!important;margin-bottom:.1rem!important}.mobile-menu-new.landscape .time-duration{font-size:.65rem!important}.mobile-menu-new.landscape .navigation{padding:.3rem .5rem!important;gap:.6rem!important;flex-shrink:0!important;margin-top:0!important;height:auto!important;min-height:50px!important;max-height:60px!important}.mobile-menu-new.landscape .nav-button{padding:.5rem 1rem!important;font-size:.8rem!important;min-width:85px!important;gap:.3rem!important;border-radius:18px!important}.mobile-menu-new.landscape .nav-icon{font-size:.9rem!important}.mobile-menu-new.landscape .character-badge{font-size:.55rem!important;padding:.15rem .3rem!important;top:-5px!important;right:-5px!important}@media screen and (max-width:480px){.mobile-menu-new .menu-container{padding:.6rem}.mobile-menu-new .step-header h2{font-size:1.2rem}.mobile-menu-new .character-display{max-width:100%;gap:.6rem}.mobile-menu-new .character-card{padding:.6rem;min-height:150px;max-width:160px}.mobile-menu-new .character-image{width:40px;height:40px}.mobile-menu-new .character-image img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}.mobile-menu-new .nav-arrow{width:35px;height:35px;font-size:1.1rem}.mobile-menu-new .time-options{max-width:100%;gap:.6rem}.mobile-menu-new .time-card{padding:.6rem;min-height:45px}.mobile-menu-new .nav-button{padding:.6rem 1.2rem;font-size:.8rem;min-width:80px}}@media screen and (max-width:360px){.mobile-menu-new .menu-container{padding:.4rem}.mobile-menu-new .step-header h2{font-size:1.1rem}.mobile-menu-new .character-card{padding:.5rem;min-height:130px;max-width:140px}.mobile-menu-new .character-image{width:35px;height:35px}.mobile-menu-new .character-image img{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important}.mobile-menu-new .nav-arrow{width:30px;height:30px;font-size:1rem}.mobile-menu-new .time-card{padding:.6rem;min-height:45px}.mobile-menu-new .nav-button{padding:.5rem 1rem;font-size:.7rem;min-width:70px}}@media (hover:none) and (pointer:coarse){.mobile-menu-new .nav-arrow:hover,.mobile-menu-new .nav-button:hover,.mobile-menu-new .time-card:hover{transform:none}.mobile-menu-new .nav-arrow:active,.mobile-menu-new .nav-button:active,.mobile-menu-new .time-card:active{transform:scale(.95);transition:transform .1s ease}.mobile-menu-new .nav-arrow,.mobile-menu-new .nav-button,.mobile-menu-new .time-card{-webkit-tap-highlight-color:rgba(255,255,255,.1)}}