*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f0f0f0}.game-container{display:flex;height:100vh;max-width:1200px;margin:0 auto;border:2px solid #333}.sidebar{width:200px;background-color:#e8e8e8;border-right:2px solid #333;display:flex;flex-direction:column}.inventory-panel,.trading-panel{border:2px solid #333;margin:10px;padding:10px;background-color:#fff;flex:1}.inventory-panel,.trading-panel{max-height:calc(67vh - 200px);overflow-y:auto;flex:none;height:calc(67vh - 200px)}.bank-display{margin:10px;padding:10px;background-color:#fff;border:2px solid #333;text-align:center}.main-area{flex:1;background-color:#90ee90;position:relative}.game-area{width:100%;height:100%;position:relative}.village-background{width:100%;height:100%;background-image:url(/assets/village-background.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.village-background:before{content:"VILLAGE";position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:48px;font-weight:700;color:#8d6e63;text-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:1}.farm-grid{display:grid;gap:5px;padding:20px}.farm{grid-template-columns:repeat(4,1fr);max-width:400px}.berry-farm,.tree-farm{grid-template-columns:repeat(5,1fr);max-width:500px}.plot{width:80px;height:80px;border:2px solid #654321;background-color:#8b4513;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:background-color .3s}.plot:hover{background-color:sienna}.plot.wheat{background-color:#daa520}.plot.tomato{background-color:tomato}.plot.corn{background-color:gold}.plot.mushroom{background-color:#8b4513}.plot.potato{background-color:tan}.plot.cucumber{background-color:#90ee90}.plot.carrot{background-color:#ff8c00}.plot.spicy_pepper{background-color:#dc143c}.animal-area{display:flex;flex-direction:column;gap:10px;padding:10px;max-width:300px}.animal-slot{background-color:#8b4513;border:2px solid #654321;border-radius:8px;padding:15px;transition:background-color .3s}.animal-slot:hover{background-color:sienna}.animal-display{display:flex;align-items:center;gap:15px}.animal-emoji{font-size:36px}.animal-info{flex:1}.animal-type{font-size:16px;font-weight:700;color:#fff;margin:0 0 5px}.animal-status{font-size:12px;color:#ddd;margin:0}.plot.strawberry{background-color:tomato}.plot.blueberry{background-color:#4169e1}.plot.watermelon{background-color:#32cd32}.plot.apple{background-color:#ff4500}.plot.lemon{background-color:gold}.plot.cherry{background-color:#dc143c}.plot.orange{background-color:#ff8c00}.plot.pear{background-color:#9acd32}.plot.banana{background-color:#ffe135}.plot.locked{background-color:#666!important;cursor:not-allowed!important;opacity:.7}.plot.locked:hover{background-color:#666!important}.trading-button{padding:8px 12px;margin:5px 0;background-color:#4caf50;color:#fff;border:none;cursor:pointer;width:100%}.trading-button:hover{background-color:#45a049}.trading-button:disabled{background-color:#ccc;cursor:not-allowed}.math-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.math-content{background-color:#fff;padding:30px;border-radius:10px;text-align:center;max-width:400px}.math-input{padding:10px;font-size:18px;margin:10px;width:100px;text-align:center}.math-submit{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;margin:10px}.grass-tile,.dirt-tile{position:absolute;width:50px;height:50px}.grass-tile{background-color:#90ee90}.dirt-tile{background-color:#8b4513}