@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Inter:wght@400;500;600;700&display=swap');:root{--bg:#080810;--bg-deep:#04040a;--surface:#0f0f1a;--surface-2:#161624;--surface-hover:#1c1c2e;--surface-active:#22223a;--fg:#eef0f8;--fg-2:#c8ccdf;--muted:#6b7194;--faint:#3a3d5c;--border:#1e2035;--border-2:#2c2f4d;--border-focus:#4a4d7a;--accent:#c084fc;--accent-glow:rgba(192,132,252,0.22);--accent-dim:rgba(192,132,252,0.08);--gold:#fbbf24;--gold-glow:rgba(251,191,36,0.2);--red:#f87171;--red-glow:rgba(248,113,113,0.18);--green:#34d399;--green-glow:rgba(52,211,153,0.18);--blue:#60a5fa;--blue-glow:rgba(96,165,250,0.18);--discord:#5865F2;--discord-glow:rgba(88,101,242,0.22);--font-pixel:'Press Start 2P','Courier New',monospace;--font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'Courier New',Courier,monospace;--shadow-sm:0 2px 8px rgba(0,0,0,0.5);--shadow-md:0 4px 20px rgba(0,0,0,0.6);--shadow-lg:0 8px 40px rgba(0,0,0,0.75);--shadow-xl:0 16px 60px rgba(0,0,0,0.9);--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--pixel-shadow:3px 3px 0 rgba(0,0,0,0.8)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-tap-highlight-color:transparent}body{background:var(--bg-deep);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(192,132,252,0.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(96,165,250,0.03) 0%,transparent 50%);color:var(--fg);font-family:var(--font-ui);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;overscroll-behavior:none;position:fixed;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#game-container{position:relative;width:1100px;height:650px;background:var(--bg-deep);border:1px solid var(--border-2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,0.03) inset,0 24px 80px rgba(0,0,0,0.9),0 0 120px rgba(192,132,252,0.04)}canvas{display:block;width:100%;height:100%;position:relative;z-index:3;touch-action:none}.ui-layer{position:absolute;inset:0;background:rgba(5,5,12,0.82);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;padding:36px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity 0.25s ease,visibility 0.25s ease}.hidden{display:none !important}.parallax-bg{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.parallax-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 100% 50% at 50% 100%,rgba(20,10,40,0.8) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 20% 30%,rgba(192,132,252,0.05) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 80% 60%,rgba(96,165,250,0.04) 0%,transparent 40%);z-index:0}.parallax-layer{position:absolute;inset:0;width:200%;height:100%;background-repeat:repeat-x;background-size:auto 100%;image-rendering:pixelated}.layer-1{background-image:radial-gradient(1.5px 1.5px at 10px 20px,#fff,transparent),radial-gradient(1.5px 1.5px at 120px 80px,#c084fc,transparent),radial-gradient(2px 2px at 250px 140px,#fff,transparent),radial-gradient(1.5px 1.5px at 350px 50px,#60a5fa,transparent),radial-gradient(2px 2px at 500px 220px,#fff,transparent),radial-gradient(1.5px 1.5px at 680px 120px,#c084fc,transparent),radial-gradient(2px 2px at 820px 180px,#fff,transparent);background-size:900px 300px;z-index:1;opacity:0.45;animation:scrollBg 140s linear infinite}.layer-2{background-image:radial-gradient(1px 1px at 40px 100px,#fff,transparent),radial-gradient(1px 1px at 200px 40px,#fff,transparent),radial-gradient(1.5px 1.5px at 410px 180px,#c084fc,transparent),radial-gradient(1px 1px at 580px 70px,#fff,transparent),radial-gradient(1.5px 1.5px at 730px 210px,#60a5fa,transparent);background-size:800px 250px;z-index:2;opacity:0.35;animation:scrollBg 90s linear infinite}.layer-3{background-image:radial-gradient(1px 1px at 90px 160px,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 320px 230px,rgba(192,132,252,0.6),transparent),radial-gradient(1px 1px at 620px 90px,rgba(255,255,255,0.7),transparent);background-size:700px 280px;z-index:3;opacity:0.25;animation:scrollBg 50s linear infinite}.layer-4{display:none}@keyframes scrollBg{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}.logo{font-family:var(--font-pixel);font-size:42px;font-weight:400;letter-spacing:6px;color:var(--fg);text-transform:uppercase;margin-bottom:6px;line-height:1.2;text-shadow:0 0 30px rgba(192,132,252,0.6),0 0 60px rgba(192,132,252,0.2),3px 3px 0 rgba(0,0,0,0.9);image-rendering:pixelated;position:relative}.logo{animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{0%,100%{text-shadow:0 0 30px rgba(192,132,252,0.6),0 0 60px rgba(192,132,252,0.2),3px 3px 0 rgba(0,0,0,0.9)}50%{text-shadow:0 0 40px rgba(192,132,252,0.8),0 0 80px rgba(192,132,252,0.3),3px 3px 0 rgba(0,0,0,0.9)}}.logo-subtitle{font-family:var(--font-pixel);color:var(--accent);font-size:7px;letter-spacing:3px;margin-bottom:36px;opacity:0.85;text-shadow:0 0 12px var(--accent-glow)}.menu-buttons{display:flex;flex-direction:column;gap:8px;width:300px}.btn{position:relative;background:var(--surface-2);color:var(--fg-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:0 20px;font-family:var(--font-pixel);font-size:9px;font-weight:400;letter-spacing:1px;text-align:center;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;height:44px;width:100%;transition:all 0.15s ease;text-transform:uppercase;overflow:hidden;white-space:nowrap}.btn::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--border-focus);border-radius:0 2px 2px 0;transition:all 0.15s ease}.btn:hover{background:var(--surface-hover);border-color:var(--border-focus);color:var(--fg);transform:translateX(2px);box-shadow:var(--shadow-sm),inset 0 0 20px rgba(255,255,255,0.02)}.btn:hover::before{top:10%;bottom:10%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.btn:active{transform:translateX(2px) scale(0.98);background:var(--surface-active)}.btn-primary{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#c084fc 100%);background-size:200% 100%;border:1px solid rgba(192,132,252,0.5);color:#fff;box-shadow:0 0 20px rgba(192,132,252,0.25),inset 0 1px 0 rgba(255,255,255,0.15);animation:btnPrimaryShift 6s ease infinite}@keyframes btnPrimaryShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.btn-primary::before{background:rgba(255,255,255,0.5)}.btn-primary:hover{transform:translateX(2px);box-shadow:0 0 30px rgba(192,132,252,0.4),inset 0 1px 0 rgba(255,255,255,0.2);border-color:rgba(192,132,252,0.8);color:#fff}.btn-danger{border-color:rgba(248,113,113,0.35);color:var(--red);background:rgba(248,113,113,0.04)}.btn-danger::before{background:var(--red)}.btn-danger:hover{background:rgba(248,113,113,0.1);border-color:rgba(248,113,113,0.5);color:var(--red);box-shadow:0 0 16px var(--red-glow)}.stats-info{font-family:var(--font-pixel);font-size:7px;color:var(--muted);margin-top:28px;border-top:1px solid var(--border);padding-top:14px;width:300px;display:flex;justify-content:space-between;letter-spacing:1px}.stats-info strong{color:var(--gold);text-shadow:0 0 8px var(--gold-glow)}.panel{width:100%;height:100%;display:flex;flex-direction:column;animation:panelIn 0.2s ease-out}@keyframes panelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:18px;flex-wrap:wrap;gap:8px}.panel-title{font-family:var(--font-pixel);font-size:13px;font-weight:400;letter-spacing:1px;color:var(--fg);text-shadow:var(--pixel-shadow)}.btn-close{background:transparent;border:1px solid var(--border-2);color:var(--muted);padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-pixel);font-size:7px;letter-spacing:1px;transition:all 0.15s}.btn-close:hover{background:var(--surface-2);color:var(--fg);border-color:var(--border-focus)}#weapon-kit-ui .kit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;max-height:420px;overflow-y:auto;padding-right:4px}#weapon-kit-ui .kit-grid::-webkit-scrollbar{width:3px}#weapon-kit-ui .kit-grid::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}#weapon-kit-ui .lobby-kit-card{flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);box-shadow:none;position:relative;transition:all 0.15s ease;cursor:pointer}#weapon-kit-ui .lobby-kit-card:hover{border-color:var(--border-focus);background:var(--surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}#weapon-kit-ui .lobby-kit-card.selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 16px var(--accent-glow)}.kit-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.kit-card-top .lobby-kit-icon{width:36px;height:36px;border:1px solid;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kit-icon-main{font-size:11px;font-weight:700;font-family:var(--font-pixel)}.kit-card-top .lobby-kit-name{font-family:var(--font-pixel);font-size:8px;font-weight:400;letter-spacing:0.5px;line-height:1.3}.kit-card-top .lobby-kit-desc{font-size:7px;color:var(--muted);margin-top:2px;line-height:1.3}.kit-card-weapons{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:8px}.kit-weapon-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;background:rgba(255,255,255,0.03);border:1px solid var(--border-2);border-radius:3px;font-family:var(--font-ui);font-size:7px;font-weight:600;letter-spacing:0.3px;color:var(--muted)}.kit-weapon-icon{font-size:8px}.kit-card-stats{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,0.04);padding-top:6px}.kit-stat-row{display:flex;align-items:center;gap:5px}.kit-stat-label{font-family:var(--font-ui);font-size:7px;font-weight:700;letter-spacing:0.5px;width:22px;flex-shrink:0;text-align:right;color:var(--muted);text-transform:uppercase}.kit-stat-pips{display:flex;gap:2px;flex:1}.kit-stat-pip{height:4px;flex:1;border-radius:1px;background:var(--border)}.kit-stat-pip.filled{background:var(--accent);box-shadow:0 0 4px var(--accent-glow)}@media (max-width:768px){#character-ui .char-content{padding:8px 4px}#character-ui .char-section{margin-bottom:16px}#character-ui .char-section:last-child{margin-bottom:0}#character-ui .char-section-title{font-size:12px;font-weight:bold;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid var(--border-2)}#character-ui .gender-select{display:flex;gap:8px}#character-ui .gender-select .gender-btn{flex:1;padding:12px;text-align:center;background:var(--surface);border:1px solid var(--border-2);border-radius:10px;cursor:pointer;transition:all 0.2s ease;font-size:13px;font-weight:bold;color:var(--muted)}#character-ui .gender-select .gender-btn:hover{border-color:var(--accent);background:rgba(34,211,238,0.08)}#character-ui .gender-select .gender-btn.active{border-color:var(--accent);background:rgba(34,211,238,0.12);color:#fff;box-shadow:0 0 10px rgba(34,211,238,0.2)}#character-ui .gender-select .gender-btn .gender-icon{font-size:20px;display:block;margin-bottom:4px}#character-ui .spirit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px;max-height:50vh;overflow-y:auto}#spirit-select-ui .spirit-grid::-webkit-scrollbar{width:3px}#spirit-select-ui .spirit-grid::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}#spirit-select-ui .spirit-card{position:relative;background:var(--surface);border:1px solid var(--border-2);border-radius:10px;padding:12px;cursor:pointer;transition:all 0.2s ease;text-align:center}#spirit-select-ui .spirit-card:hover{border-color:var(--accent);background:rgba(34,211,238,0.08);transform:translateY(-2px)}#spirit-select-ui .spirit-card.selected{border-color:var(--accent);background:rgba(34,211,238,0.12);box-shadow:0 0 12px rgba(34,211,238,0.3)}#spirit-select-ui .spirit-card .spirit-name{font-size:14px;font-weight:bold;color:#fff;margin-bottom:4px}#spirit-select-ui .spirit-card .spirit-ability{font-size:10px;color:var(--accent);margin-bottom:6px}#spirit-select-ui .spirit-card .spirit-desc{font-size:9px;color:var(--muted);line-height:1.3}#spirit-select-ui .spirit-card.selected::after{content:'✓ SECILI';position:absolute;top:6px;right:6px;background:var(--accent);color:#000;font-size:8px;font-weight:bold;padding:2px 6px;border-radius:4px}@media (max-width:700px){#spirit-select-ui .spirit-grid{grid-template-columns:repeat(2,1fr);gap:6px}}#weapon-kit-ui .kit-grid{grid-template-columns:1fr;gap:6px}}#lobby-kit-grid{display:flex;gap:6px}.lobby-kit-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:visible;transition:all 0.15s ease;flex:1;min-width:0}.lobby-kit-card:hover{border-color:var(--border-focus);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.lobby-kit-card:active{transform:translateY(0)}.lobby-kit-card.selected{border-color:var(--gold);background:rgba(251,191,36,0.05);box-shadow:0 0 16px var(--gold-glow)}.lobby-kit-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid;flex-shrink:0;font-size:14px;font-weight:800;font-family:var(--font-pixel);transition:all 0.15s}.lobby-kit-card:hover .lobby-kit-icon{transform:scale(1.06)}.lobby-kit-card.selected .lobby-kit-icon{box-shadow:0 0 10px currentColor}.lobby-kit-type{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);font-size:6px;font-weight:700;color:#fff;padding:1px 5px;border-radius:3px;letter-spacing:0.5px;white-space:nowrap;font-family:var(--font-ui)}.lobby-kit-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.lobby-kit-name{font-family:var(--font-pixel);font-size:8px;font-weight:400;letter-spacing:0.5px}.lobby-kit-weapons{font-family:var(--font-ui);font-size:8px;color:var(--muted)}.lobby-kit-desc{font-size:8px;color:var(--muted);opacity:0.6;margin-top:1px}.lobby-kit-check{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;flex-shrink:0;animation:kitCheckPop 0.3s cubic-bezier(0.34,1.56,0.64,1)}@keyframes kitCheckPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}100%{transform:scale(1);opacity:1}}.lobby-kit-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);background:#0b0b16;border:1px solid var(--border-2);border-radius:var(--radius-md);padding:12px 14px;min-width:200px;max-width:260px;pointer-events:none;opacity:0;visibility:hidden;transition:all 0.2s ease;z-index:100;box-shadow:var(--shadow-lg)}.lobby-kit-card:hover .lobby-kit-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.lobby-kit-tooltip-header{font-family:var(--font-pixel);font-size:8px;font-weight:400;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,0.06);letter-spacing:0.5px}.lobby-kit-tooltip-weapon{padding:5px 0;border-left:2px solid;padding-left:8px;margin-bottom:4px}.lobby-kit-tooltip-wep-name{font-family:var(--font-ui);font-size:10px;font-weight:700;margin-bottom:2px}.lobby-kit-tooltip-wep-stats{font-size:8px;color:var(--muted);line-height:1.4}@media (max-width:768px){.lobby-kit-tooltip{display:none !important}}#levelup-ui{pointer-events:none;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}#levelup-ui .power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.power-card{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all 0.15s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.power-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(192,132,252,0.04) 100%);opacity:0;transition:opacity 0.2s}.power-card:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 20px var(--accent-glow)}.power-card:hover::before{opacity:1}.power-icon{font-size:26px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(192,132,252,0.08);border-radius:var(--radius-md);border:1px solid rgba(192,132,252,0.2)}.power-name{font-family:var(--font-pixel);font-size:8px;font-weight:400;color:var(--fg);text-align:center;line-height:1.4}.power-stars{display:flex;gap:3px}.power-star{color:var(--gold);font-size:10px;text-shadow:0 0 6px var(--gold-glow)}.power-desc{font-size:10px;color:var(--muted);text-align:center;font-family:var(--font-ui);line-height:1.4}#xp-hud{position:absolute;top:52px;left:50%;transform:translateX(-50%);width:180px;z-index:15;pointer-events:none;display:none}#xp-hud.visible{display:block}#xp-bar-bg{width:100%;height:8px;background:var(--surface-2);overflow:hidden;border:1px solid var(--border-2);border-radius:2px}#xp-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed 0%,#c084fc 100%);transition:width 0.4s ease;box-shadow:0 0 8px rgba(192,132,252,0.5);border-radius:1px}#xp-bar-text{display:flex;justify-content:space-between;font-family:var(--font-pixel);font-size:7px;color:var(--muted);margin-top:3px;letter-spacing:0.5px}#xp-level-text{font-weight:400;color:var(--accent);text-shadow:0 0 6px var(--accent-glow)}.level-up-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-pixel);font-size:20px;font-weight:400;color:var(--gold);text-shadow:0 0 20px var(--gold-glow),2px 2px 0 rgba(0,0,0,0.9);z-index:20;pointer-events:none;letter-spacing:2px;background:rgba(5,5,12,0.9);border:1px solid var(--gold);padding:10px 24px;border-radius:var(--radius-sm);animation:levelUpAnim 1.5s ease forwards}@keyframes levelUpAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(0.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}40%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-55%) scale(1)}100%{opacity:0;transform:translate(-50%,-65%) scale(0.9)}}#airplane-container{position:absolute;inset:0;z-index:20;pointer-events:none;display:none}#airplane-container.active{display:block}#airplane-sprite{position:absolute;top:-60px;font-size:48px;filter:drop-shadow(0 0 10px rgba(255,255,255,0.25));animation:airplaneFly 4s ease-in forwards}@keyframes airplaneFly{0%{left:-100px;top:30px}60%{left:50%;top:80px}100%{left:120%;top:40px}}#parachute-player{position:absolute;font-size:36px;animation:parachuteDrop 3s ease-out forwards;pointer-events:none}@keyframes parachuteDrop{0%{opacity:0;transform:translateY(-100px) scale(0.3)}20%{opacity:1;transform:translateY(0) scale(1.1)}100%{opacity:1;transform:translateY(calc(100vh - 150px)) scale(1)}}.shop-content{flex:1;overflow-y:auto;padding-right:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shop-content::-webkit-scrollbar,.settings-content::-webkit-scrollbar{width:4px}.shop-content::-webkit-scrollbar-thumb,.settings-content::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.shop-balance{font-family:var(--font-pixel);font-size:9px;color:var(--gold);font-weight:400;display:flex;align-items:center;gap:6px;text-shadow:0 0 8px var(--gold-glow)}.char-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;align-items:center;position:relative;transition:all 0.15s ease;cursor:pointer}.char-card:hover{border-color:var(--border-focus);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.char-card.selected{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 16px var(--accent-glow)}.char-card.selected::before{content:'SEÇİLİ';position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;font-family:var(--font-pixel);font-size:6px;font-weight:400;padding:3px 6px;border-radius:3px;letter-spacing:0.5px}.char-img-container{width:90px;height:90px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.02);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;border:1px solid var(--border)}.char-img-container img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.char-name{font-family:var(--font-pixel);font-size:8px;font-weight:400;margin-bottom:4px;text-align:center;letter-spacing:0.5px}.btn-buy{width:100%;background:var(--surface-hover);color:var(--fg-2);border:1px solid var(--border-2);padding:8px;font-family:var(--font-pixel);font-size:7px;font-weight:400;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.15s;text-align:center;letter-spacing:0.5px}.char-card.selected .btn-buy{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.settings-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.settings-group{border:1px solid var(--border-2);border-radius:var(--radius-md);padding:14px;background:var(--surface)}.settings-group-title{font-family:var(--font-pixel);font-size:8px;font-weight:400;color:var(--accent);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px var(--accent-glow)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.03)}.settings-label{font-size:12px;color:var(--fg-2);font-family:var(--font-ui);font-weight:500}.settings-desc{font-size:11px;color:var(--muted);margin-top:2px;font-family:var(--font-ui)}.select-input{background:var(--bg);border:1px solid var(--border-2);color:var(--fg);padding:6px 12px;border-radius:var(--radius-sm);font-family:var(--font-pixel);font-size:7px;cursor:pointer;outline:none;transition:border-color 0.15s;letter-spacing:0.5px}.select-input:focus{border-color:var(--accent)}.select-input option{background:var(--surface);color:var(--fg)}.slider-input{-webkit-appearance:none;width:120px;height:3px;background:var(--border-2);border-radius:2px;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--accent-glow)}.key-table{width:100%;border-collapse:collapse;margin-top:4px}.key-table td{padding:6px 4px;font-size:12px;font-family:var(--font-ui);color:var(--fg-2)}.key-badge{background:var(--surface-2);border:1px solid var(--border-2);padding:2px 7px;border-radius:3px;font-family:var(--font-pixel);font-size:7px;color:var(--gold);letter-spacing:0.5px}.gameover-title{font-family:var(--font-pixel);font-size:28px;font-weight:400;margin-bottom:20px;letter-spacing:3px;animation:fadeIn 0.4s ease;line-height:1.4}.gameover-title.win{color:var(--gold);text-shadow:0 0 30px var(--gold-glow),2px 2px 0 rgba(0,0,0,0.9)}.gameover-title.lose{color:var(--red);text-shadow:0 0 20px var(--red-glow),2px 2px 0 rgba(0,0,0,0.9)}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.lobby-input{width:100%;background:var(--bg);border:1px solid var(--border-2);color:var(--fg);padding:10px 12px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:13px;outline:none;transition:border-color 0.15s;box-sizing:border-box}.lobby-input:focus{border-color:var(--accent)}.lobby-player-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);font-family:var(--font-ui);font-size:12px}.lobby-player-name-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.lobby-player-arrow{color:var(--gold);font-size:10px;flex-shrink:0}.lobby-player-avatar{width:20px;height:20px;border-radius:50%;vertical-align:middle;flex-shrink:0}.lobby-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-kit-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;border:1px solid;font-size:8px;font-weight:700;font-family:var(--font-ui);flex-shrink:0;line-height:1}.lobby-player-item .ready-badge{font-size:9px;padding:2px 8px;border-radius:3px;font-weight:700;font-family:var(--font-ui)}.lobby-player-item .ready-badge.ready{background:rgba(52,211,153,0.15);color:var(--green);border:1px solid rgba(52,211,153,0.25)}.lobby-player-item .ready-badge.not-ready{background:rgba(248,113,113,0.08);color:var(--red);border:1px solid rgba(248,113,113,0.2)}.lobby-player-item .host-badge{color:var(--gold)}.lobby-select{width:100%;background:var(--bg);border:1px solid var(--border-2);color:var(--fg);padding:6px 8px;border-radius:var(--radius-sm);font-family:var(--font-pixel);font-size:7px;cursor:pointer;outline:none;transition:border-color 0.15s;letter-spacing:0.5px}.lobby-select:hover{border-color:var(--border-focus)}.lobby-select:focus{border-color:var(--accent)}.lobby-select option{background:var(--bg);color:var(--fg)}#voice-channel-ui{position:absolute;top:16px;left:16px;z-index:12;background:rgba(8,8,16,0.9);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:12px;min-width:200px;max-width:280px;backdrop-filter:blur(8px)}#voice-channel-name{font-family:var(--font-pixel);font-size:7px;font-weight:400;color:var(--green);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:0.5px;text-shadow:0 0 8px var(--green-glow)}#voice-member-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.voice-member-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-family:var(--font-ui);font-size:11px;cursor:pointer;transition:all 0.15s}.voice-member-item:hover{border-color:var(--accent);background:var(--surface-hover)}.voice-member-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--surface-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-member-avatar img{width:100%;height:100%;object-fit:cover}.voice-member-status{margin-left:auto;font-size:9px;padding:2px 6px;border-radius:3px;font-weight:600;flex-shrink:0}.voice-member-status.in-room{background:rgba(52,211,153,0.12);color:var(--green);border:1px solid rgba(52,211,153,0.2)}.voice-member-status.available{background:rgba(251,191,36,0.12);color:var(--gold);border:1px solid rgba(251,191,36,0.2)}.btn-discord-invite{border-color:rgba(88,101,242,0.45) !important;background:rgba(88,101,242,0.07) !important;color:rgba(255,255,255,0.85) !important}.btn-discord-invite:hover{background:rgba(88,101,242,0.18) !important;border-color:rgba(88,101,242,0.7) !important;box-shadow:0 0 16px var(--discord-glow) !important}#discord-loading-ui{position:absolute;inset:0;z-index:100;background:rgba(4,4,10,0.97);display:flex;justify-content:center;align-items:center;backdrop-filter:blur(12px)}#discord-loading-ui.hidden{display:none !important}.discord-loading-box{text-align:center;max-width:320px;padding:48px 40px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 60px rgba(88,101,242,0.08)}.discord-loading-icon{font-size:52px;margin-bottom:12px;display:block;line-height:1}@keyframes discordPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:0.8}}.discord-loading-title{font-family:var(--font-pixel);font-size:22px;font-weight:400;letter-spacing:4px;color:var(--fg);margin-bottom:4px;text-shadow:0 0 20px var(--accent-glow)}.discord-loading-subtitle{font-family:var(--font-pixel);font-size:7px;color:var(--discord);letter-spacing:2px;margin-bottom:24px;opacity:0.9}.discord-status-text{font-family:var(--font-ui);font-size:12px;color:var(--muted);margin-bottom:16px;line-height:1.5}.discord-loading-spinner{width:36px;height:36px;border:2px solid rgba(88,101,242,0.15);border-top-color:var(--discord);border-radius:50%;animation:spin 0.9s linear infinite;margin:0 auto 20px auto}@keyframes spin{to{transform:rotate(360deg)}}.discord-user-preview{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:10px 16px;background:rgba(88,101,242,0.08);border:1px solid rgba(88,101,242,0.2);border-radius:var(--radius-md)}.discord-avatar-img{width:32px;height:32px;border-radius:50%;border:2px solid var(--discord)}.discord-username-text{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--fg)}#mobile-controls{position:absolute;inset:0;z-index:8;pointer-events:none}#mobile-controls.active{pointer-events:auto}#joystick-area{position:absolute;bottom:50px;left:16px;width:130px;height:130px;background:radial-gradient(circle,rgba(192,132,252,0.08) 0%,rgba(0,0,0,0.25) 100%);border:2px solid rgba(192,132,252,0.2);border-radius:50%;touch-action:none}#joystick-knob{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,0.5),rgba(192,132,252,0.15));border:2px solid rgba(192,132,252,0.4);position:relative;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 0.05s ease-out;touch-action:none;box-shadow:0 0 12px rgba(168,85,247,0.3)}#action-buttons{position:absolute;bottom:50px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;touch-action:none}#action-buttons-row-main{display:flex;gap:10px}#action-buttons-row-sub{display:flex;gap:8px}.ctrl-btn{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);background:rgba(15,15,28,0.75);backdrop-filter:blur(6px);color:rgba(255,255,255,0.9);font-size:12px;font-family:var(--font-pixel);font-weight:bold;letter-spacing:1px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;transition:all 0.08s;-webkit-tap-highlight-color:transparent;user-select:none}.ctrl-btn:active,.ctrl-btn.pressed{background:rgba(192,132,252,0.25);border-color:rgba(192,132,252,0.5);transform:scale(0.9);box-shadow:0 0 14px rgba(168,85,247,0.4)}.ctrl-btn.ctrl-sm{width:50px;height:50px;font-size:10px}#btn-mobile-fire{background:rgba(248,113,113,0.2);border-color:rgba(248,113,113,0.4);width:76px;height:76px;font-size:14px;box-shadow:0 0 16px rgba(239,68,68,0.2)}#btn-mobile-fire:active,#btn-mobile-fire.pressed{background:rgba(248,113,113,0.5);border-color:rgba(248,113,113,0.7);box-shadow:0 0 24px rgba(239,68,68,0.5)}#mobile-weapon-slots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:9;pointer-events:auto}.mobile-weapon-btn{width:52px;height:40px;border-radius:6px;border:1px solid rgba(255,255,255,0.15);background:rgba(8,8,18,0.85);color:var(--fg-2);font-size:9px;font-family:var(--font-pixel);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all 0.1s;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}.mobile-weapon-btn.active{border-color:var(--gold);background:rgba(251,191,36,0.12);box-shadow:0 0 10px var(--gold-glow)}.mobile-weapon-btn .slot-num{position:absolute;top:2px;left:4px;font-size:7px;color:var(--muted)}#discord-debug-overlay{position:absolute;bottom:10px;right:10px;width:380px;max-height:280px;z-index:9999;background:rgba(4,4,12,0.92);border:1px solid rgba(88,101,242,0.3);border-radius:var(--radius-md);font-family:'Courier New',monospace;font-size:10px;color:var(--fg);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);pointer-events:auto}#discord-debug-overlay.debug-minimized{max-height:32px}#discord-debug-overlay.debug-minimized #debug-entry-list,#discord-debug-overlay.debug-minimized #debug-footer{display:none !important}#discord-debug-overlay.hidden{display:none !important}#debug-header{display:flex;align-items:center;gap:6px;padding:4px 8px;background:rgba(88,101,242,0.1);border-bottom:1px solid rgba(88,101,242,0.15);cursor:grab;user-select:none;flex-shrink:0}#debug-title{font-weight:800;font-size:10px;color:var(--discord);letter-spacing:0.5px}#debug-badge{font-size:7px;background:rgba(88,101,242,0.15);color:#8b9aff;padding:1px 5px;border-radius:3px;font-weight:700;text-transform:uppercase}#debug-actions{margin-left:auto;display:flex;gap:2px}#debug-actions button{background:rgba(255,255,255,0.05);border:none;color:var(--muted);cursor:pointer;padding:2px 5px;border-radius:3px;font-size:11px;transition:all 0.1s}#debug-actions button:hover{background:rgba(255,255,255,0.12);color:#fff}#debug-entry-list{flex:1;overflow-y:auto;padding:3px 6px;display:flex;flex-direction:column;gap:1px;min-height:50px;max-height:200px}#debug-entry-list::-webkit-scrollbar{width:3px}#debug-entry-list::-webkit-scrollbar-thumb{background:rgba(88,101,242,0.25);border-radius:2px}.debug-entry{display:flex;align-items:flex-start;gap:4px;padding:2px 3px;border-radius:2px;line-height:1.3;word-break:break-all;border-left:2px solid transparent}.debug-entry:hover{background:rgba(255,255,255,0.03)}.debug-info-line{color:var(--muted);padding:6px 3px;font-style:italic;font-size:10px}.debug-time{color:var(--discord);font-size:8px;flex-shrink:0;min-width:55px;opacity:0.6}.debug-level{font-weight:700;flex-shrink:0;min-width:28px;font-size:8px}.debug-source{color:#8b9aff;flex-shrink:0;min-width:36px;font-size:8px}.debug-msg{flex:1;min-width:0;font-size:9px}.debug-data{font-size:7px;color:var(--muted);margin-top:1px;padding-left:8px;border-left:1px solid rgba(88,101,242,0.2)}.debug-error{border-left-color:var(--red) !important;background:rgba(248,113,113,0.04) !important}.debug-error .debug-level{color:var(--red) !important}.debug-error .debug-msg{color:#fca5a5 !important}.debug-critical{border-left-color:var(--red) !important;background:rgba(248,113,113,0.08) !important}.debug-critical .debug-level{color:#ff3333 !important}.debug-critical .debug-msg{color:#ff6b6b !important;font-weight:700}.debug-warn{border-left-color:var(--gold) !important;background:rgba(251,191,36,0.03) !important}.debug-warn .debug-level{color:var(--gold) !important}.debug-warn .debug-msg{color:#fde047 !important}.debug-info{border-left-color:var(--discord) !important}.debug-info .debug-level{color:#818cf8 !important}#debug-footer{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;border-top:1px solid rgba(88,101,242,0.12);flex-shrink:0}#debug-count{font-size:8px;color:var(--muted)}#debug-btn-export{background:rgba(88,101,242,0.12);border:1px solid rgba(88,101,242,0.25);color:#8b9aff;font-size:8px;padding:2px 8px;border-radius:3px;cursor:pointer;font-weight:700;transition:all 0.1s;font-family:monospace}#debug-btn-export:hover{background:rgba(88,101,242,0.25);color:#fff}.lobby-discord-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-md)}.lobby-discord-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--discord)}.lobby-discord-name{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--fg)}.lobby-discord-label{font-size:10px;color:var(--muted);margin-top:1px}.lobby-voice-info{display:flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:11px;color:var(--muted)}.lobby-voice-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green-glow);flex-shrink:0;animation:voicePulse 2s ease-in-out infinite}@keyframes voicePulse{0%,100%{opacity:1}50%{opacity:0.5}}#btn-toggle-ready{background:linear-gradient(135deg,#b45309 0%,#d97706 50%,#fbbf24 100%) !important;border:1px solid rgba(251,191,36,0.5) !important;color:#fff !important;box-shadow:0 0 20px var(--gold-glow) !important;font-family:var(--font-pixel) !important}.btn:disabled{background:var(--surface) !important;border-color:var(--border) !important;color:var(--faint) !important;cursor:not-allowed !important;transform:none !important;box-shadow:none !important}.menu-bg-lightning{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 50% 70% at 15% 50%,rgba(192,132,252,0.06) 0%,transparent 60%),radial-gradient(ellipse 30% 50% at 85% 30%,rgba(96,165,250,0.04) 0%,transparent 50%)}#menu-ui::after{content:'';position:absolute;right:0;top:0;bottom:0;width:45%;background:radial-gradient(ellipse 80% 60% at 80% 50%,rgba(192,132,252,0.05) 0%,transparent 70%);pointer-events:none;z-index:0}#menu-ui .logo,#menu-ui .logo-subtitle,#menu-ui .menu-buttons,#menu-ui .stats-info,#menu-ui #menu-discord-profile{position:relative;z-index:1}#menu-ui{align-items:center;padding-left:0;text-align:center}#menu-discord-profile{position:absolute;top:16px;right:16px;z-index:11;display:none;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-md);padding:8px 12px;backdrop-filter:blur(6px)}#menu-discord-avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--discord)}#menu-discord-name{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--fg)}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){#game-container{width:100vw;height:100vh;border-radius:0;border:none}.ui-layer{padding:16px}.logo{font-size:24px;letter-spacing:3px}.logo-subtitle{font-size:6px;margin-bottom:24px}.menu-buttons{width:100%;max-width:300px}.btn{font-size:8px;height:46px}.shop-content{grid-template-columns:1fr 1fr;gap:10px}#weapon-kit-ui .kit-grid{grid-template-columns:repeat(2,1fr);gap:6px}.char-img-container{width:70px;height:70px}.stats-info{width:100%;font-size:7px}.panel-title{font-size:11px}.gameover-title{font-size:20px}#joystick-area{width:120px;height:120px;bottom:30px;left:15px}#joystick-knob{width:48px;height:48px}#action-buttons{bottom:30px;right:15px;gap:8px}.ctrl-btn{width:58px;height:58px;font-size:20px}.ctrl-btn.ctrl-sm{width:48px;height:48px;font-size:16px}#btn-mobile-fire{width:68px;height:68px;font-size:26px}#mobile-weapon-slots{bottom:10px}}@media (max-width:480px){.logo{font-size:18px;letter-spacing:2px}.btn{font-size:7px;height:42px}}.tutorial-content{padding:16px;color:var(--fg-2);line-height:1.7;font-family:var(--font-ui);font-size:13px}#mode-select-ui .menu-buttons{width:300px}.keybind-row{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.03);padding:6px 12px;border-radius:6px;font-size:11px}.btn-keybind{background:var(--bg);border:1px solid var(--border);color:var(--accent);padding:4px 10px;border-radius:4px;font-family:var(--font-pixel);font-size:9px;cursor:pointer;min-width:60px;transition:0.2s}.btn-keybind:hover{background:rgba(168,85,247,0.1)}.btn-keybind.listening{background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow);animation:pulse 1s infinite}#mobile-controls.editing{z-index:95;pointer-events:auto}#mobile-controls.editing #joystick-area,#mobile-controls.editing #action-buttons,#mobile-controls.editing #mobile-weapon-slots{border:2px dashed var(--accent) !important;background:rgba(168,85,247,0.2) !important;cursor:move}#mobile-controls.editing .ctrl-btn,#mobile-controls.editing .mobile-weapon-btn,#mobile-controls.editing #joystick-knob{pointer-events:none}