/* My-GameZone.de - Spiele */
.mgz-sp-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.mgz-sp-bereich { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
@media (max-width: 1000px) { .mgz-sp-bereich { grid-template-columns: 1fr; } }
#mgz-spielinfo { font: bold 13px Verdana, sans-serif; color: #8F2017; margin: 8px 0 12px; }
#mgz-spielfeld { display: flex; flex-direction: column; align-items: center; }
#mgz-spielmeldung { display: none; margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: #FEF9BE; border: 2px solid #F2D23C; font: 14px Verdana, sans-serif; color: #4A1A12; text-align: center; }
.mgz-sp-gespeichert { margin-top: 6px; color: #6E9E12; font-weight: bold; }
.mgz-sp-icon { font-size: 54px; line-height: 1.1; }
.mgz-sp-liste { width: 100%; border-collapse: collapse; font: 13px Verdana, sans-serif; }
.mgz-sp-liste td { padding: 5px 6px; border-bottom: 1px dashed #F2D23C; }
.mgz-sp-liste tr:nth-child(1) td:first-child { color: #D4A000; font-weight: bold; }
.mgz-sp-liste td.p { text-align: right; font-weight: bold; color: #D80C0C; }

/* Memory */
.mgz-mem { display: grid; grid-template-columns: repeat(4, 92px); gap: 10px; }
.mgz-mem-karte { width: 92px; height: 92px; border: 0; border-radius: 14px; cursor: pointer; position: relative; font-size: 40px; background: transparent; perspective: 600px; padding: 0; }
.mgz-mem-karte span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: 14px; backface-visibility: hidden; transition: transform .35s; }
.mgz-mem-karte .hinten { background: linear-gradient(135deg, #F06054, #D80C0C); color: #FCEE4B; box-shadow: 0 3px 0 #8F2017; }
.mgz-mem-karte .vorn { background: #fff; border: 3px solid #FCEE4B; transform: rotateY(180deg); }
.mgz-mem-karte.auf .hinten { transform: rotateY(180deg); }
.mgz-mem-karte.auf .vorn { transform: rotateY(0); }
.mgz-mem-karte.weg .vorn { background: #F4FCD9; border-color: #C0F018; }
@media (max-width: 500px) { .mgz-mem { grid-template-columns: repeat(4, 70px); } .mgz-mem-karte { width: 70px; height: 70px; font-size: 30px; } }

/* Minensucher */
.mgz-min { display: grid; gap: 3px; width: min(440px, 92vw); }
.mgz-min-z { aspect-ratio: 1; border: 0; border-radius: 6px; cursor: pointer; font: bold 16px Verdana, sans-serif; background: linear-gradient(#FCF58B, #F2D23C); color: #4A1A12; padding: 0; }
.mgz-min-z.auf { background: #FFFDF0; box-shadow: inset 0 0 0 1px #F2D23C; cursor: default; }
.mgz-min-z.n1 { color: #2F6FD6; } .mgz-min-z.n2 { color: #4E8A0E; } .mgz-min-z.n3 { color: #D80C0C; } .mgz-min-z.n4 { color: #6A1B9A; } .mgz-min-z.n5 { color: #8F2017; }
.mgz-min-z.mine { background: #FFD5D0; } .mgz-min-z.boom { background: #D80C0C; }


/* Vier gewinnt */
.mgz-vg { display: flex; gap: 6px; background: linear-gradient(#F06054, #D80C0C); padding: 10px; border-radius: 16px; box-shadow: 0 4px 0 #8F2017; }
.mgz-vg-spalte { display: flex; flex-direction: column; gap: 6px; cursor: pointer; padding: 2px; border-radius: 10px; }
.mgz-vg-spalte:hover { background: rgba(255, 255, 255, .15); }
.mgz-vg-loch { width: 50px; height: 50px; border-radius: 50%; background: #FFFADC; box-shadow: inset 0 3px 6px rgba(0, 0, 0, .25); }
.mgz-vg-loch.rot { background: radial-gradient(circle at 35% 35%, #FF7A70, #D80C0C); }
.mgz-vg-loch.gelb { background: radial-gradient(circle at 35% 35%, #FFF6A0, #F2C200); }
@media (max-width: 500px) { .mgz-vg-loch { width: 36px; height: 36px; } }