: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}.logo{width:calc(var(--breite) * 3px);height:calc(var(--hoehe) * 3px);image-rendering:pixelated;display:block}@media (width>=40rem){.logo{width:calc(var(--breite) * 5px);height:calc(var(--hoehe) * 5px)}}.einzelbilder img{image-rendering:pixelated}.progress-bar{flex:none;position:relative}.progress-bar .frame,.progress-bar .fill{display:flex}.progress-bar .fill{position:absolute;top:0;overflow:hidden}.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}.schalter[aria-pressed=true]{border-color:var(--gold)}.nebenknopf{border-color:var(--muted);color:var(--muted)}.konto form,.konto-knoepfe{flex-direction:column;gap:1rem;width:min(100%,20rem);display:flex}.konto p{max-width:20rem;margin:0}.konto label{text-align:left;gap:.25rem;display:grid}.konto input{box-sizing:border-box;border:3px solid var(--kante);background:var(--bg);min-height:44px;color:var(--fg);font:inherit;border-radius:0;padding:.5rem}.konto input:focus{border-color:var(--glut);outline:none}.konto [role=status]{min-height:1.5em;color:var(--gold)}.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}.bild{vertical-align:middle;background-repeat:no-repeat;flex:none;display:inline-block}.ergebnis [data-testid=dauer] .bild{margin-right:.5rem}.grafik{text-align:left;justify-content:flex-start;align-items:stretch;height:auto;min-height:100%}.grafik h1{font-size:2rem}.blatt h2,.einzelbilder h2{color:var(--muted);margin:0 0 .5rem;font-size:1rem}.bilder{grid-template-columns:repeat(auto-fill, var(--spalte,80px));gap:8px;display:grid}.einzelbilder .bilder{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.einzelbilder .bilder figcaption{max-width:none}.bilder figure{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.bilder figcaption{max-width:var(--spalte,80px);text-align:center;overflow-wrap:anywhere;font-size:.6875rem;line-height:14px}.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;grid-template-columns:auto 1fr;gap:.25rem .75rem;width:min(100%,28rem);min-height:5rem;display:grid}.karte strong{color:var(--gold)}.karte small{color:var(--muted)}.faehigkeiten-leiste{pointer-events:none;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:44px;left:12px}.faehigkeiten-leiste li{background:var(--bg);border:1px solid var(--kante);padding:2px;display:flex;position:relative}.faehigkeiten-leiste .abklingen{background:#1b1d2bb3;position:absolute;inset:0 0 auto}.faehigkeiten-leiste small{color:var(--gold);text-shadow:1px 1px 0 var(--bg);font-size:.625rem;position:absolute;bottom:-2px;right:1px}.karte>.bild{grid-row:span 3;align-self:center}.karte>:not(.bild){grid-column:2}