:root{--bg-dark: #020617;--bg-panel: rgba(15, 23, 42, .7);--cyan: #06b6d4;--magenta: #d946ef;--yellow: #eab308;--red: #ef4444;--glass-border: rgba(6, 182, 212, .3)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;font-family:Inter,"system-ui",sans-serif;background:var(--bg-dark);color:#fff;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;cursor:none}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #06b6d41a;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-icon{color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}.brand h1{margin:0;font-size:1.5rem;color:#fff;letter-spacing:4px;font-weight:900;text-shadow:0 0 10px var(--cyan)}.stats-group{display:flex;gap:16px}.stat-badge{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#ffffff0d;border-radius:8px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.1);letter-spacing:1px}.cloud-badge{color:#94a3b8;border-color:#94a3b84d}.high-score{color:var(--yellow);border-color:#eab3084d;box-shadow:0 0 10px #eab3081a}.icon{width:16px;height:16px}.text-yellow{color:var(--yellow)}.text-cyan{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.text-magenta{color:var(--magenta);text-shadow:0 0 8px var(--magenta)}.text-red{color:var(--red);text-shadow:0 0 8px var(--red)}.game-area{flex:1;position:relative;overflow:hidden;touch-action:none;background:radial-gradient(circle at center,#0f172a,#020617)}.grid-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.1) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg) translateY(-100px) scale(3);transform-origin:top center;animation:gridMove 10s linear infinite}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0) scale(3)}to{transform:perspective(500px) rotateX(60deg) translateY(40px) scale(3)}}.crosshair-cursor{position:absolute;top:0;left:0;z-index:100;pointer-events:none;transform-origin:center;margin-left:-30px;margin-top:-30px;filter:drop-shadow(0 0 8px rgba(34,211,238,.8))}.crosshair-svg{width:60px;height:60px}.crosshair-dot-glow{filter:drop-shadow(0 0 4px var(--red))}.hud{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:20;display:flex;gap:32px;padding:12px 40px;background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000080,inset 0 0 20px #06b6d41a}.hud-item{display:flex;flex-direction:column;align-items:center;min-width:70px}.hud-item .label{font-size:.7rem;color:#94a3b8;letter-spacing:2px;margin-bottom:4px}.hud-item .value{font-size:1.8rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.hud-item.misses{flex-direction:row;gap:8px;font-size:.9rem;font-weight:700;margin-top:auto;margin-bottom:auto;color:#94a3b8}.target-wrapper{position:absolute;z-index:15;transform:translate(-50%,-50%);cursor:none;display:flex;justify-content:center;align-items:center}.target-svg{width:100%;height:100%;overflow:visible}.neon-cyan{color:var(--cyan);filter:drop-shadow(0 0 12px var(--cyan))}.neon-magenta{color:var(--magenta);filter:drop-shadow(0 0 12px var(--magenta))}.neon-yellow{color:var(--yellow);filter:drop-shadow(0 0 12px var(--yellow))}.points-tag{position:absolute;bottom:-24px;background:#000c;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:700;pointer-events:none;border:1px solid rgba(255,255,255,.2)}.explosion-wrapper{position:absolute;z-index:16;transform:translate(-50%,-50%);width:100px;height:100px;pointer-events:none}.explosion-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px currentColor)}.exp-ring{animation:ringExpand .4s ease-out forwards;transform-origin:center}.exp-sparks{animation:sparksShoot .4s ease-out forwards;transform-origin:center}@keyframes ringExpand{0%{r:10;opacity:1;stroke-width:10}to{r:45;opacity:0;stroke-width:0}}@keyframes sparksShoot{0%{transform:scale(.2);opacity:1}to{transform:scale(1.2);opacity:0}}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#02061799;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-panel{background:var(--bg-panel);border:1px solid var(--glass-border);padding:48px;border-radius:24px;box-shadow:0 20px 50px #000c,inset 0 0 30px #06b6d40d;text-align:center;max-width:500px;width:90%;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.neon-text{font-size:2.5rem;color:#fff;margin:0 0 16px;text-shadow:0 0 15px var(--cyan);letter-spacing:2px}.neon-text.text-red{text-shadow:0 0 15px var(--red)}.glass-panel .desc{color:#cbd5e1;line-height:1.6;margin-bottom:32px;font-size:.95rem}.level-selector{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.level-selector span{color:#94a3b8;font-size:.9rem;letter-spacing:1px}.level-btn{width:44px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-weight:700;font-size:1rem;cursor:none;transition:all .2s}.level-btn.active{background:#06b6d433;color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 15px #06b6d466}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 48px;font-size:1.1rem;font-weight:800;border-radius:12px;border:1px solid transparent;cursor:none;text-transform:uppercase;letter-spacing:2px;transition:all .2s}.action-btn.primary{background:#06b6d41a;color:var(--cyan);border-color:var(--cyan)}.action-btn.secondary{background:#d946ef1a;color:var(--magenta);border-color:var(--magenta)}.final-score-box{background:#0006;padding:32px;border-radius:16px;margin-bottom:24px;position:relative;border:1px solid rgba(255,255,255,.05)}.score-label{color:#94a3b8;font-size:.85rem;letter-spacing:4px;margin-bottom:12px}.score-number{font-size:5rem;font-weight:900;line-height:1}.new-record-tag{position:absolute;top:-12px;right:-12px;background:var(--red);color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;font-size:.8rem;box-shadow:0 4px 12px #ef444480;transform:rotate(5deg);letter-spacing:1px}.stats-row{display:flex;justify-content:center;gap:32px;margin-bottom:40px;color:#cbd5e1;font-size:.9rem}.pulse{animation:pulseAnim 1s infinite alternate}.pulse-fast{animation:pulseAnim .5s infinite alternate}@keyframes pulseAnim{0%{opacity:.4}to{opacity:1}}.spin-slow{animation:spinAnim 4s linear infinite;transform-origin:center}.spin-reverse{animation:spinAnimRev 3s linear infinite;transform-origin:center}@keyframes spinAnim{to{transform:rotate(360deg)}}@keyframes spinAnimRev{to{transform:rotate(-360deg)}}.danger{color:var(--red)!important;text-shadow:0 0 10px var(--red)}