.app-container{width:100%;height:100vh;background:#0a0a0f;display:flex;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;color:#fff;overflow:hidden}.game-wrapper{width:800px;position:relative}.hud-top{display:flex;justify-content:space-between;padding:10px 20px;background:#14141ecc;border:1px solid #333;border-bottom:none;border-radius:8px 8px 0 0;font-size:14px}.hud-item{display:flex;align-items:center;gap:8px;color:#00f2ff;text-shadow:0 0 5px #00f2ff}.score-display{font-size:20px;font-weight:700}.cloud-sync{font-size:12px;opacity:.7;color:#aaa}.game-canvas{width:800px;height:500px;background:radial-gradient(circle at center,#1a1a2e,#0a0a0f);position:relative;border:2px solid #333;border-radius:0 0 8px 8px;overflow:hidden;cursor:crosshair}.game-canvas.rewinding{filter:invert(.1) sepia(1) saturate(5) hue-rotate(180deg)}.game-canvas.bullet-time{box-shadow:inset 0 0 100px #ffff001a}.entity{position:absolute;width:50px;height:50px;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;z-index:10}.entity img{width:100%;height:100%;object-fit:contain}.player-glow{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(0,242,255,.3) 0%,transparent 70%);z-index:-1}.bullet{position:absolute;width:15px;height:15px;transform:translate(-50%,-50%);z-index:5}.bullet img{width:100%;height:100%}.bullet.player{filter:drop-shadow(0 0 5px #00f2ff)}.bullet.enemy{filter:drop-shadow(0 0 5px #ff0055)}.hud-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;gap:30px;pointer-events:none}.stat-group{display:flex;align-items:center;gap:10px;background:#00000080;padding:5px 15px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.health-bar{width:100px;height:8px;background:#333;border-radius:4px;overflow:hidden}.health-bar .fill{height:100%;background:#f05;box-shadow:0 0 10px #f05;transition:width .3s ease}.count-badge{font-weight:700;color:#00f2ff}.hint-text{font-size:10px;color:#666}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlay h1{font-size:64px;margin:0;background:linear-gradient(to bottom,#fff,#00f2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:10px}.btn-primary{background:transparent;border:2px solid #00f2ff;color:#00f2ff;padding:15px 40px;font-size:20px;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:10px;margin-top:30px;transition:all .3s;text-transform:uppercase}.btn-primary:hover{background:#00f2ff;color:#000;box-shadow:0 0 30px #00f2ff}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,3px 100%;pointer-events:none;z-index:50}.rewind-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#00f2ff;animation:blink .2s infinite;z-index:60}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.icon-red{color:#f05;filter:drop-shadow(0 0 5px #ff0055)}.icon-blue{color:#00f2ff;filter:drop-shadow(0 0 5px #00f2ff)}.icon-yellow{color:#fc0;transition:all .3s}.icon-yellow.active{filter:drop-shadow(0 0 10px #ffcc00);transform:scale(1.2)}.icon-dim{color:#333}.controls-hint{margin-top:40px;font-size:12px;color:#666;letter-spacing:2px}