.ability-indicator{position:fixed;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#5b8fc726;border:2px solid rgba(91,143,199,.6);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideIn .3s ease-out;pointer-events:none;z-index:100;box-shadow:0 0 20px #5b8fc74d;transition:opacity .5s ease-out,transform .5s ease-out}.ability-indicator.pulse{animation:slideIn .3s ease-out,pulse 1s ease-in-out infinite}.ability-indicator.fade-out{opacity:0!important;transform:translate(-50%) translateY(-20px)!important;pointer-events:none}.ability-indicator.wall-run.left{left:20px;top:50%;transform:translateY(-50%)}.ability-indicator.wall-run.right{right:20px;top:50%;transform:translateY(-50%)}.ability-indicator.grapple{top:calc(var(--safe-area-inset-top, 0px) + 100px);left:50%;transform:translate(-50%);max-width:90%;white-space:normal;text-align:center}.ability-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(91,143,199,.8));flex-shrink:0}.ability-hint{display:flex;flex-direction:column;gap:4px;align-items:center}.ability-name{font-family:Orbitron,monospace;font-size:14px;font-weight:700;color:#5b8fc7;text-shadow:0 0 10px rgba(91,143,199,.8);letter-spacing:1px}.ability-instruction{font-family:Orbitron,monospace;font-size:13px;font-weight:600;color:#fffffff2;text-shadow:0 0 8px rgba(91,143,199,.6);letter-spacing:.5px;line-height:1.4;max-width:600px}.ability-input{font-family:Courier New,monospace;font-size:11px;color:#ffffffb3;background:#00000080;padding:2px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.grapple-targeting-ui{position:fixed;top:calc(var(--safe-area-inset-top, 0px) + 90px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 24px;background:#ff660026;border:2px solid rgba(255,102,0,.8);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;animation:fadeIn .2s ease-out;box-shadow:0 0 30px #ff660080}.targeting-status{display:flex;flex-direction:column;align-items:center;gap:6px}.scanning-text{font-family:Orbitron,monospace;font-size:18px;font-weight:700;color:#f60;text-shadow:0 0 10px rgba(255,102,0,.8);letter-spacing:2px;animation:scanPulse 1s ease-in-out infinite}.target-count{font-family:Courier New,monospace;font-size:13px;color:#ffffffe6;padding:4px 12px;background:#0009;border-radius:4px;border:1px solid rgba(255,102,0,.5)}.targeting-controls{display:flex;gap:12px;margin-top:8px}.control-hint{font-family:Courier New,monospace;font-size:11px;color:#fffc;background:#000000b3;padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.lane-indicators{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:20px;pointer-events:none;z-index:100}.lane-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.4);transition:all .2s ease}.lane-dot.active{background:#5b8fc7cc;border-color:#5b8fc7;box-shadow:0 0 15px #5b8fc7cc;transform:scale(1.3)}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 20px #5b8fc74d;border-color:#5b8fc799}50%{box-shadow:0 0 30px #5b8fc799;border-color:#5b8fc7}}@keyframes scanPulse{0%,to{opacity:1;text-shadow:0 0 10px rgba(255,102,0,.8)}50%{opacity:.7;text-shadow:0 0 20px rgba(255,102,0,1)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.ability-indicator.grapple{top:calc(var(--safe-area-inset-top, 0px) + 130px);bottom:auto;padding:8px 16px;gap:10px;transform:translate(-50%) scale(.95);background:#5b8fc733;max-width:95%}.ability-indicator.grapple.fade-out{transform:translate(-50%) translateY(-20px) scale(.95)!important}.ability-indicator{padding:8px 12px;gap:8px}.ability-icon{font-size:24px}.ability-name{font-size:11px}.ability-instruction{font-size:11px;line-height:1.3}.ability-input{font-size:9px}.grapple-targeting-ui{top:calc(var(--safe-area-inset-top, 0px) + 140px);padding:10px 16px;transform:translate(-50%) scale(.9)}.scanning-text{font-size:14px}.target-count{font-size:11px}.control-hint{font-size:10px}.lane-indicators{bottom:80px}}.danger-zone-indicator{position:fixed;width:80px;height:80px;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.danger-zone-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#f009,#f000 70%);animation:danger-pulse .8s ease-in-out infinite}.danger-zone-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,0,0,.8);box-shadow:0 0 10px #f00c,inset 0 0 10px #f009;animation:danger-ring 1.2s ease-out infinite}@keyframes danger-pulse{0%,to{transform:scale(.8);opacity:1}50%{transform:scale(1.2);opacity:.6}}@keyframes danger-ring{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{transform:scale(1.5);opacity:0}}.slow-motion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0096ff1a,#0003);pointer-events:none;z-index:99;animation:slow-mo-flash .8s ease-in-out}@keyframes slow-mo-flash{0%,to{opacity:0}50%{opacity:1}}.tutorial-hint-container{position:fixed!important;top:15vh!important;left:50%!important;transform:translate(-50%)!important;z-index:2147483647!important;pointer-events:none!important;width:90%!important;max-width:600px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;visibility:visible!important;will-change:opacity,transform;transition:opacity .5s ease-in-out,transform .5s cubic-bezier(.19,1,.22,1)}.tutorial-hint-content{background:#0f172afa!important;border:3px solid #00ffff!important;border-radius:12px!important;padding:18px 26px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;box-shadow:0 0 25px #0ff9,0 0 40px #00ffff4d,0 4px 15px #000000b3!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;visibility:visible!important}.tutorial-hint-container.visible{opacity:1!important;transform:translate(-50%) translateY(0)!important;animation:slideInDown .5s ease-out forwards!important}.tutorial-hint-container.hidden{opacity:0!important;transform:translate(-50%) translateY(-30px)!important;animation:fadeOutUp .5s ease-in forwards!important}.tutorial-text{color:#fff!important;font-family:Rajdhani,Orbitron,sans-serif!important;font-size:1.5rem!important;font-weight:700!important;text-transform:uppercase!important;text-shadow:0 0 10px rgba(0,255,255,.8),0 2px 4px #000!important;line-height:1.4!important;text-align:center!important;white-space:pre-wrap!important;letter-spacing:.5px!important}.tutorial-icon{color:#0ff!important;font-size:2.5rem!important;font-weight:800!important;line-height:1!important;filter:drop-shadow(0 0 10px rgba(0,255,255,1))!important;animation:hintPulse 1.5s infinite!important}.tutorial-hint-container.mobile-mode{top:18vh!important;width:94%!important;max-width:500px!important}.tutorial-hint-container.mobile-mode .tutorial-hint-content{flex-direction:column!important;padding:14px 18px!important;gap:12px!important;border-width:2.5px!important}.tutorial-hint-container.mobile-mode .tutorial-text{font-size:1.2rem!important;word-break:break-word!important}.tutorial-hint-container.mobile-mode .tutorial-icon{font-size:2rem!important}.tutorial-hint-container:has(.tutorial-icon:contains("🎯")) .tutorial-hint-content{border-color:gold!important;box-shadow:0 0 25px #ffd70099,0 0 40px #ffd7004d,0 4px 15px #000000b3!important}@keyframes hintPulse{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-50px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-50px);visibility:hidden}}body>.tutorial-hint-container{z-index:2147483647!important}:root{--auth-padding: max(20px, 4vw);--auth-radius: 20px}.auth-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-panel{background:linear-gradient(135deg,#141423fa,#1e0a28fa);border:2px solid rgba(91,143,199,.3);border-radius:var(--auth-radius);padding:30px var(--auth-padding);width:min(480px,90vw);max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:0 0 50px #5b8fc733;animation:slideUp .4s ease-out;box-sizing:border-box}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{position:absolute;top:15px;right:15px;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(91,143,199,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5b8fc7cc;transition:all .2s ease;z-index:10}.close-button:hover{background:#fff3;transform:scale(1.05)}.info-box{background:#0099ff1a;border:1px solid rgba(0,153,255,.3);border-radius:12px;padding:16px;color:#ffffffe6;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;width:100%;box-sizing:border-box}.info-icon{width:24px;height:24px;min-width:24px;color:#00d9ff;margin-top:2px}.info-content{flex:1;min-width:0;width:100%}.info-content p{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.info-content ul{margin:0;padding-left:18px;font-size:13px;color:#fffc;line-height:1.5}.info-content ul li{margin-bottom:4px}.auth-title{font-size:clamp(24px,6vw,28px);font-weight:700;color:#fff;text-align:center;margin:10px 0 8px;text-shadow:0 0 20px rgba(91,143,199,.6)}.auth-subtitle{text-align:center;color:#ffffffb3;margin:0 0 24px;font-size:13px;padding:0 10px;line-height:1.4}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;width:100%}.form-group label{color:#5b8fc7e6;font-size:12px;font-weight:600;text-transform:uppercase;margin-left:2px}.form-group input{background:#0000004d;border:1px solid rgba(91,143,199,.3);border-radius:10px;padding:14px 16px;font-size:15px;color:#fff;width:100%;box-sizing:border-box;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#00d9ff;background:#00000080}.btn-primary{width:100%;background:linear-gradient(135deg,#00d9ff,#09f);border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:700;color:#000;cursor:pointer;margin-top:12px;text-transform:uppercase;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00d9ff4d}.btn-primary:active{transform:scale(.98)}.social-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.btn-google,.btn-apple{width:100%;display:flex;align-items:center;justify-content:center;padding:14px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;background:#fff;color:#333;border:none;transition:transform .1s}.btn-google:active,.btn-apple:active{transform:scale(.98)}.btn-apple{background:#000;color:#fff;border:1px solid #333}.auth-divider{display:flex;align-items:center;gap:15px;margin:20px 0;color:#fff6;font-size:12px;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff26}.auth-footer{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;flex-wrap:wrap;width:100%;text-align:center}.link-button{background:none;border:none;color:#5b8fc7e6;cursor:pointer;font-weight:600;padding:8px;font-size:13px}.link-button:hover{color:#fff;text-decoration:underline}.footer-divider{color:#ffffff4d}.message-box{padding:12px;border-radius:8px;margin-bottom:16px;font-size:13px;display:flex;align-items:center;gap:8px;line-height:1.4}.message-box.error{background:#ff323226;color:#ff6b6b;border:1px solid rgba(255,50,50,.3)}.message-box.success{background:#32ff3226;color:#6bff6b;border:1px solid rgba(50,255,50,.3)}@media(max-width:480px){.auth-panel{padding:25px 16px;border-radius:16px;width:95%}.auth-title{font-size:24px;margin-top:5px}.info-box{padding:12px}.info-content p{font-size:13px}.auth-footer{flex-direction:column;gap:8px;padding-top:16px}.footer-divider{display:none}.link-button{padding:6px;font-size:14px}}.auth-panel::-webkit-scrollbar{width:6px}.auth-panel::-webkit-scrollbar-track{background:#0000001a}.auth-panel::-webkit-scrollbar-thumb{background:#5b8fc74d;border-radius:3px}.ability-buttons-container{position:fixed;bottom:calc(var(--mobile-padding-bottom) + 60px);left:50%;transform:translate(-50%);z-index:80;pointer-events:none}.ability-buttons-grid{display:grid;grid-template-columns:repeat(4,60px);gap:10px;padding:12px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 6px 24px #0006}.ability-button{width:60px;height:60px;border-radius:50%;border:2.5px solid rgba(255,255,255,.3);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease;pointer-events:auto;box-shadow:0 4px 15px #00000080;-webkit-user-select:none;user-select:none}.ability-button.ready{border-color:#0f0;background:#00ff001a;box-shadow:0 0 20px #00ff0080,0 0 40px #00ff004d,inset 0 0 20px #00ff001a;animation:ability-pulse 2s ease-in-out infinite}@keyframes ability-pulse{0%,to{box-shadow:0 0 20px #00ff0080,0 0 40px #00ff004d,inset 0 0 20px #00ff001a}50%{box-shadow:0 0 30px #0f0c,0 0 60px #00ff0080,inset 0 0 30px #0f03}}.ability-button.active{border-color:#0ff;background:#0ff3;box-shadow:0 0 30px #0ffc,0 0 60px #00ffff80,inset 0 0 30px #0ff3;animation:ability-active-glow 1s ease-in-out infinite}@keyframes ability-active-glow{0%,to{box-shadow:0 0 30px #0ffc,0 0 60px #00ffff80,inset 0 0 30px #0ff3}50%{box-shadow:0 0 40px #0ff,0 0 80px #00ffffb3,inset 0 0 40px #00ffff4d}}.ability-button.cooldown{border-color:#fff3;background:#000c;cursor:not-allowed;opacity:.6}.ability-icon{font-size:28px;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ability-button.ready .ability-icon{animation:icon-bounce .6s ease-in-out infinite}.ability-button.active .ability-icon{animation:icon-glow .8s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes icon-glow{0%,to{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 0 10px rgba(0,255,255,.8))}}.cooldown-ring{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.cooldown-text{font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8)}.ability-active-indicator{position:absolute;bottom:3px;right:3px;width:10px;height:10px;background:#0ff;border-radius:50%;box-shadow:0 0 10px #0ffc;z-index:3}.ability-active-indicator .pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #00ffff;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.ready-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,255,0,.3) 0%,transparent 70%);animation:ready-pulse 1.5s ease-in-out infinite}@keyframes ready-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.charge-indicator{position:absolute;top:-5px;right:-5px;background:#ff9800;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid #ff9800;box-shadow:0 2px 8px #ff980099}.ability-label{position:absolute;bottom:-20px;font-size:9px;font-weight:700;color:#ffffffb3;white-space:nowrap;transition:all .3s ease}.ability-button:hover .ability-label{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.ability-button:active{transform:scale(.95)}@media(hover:hover){.ability-button.ready:hover{transform:scale(1.05);box-shadow:0 0 40px #0f0c,0 0 80px #00ff0080}.ability-button.cooldown:hover{transform:none}}@media(max-width:640px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 70px)}.ability-buttons-grid{grid-template-columns:repeat(4,50px);gap:6px;padding:8px}.ability-button{width:50px;height:50px;border-width:2px}.ability-icon{font-size:22px}.ability-label{display:none}.charge-indicator{width:18px;height:18px;font-size:10px;top:-4px;right:-4px}}@media(max-width:375px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 65px)}.ability-buttons-grid{grid-template-columns:repeat(4,45px);gap:5px;padding:6px}.ability-button{width:45px;height:45px}.ability-icon{font-size:20px}}@media(min-width:641px)and (max-width:1024px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 65px)}.ability-buttons-grid{grid-template-columns:repeat(4,55px);gap:8px;padding:10px}.ability-button{width:55px;height:55px}.ability-icon{font-size:24px}.ability-label{font-size:8px}}@media(min-width:1025px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 60px)}.ability-buttons-grid{grid-template-columns:repeat(4,60px);gap:10px}.ability-button{width:60px;height:60px}.ability-icon{font-size:28px}}@media(orientation:landscape)and (max-height:500px){.ability-buttons-container{bottom:50%;right:calc(var(--mobile-padding-right) + 10px);left:auto;transform:translateY(50%)}.ability-buttons-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,45px);gap:6px;padding:8px}.ability-button{width:45px;height:45px}.ability-icon{font-size:20px}.ability-label{display:none}}@media(min-width:1024px)and (max-width:1366px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 70px)}.ability-buttons-grid{grid-template-columns:repeat(4,65px);gap:12px}.ability-button{width:65px;height:65px}.ability-icon{font-size:30px}}@media(prefers-contrast:high){.ability-button{border-width:3px}.ability-button.ready{border-color:#0f0;background:#00ff004d}.ability-button.active{border-color:#0ff;background:#00ffff4d}}@media(prefers-reduced-motion:reduce){.ability-button,.ability-button.ready,.ability-button.active,.ability-icon,.ability-active-indicator .pulse,.ready-glow{animation:none!important;transition:none!important}}@supports (padding: max(0px)){.ability-buttons-container{bottom:max(calc(var(--mobile-padding-bottom) + 60px),calc(env(safe-area-inset-bottom) + 70px))}}@media only screen and (device-width:375px)and (device-height:812px)and (-webkit-device-pixel-ratio:3){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 80px)}}@media only screen and (device-width:414px)and (device-height:896px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 85px)}}@media only screen and (device-width:390px)and (device-height:844px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 80px)}}@media(max-width:640px)and (min-height:700px){.ability-buttons-container{bottom:calc(var(--mobile-padding-bottom) + 75px)}}.engagement-hub{min-width:min(480px,90vw);max-width:600px;width:90%;max-height:85vh;font-family:Orbitron,sans-serif;transition:opacity .2s ease,transform .2s ease;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#0a0a14f2;border:2px solid rgba(91,143,199,.3);border-radius:20px;box-shadow:0 0 40px #5b8fc74d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:auto!important;z-index:3000}.hub-header{position:relative;padding:20px;border-bottom:2px solid rgba(91,143,199,.2);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;pointer-events:auto!important}.hub-header .neon-title{flex:1;text-align:center;margin:0;color:#5b8fc7}.hub-header .icon-btn{pointer-events:auto!important;cursor:pointer}.hub-tabs{display:flex;gap:6px;padding:12px;background:#0006;border-bottom:1px solid rgba(91,143,199,.1);flex-shrink:0;overflow-x:auto;pointer-events:auto!important}.hub-tab-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease;position:relative;flex:1;min-width:80px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;pointer-events:auto!important}.hub-tab-btn.active{background:#5b8fc733;border-color:#5b8fc7;color:#5b8fc7;box-shadow:0 0 15px #5b8fc766}.hub-tab-btn:hover{background:#5b8fc71f;transform:translateY(-2px)}.hub-tab-btn:active{transform:translateY(0) scale(.98)}.tab-icon{position:relative;pointer-events:none}.tab-badge{position:absolute;top:-8px;right:-8px;background:#f06;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;pointer-events:none}.tab-label{font-weight:600;pointer-events:none}.hub-content{flex:1;overflow-y:auto;padding:16px;overflow-x:hidden;pointer-events:auto!important}.missions-tab{display:flex;flex-direction:column;gap:16px;pointer-events:auto!important}.missions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.missions-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#5b8fc7}.missions-progress{font-size:14px;color:gold;font-weight:600}.missions-info{background:#5b8fc714;border:1px solid rgba(91,143,199,.3);border-radius:8px;padding:12px;font-size:13px;color:#8ce;line-height:1.5}.missions-list{display:flex;flex-direction:column;gap:12px}.mission-card{background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;transition:all .3s ease;pointer-events:auto!important}.mission-card.complete{border-color:#5b8fc780;background:#5b8fc714}.mission-card.claimed{opacity:.65;border-color:#0f06}.mission-icon{font-size:32px;flex-shrink:0}.mission-details{flex:1;min-width:0}.mission-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}.mission-description{font-size:12px;color:#999;margin-bottom:8px}.mission-progress-bar{width:100%;height:6px;background:#0009;border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:linear-gradient(90deg,#5b8fc7,#0af);transition:width .3s ease;border-radius:3px}.mission-stats{display:flex;justify-content:space-between;align-items:center;font-size:12px}.mission-progress-text{color:#5b8fc7;font-weight:600}.mission-reward{color:gold;font-weight:600;display:flex;align-items:center;gap:4px}.mission-claim-btn{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#666;cursor:not-allowed;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;pointer-events:auto!important}.mission-claim-btn.can-claim{background:linear-gradient(135deg,#9b7fc766,#ff008066);border-color:#9b7fc7b3;color:#fff;cursor:pointer;box-shadow:0 0 20px #9b7fc766;pointer-events:auto!important}.mission-claim-btn.can-claim:hover{transform:translateY(-2px);box-shadow:0 0 25px #9b7fc799;background:linear-gradient(135deg,#9b7fc780,#ff008080)}.mission-claim-btn.can-claim:active{transform:translateY(0) scale(.98)}.login-rewards-tab{display:flex;flex-direction:column;gap:16px;pointer-events:auto!important}.rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rewards-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#5b8fc7}.rewards-streak{display:flex;align-items:center;gap:6px;font-size:14px;color:gold;font-weight:600;background:#ffd70026;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,215,0,.4)}.rewards-info{background:#5b8fc714;border:1px solid rgba(91,143,199,.3);border-radius:8px;padding:12px;font-size:13px;color:#8ce;line-height:1.5}.rewards-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.reward-card{background:#0006;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s ease;position:relative;pointer-events:auto!important}.reward-card.today{border-color:#5b8fc799;background:#5b8fc71f;box-shadow:0 0 25px #5b8fc74d}.reward-card.claimed{opacity:.65;border-color:#0f06}.reward-day{font-size:12px;font-weight:700;color:#5b8fc7;text-transform:uppercase}.reward-icon-container{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.reward-icon{font-size:36px}.reward-check{position:absolute;top:-8px;right:-8px;background:#0f0;border-radius:50%;padding:4px;color:#fff;box-shadow:0 0 10px #0f0}.reward-name{font-size:14px;font-weight:700;color:#fff;text-align:center}.reward-desc{font-size:11px;color:#999;text-align:center}.reward-claim-btn{width:100%;padding:8px 12px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:linear-gradient(135deg,#9b7fc766,#ff008066);border:2px solid rgba(155,127,199,.7);color:#fff;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;pointer-events:auto!important;font-family:Orbitron,sans-serif;font-weight:600;box-shadow:0 0 15px #9b7fc74d}.reward-claim-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #9b7fc780;background:linear-gradient(135deg,#9b7fc780,#ff008080)}.reward-claim-btn:active{transform:translateY(0) scale(.98)}.reward-pending{font-size:12px;color:gold;font-weight:700}.lucky-wheel-tab{display:flex;flex-direction:column;gap:20px;align-items:center;pointer-events:auto!important}.wheel-header{display:flex;justify-content:space-between;align-items:center;width:100%}.wheel-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#5b8fc7}.wheel-spins{display:flex;align-items:center;gap:6px;font-size:14px;color:gold;font-weight:600;background:#ffd70026;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,215,0,.4)}.wheel-info{background:#5b8fc714;border:1px solid rgba(91,143,199,.3);border-radius:8px;padding:12px;font-size:13px;color:#8ce;line-height:1.5;width:100%}.wheel-container{position:relative;width:280px;height:280px;margin:20px auto}.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);z-index:10}.pointer-triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:25px solid #ff0066;filter:drop-shadow(0 0 10px #ff0066)}.wheel{width:280px;height:280px;border-radius:50%;border:8px solid rgba(91,143,199,.4);position:relative;overflow:hidden;box-shadow:0 0 40px #5b8fc799}.wheel-segment{position:absolute;width:50%;height:50%;top:50%;left:50%;transform-origin:0 0;clip-path:polygon(0 0,100% 0,0 100%);display:flex;align-items:flex-start;justify-content:center;padding-top:20px}.segment-content{transform:rotate(-45deg);text-align:center;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.segment-amount{font-size:18px;margin-bottom:2px}.segment-type{font-size:10px;text-transform:uppercase;opacity:.9}.wheel-win-display{display:flex;align-items:center;gap:10px;background:#ffd70040;border:2px solid #ffd700;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:700;color:gold;animation:pulse 1s ease-in-out;width:100%;justify-content:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wheel-buttons{display:flex;gap:12px;width:100%}.wheel-buttons button{pointer-events:auto!important}.wheel-watch-ad-btn{width:100%;padding:12px 20px;background:#5b8fc726;border:2px solid rgba(91,143,199,.4);border-radius:10px;color:#5b8fc7;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;pointer-events:auto!important;font-family:Orbitron,sans-serif}.wheel-watch-ad-btn:hover:not(:disabled){background:#5b8fc740;transform:translateY(-2px);box-shadow:0 0 20px #5b8fc766}.wheel-watch-ad-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.wheel-watch-ad-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.engagement-hub{max-height:90vh}.hub-tabs{padding:8px;gap:4px}.hub-tab-btn{min-width:70px;padding:8px 12px}.rewards-calendar{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.wheel-container,.wheel{width:240px;height:240px}}.calendar-tab{display:flex;flex-direction:column;gap:16px}.calendar-subtabs{display:flex;gap:8px;margin-bottom:8px}.calendar-subtab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#888;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Orbitron,sans-serif}.calendar-subtab.active{background:#5b8fc733;border-color:#5b8fc7;color:#5b8fc7;box-shadow:0 0 15px #5b8fc74d}.calendar-subtab:hover:not(.active){background:#ffffff0d;border-color:#fff3}.monthly-rewards-tab{display:flex;flex-direction:column;gap:clamp(10px,3vw,16px)}.monthly-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(4px,1.5vw,8px)}.monthly-reward-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:clamp(6px,2vw,10px);padding:clamp(6px,2vw,10px) clamp(4px,1vw,6px);display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.5vw,4px);cursor:pointer;transition:all .2s ease;position:relative;min-height:clamp(45px,12vw,60px);aspect-ratio:1 / 1.1}.monthly-reward-card:hover:not(.claimed):not(.future):not(.missed){transform:translateY(-2px);box-shadow:0 4px 12px #5b8fc74d}.monthly-reward-card.today{border-color:#5b8fc7;border-width:2px;background:#5b8fc726;box-shadow:0 0 10px #5b8fc74d}.monthly-reward-card.claimed{opacity:.5;border-color:#00ff004d;cursor:default}.monthly-reward-card.future{opacity:.4;cursor:not-allowed}.monthly-reward-card.mega{border-color:gold;background:#ffd70026;box-shadow:0 0 12px #ffd7004d}.monthly-reward-card.bonus{border-color:#ff6b9d;background:#ff6b9d1a}.monthly-reward-card.weekly{border-color:#0af;background:#00aaff1a}.monthly-day{font-size:clamp(9px,2.5vw,11px);font-weight:700;color:#fff}.monthly-icon{font-size:clamp(14px,4vw,18px)}.monthly-check{position:absolute;top:-3px;right:-3px;background:#0f0;border-radius:50%;padding:1px;color:#000;display:flex;align-items:center;justify-content:center}.monthly-check svg{width:clamp(8px,2.5vw,12px);height:clamp(8px,2.5vw,12px)}.monthly-claim-indicator{font-size:clamp(6px,1.8vw,8px);font-weight:700;color:#5b8fc7;padding:1px 4px;background:#5b8fc733;border-radius:6px;animation:pulse 1.5s ease-in-out infinite}.monthly-lock{color:#666;opacity:.7}.monthly-lock svg{width:clamp(8px,2vw,10px);height:clamp(8px,2vw,10px)}.monthly-reward-card.missed{opacity:.35;border-color:#ff50504d;background:#ff00000d;cursor:not-allowed}.monthly-missed{font-size:clamp(5px,1.5vw,7px);font-weight:700;color:#f66;padding:1px 3px;background:#ff646433;border-radius:3px}@media(max-width:500px){.monthly-calendar-grid{grid-template-columns:repeat(5,1fr);gap:4px}.monthly-reward-card{min-height:50px;padding:6px 3px}.monthly-day{font-size:9px}.monthly-icon{font-size:14px}.monthly-claim-indicator{font-size:6px;padding:1px 3px}.monthly-missed{font-size:5px}}@media(max-width:380px){.monthly-calendar-grid{grid-template-columns:repeat(4,1fr);gap:3px}.monthly-reward-card{min-height:45px;padding:5px 2px;border-radius:6px}.monthly-day{font-size:8px}.monthly-icon{font-size:12px}}.character-preview-page{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1a3e,#0f1428);color:#0ff;font-family:Arial,sans-serif;overflow-y:auto;overflow-x:hidden;z-index:10000}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#0006;border-bottom:2px solid #00ffff;flex-shrink:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-title{margin:0;font-size:1.5rem;font-weight:700;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);flex:1;text-align:center}.currency-display{display:flex;align-items:center;gap:.5rem}.coins{background:#00c8ff33;padding:.5rem 1rem;border:1px solid #00ccff;border-radius:4px;font-weight:700;font-size:1rem;color:#ff0}.preview-content{display:flex;flex-direction:column;flex:1;gap:1rem;padding:1rem 1rem 2rem}.character-viewer{position:relative;width:100%;height:600px;background:linear-gradient(135deg,#00649633,#00326433);border:2px solid #00ccff;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 0 20px #0ff3,inset 0 0 20px #0064961a}.character-viewer canvas{width:100%!important;height:100%!important}.model-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#0ff;z-index:10}.loading-spinner{width:60px;height:60px;border:3px solid rgba(0,255,255,.2);border-top-color:#0ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.model-loading p{font-size:1rem;color:#0ff;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.rotation-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.8rem;color:#0ff9;pointer-events:none;opacity:0;animation:fadeInOut 3s infinite;z-index:5}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:.7}}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#00c8ff4d;border:2px solid #00ccff;border-radius:4px;color:#0ff;font-size:1.8rem;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{background:#00c8ff99;box-shadow:0 0 15px #0ff9;transform:translateY(-50%) scale(1.1)}.nav-arrow:active{transform:translateY(-50%) scale(.95)}.nav-arrow.left{left:10px}.nav-arrow.right{right:10px}.back-button{width:44px;height:44px;padding:0;background:#00c8ff33;border:2px solid #00ccff;border-radius:4px;color:#0ff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.back-button:hover{background:#00c8ff66;box-shadow:0 0 10px #00ffff80;transform:scale(1.05)}.back-button:active{transform:scale(.95)}.character-info-panel{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#0000004d;border:2px solid #00ccff;border-radius:8px;flex-shrink:0}.character-header-info{text-align:center}.character-name{margin:0 0 .5rem;font-size:1.8rem;color:#ff0;text-shadow:0 0 15px rgba(255,255,0,.5)}.character-description{margin:0;font-size:.95rem;color:#0ff;font-style:italic}.info-tabs{display:flex;gap:.5rem;border-bottom:1px solid #00ccff;margin-bottom:1rem}.tab{flex:1;padding:.75rem;background:transparent;border:none;color:#0cf;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .3s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:#ff0}.tab.active{color:#ff0;border-bottom-color:#ff0}.tab-content{margin-bottom:1rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.tab-content::-webkit-scrollbar{width:4px}.tab-content::-webkit-scrollbar-track{background:#00ffff1a}.tab-content::-webkit-scrollbar-thumb{background:#0ff6;border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:1rem}.stat-bar-container{padding:.75rem;background:#00649633;border:1px solid #00ccff;border-radius:4px}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.stat-icon{font-size:1.2rem;min-width:30px}.stat-label{flex:1;color:#0ff;margin-left:.5rem}.stat-value{font-weight:700;min-width:50px;text-align:right}.stat-value.positive{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.5)}.stat-value.neutral{color:#0ff}.stat-value.negative{color:#f60}.stat-bar-bg{width:100%;height:12px;background:#00000080;border:1px solid rgba(0,255,255,.3);border-radius:2px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .5s ease;position:relative}.stat-bar-fill.positive{background:linear-gradient(90deg,#0c0,#0f0)}.stat-bar-fill.neutral{background:linear-gradient(90deg,#08c,#0ff)}.stat-bar-fill.negative{background:linear-gradient(90deg,#f60,#fa0)}.stat-bar-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:1px 1px 0 0}.abilities-info{display:flex;flex-direction:column;gap:.75rem}.ability-card{display:flex;gap:1rem;padding:.75rem;background:#00649633;border:1px solid #00ccff;border-radius:4px}.ability-icon{font-size:1.5rem;min-width:40px;text-align:center}.ability-details h4{margin:0 0 .25rem;font-size:.95rem;color:#ff0}.ability-details p{margin:0;font-size:.85rem;color:#0ff}.action-button{width:100%;padding:1rem;margin:.5rem 0;font-size:1rem;font-weight:700;border:2px solid #00ccff;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.action-button.equip{background:#00c8004d;color:#0f0;border-color:#0f0}.action-button.equip:hover:not(:disabled){background:#00c80080;box-shadow:0 0 15px #0f09}.action-button.buy{background:#c896004d;color:#ff0;border-color:#ff0}.action-button.buy:hover:not(:disabled){background:#c8960080;box-shadow:0 0 15px #ff09}.action-button.equipped{background:#0064644d;color:#0cf;border-color:#0cf;cursor:not-allowed;opacity:.6}.action-button.locked{background:#64646433;color:#888;border-color:#666;cursor:not-allowed;opacity:.5}.action-button:active:not(:disabled){transform:scale(.98)}.character-indicator{display:flex;justify-content:center;gap:.75rem;margin-top:.5rem}.indicator-dot{width:12px;height:12px;border-radius:50%;background:#00c8ff4d;border:2px solid #00ccff;cursor:pointer;transition:all .3s ease}.indicator-dot.owned{background:#0f06;border-color:#0f0}.indicator-dot.active{background:#ff0;border-color:#ff0;box-shadow:0 0 10px #ff09;transform:scale(1.3)}.indicator-dot:hover{transform:scale(1.2);box-shadow:0 0 8px #00ffff80}@media(max-width:1024px){.character-viewer{height:550px}.preview-title{font-size:1.2rem}.nav-arrow{width:45px;height:45px;font-size:1.5rem}.character-info-panel{padding:1rem}.character-name{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}@media(max-width:768px){.preview-header{padding:.75rem;gap:.5rem}.preview-title{font-size:1rem}.back-button{width:40px;height:40px;font-size:1.2rem}.coins{font-size:.85rem;padding:.4rem .75rem}.preview-content{padding:.75rem;gap:.75rem}.character-viewer{height:520px}.nav-arrow{width:40px;height:40px;font-size:1.3rem}.nav-arrow.left{left:8px}.nav-arrow.right{right:8px}.character-info-panel{padding:.75rem}.character-name{font-size:1.2rem}.character-description{font-size:.8rem}.tab{padding:.5rem;font-size:.85rem}.action-button{padding:.75rem;font-size:.9rem}.stat-header{font-size:.8rem}.ability-card{gap:.75rem;padding:.5rem}.ability-icon{font-size:1.2rem}.ability-details h4{font-size:.85rem}.ability-details p{font-size:.75rem}}@media(max-width:480px){.preview-header{padding:.5rem;gap:.25rem}.preview-title{font-size:.9rem}.back-button{width:36px;height:36px;font-size:1rem}.coins{font-size:.75rem;padding:.3rem .5rem}.preview-content{padding:.5rem;gap:.5rem}.character-viewer{height:450px}.nav-arrow{width:32px;height:32px;font-size:1rem}.nav-arrow.left{left:4px}.nav-arrow.right{right:4px;left:auto}.rotation-hint{font-size:.7rem}.character-info-panel{padding:.5rem;gap:.5rem}.character-name{font-size:1rem}.character-description{font-size:.75rem}.info-tabs{gap:.25rem}.tab{padding:.4rem;font-size:.75rem}.tab-content{max-height:250px}.action-button{padding:.6rem;font-size:.8rem}.stat-bar-container{padding:.5rem}.stat-header{font-size:.75rem}.ability-card{gap:.5rem;padding:.4rem}.ability-icon{font-size:1rem}.ability-details h4{font-size:.75rem}.ability-details p{font-size:.7rem}.indicator-dot{width:10px;height:10px}.character-indicator{gap:.5rem}}.preview-content::-webkit-scrollbar{width:6px}.preview-content::-webkit-scrollbar-track{background:#00ffff0d}.preview-content::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.preview-content::-webkit-scrollbar-thumb:hover{background:#00ffff80}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00ffff0d}::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ffff80}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local(""),url(/fonts/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:local(""),url(/fonts/inter-v20-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:local(""),url(/fonts/inter-v20-latin-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;src:local(""),url(/fonts/inter-v20-latin-800.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:600;src:local(""),url(/fonts/orbitron-v35-latin-600.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;src:local(""),url(/fonts/orbitron-v35-latin-700.woff2) format("woff2")}@font-face{font-family:Fredoka One;font-style:normal;font-weight:400;src:local(""),url(/fonts/fredoka-v17-latin-regular.woff2) format("woff2")}:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #252542;--gray-900: #0a0a14;--gray-800: #1e1e2e;--gray-700: #2a2a3e;--gray-600: #3a3a4e;--gray-500: #5a5a6e;--gray-400: #8a8a9e;--accent-blue: #5b8fc7;--accent-purple: #9b7fc7;--accent-teal: #5ba8a0;--accent-orange: #d4874f;--highlight-cyan: #00d4ff;--highlight-gold: #ffb84d;--highlight-red: #ff6b6b;--highlight-green: #51cf66;--text-primary: #ffffff;--text-secondary: #b8b8c8;--text-tertiary: #8a8a9e;--text-muted: #6a6a7e;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .12);--border-emphasis: rgba(91, 143, 199, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}.glass-panel{background:#1a1a2eb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d;border-radius:16px}.btn-primary-refined{background:linear-gradient(135deg,#5b8fc740,#5b8fc726);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(91,143,199,.4);color:var(--text-primary);padding:14px 28px;border-radius:12px;font-weight:600;box-shadow:var(--shadow-md),inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-primary-refined:hover{transform:translateY(-2px);border-color:var(--highlight-cyan);box-shadow:0 6px 24px #00000080,0 0 24px #00d4ff1f}.btn-secondary-refined{background:#1a1a2e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-default);color:var(--text-secondary);padding:12px 24px;border-radius:10px;font-weight:500;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:pointer}.btn-secondary-refined:hover{border-color:var(--border-emphasis);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-elevated{background:linear-gradient(135deg,#1a1a2ee6,#252542cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;box-shadow:var(--shadow-md),inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-elevated:hover{transform:translateY(-4px);border-color:var(--border-emphasis);box-shadow:var(--shadow-lg),0 0 24px #5b8fc714}.progress-container{width:100%;height:8px;background:#0a0a1499;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.progress-fill-blue{height:100%;background:linear-gradient(90deg,#5b8fc7,#5ba8a0);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-fill-health{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffb84d);border-radius:4px;transition:width .3s ease}.hud-panel-refined{background:#0f0f1ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 20px;box-shadow:var(--shadow-md)}.text-gradient-refined{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 50%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.85}}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.scale-press:active{transform:scale(.98)}:root{--safe-top: env(safe-area-inset-top, 20px);--safe-bottom: env(safe-area-inset-bottom, 20px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--mobile-padding-top: max(16px, var(--safe-top));--mobile-padding-bottom: max(16px, var(--safe-bottom));--mobile-padding-left: max(16px, var(--safe-left));--mobile-padding-right: max(16px, var(--safe-right))}html,body,#root{height:100%;margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.canvas-full{position:fixed;inset:0;width:100vw;height:100vh;z-index:10;background:linear-gradient(180deg,var(--bg-primary),var(--bg-secondary));padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box}.neon-panel{background:#1a1a2eb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:32px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;border:1px solid var(--border-subtle);min-width:340px;text-align:center;color:var(--text-primary);transition:opacity .3s ease,transform .3s ease;position:absolute}.neon-title{font-size:34px;font-weight:700;color:var(--text-primary);margin-bottom:8px;font-family:Orbitron,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.neon-sub{font-size:14px;color:var(--text-secondary);margin-bottom:16px;font-weight:400}.glow-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-weight:600;cursor:pointer;border:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;font-family:Orbitron,sans-serif;font-size:16px}.btn-primary{background:linear-gradient(135deg,#5b8fc740,#5b8fc726);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(91,143,199,.4);color:var(--text-primary);box-shadow:var(--shadow-md),inset 0 1px #ffffff1a}.btn-primary:hover{transform:translateY(-2px);border-color:var(--highlight-cyan);box-shadow:0 6px 24px #00000080,0 0 24px #00d4ff1f}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-outline{background:#1a1a2e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.btn-outline:hover{background:#252542b3;border-color:var(--border-emphasis);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.icon-btn{background:#1a1a2eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;padding:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s ease;box-shadow:var(--shadow-sm);cursor:pointer}.icon-btn:hover{background:#252542cc;border-color:var(--border-emphasis);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:auto}.tutorial-hint{position:fixed;bottom:clamp(120px,25vh,180px);left:50%;z-index:100;padding:clamp(12px,2vw,16px) clamp(20px,3vw,28px);background:#141423e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid rgba(91,143,199,.35);border-radius:clamp(12px,3vw,20px);font-family:Orbitron,sans-serif;font-size:clamp(12px,2.2vw,15px);font-weight:500;letter-spacing:.5px;color:#e6e6f5f2;text-shadow:0 2px 4px rgba(0,0,0,.4);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff14;pointer-events:none;text-align:center;max-width:90vw;white-space:nowrap;transition:opacity .3s ease-out,transform .3s ease-out}@media(max-width:640px){.tutorial-hint{bottom:50%;transform:translate(-50%,50%);font-size:clamp(11px,2.5vw,13px);padding:clamp(10px,2vw,14px) clamp(16px,3vw,24px);letter-spacing:.3px;white-space:normal;max-width:85vw}}@media(max-width:480px){.tutorial-hint{font-size:clamp(10px,2.2vw,12px);padding:clamp(8px,1.8vw,12px) clamp(12px,2.5vw,20px)}}.neon-panel{padding:24px;min-width:300px}@media(max-width:480px){.glow-btn{padding:12px 20px;font-size:14px}}:root{--safe-area-inset-top: env(safe-area-inset-top, 24px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--touch-target-min: 48px;--mobile-padding-top: max(16px, calc(var(--safe-area-inset-top) + 8px));--mobile-padding-bottom: max(16px, calc(var(--safe-area-inset-bottom) + 8px));--mobile-padding-left: max(8px, calc(var(--safe-area-inset-left) + 8px));--mobile-padding-right: max(8px, calc(var(--safe-area-inset-right) + 8px));--safe-hud-top: max(32px, calc(var(--safe-area-inset-top) + 16px));--safe-hud-bottom: max(32px, calc(var(--safe-area-inset-bottom) + 16px))}html,body{position:fixed;overflow:hidden;width:100%;height:100%;margin:0;padding:0;background:#000;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{width:100%;height:100%;position:relative;box-sizing:border-box;overflow:hidden}.game-canvas,.canvas-full{position:fixed;inset:0;width:100vw;height:100vh;z-index:1}.safe-top-left{position:fixed;top:var(--safe-hud-top);left:var(--mobile-padding-left);z-index:100}.safe-top-right{position:fixed;top:var(--safe-hud-top);right:var(--mobile-padding-right);z-index:100}.safe-top-center{position:fixed;top:var(--safe-hud-top);left:50%;transform:translate(-50%);z-index:100}.safe-bottom{position:fixed;bottom:var(--safe-hud-bottom);left:50%;transform:translate(-50%);width:calc(100% - var(--mobile-padding-left) - var(--mobile-padding-right));max-width:600px;z-index:100}.safe-bottom-left{position:fixed;bottom:var(--safe-hud-bottom);left:var(--mobile-padding-left);z-index:100}.safe-bottom-right{position:fixed;bottom:var(--safe-hud-bottom);right:var(--mobile-padding-right);z-index:100}.auth-panel-overlay,.revive-overlay,.leaderboard-overlay,.engagement-hub-overlay,.daily-missions-overlay,.achievements-overlay,.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);box-sizing:border-box}.menu-panel{max-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) - 32px);overflow-y:auto}@supports not (padding-top: env(safe-area-inset-top)){:root{--safe-area-inset-top: 24px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px;--safe-area-inset-right: 0px}}@media(display-mode:fullscreen){:root{--safe-hud-top: max(40px, calc(var(--safe-area-inset-top) + 16px))}}.safe-padding{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.safe-margin{margin-top:var(--safe-area-inset-top);margin-bottom:var(--safe-area-inset-bottom);margin-left:var(--safe-area-inset-left);margin-right:var(--safe-area-inset-right)}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}