body{margin:0;overflow:hidden;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e1a;color:#e0e0e0;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.game-container{position:relative;width:100vw;height:100vh;background:linear-gradient(to bottom,#0a0e1a,#1a1f3a);overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:inset 0 0 50px #00f5ff1a,inset 0 0 100px #bd00ff0d}.cloud-status{position:absolute;top:10px;right:10px;color:#6b7280;font-size:.8em;display:flex;align-items:center;gap:5px;z-index:1000;text-shadow:0 0 5px rgba(0,245,255,.3)}.cloud-status .spin{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-screen,.game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0e1ae6;z-index:10;text-align:center}.game-title{font-family:JetBrains Mono,monospace;font-size:4em;color:#00f5ff;text-shadow:0 0 10px #00F5FF,0 0 20px #00F5FF,0 0 30px #00F5FF;letter-spacing:.08em;margin-bottom:.2em;text-transform:uppercase}.game-subtitle{font-size:1.2em;color:#e0e0e0;margin-bottom:1.5em;letter-spacing:.05em}.start-button,.restart-button{background:linear-gradient(45deg,#ff006e,#bd00ff);border:none;padding:15px 30px;border-radius:8px;color:#e0e0e0;font-family:JetBrains Mono,monospace;font-size:1.2em;cursor:pointer;box-shadow:0 0 15px #ff006e99,0 0 25px #bd00ff66;transition:all .3s ease;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.05em}.start-button:hover,.restart-button:hover{box-shadow:0 0 20px #ff006ecc,0 0 35px #bd00ff99;transform:translateY(-2px)}.instructions{margin-top:3em;font-size:.9em;color:#6b7280;line-height:1.6;text-shadow:0 0 5px rgba(0,245,255,.1)}.instructions p{margin:.5em 0}.high-score-display{margin-top:1.5em;font-family:JetBrains Mono,monospace;font-size:1.1em;color:#39ff14;text-shadow:0 0 8px #39FF14;display:flex;align-items:center;gap:8px}.game-play-area{position:relative;width:100%;height:100%;overflow:hidden}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:5;font-family:JetBrains Mono,monospace;font-size:1.4em;letter-spacing:.03em}.score-display{color:#00f5ff;text-shadow:0 0 8px #00F5FF}.lives-display{display:flex;gap:5px}.lives-display svg{filter:drop-shadow(0 0 5px #FF006E)}.player{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:80px;height:80px;border-radius:15px;display:flex;justify-content:center;align-items:center;z-index:3;box-shadow:0 0 15px var(--player-color, #FF006E),0 0 25px var(--player-color, #FF006E);transition:background-color .1s ease-out,box-shadow .1s ease-out}.player-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px var(--player-color, #FF006E))}.player svg{width:100%;height:100%;filter:drop-shadow(0 0 8px var(--player-color, #FF006E))}.obstacle{position:absolute;width:70px;height:70px;display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none}.obstacle-image{width:100%;height:100%;object-fit:contain}.obstacle svg{width:100%;height:100%}.obstacle-glow{position:absolute;width:100%;height:100%;border-radius:50%;filter:blur(10px);opacity:.6;z-index:-1}.obstacle-square .obstacle-glow{border-radius:10px}.obstacle-triangle .obstacle-glow{clip-path:polygon(50% 0%,100% 100%,0% 100%);border-radius:0}.score-popup{position:absolute;color:#39ff14;font-family:JetBrains Mono,monospace;font-size:1.5em;font-weight:700;text-shadow:0 0 10px #39FF14;pointer-events:none;z-index:4}.touch-controls{position:absolute;bottom:20px;width:100%;display:flex;justify-content:center;gap:15px;z-index:10}.touch-button{width:60px;height:60px;border-radius:50%;border:2px solid rgba(255,255,255,.2);color:#e0e0e0;font-family:JetBrains Mono,monospace;font-size:1.2em;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 0 8px #ffffff4d;transition:all .2s ease;background-color:#ffffff1a}.touch-button.active{border-color:#e0e0e0;box-shadow:0 0 15px var(--button-color),0 0 25px var(--button-color);transform:scale(1.1)}.touch-button:nth-child(1){--button-color: #FF006E}.touch-button:nth-child(2){--button-color: #00F5FF}.touch-button:nth-child(3){--button-color: #39FF14}.touch-button:nth-child(4){--button-color: #BD00FF}.game-over-title{font-family:JetBrains Mono,monospace;font-size:5em;color:#ff006e;text-shadow:0 0 15px #FF006E,0 0 30px #FF006E,0 0 45px #FF006E;margin-bottom:.3em;text-transform:uppercase}.final-score{font-size:1.8em;color:#e0e0e0;margin-bottom:.5em;letter-spacing:.05em}.new-high-score{font-family:JetBrains Mono,monospace;font-size:1.5em;color:#39ff14;text-shadow:0 0 10px #39FF14;margin-top:1em;margin-bottom:1em}.restart-button{margin-top:2em}@media (max-width: 768px){.game-title{font-size:2.5em}.game-over-title{font-size:3.5em}.start-button,.restart-button{padding:12px 25px;font-size:1em}.hud{font-size:1.2em}.player{bottom:30px;width:70px;height:70px}.obstacle{width:60px;height:60px}.touch-controls{bottom:10px;gap:10px}.touch-button{width:50px;height:50px;font-size:1em}.instructions{margin-top:1.5em;font-size:.8em}}