*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e;color:#fff;overflow:hidden}#game-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}canvas{display:block}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2ef2;display:flex;align-items:center;justify-content:center;z-index:100}.title-content{text-align:center;padding:2rem}.game-title{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.game-subtitle{font-size:1.2rem;color:#a0a0a0;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group input{width:100%;max-width:300px;padding:.8rem 1rem;font-size:1rem;border:2px solid #333;border-radius:8px;background:#16213e;color:#fff;text-align:center;transition:border-color .3s}.input-group input:focus{outline:none;border-color:#667eea}.error-message{display:block;color:#ff4757;font-size:.9rem;margin-top:.5rem;min-height:1.2rem}.difficulty-selector{margin-bottom:1.5rem}.difficulty-label{display:block;font-size:.9rem;color:#a0a0a0;margin-bottom:.5rem}.difficulty-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.difficulty-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border:2px solid #333;border-radius:6px;background:#16213e;color:#fff;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.05em}.difficulty-btn:hover:not(.locked){border-color:#667eea;background:#667eea33;transform:translateY(-1px)}.difficulty-btn.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.difficulty-btn.locked{opacity:.5;cursor:not-allowed;border-color:#444}.difficulty-btn.locked:hover{transform:none}.button-group{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.btn{padding:.8rem 1.5rem;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-secondary{background:#16213e;color:#fff;border:2px solid #667eea}.btn-secondary:hover{background:#667eea}.btn-small{padding:.5rem 1rem;font-size:.9rem}.private-room-join{display:flex;gap:.5rem;justify-content:center;align-items:center}.private-room-join input{width:120px;padding:.5rem;font-size:1rem;border:2px solid #333;border-radius:8px;background:#16213e;color:#fff;text-align:center;text-transform:uppercase}.room-code-display{margin-top:1.5rem;padding:1rem;background:#16213e;border-radius:8px;border:2px solid #667eea}.room-code-display p{color:#a0a0a0;margin-bottom:.5rem}#room-code-text{font-size:2rem;font-weight:700;color:#667eea;letter-spacing:.2em}.hud{position:fixed;top:0;left:0;width:100%;padding:1rem;pointer-events:none;z-index:50}.health-bar{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:300px;height:30px;background:#00000080;border-radius:15px;overflow:hidden;border:2px solid #333}.health-bar-fill{height:100%;background:linear-gradient(90deg,#ff4757,#ffa502,#2ed573);transition:width .3s;width:100%}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.kills-display{position:absolute;top:1rem;right:5rem;font-size:1.2rem;font-weight:700}.kills-label{color:#a0a0a0}.kills-value{color:#667eea;margin-left:.5rem}.players-list{position:absolute;top:1rem;left:1rem;background:#00000080;padding:.5rem 1rem;border-radius:8px;font-size:.9rem}.player-entry{margin-bottom:.25rem}.player-entry:last-child{margin-bottom:0}.reconnecting-content{text-align:center}.reconnecting-content p{font-size:1.5rem;color:#ffa502}.mute-btn{position:fixed;top:1rem;right:1rem;width:40px;height:40px;background:#00000080;border:2px solid #333;border-radius:8px;cursor:pointer;font-size:1.2rem;z-index:200;transition:all .3s}.mute-btn:hover{background:#667eea4d;border-color:#667eea}#mute-icon{display:block;line-height:36px}.kill-feed{position:fixed;top:5rem;right:1rem;width:250px;pointer-events:none;z-index:50}.kill-entry{background:#000000b3;padding:.5rem 1rem;margin-bottom:.5rem;border-radius:4px;font-size:.9rem;animation:fadeIn .3s ease-out}.kill-entry .killer{color:#667eea;font-weight:700}.kill-entry .victim{color:#ff4757}.survival-timer{position:fixed;top:50%;left:1rem;transform:translateY(-50%);background:#000c;border:2px solid #667eea;border-radius:8px;padding:1rem;pointer-events:none;z-index:50;min-width:150px}.survival-label{font-size:.75rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;text-align:center}.survival-time{font-size:1.5rem;font-weight:700;color:#667eea;text-align:center;margin-bottom:.25rem}.survival-damage{font-size:.85rem;color:#ffa502;text-align:center}.notification{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem;border-radius:12px;z-index:1000;color:#fff;text-align:center;box-shadow:0 10px 40px #667eea80}.notification.nightmare-unlock{animation:pulse 2s ease-in-out infinite}.notification-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.notification-message{font-size:1rem;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-40%)}}@keyframes pulse{0%,to{box-shadow:0 10px 40px #667eea80}50%{box-shadow:0 10px 60px #667eeacc}}