:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1d2b;--fg:#f2e9d8;--muted:#9a93a8;--kante:#4a4560;--wald:#2e3b2a;--glut:#e8892c;--gold:#f2d16b;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}.titel{background:radial-gradient(circle, #1b1d2b66, var(--bg) 75%), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAQCAYAAACm53kpAAAA00lEQVR42mOwjzL9P5IxAy4JPWstmlmavz+KZmaD3I2MiQ4AajmKEnM+XcymqueJCQQGciwh5HlyAgHk+RedOgQD4dPLGyR5nlBAMNArrxGTHInxPEwNekBg8ywxgcBAjENpmWdJtYeSFIAtEBiGWqmNL5DIyQYM9Ere9Mxqg7IMoHd2okotQEyJT47nidWLK7/TpCFE7ZihNFvASnxqBcKQLARp4Xn0QGAYzIUdrlRJTouRpBRArkeJzUaUBCSxLUaKO0ODOmtQyfNEBwC9qq6BwABo2kxbXQe4HgAAAABJRU5ErkJggg==) 0 0 / 192px 48px;image-rendering:pixelated}.lagerfeuer{width:64px;height:64px;image-rendering:pixelated;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAnUlEQVR42mNgGAUEwKeL2f8HzAyQxhedOv8pcQTMDLI1kusAmB6yPIFsOUwzKb5AtpQsTyBrRjaEFP3YHECUGcgakDGxjqBUPwOK5pc3IBjJEFrrh8chNgNISQMk65eW1f4f5Wb0vyvL5T+MjYxBYiA5GJuq+pE1wxQR4iMbQql+uCHILof5BNnlMI24QoAS/RgGofuQoEYq6R95AABGjJR/lXnvVAAAAABJRU5ErkJggg==) 0 0/128px 64px;animation:.5s steps(2,end) infinite flackern}@keyframes flackern{to{background-position:-128px 0}}.bildschirm h1{color:var(--gold);text-shadow:3px 3px 0 var(--bg);margin:0;font-size:clamp(2rem,8vw,3.5rem);line-height:1.1}.bildschirm .version{color:var(--muted);font-size:.875rem}button{border:3px solid var(--fg);background:var(--bg);min-width:44px;min-height:44px;box-shadow:0 4px 0 var(--kante);color:var(--fg);font:inherit;border-radius:0;padding:.5rem 1.25rem;font-weight:600}button:active{box-shadow:none;transform:translateY(4px)}.klassen{flex-direction:column;gap:1rem;width:min(100%,18rem);display:flex}.klassen button{background:var(--wald);align-items:center;gap:1rem;display:flex}.held{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAwCAYAAABwrHhvAAABq0lEQVR42u2YsU4DMQyG8x4VT0CnSiwsLIiBR+gjgNRn6AorGxPjvQ4bIyOsfYGjieTK5/uTOHFSOlwkq7rrxf4/xzpb5xxYq6vrUZo71/LBDp/PMysRUQ0QC14iwgRAm78/9tDIyfvbMHYB8A/IgDK4X4ffr7EHwEwA2pwTYAGYFJB0VCOgFCA4GDaPwXgF83s5gmoAHihlr0/3J2sKQKpTwYlm+7AZmwNIAfxBKSB1/rUATqYLWeqtZgWAaUTXueKrBTg58enxRg+ie732X4YAlCZtV7Puv5x54HY3zGzyJjs2nG7zAArORfy8rEPH87/NAWhzrqGUBlcDaNsp6gMtANTtNCXAAqBup1oBpQCTM+QVLAspRVANkCsgLiJXA1UApDoVnGhiw4gJQArg47RWgAXAyXTF1GsFlALANKLr2BlaAZZ5YJkHYBq5ne37AApeIsIEQJs1DaULgLad9gJQt9NeAOp22gsgOLjb3gTjFYzuNQfggZD5//23HTLk0ARAqnMCfHdDAswAUgBvpxoHVgAn0xVzEkuhFQCmEV3niq8WYJkH/m0e+AMcLuEecMk0FAAAAABJRU5ErkJggg==) 0 calc(var(--reihe) * -48px) / 96px 144px;width:48px;height:48px;image-rendering:pixelated;flex:none}.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{color:var(--gold);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 strong{color:var(--gold)}.karte small{color:var(--muted)}