*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}#app{width:100vw;height:100vh;position:relative}#game-canvas{display:block;width:100%;height:100%}.hidden{display:none!important}#loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:100}#loading-screen h1{font-size:6rem;font-weight:900;letter-spacing:.3em;color:gold;text-shadow:0 0 40px rgba(255,215,0,.5);margin-bottom:1rem}#loading-screen p{font-size:1.2rem;color:#aaa;margin-bottom:2rem}.progress-bar{width:300px;height:4px;background:#333;border-radius:2px;overflow:hidden}.progress-fill{width:0%;height:100%;background:gold;transition:width .3s ease}#click-to-start{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;z-index:50;cursor:pointer;gap:20px}.title-container{text-align:center}#click-to-start h2{font-size:5rem;font-weight:900;color:gold;text-shadow:0 0 40px rgba(255,215,0,.5),0 0 80px rgba(255,215,0,.2);margin-bottom:.3rem;letter-spacing:.15em;animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 40px rgba(255,215,0,.5),0 0 80px rgba(255,215,0,.2)}50%{text-shadow:0 0 60px rgba(255,215,0,.7),0 0 120px rgba(255,215,0,.3)}}.title-subtitle{font-size:.9rem;color:#888;letter-spacing:.4em;margin-bottom:.8rem}.title-tagline{font-size:1rem;color:#aaa;font-style:italic}.click-prompt{font-size:1.4rem;color:#fff;animation:promptBlink 2s ease-in-out infinite}@keyframes promptBlink{0%,to{opacity:1}50%{opacity:.4}}.controls-box{display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;padding:16px 24px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.control-row{font-size:.85rem;color:#888;display:flex;align-items:center;gap:8px}.key{display:inline-block;padding:2px 8px;background:#ffd70026;color:gold;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.05em;min-width:45px;text-align:center}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;-webkit-user-select:none;user-select:none;pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fffc;box-shadow:0 0 3px #000c}#crosshair:before{top:50%;left:2px;right:2px;height:2px;transform:translateY(-50%)}#crosshair:after{left:50%;top:2px;bottom:2px;width:2px;transform:translate(-50%)}#crosshair.firing:before,#crosshair.firing:after{background:#ff0;box-shadow:0 0 8px #ff09}#score-display{position:absolute;top:20px;right:30px;font-size:2.5rem;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.6)}#timer-display{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}#combo-display{position:absolute;top:70px;right:30px;font-size:1.2rem;font-weight:600;color:#ff6b35;text-shadow:0 2px 6px rgba(0,0,0,.5)}#weapon-display{position:absolute;bottom:30px;right:30px;font-size:1.1rem;color:#ccc;text-shadow:0 2px 6px rgba(0,0,0,.5);padding:8px 16px;background:#0006;border-radius:6px;border:1px solid rgba(255,255,255,.1)}#hit-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-80px);font-size:1.8rem;font-weight:700;pointer-events:none;text-align:center}.hit-text{animation:hitFloat 1s ease-out forwards}.hit-text.positive{color:#4cff50}.hit-text.negative{color:#f44}.hit-text.golden{color:gold;font-size:2.5rem;text-shadow:0 0 20px rgba(255,215,0,.6)}@keyframes hitFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}#minimap{position:absolute;bottom:20px;left:20px;width:180px;height:180px;background:#0009;border:2px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden}#minimap canvas{width:100%;height:100%}@keyframes killFeedSlide{0%{opacity:1;transform:translate(20px)}10%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0;transform:translate(-10px)}}@keyframes countdownPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.powerup-indicator{position:absolute;top:100px;left:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.powerup-badge{padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:600;animation:powerupPulse 1.5s ease-in-out infinite}@keyframes powerupPulse{0%,to{opacity:.8}50%{opacity:1}}