/* style.css — Grundlayout.
   Eine Spalte: Kopfzeile, Bühne, Reiter, Inhalt. Auf dem Handy dasselbe,
   nur schmaler — deshalb keine feste Breite, sondern ein Deckel. */

*, *::before, *::after { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    background: #0a0a12;
    color: #e6e6f0;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 14px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    overscroll-behavior-y: none;
}

body {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
    /* Platz für Geräte mit Aussparung oben und Gestenleiste unten */
    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}

button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    border: none;
    cursor: pointer;
}

/* Zahlen sollen beim Hochzählen nicht springen */
b, .num, .res b { font-variant-numeric: tabular-nums; }