:root{--bg-primary: #fef9f3;--bg-secondary: #f5ebe0;--bg-tertiary: #ede0d4;--bg-card: #ffffff;--accent-green: #a7c4a0;--accent-green-light: #c8dcc4;--accent-green-dark: #7da374;--accent-pink: #e8b4b8;--accent-pink-light: #f2d1d4;--accent-brown: #b08968;--accent-brown-light: #c9a882;--accent-yellow: #f2d388;--accent-yellow-light: #f7e4b3;--accent-blue: #a8ccd7;--accent-purple: #c9b8d9;--text-primary: #5c4033;--text-secondary: #8b7355;--text-muted: #a89582;--text-light: #ffffff;--border: #d4c4b5;--border-light: #e8ddd0;--success: #7da374;--warning: #e8b830;--error: #d48888;--info: #a8ccd7;--shadow-sm: 0 1px 3px rgba(92, 64, 51, .1);--shadow-md: 0 4px 6px rgba(92, 64, 51, .1);--shadow-lg: 0 10px 20px rgba(92, 64, 51, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0 0 var(--space-md);font-weight:600}h3{font-size:var(--font-size-xl)}button{font-family:var(--font-family);cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease;background-color:var(--accent-green);color:var(--text-primary)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-green);color:var(--text-light)}.btn-primary:hover:not(:disabled){background-color:var(--accent-green-dark)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.game-layout{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:var(--space-md)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.game-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-green-dark);margin:0}.money-display{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--accent-yellow-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-lg)}.money-icon{font-size:var(--font-size-xl)}.nav-tabs{display:flex;gap:var(--space-sm);background-color:var(--bg-card);padding:var(--space-sm);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background-color:transparent;border-radius:var(--radius-md);color:var(--text-secondary)}.nav-tab:hover{background-color:var(--bg-secondary)}.nav-tab.active{background-color:var(--accent-green-light);color:var(--text-primary)}.nav-tab .tab-icon{font-size:var(--font-size-xl)}.nav-tab .tab-label{font-size:var(--font-size-sm)}.game-content{flex:1;background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.garden{display:flex;flex-direction:column;gap:var(--space-lg)}.plot-selector{display:flex;gap:var(--space-sm);flex-wrap:wrap}.plot-tab{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.plot-tab.active{background-color:var(--accent-green);color:var(--text-light)}.tab-indicators{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.indicator{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);font-weight:600}.indicator.ready{background-color:var(--accent-yellow)}.indicator.growing{background-color:var(--accent-green-light)}.garden-plot{display:flex;flex-direction:column;gap:var(--space-sm)}.plot-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.plot-title{display:flex;align-items:center;gap:var(--space-sm)}.plot-title h3{margin:0;font-size:var(--font-size-lg)}.plot-indicators{display:flex;gap:var(--space-xs)}.plot-indicators .indicator{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);font-weight:600}.plot-indicators .indicator.empty{background-color:var(--bg-tertiary);color:var(--text-secondary)}.plot-indicators .indicator.growing{background-color:var(--accent-green-light);color:var(--text-primary)}.plot-indicators .indicator.ready{background-color:var(--accent-yellow);color:var(--text-primary)}.plot-actions{display:flex;gap:var(--space-sm)}.plant-all-btn{background-color:var(--accent-green);color:var(--text-light);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.harvest-all-btn{background-color:var(--accent-yellow);color:var(--text-primary);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.plot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs);background-color:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--radius-md)}.plot-slot{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;padding:var(--space-xs);min-height:60px}.plot-slot:hover{background-color:var(--accent-green-light);transform:scale(1.02)}.plot-slot.ready{background-color:var(--accent-yellow-light);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f2d38866}50%{box-shadow:0 0 0 8px #f2d38800}}.slot-empty{color:var(--text-muted);font-size:var(--font-size-lg)}.slot-plant{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.plant-emoji{font-size:var(--font-size-xl)}.growth-bar{width:100%;height:3px;background-color:var(--border);border-radius:var(--radius-full);overflow:hidden}.growth-fill{height:100%;background-color:var(--accent-green);transition:width .5s ease}.time-remaining{font-size:10px;color:var(--text-secondary);line-height:1}.harvest-badge{font-size:9px;font-weight:700;color:var(--accent-brown);background-color:var(--accent-yellow);padding:1px 4px;border-radius:var(--radius-full)}.plot-hint{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-md)}.seed-selector{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);background-color:var(--bg-card);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;max-width:90vw}.seed-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.seed-selector-title{font-weight:600;color:var(--text-primary)}.close-selector{background:none;padding:var(--space-xs);color:var(--text-secondary)}.seeds-list{display:flex;gap:var(--space-sm);flex-wrap:wrap;max-height:200px;overflow-y:auto}.seed-option{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);min-width:70px;cursor:pointer}.seed-option:hover{background-color:var(--accent-green-light)}.seed-option.selected{background-color:var(--accent-green);color:var(--text-light)}.seed-emoji{font-size:var(--font-size-xl)}.seed-name{font-size:var(--font-size-xs);text-align:center}.seed-count{font-size:var(--font-size-xs);color:var(--text-secondary)}.seed-option.selected .seed-count{color:var(--text-light)}.shop{display:flex;flex-direction:column;gap:var(--space-lg)}.seed-shop,.plot-shop{background-color:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-lg)}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.shop-header h3{margin:0;font-size:var(--font-size-lg)}.restock-timer{display:flex;gap:var(--space-xs);background-color:var(--accent-blue);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.timer-label{color:var(--text-secondary)}.timer-value{font-weight:700}.bulk-controls{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.bulk-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.bulk-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);background-color:var(--bg-tertiary);min-width:32px}.bulk-btn.active{background-color:var(--accent-green);color:var(--text-light)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.shop-card{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-card);padding:var(--space-sm);border-radius:var(--radius-md);text-align:center;transition:all .2s ease}.shop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.shop-card.out-of-stock{opacity:.5}.shop-card.cannot-afford{opacity:.7}.shop-card-header{position:relative;width:100%;display:flex;justify-content:center}.shop-emoji{font-size:var(--font-size-2xl)}.shop-stock{position:absolute;top:0;right:0;background-color:var(--accent-brown);color:var(--text-light);font-size:var(--font-size-xs);font-weight:700;padding:1px 5px;border-radius:var(--radius-full)}.shop-name{font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-xs)}.shop-price{font-size:var(--font-size-xs);color:var(--accent-brown);font-weight:700}.shop-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-xs);width:100%}.shop-buy-btn{flex:1;padding:var(--space-xs);font-size:var(--font-size-xs);background-color:var(--accent-green);color:var(--text-light)}.shop-buy-btn.max{background-color:var(--accent-green-dark)}.shop-empty{text-align:center;padding:var(--space-lg);color:var(--text-secondary)}.plot-info{margin-bottom:var(--space-lg)}.current-plots{color:var(--text-secondary)}.plot-purchase{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-md)}.next-plot{display:flex;align-items:center;gap:var(--space-md)}.plot-icon{font-size:var(--font-size-2xl)}.plot-label{font-weight:600}.plot-price{font-weight:700;color:var(--accent-brown)}.buy-plot-btn{background-color:var(--accent-pink);color:var(--text-primary);padding:var(--space-md) var(--space-xl)}.max-plots{text-align:center;padding:var(--space-lg);color:var(--text-secondary)}.inventory{display:flex;flex-direction:column;gap:var(--space-sm)}.inventory.compact{gap:var(--space-sm)}.inventory-header{display:flex;justify-content:space-between;align-items:center}.inventory-header h3{margin:0;font-size:var(--font-size-lg)}.total-value{font-weight:600;color:var(--accent-brown);font-size:var(--font-size-sm)}.inventory-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.inventory-tabs{display:flex;gap:var(--space-xs)}.inventory-tabs.compact{gap:var(--space-xs)}.inv-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.inv-tab.active{background-color:var(--accent-green);color:var(--text-light)}.tab-emoji{font-size:var(--font-size-md)}.tab-count{background-color:var(--accent-yellow);color:var(--text-primary);padding:1px 5px;border-radius:var(--radius-full);font-size:10px;font-weight:700}.inventory-sort{display:flex;align-items:center;gap:var(--space-xs)}.sort-btn{background-color:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.sort-btn.active{background-color:var(--accent-purple);color:var(--text-primary)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-sm)}.item-card{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-secondary);padding:var(--space-sm);border-radius:var(--radius-md);text-align:center;transition:all .2s ease}.item-card.clickable{cursor:pointer}.item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-card.selected{background-color:var(--accent-green);color:var(--text-light)}.item-card-header{position:relative;width:100%;display:flex;justify-content:center}.item-card .item-emoji{font-size:var(--font-size-2xl)}.item-card .item-quantity{position:absolute;top:0;right:0;background-color:var(--accent-brown);color:var(--text-light);font-size:var(--font-size-xs);font-weight:700;padding:1px 5px;border-radius:var(--radius-full)}.item-card .item-name{font-size:var(--font-size-xs);font-weight:600;margin-top:var(--space-xs);line-height:1.2}.item-card .item-value{font-size:var(--font-size-xs);color:var(--text-secondary)}.item-card.selected .item-value{color:var(--text-light)}.sell-toggle{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);background-color:var(--accent-pink);color:var(--text-primary);width:100%}.sell-actions{display:flex;gap:2px;margin-top:var(--space-xs);width:100%}.sell-actions .sell-btn{flex:1;padding:var(--space-xs);font-size:10px;background-color:var(--accent-pink);color:var(--text-primary)}.sell-actions .sell-btn.all{background-color:var(--accent-pink-light)}.inventory-empty{grid-column:1 / -1;text-align:center;padding:var(--space-lg);color:var(--text-secondary)}.item-stack{display:flex;align-items:center;gap:var(--space-md);background-color:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md)}.item-icon{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);border-radius:var(--radius-md)}.item-icon .item-emoji{font-size:var(--font-size-2xl)}.item-info{flex:1;display:flex;flex-direction:column}.cooking-station,.crafting-station{display:flex;flex-direction:column;gap:var(--space-sm)}.station-header{display:flex;justify-content:space-between;align-items:center}.station-header h3{margin:0;font-size:var(--font-size-lg)}.available-recipes{color:var(--text-secondary);font-size:var(--font-size-xs);background-color:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.recipes-grid.compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.recipe-card,.craft-card{background-color:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);transition:all .2s ease}.recipe-card:hover,.craft-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.recipe-card.compact,.craft-card.compact{padding:var(--space-sm);gap:var(--space-xs)}.recipe-card.cannot-cook,.craft-card.cannot-craft{opacity:.6}.recipe-header,.craft-header{display:flex;align-items:center;gap:var(--space-sm)}.recipe-emoji,.craft-emoji{font-size:var(--font-size-xl)}.recipe-info,.craft-info{display:flex;flex-direction:column;flex:1;min-width:0}.recipe-name,.craft-name{font-weight:600;font-size:var(--font-size-sm)}.recipe-output-preview,.craft-output-preview{font-size:var(--font-size-xs);color:var(--text-secondary)}.recipe-max,.craft-max{font-size:var(--font-size-xs);font-weight:700;background-color:var(--accent-yellow);padding:2px 6px;border-radius:var(--radius-full)}.recipe-description,.craft-description{font-size:var(--font-size-xs);color:var(--text-secondary)}.recipe-ingredients.compact,.craft-materials.compact{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.ing-compact,.mat-compact{font-size:var(--font-size-xs);background-color:var(--bg-card);padding:2px 6px;border-radius:var(--radius-sm)}.ing-compact.missing,.mat-compact.missing{color:var(--error)}.ing-compact.has-enough,.mat-compact.has-enough{color:var(--success)}.recipe-ingredients,.craft-materials{display:flex;flex-direction:column;gap:var(--space-xs)}.ingredients-label,.materials-label,.output-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.ingredients-list,.materials-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.ingredient,.material{display:flex;align-items:center;gap:2px;background-color:var(--bg-card);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.ingredient.missing,.material.missing{color:var(--error)}.ingredient.has-enough,.material.has-enough{color:var(--success)}.ing-count,.mat-count{font-weight:600}.recipe-output,.craft-output{display:flex;flex-direction:column;gap:var(--space-xs)}.output-item{display:flex;align-items:center;gap:var(--space-xs);background-color:var(--accent-yellow-light);padding:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.output-name{font-weight:600;font-size:var(--font-size-xs)}.output-value{font-size:var(--font-size-xs);color:var(--text-secondary)}.recipe-actions,.craft-actions{display:flex;gap:var(--space-xs)}.cook-btn,.craft-btn{flex:1;background-color:var(--accent-green);color:var(--text-light);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.cook-btn.max,.craft-btn.max{background-color:var(--accent-green-dark)}.settings-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.settings-section{background-color:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg)}.settings-section h4{margin-bottom:var(--space-md)}.settings-buttons{display:flex;flex-wrap:wrap;gap:var(--space-md)}.settings-btn{padding:var(--space-md) var(--space-lg)}.settings-btn.danger{background-color:var(--error);color:var(--text-light)}.import-input{display:none}@media(max-width:768px){.game-layout{padding:var(--space-xs)}.game-header{padding:var(--space-sm)}.plot-grid{grid-template-columns:repeat(5,1fr);gap:2px;padding:var(--space-xs)}.plot-slot{min-height:50px;padding:2px}.plant-emoji{font-size:var(--font-size-md)}.nav-tabs{flex-wrap:wrap;padding:var(--space-xs);gap:var(--space-xs)}.nav-tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.nav-tab .tab-icon{font-size:var(--font-size-md)}.recipes-grid,.recipes-grid.compact{grid-template-columns:1fr}.shop-grid,.inventory-grid{grid-template-columns:repeat(3,1fr)}.inventory-controls{flex-direction:column;align-items:stretch}.inventory-tabs.compact,.inventory-sort{justify-content:center}.plot-header{flex-direction:column;align-items:flex-start}.plot-actions{width:100%;justify-content:stretch}.plant-all-btn,.harvest-all-btn{flex:1}}@media(max-width:480px){.shop-grid,.inventory-grid{grid-template-columns:repeat(2,1fr)}}