/* Digger (KC 85) – ergänzt tetris.css */
.k-seite { max-width: 940px; }
.k-stand { grid-template-columns: repeat(5, 1fr); margin: 26px 0 10px; max-width: 640px; }
.k-feld { display: block; width: 100%; max-width: 640px; aspect-ratio: 20 / 14; height: auto; border: 1px solid var(--rule); background: #05070c; outline: none; }
.k-feld:focus-visible { border-color: var(--volt); }
.k-touch { margin-top: 10px; max-width: 640px; }
.k-touch, .k-touch button { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; touch-action: none; }
.k-feld { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.k-steuer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 14px; }
.k-steuer .t-knoepfe { margin: 0; }
.k-wahl { display: flex; align-items: center; gap: 10px; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
.k-wahl select { padding: 7px 8px; background: var(--panel); border: 1px solid var(--rule); color: #fff; font: inherit; font-size: .9rem; letter-spacing: 0; text-transform: none; }
.k-legende { margin-top: 36px; max-width: 640px; }
.k-legende h2 { font: 500 1.3rem/1.2 var(--display); color: #fff; margin: 0 0 10px; }
.k-legende ul { margin: 0; padding-left: 1.2em; color: var(--ink); }
.k-legende li { margin-bottom: 6px; }
.k-legende b { color: #fff; }
.k-quelle { margin-top: 26px; max-width: 640px; }
.k-quelle a { color: inherit; }
/* Tasten auf dem Handy wie die Pfeiltasten der Tastatur: oben in der Mitte, darunter links, unten, rechts */
@media (hover: none) and (pointer: coarse) {
  .k-touch { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-areas: ". o ." "l u r"; gap: 8px; max-width: 320px; margin: 12px auto 0; }
  .k-touch button[data-k="2"] { grid-area: o; }
  .k-touch button[data-k="0"] { grid-area: l; }
  .k-touch button[data-k="3"] { grid-area: u; }
  .k-touch button[data-k="1"] { grid-area: r; }
  .k-touch button { padding: 18px 0; }
}