.supported-games { margin: 0 0 28px; background: #fff; color: #111; border: 2px inset #c8c8c8; }
.supported-games-heading { display: grid; grid-template-columns: 1fr 42%; padding: 16px 20px; background: #0042de; color: #fff; font-size: .8rem; font-weight: 700; }
.supported-game + .supported-game { border-top: 1px solid #b7b7b7; }
.supported-game summary { display: grid; grid-template-columns: 1fr 42% 16px; align-items: center; gap: 12px; padding: 18px 20px; cursor: pointer; list-style: none; }
.supported-game summary::-webkit-details-marker { display: none; }
.supported-game summary::after { content: '+'; color: #0042de; font-size: 22px; text-align: center; }
.supported-game[open] summary::after { content: '−'; }
.supported-game summary:hover, .supported-game[open] summary { background: #efedde; }
.supported-game-title { font-size: 1rem; font-weight: 700; }
.supported-game small { display: block; margin-top: 4px; color: #44516b; font-size: .76rem; font-weight: 400; }
.support-state { justify-self: start; display: inline-block; padding: 4px 10px; border: 1px solid #0070a0; background: #e7f5fa; color: #004765; font-size: .8rem; font-weight: 700; }
.support-state.testing { background: #fff2c7; color: #6a4600; border-color: #b38b38; }
.supported-game-info { padding: 0 20px 22px; border-top: 1px solid #d8d8d8; }
.games-section .supported-games .supported-game .supported-game-info p { color: #44516b; max-width: 75ch; line-height: 1.65; margin: 14px 0; }
.games-section .supported-games .supported-game .supported-game-info .game-genre { color: #0042de; font-size: .8rem; font-weight: 700; }
.supported-game-info a { color: #0042de; font-size: .85rem; text-decoration: underline; }
@media (max-width: 600px) { .supported-games-heading { grid-template-columns: 1fr auto; padding: 13px 12px; } .supported-game summary { grid-template-columns: minmax(0, 1fr) auto 16px; gap: 8px; padding: 16px 12px; } .supported-game-title { font-size: .88rem; } .support-state { max-width: 125px; font-size: .875rem; padding: 4px 7px; } .supported-game-info { padding: 0 12px 18px; } }