body{margin:0;font-family:Arial,sans-serif;background-color:#0a0a2a;color:#e0e0e0;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 15px #00ffff,0 0 20px #00ffff,0 0 25px #ff00ff,0 0 30px #ff00ff}.app-container{position:relative;width:600px;height:800px;border:2px solid #00ffff;box-shadow:0 0 20px #00ffffb3,0 0 40px #ff00ff80;overflow:hidden;background-color:#000}.cloud-sync-indicator{position:absolute;top:10px;right:10px;background-color:#0009;color:#0ff;padding:5px 10px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:1px;text-shadow:0 0 3px #00ffff;z-index:100}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #00ffff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay p{color:#fff;font-size:16px;text-shadow:0 0 5px #00ffff}.game-canvas{display:block;background-color:transparent;z-index:1}.scene{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:10;background:linear-gradient(to bottom,#0a0a28e6,#302360e6,#633a8ae6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.start-scene{color:#0ff}.title{font-size:3.5em;margin-bottom:10px;letter-spacing:2px;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff}.logo{width:120px;height:120px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;border:3px solid #ff00ff;border-radius:50%;box-shadow:0 0 15px #f0f,0 0 30px #f0f;background-color:#ff00ff1a}.logo-img{max-width:80%;max-height:80%;object-fit:contain}.logo-fallback{font-size:60px;line-height:1}.subtitle{font-size:1.2em;margin-bottom:40px;color:#e0e0e0;text-shadow:0 0 5px #ffffff}.button{padding:15px 30px;font-size:1.2em;font-weight:700;color:#0ff;background-color:transparent;border:2px solid #00ffff;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:10px 0;text-shadow:0 0 5px #00ffff;box-shadow:0 0 8px #00ffff80}.button:hover{background-color:#0ff;color:#0a0a2a;text-shadow:none;box-shadow:0 0 15px #0ffc,0 0 25px #0ff9}.start-button{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 8px #00ffff80}50%{transform:scale(1.05);box-shadow:0 0 15px #0ffc,0 0 25px #0ff9}to{transform:scale(1);box-shadow:0 0 8px #00ffff80}}.high-score{margin-top:30px;font-size:1.1em;color:#fff;text-shadow:0 0 5px #ffffff}.gameover-scene{color:#f0f}.gameover-scene .title{text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff}.score-display,.high-score-display{font-size:1.8em;margin:10px 0;font-weight:700;text-shadow:0 0 5px #ffffff}.high-score-display{color:#ff0;text-shadow:0 0 8px #ffff00}.restart-button{border-color:#f0f;color:#f0f;box-shadow:0 0 8px #ff00ff80}.restart-button:hover{background-color:#f0f;color:#0a0a2a;box-shadow:0 0 15px #f0fc,0 0 25px #f0f9}.menu-button{background-color:#f0f3;border-color:#f0f;color:#f0f;box-shadow:0 0 8px #ff00ff80}.menu-button:hover{background-color:#f0f;color:#0a0a2a;box-shadow:0 0 15px #f0fc,0 0 25px #f0f9}@media (max-width: 600px){.app-container{width:100%;height:100vh;border:none;box-shadow:none}.game-canvas{width:100%;height:100%}.title{font-size:2.5em}.subtitle{font-size:1em}.button{padding:12px 25px;font-size:1em}.score-display,.high-score-display{font-size:1.5em}.cloud-sync-indicator{font-size:10px;padding:4px 8px}}