@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P-Regular.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal;unicode-range:U+??,U+100-17F,U+2010-2015,U+2018-201F,U+2026,U+20AC,U+2122}:root{--wf-ink:#2f2440;--wf-ink-weich:#4a3660;--wf-papier:#fffdf9;--wf-creme:#fdf6e3;--wf-rosa:#ffb3c6;--wf-rosa-tief:#c9436b;--wf-mint:#9fe7cd;--wf-mint-tief:#55bfa2;--wf-himmel:#a8d8ff;--wf-butter:#ffe9a8;--wf-gold:#ffcb4f;--wf-flieder:#cdb4ff;--wf-schatten:#2f244047;--wf-rand:3px;--wf-tap:44px;--wf-motion:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--wf-creme);height:100%;color:var(--wf-ink);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:"Press Start 2P",ui-monospace,SFMono-Regular,monospace;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}canvas{image-rendering:pixelated;display:block}.wf-buehne{aspect-ratio:460/440;width:auto;max-width:100%;height:100%;margin:auto;position:absolute;inset:0;overflow:hidden}.wf-canvas,.wf-ui{position:absolute;inset:0}.wf-ui{pointer-events:none}.wf-screen{pointer-events:none;isolation:isolate;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.wf-screen--titel{padding:max(2vh, env(safe-area-inset-top)) 4vw max(2vh, env(safe-area-inset-bottom));justify-content:space-between}.wf-band{z-index:1;flex-direction:column;align-items:center;gap:clamp(.35rem,1.3vh,.8rem);width:100%;display:flex;position:relative}.wf-band--unten{gap:clamp(.3rem,1.2vh,.7rem)}.wf-logo{letter-spacing:.02em;color:var(--wf-ink);text-shadow:0 calc(var(--wf-rand) * 1) 0 var(--wf-rosa), 0 calc(var(--wf-rand) * 2) 0 var(--wf-rosa-tief);margin:0;font-size:clamp(1.05rem,6.4vw,2.4rem);line-height:1.35}.wf-sub,.wf-best,.wf-streak,.wf-hint{color:var(--wf-ink);text-align:center;border:2px solid var(--wf-ink);background:#fffdf9e6;margin:0;padding:.4rem .6rem;font-size:clamp(.5rem,2.5vw,.72rem);line-height:1.7}.wf-best{border-width:var(--wf-rand);box-shadow:0 var(--wf-rand) 0 var(--wf-schatten);padding:.45rem .7rem}.wf-actions{flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,2vw,.8rem);display:flex}.wf-button,.wf-chip,.wf-schalter,.wf-icon,.wf-ducken{pointer-events:auto;color:var(--wf-ink);background:var(--wf-papier);border:var(--wf-rand) solid var(--wf-ink);box-shadow:0 calc(var(--wf-rand) + 1px) 0 var(--wf-ink-weich);cursor:pointer;min-height:var(--wf-tap);min-width:var(--wf-tap);transition:transform calc(90ms * var(--wf-motion)) ease-out;border-radius:0;font-family:inherit}.wf-button{background:var(--wf-mint);padding:.75rem 1.1rem;font-size:clamp(.55rem,2.7vw,.8rem);line-height:1.4}.wf-button--gross{background:var(--wf-rosa);min-height:56px;padding:.95rem 1.6rem;font-size:clamp(.7rem,3.4vw,1rem)}.wf-button--klein{background:var(--wf-papier);padding:.55rem .9rem;font-size:clamp(.48rem,2.2vw,.66rem)}.wf-button--neu{background:var(--wf-butter)}.wf-button:active,.wf-chip:active,.wf-schalter:active,.wf-icon:active,.wf-ducken:active{transform:translateY(calc(var(--wf-rand) * var(--wf-motion)));box-shadow:0 0 0 var(--wf-ink-weich)}.wf-button:focus-visible,.wf-chip:focus-visible,.wf-schalter:focus-visible,.wf-icon:focus-visible,.wf-ducken:focus-visible,.wf-feld__eingabe:focus-visible,.wf-link:focus-visible{outline:var(--wf-rand) solid var(--wf-flieder);outline-offset:2px}.wf-picker{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;max-width:46rem;display:flex}.wf-picker__label{color:var(--wf-ink);background:#fffdf9e6;margin-right:.2rem;padding:.2rem .35rem;font-size:clamp(.45rem,2.1vw,.62rem)}.wf-chip{background:var(--wf-papier);padding:.5rem .7rem;font-size:clamp(.42rem,2vw,.58rem)}.wf-chip:disabled{opacity:.55;cursor:not-allowed}.wf-chip.is-aktiv{background:var(--wf-gold)}.wf-chip--ton-hell{border-bottom:8px solid #ffd9bd}.wf-chip--ton-mittel{border-bottom:8px solid #f2bd8e}.wf-chip--ton-oliv{border-bottom:8px solid #d19c66}.wf-chip--ton-dunkel{border-bottom:8px solid #8f5c3d}.wf-schalter{text-align:left;width:100%;padding:.7rem .9rem;font-size:clamp(.5rem,2.4vw,.7rem)}.wf-schalter.is-aktiv{background:var(--wf-mint)}.wf-feld{pointer-events:auto;border:var(--wf-rand) solid var(--wf-ink);background:#fffdf9eb;align-items:center;gap:.5rem;width:min(22rem,92%);max-width:22rem;padding:.3rem .4rem;display:flex}.wf-feld__label{color:var(--wf-ink);white-space:nowrap;font-size:clamp(.42rem,2vw,.58rem)}.wf-feld__eingabe{min-width:0;min-height:calc(var(--wf-tap) - 12px);color:var(--wf-ink);-webkit-user-select:text;user-select:text;background:0 0;border:none;flex:auto;padding:.35rem .2rem;font-family:inherit;font-size:clamp(.5rem,2.4vw,.7rem)}.wf-footer{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.wf-link{pointer-events:auto;color:var(--wf-ink);border:2px solid var(--wf-ink);min-height:var(--wf-tap);background:#fffdf9e6;align-items:center;padding:.45rem .6rem;font-size:clamp(.42rem,2vw,.58rem);text-decoration:underline;display:inline-flex}.wf-baby-hit{pointer-events:auto;box-shadow:none;z-index:0;background:0 0;border:none;padding:0;position:absolute}.wf-screen--hud{padding:max(.8rem, env(safe-area-inset-top)) 3vw 0;flex-direction:row;justify-content:space-between;align-items:flex-start}.wf-hud__links{gap:.4rem;display:flex}.wf-icon{background:#fffdf9f0;padding:.6rem .7rem;font-size:clamp(.42rem,2vw,.58rem)}.wf-hud__rechts{contain:layout style paint;text-align:right;border:var(--wf-rand) solid var(--wf-ink);box-shadow:0 var(--wf-rand) 0 var(--wf-schatten);background:#fffdf9eb;flex-direction:column;align-items:flex-end;gap:.2rem;padding:.45rem .6rem;display:flex}.wf-hud__meter{font-variant-numeric:tabular-nums;color:var(--wf-ink);margin:0;font-size:clamp(.85rem,4.4vw,1.4rem)}.wf-hud__bester{color:var(--wf-ink-weich);margin:0;font-size:clamp(.45rem,2.1vw,.62rem)}.wf-hud__kombo{min-height:.9rem;color:var(--wf-rosa-tief);margin:0;font-size:clamp(.5rem,2.5vw,.72rem)}.wf-ducken{left:max(3vw, env(safe-area-inset-left));bottom:max(3vh, env(safe-area-inset-bottom));background:var(--wf-himmel);min-width:96px;min-height:56px;padding:.7rem 1rem;font-size:clamp(.5rem,2.5vw,.72rem);position:absolute}.wf-ducken.is-aktiv{background:var(--wf-gold);transform:translateY(var(--wf-rand))}.wf-lauf-hinweis{contain:layout style paint;white-space:nowrap;color:var(--wf-ink);border:var(--wf-rand) solid var(--wf-ink);background:#fffdf9f0;margin:0;padding:.55rem .8rem;font-size:clamp(.44rem,2.1vw,.6rem);line-height:1.6;position:absolute;bottom:max(14vh,5.5rem);left:50%;transform:translate(-50%)}.wf-screen--dialog{z-index:5;pointer-events:none;background:#2f244073;justify-content:center;padding:3vh 4vw}.wf-screen--panel{pointer-events:auto}.wf-karte{pointer-events:auto;background:var(--wf-creme);border:var(--wf-rand) solid var(--wf-ink);width:min(30rem,92vw);max-height:90vh;box-shadow:0 8px 0 var(--wf-schatten);flex-direction:column;align-items:center;gap:clamp(.5rem,2vh,1rem);padding:clamp(1rem,4vw,1.8rem);display:flex;overflow-y:auto}.wf-karte__titel{color:var(--wf-ink);margin:0;font-size:clamp(.85rem,4.4vw,1.3rem)}.wf-karte__text{color:var(--wf-ink-weich);text-align:center;margin:0;font-size:clamp(.48rem,2.2vw,.66rem);line-height:1.8}.wf-karte__text--links{text-align:left;width:100%}.wf-block{border-top:2px solid var(--wf-ink-weich);flex-direction:column;align-items:stretch;gap:.6rem;width:100%;padding-top:.6rem;display:flex}.wf-punkte{color:var(--wf-ink);text-shadow:0 4px 0 var(--wf-rosa);margin:0;font-size:clamp(1.4rem,8vw,2.6rem)}.wf-rekord{color:var(--wf-ink);background:var(--wf-gold);border:var(--wf-rand) solid var(--wf-ink);animation:wf-wackeln calc(.9s / var(--wf-motion,1)) ease-in-out infinite;margin:0;padding:.4rem .7rem;font-size:clamp(.5rem,2.4vw,.7rem)}.wf-spruch{color:var(--wf-ink);text-align:center;margin:0;font-size:clamp(.5rem,2.4vw,.72rem);line-height:1.9}.wf-liste{flex-direction:column;gap:.4rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.wf-liste__zeile{border:var(--wf-rand) solid var(--wf-ink-weich);opacity:.55;background:#fffdf999;flex-direction:column;gap:.25rem;padding:.55rem .7rem;display:flex}.wf-liste__zeile--reihe{opacity:1;flex-direction:row;justify-content:space-between;align-items:center}.wf-liste__zeile.is-offen{opacity:1;background:var(--wf-mint);border-color:var(--wf-ink)}.wf-liste__titel{font-size:clamp(.46rem,2.2vw,.64rem)}.wf-liste__text{color:var(--wf-ink-weich);font-size:clamp(.4rem,1.9vw,.55rem);line-height:1.7}.wf-meldungen{flex-direction:column;gap:.3rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.wf-meldung{text-align:center;color:var(--wf-ink);background:var(--wf-papier);border:2px solid var(--wf-ink);padding:.45rem .6rem;font-size:clamp(.44rem,2.1vw,.6rem);line-height:1.6}.wf-meldung--erfolg{background:var(--wf-butter)}.wf-tabs{flex-wrap:wrap;justify-content:center;gap:.35rem;width:100%;display:flex}.wf-rangliste{flex-direction:column;gap:.3rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.wf-rangliste__zeile{border:2px solid var(--wf-ink-weich);background:#fffdf9bf;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:clamp(.44rem,2.1vw,.6rem);display:grid}.wf-rangliste__zeile.is-ich{background:var(--wf-butter);border-color:var(--wf-ink)}.wf-rangliste__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wf-rangliste__meter{text-align:right}.wf-rangliste__siegel{color:var(--wf-mint-tief);grid-column:1/-1;font-size:clamp(.38rem,1.8vw,.5rem)}.wf-toasts{contain:layout style;z-index:7;bottom:max(10.5rem, calc(env(safe-area-inset-bottom) + 10rem));pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;width:min(24rem,84vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.wf-toast{text-align:center;color:var(--wf-ink);background:var(--wf-papier);border:var(--wf-rand) solid var(--wf-ink);box-shadow:0 4px 0 var(--wf-schatten);animation:wf-einblenden calc(.22s / var(--wf-motion,1)) ease-out;margin:0;padding:.55rem .8rem;font-size:clamp(.44rem,2.1vw,.6rem);line-height:1.6}.wf-toast--erfolg{background:var(--wf-butter)}.wf-toast--rekord{background:var(--wf-gold)}.wf-install{z-index:6;left:50%;bottom:max(1rem, env(safe-area-inset-bottom));pointer-events:auto;background:var(--wf-himmel);border:var(--wf-rand) solid var(--wf-ink);width:min(26rem,92vw);box-shadow:0 6px 0 var(--wf-schatten);flex-direction:column;align-items:center;gap:.6rem;padding:.9rem;display:flex;position:absolute;transform:translate(-50%)}.wf-install__text{text-align:center;margin:0;font-size:clamp(.46rem,2.2vw,.62rem);line-height:1.7}.wf-install__actions{gap:.5rem;display:flex}@keyframes wf-einblenden{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes wf-wackeln{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@media (orientation:landscape) and (max-height:520px){.wf-screen--titel{justify-content:flex-start;padding:.5rem 3vw .4rem;overflow-y:auto}.wf-band{gap:.3rem}.wf-band--unten{margin-top:.4rem}.wf-logo{font-size:clamp(.8rem,3.4vw,1.2rem)}.wf-sub{display:none}.wf-actions{gap:.4rem}.wf-button--gross{min-height:var(--wf-tap);padding:.6rem 1rem}.wf-lauf-hinweis{bottom:max(9vh,4.5rem)}.wf-toasts{bottom:max(8rem, calc(env(safe-area-inset-bottom) + 7.5rem))}}@media (prefers-reduced-motion:reduce){:root{--wf-motion:0}.wf-rekord,.wf-toast{animation:none}}[hidden]{display:none}