/* =====================================================================
   POUR LES CURIEUX — 6 boutons de jeux dans un seul écran (style des boutons : components/buttons/buttons.css)
   ===================================================================== */
.cu{justify-content:center;gap:14px;padding-top:6px}
.cu [data-games]{display:flex;flex-direction:column;align-items:center;gap:18px}
@media (max-width:760px){ .cu [data-games]{gap:10px} }
.gm-head{margin:0;text-align:center;font-size:15px;color:var(--dim)}
.gm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;width:min(100%,880px);margin:0 auto}
.gm{height:auto;min-height:104px;padding:14px 16px}
.gm .nb__icon{width:68px;height:68px;border-radius:18px}
.gm .nb__icon img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.gm .nb__txt{gap:4px}
.gm__type{font:600 10.5px/1 Outfit,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.gm .nb__sub{white-space:normal;line-height:1.35}
:root[data-theme="light"] .gm .nb__icon img{filter:drop-shadow(0 4px 8px rgba(20,26,46,.15))}
@media (max-height:760px){ .gm{min-height:88px;padding:10px 14px} .gm .nb__icon{width:56px;height:56px} .gm .nb__icon img{width:40px;height:40px} }
@media (max-width:760px){
  .cu{gap:10px}
  .gm-head{font-size:13px}
  .gm-grid{grid-template-columns:1fr;gap:8px}
  .gm{min-height:0;height:auto;padding:9px 10px}
  .gm .nb__icon{width:46px;height:46px;border-radius:13px}
  .gm .nb__icon img{width:32px;height:32px}
  .gm .nb__title{font-size:16px}
  .gm .nb__sub{font-size:11.5px;white-space:nowrap}
  .gm__type{font-size:9px}
}
@media (max-width:760px) and (max-height:700px){ .gm-head{display:none} .gm{padding:6px 10px} .gm .nb__icon{width:40px;height:40px} .gm .nb__icon img{width:28px;height:28px} .gm .nb__sub{display:none} }