@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Outfit:wght@300;400;600&display=swap";:root{--bg-color: #05050a;--panel-bg: rgba(10, 10, 20, .65);--border-color: rgba(0, 255, 204, .25);--glow-cyan: #00ffcc;--glow-magenta: #ff00ff;--glow-green: #39ff14;--glow-yellow: #ffff00;--text-primary: #f0f0f5;--text-secondary: #8a8a9e}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,sans-serif;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}body.lobby-active,html.lobby-active{overflow:auto!important;touch-action:pan-y!important;overscroll-behavior:auto!important}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(0,255,204,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,204,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1}body:not(.lobby-active):before{display:none}#backgroundCanvas,#gameCanvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh;touch-action:none}#backgroundCanvas{z-index:0;pointer-events:none}#gameCanvas{z-index:1}.hud-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:grid;grid-template-columns:300px 1fr 300px;grid-template-rows:80px 1fr 240px;padding:20px}.hud-panel{pointer-events:auto;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;padding:15px;box-shadow:0 8px 32px #00ffcc0d,inset 0 0 12px #00ffcc0d;transition:all .3s cubic-bezier(.25,.8,.25,1)}.hud-panel:hover{border-color:#00ffcc73;box-shadow:0 8px 32px #00ffcc26,inset 0 0 18px #00ffcc1a}.performance-row{display:flex;justify-content:space-between;gap:8px;margin:6px 0 8px;padding-top:6px;border-top:1px solid rgba(0,255,204,.15);font-family:Orbitron,sans-serif;font-size:.68rem;color:var(--text-secondary)}@-moz-document url-prefix(){.hud-panel,.touch-btn,.joystick-base,.sound-mute-btn,.pwa-update-banner{backdrop-filter:none;-webkit-backdrop-filter:none}}.performance-row strong{color:var(--glow-cyan);font-weight:800}.hud-header{grid-column:1 / span 2;grid-row:1;display:flex;align-items:center;gap:15px;height:fit-content}.game-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.5rem;letter-spacing:2px;background:linear-gradient(45deg,var(--glow-cyan),var(--glow-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(0,255,204,.3)}.hud-leaderboard{grid-column:3;grid-row:1 / span 2;display:flex;flex-direction:column;height:380px}.leaderboard-title{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;color:var(--glow-cyan);border-bottom:2px dashed rgba(0,255,204,.2);padding-bottom:8px;margin-bottom:12px;text-align:center;text-shadow:0 0 5px rgba(0,255,204,.3)}.leaderboard-list{list-style:none;overflow-y:auto;flex-grow:1;padding-right:4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,255,204,.72) rgba(2,10,16,.58)}.leaderboard-list::-webkit-scrollbar,.hall-of-fame-list::-webkit-scrollbar{width:9px}.leaderboard-list::-webkit-scrollbar-button,.hall-of-fame-list::-webkit-scrollbar-button{-webkit-appearance:none;display:none;width:0;height:0;border:0;background:transparent}.leaderboard-list::-webkit-scrollbar-button:vertical:decrement,.leaderboard-list::-webkit-scrollbar-button:vertical:increment,.hall-of-fame-list::-webkit-scrollbar-button:vertical:decrement,.hall-of-fame-list::-webkit-scrollbar-button:vertical:increment{display:none;height:0}.leaderboard-list::-webkit-scrollbar-corner,.hall-of-fame-list::-webkit-scrollbar-corner{background:transparent}.leaderboard-list::-webkit-scrollbar-track,.hall-of-fame-list::-webkit-scrollbar-track{background:#020a1094;border:1px solid rgba(0,255,204,.08);border-radius:999px;box-shadow:inset 0 0 7px #000000b8}.leaderboard-list::-webkit-scrollbar-thumb,.hall-of-fame-list::-webkit-scrollbar-thumb{min-height:34px;border:2px solid rgba(2,10,16,.82);border-radius:999px;background-clip:padding-box}.leaderboard-list::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#67ffe5f5,#00b4ccb8);box-shadow:0 0 9px #00ffcc61,inset 0 0 4px #ffffff52}.leaderboard-list::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,#b0fff0,#00e5ff);box-shadow:0 0 13px #00ffccb8,inset 0 0 5px #ffffff80}.leaderboard-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:5px;border-radius:6px;font-size:.9rem;transition:background .2s}.leaderboard-item:hover{background:#00ffcc14}.leaderboard-item.self{background:#ff00ff26;border:1px solid rgba(255,0,255,.3)}.rank{font-weight:700;width:25px;color:var(--glow-magenta)}.leaderboard-item:nth-child(1) .rank{color:var(--glow-yellow);font-size:1.1rem}.leaderboard-item:nth-child(2) .rank{color:#e0e0e0}.leaderboard-item:nth-child(3) .rank{color:#cd7f32}.name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.score{font-family:Orbitron,sans-serif;color:var(--glow-cyan);font-weight:700}.hud-stats{grid-column:1;grid-row:3;display:flex;flex-direction:column;justify-content:space-around;height:220px;margin-top:auto}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:var(--glow-cyan)}.flight-progress-container{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin-top:5px}.flight-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--glow-cyan),var(--glow-magenta));transition:width .3s}.ascent-goal{padding:7px 8px 6px;border:1px solid rgba(0,255,204,.18);border-radius:8px;background:#00ffcc09}.goal-progress-text{font-family:Orbitron,sans-serif;color:var(--glow-yellow);font-size:.72rem;font-weight:900}.ascent-progress-container{width:100%;height:9px;margin-top:5px;overflow:hidden;border-radius:6px;background:#ffffff0f}.ascent-progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--glow-cyan),var(--glow-magenta),var(--glow-yellow));box-shadow:0 0 10px #00ffcc73;transition:width .25s ease-out}.context-goal-hint{min-height:1em;margin-top:5px;color:var(--text-secondary);font-size:.68rem;text-align:center}.ascension-surge-status{margin-top:5px;padding:3px 5px;border:1px solid rgba(255,234,0,.55);border-radius:5px;background:#ffea001a;color:var(--glow-yellow);font-family:Orbitron,sans-serif;font-size:.64rem;font-weight:900;text-align:center;animation:pulse-gold .7s infinite alternate}.hud-controls-info{grid-column:2;grid-row:3;margin-top:auto;height:fit-content;display:flex;justify-content:center;gap:20px}.info-badge{font-family:Orbitron,sans-serif;background:#00000080;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:20px;font-size:.8rem;letter-spacing:1px;color:var(--text-secondary)}.info-badge span{font-weight:700}.info-badge.active-flight{border-color:var(--glow-magenta);color:var(--glow-magenta);box-shadow:0 0 10px #f0f3;animation:pulse 1.5s infinite alternate}.info-badge.unlocked-flight{border-color:var(--glow-cyan);color:var(--glow-cyan)}.devour-combo{--combo-color: var(--glow-cyan);position:absolute;top:17%;left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%) scale(.82);opacity:0;color:var(--combo-color);font-family:Orbitron,sans-serif;pointer-events:none;text-align:center;text-shadow:0 0 8px currentColor,0 0 22px currentColor;transition:opacity .22s ease-out,transform .22s ease-out;z-index:30}.devour-combo.show{opacity:1;transform:translate(-50%) scale(1)}.devour-combo.combo-pop{animation:devour-combo-pop .28s cubic-bezier(.18,.89,.32,1.45)}.devour-combo.combo-tier-2{--combo-color: var(--glow-magenta)}.devour-combo.combo-tier-3{--combo-color: var(--glow-yellow)}.devour-combo-label{font-size:.78rem;font-weight:900;letter-spacing:.35em}.devour-combo-value{font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:.95}.devour-combo-gain{margin-top:5px;color:#ffffffd1;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-shadow:0 0 8px var(--combo-color)}@keyframes devour-combo-pop{0%{transform:translate(-50%) scale(.72);filter:brightness(2.1)}60%{transform:translate(-50%) scale(1.16)}to{transform:translate(-50%) scale(1);filter:brightness(1)}}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;min-height:100dvh;background:#030306e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;justify-content:center;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:30px 10px;box-sizing:border-box;transition:opacity .5s ease}.menu-card{width:480px;background:#0a0a19cc;border:2px solid var(--border-color);border-radius:20px;padding:40px;box-shadow:0 0 50px #00ffcc26,inset 0 0 25px #00ffcc0d;text-align:center;animation:float 4s ease-in-out infinite}.menu-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:2rem;letter-spacing:3px;margin-bottom:10px;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:30px;letter-spacing:1px}.menu-form{display:flex;flex-direction:column;gap:20px}.menu-input{background:#0006;border:1px solid var(--border-color);border-radius:10px;padding:15px;font-family:Outfit,sans-serif;color:var(--text-primary);font-size:1.1rem;text-align:center;outline:none;transition:all .3s}.menu-input:focus{border-color:var(--glow-magenta);box-shadow:0 0 15px #f0f3}.btn-primary{background:linear-gradient(135deg,var(--glow-cyan),#00b386);border:none;border-radius:10px;padding:16px;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem;color:#000;cursor:pointer;letter-spacing:2px;box-shadow:0 0 20px #0fc6;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ffccb3;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-magenta));color:#fff}.instructions-list{margin-top:30px;text-align:left;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.instruction-item{display:flex;align-items:center;gap:15px;font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.key-badge{font-family:Orbitron,sans-serif;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:3px 8px;border-radius:4px;color:var(--text-primary);font-size:.75rem;min-width:60px;text-align:center}.gameover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0005e6;z-index:90;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}.gameover-overlay.show{opacity:1;pointer-events:auto}.gameover-card{text-align:center;background:#14050acc;border:2px solid var(--glow-magenta);border-radius:20px;padding:40px;width:400px;box-shadow:0 0 50px #ff00ff4d;animation:pulse-glow 2s infinite alternate}.gameover-title{font-family:Orbitron,sans-serif;color:var(--glow-magenta);font-weight:900;font-size:2.2rem;letter-spacing:4px;margin-bottom:20px;text-shadow:0 0 15px rgba(255,0,255,.5)}.gameover-score{font-size:1.4rem;margin-bottom:30px}.gameover-score span{font-family:Orbitron,sans-serif;color:var(--glow-cyan);font-weight:700}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:.6;box-shadow:0 0 5px #ff00ff1a}to{opacity:1;box-shadow:0 0 20px #f0f6}}@keyframes pulse-glow{0%{border-color:#ff00ff80;box-shadow:0 0 30px #ff00ff26}to{border-color:#f0f;box-shadow:0 0 55px #f0f6}}.hidden{display:none!important}.touch-controls{position:absolute;bottom:40px;right:40px;display:flex;flex-direction:column;gap:20px;pointer-events:auto;z-index:101}.touch-btn{width:85px;height:85px;border-radius:50%;background:#0a0a148c;border:2px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:900;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 24px #00ffcc2e,inset 0 0 8px #00ffcc1a;cursor:pointer;outline:none;transition:all .12s cubic-bezier(.25,.8,.25,1);touch-action:none;-webkit-tap-highlight-color:transparent}.touch-btn:active{transform:scale(.88);border-color:var(--glow-magenta);box-shadow:0 0 25px #ff00ff73}.touch-btn.active{background:linear-gradient(135deg,var(--glow-magenta),#b300b3);border-color:#fff;color:#fff;box-shadow:0 0 30px #ff00ffa6}.joystick-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.joystick-base{position:absolute;width:120px;height:120px;border-radius:50%;background:#0a0a1473;border:2px solid rgba(0,255,204,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 20px #00ffcc1a,inset 0 0 15px #00ffcc26;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .18s ease-out;transform:translate3d(-50%,-50%,0)}.joystick-knob{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#00ffccf2,#00cca3cc);border:1px solid #fff;box-shadow:0 0 15px #0fc9;pointer-events:none;transition:transform .05s ease-out}@media(max-width:900px){.hud-layer{grid-template-columns:160px 1fr 140px;grid-template-rows:60px 1fr 196px;padding:10px}.hud-leaderboard,.hud-stats{pointer-events:none;background:#050c1261;border-color:#00ffcc2e;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 5px 18px #0003,inset 0 0 12px #00ffcc09}.hud-header{display:none}.hud-leaderboard{grid-column:3;grid-row:1 / span 2;height:156px;width:132px;padding:8px;border-radius:8px}.leaderboard-title{font-size:.75rem;margin-bottom:6px;padding-bottom:4px}.leaderboard-list{overflow-y:hidden}.leaderboard-item{padding:3px 4px;font-size:.7rem}.rank{width:15px}.hud-stats{position:absolute;grid-column:auto;grid-row:auto;top:130px;left:10px;height:184px;width:156px;margin-top:0;padding:8px;border-radius:8px;font-size:.75rem}.touch-controls{right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));gap:14px}.touch-btn{width:72px;height:72px;font-size:.72rem}.stat-row{margin-bottom:3px!important}.stat-label{font-size:.65rem}.stat-value{font-size:.9rem}.performance-row{margin:3px 0 4px;padding-top:3px;font-size:.58rem;gap:5px}.ascent-goal{padding:4px 5px}.context-goal-hint,.goal-progress-text,.ascension-surge-status{font-size:.55rem}.ascent-progress-container{height:5px}.flight-goal{display:none}.flight-progress-container{height:5px}.hud-controls-info{display:none}.devour-combo{top:21%}.devour-combo-label{font-size:.62rem}.devour-combo-value{font-size:2.25rem}.menu-card{width:92%;max-width:400px;padding:25px 20px;border-radius:16px}.menu-title{font-size:1.5rem}.menu-subtitle{font-size:.8rem;margin-bottom:20px}.menu-input{padding:10px;font-size:1rem}.btn-primary{padding:12px;font-size:1rem}.instructions-list{margin-top:20px;padding-top:15px}.instruction-item{font-size:.75rem;margin-bottom:8px;gap:8px}.key-badge{min-width:50px;font-size:.65rem;padding:2px 4px}.gameover-card{width:90%;max-width:360px;padding:25px 20px}.gameover-title{font-size:1.7rem}.gameover-score{font-size:1.1rem}}.menu-container{display:flex;gap:30px;max-width:1050px;width:90%;justify-content:center;align-items:stretch;margin:auto}@media(max-width:900px){.menu-overlay{align-items:flex-start!important}.menu-container{flex-direction:column;align-items:center;overflow-y:visible;max-height:none;padding:10px 0}.menu-card,.hall-of-fame-card{width:100%!important;animation:none!important}}.hall-of-fame-card{width:480px;background:#0a0a19cc;border:2px solid rgba(213,0,249,.25);border-radius:20px;padding:35px;box-shadow:0 0 50px #d500f91f,inset 0 0 25px #d500f90a;text-align:center;display:flex;flex-direction:column}.hall-of-fame-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.8rem;letter-spacing:2px;margin-bottom:8px;background:linear-gradient(135deg,#d500f9,var(--glow-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(213,0,249,.25)}.hall-of-fame-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:25px;letter-spacing:1px}.hall-of-fame-container{display:flex;flex-direction:column;flex-grow:1}.hall-of-fame-header{display:flex;border-bottom:2px dashed rgba(213,0,249,.2);padding-bottom:8px;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;color:#d500f9;letter-spacing:1px}.hof-col{text-align:left}.hof-rank{width:12%;text-align:center}.hof-name{width:43%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hof-score{width:25%;font-family:Orbitron,sans-serif;color:var(--glow-cyan);text-align:right}.hof-time{width:20%;font-family:Orbitron,sans-serif;color:var(--glow-yellow);text-align:right}.hall-of-fame-list{list-style:none;overflow-y:auto;max-height:250px;flex-grow:1;padding-right:4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(213,0,249,.78) rgba(12,3,24,.62)}.hall-of-fame-list::-webkit-scrollbar-track{background:#0c03189e;border-color:#d500f91f}.hall-of-fame-list::-webkit-scrollbar-thumb{background-image:linear-gradient(180deg,#f363fff5,#6344ffc7);box-shadow:0 0 9px #d500f96b,inset 0 0 4px #ffffff4d}.hall-of-fame-list::-webkit-scrollbar-thumb:hover{background-image:linear-gradient(180deg,#ff9cff,#8f70ff);box-shadow:0 0 13px #d500f9b8,inset 0 0 5px #ffffff80}.hall-of-fame-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.hall-of-fame-item:hover{background:#d500f90d}.hall-of-fame-item:nth-child(1) .hof-rank{color:var(--glow-yellow);font-size:1.1rem;text-shadow:0 0 5px rgba(255,255,0,.5)}.hall-of-fame-item:nth-child(2) .hof-rank{color:#e0e0e0}.hall-of-fame-item:nth-child(3) .hof-rank{color:#cd7f32}.hall-of-fame-empty{color:var(--text-secondary);font-size:.85rem;padding:40px 10px;line-height:1.6;font-style:italic}.gameclear-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#06030aed;z-index:120;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .6s ease}.gameclear-overlay.show{opacity:1;pointer-events:auto}.gameclear-card{text-align:center;background:#0c0516d9;border:2px solid #d500f9;border-radius:24px;padding:45px;width:440px;box-shadow:0 0 60px #d500f966,inset 0 0 30px #d500f91a;animation:cosmic-glow 3s infinite alternate}.gameclear-title{font-family:Orbitron,sans-serif;font-weight:950;font-size:2.3rem;letter-spacing:4px;margin-bottom:10px;background:linear-gradient(135deg,var(--glow-cyan),#d500f9,var(--glow-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,255,204,.4)}.gameclear-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:30px;letter-spacing:1px}.gameclear-stats{background:#0006;border:1px solid rgba(213,0,249,.2);border-radius:12px;padding:15px 20px;margin-bottom:25px}.clear-stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.clear-stat-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.clear-stat-label{color:var(--text-secondary);font-size:.9rem}.clear-stat-value{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;color:var(--glow-cyan)}.hall-of-fame-badge{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:var(--glow-yellow);background:#ffea001a;border:1px solid rgba(255,234,0,.3);padding:10px 20px;border-radius:30px;display:inline-block;box-shadow:0 0 15px #ffea0026;animation:pulse-gold 2s infinite alternate}@keyframes cosmic-glow{0%{border-color:#d500f980;box-shadow:0 0 40px #d500f940}to{border-color:#d500f9;box-shadow:0 0 70px #d500f98c}}@keyframes pulse-gold{0%{transform:scale(1);box-shadow:0 0 10px #ffea001a}to{transform:scale(1.05);box-shadow:0 0 20px #ffea0059}}.sound-mute-btn{position:absolute;top:20px;right:20px;z-index:100;width:45px;height:45px;border-radius:50%;background:#0a0a14bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,255,204,.3);color:var(--glow-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px #00ffcc1a;transition:all .2s cubic-bezier(.4,0,.2,1)}.sound-mute-btn:hover{border-color:var(--glow-cyan);box-shadow:0 0 15px #0fc6;transform:scale(1.05)}.sound-mute-btn:active{transform:scale(.95)}.sound-mute-btn.muted{color:var(--glow-magenta);border-color:#ff00554d;box-shadow:0 4px 15px #ff00551a}.sound-mute-btn.muted:hover{border-color:var(--glow-magenta);box-shadow:0 0 15px #f056}.sound-mute-btn.muted .speaker-on-icon{display:none}.sound-mute-btn.muted .speaker-off-icon{display:block!important}.sound-mute-btn:not(.muted) .speaker-off-icon{display:none!important}.sound-mute-btn:not(.muted) .speaker-on-icon{display:block}.lobby-audio-settings{margin-top:20px;display:flex;flex-direction:column;gap:8px;text-align:left;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.volume-label{display:flex;justify-content:space-between;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:1px}#volumeValue{color:var(--glow-cyan)}.volume-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;cursor:pointer;transition:background .3s}.volume-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#ffffff1a;border-radius:3px;border:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--glow-cyan);cursor:pointer;margin-top:-5px;box-shadow:0 0 8px var(--glow-cyan);transition:transform .1s,background-color .2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:var(--glow-magenta);box-shadow:0 0 12px var(--glow-magenta)}.volume-slider::-moz-range-track{width:100%;height:6px;background:#ffffff1a;border-radius:3px}.volume-slider::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:var(--glow-cyan);cursor:pointer;border:none;box-shadow:0 0 8px var(--glow-cyan);transition:transform .1s,background-color .2s}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);background:var(--glow-magenta);box-shadow:0 0 12px var(--glow-magenta)}.pwa-update-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:#0a0a19e6;border:1px solid var(--glow-cyan);box-shadow:0 0 15px #0fc6,inset 0 0 10px #00ffcc1a;border-radius:12px;padding:12px 24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slide-down-banner .4s cubic-bezier(.25,.8,.25,1);pointer-events:auto}.pwa-update-content{display:flex;align-items:center;gap:20px}.pwa-update-text{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.pwa-update-btn{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:#030308;background:var(--glow-cyan);border:none;padding:6px 14px;border-radius:20px;cursor:pointer;box-shadow:0 0 8px #0fc6;transition:all .2s ease;outline:none}.pwa-update-btn:hover{transform:scale(1.05);background:var(--glow-magenta);color:#fff;box-shadow:0 0 12px #f0f9}.pwa-update-btn:active{transform:scale(.95)}@keyframes slide-down-banner{0%{top:-80px;opacity:0}to{top:20px;opacity:1}}@media(max-width:768px){.pwa-update-banner{width:90%;padding:10px 16px}.pwa-update-content{justify-content:space-between;gap:10px;width:100%}.pwa-update-text{font-size:.8rem}}.lobby-skin-settings{margin-top:20px;display:flex;flex-direction:column;gap:12px;text-align:left;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.settings-title{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:1px}.skin-swatches{display:flex;gap:14px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:50%;background:var(--swatch-color);border:2px solid transparent;cursor:pointer;box-shadow:0 0 6px var(--swatch-color);transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s;outline:none;position:relative;-webkit-tap-highlight-color:transparent}.swatch:hover{transform:scale(1.15);box-shadow:0 0 14px var(--swatch-color)}.swatch.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 16px var(--swatch-color),0 0 4px #fff}.swatch.locked{cursor:not-allowed;filter:grayscale(.85) brightness(.42);box-shadow:none}.swatch.locked:after{content:"🔒";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:.7rem;filter:none;text-shadow:0 1px 3px #000000}.swatch.locked:hover{transform:none;box-shadow:none}.swatch:active{transform:scale(.95)}.hof-tabs{display:flex;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px;margin-top:15px;gap:4px}.hof-tab{flex:1;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;padding:8px 4px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;text-align:center}.hof-tab:hover{color:#fff;background:#ffffff08}.hof-tab.active{color:#fff;box-shadow:0 0 10px #00f0ff59;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-pink))}.hof-reset-info{margin-top:10px;font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--text-secondary);text-align:center;letter-spacing:.5px}#hofResetCountdown{color:var(--glow-pink);font-weight:700;text-shadow:0 0 6px rgba(255,0,128,.4)}.lobby-achievements{margin-top:20px;display:flex;flex-direction:column;gap:12px;text-align:left;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.achievements-header{display:flex;justify-content:space-between;align-items:center}.btn-dev-reset{background:#ff008026;border:1px solid var(--glow-pink);border-radius:4px;color:var(--glow-pink);font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;padding:2px 6px;cursor:pointer;outline:none;transition:all .2s;box-shadow:0 0 4px #ff008033}.btn-dev-reset:hover{background:var(--glow-pink);color:#000;box-shadow:0 0 8px var(--glow-pink)}.achievements-container{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.achievement-badge{width:38px;height:38px;border-radius:50%;background:#ffffff05;border:1px dashed rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:help;position:relative;filter:grayscale(1);opacity:.25;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.achievement-badge.unlocked{background:#00f0ff14;border:1px solid var(--glow-cyan);box-shadow:0 0 8px #00f0ff59;filter:none;opacity:1}.achievement-badge.unlocked.gold-achievement{background:#ffd70014;border:1px solid #ffd700;box-shadow:0 0 10px #ffd70066}.achievement-badge.unlocked:hover{transform:scale(1.15) rotate(10deg);box-shadow:0 0 15px var(--glow-cyan)}.achievement-badge.unlocked.gold-achievement:hover{box-shadow:0 0 18px gold}.toast-container{position:fixed;top:30px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:90%;max-width:420px}.achievement-toast{background:#0c0516f2;border:1px solid var(--glow-cyan);box-shadow:0 0 15px #00f0ff66,inset 0 0 10px #00f0ff1a;border-radius:8px;padding:12px 18px;display:flex;align-items:center;gap:14px;transform:translateY(-20px);opacity:0;animation:toast-fade-in .4s cubic-bezier(.18,.89,.32,1.28) forwards,toast-fade-out .4s cubic-bezier(.6,-.28,.735,.045) 4.5s forwards;pointer-events:auto}.toast-icon{font-size:1.8rem;animation:pulse-glow 2s infinite ease-in-out}.toast-info{display:flex;flex-direction:column;gap:2px}.toast-label{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:900;color:var(--glow-pink);letter-spacing:1.5px;text-shadow:0 0 4px rgba(255,0,128,.3)}.toast-title{color:#fff;font-family:Outfit,Arial,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.5px}.toast-desc{color:var(--text-secondary);font-size:.75rem}@keyframes toast-fade-in{to{transform:translateY(0);opacity:1}}@keyframes toast-fade-out{to{transform:translateY(-20px);opacity:0}}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px var(--glow-cyan))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px var(--glow-cyan))}}.btn-lobby-share{width:100%;margin-top:12px;margin-bottom:8px;padding:10px;background:#8a2be21a;border:1px solid rgba(138,43,226,.5);box-shadow:0 0 8px #8a2be233;border-radius:6px;color:#d8b4fe;font-family:Orbitron,sans-serif;font-weight:700;font-size:.75rem;letter-spacing:1px;cursor:pointer;outline:none;transition:all .2s ease-in-out}.btn-lobby-share:hover{background:#8a2be240;border-color:#8a2be2;box-shadow:0 0 12px #8a2be280;color:#fff}.lobby-personal-stats{margin-top:20px;display:flex;flex-direction:column;gap:8px;text-align:left;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stat-box{background:#00000040;border:1px solid rgba(0,240,255,.08);border-radius:6px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:border-color .2s}.stat-box:hover{border-color:#00f0ff40}.stat-box .stat-label{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;color:var(--text-secondary);letter-spacing:.5px}.stat-box .stat-value{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:900;color:var(--glow-cyan);text-shadow:0 0 6px rgba(0,240,255,.25)}.record-break-badge{background:#ffd70014;border:1px solid #ffd700;border-radius:20px;color:gold;font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:900;padding:6px 16px;margin:12px auto;text-align:center;display:inline-block;letter-spacing:1px;box-shadow:0 0 10px #ffd70059;text-shadow:0 0 4px rgba(255,215,0,.3);animation:pulse-gold-glow 2s infinite ease-in-out}.next-reward-card{margin:14px 0;padding:10px 12px;border:1px solid rgba(0,255,204,.24);border-radius:10px;background:#00ffcc0e;color:var(--text-secondary);font-size:.78rem;line-height:1.45}.next-reward-card strong{display:block;color:var(--glow-cyan);font-family:Orbitron,sans-serif;font-size:.72rem;letter-spacing:.5px}.next-reward-card.reward-complete{border-color:#ffea0059;color:var(--glow-yellow)}@keyframes pulse-gold-glow{0%,to{box-shadow:0 0 8px #ffd70040}50%{box-shadow:0 0 16px #ffd70080}}@media(max-height:760px){.menu-overlay{align-items:flex-start!important}.menu-container{max-height:none;padding:10px;gap:15px}.menu-card{padding:20px 15px;gap:10px;overflow-y:visible;max-height:none;animation:none!important}.menu-title{font-size:1.8rem}.menu-subtitle{margin-bottom:5px}.btn-lobby-share{margin-top:6px;margin-bottom:4px;padding:8px}.lobby-personal-stats{margin-top:12px;padding-top:8px;gap:4px}.lobby-achievements{margin-top:12px;padding-top:8px;gap:6px}.stats-grid{gap:4px}.stat-box{padding:4px 6px}.achievement-badge{width:32px;height:32px;font-size:1.05rem}}.lobby-guide-panel{margin-top:20px;display:flex;flex-direction:column;gap:12px;text-align:left;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.controls-hint-row{margin:-4px 0 10px;padding:4px 10px;background:#00ffcc0a;border:1px dashed rgba(0,255,204,.3);border-radius:6px;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;color:var(--glow-cyan);text-shadow:0 0 4px rgba(0,255,204,.3);text-align:center;letter-spacing:.5px}.guide-steps{display:flex;flex-direction:column;gap:10px}.guide-step{display:flex;align-items:flex-start;gap:12px;background:#ffffff05;border:1px solid rgba(0,255,204,.08);border-radius:8px;padding:8px 12px;transition:border-color .3s,background-color .3s}.guide-step:hover{background:#00ffcc08;border-color:#00ffcc40}.step-num{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;color:var(--glow-cyan);text-shadow:0 0 6px rgba(0,255,204,.4);line-height:1.2}.step-content{flex:1;display:flex;flex-direction:column;gap:2px}.step-title{font-size:.78rem;font-weight:800;color:var(--text-primary);letter-spacing:.5px}.step-content p{margin:0;font-size:.7rem;line-height:1.35;color:var(--text-secondary)}.mobile-guide-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;justify-content:space-between;align-items:center;padding:10vh 8vw;pointer-events:none;opacity:0;transition:opacity .5s ease}.guide-joystick-hint,.guide-action-hint{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:800;letter-spacing:1px;text-shadow:0 0 8px rgba(0,0,0,.8);animation:float-glow 2.5s infinite ease-in-out}.guide-joystick-hint{align-self:flex-end;margin-bottom:8vh;margin-left:20px}.guide-action-hint{align-self:flex-end;margin-bottom:8vh;margin-right:20px}.hint-arrow{font-size:1.8rem;color:var(--glow-cyan);text-shadow:0 0 10px var(--glow-cyan);animation:pulse-arrow 1.2s infinite alternate ease-in-out}@keyframes float-glow{0%,to{transform:translateY(0);opacity:.85}50%{transform:translateY(-8px);opacity:1}}@keyframes pulse-arrow{0%{transform:scale(.9)}to{transform:scale(1.1)}}@media(max-width:768px){.guide-joystick-hint,.guide-action-hint{font-size:.75rem}.hint-arrow{font-size:1.4rem}.lobby-guide-panel{margin-top:12px;padding-top:8px;gap:6px}.guide-step{padding:6px 10px;gap:8px}.step-num{font-size:.95rem}.step-title{font-size:.72rem}.step-content p{font-size:.65rem}}