/* Digger – ergänzt tetris.css (Spielstand, Knöpfe), breites Spielfeld mit Leiste darüber */
.d-seite { max-width: 940px; }
.d-stand { grid-template-columns: repeat(7, 1fr); margin: 26px 0 10px; }
.d-stand dd { font-size: 1.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.d-feld { display: block; width: 100%; max-width: 640px; aspect-ratio: 20 / 12; height: auto; border: 1px solid var(--rule); background: #05070c; outline: none; }
.d-feld:focus-visible { border-color: var(--volt); }
.d-touch { margin-top: 10px; max-width: 640px; flex-wrap: wrap; }
.d-touch, .d-touch button { user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; touch-action: none; }
.d-touch #d-greifen { flex: 1 1 100%; font-size: .85rem; padding: 10px 0; }
.d-touch #d-greifen[aria-pressed="true"] { background: rgba(159, 212, 255, .2); }
.d-legende { margin-top: 40px; max-width: 640px; }
.d-legende h2 { font: 500 1.3rem/1.2 var(--display); color: #fff; margin: 0 0 10px; }
.d-legende ul { margin: 0; padding-left: 1.2em; color: var(--ink); }
.d-legende li { margin-bottom: 6px; }
.d-legende b { color: #fff; }
.d-einstieg { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 6px 0 10px; }
.d-einstieg label { font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--soft); }
.d-einstieg input { width: 5.5em; padding: 8px 10px; background: var(--panel); border: 1px solid var(--rule); color: #fff; font: 600 1rem/1 var(--display); letter-spacing: .2em; text-transform: uppercase; }
.d-einstieg input:focus { outline: 0; border-color: var(--volt); }
.d-einstieg button { padding: 9px 14px; background: none; border: 1px solid var(--volt); color: #fff; font: 500 .8rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.d-einstieg button:hover, .d-einstieg button:focus-visible { background: rgba(159, 212, 255, .1); }
.d-code-hinweis { color: #ff8f7a; font-size: .9rem; }
@media (max-width: 640px) { .d-stand { grid-template-columns: repeat(4, 1fr); } }
