:root{--neon-blue: #00f2ff;--neon-pink: #ff0055;--neon-purple: #bc13fe;--neon-yellow: #ffd700;--bg-black: #020205}body{margin:0;padding:0;background:var(--bg-black);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;overflow:hidden;-webkit-user-select:none;user-select:none}.game-viewport{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at center,#0a0a20,#020205);overflow:hidden;cursor:pointer}.cyber-grid{position:absolute;top:0;right:0;left:0;background-image:linear-gradient(rgba(0,242,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.05) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(60deg);transform-origin:center bottom;height:100%;bottom:-100px;opacity:.6}.ground-line{position:absolute;left:0;right:0;height:6px;background:var(--neon-blue);box-shadow:0 0 15px var(--neon-blue),0 0 30px var(--neon-blue);z-index:10}.game-hud{position:absolute;top:30px;left:30px;right:30px;z-index:100;display:flex;flex-direction:column;gap:15px}.hud-row{display:flex;justify-content:space-between;font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#fff9}.cloud-status{display:flex;align-items:center;gap:8px;color:var(--neon-blue)}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.hud-main-stats{display:flex;align-items:center;gap:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px 30px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080}.stat-item{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800}.neon-text-blue{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.life-container{display:flex;gap:6px}.distance-tag{margin-left:auto;color:var(--neon-pink);font-family:monospace;font-size:24px}.player-entity{position:absolute;z-index:20;transition:transform .05s linear}.player-entity .sprite{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px var(--neon-blue))}.player-trail{position:absolute;bottom:0;left:10%;width:80%;height:4px;background:var(--neon-blue);filter:blur(10px);opacity:.8}.obstacle-entity{position:absolute;display:flex;justify-content:center;align-items:center;z-index:15}.obstacle-entity img{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 0 20px var(--neon-pink))}.coin-entity{position:absolute;width:50px;height:50px;z-index:12}.coin-entity img{width:100%;height:100%;animation:rotate-coin 2s linear infinite;filter:drop-shadow(0 0 15px var(--neon-yellow))}@keyframes rotate-coin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-panel{background:linear-gradient(145deg,#141428e6,#0a0a14e6);padding:60px;border-radius:40px;border:2px solid var(--neon-blue);text-align:center;box-shadow:0 0 50px #00f2ff33;max-width:500px}.title-glitch{font-size:48px;font-weight:900;margin:20px 0;background:linear-gradient(to right,var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.action-btn{margin-top:40px;padding:20px 50px;font-size:24px;font-weight:700;border:none;border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:#fff}.start-btn{background:var(--neon-blue);box-shadow:0 0 30px #00f2ff66}.start-btn:hover{transform:scale(1.1);box-shadow:0 0 50px var(--neon-blue)}.retry-btn{background:var(--neon-pink);box-shadow:0 0 30px #f056}.danger-text{color:var(--neon-pink);font-size:36px;margin-bottom:30px}.final-stats{background:#ffffff0d;padding:20px;border-radius:20px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;margin:10px 0;font-size:20px}.record-badge{color:var(--neon-yellow);font-weight:700;font-size:24px;margin:20px 0;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-black);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000}.cyber-spinner{width:70px;height:70px;border:4px solid rgba(0,242,255,.1);border-top:4px solid var(--neon-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:25px}@keyframes spin{to{transform:rotate(360deg)}}