.buildings-container{padding:20px;max-width:1200px;margin:0 auto}.page-actions{display:flex;justify-content:center;margin-bottom:20px}.inventory-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.inventory-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.inventory-button svg{font-size:1.1rem}.buildings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.building-card{border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}.building-card,.resource-card{padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;position:relative;cursor:pointer}.resource-card{background-color:#303030;border:2px solid #4fc3f7;border-radius:8px}.resource-title{display:inline-block;text-align:center;width:100%}.building-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.building-card:after{content:"Click for details";position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.6);color:white;padding:3px 8px;border-radius:4px;font-size:.75rem;opacity:0;transition:opacity .3s}.building-card:hover:after{opacity:1}.building-card.built,.building-card.not-built{border-color:#111;background-color:#303030}.building-costs{margin-top:10px}.building-costs h4{margin-bottom:5px;color:#555}.building-costs ul{list-style-type:none;padding-left:10px}.building-costs li{font-size:.9rem;margin-bottom:4px}.building-status{margin-top:15px;font-weight:700;padding:5px;text-align:center;border-radius:4px;align-items:center;align-self:center}.built .building-status{color:#2e7d32;background-color:#e8f5e9}.not-built .building-status{color:#ef6c00;background-color:#fff3e0}.building-locked{font-style:italic;color:#757575;text-align:center;margin-top:10px}.build-status-icon{position:absolute;top:10px;right:10px;font-size:1.25rem}.check-icon{color:#4caf50}.empty-check-icon{color:#9e9e9e}.resource-list{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.resource-item{display:flex;align-items:center;gap:5px;background-color:rgba(255,255,255,.05);padding:5px 10px;border-radius:15px}.resource-card .resource-list{justify-content:center}.resource-icon{font-size:1.1rem}.resource-icon.food{color:#e67e22}.resource-icon.wood{color:#795548}.resource-icon.iron{color:#607d8b}.resource-icon.stone{color:#9e9e9e}.resource-icon.default{color:#3498db;font-weight:700;background-color:rgba(52,152,219,.2);padding:0 5px;border-radius:3px}.resource-amount{font-weight:600}