@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap";:root{--bg: #FFFFFF;--surface: #F7F7F7;--primary: #3DA000;--primary-dark: #2C7A00;--accent: #E51919;--text: #1F1F1F;--text-muted: #5C5C5C;--border: #E5E5E5;--success: #3DA000;--warning: #A87C00;--danger: #E51919;--radius: 20px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}body{margin:0;padding:0;background:radial-gradient(circle at 10% 20%,#E5191933 0%,transparent 40%),radial-gradient(circle at 90% 80%,#3DA00022 0%,transparent 40%),var(--bg);color:var(--text);font-family:Quicksand,ZCOOL KuaiLe,Nunito,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;width:100%;max-width:800px;height:100vh;max-height:600px;background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:20px;box-sizing:border-box}.cloud-badge{position:absolute;top:15px;right:15px;background-color:var(--primary);color:var(--bg);padding:5px 10px;border-radius:10px;font-size:.8em;font-weight:600;z-index:100;box-shadow:var(--shadow)}.cloud-toast{position:absolute;top:50px;right:15px;background-color:var(--text);color:var(--bg);padding:8px 15px;border-radius:10px;font-size:.9em;z-index:101;opacity:.9;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:.9;transform:translateY(0)}80%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.start-screen,.game-over-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;padding:20px;box-sizing:border-box}.game-title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:3.5em;color:var(--primary-dark);margin-bottom:20px;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.high-score-display{font-size:1.5em;color:var(--text-muted);margin-bottom:30px;font-weight:500}.start-button,.retry-button{background-color:var(--primary);color:var(--bg);border:none;border-radius:var(--radius);padding:15px 30px;font-size:1.8em;font-family:ZCOOL KuaiLe,Quicksand,sans-serif;cursor:pointer;box-shadow:var(--shadow);transition:background-color .3s ease,transform .1s ease;margin-top:20px}.start-button:hover,.retry-button:hover{background-color:var(--primary-dark)}.start-button:active,.retry-button:active{transform:scale(.98)}.start-button:disabled,.retry-button:disabled{background-color:var(--text-muted);cursor:not-allowed}.instructions{font-size:1.1em;color:var(--text-muted);margin-top:20px;max-width:80%;line-height:1.5}.loading-message{font-size:1.2em;color:var(--text-muted);margin-top:50px}.player-preview{margin-top:40px;width:80px;height:80px;display:flex;justify-content:center;align-items:center;background-color:var(--surface);border-radius:50%;box-shadow:var(--shadow)}.player-image-preview,.player-emoji-preview{width:60px;height:60px;object-fit:contain;font-size:4em;line-height:1}.game-screen{display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:space-between}.hud{display:flex;justify-content:space-around;width:100%;padding:10px 0;background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius) var(--radius) 0 0;font-size:1.2em;font-weight:600;color:var(--text);margin-bottom:10px}.hud-item{padding:0 15px}.score-value{color:var(--primary)}.score-bounce{animation:scoreBounce .3s ease-out}@keyframes scoreBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.lives-value{color:var(--accent)}.game-area{position:relative;background-color:#e0f7fa;border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 0 10px #0000001a;margin:0 auto;border:2px solid var(--border)}.player{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--primary);box-shadow:0 2px 5px #0003;z-index:10}.player-image{width:100%;height:100%;object-fit:contain}.player-emoji{font-size:2em;line-height:1}.door{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#8b4513;border-radius:5px;box-shadow:0 2px 5px #0003;z-index:5}.door-image{width:100%;height:100%;object-fit:contain}.door-emoji{font-size:3em;line-height:1}.obstacle{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 2px 5px #0003;z-index:8;overflow:hidden}.obstacle-image{width:100%;height:100%;object-fit:contain}.obstacle-emoji{font-size:2em;line-height:1}.obstacle.spike{background-color:#ccc}.obstacle.movingBarrier{background-color:#69f}.obstacle.rotatingSaw{background-color:#f66;border-radius:50%}.game-over-title{font-family:ZCOOL KuaiLe,Quicksand,sans-serif;font-size:3em;color:var(--accent);margin-bottom:15px;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.final-score{font-size:1.8em;color:var(--text);margin-bottom:10px;font-weight:600}.touch-controls{display:none;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:10px;width:200px;height:200px;margin-top:20px;position:relative;z-index:20}.control-button{background-color:var(--primary);color:var(--bg);border:none;border-radius:50%;width:60px;height:60px;font-size:1.5em;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:var(--shadow);transition:background-color .3s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.control-button:hover{background-color:var(--primary-dark)}.control-button.up{grid-area:up}.control-button.down{grid-area:down}.control-button.left{grid-area:left}.control-button.right{grid-area:right}@media (max-width: 768px){.app-container{max-width:95%;max-height:95vh;padding:10px}.game-area{width:100%;height:350px}.touch-controls{display:grid}.game-title{font-size:2.5em}.start-button,.retry-button{font-size:1.5em;padding:12px 25px}.instructions,.hud{font-size:1em}}@media (max-width: 480px){.app-container{border-radius:0}.game-area{height:300px}.touch-controls{width:180px;height:180px;gap:8px}.control-button{width:50px;height:50px;font-size:1.2em}.game-title{font-size:2em}.high-score-display,.final-score{font-size:1.2em}}