body,html{margin:0;padding:0;overflow:hidden;height:100%;font-family:Roboto,sans-serif;background:#0c0c0c;color:#fff;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-hidden{display:none!important}#start-menu,#game-over-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#0f141ea6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);padding:35px;border-radius:28px;box-shadow:0 25px 60px #000c,inset 0 0 0 1px #ffffff14;color:#fff;width:auto;min-width:340px}.menu-container{display:flex;gap:40px;align-items:stretch}.menu-left{flex:1;min-width:300px;display:flex;flex-direction:column}.menu-right{width:260px;border-left:1px solid rgba(255,255,255,.1);padding-left:40px;display:flex;flex-direction:column}h1{margin:0 0 15px;font-size:2.8rem;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#00e5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;text-align:left;filter:drop-shadow(0 0 12px rgba(0,229,255,.4))}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.input-label{display:block;font-size:13px;font-weight:500;color:#81d4fa;margin-bottom:8px;text-align:left;text-transform:uppercase;letter-spacing:.05em}#name-input{padding:12px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;width:100%;box-sizing:border-box;font-size:16px;transition:all .2s;outline:none}#name-input:focus{border-color:#007bff;background:#ffffff1a;box-shadow:0 0 0 4px #007bff33}#start-button{padding:16px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;cursor:pointer;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.2,.8,.2,1);width:100%;box-shadow:0 6px 15px #007bff4d;margin-top:8px}#start-button:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 10px 25px #007bff80;background:linear-gradient(135deg,#00e5ff,#007bff)}#global-highscores{text-align:left;height:100%}#global-highscores h3{margin:0 0 15px;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#ffc107}#global-scores-list{list-style:none;padding:0;margin:0;font-size:14px}#global-scores-list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between}#global-scores-list .rank{color:#81d4fa;font-weight:700;width:30px}#global-scores-list .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#global-scores-list .score{color:#ffc107;font-weight:700;margin-left:10px}.community-section{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.discord-button{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;text-decoration:none;padding:12px;border-radius:12px;font-weight:700;font-size:15px;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 15px #5865f24d}.discord-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #5865f280}.discord-icon:before{content:"💬"}.game-over-actions{display:flex;gap:10px;margin-top:20px}#play-again-button{flex:1;padding:12px;border-radius:10px;background:#007bff;color:#fff;border:none;font-weight:700;cursor:pointer}.btn-share{flex:1;padding:12px;border-radius:10px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:600;cursor:pointer}.btn-share:hover{background:#ffffff26}#ad-placeholder-start,#ad-placeholder-gameover{display:none!important}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#leaderboard{position:absolute;top:20px;right:20px;background:#0f141e8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);padding:16px;border-radius:16px;width:220px;animation:slideInFromRight .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}#leaderboard h2{margin-top:0;font-size:18px;text-align:center}#leaderboard-list{list-style:none;padding:0;margin:0}#leaderboard-list li{padding:2px 0}#leaderboard-list .local-player{color:#ffc107;font-weight:700}#best-score-display{color:#ffc107;font-size:14px;margin:-10px 0 14px;min-height:18px}#difficulty-group{display:flex;gap:12px;justify-content:center}.diff-btn{flex:1;padding:10px 0;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#aaa;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1)}.diff-btn:hover{border-color:#00e5ff;color:#fff;background:#ffffff1a}.diff-btn.active{background:linear-gradient(135deg,#00e5ff,#007bff);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 4px 15px #007bff66}.stat-muted{color:#aaa;font-size:14px;margin:4px 0}.new-best{color:#ffc107;font-weight:700;font-size:18px;margin-bottom:6px;letter-spacing:.05em}#score{position:absolute;bottom:20px;left:20px;font-size:20px;font-weight:700}#tutorial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f141ebf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);padding:30px;border-radius:24px;z-index:20;text-align:center;box-shadow:0 20px 50px #000000b3,inset 0 0 0 1px #ffffff14}#help-button{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#007bff;color:#fff;border:none;font-size:24px;cursor:pointer;pointer-events:all;transition:transform .2s ease-in-out}#help-button:hover{transform:scale(1.1)}#quit-button{position:absolute;top:20px;left:20px;width:36px;height:36px;border-radius:50%;background:#ffffff14;color:#ffffff80;border:1px solid rgba(255,255,255,.15);font-size:16px;cursor:pointer;pointer-events:all;transition:background .2s,color .2s,transform .2s;display:flex;align-items:center;justify-content:center;line-height:1}#quit-button:hover{background:#ff3c3c4d;border-color:#ff3c3c80;color:#ff6b6b;transform:scale(1.1)}#rules-guide{position:absolute;bottom:280px;left:20px;background:#0f141e8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);padding:16px;border-radius:16px;width:220px;animation:slideInFromLeft .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d}#rules-guide h3{margin-top:0;font-size:16px;text-align:center}#rules-guide ul{list-style:none;padding:0;margin:0}#rules-guide li{padding:4px 0;display:flex;align-items:center}.color-box{width:15px;height:15px;margin-right:10px;display:inline-block;vertical-align:middle;border:1px solid #ccc}.green{background-color:green}.red{background-color:red}.white{background-color:#fff}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}#player-count{font-size:11px;color:#aaa;text-align:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1)}#player-rank{position:absolute;bottom:48px;left:20px;font-size:14px;color:#aaa}#activity-ticker{position:absolute;bottom:70px;left:50%;transform:translate(-50%);list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;z-index:5}#activity-ticker li{background:#0009;padding:4px 14px;border-radius:20px;font-size:13px;white-space:nowrap;animation:tickerFadeIn .35s ease}@keyframes tickerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ticker-join{color:#81d4fa}.ticker-leave{color:#ff8a65}.ticker-kill{color:#a5d6a7}.ticker-info{color:#fff59d}#combo-display{position:fixed;top:28%;left:50%;transform:translate(-50%,-50%);font-size:2.4rem;font-weight:900;color:gold;text-shadow:0 0 24px rgba(255,215,0,.9),2px 2px 0 #000;pointer-events:none;z-index:25;white-space:nowrap;animation:comboPop .45s cubic-bezier(.175,.885,.32,1.275) both}@keyframes comboPop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}#evolution-notify{position:fixed;top:18%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#a5d6a7;text-shadow:0 0 20px rgba(165,214,167,.85),2px 2px 0 #000;pointer-events:none;z-index:25;white-space:nowrap;animation:evolutionSlide .5s ease both}@keyframes evolutionSlide{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}#respawn-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:30;background:#0f192899;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:40px 60px;border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px #0009}#respawn-msg{font-size:1.3rem;color:#ff4b2b;margin:0 0 8px;font-weight:700}.respawn-sub{color:#aaa;font-size:.9rem;margin:0 0 20px}#respawn-countdown{font-size:4rem;font-weight:900;color:#ffc107;line-height:1;animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.65}}#online-count-display{font-size:12px;color:#69f0ae;margin:-8px 0 14px;min-height:16px;display:flex;align-items:center;gap:5px}#online-count-display:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#69f0ae;box-shadow:0 0 6px #69f0ae;flex-shrink:0}#color-picker{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.color-btn{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);padding:0;box-shadow:0 2px 6px #0006}.color-btn:hover{transform:scale(1.2);border-color:#fff9}.color-btn.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d,0 0 12px #ffffff40;transform:scale(1.15)}#sound-button{position:absolute;bottom:20px;right:68px;width:36px;height:36px;border-radius:50%;background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.15);font-size:16px;cursor:pointer;pointer-events:all;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center;line-height:1}#sound-button:hover{background:#ffffff26;transform:scale(1.1)}#sound-button.muted{color:#ffffff40}#spectate-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:30;background:#0a121eb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:36px 56px;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0009;pointer-events:none}#spectate-msg{font-size:1.2rem;color:#ff4b2b;margin:0 0 6px;font-weight:700}.spectate-sub{color:#aaa;font-size:.85rem;margin:0 0 18px}#spectate-countdown{font-size:3.5rem;font-weight:900;color:#ffc107;line-height:1;animation:countdownPulse 1s ease-in-out infinite}.flag-label{display:block;font-size:12px;color:#aaa;margin-bottom:6px;text-align:left}#flag-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.flag-btn{background:#ffffff0d;border:1px solid transparent;border-radius:8px;font-size:18px;cursor:pointer;padding:4px 6px;line-height:1.2;transition:all .2s cubic-bezier(.2,.8,.2,1)}.flag-btn:hover{border-color:#ffffff4d;background:#ffffff26;transform:translateY(-2px)}.flag-btn.selected{border-color:#00e5ff;background:#00e5ff33;box-shadow:0 0 12px #00e5ff80;transform:scale(1.05)}#chat-panel{position:absolute;bottom:70px;right:20px;width:280px;background:#0f141e8c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;pointer-events:all;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d}#chat-messages{height:130px;overflow-y:auto;padding:6px 8px;display:flex;flex-direction:column;gap:3px;scrollbar-width:none}#chat-messages::-webkit-scrollbar{display:none}.chat-msg{font-size:12px;line-height:1.3;color:#ddd;word-break:break-word}.chat-msg .chat-name{font-weight:700;color:#81d4fa}.chat-msg.local .chat-name{color:#ffc107}#chat-input-area{display:flex;border-top:1px solid rgba(255,255,255,.1)}#chat-input{flex:1;background:transparent;border:none;color:#fff;font-size:12px;padding:6px 8px;outline:none;font-family:Roboto,sans-serif}#chat-input::placeholder{color:#555}#chat-send{background:transparent;border:none;color:#007bff;font-size:12px;padding:6px 8px;cursor:pointer;font-weight:700;font-family:Roboto,sans-serif}#chat-send:hover{color:#66b2ff}#joystick-base{position:fixed;width:110px;height:110px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);pointer-events:none;z-index:20;transform:translate(-50%,-50%);box-shadow:0 0 20px #007bff26}#joystick-thumb{position:absolute;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#00aaffe6,#0050c8b3);border:2px solid rgba(255,255,255,.4);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;transition:transform .05s}#mobile-buttons{position:fixed;right:16px;bottom:20px;display:flex;flex-direction:row;gap:14px;z-index:20;pointer-events:all}#split-btn,#eject-btn{width:68px;height:68px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0000008c;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:Roboto,sans-serif;transition:background .1s}#split-btn{background:#0050b499;border-color:#64b4ff80;font-size:10px}#split-btn:active,#eject-btn:active{background:#007bffcc}#matchmaking-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:50}#matchmaking-box{background:#0f141ee6;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:40px 48px;text-align:center;min-width:300px;box-shadow:0 25px 60px #000c}.mm-title{font-size:1.4rem;font-weight:800;letter-spacing:.05em;color:#00e5ff;margin-bottom:20px}.mm-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#00e5ff;border-radius:50%;margin:0 auto 20px;animation:mmSpin .9s linear infinite}@keyframes mmSpin{to{transform:rotate(360deg)}}#mm-players-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px;min-height:80px}.mm-player{font-size:14px;color:#81d4fa;background:#ffffff0f;padding:6px 16px;border-radius:20px;animation:mmPlayerIn .3s ease both}.mm-player.mm-self{color:#ffc107;border:1px solid rgba(255,193,7,.3)}@keyframes mmPlayerIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#mm-status{font-size:13px;color:#aaa;letter-spacing:.03em}@media screen and (max-width: 850px),(pointer: coarse){#leaderboard{width:130px!important;font-size:11px!important;padding:6px!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important}#leaderboard h2{font-size:13px!important;margin-bottom:4px!important}#activity-ticker{bottom:95px!important}#activity-ticker li{font-size:11px!important;padding:3px 10px!important}#score{font-size:15px!important;top:10px!important;left:10px!important;bottom:auto!important;right:auto!important}#player-rank{font-size:12px!important;top:35px!important;left:10px!important;bottom:auto!important;right:auto!important}#chat-panel{display:none!important}#quit-button{top:auto!important;bottom:90px!important;left:16px!important}#sound-button{bottom:16px!important;right:64px!important}#mobile-buttons{display:flex!important}}@media screen and (max-width: 850px){#start-menu,#game-over-menu{width:90%;min-width:0!important;max-width:400px;padding:24px;position:relative;top:50%;transform:translateY(-50%)}.menu-container{display:flex;flex-direction:column!important;gap:24px}.menu-left,.menu-right{width:100%!important}.menu-right{border-left:none!important;border-top:1px solid rgba(255,255,255,.1);padding-left:0!important;padding-top:20px}#rules-guide{display:none!important}h1{font-size:2.2rem}.flag-btn{font-size:16px;padding:2px 4px}}