/* Responsive Design */
@media (max-width: 768px) {
  .game-content {
    grid-template-columns: 1fr;
  }
  
  .header-content {
    flex-direction: column;
    gap: 15px;
  }
  
  
  .secondary-stats {
    flex-direction: column;
    gap: 10px;
  }
  
  .resource-grid {
    gap: 8px;
    flex-wrap: wrap;
  }
  
  .building-summary {
    gap: 8px;
    flex-wrap: wrap;
  }
  
  .board {
    grid-template-columns: repeat(3, 60px);
    grid-template-rows: repeat(3, 60px);
    gap: 5px;
  }
  
  .board-cell {
    width: 60px;
    height: 60px;
    font-size: 20px;
  }
  
  .building-button {
    padding: 8px 12px;
    font-size: 14px;
  }
  
  .building-header {
    font-size: 14px;
  }
  
  .building-cost {
    font-size: 10px;
  }
}