:root{--bg-dark: #0a0a0f;--bg-glass: rgba(12, 12, 22, .82);--bg-glass-light: rgba(25, 25, 45, .6);--accent: #6c63ff;--accent-glow: #8b83ff;--accent-secondary: #00d4aa;--text-primary: #eaeaff;--text-secondary: #9997b8;--danger: #ff4757;--warning: #ffa502;--border-glass: rgba(108, 99, 255, .18);--border-glass-bright: rgba(108, 99, 255, .35);--font: "Outfit", sans-serif;--radius: 12px;--radius-lg: 20px;--f0: #00e676;--f1: #c6ff00;--f2: #ffab00;--f3: #ff6d00;--f4: #d50000;--f5: #aa00ff}*{margin:0;padding:0;box-sizing:border-box}*:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}body{overflow:hidden;background:var(--bg-dark);font-family:var(--font);color:var(--text-primary);cursor:crosshair;-webkit-user-select:none;user-select:none}#game-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block}#death-cam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:none}#death-cam-overlay.hidden{display:none}.death-cam-text{text-align:center;animation:deathCamFadeIn .5s ease forwards}.death-cam-title{font-size:1.4rem;font-weight:600;letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.3rem}.death-cam-killer{font-size:3rem;font-weight:900;color:var(--danger);text-shadow:0 0 20px rgba(255,71,87,.6);margin-bottom:.8rem}.death-cam-summary{font-size:1.1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.05em}@keyframes deathCamFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000b3}#tutorial-overlay.hidden{display:none}.tutorial-box{background:var(--bg-glass);border:1px solid var(--border-glass-bright);border-radius:var(--radius-lg);padding:2.5rem 3rem;text-align:center;max-width:420px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tutorial-title{font-size:1.8rem;font-weight:900;letter-spacing:.12em;margin-bottom:1.5rem;color:var(--accent-glow)}.tutorial-list{list-style:none;text-align:left;margin-bottom:2rem}.tutorial-list li{font-size:1.1rem;padding:.5rem 0;border-bottom:1px solid var(--border-glass);color:var(--text-primary)}.tutorial-list li:last-child{border-bottom:none}.supercell-banner{position:absolute;top:15%;left:50%;transform:translate(-50%) translateY(-20px);background:#28000fd9;border:2px solid #ff0055;padding:1rem 2rem;border-radius:12px;text-align:center;box-shadow:0 0 30px #ff005580,inset 0 0 15px #ff00554d;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275);z-index:1000}.supercell-banner.active{opacity:1;transform:translate(-50%) translateY(0);animation:supercellPulse 1.5s infinite alternate}.supercell-title{color:#f05;font-family:Outfit,sans-serif;font-weight:900;font-size:1.8rem;letter-spacing:2px;text-shadow:0 0 10px rgba(255,0,85,.8);margin-bottom:.5rem}.supercell-sub{color:#fff;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.8)}@keyframes supercellPulse{0%{box-shadow:0 0 20px #f056,inset 0 0 10px #f053}to{box-shadow:0 0 40px #f05c,inset 0 0 20px #ff005580}}.supercell-banner.supercell-warning{border-color:orange;background:#281e00d9;box-shadow:0 0 30px #ffa50080,inset 0 0 15px #ffa5004d}.supercell-banner.supercell-warning.active{animation:supercellWarningPulse .8s infinite alternate}@keyframes supercellWarningPulse{0%{box-shadow:0 0 20px #ffa5004d,inset 0 0 10px #ffa50033;opacity:.85}to{box-shadow:0 0 40px #ffa500cc,inset 0 0 20px #ffa50080;opacity:1}}.tutorial-btn{font-family:var(--font);font-size:1.2rem;font-weight:700;padding:1rem 3rem;min-height:48px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;transition:background .2s,transform .15s;touch-action:manipulation}.tutorial-btn:hover{background:var(--accent-glow);transform:scale(1.05)}#death-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(180,0,0,0) 100%);opacity:0;transition:opacity .6s ease}#death-vignette.active{opacity:1;background:radial-gradient(ellipse at center,transparent 20%,rgba(80,0,0,.85) 100%);animation:vignetteIn .6s ease forwards}@keyframes vignetteIn{0%{opacity:0}to{opacity:1}}#reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#reconnect-overlay.hidden{display:none}.reconnect-box{display:flex;flex-direction:column;align-items:center;gap:14px;background:#0a0a14eb;border:2px solid rgba(100,180,255,.35);border-radius:16px;padding:40px 56px;box-shadow:0 0 40px #50a0ff33}.reconnect-title{margin:0;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:#a0cfff;letter-spacing:.06em}.reconnect-sub{margin:0;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:400;color:#a0c8ffa6}.reconnect-spinner{width:48px;height:48px;border:4px solid rgba(100,180,255,.2);border-top-color:#64b4ff;border-radius:50%;animation:reconnect-spin .9s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:radial-gradient(ellipse at center,#0a0a14e0,#04040af7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .4s ease}.overlay.hidden{display:none;opacity:0;pointer-events:none}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-container{text-align:center;animation:menuFadeIn .5s ease-out;padding:40px 36px 32px;background:#0a0816c7;border:1px solid rgba(108,99,255,.35);border-radius:var(--radius-lg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 0 0 1px #6c63ff1f,0 0 60px #6c63ff2e,0 0 120px #00d4aa14,0 24px 80px #0009,inset 0 1px #ffffff0f;position:relative}.menu-container:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:radial-gradient(ellipse at 50% 0%,rgba(108,99,255,.12) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(0,212,170,.07) 0%,transparent 60%);pointer-events:none;z-index:-1}.game-title{font-size:clamp(3rem,9vw,5rem);font-weight:900;letter-spacing:4px;line-height:1;margin-bottom:10px;text-shadow:0 0 20px rgba(108,99,255,.7),0 0 60px rgba(108,99,255,.3),0 4px 12px rgba(0,0,0,.6);color:#eaeaff}.tornado-icon{display:inline-block;animation:spin 3s linear infinite;margin-right:8px}.title-accent{color:#00d4aa;text-shadow:0 0 12px rgba(0,212,170,.9),0 0 40px rgba(0,212,170,.5),0 0 80px rgba(0,212,170,.2)}.game-subtitle{font-size:.78rem;font-weight:700;letter-spacing:4px;color:#a09bdcbf;text-transform:uppercase;margin-bottom:6px}.tagline{color:var(--text-secondary);font-size:1rem;margin-bottom:20px;font-weight:400;font-style:italic}.feature-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.badge{background:#6c63ff26;border:1px solid rgba(108,99,255,.4);border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700;letter-spacing:1px;color:#c8c8ffe6}.input-group{display:flex;gap:0;max-width:420px;margin:0 auto 24px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(108,99,255,.45);background:var(--bg-glass);box-shadow:0 0 0 1px #6c63ff1a,0 8px 32px #0006,0 0 20px #6c63ff1a;transition:box-shadow .25s ease,border-color .25s ease}.input-group:focus-within{border-color:#6c63ffb3;box-shadow:0 0 0 1px #6c63ff33,0 8px 32px #0006,0 0 32px #6c63ff40}.input-group input{flex:1;padding:14px 20px;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font);font-size:1rem;font-weight:600}.input-group input::placeholder{color:var(--text-secondary);font-weight:400}@keyframes playBtnShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes playBtnPulse{0%,to{box-shadow:0 0 #6c63ff73,0 4px 20px #6c63ff59}50%{box-shadow:0 0 0 8px #6c63ff00,0 4px 28px #6c63ff80}}#play-btn{padding:16px 48px;background:linear-gradient(135deg,#8b83ff 0%,var(--accent) 40%,#4e47cc 70%,#00d4aa 100%);background-size:200% 200%;color:#fff;border:none;font-family:var(--font);font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .2s ease,filter .2s ease;letter-spacing:2px;animation:playBtnShimmer 4s ease infinite,playBtnPulse 2.5s ease-in-out infinite;border-radius:0}#play-btn:hover{transform:scale(1.05);filter:brightness(1.15);animation:playBtnShimmer 1.5s ease infinite}#play-btn:active{transform:scale(.97)}.controls-info{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;color:var(--text-secondary);font-size:.82rem}.controls-info span{padding:6px 14px;background:var(--bg-glass-light);border-radius:20px;border:1px solid rgba(255,255,255,.06)}.death-container{text-align:center;animation:deathEntrance .5s cubic-bezier(.22,1,.36,1) forwards;max-width:520px;width:90vw;padding:40px 32px;background:#08040eeb;border:1px solid rgba(255,71,87,.25);border-radius:var(--radius-lg);box-shadow:0 0 60px #c8000026,0 0 0 1px #ff475714,inset 0 1px #ffffff0a}@keyframes deathEntrance{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.death-header{margin-bottom:28px}.death-icon{font-size:3rem;display:block;margin-bottom:8px;animation:deathIconPulse 1.4s ease-in-out infinite}@keyframes deathIconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0px rgba(255,71,87,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,71,87,.7))}}.death-title{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:900;letter-spacing:4px;color:var(--danger);text-shadow:0 0 30px rgba(255,71,87,.5),0 0 60px rgba(255,71,87,.2);margin-bottom:8px;line-height:1}#death-killer{font-size:1rem;color:var(--text-secondary);font-weight:400}#death-killer-name{font-weight:700;color:var(--text-primary);font-size:1.1rem}.death-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff0d;border-radius:var(--radius);overflow:hidden;margin-bottom:20px;border:1px solid rgba(255,255,255,.06)}.death-stat{background:#0f0a1ecc;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.death-stat-value{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,var(--accent-secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.death-stat-label{font-size:.6rem;color:var(--text-secondary);letter-spacing:1.5px;font-weight:600;text-transform:uppercase}.death-tip{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin-bottom:24px;padding:10px 16px;background:#6c63ff12;border-radius:8px;border:1px solid rgba(108,99,255,.12)}#respawn-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 40px;background:linear-gradient(135deg,var(--accent) 0%,#4e47cc 100%);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:1px;box-shadow:0 0 #6c63ff66;animation:respawnPulse 2s ease-in-out infinite}#respawn-btn:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 6px 30px #6c63ff8c;animation:none}#respawn-btn:active{transform:scale(.97)}#respawn-btn[disabled]{opacity:.5;cursor:not-allowed;animation:none;pointer-events:none}.respawn-btn-icon{display:inline-block;animation:spin 2s linear infinite}@keyframes respawnPulse{0%,to{box-shadow:0 0 #6c63ff59}50%{box-shadow:0 0 0 8px #6c63ff00}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}#hud.hidden{display:none}#hud>*{pointer-events:auto}#score-display{position:absolute;top:16px;left:16px;text-align:left;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 18px;border-radius:var(--radius);border:1px solid var(--border-glass);box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:1px;min-width:100px}.score-label{font-size:.6rem;color:var(--text-secondary);letter-spacing:3px;font-weight:700;text-transform:uppercase}#score-value{font-size:2rem;font-weight:900;display:block;background:linear-gradient(135deg,var(--accent-secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;line-height:1;transition:transform .1s ease}#score-value.score-bump{animation:scoreBump .25s ease-out}@keyframes scoreBump{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}#leaderboard{position:absolute;top:16px;right:16px;width:210px;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border-glass);box-shadow:0 4px 20px #0000004d}#leaderboard h3{font-size:.65rem;font-weight:700;letter-spacing:2px;margin-bottom:10px;color:var(--text-secondary);text-transform:uppercase;display:flex;align-items:center;gap:6px}#leaderboard h3:before{content:"🏆";font-size:.8rem}#leaderboard-list{list-style:none;padding:0}#leaderboard-list li{display:flex;justify-content:space-between;align-items:center;padding:4px;font-size:.78rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.03);gap:6px}#leaderboard-list li:last-child{border-bottom:none}#leaderboard-list li .lb-rank{font-size:.65rem;color:#9997b880;font-weight:700;min-width:16px}#leaderboard-list li .lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}#leaderboard-list li .lb-cat{font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.5px}#leaderboard-list li .lb-score{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums;font-size:.78rem;min-width:38px;text-align:right}#leaderboard-list li.is-me{color:var(--accent-secondary);font-weight:700;background:#00d4aa0f;border-radius:5px}#leaderboard-list li.is-me .lb-score,#leaderboard-list li.is-me .lb-rank{color:var(--accent-secondary)}#minimap-container{position:absolute;bottom:24px;left:24px;width:160px}#minimap{display:block;width:160px;height:160px;border-radius:var(--radius);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:0 4px 20px #0006}#minimap-label{position:absolute;bottom:6px;right:8px;font-size:.55rem;font-weight:700;letter-spacing:2px;color:#9997b866;pointer-events:none}#boost-display{position:absolute;bottom:234px;left:24px;display:flex;align-items:center;gap:8px;width:160px}#boost-key{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.18);border-radius:5px;font-size:.72rem;font-weight:700;color:var(--text-secondary);background:#0c0c16b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;transition:all .15s ease}#boost-key.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px #6c63ff80,inset 0 0 8px #6c63ff1f;background:#6c63ff1f}#stamina-bar-wrap{flex:1;display:flex;flex-direction:column;gap:3px}#stamina-bar{width:100%;height:7px;background:#ffffff12;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}#stamina-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:4px;transition:width .15s ease,background-color .3s ease;position:relative}#stamina-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff26;border-radius:4px 4px 0 0}#stamina-fill.stamina-low{background:linear-gradient(90deg,#ff4757,#ff6b81);animation:staminaPulse .6s ease-in-out infinite}@keyframes staminaPulse{0%,to{opacity:1}50%{opacity:.55}}#stamina-label{font-size:.55rem;color:#9997b880;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.stamina-cooldown-text{position:absolute;top:-1px;left:0;right:0;height:7px;display:none;align-items:center;justify-content:center;font-size:.5rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;pointer-events:none;z-index:2;color:#ffffffe6;text-shadow:0 0 4px rgba(0,0,0,.8)}.stamina-cooldown-text.active{display:flex}.stamina-cooldown-text.recharging{color:#6c63ffe6;animation:staminaRecharging 1.2s ease-in-out infinite}.stamina-cooldown-text.cooldown-flash{color:#ff4757;animation:staminaCooldownFlash .25s ease-in-out infinite}@keyframes staminaRecharging{0%,to{opacity:.5}50%{opacity:1}}@keyframes staminaCooldownFlash{0%,to{opacity:1}50%{opacity:.3}}#stamina-fill.stamina-recharging{animation:staminaRechargePulse 1.5s ease-in-out infinite}@keyframes staminaRechargePulse{0%,to{opacity:1}50%{opacity:.65}}#size-display{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center;gap:10px;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border-glass);box-shadow:0 4px 20px #00000059;white-space:nowrap}#category-badge{display:flex;align-items:center;gap:8px}#category-icon{font-size:1.3rem;display:inline-block;filter:drop-shadow(0 0 6px currentColor)}#category-name{font-size:1.5rem;font-weight:900;letter-spacing:3px;text-shadow:0 0 16px currentColor;transition:color .4s ease,text-shadow .4s ease}#size-display[data-cat=F0] #category-name{color:var(--f0);text-shadow:0 0 16px var(--f0)}#size-display[data-cat=F1] #category-name{color:var(--f1);text-shadow:0 0 16px var(--f1)}#size-display[data-cat=F2] #category-name{color:var(--f2);text-shadow:0 0 16px var(--f2)}#size-display[data-cat=F3] #category-name{color:var(--f3);text-shadow:0 0 16px var(--f3)}#size-display[data-cat=F4] #category-name{color:var(--f4);text-shadow:0 0 16px var(--f4)}#size-display[data-cat=F5] #category-name{color:var(--f5);text-shadow:0 0 20px var(--f5),0 0 40px var(--f5)}.max-size-msg{display:none;position:absolute;top:-28px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.4);white-space:nowrap;pointer-events:none;animation:maxSizePulse 1.5s ease-in-out infinite}.max-size-msg.active{display:block}@keyframes maxSizePulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.7;transform:translate(-50%) scale(1.08)}}#size-bar-wrap{width:160px;display:flex;flex-direction:column;gap:3px}#size-bar{width:100%;height:10px;background:#ffffff12;border-radius:5px;overflow:visible;position:relative;border:1px solid rgba(255,255,255,.06)}#size-fill{height:100%;width:0%;border-radius:5px;transition:width .4s cubic-bezier(.22,1,.36,1),background .5s ease;position:relative;overflow:hidden}#size-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:#fff3;border-radius:5px 5px 0 0}#size-display[data-cat=F0] #size-fill{background:linear-gradient(90deg,rgba(0,230,118,.6),var(--f0))}#size-display[data-cat=F1] #size-fill{background:linear-gradient(90deg,rgba(198,255,0,.6),var(--f1))}#size-display[data-cat=F2] #size-fill{background:linear-gradient(90deg,rgba(255,171,0,.6),var(--f2))}#size-display[data-cat=F3] #size-fill{background:linear-gradient(90deg,rgba(255,109,0,.6),var(--f3))}#size-display[data-cat=F4] #size-fill{background:linear-gradient(90deg,rgba(183,28,28,.7),var(--f4))}#size-display[data-cat=F5] #size-fill{background:linear-gradient(90deg,rgba(150,0,220,.7),var(--f5));box-shadow:0 0 10px var(--f5)}.size-bar-tick{position:absolute;top:0;width:1px;height:100%;background:#ffffff2e;pointer-events:none;z-index:2}#size-bar-labels{display:flex;justify-content:space-between;padding:0 1px}#size-bar-labels span{font-size:.52rem;font-weight:700;color:#9997b873;letter-spacing:.5px}#size-label{display:none}.category-up{animation:catLevelUp .5s cubic-bezier(.22,1,.36,1)}@keyframes catLevelUp{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}#kill-feed{position:absolute;top:236px;right:16px;width:260px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.kill-entry{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0a0a14c7;border:1px solid rgba(255,255,255,.07);border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.78rem;line-height:1.3;box-shadow:0 2px 12px #00000059;animation:killSlideIn .3s cubic-bezier(.22,1,.36,1) forwards;overflow:hidden;white-space:nowrap}.kill-entry.is-local{background:#6c63ff24;border-color:#6c63ff59;box-shadow:0 2px 16px #6c63ff33}.kill-cat{font-size:.6rem;font-weight:700;padding:2px 5px;border-radius:4px;letter-spacing:.5px;flex-shrink:0}.kill-cat.cat-f0,.kill-cat.cat-f1{background:#a0a0b42e;color:#c4c4d8}.kill-cat.cat-f2,.kill-cat.cat-f3{background:#ff6d002e;color:var(--f3)}.kill-cat.cat-f4{background:#d5000038;color:var(--f4)}.kill-cat.cat-f5{background:#aa00ff38;color:var(--f5)}.kill-text{overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.kill-killer{font-weight:700;color:var(--text-primary)}.kill-verb{color:var(--text-secondary);font-weight:400}.kill-victim{font-weight:400;color:var(--text-secondary)}.kill-entry.fading{animation:killFadeOut .6s ease forwards}@keyframes killSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes killFadeOut{0%{opacity:1;transform:translate(0);max-height:48px;margin-bottom:0}to{opacity:0;transform:translate(24px);max-height:0;margin-bottom:-5px;padding-top:0;padding-bottom:0}}.skin-selector{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px}.skin-selector-label{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}.skin-selector-row{display:flex;gap:8px;justify-content:center}.skin-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--border-glass);background:var(--bg-glass);font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.skin-btn:hover{border-color:var(--border-glass-bright);background:var(--bg-glass-light);transform:scale(1.12)}.skin-btn.active{border-color:var(--accent);box-shadow:0 0 10px #6c63ff80,0 0 20px #6c63ff33;background:#6c63ff26;transform:scale(1.08)}.graphics-settings{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.graphics-settings-label{font-size:.6rem;font-weight:700;letter-spacing:3px;color:var(--text-secondary);text-transform:uppercase}.graphics-btn-group{display:flex;gap:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-glass-bright);background:var(--bg-glass);box-shadow:0 4px 20px #0000004d}.graphics-btn{padding:9px 22px;background:transparent;color:var(--text-secondary);border:none;border-right:1px solid var(--border-glass);font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .18s ease;position:relative}.graphics-btn:last-child{border-right:none}.graphics-btn:hover{background:#6c63ff1f;color:var(--text-primary)}.graphics-btn.active{background:linear-gradient(135deg,var(--accent) 0%,#4e47cc 100%);color:#fff;box-shadow:0 0 18px #6c63ff66}.graphics-btn[data-quality=low].active{background:linear-gradient(135deg,#2d8a4e,#1a6b30);box-shadow:0 0 18px #2d8a4e66}.graphics-btn[data-quality=high].active{background:linear-gradient(135deg,#a0f,#6200ea);box-shadow:0 0 18px #aa00ff73}.graphics-settings-hint{font-size:.68rem;color:var(--text-secondary);opacity:.6;letter-spacing:.3px}#ping-display{position:absolute;bottom:192px;left:24px;display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:20px;box-shadow:0 2px 10px #0000004d;pointer-events:none}#ping-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .4s ease,box-shadow .4s ease}#ping-dot[data-quality=unknown]{background-color:#9997b880;box-shadow:none}#ping-dot[data-quality=good],.ping-dot[data-quality=good]{background-color:#4ade80;box-shadow:0 0 6px #4ade80b3}#ping-dot[data-quality=warning],.ping-dot[data-quality=warning]{background-color:#fbbf24;box-shadow:0 0 6px #fbbf24b3}#ping-dot[data-quality=bad],.ping-dot[data-quality=bad]{background-color:#ef4444;box-shadow:0 0 6px #ef4444b3;animation:pingBadPulse .8s ease-in-out infinite}@keyframes pingBadPulse{0%,to{opacity:1}50%{opacity:.5}}#ping-value{font-size:.62rem;font-weight:700;letter-spacing:.5px;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:28px}@media (max-width: 640px){#ping-display{bottom:342px;padding:3px 8px}#ping-value{font-size:.58rem}}@media (pointer: coarse){#ping-display{bottom:277px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.menu-container{padding:28px 20px 24px}.game-title{font-size:3rem;letter-spacing:2px}.game-subtitle{font-size:.65rem;letter-spacing:3px}.feature-badges{gap:6px}.badge{font-size:.62rem;padding:3px 9px}.controls-info{flex-direction:column;gap:8px}#leaderboard{width:170px;padding:10px 12px}#minimap-container,#minimap{width:90px;height:90px}#size-display{min-width:200px;padding:10px 14px 8px}.death-stats{grid-template-columns:repeat(2,1fr)}.death-container{padding:28px 20px}}#joystick-outer{position:fixed;width:120px;height:120px;left:24px;bottom:24px;border-radius:50%;background:#6c63ff1f;border:2px solid rgba(108,99,255,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:none;z-index:200;pointer-events:none}#joystick-thumb{position:absolute;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#8b83ffe6,#4e47ccbf);border:2px solid rgba(139,131,255,.65);box-shadow:0 0 14px #6c63ff80;pointer-events:none}#boost-btn-mobile{position:fixed;right:28px;bottom:40px;width:70px;height:70px;border-radius:50%;background:#00d4aa26;border:2px solid rgba(0,212,170,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--accent-secondary);font-family:var(--font);font-size:.62rem;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:200;user-select:none;-webkit-user-select:none;transition:background .1s ease,box-shadow .1s ease,border-color .1s ease}#boost-btn-mobile.pressed{background:#00d4aa66;border-color:var(--accent-secondary);box-shadow:0 0 22px #00d4aa8c}#joystick-outer{left:max(24px,calc(24px + env(safe-area-inset-left)));bottom:max(24px,calc(24px + env(safe-area-inset-bottom)))}#boost-btn-mobile{right:max(28px,calc(28px + env(safe-area-inset-right)));bottom:max(40px,calc(40px + env(safe-area-inset-bottom)))}#score-display,#leaderboard{top:max(12px,calc(12px + env(safe-area-inset-top)))}@media (pointer: fine){#joystick-outer,#boost-btn-mobile{display:none!important}}@media (pointer: coarse){#minimap-container{bottom:175px;width:90px}#minimap{width:90px;height:90px}#leaderboard{width:150px;padding:8px 10px;top:8px;right:8px}#leaderboard h3{font-size:.58rem;margin-bottom:6px}#leaderboard-list li{font-size:.65rem;padding:3px 2px}#leaderboard-list li .lb-score{font-size:.65rem;min-width:28px}#leaderboard-list li .lb-cat{font-size:.52rem;padding:1px 3px}#boost-display{bottom:125px;left:auto;right:16px;width:100px;flex-direction:column-reverse;align-items:flex-end;gap:4px;pointer-events:none}#boost-key{display:none}#stamina-bar-wrap{width:100%}#size-display{bottom:8px;flex-direction:row;align-items:center;gap:8px;padding:6px 12px;min-width:0;width:auto}#category-icon{font-size:.9rem}#category-name{font-size:1rem;letter-spacing:2px}#size-bar-wrap{width:80px}#size-bar{height:6px}#size-label{display:none}}#powerup-display{position:absolute;top:16px;left:50%;transform:translate(-50%);pointer-events:none;z-index:60}#powerup-effects{display:flex;gap:8px;align-items:center;justify-content:center}.powerup-effect{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:20px;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:.5px;animation:powerupFadeIn .3s ease-out;transition:opacity .3s ease}.powerup-effect.expiring{animation:powerupFlash .4s ease-in-out infinite}.powerup-icon{font-size:1rem;line-height:1}.powerup-label{color:#ffffffe6}.powerup-timer{font-variant-numeric:tabular-nums;font-weight:900;min-width:22px;text-align:right}.powerup-effect[data-type=speed]{border-color:#42a5f599;box-shadow:0 0 12px #42a5f54d}.powerup-effect[data-type=speed] .powerup-timer{color:#42a5f5}.powerup-effect[data-type=growth]{border-color:#66bb6a99;box-shadow:0 0 12px #66bb6a4d}.powerup-effect[data-type=growth] .powerup-timer{color:#66bb6a}.powerup-effect[data-type=shield]{border-color:#ffd54f99;box-shadow:0 0 12px #ffd54f4d}.powerup-effect[data-type=shield] .powerup-timer{color:#ffd54f}@keyframes powerupFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes powerupFlash{0%,to{opacity:1}50%{opacity:.4}}.split-ready-pill{border-color:#aa00ffb3!important;box-shadow:0 0 18px #aa00ff73!important;animation:splitReadyPulse 1.2s ease-in-out infinite!important;cursor:default}.split-ready-pill .powerup-label{color:#c4f}.split-ready-pill .powerup-timer{color:#c4f;font-size:.68rem;letter-spacing:.5px}.split-timer{border-color:#aa00ff80;box-shadow:0 0 12px #aa00ff40}.split-timer .powerup-timer{color:#c4f}@keyframes splitReadyPulse{0%,to{opacity:1;box-shadow:0 0 18px #aa00ff73}50%{opacity:.75;box-shadow:0 0 32px #aa00ffbf}}#split-btn-mobile{position:fixed;right:112px;bottom:40px;width:70px;height:70px;border-radius:50%;background:#aa00ff26;border:2px solid rgba(170,0,255,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#c4f;font-family:var(--font);font-size:.62rem;font-weight:700;letter-spacing:1px;display:none;align-items:center;justify-content:center;touch-action:none;z-index:200;user-select:none;-webkit-user-select:none;animation:splitReadyPulse 1.2s ease-in-out infinite;transition:background .1s ease,box-shadow .1s ease}#split-btn-mobile.visible{display:flex}#split-btn-mobile.pressed{background:#aa00ff73;border-color:#c4f;box-shadow:0 0 24px #aa00ffa6;animation:none}#split-btn-mobile{right:max(112px,calc(112px + env(safe-area-inset-right)));bottom:max(40px,calc(40px + env(safe-area-inset-bottom)))}@media (pointer: fine){#split-btn-mobile{display:none!important}}.seed-row{display:flex;align-items:center;gap:10px;max-width:420px;margin:0 auto 18px;flex-wrap:wrap;justify-content:center}.seed-input{width:160px;padding:8px 14px;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);font-size:.82rem;font-weight:600;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-moz-appearance:textfield}.seed-input::-webkit-inner-spin-button,.seed-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.seed-input::placeholder{color:var(--text-secondary);font-weight:400}.seed-input:focus{border-color:var(--border-glass-bright);box-shadow:0 0 0 2px #6c63ff26}.seed-display{font-size:.72rem;font-weight:700;letter-spacing:1px;color:var(--text-secondary);cursor:pointer;padding:6px 12px;border-radius:20px;background:#6c63ff14;border:1px solid rgba(108,99,255,.18);transition:background .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}.seed-display:hover{background:#6c63ff2e;color:var(--text-primary);border-color:var(--border-glass-bright)}#seed-hud{position:absolute;bottom:24px;right:16px;font-size:.58rem;font-weight:700;letter-spacing:1px;color:#9997b873;cursor:pointer;padding:4px 8px;border-radius:8px;background:#0a0a148c;border:1px solid rgba(108,99,255,.1);transition:color .18s ease,background .18s ease;pointer-events:auto}#seed-hud:hover{color:var(--text-secondary);background:#6c63ff1a;border-color:#6c63ff40}@media (pointer: coarse){#seed-hud{bottom:120px;right:16px}}.menu-leaderboard-row{display:flex;justify-content:center;margin:0 auto 18px;max-width:420px}.leaderboard-menu-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;background:var(--bg-glass);color:var(--accent-secondary);border:1px solid rgba(0,212,170,.3);border-radius:var(--radius);font-family:var(--font);font-size:.82rem;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.leaderboard-menu-btn:hover{background:#00d4aa1a;border-color:#00d4aa8c;box-shadow:0 0 22px #00d4aa33;transform:translateY(-1px)}.lb-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#04040abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:lbFadeIn .25s ease forwards}.lb-modal.hidden{display:none}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lb-modal-box{background:#0a0a16f5;border:1px solid rgba(0,212,170,.2);border-radius:var(--radius-lg);box-shadow:0 0 60px #00d4aa14,0 8px 40px #0009;width:90vw;max-width:580px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:lbSlideUp .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes lbSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.lb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0;flex-shrink:0}.lb-modal-tabs{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--border-glass-bright);background:var(--bg-glass)}.lb-tab{padding:8px 20px;background:transparent;color:var(--text-secondary);border:none;font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .18s ease}.lb-tab:first-child{border-right:1px solid var(--border-glass)}.lb-tab:hover{background:#00d4aa14;color:var(--text-primary)}.lb-tab.active{background:linear-gradient(135deg,#00d4aa40,#00b48c26);color:var(--accent-secondary);box-shadow:inset 0 0 12px #00d4aa1a}.lb-close{width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:var(--text-secondary);font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;font-family:var(--font)}.lb-close:hover{background:#ff475726;border-color:#ff475759;color:var(--danger)}.lb-loading,.lb-error{text-align:center;padding:40px 24px;color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px}.lb-error{color:var(--danger)}.lb-table{width:100%;border-collapse:collapse;margin:14px 0 0;overflow-y:auto}.lb-table thead th{position:sticky;top:0;padding:10px 14px;background:#0a0a16fa;font-size:.6rem;font-weight:700;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.lb-table thead th:first-child{width:40px;text-align:center}.lb-table thead th:nth-child(3),.lb-table thead th:nth-child(4){text-align:right}.lb-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.lb-table tbody tr:hover{background:#6c63ff0f}.lb-table tbody tr.lb-row-top3{background:#00d4aa0d}.lb-table tbody td{padding:10px 14px;font-size:.82rem;color:var(--text-primary)}.lb-table tbody td:first-child{text-align:center;font-weight:900;font-size:.75rem;color:var(--text-secondary)}.lb-rank-gold{color:gold!important;text-shadow:0 0 8px rgba(255,215,0,.5)}.lb-rank-silver{color:silver!important}.lb-rank-bronze{color:#cd7f32!important}.lb-table tbody td:nth-child(3){text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-secondary)}.lb-table tbody td:nth-child(4){text-align:right;font-weight:700;font-size:.78rem}.lb-table tbody td:nth-child(5){font-size:.72rem;color:var(--text-secondary)}.lb-cat-f0{color:var(--f0)}.lb-cat-f1{color:var(--f1)}.lb-cat-f2{color:var(--f2)}.lb-cat-f3{color:var(--f3)}.lb-cat-f4{color:var(--f4)}.lb-cat-f5{color:var(--f5);text-shadow:0 0 8px var(--f5)}.lb-table-wrap{overflow-y:auto;max-height:calc(80vh - 110px);padding:0 4px 16px}.lb-empty{text-align:center;padding:32px 24px;color:var(--text-secondary);font-size:.85rem;font-style:italic}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (pointer: coarse){#play-btn,#respawn-btn,.leaderboard-menu-btn,.lb-close,.lb-tab,.graphics-btn,.skin-btn{min-width:44px;min-height:44px}}@media (max-width: 480px){#score-display{padding:6px 10px;min-width:70px;top:8px;left:8px}.score-label{font-size:.5rem}#score-value{font-size:1.4rem}#leaderboard{width:130px;padding:6px 8px;top:8px;right:8px}#leaderboard h3{font-size:.52rem;margin-bottom:4px}#leaderboard-list li{font-size:.6rem;padding:2px}#kill-feed{width:180px;top:160px;right:8px}.kill-entry{font-size:.65rem;padding:4px 6px}#boost-display{width:120px}#stamina-bar{height:12px}#stamina-fill{height:100%}#size-display{padding:4px 8px;gap:6px}#category-name{font-size:.85rem}#size-bar-wrap{width:60px}#chat-container{max-width:220px}}#chat-container{position:fixed;bottom:260px;left:24px;max-width:300px;z-index:55;pointer-events:none;display:flex;flex-direction:column;gap:4px}#chat-log{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:hidden;pointer-events:none}.chat-msg{padding:3px 8px;background:#0a0a14b3;border-radius:6px;font-family:var(--font);font-size:12px;line-height:1.4;color:var(--text-primary);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1;transition:opacity .5s ease;word-wrap:break-word;overflow-wrap:break-word}.chat-msg.faded{opacity:0}.chat-msg .chat-name{font-weight:700;color:var(--accent-secondary);margin-right:4px}.chat-msg .chat-text{font-weight:400;color:var(--text-primary)}#chat-input-wrap{display:none;pointer-events:auto}#chat-input-wrap.active{display:block}#chat-input{width:100%;max-width:300px;padding:6px 10px;background:#0a0a14d9;border:1px solid var(--border-glass-bright);border-radius:6px;color:var(--text-primary);font-family:var(--font);font-size:12px;outline:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#chat-input::placeholder{color:var(--text-secondary);font-weight:400}@media (pointer: coarse){#chat-container{bottom:300px;left:16px;max-width:260px}}
