:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1d2b;--fg:#f2e9d8;--muted:#9a93a8;font-family:system-ui,sans-serif}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0}#app{height:100%}.bildschirm{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:1rem;display:flex}.bildschirm h1{margin:0;font-size:clamp(2rem,8vw,3.5rem);line-height:1.1}.bildschirm .version{color:var(--muted);font-size:.875rem}button{border:2px solid var(--fg);background:var(--bg);min-width:44px;min-height:44px;color:var(--fg);font:inherit;border-radius:.5rem;padding:.5rem 1.25rem}.klassen{gap:.75rem;display:flex}.run{touch-action:none;height:100%;position:relative;overflow:hidden}.rueckzug{left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));position:absolute;transform:translate(-50%)}.kartenwahl{padding:1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));background:#1b1d2bbf;flex-direction:column;justify-content:flex-end;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.kartenwahl[hidden]{display:none}.kartenwahl h2{margin:0 0 auto;padding-top:2rem;font-size:1.25rem}.karte{text-align:left;gap:.25rem;width:min(100%,28rem);min-height:5rem;display:grid}.karte small{color:var(--muted)}