.extreme-sports-app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#e0e0e0;font-family:"Press Start 2P",cursive,sans-serif;position:relative;overflow:hidden}@font-face{font-family:"Press Start 2P";src:url(https://fonts.gstatic.com/s/pressstart2p/v15/8mik-F_zPqdcpxHRlQ8zFb_x_qEydxYQ.woff2) format("woff2");font-weight:400;font-style:normal}:root{--neon-blue: #00f0ff;--neon-green: #00ff88;--neon-purple: #ff00ff;--neon-red: #ff0055;--neon-yellow: #ffee00;--game-bg-dark: #0a0a2a;--game-bg-light: #1c1c4d;--text-color: #e0e0e0;--button-bg: #2a2a5a;--button-hover: #3a3a6a;--button-active: #1a1a4a}.cloud-status{position:absolute;top:10px;right:10px;background:#00000080;padding:5px 10px;border-radius:5px;font-size:.8em;color:var(--neon-blue);box-shadow:0 0 5px var(--neon-blue);z-index:100}.cloud-save-toast{position:absolute;top:50px;right:10px;background:#000000b3;padding:8px 15px;border-radius:8px;font-size:.9em;color:var(--neon-green);box-shadow:0 0 8px var(--neon-green);z-index:101}.game-container{position:relative;width:400px;height:600px;border:4px solid var(--neon-blue);border-radius:15px;overflow:hidden;box-shadow:0 0 20px var(--neon-blue),0 0 40px var(--neon-purple),0 0 60px var(--neon-red);background:var(--game-bg-dark)}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--game-bg-light)}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;z-index:10}.game-title{font-size:2.2em;margin-bottom:15px;color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow),0 0 10px var(--neon-yellow)}.game-subtitle{font-size:1em;margin-bottom:30px;color:var(--text-color)}.sport-selection{display:flex;gap:15px;margin-bottom:30px}.sport-button{background:var(--button-bg);color:var(--text-color);border:2px solid var(--neon-blue);border-radius:10px;padding:10px 15px;font-size:.9em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 0 8px #00f0ff4d}.sport-button:hover{background:var(--button-hover);border-color:var(--neon-green);box-shadow:0 0 12px #00ff8880}.sport-button.active{background:var(--neon-blue);color:var(--game-bg-dark);border-color:var(--neon-purple);box-shadow:0 0 15px var(--neon-purple);font-weight:700}.action-button{background:var(--neon-green);color:var(--game-bg-dark);border:none;border-radius:10px;padding:12px 25px;font-size:1.1em;cursor:pointer;transition:all .3s ease;margin-top:15px;box-shadow:0 0 15px #00ff88b3;display:flex;align-items:center;gap:10px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.action-button:hover{background:var(--neon-blue);box-shadow:0 0 20px #00f0ffcc}.high-score-display{margin-top:30px;font-size:1em;color:var(--neon-purple);display:flex;align-items:center;gap:8px;text-shadow:0 0 5px var(--neon-purple)}.loading-images{margin-top:20px;font-size:.9em;color:var(--neon-yellow);text-shadow:0 0 3px var(--neon-yellow)}.in-game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;display:flex;flex-direction:column;justify-content:space-between}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px;width:100%;box-sizing:border-box}.hud-top{background:linear-gradient(to bottom,#000000b3,#0000)}.hud-bottom{background:linear-gradient(to top,#000000b3,#0000)}.score-display{font-size:1.2em;color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow)}.lives-display{display:flex;gap:5px}.level-progress{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.level-text{font-size:.9em;color:var(--neon-green);text-shadow:0 0 3px var(--neon-green)}.progress-bar-container{width:100px;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--neon-purple);border-radius:4px}.pause-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer;pointer-events:all;box-shadow:0 0 10px #00f0ff80}.pause-button:hover{background:#fff3;border-color:var(--neon-blue)}.overlay-title{font-size:2em;margin-bottom:20px;color:var(--neon-red);text-shadow:0 0 8px var(--neon-red),0 0 15px var(--neon-red)}.final-score,.high-score-text{font-size:1.2em;margin-bottom:10px;color:var(--text-color)}.score-value{color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow);font-weight:700}.game-over-screen .action-button{background:var(--neon-red);box-shadow:0 0 15px #ff0055b3}.game-over-screen .action-button:hover{background:var(--neon-purple);box-shadow:0 0 20px #f0fc}.touch-controls{position:absolute;bottom:0;left:0;width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;pointer-events:all}.touch-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer;box-shadow:0 0 10px #00f0ff80;flex-shrink:0}.touch-button:hover{background:#fff3;border-color:var(--neon-blue)}.touch-vertical-buttons{display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center}.touch-vertical-buttons .touch-button{width:50px;height:50px}