/* Grok Robotron: game-specific bits on top of ggkit.css. Two 3 x 3 pads: move on the left, fire on the right (diagonals press two directions). */
.gs-pad { grid-template-columns: repeat(3, var(--pk, 40px)) repeat(3, var(--pk, 40px)); grid-template-rows: repeat(3, var(--pk, 40px)); column-gap: 4px;
  grid-template-areas: "m7 m8 m9 f7 f8 f9" "m4 mc m6 f4 fc f6" "m1 m2 m3 f1 f2 f3"; }
.gs-k.m7 { grid-area: m7; } .gs-k.m8 { grid-area: m8; } .gs-k.m9 { grid-area: m9; } .gs-k.m4 { grid-area: m4; } .gs-k.m6 { grid-area: m6; } .gs-k.m1 { grid-area: m1; } .gs-k.m2 { grid-area: m2; } .gs-k.m3 { grid-area: m3; }
.gs-k.f7 { grid-area: f7; } .gs-k.f8 { grid-area: f8; } .gs-k.f9 { grid-area: f9; } .gs-k.f4 { grid-area: f4; } .gs-k.f6 { grid-area: f6; } .gs-k.f1 { grid-area: f1; } .gs-k.f2 { grid-area: f2; } .gs-k.f3 { grid-area: f3; }
.gs-k[class*=" f"] { background: linear-gradient(180deg, #ff6a5a, #c8352a); border-color: #6a1a12; box-shadow: 0 4px 0 #6a1a12; }
.gs-pad .gs-mid { display: flex; align-items: center; justify-content: center; font-size: calc(var(--pk, 40px) * .26); color: #6a8a7a; text-align: center; line-height: 1.1; }
.gs-pad .gs-mid.mc { grid-area: mc; } .gs-pad .gs-mid.fc { grid-area: fc; }
.cz-theme[data-theme=classic] i:first-child { background: #05040f; } .cz-theme[data-theme=classic] i:nth-child(2) { background: #ff4fd8; }
.cz-theme[data-theme=retro] i:first-child { background: #9bbc0f; } .cz-theme[data-theme=retro] i:nth-child(2) { background: #306230; }
#cv { touch-action: none; image-rendering: pixelated; }
.gs-pad.stack { grid-template-columns: repeat(3, var(--pk, 40px)); grid-template-rows: repeat(6, var(--pk, 40px));
  grid-template-areas: "m7 m8 m9" "m4 mc m6" "m1 m2 m3" "f7 f8 f9" "f4 fc f6" "f1 f2 f3"; }