// Function to highlight active button let activeButton = null; function setActiveButton(buttonElement) if (activeButton) activeButton.classList.remove('active');
.mini-map-illustration span font-weight: bold; shires of britain
.shire-detail margin: 1.2rem 0; border-bottom: 1px dashed #ded1b0; padding-bottom: 0.8rem; // Function to highlight active button let activeButton
.shire-info-panel flex: 1.2; min-width: 260px; background: #fffdf5; border-radius: 36px; box-shadow: 0 20px 30px -12px rgba(0,0,0,0.12); padding: 1.6rem 1.8rem; backdrop-filter: blur(2px); transition: all 0.2s; border: 1px solid #e9dfc7; .mini-map-illustration span font-weight: bold
/* info panel styling */ .shire-name-large font-size: 2rem; font-weight: 700; border-left: 6px solid #b68b40; padding-left: 1rem; margin-bottom: 1.2rem; color: #2b4d2a;
);
const allShires = [...shiresData, ...scottishShires];