*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#1a1a1a;overflow:hidden}#game-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#80af49}#game-canvas{display:block;cursor:crosshair}#hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}#health-container{position:absolute;bottom:30px;left:30px;display:flex;align-items:center;gap:10px}#health-bar{width:250px;height:35px;background:#0009;border:3px solid rgba(255,255,255,.8);border-radius:5px;overflow:hidden;position:relative}#health-fill{height:100%;background:linear-gradient(90deg,red,#ff0,#0f0);transition:width .3s ease;width:100%}#health-text{font-size:24px;min-width:50px}#weapon-container{position:absolute;bottom:30px;right:30px;text-align:right}#weapon-name{font-size:28px;margin-bottom:5px}#ammo{font-size:20px;color:#ff0}#kill-feed{position:absolute;top:20px;right:20px;width:300px;max-height:200px;overflow:hidden}.kill-message{background:#000000b3;padding:8px 12px;margin-bottom:5px;border-radius:3px;font-size:14px;animation:slideIn .3s ease,fadeOut .5s ease 4.5s}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0}}#menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:none;justify-content:center;align-items:center;z-index:1000}#menu.visible{display:flex}#menu-content{background:#1e1e1ef2;padding:50px;border-radius:10px;text-align:center;color:#fff;box-shadow:0 10px 30px #00000080}#menu-content h1{font-size:48px;margin-bottom:30px;color:#7ec850;text-shadow:3px 3px 6px rgba(0,0,0,.8)}#username-input{width:300px;padding:15px;font-size:18px;border:2px solid #7ec850;border-radius:5px;background:#ffffff1a;color:#fff;margin-bottom:20px;text-align:center}#username-input:focus{outline:none;border-color:#9ee870;background:#ffffff26}#zone-selection{margin:20px 0}#zone-buttons{display:flex;gap:15px;justify-content:center;margin-top:10px}.zone-button{flex:1;max-width:180px;padding:15px 20px;font-size:16px;font-weight:700;background:#ffffff1a;color:#fff9;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:5px}.zone-button .zone-desc{font-size:11px;font-weight:400;opacity:.8}.zone-button:hover{background:#ffffff26;border-color:#ffffff80;transform:scale(1.05)}.zone-button.selected{background:#7ec850;color:#fff;border-color:#9ee870}.zone-button.selected:hover{background:#9ee870}#join-buttons{display:flex;gap:15px;margin-bottom:20px;justify-content:center}#play-button,#spectate-button,#respawn-button{flex:1;max-width:200px;padding:15px 30px;font-size:22px;font-weight:700;background:#7ec850;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .2s;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:visible}#spectate-button{background:#5098e8}#respawn-button{max-width:300px}#play-button:hover,#respawn-button:hover{background:#9ee870;transform:scale(1.05)}#spectate-button:hover{background:#70b0ff;transform:scale(1.05)}#play-button:active,#spectate-button:active,#respawn-button:active{transform:scale(.98)}#play-button:disabled,#spectate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}#controls-info{margin-top:30px;text-align:left;background:#0000004d;padding:20px;border-radius:5px}#controls-info h3{margin-bottom:10px;color:#7ec850}#controls-info p{margin:5px 0;font-size:14px}#death-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;justify-content:center;align-items:center;z-index:999}#death-screen.visible{display:flex}#death-content{text-align:center;color:#fff}#death-content h1{font-size:72px;color:#f44;margin-bottom:30px;text-shadow:4px 4px 8px rgba(0,0,0,.8)}