/* =========================
   Samurai 9x9 – ISOLIERT
   ========================= */

.samurai-container.samurai9 {
  display: grid !important;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto;

  gap: 0 !important;              /* WICHTIG: gap aus! */
  justify-content: center;
  align-items: center;

  position: relative;
  overflow: visible !important;  /* gegen Mobile-CSS */
  transform: none !important;    /* falls irgendwo skaliert wird */
}

/* -------------------------
   Grid-Positionen
   ------------------------- */

.samurai9 .grid-A {
  grid-column: 1;
  grid-row: 1;
  margin-right: -67px;
  margin-bottom: -67px;
  z-index: 2;
}

.samurai9 .grid-B {
  grid-column: 3;
  grid-row: 1;
  margin-left: -67px;
  margin-bottom: -67px;
  z-index: 2;
}

.samurai9 .grid-C {
  grid-column: 1;
  grid-row: 3;
  margin-right: -67px;
  margin-top: -67px;
  z-index: 2;
}

.samurai9 .grid-D {
  grid-column: 3;
  grid-row: 3;
  margin-left: -67px;
  margin-top: -67px;
  z-index: 2;
}

.samurai9 .grid-E {
  grid-column: 2;
  grid-row: 2;
  z-index: 5;
}

/* Grundebene */
.samurai9 .grid-A,
.samurai9 .grid-B,
.samurai9 .grid-C,
.samurai9 .grid-D,
.samurai9 .grid-E {
  z-index: 1;
  position: relative;
}

/* aktives Grid */
.samurai9 .top {
  z-index: 10 !important;
}