:root{
  --bg:#0f1724;
}
body{background:var(--bg);}
.btn-toggle{min-width:40px}

/* small inline icons for player toggle buttons */
.inline-icon{ height:1.1rem; width:1.1rem; filter: invert(1) brightness(2); display:inline-block }

.hidden{display:none}

/* center small header paragraph */
.text-center{ text-align:center }

.bg-gray-900\/40{ background-color: rgba(15,23,36,0.4) }

/* make sure flag image covers area and doesn't stretch oddly */
#flagImg{ object-fit:cover; height:3rem; width:4rem; }

/* site logo sizing — larger on desktop, slightly smaller on mobile */
#siteLogo{ height:8rem; width:auto; object-fit:contain; max-width:90% }
@media (max-width:640px){
  #siteLogo{ height:6rem }
}

/* subtle fade for divider and type columns */
#typeDivider{ transition:opacity 160ms ease; }
#type2{ transition:opacity 160ms ease; }