:root{--bg-color: #0f172a;--neon-pink: #ff2a85;--neon-blue: #4dabf7;--neon-green: #6bcb77;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:linear-gradient(var(--glass-border) 1px,transparent 1px),linear-gradient(90deg,var(--glass-border) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg) translateY(-100px) scale(2);animation:gridMove 10s linear infinite;opacity:.3;pointer-events:none}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0) scale(2)}to{transform:perspective(500px) rotateX(60deg) translateY(40px) scale(2)}}.cloud-status-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:6px;background:#0009;padding:4px 12px;border-radius:20px;font-size:12px;color:#aaa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toast-msg{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:100;background:#4dabf733;border:1px solid var(--neon-blue);color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;box-shadow:0 0 10px #4dabf780;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.screen-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:40}.game-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.neon-text-pink{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px var(--neon-pink),0 0 40px var(--neon-pink)}.neon-text{color:#fff;text-shadow:0 0 5px #fff,0 0 10px var(--neon-blue),0 0 20px var(--neon-blue)}.start-btn{padding:16px 40px;font-size:1.5rem;font-weight:700;color:#fff;background:transparent;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.neon-box{border:2px solid var(--neon-pink);box-shadow:0 0 10px var(--neon-pink),inset 0 0 10px var(--neon-pink)}.neon-box:hover{background:var(--neon-pink);box-shadow:0 0 20px var(--neon-pink),inset 0 0 20px var(--neon-pink)}.neon-box-blue{border:2px solid var(--neon-blue);box-shadow:0 0 10px var(--neon-blue),inset 0 0 10px var(--neon-blue)}.neon-box-blue:hover{background:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue),inset 0 0 20px var(--neon-blue)}.hud-panel{position:relative;z-index:20;display:flex;justify-content:space-between;padding:15px 30px;margin:20px;border-radius:20px}.hud-item{display:flex;flex-direction:column}.focus-message{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);z-index:30;font-size:3rem;font-weight:black;pointer-events:none}.play-area{flex:1;position:relative;z-index:10;width:100%;height:100%;cursor:crosshair}.target-wrapper{position:absolute;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;cursor:pointer;touch-action:none}.target-timer-ring{position:absolute;width:140%;height:140%;border-radius:50%;border:2px dashed rgba(255,255,255,.5);pointer-events:none;animation:shrink linear forwards}@keyframes shrink{0%{transform:scale(1);opacity:.8}80%{border-color:#ff6b6b;opacity:1}to{transform:scale(.5);opacity:0}}.explosion-wrapper{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:15}.drop-shadow-glow-red{filter:drop-shadow(0 0 8px #ff6b6b)}.drop-shadow-glow-blue{filter:drop-shadow(0 0 8px #4dabf7)}.drop-shadow-glow-green{filter:drop-shadow(0 0 8px #6bcb77)}.floating-anim{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0)}}
