@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@500;600;700&family=Share+Tech+Mono&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--color-gold:#ffb700;--color-gold-light:#ffe066;--color-gold-dark:#b37a00;--color-purple:#c724ff;--color-purple-light:#e285ff;--color-purple-dark:#8100b3;--color-red:#ff2a51;--color-red-light:#ff708a;--color-red-dark:#b30022;--color-green:#00f074;--color-green-light:#52ffaa;--color-blue:#00c3ff;--color-blue-dark:#0080b3;--color-orange:#ff7b00;--color-orange-warm:#e65c00;--color-white:#fff;--color-text:#e2e2ec;--color-text-dim:#a5a5b5;--color-text-muted:#707080;--color-text-faint:#4c4c5c;--color-bg-darkest:#04040a;--color-bg-dark:#080812;--color-bg-medium:#0e0e1a;--color-bg-glass:#06060eb8;--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"Share Tech Mono", monospace;--font-ui:"Rajdhani", sans-serif;--font-display:"Orbitron", sans-serif;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--z-vignette:9;--z-ui-layer:10;--z-mobile:20;--z-debug:200;--z-overlay-pause:40;--z-hud-buttons:41;--z-cheat-buttons:42;--z-overlay-codex:45;--z-overlay-levelup:50;--z-overlay-stage:55;--z-overlay-gameover:60;--z-overlay-win:65;--z-overlay-settings:120;--z-screen:100;--z-menu:110;--z-codex-menu:115;--transition-fast:.12s cubic-bezier(.16, 1, .3, 1);--transition-normal:.24s cubic-bezier(.16, 1, .3, 1);--transition-slow:.45s cubic-bezier(.16, 1, .3, 1);--bg-dark-screen:radial-gradient(circle at 50% 30%, #130b2bf2 0%, #04040afc 100%);--bg-overlay-dark:radial-gradient(circle at center, #06040eeb 0%, #010103fa 100%);--bg-overlay-purple:radial-gradient(circle at center, #100420f0 0%, #020006fc 100%);--bg-overlay-red:radial-gradient(circle at center, #1c040cf0 0%, #030001fc 100%);--bg-overlay-win:radial-gradient(circle at center, #1a1202f2 0%, #020100fc 100%);--bg-overlay-codex:radial-gradient(circle at center, #04050ef5 0%, #000001fc 100%);--bg-overlay-stage:radial-gradient(circle at center, #020206e8 0%, #000000fa 100%);--bg-hud-panel:linear-gradient(135deg, #080812d9, #0c0c18a6);--bg-xp-fill:linear-gradient(90deg, #997400 0%, #ffc400 60%, #fff2a3 100%);--bg-card:linear-gradient(180deg, #101020d9, #080810eb);--bg-card-levelup:linear-gradient(180deg, #141426e6, #0a0a14f5);--bg-card-codex:linear-gradient(180deg, #0e0e1ce0, #06060ef0);--bg-card-evo:linear-gradient(180deg, #201204f0, #100800fa);--btn-primary-bg:linear-gradient(135deg, #10385c 0%, #08203c 100%);--btn-primary-hover:linear-gradient(135deg, #1a5c96 0%, #0d3a6b 100%);--btn-gold-bg:linear-gradient(135deg, #4c3c1a 0%, #2e220c 100%);--btn-gold-hover:linear-gradient(135deg, #6b5324 0%, #4c3c1a 100%);--btn-secondary-bg:linear-gradient(135deg, #24242e 0%, #121218 100%);--btn-secondary-hover:linear-gradient(135deg, #383847 0%, #24242e 100%);--btn-menu-bg:linear-gradient(135deg, #26264d 0%, #13132e 100%);--btn-menu-hover:linear-gradient(135deg, #3b3b73 0%, #26264d 100%);--btn-ready-bg:linear-gradient(135deg, #0e4526 0%, #062412 100%);--btn-unready-bg:linear-gradient(135deg, #591616 0%, #300606 100%);--btn-lobby-start-bg:linear-gradient(135deg, #6c4b12 0%, #402b06 100%);--shadow-hud:0 8px 32px #000000a6, inset 0 1px 1px #ffffff14;--shadow-card:0 8px 24px #0009;--shadow-card-hover-gold:0 16px 36px #0009, 0 0 24px #ffb70040, 0 0 60px #ffb7001a;--shadow-card-hover-purple:0 16px 36px #0009, 0 0 24px #c724ff40, 0 0 60px #c724ff1a;--shadow-card-hover-cyan:0 16px 36px #0009, 0 0 24px #00c3ff40, 0 0 60px #00c3ff1a;--shadow-btn-primary:0 4px 12px #00c3ff26;--shadow-btn-primary-hover:0 0 20px #00c3ff66;--shadow-btn-gold:0 4px 12px #ffb7001a;--shadow-btn-gold-hover:0 0 20px #ffb70059;--text-glow-gold:0 0 8px #ffb70080, 0 0 24px #ffb70040;--text-glow-purple:0 0 8px #c724ff99, 0 0 24px #c724ff4d;--text-glow-red:0 0 8px #ff2a5199, 0 0 24px #ff2a514d;--text-glow-cyan:0 0 8px #00c3ff99, 0 0 24px #00c3ff4d;--text-glow-white:0 0 8px #fff6, 0 0 16px #ffffff26;--glass-bg:#0a0a16a6;--glass-border:#ffffff0d;--glass-blur:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--color-text:#fff;--color-text-dim:#eee;--color-text-muted:#ccc;--color-text-faint:#aaa;--color-gold:#fc0;--color-purple:#d766ff;--color-red:#ff4d73;--color-green:#26ff8d;--color-blue:#33d6ff;--color-orange:#ff8c1a;--glass-blur:0px;--glass-bg:#000000f2}.hud-panel,#stats-bar,#survival-timer,.levelup-card,.menu-card,.codex-card{background:#000!important;border:2px solid #fff!important}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}html,body{width:100%;height:100%;font-family:var(--font-sans);background:#000;overflow:hidden}#game-container{width:100%;height:100%;position:absolute;top:0;left:0}canvas{display:block}#ui-layer{pointer-events:none;width:100%;height:100%;z-index:var(--z-ui-layer);position:absolute;top:0;left:0}:is(#ui-layer:has(#levelup-overlay.active),#ui-layer:has(#gameover-overlay.active),#ui-layer:has(#pause-overlay.active),#ui-layer:has(#win-overlay.active)){z-index:300!important}:is(#ui-layer:has(#levelup-overlay.active) #player-hud-anchor,#ui-layer:has(#gameover-overlay.active) #player-hud-anchor,#ui-layer:has(#pause-overlay.active) #player-hud-anchor,#ui-layer:has(#win-overlay.active) #player-hud-anchor),:is(#ui-layer:has(#levelup-overlay.active) #boss-announce,#ui-layer:has(#gameover-overlay.active) #boss-announce,#ui-layer:has(#pause-overlay.active) #boss-announce,#ui-layer:has(#win-overlay.active) #boss-announce),:is(#ui-layer:has(#levelup-overlay.active) #boss-hp-bar,#ui-layer:has(#gameover-overlay.active) #boss-hp-bar,#ui-layer:has(#pause-overlay.active) #boss-hp-bar,#ui-layer:has(#win-overlay.active) #boss-hp-bar),:is(#ui-layer:has(#levelup-overlay.active) #boss-stagger-bar,#ui-layer:has(#gameover-overlay.active) #boss-stagger-bar,#ui-layer:has(#pause-overlay.active) #boss-stagger-bar,#ui-layer:has(#win-overlay.active) #boss-stagger-bar){display:none!important}#dmg-indicator{pointer-events:none;z-index:11;opacity:0;width:100%;height:100%;transition:opacity .1s ease-out;position:absolute;top:0;left:0}#dmg-indicator.active{opacity:1}.fullscreen-panel{width:100%;height:100%;position:absolute;top:0;left:0}.overlay{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-slow), visibility var(--transition-slow)}.overlay.active{visibility:visible;opacity:1;pointer-events:auto}.overlay-block{visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-slow), visibility var(--transition-slow)}.overlay-block.active{visibility:visible;opacity:1;pointer-events:auto}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.hud-panel{background:var(--bg-hud-panel);box-shadow:var(--shadow-hud);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff1f}.icon-wrap{flex-shrink:0;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.icon-glow{opacity:.7;border-radius:50%;transition:opacity .5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.icon-wrap:hover .icon-glow{opacity:1}.icon-wrap img{z-index:1;width:100%;height:100%;display:block;position:relative}.cyber-panel{background:var(--bg-hud-panel);box-shadow:var(--shadow-hud);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:all var(--transition-normal);position:relative;border:1px solid #00c3ff26!important}.cyber-panel:before,.cyber-panel:after{content:"";pointer-events:none;border-style:solid;border-color:#00c3ff80;width:6px;height:6px;position:absolute}.cyber-panel:before{border-width:1.5px 0 0 1.5px;top:-1px;left:-1px}.cyber-panel:after{border-width:0 1.5px 1.5px 0;bottom:-1px;right:-1px}#stats-bar{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:var(--radius-md) var(--radius-xs) var(--radius-md) var(--radius-xs);text-shadow:0 1px 3px #000c;background:var(--bg-hud-panel);border:1px solid #ffb7001f;border-left:3px solid var(--color-gold);max-width:320px;box-shadow:var(--shadow-hud);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:12px 18px;font-size:.9375rem;font-weight:600;position:absolute;top:36px;left:16px}#stats-bar .hp{color:var(--color-green);text-shadow:0 0 10px #00f07459;margin-bottom:6px;font-weight:700;display:block}#stats-bar .score{color:var(--color-gold);text-shadow:0 0 10px #ffb70040;margin-bottom:4px;display:block}#stats-bar .kills{color:var(--color-red);text-shadow:0 0 10px #ff2a5140;margin-bottom:4px;display:block}#stats-bar .stage{color:var(--color-blue);font-family:var(--font-mono);letter-spacing:1.5px;text-shadow:0 0 8px #00c3ff40;margin-top:6px;font-size:.75rem;display:block}#interaction-msg{color:var(--color-gold-light);font-family:var(--font-display);text-shadow:var(--text-glow-gold), 0 2px 5px #000000e6;opacity:0;transition:opacity var(--transition-fast);letter-spacing:4px;pointer-events:none;font-size:1.375rem;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#minimap{border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle,#04040ce0 60%,#0c0c22f2 100%);border:2px solid #00c3ff40;width:170px;height:170px;position:absolute;bottom:24px;right:24px;box-shadow:0 8px 32px #000c,inset 0 0 24px #00c3ff1f,0 0 0 4px #00000080}#game-container:after{content:"";pointer-events:none;z-index:12;background:conic-gradient(#00c3ff1a 0deg,#00c3ff00 90deg);border-radius:50%;width:170px;height:170px;animation:4s linear infinite radar-sweep;display:block;position:absolute;bottom:24px;right:24px;box-shadow:inset 0 0 10px #00c3ff26}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#help-text{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 1px 3px #000000e6;border-radius:var(--radius-sm);background:#04040880;border:1px solid #ffffff0d;padding:4px 14px;font-size:.8125rem;transition:opacity 2s;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#xp-bar-container{pointer-events:none;z-index:10;background:#03030ad9;border-bottom:2px solid #ffb70040;align-items:center;width:100%;height:24px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 16px #0009}#xp-bar-label{z-index:12;color:var(--color-gold-light);font-family:var(--font-display);letter-spacing:2px;text-shadow:var(--text-glow-gold), 0 1px 2px #000000e6;text-transform:uppercase;font-size:.8125rem;font-weight:900;position:absolute;left:20px}#xp-bar-fill{background:var(--bg-xp-fill);width:0%;height:100%;transition:width .3s cubic-bezier(.1,1,.1,1);position:relative;box-shadow:inset 0 0 14px #fff3}#xp-bar-fill:after{content:"";opacity:.85;width:10px;box-shadow:0 0 12px 2px #fff, 0 0 24px 6px var(--color-gold-light);background:#fff;position:absolute;top:0;bottom:0;right:0}#survival-timer{color:#fff;font-family:var(--font-mono);text-shadow:var(--text-glow-cyan);border-radius:var(--radius-xs) var(--radius-md) var(--radius-xs) var(--radius-md);background:var(--bg-hud-panel);box-shadow:var(--shadow-hud);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));letter-spacing:1.5px;border:1px solid #00c3ff33;padding:8px 16px;font-size:1.125rem;font-weight:700;position:absolute;top:36px;right:320px}#upgrades-list{pointer-events:none;z-index:15;flex-direction:row;gap:10px;display:flex;position:absolute;top:155px;left:16px}.upgrades-col{flex-direction:column;gap:5px;display:flex}.upgrade-row{border-radius:var(--radius-sm);color:var(--color-text-dim);font-family:var(--font-ui);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 2px #000c;background:#06060cc7;border:1px solid #ffffff0d;align-items:center;gap:8px;padding:5px 12px;font-size:.8125rem;font-weight:600;display:flex;box-shadow:0 2px 6px #0006}.upgrade-row .upg-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.upgrade-row .upg-icon .icon-wrap{width:20px;height:20px}.upgrade-row .upg-name{color:#fff;min-width:90px}.upgrade-row .upg-rank{color:var(--color-gold);font-family:var(--font-mono);font-weight:700}#status-sidebar{pointer-events:none;z-index:15;font-family:var(--font-ui);flex-direction:column;gap:8px;min-width:140px;font-size:.8125rem;font-weight:600;display:flex;position:absolute;top:100px;right:16px}#player-stats{background:var(--bg-hud-panel);border-radius:var(--radius-md);color:var(--color-text-dim);text-shadow:0 1px 1px #000000e6;box-shadow:var(--shadow-hud);border:1px solid #ffffff0f;border-right:3px solid #00c3ff66;flex-direction:column;gap:4px;padding:10px 14px;display:flex}#player-stats .stat-row{text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;gap:16px;display:flex}#player-stats .stat-val{color:var(--color-gold);font-family:var(--font-mono);font-weight:700}#buff-indicator,#boss-passives{flex-direction:column;gap:4px;display:flex}.buff-row{background:var(--bg-hud-panel);border-radius:var(--radius-sm);border:1px solid #ffffff0f;border-left:3px solid var(--color-blue);color:#fff;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:6px 12px;font-weight:600;display:flex;box-shadow:0 3px 8px #0006}.buff-time{color:var(--color-blue);font-family:var(--font-mono);margin-left:auto;font-size:.75rem}.buff-shared{opacity:.8;border-left-color:var(--color-purple);color:var(--color-purple-light)}#boss-passives .buff-row{border-left:4px solid var(--color-red);color:var(--color-red-light);background:linear-gradient(90deg,#520a1859 0%,#080812cc 100%)}#boss-hp-bar{border:1.5px solid var(--color-red);border-radius:var(--radius-xs);z-index:100;background:radial-gradient(circle,#16040af2 0%,#000 100%);width:80%;max-width:680px;height:18px;display:none;position:absolute;top:50px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 12px 36px #000000e6,0 0 20px #ff2a5140}#boss-hp-bar.active{display:block}#boss-hp-label{color:var(--color-red-light);font-family:var(--font-display);text-shadow:var(--text-glow-red), 0 2px 4px #000000f2;letter-spacing:4px;text-transform:uppercase;white-space:nowrap;z-index:10;font-size:.875rem;font-weight:900;position:absolute;top:-20px;left:50%;transform:translate(-50%)}#boss-hp-fill{background:linear-gradient(90deg,#810019 0%,#ff2a51 50%,#ffe8ed 100%);border-radius:1px;width:100%;height:100%;transition:width 60ms ease-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 10px #fff6}#boss-hp-trail{background:linear-gradient(90deg, var(--color-orange-warm), var(--color-gold));border-radius:1px;width:100%;height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0}#boss-stagger-bar{border-radius:var(--radius-xs);z-index:99;background:#000000d9;border:1px solid #ffffff0d;width:80%;max-width:650px;height:6px;display:none;position:absolute;top:72px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #000c}#boss-stagger-bar.active{display:block}#boss-stagger-fill{background:linear-gradient(90deg, var(--color-orange-warm) 0%, var(--color-gold) 60%, #fff 100%);width:0%;height:100%;transition:width .1s ease-out;box-shadow:0 0 10px #ffb70099}#boss-stagger-bar.flash #boss-stagger-fill{background:linear-gradient(90deg, #fff 0%, var(--color-blue) 50%, #fff 100%);transition:width 50ms ease-out;box-shadow:0 0 20px #00c3ff}#boss-announce{color:var(--color-red);font-family:var(--font-display);text-shadow:var(--text-glow-red);letter-spacing:8px;text-transform:uppercase;z-index:130;pointer-events:none;font-size:2.25rem;font-weight:900;animation:1s ease-in-out infinite boss-announce-pulse;display:none;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes boss-announce-pulse{0%,to{text-shadow:0 0 15px #ff2a5199,0 0 45px #ff2a514d;transform:translate(-50%,-50%)scale(1)}50%{text-shadow:0 0 25px #ff2a51f2,0 0 70px #ff2a5199;transform:translate(-50%,-50%)scale(1.04)}}#streak-indicator{color:var(--color-gold);font-family:var(--font-display);text-shadow:var(--text-glow-gold);opacity:0;transition:all var(--transition-normal);pointer-events:none;letter-spacing:4px;text-transform:uppercase;font-size:1.5rem;font-weight:900;position:absolute;top:115px;left:50%;transform:translate(-50%)}#streak-indicator.active{opacity:1;transform:translate(-50%)scale(1.1)}#streak-indicator.tier2{color:var(--color-orange);text-shadow:0 0 20px #ff7b00b3}#streak-indicator.tier3{color:var(--color-red);text-shadow:var(--text-glow-red), 0 0 40px #ff2a5180;letter-spacing:6px;font-size:2.125rem;animation:.15s infinite streak-shake}@keyframes streak-shake{0%,to{transform:translate(-51%)rotate(-.5deg)}50%{transform:translate(-49%)rotate(.5deg)}}#player-hud-anchor{z-index:120!important}#player-hud-hp-bar{background:#03030abf!important;border:1px solid #ffffff26!important;box-shadow:0 2px 10px #000000b3!important}#player-hud-hp-fill{background:linear-gradient(90deg, var(--color-green) 0%, var(--color-green-light) 100%)!important;box-shadow:0 0 8px var(--color-green)!important}#player-hud-dash-bar{background:#03030abf!important;border:1px solid #ffffff1f!important;box-shadow:0 2px 8px #000000b3!important}#player-hud-dash-fill{background:linear-gradient(90deg, #0080b3 0%, var(--color-blue) 100%)!important;box-shadow:0 0 8px var(--color-blue)!important}@media (width<=768px){#stats-bar{max-width:200px;padding:8px 12px;font-size:.75rem;top:24px}#survival-timer{padding:6px 12px;font-size:.875rem;top:72px;right:12px}#xp-bar-container{height:18px}#xp-bar-label{font-size:.6875rem;left:10px}#status-sidebar{top:120px;right:12px}#player-stats{padding:6px 10px;font-size:.6875rem}#upgrades-list{gap:6px;font-size:.6875rem;top:155px;left:12px}#help-text,#game-container:after{display:none}}#btn-settings{color:#fff;border-radius:var(--radius-sm);cursor:pointer;z-index:125;pointer-events:auto;width:40px;height:38px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#03030ab8;border:1px solid #ffffff26;justify-content:center;align-items:center;font-size:1.125rem;display:flex;position:fixed;top:36px;right:16px}#btn-settings:hover{border-color:var(--color-blue);color:var(--color-blue);background:#ffffff14;transform:rotate(45deg);box-shadow:0 0 12px #00c3ff40}#btn-fullscreen{color:#fff;border-radius:var(--radius-sm);cursor:pointer;z-index:125;pointer-events:auto;width:40px;height:38px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#03030ab8;border:1px solid #ffffff26;justify-content:center;align-items:center;font-size:1.125rem;display:flex;position:fixed;top:36px;right:64px}#btn-fullscreen:hover{border-color:var(--color-blue);background:#ffffff14;box-shadow:0 0 12px #00c3ff40}#btn-bot{color:var(--color-green);border-radius:var(--radius-sm);cursor:pointer;z-index:126;pointer-events:auto;width:95px;height:38px;font-size:.8125rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast);background:#04040ad9;border:1px solid #00f07440;justify-content:center;align-items:center;gap:5px;font-weight:700;display:flex;position:fixed;top:36px;right:112px}#btn-bot:hover{border-color:var(--color-green);background:#00f07414;box-shadow:0 0 16px #00f0744d}#btn-bot.active{color:#fff;border-color:var(--color-green-light);background:#00f07440;animation:1.6s infinite pulse-bot-neon;box-shadow:0 0 20px #00f07480}@keyframes pulse-bot-neon{0%,to{box-shadow:0 0 10px #00f0744d}50%{box-shadow:0 0 24px #00f074bf}}#btn-codex{color:var(--color-gold);border-radius:var(--radius-sm);cursor:pointer;z-index:15;pointer-events:auto;width:40px;height:38px;transition:all var(--transition-fast);background:#03030ab8;border:1px solid #ffb70033;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:36px;right:216px}#btn-codex:hover{border-color:var(--color-gold);background:#ffb70014;box-shadow:0 0 16px #ffb70059}#btn-pause{color:#fff;border-radius:var(--radius-sm);cursor:pointer;z-index:15;pointer-events:auto;width:40px;height:38px;transition:all var(--transition-fast);background:#03030ab8;border:1px solid #ffffff26;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:36px;right:264px}#btn-pause:hover{border-color:var(--color-blue);background:#ffffff14;box-shadow:0 0 12px #00c3ff40}@media (width<=768px){#btn-pause{width:32px;height:32px;font-size:.8125rem;top:24px;right:216px}#btn-codex{width:32px;height:32px;font-size:.875rem;top:24px;right:178px}#btn-bot{width:60px;height:32px;font-size:.6875rem;top:24px;right:114px}#btn-fullscreen{width:32px;height:32px;font-size:.8125rem;top:24px;right:78px}#btn-settings{width:32px;height:32px;font-size:.9375rem;top:24px;right:12px}}.btn-icon{font-family:var(--font-ui);border-radius:var(--radius-sm);cursor:pointer;pointer-events:auto;width:40px;height:38px;color:var(--color-white);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03030ab8;border:1px solid #ffffff1f;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.btn-icon:hover{background:#ffffff0f;border-color:#ffffff40;box-shadow:0 0 12px #ffffff1a}.btn-icon.btn-gold{color:var(--color-gold);border-color:#ffb70040}.btn-icon.btn-gold:hover{border-color:var(--color-gold);background:#ffb70014;box-shadow:0 0 16px #ffb7004d}.btn-primary{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:3px;cursor:pointer;color:var(--color-white);background:var(--btn-primary-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-btn-primary);transition:all var(--transition-fast);border:1.5px solid #00c3ff59;padding:14px 48px;font-size:1.0625rem;font-weight:700;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.btn-primary:hover:after{transition:all 1s ease-in-out;left:200%}.btn-primary:hover{background:var(--btn-primary-hover);border-color:var(--color-blue);box-shadow:var(--shadow-btn-primary-hover);transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(1px)scale(.98)}.btn-primary.btn-gold{color:var(--color-gold-light);background:var(--btn-gold-bg);box-shadow:var(--shadow-btn-gold);border-color:#ffb70059}.btn-primary.btn-gold:hover{background:var(--btn-gold-hover);border-color:var(--color-gold);box-shadow:var(--shadow-btn-gold-hover)}.btn-secondary{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:2px;cursor:pointer;color:var(--color-text-dim);background:var(--btn-secondary-bg);border-radius:var(--radius-sm);transition:all var(--transition-fast);border:1px solid #ffffff14;padding:12px 36px;font-size:.9375rem;font-weight:700}.btn-secondary:hover{color:#fff;background:var(--btn-secondary-hover);border-color:#ffffff40;box-shadow:0 4px 16px #00000080}.btn-secondary.btn-menu{color:var(--color-blue);background:var(--btn-menu-bg);border-color:#00c3ff33}.btn-secondary.btn-menu:hover{color:#fff;background:var(--btn-menu-hover);border-color:var(--color-blue);box-shadow:0 4px 16px #00c3ff26}.btn-ghost{font-family:var(--font-mono);cursor:pointer;pointer-events:auto;color:var(--color-text-muted);border-radius:var(--radius-xs);transition:all var(--transition-fast);background:#ffffff08;border:1px dashed #ffffff14;padding:4px 10px;font-size:.8125rem}.btn-ghost:hover{color:#fff;border-style:solid;border-color:#ffffff40}.btn-tab{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;cursor:pointer;pointer-events:auto;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text-muted);transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0f;padding:8px 16px;font-size:.8125rem;font-weight:700}.btn-tab:hover{color:var(--color-text-dim);background:#ffffff0a}.btn-tab.active{color:var(--color-gold);text-shadow:0 0 8px #ffb70040;background:#ffb70014;border-color:#ffb7004d #ffb7004d #0000}.btn-subtab{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;pointer-events:auto;border-radius:var(--radius-sm);color:var(--color-purple-light);transition:all var(--transition-fast);background:#c724ff0a;border:1px solid #c724ff1f;padding:6px 14px;font-size:.8125rem;font-weight:700}.btn-subtab:hover{color:#fff;background:#c724ff14;border-color:#c724ff40}.btn-subtab.active{color:#fff;border-color:var(--color-purple);text-shadow:var(--text-glow-purple);background:#c724ff33}#levelup-overlay{background:var(--bg-overlay-dark);width:100%;height:100%;z-index:var(--z-overlay-levelup);pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:0 0;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;top:0;left:0}#levelup-overlay.active{display:flex}.levelup-title{font-family:var(--font-display);color:var(--color-gold);text-transform:uppercase;text-shadow:var(--text-glow-gold);letter-spacing:12px;margin-bottom:6px;font-size:3rem;font-weight:900;animation:2.2s ease-in-out infinite levelup-glow-pulse}@keyframes levelup-glow-pulse{0%,to{text-shadow:0 0 10px #ffb70066,0 0 25px #ffb70099,0 0 50px #ffb70033;transform:scale(1)}50%{text-shadow:0 0 20px #ffb700b3,0 0 45px #ffb700f2,0 0 80px #ffb7008c;transform:scale(1.02)}}.levelup-subtitle{font-family:var(--font-ui);text-transform:uppercase;color:var(--color-text-dim);letter-spacing:5px;margin-bottom:36px;font-size:1rem;font-weight:600}.levelup-choices{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.levelup-card{background:var(--bg-card-levelup);border-radius:var(--radius-lg);text-align:center;cursor:pointer;width:250px;transition:all var(--transition-slow);color:#fff;box-shadow:var(--shadow-hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #00c3ff26;padding:28px 22px;position:relative;overflow:hidden}.levelup-card:before,.levelup-card:after{content:"";pointer-events:none;width:8px;height:8px;transition:border-color var(--transition-fast);border-style:solid;border-color:#ffffff26;position:absolute}.levelup-card:before{border-width:1.5px 0 0 1.5px;top:10px;left:10px}.levelup-card:after{border-width:0 1.5px 1.5px 0;bottom:10px;right:10px}.levelup-card:hover,.levelup-card:focus{border-color:var(--color-gold);box-shadow:var(--shadow-card-hover-gold);background:linear-gradient(#1e180abf,#0c0a05f2);transform:translateY(-10px)scale(1.03)}.levelup-card:hover:before,.levelup-card:hover:after,.levelup-card:focus:before,.levelup-card:focus:after{border-color:var(--color-gold)}.levelup-card .card-icon{transition:transform var(--transition-normal);filter:drop-shadow(0 0 12px #ffb7001f);margin-bottom:16px;font-size:3rem}.levelup-card .card-icon .icon-wrap{width:4.5rem;height:4.5rem;margin:0 auto}.levelup-card:hover .card-icon{filter:drop-shadow(0 0 16px #ffb70059);transform:scale(1.15)rotate(1deg)}.levelup-card .card-name{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:6px;font-size:1.25rem;font-weight:700}.levelup-card .card-rank{font-family:var(--font-mono);color:var(--color-gold);letter-spacing:1px;margin-bottom:10px;font-size:.8125rem}.levelup-card .card-desc{font-family:var(--font-sans);color:var(--color-text-dim);font-size:.8125rem;line-height:1.6}.levelup-card .card-key{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:1.5px;margin-top:14px;font-size:.75rem}.levelup-card.maxed{opacity:.25;pointer-events:none;border-color:#ffffff08}.levelup-card .card-preview{font-family:var(--font-ui);border-top:1px solid #ffffff14;margin-top:14px;padding-top:12px;font-size:.8125rem}.card-preview .preview-stat{justify-content:center;align-items:center;gap:6px;margin-bottom:4px;display:flex}.card-preview .preview-label{color:var(--color-text-muted);text-align:right;text-transform:uppercase;letter-spacing:.5px;min-width:65px;font-size:.75rem}.card-preview .preview-before{color:#556;font-family:var(--font-mono);text-decoration:line-through}.card-preview .preview-arrow{color:var(--color-text-muted);font-size:.75rem}.card-preview .preview-after{color:var(--color-blue);font-weight:700;font-family:var(--font-mono)}.card-preview .preview-delta{color:var(--color-green);font-size:.6875rem;font-family:var(--font-mono);margin-left:2px}.card-preview .preview-maxed{color:var(--color-red-light);text-shadow:var(--text-glow-red);text-align:center;letter-spacing:2px;text-transform:uppercase;font-size:.75rem}.card-preview .preview-desc{color:var(--color-purple-light);text-align:center;font-size:.75rem;line-height:1.4}.card-preview .preview-evo-bonus{color:var(--color-gold);text-align:center;margin-bottom:4px;font-size:.75rem;font-weight:600}.levelup-card.evo-card{background:var(--bg-card-evo);border-color:#ffb70073;animation:2.5s ease-in-out infinite evo-card-pulse-gradient;box-shadow:0 8px 32px #000c,inset 0 0 16px #ffb70026}@keyframes evo-card-pulse-gradient{0%,to{border-color:#ffb70073;box-shadow:0 8px 32px #000c,inset 0 0 16px #ffb70026,0 0 20px #ffb7001a}50%{border-color:var(--color-gold);box-shadow:0 12px 40px #000000e6,inset 0 0 24px #ffb7005b,0 0 35px #ffb70040}}.levelup-card.evo-card:hover,.levelup-card.evo-card:focus{border-color:var(--color-gold-light);box-shadow:var(--shadow-card-hover-gold);background:linear-gradient(#301c04f2,#180c00fc)}.reroll-hint{font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast);letter-spacing:3px;margin-top:24px;font-size:.875rem}.reroll-hint:hover{color:var(--color-gold);text-shadow:0 0 8px #ffb70066}.reroll-hint.used{color:#ffffff1a;cursor:default}.card-evo-badge{font-family:var(--font-display);color:#000;background:linear-gradient(90deg, var(--color-gold) 0%, var(--color-gold-light) 100%);border-radius:var(--radius-xs);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;padding:3px 12px;font-size:.6875rem;font-weight:800;display:inline-block;box-shadow:0 2px 6px #00000080}#gameover-overlay{background:var(--bg-overlay-red);width:100%;height:100%;z-index:var(--z-overlay-gameover);pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;top:0;left:0}#gameover-overlay.active{display:flex}.gameover-title{font-family:var(--font-display);color:var(--color-red);text-shadow:var(--text-glow-red);letter-spacing:14px;text-transform:uppercase;margin-bottom:24px;font-size:4rem;font-weight:900;animation:2.8s ease-in-out infinite gameover-danger-pulse}@keyframes gameover-danger-pulse{0%,to{text-shadow:0 0 15px #ff2a5166,0 0 40px #ff2a5199,0 0 80px #ff2a5133;transform:scale(1)}50%{text-shadow:0 0 25px #ff2a51bf,0 0 60px #ff2a51f2,0 0 110px #ff2a5173;transform:scale(1.03)}}.gameover-stats{font-family:var(--font-ui);color:var(--color-text-dim);text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px;font-size:1.25rem;font-weight:600;line-height:2.2}.gameover-stats span{color:var(--color-gold);font-family:var(--font-mono);font-weight:700}#gameover-name-section input{font-family:var(--font-mono)!important;letter-spacing:2px!important;text-transform:uppercase!important;background:#030306e6!important;border:1px dashed #ffffff26!important;font-size:.9375rem!important}#gameover-name-section input:focus{border-color:var(--color-gold)!important;box-shadow:0 0 12px #ffb70033!important}#leaderboard{max-height:220px;font-family:var(--font-mono);text-align:center;border-radius:var(--radius-md);background:#04040a99;border:1px solid #ffffff0d;width:400px;max-width:90vw;margin-top:16px;margin-bottom:24px;padding:16px;font-size:.8125rem;overflow-y:auto}#leaderboard .lb-title{font-family:var(--font-display);color:var(--color-gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:.9375rem;font-weight:700}#leaderboard .lb-row{color:var(--color-text-dim);border-bottom:1px solid #ffffff05;justify-content:space-between;padding:6px 8px;display:flex}#leaderboard .lb-row:last-child{border-bottom:none}#leaderboard .lb-row:nth-child(2n){background:#ffffff03}#leaderboard .lb-rank{color:var(--color-gold);text-align:right;width:32px;margin-right:12px;font-weight:700}#leaderboard .lb-name{text-align:left;text-transform:uppercase;color:#fff;flex:1}#leaderboard .lb-score{color:var(--color-orange);margin-left:12px;font-weight:700}#leaderboard .lb-new{color:var(--color-red);font-family:var(--font-display);text-align:left;width:36px;margin-left:8px;font-size:.6875rem;font-weight:900;display:inline-block}#pause-overlay{width:100%;height:100%;z-index:var(--z-overlay-pause);pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04040ab8;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;top:0;left:0}#pause-overlay.active{display:flex}.pause-title{font-family:var(--font-display);color:#fff;letter-spacing:16px;text-transform:uppercase;text-shadow:var(--text-glow-white);margin-bottom:14px;font-size:4rem;font-weight:900;animation:3.5s ease-in-out infinite pause-title-anim}@keyframes pause-title-anim{0%,to{opacity:.68;letter-spacing:16px;transform:scale(1)}50%{opacity:1;letter-spacing:20px;transform:scale(1.02)}}.pause-subtitle{font-family:var(--font-ui);color:var(--color-text-dim);letter-spacing:6px;text-transform:uppercase;font-size:1.0625rem;font-weight:600}#stage-transition{background:var(--bg-overlay-stage);width:100%;height:100%;z-index:var(--z-overlay-stage);pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;top:0;left:0}#stage-transition.active{display:flex}.stage-label{font-family:var(--font-ui);text-transform:uppercase;color:var(--color-text-dim);letter-spacing:12px;margin-bottom:16px;font-size:1.375rem;font-weight:600}.stage-name{font-family:var(--font-display);color:var(--color-gold);letter-spacing:14px;text-transform:uppercase;text-shadow:var(--text-glow-gold);font-size:3.5rem;font-weight:900;animation:1.5s ease-in-out infinite stage-name-glimmer}@keyframes stage-name-glimmer{0%,to{text-shadow:0 0 15px #ffb70066,0 0 35px #ffb70099}50%{text-shadow:0 0 25px #ffb700b3,0 0 60px #ffb700e6}}#win-overlay{background:var(--bg-overlay-win);width:100%;height:100%;z-index:var(--z-overlay-win);pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;top:0;left:0}#win-overlay.active{display:flex}.win-title{font-family:var(--font-display);color:var(--color-gold);text-transform:uppercase;text-shadow:0 0 30px #ffb700cc,0 0 80px #ffb70073;letter-spacing:16px;margin-bottom:24px;font-size:4rem;font-weight:900;animation:1.5s ease-in-out infinite win-royal-glow}@keyframes win-royal-glow{0%,to{text-shadow:0 0 30px #ffb700cc,0 0 80px #ffb70066;transform:scale(1)}50%{text-shadow:0 0 50px #ffb700,0 0 110px #ffb70099;transform:scale(1.02)}}.win-stats{font-family:var(--font-ui);text-transform:uppercase;color:var(--color-text-dim);text-align:center;letter-spacing:1px;margin-bottom:36px;font-size:1.25rem;line-height:2.2}.win-stats span{color:var(--color-gold);font-family:var(--font-mono);font-weight:700}#codex-overlay{width:100%;height:100%;z-index:var(--z-overlay-codex);pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:radial-gradient(at 30% 20%,#141838f2 0%,#0000 60%),radial-gradient(at 70% 80%,#0c0c1cf2 0%,#0000 60%),linear-gradient(135deg,#040408f5 0%,#080810fa 100%);flex-direction:column;align-items:center;padding-top:60px;display:none;position:absolute;top:0;left:0}#codex-overlay.active{display:flex}.codex-header{justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:20px 24px 10px;display:flex}.codex-title{font-family:var(--font-display);color:var(--color-gold);text-transform:uppercase;text-shadow:var(--text-glow-gold);letter-spacing:8px;font-size:2.5rem;font-weight:900}.codex-subtitle{font-family:var(--font-ui);color:var(--color-text-muted);letter-spacing:3px;text-transform:uppercase;font-size:.875rem;font-weight:600}.codex-close{color:#fff;border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff14;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.codex-close:hover{color:var(--color-red-light);background:#ff2a511f;border-color:#ff2a5166;transform:scale(1.05);box-shadow:0 0 16px #ff2a5133}.codex-tabs{border-bottom:2px solid #ffffff0a;flex-wrap:wrap;justify-content:center;gap:6px;max-width:900px;padding:4px 16px;display:flex}.codex-tab{color:var(--color-text-muted);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;transition:all var(--transition-fast);pointer-events:auto;background:#ffffff05;border:1px solid #ffffff0f;padding:8px 16px;font-size:.8125rem;font-weight:600}.codex-tab:hover{color:var(--color-text-dim);background:#ffffff0a}.codex-tab.active{color:var(--color-gold);text-shadow:0 0 8px #ffb70040;background:#ffb70014;border-color:#ffb7004d #ffb7004d #0000}.codex-subtabs{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px 0;display:flex}.codex-subtab{color:var(--color-purple-light);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);pointer-events:auto;background:#c724ff0a;border:1px solid #c724ff1f;padding:6px 16px;font-size:.8125rem;font-weight:600}.codex-subtab:hover{color:#fff;background:#c724ff14;border-color:#c724ff40}.codex-subtab.active{color:#fff;border-color:var(--color-purple);text-shadow:var(--text-glow-purple);background:#c724ff33}.codex-content{flex:1;width:100%;max-width:900px;padding:20px 24px 40px;overflow:hidden auto}.codex-card-grid{flex-direction:column;gap:14px;display:flex}.codex-card{background:var(--bg-card-codex);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #ffffff0d;border-left:3px solid #ffffff26;padding:18px 24px;position:relative;box-shadow:0 4px 12px #00000080}.codex-card:hover{border-color:#ffffff1f;border-left-color:var(--color-gold);transform:translate(4px)}.codex-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.codex-card-icon{font-size:2.125rem}.codex-card-icon .icon-wrap{width:2.25rem;height:2.25rem}.codex-card-name{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;color:var(--color-gold-light);font-size:1.125rem;font-weight:700}.codex-card-rank{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;margin-left:auto;font-size:.75rem}.codex-card-rank .current{color:var(--color-gold);font-weight:700}.codex-card-desc{font-family:var(--font-sans);color:var(--color-text-dim);font-size:.8125rem;line-height:1.6}.codex-card-stats{font-family:var(--font-mono);color:var(--color-text-muted);margin-top:6px;font-size:.75rem}.codex-card-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.codex-tag{font-family:var(--font-mono);text-transform:uppercase;border-radius:var(--radius-xs);color:var(--color-text-dim);border:1px solid #ffffff0f;padding:2px 8px;font-size:.6875rem;font-weight:600}.codex-tag.gold{color:var(--color-gold);background:#ffb70008;border-color:#ffb70033}.codex-tag.purple{color:var(--color-purple-light);background:#c724ff08;border-color:#c724ff33}.codex-tag.red{color:var(--color-red);background:#ff2a5108;border-color:#ff2a5133}.codex-tag.green{color:var(--color-green);background:#00f07408;border-color:#00f07433}.codex-tag.blue{color:var(--color-blue);background:#00c3ff08;border-color:#00c3ff33}.codex-section{margin-bottom:24px}.codex-section-title{font-family:var(--font-ui);color:var(--color-purple-light);text-transform:uppercase;letter-spacing:2.5px;border-bottom:1px solid #c722ff28;margin-bottom:12px;padding-bottom:6px;font-size:1rem;font-weight:700}.codex-mechanic{border-radius:var(--radius-sm);border:1px solid #ffffff08;border-left:3px solid var(--color-gold);background:#ffffff03;margin-bottom:14px;padding:12px 18px}.codex-mechanic h4{font-family:var(--font-ui);color:var(--color-gold-light);text-transform:uppercase;margin-bottom:6px;font-size:.9375rem;font-weight:700}.codex-mechanic p{font-family:var(--font-sans);color:var(--color-text-dim);font-size:.8125rem;line-height:1.6}.codex-stat-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.75rem}.codex-stat-table th{text-align:left;color:var(--color-text-muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #ffffff0d;padding:6px 12px;font-size:.6875rem;font-weight:600}.codex-stat-table td{color:var(--color-text-dim);border-bottom:1px solid #ffffff05;padding:6px 12px}.codex-stat-table td.val{color:var(--color-gold);font-weight:700}#settings-panel{width:100%;height:100%;z-index:var(--z-overlay-settings,120);pointer-events:auto;display:none;position:absolute;top:0;left:0}.settings-overlay{-webkit-backdrop-filter:blur(10px);background:#04040ad9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.settings-content{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffb7004d #0003;flex-direction:column;gap:16px;width:100%;max-width:480px;max-height:85vh;margin:auto;display:flex;overflow-y:auto;background:var(--color-bg-dark)!important;border-radius:var(--radius-lg)!important;border:1px solid #00c3ff40!important;padding:24px 32px!important;box-shadow:0 16px 48px #000000f2,0 0 30px #00c3ff1a!important}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#0003}.settings-content::-webkit-scrollbar-thumb{background:#ffb7004d;border-radius:3px}.settings-content h2{text-transform:uppercase;letter-spacing:4px;text-align:center;text-shadow:0 0 8px #ffb7004d;margin:0 0 10px;font-size:1.75rem;font-family:var(--font-display)!important;color:var(--color-gold)!important;font-weight:700!important}.settings-group{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.settings-group label{letter-spacing:1.5px;color:var(--color-white);text-transform:uppercase;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:600;display:flex;font-family:var(--font-ui)!important}.settings-group label span{font-family:var(--font-mono);color:var(--color-gold);font-size:.95rem}.settings-tip{font-family:var(--font-sans);color:var(--color-text-dim);opacity:.8;margin-bottom:6px;font-size:.75rem;line-height:1.35}.settings-group.settings-row{flex-direction:column}.settings-group.settings-row label{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;display:flex}.settings-group.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-gold);cursor:pointer}.settings-group select{color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:8px 12px;font-size:1rem;font-weight:500;font-family:var(--font-ui)!important;background:#0e0e1af2!important;border:1.5px solid #ffffff1f!important}.settings-group select:focus{border-color:var(--color-gold)!important}.settings-group select option{background:var(--color-bg-darkest);color:var(--color-white)}.settings-group input[type=range]{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#ffffff1a;outline:none;width:100%;height:6px;margin:8px 0}.settings-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-gold);width:16px;height:16px;box-shadow:0 0 10px var(--color-gold-dark);transition:transform var(--transition-fast), background-color var(--transition-fast);border-radius:50%}.settings-group input[type=range]::-webkit-slider-thumb:hover{background:var(--color-gold-light);transform:scale(1.2)}.settings-group input[type=range]::-moz-range-thumb{background:var(--color-gold);width:16px;height:16px;box-shadow:0 0 10px var(--color-gold-dark);transition:transform var(--transition-fast), background-color var(--transition-fast);cursor:pointer;border:none;border-radius:50%}.settings-group input[type=range]::-moz-range-thumb:hover{background:var(--color-gold-light);transform:scale(1.2)}.settings-divider{background:#ffffff14;height:1px;margin:8px 0}#settings-close{text-align:center;color:#000;background:var(--color-gold);width:100%;font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-self:center;margin-top:12px;padding:10px 32px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 12px #ffb70033}#settings-close:hover{background:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 6px 18px #ffb70066}#loading-overlay{background:var(--bg-dark-screen);z-index:210;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:absolute;top:0;left:0}#loading-overlay.active{display:flex}.loading-content{flex-direction:column;align-items:center;gap:24px;display:flex}.loading-title{font-family:var(--font-display);color:var(--color-gold);letter-spacing:16px;text-transform:uppercase;text-shadow:var(--text-glow-gold);font-size:3.5rem;font-weight:900;animation:1.8s ease-in-out infinite loading-pulse-anim}@keyframes loading-pulse-anim{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}.loading-bar-track{border-radius:var(--radius-full);background:#ffffff0a;border:1px solid #ffffff03;width:250px;height:4px;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.loading-bar-fill{background:linear-gradient(90deg, transparent 0%, var(--color-gold) 50%, transparent 100%);border-radius:var(--radius-full);width:40%;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) infinite loading-bar-glide}@keyframes loading-bar-glide{0%{width:20%;transform:translate(-100%)}50%{width:45%}to{width:20%;transform:translate(350%)}}.loading-content:after{content:"LAUNCHING NEURAL VIRTUALIZATION ENGINE v0.1...";font-family:var(--font-mono);letter-spacing:2px;color:var(--color-text-muted);font-size:.6875rem;animation:2s steps(4,end) infinite loading-text-glitch}@keyframes loading-text-glitch{0%,to{content:"LAUNCHING SYSTEM MATRIX v0.1..."}25%{content:"COMPILATION: ACTIVE SECURE THREADS..."}50%{content:"INTEGRATING GRAPHICS SUBSYSTEM..."}75%{content:"SYNCHRONIZING AUDIO FEEDBACK..."}}@media (width<=768px){.codex-title{font-size:1.75rem}.codex-tabs{gap:4px;padding:4px 10px}.codex-tab{padding:6px 10px;font-size:.75rem}.codex-subtab{padding:5px 10px;font-size:.75rem}.codex-close{width:38px;height:38px;font-size:1.25rem}.codex-card{padding:12px 16px}.codex-card-name{font-size:.9375rem}.codex-content{padding:8px 10px 30px}#levelup-choices{flex-direction:column;gap:10px}.levelup-card{width:210px;padding:18px 14px}.levelup-title{font-size:2rem}#gameover-overlay .gameover-title,.win-title{font-size:2.25rem}.pause-title{font-size:2.5rem}}#main-menu{background:var(--bg-dark-screen);width:100%;height:100%;z-index:var(--z-menu);color:#fff;flex-direction:column;justify-content:center;align-items:center;animation:16s ease-in-out infinite menu-bg-shift-anim;display:flex;position:absolute;top:0;left:0;overflow:hidden}@keyframes menu-bg-shift-anim{0%,to{background:radial-gradient(circle at 30% 25%, #c724ff14 0%, transparent 60%), radial-gradient(circle at 75% 75%, #00c3ff14 0%, transparent 60%), var(--bg-dark-screen)}50%{background:radial-gradient(circle at 70% 30%, #00c3ff14 0%, transparent 60%), radial-gradient(circle at 25% 70%, #c724ff0d 0%, transparent 60%), var(--bg-dark-screen)}}#main-menu:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}#main-menu:after{content:"";pointer-events:none;z-index:2;opacity:.55;background:repeating-linear-gradient(0deg,#0000 0 1.5px,#0000001f 2px 3.5px);width:100%;height:100%;position:absolute;top:0;left:0}.menu-title{font-family:var(--font-display);color:var(--color-gold);letter-spacing:20px;text-shadow:var(--text-glow-gold);z-index:10;margin-bottom:6px;font-size:4.5rem;font-weight:900;animation:3s ease-in-out infinite menu-title-vibration;position:relative}@keyframes menu-title-vibration{0%,to{text-shadow:0 0 15px #ffb70066,0 0 35px #ffb70099,0 0 70px #ffb70033;transform:translateY(0)}50%{text-shadow:0 0 25px #ffb700a6,0 0 55px #ffb700d9,0 0 100px #ffb70066;transform:translateY(-2px)}}.menu-subtitle{font-family:var(--font-ui);color:var(--color-text-dim);letter-spacing:12px;z-index:10;text-transform:uppercase;opacity:.85;margin-bottom:54px;font-size:1rem;font-weight:600;position:relative}.menu-cards{z-index:10;flex-wrap:wrap;justify-content:center;gap:36px;display:flex;position:relative}.menu-card{border-radius:var(--radius-xl);text-align:center;cursor:pointer;width:280px;transition:all var(--transition-slow);color:#fff;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#0a0a1abf;border:1px solid #ffffff14;padding:42px 32px;position:relative;overflow:hidden;box-shadow:0 8px 32px #000000b3,inset 0 1px 1px #ffffff0d}.menu-card:before{content:"";height:2px;transition:all var(--transition-normal);background:#ffffff14;position:absolute;top:0;left:0;right:0}.menu-card:hover{background:#0e0e22d1;transform:translateY(-16px)scale(1.02)}.menu-card.solo{border-color:#00c3ff26}.menu-card.solo:before{background:var(--color-blue)}.menu-card.solo:hover{border-color:var(--color-blue);box-shadow:var(--shadow-card-hover-cyan)}.menu-card.coop{border-color:#c724ff26}.menu-card.coop:before{background:var(--color-purple)}.menu-card.coop:hover{border-color:var(--color-purple);box-shadow:var(--shadow-card-hover-purple)}.menu-card-icon{transition:transform var(--transition-normal);filter:drop-shadow(0 0 12px #ffffff1a);margin-bottom:20px;font-size:3.5rem}.menu-card:hover .menu-card-icon{transform:scale(1.15)translateY(-4px)}.menu-card-title{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:6px;transition:text-shadow var(--transition-fast);margin-bottom:12px;font-size:1.5rem;font-weight:700}.menu-card.solo:hover .menu-card-title{text-shadow:var(--text-glow-cyan)}.menu-card.coop:hover .menu-card-title{text-shadow:var(--text-glow-purple)}.menu-card-desc{font-family:var(--font-sans);color:var(--color-text-dim);margin-bottom:6px;font-size:.8125rem;line-height:1.7}.menu-card-hint{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;transition:color var(--transition-fast);margin-top:18px;font-size:.6875rem}.menu-card:hover .menu-card-hint{color:var(--color-gold)}.menu-footer{color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:4px;z-index:10;text-transform:uppercase;font-size:.75rem;position:absolute;bottom:30px}#customize-screen{background:var(--bg-dark-screen);width:100%;height:100%;z-index:var(--z-screen);color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;left:0}#customize-screen:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}#customize-screen h1{font-family:var(--font-display);letter-spacing:10px;text-transform:uppercase;text-shadow:var(--text-glow-cyan);z-index:10;margin-bottom:4px;font-size:2.25rem;font-weight:900;position:relative}#customize-screen .subtitle{font-family:var(--font-ui);color:var(--color-text-dim);letter-spacing:5px;text-transform:uppercase;z-index:10;margin-bottom:32px;font-size:.875rem;font-weight:600;position:relative}#customize-preview{border-radius:var(--radius-xl);z-index:10;background:#03030acc;border:1px solid #00c3ff40;width:200px;height:240px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 12px 32px #000c,0 0 30px #00c3ff14,inset 0 0 16px #00c3ff1f}#customize-preview canvas{width:100%;height:100%}#customize-preview:after{content:"HOLO_SYNC ACTIVE";font-family:var(--font-mono);letter-spacing:1px;color:var(--color-blue);opacity:.65;text-transform:uppercase;font-size:.5625rem;animation:2.5s ease-out infinite hologram-flicker;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes hologram-flicker{0%,to{opacity:.5}45%{opacity:.6}50%{opacity:.2}54%{opacity:.7}90%{opacity:.55}}.option-row{z-index:10;align-items:center;gap:20px;width:580px;max-width:100vw;margin-bottom:18px;display:flex;position:relative}.option-row label{text-align:right;width:100px;font-family:var(--font-ui);color:var(--color-text-dim);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;font-size:.875rem;font-weight:700}.swatches{gap:12px;display:flex}.swatch{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:2.5px solid #ffffff14}.swatch:hover{border-color:#fff6;transform:scale(1.18)}.swatch.selected{border-color:#fff;box-shadow:0 0 12px #fff9,0 0 24px #fff3}.hat-options{gap:12px;display:flex}.hat-opt{font-family:var(--font-ui);text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);letter-spacing:1px;background:#ffffff05;border:1px solid #ffffff14;padding:8px 18px;font-size:.75rem;font-weight:700}.hat-opt:hover{color:var(--color-text-dim);background:#ffffff0d;border-color:#fff3}.hat-opt.selected{border-color:var(--color-blue);color:#fff;background:#00c3ff1a;box-shadow:0 0 12px #00c3ff40}.weapon-opts .hat-opt{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:140px;padding:10px 18px;display:flex}.weapon-opt-name{font-family:var(--font-ui);text-transform:uppercase;font-size:.875rem;font-weight:700}.weapon-opt-name .icon-wrap{vertical-align:text-bottom;width:1.125rem;height:1.125rem}.weapon-opt-desc{font-family:var(--font-sans);color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.hat-opt.selected .weapon-opt-desc{color:var(--color-text-dim)}#lobby-cust-preview{border-radius:var(--radius-md);background:#04040acc;border:1px solid #c722ff2e;flex-shrink:0;width:140px;height:180px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0009,inset 0 0 12px #c722ff14}#lobby-cust-preview canvas{width:100%;height:100%}.lobby-option-row{align-items:center;gap:12px;margin-bottom:10px;padding:8px 0;display:flex}.lobby-option-row label{text-align:right;width:65px;font-family:var(--font-ui);color:var(--color-text-muted);text-transform:uppercase;flex-shrink:0;font-size:.8125rem;font-weight:700}.lobby-option-row .swatches{gap:6px;display:flex}.lobby-option-row .swatch{cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);border:1.5px solid #0000}.lobby-option-row .swatch:hover{transform:scale(1.15)}.lobby-option-row .swatch.selected{border-color:#fff;box-shadow:0 0 8px #ffffff80}.lobby-option-row .hat-options{flex-wrap:wrap;gap:6px;display:flex}.lobby-option-row .hat-opt{border-radius:var(--radius-xs);cursor:pointer;color:var(--color-text-dim);transition:all var(--transition-fast);background:#ffffff05;border:1px solid #ffffff14;padding:4px 10px;font-size:.6875rem}.lobby-option-row .hat-opt:hover{background:#ffffff0f;border-color:#ffffff28}.lobby-option-row .hat-opt.selected{border-color:var(--color-purple-light);color:#fff;background:#c724ff26;box-shadow:0 0 8px #c724ff33}.lobby-option-row .weapon-opt-name{font-family:var(--font-ui);text-transform:uppercase;font-size:.8125rem;font-weight:700}.lobby-option-row .weapon-opt-desc{font-family:var(--font-sans);color:var(--color-text-muted);font-size:.75rem;line-height:1.35}@media (width<=768px){.menu-title{letter-spacing:12px;font-size:2.75rem}.menu-subtitle{letter-spacing:8px;margin-bottom:36px;font-size:.8125rem}.menu-cards{gap:18px}.menu-card{width:220px;padding:28px 20px}.menu-card-icon{margin-bottom:12px;font-size:2.5rem}.menu-card-title{letter-spacing:4px;font-size:1.125rem}#customize-screen h1{letter-spacing:6px;font-size:1.75rem}#customize-screen .subtitle{letter-spacing:3px;margin-bottom:20px;font-size:.75rem}.option-row{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.option-row label{text-align:left;width:auto;font-size:.8125rem}.hat-options{flex-wrap:wrap;gap:6px}.hat-opt{padding:6px 12px;font-size:.6875rem}.weapon-opts .hat-opt{min-width:100px;padding:8px}#customize-preview{width:160px;height:190px;margin-bottom:16px}}#mobile-controls{pointer-events:none;width:100%;height:100%;z-index:var(--z-mobile);display:none;position:absolute;bottom:0;left:0}#mobile-controls.active{display:block}#mobile-joystick-area{pointer-events:auto;width:140px;height:140px;position:absolute;bottom:30px;left:30px}#mobile-joystick-base{background:#ffffff14;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}#mobile-joystick-thumb{will-change:transform;background:#ffffff40;border:1px solid #fff6;border-radius:50%;width:56px;height:56px;transition:none;position:absolute}.mobile-btn{color:#fff;letter-spacing:1px;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#000000b3;border:1px solid #ffffff4d;border-radius:50%;width:60px;height:60px;font-size:.6875rem;font-weight:700}.mobile-btn:active{background:#fff3}.mobile-btn-top{color:#fff;letter-spacing:1px;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#000000b3;border:1px solid #ffffff40;border-radius:6px;padding:8px 16px;font-size:.75rem;font-weight:700;position:absolute;top:30px}.mobile-btn-top:active{background:#ffffff26}#debug-overlay{color:#fff;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:190px;max-width:280px;max-height:420px;z-index:var(--z-debug);pointer-events:none;font-size:.75rem;font-family:var(--font-mono);background:#03030ae6;border:1px solid #00c3ff40;padding:12px 16px;line-height:1.6;display:none;position:absolute;bottom:40px;left:16px;overflow-y:auto;box-shadow:0 8px 24px #000c,inset 0 0 10px #00c3ff14}#debug-overlay.active{display:block}.debug-title{color:var(--color-blue);letter-spacing:2.5px;text-transform:uppercase;border-bottom:1px solid #00c3ff26;margin-bottom:8px;padding-bottom:6px;font-size:.6875rem;font-weight:700}.debug-source{justify-content:space-between;gap:14px;display:flex}.debug-source .ds-name{color:var(--color-text-dim)}.debug-source .ds-dmg{color:var(--color-orange);font-weight:700}.debug-source .ds-pct{color:var(--color-text-muted);font-size:.6875rem}.debug-total{color:var(--color-blue);text-transform:uppercase;border-top:1px solid #ffffff0f;margin-top:6px;padding-top:6px;font-weight:700}.debug-dps{color:var(--color-gold);text-transform:uppercase;margin-top:3px;font-size:.6875rem}#debug-console{height:40%;max-height:320px;color:var(--color-blue);border-top:2px solid var(--color-blue-dark);z-index:var(--z-debug);font-family:var(--font-mono);background:#04040af2;flex-direction:column;font-size:.8125rem;display:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 32px #000000d1}#debug-console.active{pointer-events:auto;display:flex}.dbg-console-output{white-space:pre-wrap;word-break:break-all;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#00c3ff26 transparent;flex:1;min-height:0;padding:12px 16px;line-height:1.5;overflow-y:auto}.dbg-console-output::-webkit-scrollbar{width:4px}.dbg-console-output::-webkit-scrollbar-thumb{background:#00c3ff33;border-radius:2px}.dbg-console-output .dbg-cmd{color:var(--color-gold)}.dbg-console-output .dbg-out{color:var(--color-text-dim)}.dbg-console-output .dbg-err{color:var(--color-red)}.dbg-console-input{color:var(--color-blue);font-family:var(--font-mono);pointer-events:auto;background:#010104f5;border:none;border-top:1px solid #00c3ff1f;outline:none;flex-shrink:0;padding:10px 16px;font-size:.875rem}.dbg-console-input::placeholder{color:#00c3ff33}#lobby-overlay{background:var(--bg-dark-screen);width:100%;height:100%;z-index:var(--z-screen);color:#fff;font-family:var(--font-sans);flex-direction:column;align-items:center;padding:40px 20px;animation:16s ease-in-out infinite menu-bg-shift-anim;display:flex;position:absolute;top:0;left:0;overflow-y:auto}#lobby-overlay h1{font-family:var(--font-display);letter-spacing:10px;color:var(--color-gold);text-transform:uppercase;text-shadow:var(--text-glow-gold);margin-bottom:4px;font-size:2.5rem;font-weight:900}#lobby-overlay .lobby-subtitle{font-family:var(--font-ui);text-transform:uppercase;color:var(--color-text-dim);letter-spacing:4px;margin-bottom:32px;font-size:.875rem;font-weight:600}.lobby-main{z-index:10;flex:1;align-items:flex-start;gap:24px;width:100%;max-width:960px;min-height:0;display:flex}.lobby-left{border-radius:var(--radius-lg);box-shadow:var(--shadow-hud);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#0a0a18bf;border:1px solid #00c3ff26;flex-direction:column;flex:0 0 360px;gap:12px;padding:22px;display:flex;position:relative}.lobby-left:before{content:"";border-top:1.5px solid var(--color-blue);border-left:1.5px solid var(--color-blue);width:6px;height:6px;position:absolute;top:-1px;left:-1px}.lobby-right{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}#lobby-overlay .lobby-name-section{text-align:center;margin-bottom:8px}#lobby-overlay .lobby-name-label{font-family:var(--font-ui);color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:700}#lobby-name-input{text-align:center;width:100%;font-size:.9375rem;font-family:var(--font-mono);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);text-transform:uppercase;background:#04040ae6;border:1px solid #ffffff1a;outline:none;padding:12px 16px}#lobby-name-input:focus{border-color:var(--color-blue);box-shadow:0 0 12px #00c3ff40}#lobby-room-section{flex-direction:column;gap:10px;display:flex}#lobby-room-section #lobby-btn-create{width:100%}.lobby-join-row{align-items:center;gap:10px;display:flex}.lobby-join-row #lobby-room-code{flex:1}#lobby-room-code{text-align:center;width:90px;font-size:1.25rem;font-family:var(--font-mono);color:var(--color-gold);border-radius:var(--radius-md);letter-spacing:4px;text-transform:uppercase;transition:all var(--transition-fast);background:#04040ae6;border:1px dashed #ffb7004d;outline:none;padding:12px 10px;font-weight:700}#lobby-room-code:focus{border-color:var(--color-gold);border-style:solid;box-shadow:0 0 12px #ffb70040}#lobby-room-code-display{text-align:center;border-radius:var(--radius-md);background:#ffb7000a;border:1px solid #ffb70026;padding:14px;display:none}#lobby-room-code-display .lobby-code-label{font-family:var(--font-ui);color:var(--color-text-muted);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:700}#lobby-room-code-value{font-family:var(--font-display);color:var(--color-gold);letter-spacing:6px;text-shadow:var(--text-glow-gold);text-transform:uppercase;font-size:2.25rem;font-weight:900}.lobby-code-row{justify-content:center;align-items:center;gap:10px;display:flex}#lobby-room-code-display .lobby-code-hint{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;margin-top:6px;font-size:.6875rem}#lobby-btn-copy-code{border-radius:var(--radius-sm);color:var(--color-text-dim);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}#lobby-btn-copy-code:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.lobby-leave-link{border-radius:var(--radius-sm);color:var(--color-red-light);font-family:var(--font-ui);cursor:pointer;letter-spacing:1.5px;text-transform:uppercase;transition:all var(--transition-fast);background:#ff2a5114;border:1px solid #ff2a512e;margin:10px auto 0;padding:6px 18px;font-size:.75rem;font-weight:700;display:block}.lobby-leave-link:hover{background:#ff2a512e;border-color:#ff2a5159;box-shadow:0 0 12px #ff2a5126}#lobby-player-list{flex-direction:column;gap:6px;display:flex}.lobby-player-row{border-radius:var(--radius-md);transition:border-color var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 16px;display:flex}.lobby-player-row.ready{background:#00f07403;border-color:#00f07440}.lobby-player-status{font-family:var(--font-mono);width:24px;font-size:1rem}.lobby-player-status.ready{color:var(--color-green)}.lobby-player-status.not-ready{color:var(--color-text-muted)}.lobby-player-name{color:#fff;font-family:var(--font-ui);text-transform:uppercase;flex:1;font-size:.9375rem;font-weight:700}.lobby-player-host{font-family:var(--font-mono);color:var(--color-gold);text-align:right;text-transform:uppercase;width:48px;font-size:.6875rem;font-weight:700}.lobby-btn{letter-spacing:2px;padding:12px 28px;font-size:.9375rem}.lobby-btn:disabled{opacity:.25;cursor:default}#lobby-btn-ready{background:var(--btn-ready-bg)}#lobby-btn-ready.is-ready{background:var(--btn-unready-bg)}#lobby-btn-start{background:var(--btn-lobby-start-bg)}#lobby-cust-panel{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0f;align-items:flex-start;gap:16px;padding:16px;display:flex}#lobby-cust-panel .lobby-cust-opts{flex-direction:column;flex:1;display:flex}#lobby-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}#lobby-status{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;text-align:center;letter-spacing:1px;min-height:18px;font-size:.75rem}#lobby-connection-status{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;text-align:center;font-size:.6875rem}#lobby-connection-status.connected{color:var(--color-green)}#lobby-chat-section{width:100%;margin-top:12px}#lobby-chat-messages{border-radius:var(--radius-md);height:120px;font-family:var(--font-mono);color:var(--color-text-dim);background:#04040ab3;border:1px solid #ffffff0d;margin-bottom:8px;padding:12px;font-size:.75rem;overflow-y:auto}.lobby-chat-row{gap:8px;display:flex}#lobby-chat-input{font-size:.8125rem;font-family:var(--font-sans);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);background:#04040ae6;border:1px solid #ffffff1f;outline:none;flex:1;padding:10px 14px}#lobby-chat-input:focus{border-color:var(--color-purple);box-shadow:0 0 10px #c724ff33}.lobby-chat-msg{word-break:break-all;margin-bottom:5px;line-height:1.5}.lobby-chat-author{color:var(--color-gold);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;font-weight:700}#lobby-btn-back{align-self:center;margin-top:20px}@media (width<=800px){.lobby-main{flex-direction:column;gap:16px}.lobby-left{flex:none;width:100%}.lobby-right{width:100%}}