@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;700&family=Playfair+Display:wght@500;700&display=swap";:root{--bg: #FAF6EE;--surface: #FFFFFF;--primary: #7C5CFA;--primary-dark: #6447E0;--accent: #E8867E;--text: #3D2F1F;--text-muted: #8B7458;--border: #E8DDC9;--success: #7BA694;--warning: #D4A574;--danger: #E07A7A;--radius: 12px;--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 25% 25%,#7C5CFA0a 1px,transparent 1px),var(--bg);color:var(--text);font-family:Lora,Crimson Text,"Source Han Serif SC",serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.app-container{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:420px;height:720px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--border)}.cloud-status-indicator{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:1000;width:90%;text-align:center}.toast-message{padding:8px 12px;border-radius:var(--radius);font-size:.85em;display:flex;align-items:center;gap:8px;margin-bottom:10px;box-shadow:var(--shadow)}.toast-message.success{background-color:var(--success);color:#fff}.toast-message.error{background-color:var(--danger);color:#fff}.toast-message.info{background-color:var(--primary);color:#fff}.button-primary,.button-secondary,.button-action,.tab-button{padding:12px 24px;border:none;border-radius:var(--radius);cursor:pointer;font-family:Playfair Display,Lora,serif;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.button-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow)}.button-primary:hover{background-color:var(--primary-dark)}.button-secondary{background-color:var(--border);color:var(--text);box-shadow:var(--shadow)}.button-secondary:hover{background-color:#e0d4c0}.button-action{background-color:var(--accent);color:#fff;box-shadow:var(--shadow);padding:10px 15px;font-size:1em}.button-action:hover{background-color:#d47a73}.attack-button{background-color:var(--danger)}.attack-button:hover{background-color:#c06b6b}.start-screen,.game-over-screen,.game-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;padding:20px;box-sizing:border-box}.game-title{font-family:Playfair Display,serif;font-size:2.5em;color:var(--primary-dark);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-cover-image{width:180px;height:180px;margin-bottom:30px;background-color:var(--border);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px #0000001a}.game-cover-image img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.high-score-display{font-size:1.1em;color:var(--text-muted);margin-bottom:30px}.game-screen{justify-content:flex-start;padding:0}.header-bar{width:100%;padding:10px 15px;background-color:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);flex-wrap:wrap;gap:10px}.player-info{display:flex;align-items:center;gap:10px}.player-image{width:40px;height:40px;border-radius:50%;background-color:var(--primary);object-fit:cover;image-rendering:pixelated;border:2px solid var(--primary-dark)}.level-exp{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.player-level{font-weight:700;color:var(--primary);font-size:.9em}.exp-bar-container{width:80px;height:6px;background-color:var(--border);border-radius:3px;overflow:hidden}.exp-bar-fill{height:100%;background-color:var(--success);transition:width .3s ease-out}.resource-bar{display:flex;gap:10px;flex-wrap:wrap}.resource-item{display:flex;align-items:center;gap:4px;font-size:.85em;color:var(--text-muted)}.health-bar-container{display:flex;align-items:center;gap:5px;width:100px;height:10px;background-color:var(--border);border-radius:5px;overflow:hidden;position:relative}.health-bar-fill{height:100%;background-color:var(--danger);transition:width .3s ease-out;position:absolute;left:0;top:0}.health-bar-container span{position:absolute;left:50%;transform:translate(-50%);font-size:.7em;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);z-index:1}.day-night-indicator{display:flex;align-items:center;gap:5px;font-size:.85em;color:var(--text-muted)}.main-game-area{flex-grow:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background-image:radial-gradient(circle at 25% 25%,#7C5CFA0a 1px,transparent 1px),linear-gradient(to bottom,#87ceeb,#87ceeb 50%,#a0d6b4 50%,#a0d6b4);background-size:3px 3px,100% 100%;position:relative}.block-tree-image{width:100px;height:100px;object-fit:contain;image-rendering:pixelated;position:absolute;bottom:10px;left:10px}.action-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.enemy-display{background-color:#ffffffe6;border-radius:var(--radius);padding:15px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px;min-width:150px;border:1px solid var(--border)}.enemy-display h3{margin:0;color:var(--danger);font-family:Playfair Display,serif}.enemy-image{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.enemy-health-bar-container{width:100px;height:8px;background-color:var(--border);border-radius:4px;overflow:hidden;position:relative}.enemy-health-bar-fill{height:100%;background-color:var(--danger);transition:width .3s ease-out}.enemy-health-bar-container span{position:absolute;left:50%;transform:translate(-50%);font-size:.6em;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);z-index:1}.bottom-panel{width:100%;background-color:var(--surface);border-top:1px solid var(--border);box-shadow:0 -1px 3px #0000000d}.tab-buttons{display:flex;justify-content:space-around;padding:10px 0;border-bottom:1px solid var(--border)}.tab-button{flex:1;background:none;color:var(--text-muted);font-size:.9em;padding:8px 0;border-radius:0;border-bottom:2px solid transparent}.tab-button.active{color:var(--primary);border-color:var(--primary);font-weight:700}.tab-content{padding:15px;height:180px;overflow-y:auto;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px}.inventory-panel,.crafting-panel,.task-panel{display:flex;flex-direction:column;gap:10px}.inventory-panel h4,.crafting-panel h4,.task-panel h4{margin:0;color:var(--primary-dark);font-family:Playfair Display,serif;font-size:1.1em}.inventory-list,.crafting-recipes,.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.inventory-item,.crafting-recipe-item,.task-item{background-color:var(--border);padding:10px 15px;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;font-size:.9em;box-shadow:var(--shadow)}.crafting-recipe-item .recipe-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.crafting-recipe-item .recipe-cost{display:flex;gap:8px;font-size:.8em;color:var(--text-muted)}.crafting-recipe-item .recipe-cost span{display:flex;align-items:center;gap:3px}.task-item.done{text-decoration:line-through;color:var(--text-muted);background-color:#e8ddc980}.game-over-title{font-family:Playfair Display,serif;font-size:2.2em;color:var(--danger);margin-bottom:15px}.final-score{font-size:1.2em;color:var(--text);margin-bottom:10px}.level-up-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Playfair Display,serif;z-index:999;gap:20px}.level-up-overlay h2{font-size:3em;margin:0;text-shadow:0 0 10px var(--accent)}.level-up-overlay p{font-size:1.5em;margin:0}@media (max-width: 480px){.app-container{width:100%;height:100vh;border-radius:0}.header-bar{flex-direction:column;align-items:flex-start;padding:10px}.resource-bar,.health-bar-container,.day-night-indicator{width:100%;justify-content:space-between}.action-buttons{flex-direction:column;width:80%}.tab-buttons{flex-wrap:wrap}.tab-button{flex-basis:33%}}