body{margin:0;overflow:hidden;background:#06080d;color:#fff;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}#hud{position:fixed;top:10px;left:10px;z-index:10;display:flex;flex-direction:column;gap:10px}#info{background:rgba(0,0,0,0.6);padding:8px 12px;border-radius:8px;font-size:14px;transition:all 0.3s}#leaderboard{background:rgba(0,0,0,0.7);border-radius:8px;padding:10px;width:200px;border:1px solid rgba(255,255,255,0.1)}#leaderboard h3{margin:0 0 10px 0;font-size:14px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:5px}.leaderboard-item{display:flex;align-items:center;margin-bottom:5px;font-size:12px}.leaderboard-rank{width:20px;text-align:center;margin-right:5px}.leaderboard-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-score{font-weight:bold}#gameChat{position:fixed;bottom:10px;left:10px;width:300px;height:200px;background:rgba(0,0,0,0.7);border-radius:8px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,0.1);overflow:hidden}.chat-messages{flex-grow:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:5px}.chat-message{font-size:13px;word-break:break-word}.chat-system-message{font-style:italic;color:#aaa}.chat-input-container{display:flex;border-top:1px solid rgba(255,255,255,0.1)}.chat-input-container input{flex-grow:1;background:rgba(255,255,255,0.1);border:none;padding:8px;color:#fff;font-size:14px}.chat-input-container button{padding:8px;background:#0aa3ff;border:none;color:#fff;cursor:pointer}#startScreen{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,0.85);z-index:20;transition:opacity 0.6s ease;padding:20px}#startScreen.fade-out{opacity:0;pointer-events:none}.logo{text-align:center;margin-bottom:20px}.logo h1{margin:0;font-size:36px}.logo p{margin:5px 0 0;color:#aaa;font-size:14px}.tabs{display:flex;gap:5px;margin-bottom:20px}.tab-btn{padding:8px 16px;background:rgba(255,255,255,0.1);border:none;color:#fff;border-radius:20px;cursor:pointer;transition:all 0.2s}.tab-btn.active{background:#0aa3ff}.tab-content{background:rgba(10,12,16,0.8);padding:20px;border-radius:10px;width:400px;max-width:90vw;display:flex;flex-direction:column;gap:15px}#lobbyChat{height:300px;display:flex;flex-direction:column;overflow:hidden}input,button{padding:12px;border-radius:6px;border:none;font-size:16px}button{background:#0aa3ff;color:#fff;cursor:pointer;transition:all 0.2s}button:hover{background:#0891e0}.game-modes{text-align:center}.game-modes h4{margin:0 0 10px;color:#aaa}.mode-selector{display:flex;gap:5px}.mode-btn{flex:1;font-size:14px;padding:8px}.mode-btn.active{background:#19c928}.footer{margin-top:20px;font-size:12px;color:#777;text-align:center}.footer a{color:#0aa3ff;text-decoration:none}.stats-container{text-align:center}#playerStats{background:rgba(255,255,255,0.05);padding:15px;border-radius:8px;font-size:14px}canvas{display:block;width:100vw;height:100vh}#joystick{position:fixed;bottom:70px;left:70px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.08);display:none;align-items:center;justify-content:center}#joyInner{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.5)}#notifications{position:fixed;top:60px;right:20px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification{background:rgba(0,0,0,0.8);color:white;padding:10px 15px;border-radius:5px;font-size:14px;opacity:1;transition:all 0.5s;border-left:3px solid #0aa3ff;max-width:300px}.notification.success{border-left-color:#19c928}.notification.error{border-left-color:#ff3860}.notification.fadeout{opacity:0;transform:translateX(10px)}@media (max-width:768px){#joystick{display:flex}#gameChat{width:250px;height:150px}#leaderboard{width:150px}}