:root{--panel:#603e248c;--line:#4a2e1a99;--text:#fdf3df;--muted:#e2c69c;--duell-akzent:#ffb84d;--duell-kind:#ffd27a}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;background:#7eacbe;min-height:100%;margin:0}body{color:#fdf3df;-webkit-tap-highlight-color:transparent;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#welt{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.nur-vorlesen{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lichtung{z-index:1;width:min(100%,620px);padding:clamp(6px, 1.4vh, 14px) 14px calc(12px + env(safe-area-inset-bottom));min-height:calc(100svh - var(--navhoehe,0px));flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.2vh,13px);margin:0 auto;display:flex;position:relative}.kopf{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;width:100%;display:flex}.kopf[hidden]{display:none}.schild{min-width:0;color:var(--schrift,#3b2410);text-shadow:0 1px 0 var(--schrift-schein,#fff4d880);font-variant-numeric:tabular-nums;flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:1px;padding:7px 6px 9px;display:flex}.schild[hidden]{display:none}.schild .klein{letter-spacing:.06em;text-transform:uppercase;opacity:.88;font-size:.74rem}.schild b{font-size:clamp(.95rem,3.6vw,1.2rem);font-weight:700}button.schild.pause{font:inherit;letter-spacing:.12em;cursor:pointer;color:var(--schrift,#3b2410);background:0 0;border:0;flex:0 0 clamp(42px,12vw,54px);font-size:1.25rem;font-weight:700}.brett{flex:auto;width:100%;min-height:clamp(150px,24vh,300px);max-height:34vh}.brett.schmal{width:min(100%,620px);min-height:clamp(84px,12vh,138px);max-height:15vh}.eingabe{width:min(100%,400px)}.eingabe[hidden]{display:none}.ziffern{grid-template-columns:repeat(3,1fr);gap:clamp(7px,1.6vw,11px);display:grid}.ziffern button{font:inherit;cursor:pointer;min-height:clamp(48px,6.6vh,62px);color:var(--schrift,#3b2410);text-shadow:0 1px 0 var(--schrift-schein,#fff4d873);background:0 0;border:0;font-size:clamp(1.4rem,6vw,1.9rem);font-weight:700;position:relative}.ziffern button[data-aktion=ok]{color:#24380f}.ziffern button[data-aktion=loeschen]{color:#2e1a0c;font-size:clamp(1.1rem,4.4vw,1.4rem)}.wahl{grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,12px);display:grid}.wahl:empty{display:none}.wahl button{font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;min-height:clamp(58px,8.4vh,78px);color:var(--schrift,#3b2410);text-shadow:0 1px 0 var(--schrift-schein,#fff4d873);background:0 0;border:0;font-size:clamp(1.4rem,6vw,1.9rem);font-weight:700}.tafel-schleier{inset:var(--navhoehe,0px) 0 0 0;z-index:3;background:radial-gradient(120% 90% at 50% 45%,#0c141200 30%,#0c14126b 100%);justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;overflow:hidden}.tafel-schleier[hidden]{display:none}.tafel{text-align:center;flex-direction:column;width:min(100%,480px);min-height:0;max-height:100%;margin:auto;padding:clamp(20px,4vw,30px) clamp(16px,4vw,28px) clamp(18px,3.4vw,26px);display:flex;position:relative}.tafel-inhalt{overscroll-behavior:contain;flex-direction:column;flex:0 auto;align-items:center;gap:14px;min-height:0;padding-bottom:2px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 26px),#0000 100%)}.tafel-fuss{flex:none;justify-content:center;align-items:center;gap:10px;padding-top:12px;display:flex}.tafel-fuss:empty{display:none}.tafel h2{color:var(--schrift,#3b2410);text-shadow:0 2px #3a200ebf,0 0 26px #ffbe6e59;margin:0;font-size:clamp(1.25rem,5.2vw,1.6rem);font-weight:600}.tafel .frage{color:#fbe6c2;text-shadow:0 1px #3a200e80;margin:0;font-size:.98rem}.tafel .hinweis{color:#f4dcb4;max-width:34ch;margin:0;font-size:.88rem;line-height:1.4}.gruppe{flex-direction:column;align-items:center;gap:7px;width:100%;display:flex}.reihe{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.reihe button{font:inherit;cursor:pointer;color:var(--schrift,#3b2410);text-shadow:0 1px 0 var(--schrift-schein,#fff4d866);background:0 0;border:0;padding:11px 18px 13px;font-size:.98rem;font-weight:600}.pfad{justify-content:center;gap:clamp(4px,1.4vw,8px);display:flex}.pfad button{font:inherit;cursor:pointer;width:clamp(40px,10.5vw,52px);height:clamp(44px,11.5vw,56px);color:var(--schrift,#3b2410);text-shadow:0 1px 0 var(--schrift-schein,#fff4d873);background:0 0;border:0;justify-content:center;align-items:flex-start;padding-top:12%;font-size:1rem;font-weight:700;line-height:1;display:flex}.pfad button[aria-pressed=true]{color:#2c1806}.los{font:inherit;cursor:pointer;color:var(--los-schrift,#22350e);text-shadow:0 1px #fffadc80;background:0 0;border:0;margin-top:4px;padding:14px 38px 16px;font-size:clamp(1.05rem,4.4vw,1.25rem);font-weight:700}.ernte{flex-direction:column;align-items:center;gap:6px;display:flex}.zeilen{color:var(--schrift-leise,#684a2a);flex-direction:column;gap:5px;font-size:1.08rem;font-weight:600;display:flex}.zeilen b{color:var(--schrift,#3b2410);font-variant-numeric:tabular-nums}.bestzeit{color:var(--schrift-akzent,#965214);min-height:1.1em;font-size:.98rem;font-weight:600}.duell-karten{gap:12px;width:100%;max-width:360px;display:flex}.duell-karten .seite{text-align:center;flex:1;padding:12px 6px 14px}.duell-karten .name{letter-spacing:.06em;text-transform:uppercase;color:var(--schrift-leise,#684a2a);font-size:.7rem}.duell-karten .zeit{font-variant-numeric:tabular-nums;color:var(--schrift,#3b2410);font-size:1.35rem;font-weight:700}.duell-karten .detail{color:var(--schrift-leise,#684a2a);margin-top:2px;font-size:.72rem}.duell-karten .krone{height:1.3em;font-size:1.1rem}:where(button):focus-visible{outline-offset:3px;border-radius:12px;outline:3px solid #ffd88a}@media (width<=520px){.lichtung{gap:8px;padding-top:6px}.brett{min-height:165px;max-height:33vh}.schild .klein{font-size:.56rem}}@media (width>=900px) and (height>=700px){.lichtung{width:min(100%,700px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media (height<=520px){.tafel{width:min(100%,560px);padding:12px 16px 14px}.tafel-inhalt{gap:7px}.tafel h2{font-size:1.1rem}.tafel .frage{font-size:.84rem}.tafel .hinweis{max-width:46ch;font-size:.78rem}.gruppe{gap:4px}.reihe button{padding:7px 13px 9px;font-size:.88rem}.los{margin-top:0;padding:9px 26px 11px;font-size:1rem}.pfad button{width:36px;height:40px}#ernte{height:96px}.duell-box{gap:4px}.duell-schalter{padding:6px 10px;font-size:.78rem}.duell-optionen{gap:4px;padding:4px}.duell-stufe{padding:4px 8px}.duell-stufe b{font-size:.72rem}.duell-stufe small{display:none}.duell-opt-label{font-size:.66rem}}@media (height<=520px) and (width>=620px){.tafel{width:min(100%,660px)}.tafel-inhalt{grid-template-columns:1fr 1fr;align-items:start;gap:6px 18px;display:grid}.tafel-inhalt>h2,.tafel-inhalt>.los,.tafel-inhalt>.reihe,.tafel-inhalt>.ausbeute,.tafel-inhalt>.ernte,.tafel-inhalt>.zeilen,.tafel-inhalt>.bestzeit,.tafel-inhalt>.duell-karten{grid-column:1/-1}}@media (height<=560px) and (width>=560px){.lichtung{width:min(100%,900px);padding-top:4px;padding-bottom:calc(6px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(220px,320px);grid-template-areas:"kopf kopf""brett eingabe";align-content:center;align-items:center;gap:6px 14px;padding-right:74px;display:grid}.kopf{grid-area:kopf}.brett{grid-area:brett;height:100%;min-height:0;max-height:none}.eingabe{grid-area:eingabe;width:100%}.ziffern{gap:clamp(4px,1vh,8px)}.ziffern button{min-height:clamp(38px,15vh,58px);font-size:clamp(1.1rem,5vh,1.6rem)}.wahl{gap:clamp(4px,1vh,8px)}.wahl button{min-height:clamp(40px,17vh,64px)}}@media (height<=520px){.tafel-schleier{padding:4px 10px}.tafel{padding:8px 14px 10px}.tafel-inhalt{gap:4px}.tafel h2{font-size:1rem}.los{z-index:2;padding:7px 22px 9px;font-size:.95rem;position:sticky;bottom:2px}}.reihe button[data-pikto]{min-width:112px;padding-top:48px}@media (height<=520px){.reihe button[data-pikto]{min-width:88px;padding-top:32px}}@media (height<=720px) and (width<=430px){.reihe button[data-pikto]{text-align:left;min-width:0;padding:10px 12px 12px 42px}}