@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default}img{-webkit-user-drag:none}textarea,input{-webkit-user-select:text;user-select:text;cursor:auto}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}html,body{height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}h1,h2,h3,p{text-wrap:pretty;margin:0}ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:"Segoe UI Variable Text", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display:ui-rounded, "Segoe UI Variable Display", "SF Pro Rounded", system-ui, sans-serif;--navy:#1b345e;--red:#de3b3d;--gold:#f7be2b;--teal:#26998e;--gruen:#399d57;--paper:var(--lightningcss-light,#fefaf1)var(--lightningcss-dark,#14202d);--paper-2:var(--lightningcss-light,#f5eee0)var(--lightningcss-dark,#202f3f);--ink:var(--lightningcss-light,var(--navy))var(--lightningcss-dark,oklch(94% .02 220));--muted:var(--lightningcss-light,#52657a)var(--lightningcss-dark,#9bb2be);--line:var(--lightningcss-light,#1b345e24)var(--lightningcss-dark,#ffffff24);--glas:color-mix(in oklch, var(--paper) 76%, transparent);--radius:18px;--shadow:0 1px 2px #08152c33, 0 8px 30px #08152c38;--cursor-net:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='11' cy='11' r='8' fill='%23ffffff55' stroke='%231d3557' stroke-width='2.5'/%3E%3Cpath d='M5 11h12M11 5v12M7 7l8 8M15 7l-8 8' stroke='%231d3557' stroke-width='.8'/%3E%3Cpath d='M17 17l12 12' stroke='%238a5a2b' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") 11 11, crosshair}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:lab(0% 0 0)){:root{--navy:lab(21.674% 2.06225 -28.1731);--red:lab(51.5803% 63.2457 38.9399);--gold:lab(80.4753% 12.2361 74.4039);--teal:lab(57.1224% -34.547 -3.52179);--gruen:lab(57.682% -42.2772 27.8818);--paper:var(--lightningcss-light,lab(98.3077% .350714 4.58039))var(--lightningcss-dark,lab(11.76% -2.21248 -10.3082));--paper-2:var(--lightningcss-light,lab(94.2766% .635952 7.66994))var(--lightningcss-dark,lab(18.7116% -2.67701 -12.0513));--muted:var(--lightningcss-light,lab(41.923% -3.52952 -13.9154))var(--lightningcss-dark,lab(71.1085% -6.18988 -8.67521));--line:var(--lightningcss-light,lab(21.674% 2.06225 -28.1731/.14))var(--lightningcss-dark,lab(100% 0 0/.14));--shadow:0 1px 2px lab(6.87089% 1.30797 -17.4931/.2), 0 8px 30px lab(6.87089% 1.30797 -17.4931/.22)}}:root[data-anzeige=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-anzeige=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@layer ui{body{font-family:var(--font);color:var(--ink);background:#255b7d;background:lab(36.1417% -9.22217 -25.1168)}#buehne{cursor:var(--cursor-net);touch-action:none;position:fixed;inset:0}#buehne canvas{display:block}.karte{border-radius:var(--radius);background:var(--glas);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);box-shadow:var(--shadow);border:1px solid #ffffff73;border:1px solid lab(100% 0 0/.45);border-color:oklch(100% 5.96046e-8 none/.45) oklch(100% 5.96046e-8 none/.45) oklch(100% 5.96046e-8 none/.45) oklch(100% 5.96046e-8 none/.45)}.muted{color:var(--muted)}.ikon{object-fit:contain;vertical-align:-.3em;flex:none;width:1.35em;height:1.35em}.knopf,.rund{cursor:pointer;border:0;border-radius:999px;font-weight:650;transition:scale .15s,background-color .2s,opacity .2s}:is(.knopf,.rund):active:not(:disabled){scale:.96}:is(.knopf,.rund):focus-visible{outline:3px solid var(--gold);outline-offset:2px}:is(.knopf,.rund):disabled{opacity:.5;cursor:default}.knopf{white-space:nowrap;background:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312);padding:.6rem 1.05rem}.knopf:hover:not(:disabled){background:color-mix(in oklch, var(--navy), white 12%)}.knopf.hell{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.knopf.hell:hover:not(:disabled){background-color:color-mix(in oklch, var(--ink) 10%, transparent)}.knopf.gefahr{background:var(--red)}.rund{aspect-ratio:1;background:var(--glas);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:42px;box-shadow:var(--shadow);font-size:1.15rem}.rund.klein{width:34px;box-shadow:none;background:var(--paper-2);font-size:.9rem}.hud{inset:max(12px, env(safe-area-inset-top)) 12px auto 12px;z-index:10;pointer-events:none;flex-wrap:wrap;align-items:flex-start;gap:10px;transition:opacity .3s;display:flex;position:fixed;container:hud/inline-size}.hud>*{pointer-events:auto}body:has(dialog[open]) .hud{opacity:.3}.hud .karte,.hud .boost{-webkit-user-select:none;user-select:none;cursor:default}.hud [tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.tooltip{z-index:40;background:color-mix(in oklch, var(--navy) 94%, transparent);color:#fbf8f1;color:lab(97.7201% .286549 3.81312);white-space:pre-line;pointer-events:none;border:0;border-radius:12px;max-width:min(320px,100vw - 20px);margin:0;padding:.55rem .75rem;font-size:.8rem;line-height:1.4;transition:opacity .15s;position:fixed;inset:0 auto auto 0;overflow:visible;box-shadow:0 8px 28px #010a2059;box-shadow:0 8px 28px lab(2.80321% 1.5397 -14.2223/.35)}@starting-style{.tooltip{opacity:0}}.tooltip:before{content:"";left:calc(var(--pfeil-x,20px) - 6px);background:inherit;width:12px;height:12px;position:absolute;rotate:45deg}.tooltip[data-seite=unten]:before{top:-5px}.tooltip[data-seite=oben]:before{bottom:-5px}.kapitaen,.werte{box-sizing:border-box;width:var(--hud-karte,300px);height:64px}.kapitaen{align-items:center;gap:12px;padding:8px 16px 8px 8px;display:flex}.medaille{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #375587, var(--navy));width:48px;color:var(--gold);font:800 1.2rem/1 var(--font-display);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 3px var(--gold), 0 2px 8px #08152c59;border-radius:50%;place-items:center;display:grid}@supports (color:lab(0% 0 0)){.medaille{background:radial-gradient(circle at 35% 30%, lab(35.5973% .948787 -31.8809), var(--navy));box-shadow:inset 0 0 0 3px var(--gold), 0 2px 8px lab(6.87089% 1.30797 -17.4931/.35)}}.rang{flex:1;gap:4px;min-width:0;display:grid}.rang strong{font:750 1rem/1.1 var(--font-display)}.rang small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.xpbalken{--xp:0%;background:linear-gradient(90deg, var(--gold) var(--xp), #5964752e var(--xp));border-radius:99px;height:8px;transition:--xp .9s cubic-bezier(.2,.9,.3,1.05);overflow:hidden}@supports (color:lab(0% 0 0)){.xpbalken{background:linear-gradient(90deg, var(--gold) var(--xp), lab(41.8783% -1.09747 -10.9887/.18) var(--xp))}}.xpbalken span{background:linear-gradient(90deg,#0000,#ffffffb3,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.7),#0000);width:30%;height:100%;animation:3.5s ease-in-out infinite glanz;display:block}.werte{font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:0 14px;display:grid}.wert{grid-template-columns:auto auto;align-items:center;column-gap:8px;min-width:0;display:grid}.wert .wert-ikon{grid-row:span 2;width:34px;height:34px}.wert b{font:750 1.05rem/1.1 var(--font-display);white-space:nowrap}.wert small{color:var(--muted);white-space:nowrap;font-size:.74rem}.wert.gold b{color:#b37900;color:lab(55.6864% 21.5518 81.378)}.wert.voll b{color:#9e6200;color:lab(47.4747% 21.8849 64.6543);-webkit-text-decoration:underline 2px color-mix(in oklch, var(--gold) 80%, transparent);text-decoration:underline 2px color-mix(in oklch, var(--gold) 80%, transparent);text-underline-offset:3px}.gezeiten{box-sizing:border-box;align-items:center;gap:10px;height:64px;padding:6px 14px 6px 10px;display:flex}.gezeiten strong{font:750 .95rem/1.15 var(--font-display);white-space:nowrap;display:block}.gezeiten small{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7rem;line-height:1.3;display:block}.pegel{--pegel:50%;background:linear-gradient(#eee4cf,#dcc091);background:linear-gradient(lab(90.8291% 1.05333 11.58),lab(79.2378% 5.53143 27.7338));border-radius:7px;width:14px;height:44px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px #2e4b6059;box-shadow:inset 0 0 0 1.5px lab(30.4013% -6.57888 -15.8786/.35)}.pegel span{height:var(--pegel);background:linear-gradient(#48b7bd,#006c97);background:linear-gradient(lab(68.4919% -31.37 -12.9149),lab(42.0181% -14.5027 -32.4861));border-top:2px solid #e6fafa;border-top:2px solid lab(96.719% -6.32727 -2.65062);transition:height 1s linear;position:absolute;inset:auto 0 0}.boosts{flex-wrap:wrap;gap:6px;max-width:70vw;display:flex;position:absolute;top:calc(100% + 8px);left:0}.boost{font-variant-numeric:tabular-nums;background:var(--glas);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:650}.boost.gold{color:var(--navy);background:linear-gradient(90deg,#e99b2a,#f4cd4b);background:linear-gradient(90deg,lab(70.6914% 24.1602 66.1517),lab(84.2114% 4.45244 67.0197))}.boost.frisch{color:#f4fefe;color:lab(98.9397% -3.16557 -1.32881);background:linear-gradient(90deg,#1c989e,#3dbbae);background:linear-gradient(90deg,lab(56.8875% -31.3092 -12.8605),lab(68.8428% -37.9443 -3.88041))}.aktionen{gap:8px;margin-left:auto;display:flex}@container hud (width<820px){.kapitaen,.werte{width:250px}.werte{padding-inline:10px}}@container hud (width<980px){#gez-wirkung{display:none}}@container hud (width<430px){.werte{grid-template-columns:1fr;align-content:center;gap:2px;padding:0 10px}.wert{column-gap:6px}.wert .wert-ikon{grid-row:auto;width:22px;height:22px}.wert b{font-size:.92rem}.kapitaen{gap:8px}.kapitaen .medaille{width:40px}.rang small{white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}}@container hud (width<560px){.kapitaen,.werte{flex:1 1 0;width:auto;min-width:150px}.gezeiten{height:auto;padding-block:6px}.gezeiten .pegel{height:30px}.gezeiten small{display:none}.wert small{display:none}.kapitaen{padding-right:12px}}.betriebe{z-index:9;top:calc(max(12px, env(safe-area-inset-top)) + var(--hud-hoehe,64px) + 12px);width:min(360px,100vw - 24px);max-height:calc(100dvh - var(--hud-hoehe,64px) - 48px);flex-direction:column;transition:opacity .3s;display:flex;position:fixed;right:12px;overflow:hidden;container:betriebe/inline-size}body:has(dialog[open]) .betriebe{opacity:.3}.betriebe-kopf{justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.titel{cursor:pointer;font:750 1rem var(--font-display);background:0 0;border:0;align-items:center;gap:6px;padding:.3rem .2rem;display:flex}.titel .pfeil{color:var(--muted);transition:rotate .25s}.titel[aria-expanded=false] .pfeil{rotate:-90deg}.menge{background:var(--paper-2);border-radius:999px;gap:2px;padding:3px;display:flex}.menge button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:650}.menge button[aria-checked=true]{background:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312)}.betriebe:has(#betriebe-auf[aria-expanded=false]) .liste,.betriebe:has(#betriebe-auf[aria-expanded=false]) .menge{display:none}.liste{overscroll-behavior:contain;scrollbar-width:thin;gap:8px;padding:0 10px 10px;display:grid;overflow-y:auto}.betrieb{background:color-mix(in oklch, var(--paper-2) 85%, transparent);border-radius:14px;grid-template-columns:40px 1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.betrieb .symbol{grid-row:span 2;place-items:center;display:grid}.betrieb .symbol .ikon{width:40px;height:40px}.betrieb .name{font:700 .95rem/1.2 var(--font-display);grid-column:2}.betrieb .wirkung{grid-column:2}.betrieb .stufe{text-align:center;min-width:2.4em;font:750 .85rem var(--font-display);font-variant-numeric:tabular-nums;background:var(--paper);border-radius:999px;grid-row:span 2;padding:.2rem .5rem}.betrieb .wirkung{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.betrieb .fortschritt{grid-column:1/-1;gap:3px;display:grid}.betrieb .fortschritt small{color:var(--muted);font-size:.72rem}.betrieb .kaufen{font-variant-numeric:tabular-nums;grid-column:1/-1;justify-content:space-between;gap:8px;margin-top:4px;padding:.5rem .9rem;display:flex}.betrieb .kaufen .preis{align-items:center;gap:5px;font-weight:750;display:inline-flex}.betrieb .kaufen .preis .ikon{width:1.3em;height:1.3em}.betrieb.gesperrt{opacity:.55}.betrieb.gesperrt .stufe{display:none}.betrieb.gekauft{animation:.6s ease-out aufleuchten}.betrieb button.symbol{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0}.betrieb button.symbol .ikon{transition:scale .2s}.betrieb button.symbol:hover .ikon{scale:1.1}.betrieb button.symbol:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.betrieb .beifang-knopf{grid-column:1/-1;padding:.4rem .8rem;font-size:.85rem}.betrieb .beifang-knopf:not(:disabled){color:var(--navy);box-shadow:none;background:linear-gradient(90deg,#df911a,#f3c530);background:linear-gradient(90deg,lab(67.1959% 24.4167 67.5432),lab(81.8152% 7.32127 74.0651))}.balken{--anteil:0%;background:linear-gradient(90deg, var(--teal) var(--anteil), #59647529 var(--anteil));border-radius:99px;height:6px}@supports (color:lab(0% 0 0)){.balken{background:linear-gradient(90deg, var(--teal) var(--anteil), lab(41.8783% -1.09747 -10.9887/.16) var(--anteil))}}.balken.meilenstein{background:linear-gradient(90deg, var(--gold) var(--anteil), #59647529 var(--anteil));transition:--anteil .5s}@supports (color:lab(0% 0 0)){.balken.meilenstein{background:linear-gradient(90deg, var(--gold) var(--anteil), lab(41.8783% -1.09747 -10.9887/.16) var(--anteil))}}@container betriebe (width<300px){.betrieb{grid-template-columns:32px 1fr auto}.betrieb .symbol{font-size:1.3rem}}@media not (min-width:720px){:root{--panel-unten:max(8px, env(safe-area-inset-bottom));--panel-h:max(64px, min(46dvh, 100dvh - max(12px, env(safe-area-inset-top)) - var(--hud-hoehe,64px) - var(--panel-unten) - 80px))}.betriebe{top:auto;bottom:var(--panel-unten);width:auto;max-height:var(--panel-h);left:8px;right:8px}.meldungen{bottom:calc(var(--panel-unten) + var(--panel-h) + 68px)!important}body:has(#betriebe-auf[aria-expanded=false]) .meldungen{bottom:calc(var(--panel-unten) + 128px)!important}}.laden{z-index:200;padding:24px 16px max(16px, env(safe-area-inset-bottom));color:var(--navy);text-align:center;background:linear-gradient(#afd9ea,#65b2c4 46%,#2b8f9a 54%,#e0cba1);background:linear-gradient(lab(83.992% -11.3069 -13.2957),lab(68.0501% -20.9293 -17.1199) 46%,lab(54.3823% -26.7191 -14.2215) 54%,lab(82.7817% 2.74146 23.7494));place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.laden.fertig{opacity:0;pointer-events:none}.laden h1{font:800 clamp(2rem, 7vw, 3.2rem)/1 var(--font-display);letter-spacing:.01em}.laden .laden-claim{font:italic 600 clamp(1rem, 3.4vw, 1.2rem) var(--font-display);opacity:.85;margin-top:-6px}.laden p{font-weight:600}.laden-inhalt{justify-items:center;gap:14px;display:grid}.laden-bild{border-radius:22%;width:min(150px,34vw);height:auto;box-shadow:0 8px 24px #08152c59;box-shadow:0 8px 24px lab(6.87089% 1.30797 -17.4931/.35)}.laden-balken{--anteil:0%;background:linear-gradient(90deg, var(--gold) var(--anteil), #ffffff73 var(--anteil));border-radius:99px;width:min(280px,70vw);height:10px;transition:--anteil .3s;box-shadow:inset 0 0 0 1px #1b345e40;box-shadow:inset 0 0 0 1px lab(21.674% 2.06225 -28.1731/.25)}@supports (color:lab(0% 0 0)){.laden-balken{background:linear-gradient(90deg, var(--gold) var(--anteil), lab(100% 0 0/.45) var(--anteil))}}.laden-fuss{inset:auto 16px max(14px, env(safe-area-inset-bottom));opacity:.8;font-size:.8rem;position:absolute}.laden-hinweis{max-width:min(460px,90vw);line-height:1.4}.test-schild{z-index:300;background:var(--red);color:#fff;font:800 .75rem/1.2 var(--font-display);letter-spacing:.12em;pointer-events:none;border-radius:0 0 10px 10px;padding:2px 14px 3px;position:fixed;top:0;left:50%;translate:-50%}.gebiete{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:9;background:var(--glas);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);box-shadow:var(--shadow);border-radius:999px;gap:4px;padding:4px;transition:opacity .3s;display:flex;position:fixed;translate:-50%}.gebiete button{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem .35rem .45rem;font-weight:650;transition:background-color .2s,opacity .2s;display:inline-flex}.gebiete button .ikon{width:1.9em;height:1.6em;margin-block:-.2em}.gebiete button .gebiet-text{justify-items:start;line-height:1.1;display:grid}.gebiete button small{color:var(--muted);white-space:nowrap;font-size:.66rem;font-weight:600}.gebiete button small:empty{display:none}.gebiete button:hover:not(:disabled){background:color-mix(in oklch, var(--paper-2) 80%, transparent)}.gebiete button[aria-current=true]{background:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312)}.gebiete button:disabled{cursor:default}.gebiete button:disabled .ikon{filter:grayscale()opacity(.5)}.gebiete button:disabled .gebiet-name{opacity:.6}.gebiete button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}body:has(dialog[open]) .gebiete{opacity:.3}@media not (min-width:720px){.gebiete{bottom:calc(var(--panel-unten) + var(--panel-h) + 10px)}.gebiete button{padding-inline:.4rem .6rem}.gebiete small{display:none}body:has(#betriebe-auf[aria-expanded=false]) .gebiete{bottom:calc(var(--panel-unten) + 68px)}}.meldungen{inset:auto 0 calc(max(14px, env(safe-area-inset-bottom)) + 62px) 0;z-index:20;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}.meldung{background:color-mix(in oklch, var(--navy) 90%, transparent);color:#fbf8f1;color:lab(97.7201% .286549 3.81312);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(92vw,520px);box-shadow:var(--shadow);text-align:center;border-radius:999px;padding:.6rem 1.15rem;font-weight:600;transition:opacity .4s,translate .4s}@starting-style{.meldung{opacity:0;translate:0 14px}}.meldung.gold{color:var(--navy);background:linear-gradient(90deg,#df911a,#f3c530);background:linear-gradient(90deg,lab(67.1959% 24.4167 67.5432),lab(81.8152% 7.32127 74.0651))}.meldung.level{background:linear-gradient(90deg, var(--navy), #194f81);box-shadow:var(--shadow), inset 0 0 0 2px var(--gold)}@supports (color:lab(0% 0 0)){.meldung.level{background:linear-gradient(90deg, var(--navy), lab(32.253% -3.43981 -33.6552))}}.meldung.weg{opacity:0;translate:0 -8px}.blatt{background:var(--paper);width:min(620px,100vw - 24px);max-height:min(86dvh,760px);color:var(--ink);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--ink) 28%, transparent) transparent;scrollbar-gutter:stable;opacity:1;transition:opacity .3s, translate .35s cubic-bezier(.2, .9, .3, 1.1), overlay .35s allow-discrete, display .35s allow-discrete;border:5px solid #0000;border-radius:24px;padding:0;overflow:auto;translate:0;box-shadow:0 20px 80px #010a2073;box-shadow:0 20px 80px lab(2.80321% 1.5397 -14.2223/.45)}@starting-style{.blatt{opacity:0;translate:0 30px}}.blatt:not([open]){opacity:0;translate:0 30px}.blatt::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s, overlay .35s allow-discrete, display .35s allow-discrete;background:#05153159;background:lab(6.74229% 2.58877 -20.8856/.35)}@starting-style{.blatt::backdrop{opacity:0}}.blatt:not([open])::backdrop{opacity:0}.blatt>section{padding:4px 17px 14px}.blatt h3{font:700 1rem var(--font-display);margin:.6rem 0 .5rem}.blatt p{margin-bottom:.6rem;font-size:.92rem}.blatt-kopf{z-index:1;background:color-mix(in oklch, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:11px 17px 10px;display:flex;position:sticky;top:0}.blatt-kopf h2{font:800 1.4rem var(--font-display)}.blatt-kopf>.reiter{flex-basis:100%;padding:10px 0 0}.blatt-fuss{background:color-mix(in oklch, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:flex-end;margin-top:auto;padding:12px 17px 11px;display:flex;position:sticky;bottom:0}.blatt-fuss:has(small){justify-content:flex-start}.reihe{flex-wrap:wrap;gap:8px;margin:.5rem 0 .8rem;display:flex}.weg{background:linear-gradient(160deg, color-mix(in oklch, var(--teal) 22%, var(--paper)), var(--paper-2));border-radius:18px;margin:0 9px}.ernte{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ernte>div{background:var(--paper);border-radius:14px;justify-items:center;gap:2px;padding:10px 6px;display:grid}.ernte .ikon{width:38px;height:38px}.ernte b{font:800 1.15rem var(--font-display);font-variant-numeric:tabular-nums;text-align:center}.ernte small{color:var(--muted);text-align:center;font-size:.78rem}.hinweis{background:color-mix(in oklch, var(--gold) 28%, var(--paper));border-radius:12px;padding:.55rem .8rem;margin-top:.8rem!important}.eintraege{gap:2px;font-size:.9rem;display:grid}.eintraege li{border-bottom:1px solid var(--line);grid-template-columns:7.5em 1fr;gap:10px;padding:.35rem 0;display:grid}.eintraege time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.eintraege li[data-art=level] span{font-weight:650}.eintraege li .ikon{width:1.2em;height:1.2em;margin-right:.35em}.statistik{grid-template-columns:1fr auto;gap:6px 20px;margin:0;font-size:.9rem;display:grid}.statistik dt{color:var(--muted)}.statistik dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:700}textarea{border:1.5px solid var(--line);background:var(--paper-2);resize:vertical;field-sizing:content;word-break:break-all;border-radius:12px;width:100%;min-height:2.6lh;max-height:8lh;padding:.65rem .8rem;font:.82rem/1.4 ui-monospace,Cascadia Code,Consolas,monospace}.meldung-fehler{color:var(--red);min-height:1lh;font-weight:600}.tipp{z-index:30;background:var(--paper);width:min(310px,100vw - 24px);color:var(--ink);box-shadow:0 10px 40px #010a2066, inset 0 0 0 2px var(--gold);border-radius:16px;padding:14px 16px 12px;font-size:.92rem;line-height:1.4;transition:opacity .35s;position:fixed;top:0;left:0}@supports (color:lab(0% 0 0)){.tipp{box-shadow:0 10px 40px lab(2.80321% 1.5397 -14.2223/.4), inset 0 0 0 2px var(--gold)}}@starting-style{.tipp{opacity:0}}.tipp p{margin:0 18px .7rem 0}.tipp .reihe{justify-content:space-between;align-items:center;margin:0}.tipp .knopf{padding:.45rem .9rem}.tipp .leise{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.tipp .zu{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.85rem;position:absolute;top:6px;right:8px}.tipp:before{content:"";background:var(--paper);width:14px;height:14px;position:absolute;rotate:45deg}.tipp[data-seite=unten]:before{top:-6px;left:calc(var(--pfeil-x,30px) - 7px);box-shadow:-2px -2px 0 var(--gold)}.tipp[data-seite=oben]:before{bottom:-6px;left:calc(var(--pfeil-x,30px) - 7px);box-shadow:2px 2px 0 var(--gold)}.tipp[data-seite=links]:before{right:-6px;top:calc(var(--pfeil-y,30px) - 7px);box-shadow:2px -2px 0 var(--gold)}.tipp[data-seite=mitte]:before{display:none}.tipp-ziel{outline:3px solid var(--gold);outline-offset:3px;animation:1.6s ease-in-out infinite tipp-puls}.blatt.beifang{width:min(760px,100vw - 24px)}#beifang-band{touch-action:manipulation;background:repeating-linear-gradient(90deg,#00000012 0 3px,#0000 3px 44px) 0 0/44px 100%,linear-gradient(#4f606d,#394a56) 0 0/100% 100%;background:repeating-linear-gradient(90deg,lab(0% 0 0/.07) 0 3px,#0000 3px 44px) 0 0/44px 100%,linear-gradient(lab(39.7064% -4.48519 -9.69866),lab(30.4214% -4.38128 -9.65987)) 0 0/100% 100%;border-radius:16px;height:clamp(170px,34dvh,230px);margin-top:.6rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #946640,inset 0 10px 24px #00000059;box-shadow:inset 0 0 0 6px lab(47.5252% 15.8575 29.3824),inset 0 10px 24px lab(0% 0 0/.35)}#beifang-band.laeuft{animation:1s linear infinite band}.band-meer,.band-korb{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0}.band-meer{width:clamp(56px,13%,96px);left:0;box-shadow:6px 0 10px -4px #00000073;box-shadow:6px 0 10px -4px lab(0% 0 0/.45)}.band-meer img{object-fit:cover;object-position:right center;width:100%;height:100%}.band-korb{background:repeating-linear-gradient(0deg,#0000001a 0 2px,#0000 2px 34px),linear-gradient(90deg,#916c47,#a27f57);background:repeating-linear-gradient(0deg,lab(0% 0 0/.1) 0 2px,#0000 2px 34px),linear-gradient(90deg,lab(48.809% 11.9081 26.4203),lab(55.8551% 9.91598 27.1161));place-items:center;width:clamp(78px,18%,132px);display:grid;right:0;box-shadow:inset 10px 0 12px -6px #00000080;box-shadow:inset 10px 0 12px -6px lab(0% 0 0/.5)}.band-korb:before{content:"";z-index:2;background:linear-gradient(90deg,#252f37,#67737c 30%,#cbd2d7 46%,#76828b 60%,#1e282f);background:linear-gradient(90deg,lab(18.8165% -2.96721 -6.45695),lab(47.8245% -3.13094 -6.52562) 30%,lab(83.7755% -1.62968 -3.29521) 46%,lab(53.6253% -3.14695 -6.5331) 60%,lab(15.3345% -2.92605 -6.44177));border-radius:10px/7px;width:20px;position:absolute;top:4px;bottom:4px;left:-14px;box-shadow:-5px 0 7px -3px #00000059,6px 0 9px #00000073;box-shadow:-5px 0 7px -3px lab(0% 0 0/.35),6px 0 9px lab(0% 0 0/.45)}.band-korb:after{content:"";z-index:3;filter:drop-shadow(2px 2px 2px #00000059);filter:drop-shadow(2px 2px 2px lab(0% 0 0/.35));background:linear-gradient(#754e2f,#56341e) top/100% 13px no-repeat,linear-gradient(#56341e,#754e2f) bottom/100% 13px no-repeat;background:linear-gradient(lab(37.0864% 14.5922 25.3132),lab(25.4476% 14.1486 20.3218)) top/100% 13px no-repeat,linear-gradient(lab(25.4476% 14.1486 20.3218),lab(37.0864% 14.5922 25.3132)) bottom/100% 13px no-repeat;width:28px;position:absolute;top:0;bottom:0;left:-18px}.korb{aspect-ratio:300/254;filter:drop-shadow(0 6px 5px #00000059);filter:drop-shadow(0 6px 5px lab(0% 0 0/.35));width:112%;margin-right:6%;position:relative}.korb>img{width:100%;height:100%;position:absolute;inset:0}.korb .korb-voll{opacity:0;transition:opacity .8s}.korb.voll .korb-voll{opacity:1}.korb-inhalt{clip-path:ellipse(41% 31% at 50% 34%);position:absolute;inset:0}.korb-inhalt img{filter:drop-shadow(0 2px 1px #0000004d);filter:drop-shadow(0 2px 1px lab(0% 0 0/.3));width:34%;position:absolute;translate:-50% -50%}.spritzer{z-index:3;pointer-events:none;width:74px;position:absolute;top:0;left:0}.fang{z-index:2;cursor:pointer;filter:drop-shadow(0 4px 3px #00000059);filter:drop-shadow(0 4px 3px lab(0% 0 0/.35));background:0 0;border:0;width:64px;height:64px;padding:0;position:absolute;top:0;left:0}.fang img{object-fit:contain;pointer-events:none;width:100%;height:100%}.fang:hover{filter:drop-shadow(0 0 6px #fffc)drop-shadow(0 4px 3px #00000059);filter:drop-shadow(0 0 6px lab(100% 0 0/.8))drop-shadow(0 4px 3px lab(0% 0 0/.35))}.beifang-fuss{align-items:center;gap:12px;justify-content:space-between!important}.beifang-zeit{font:800 1.3rem var(--font-display);font-variant-numeric:tabular-nums;min-width:3.5ch}.beifang-stand{color:var(--muted);flex:1;font-size:.9rem}.netz-hinweis{--blase:color-mix(in oklch, var(--paper) 90%, transparent);z-index:8;background:var(--blase);-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);color:var(--ink);box-shadow:0 4px 16px #08152c47, inset 0 0 0 1.5px color-mix(in oklch, var(--gold) 75%, transparent);cursor:pointer;border:0;border-radius:14px;padding:.4rem .8rem .4rem .55rem;font-size:.92rem;font-weight:700;animation:2.4s ease-in-out infinite wippen;position:fixed;top:0;left:0;transform:translate(-50%)}@supports (color:lab(0% 0 0)){.netz-hinweis{box-shadow:0 4px 16px lab(6.87089% 1.30797 -17.4931/.28), inset 0 0 0 1.5px color-mix(in oklch, var(--gold) 75%, transparent)}}.netz-hinweis:after{content:"";background:var(--blase);width:12px;height:12px;box-shadow:1.5px 1.5px 0 color-mix(in oklch, var(--gold) 75%, transparent);border-radius:0 0 3px;position:absolute;bottom:-6px;left:50%;translate:-50%;rotate:45deg}.netz-hinweis:hover{background:var(--paper)}.netz-hinweis:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.anleitung section{gap:.2rem;display:grid}.anleitung h3{align-items:center;gap:.5rem;display:flex}.anleitung h3 .ikon{width:1.6em;height:1.6em}.anleitung ul{margin:.2rem 0 .4rem;padding-left:1.2rem;font-size:.92rem}.anleitung li{margin:.15rem 0}.anleitung .betriebe-liste{gap:6px;padding:0;list-style:none;display:grid}.anleitung .betriebe-liste li{background:var(--paper-2);border-radius:12px;grid-template-columns:2rem 1fr;gap:0 8px;padding:8px 10px;display:grid}.anleitung .betriebe-liste .ikon{grid-row:span 2;width:2.2rem;height:2.2rem}.anleitung .betriebe-liste small{color:var(--muted)}.anleitung .blatt-fuss{justify-content:space-between;gap:8px}.werkzeuge{z-index:8;background:color-mix(in oklch, var(--paper) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(300px,100vw - 24px);box-shadow:var(--shadow);border-radius:16px;padding:10px 14px;font-size:.85rem;position:fixed;bottom:12px;left:12px}.werkzeuge summary{cursor:pointer;font-weight:650}.werkzeuge label{gap:2px;margin-top:10px;display:grid}.werkzeuge output{color:var(--muted);font-size:.8rem}.werkzeuge input[type=range]{width:100%;accent-color:var(--navy)}.werkzeuge .knoepfe{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.werkzeuge button{background:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312);cursor:pointer;border:0;border-radius:999px;padding:.35rem .7rem}.werkzeuge button[aria-pressed=true]{background:var(--gold);color:var(--navy)}.werkzeuge .fein{color:var(--muted);margin:8px 0 0;font-size:.78rem}.rund{place-items:center;padding:0;display:inline-grid}.rund .ikon{vertical-align:0;width:28px;height:28px}#knopf-ton[aria-pressed=false] .ikon{filter:grayscale()opacity(.45)}.titel .ikon{width:1.35em;height:1.35em}.blatt-kopf h2{align-items:center;gap:.45rem;display:flex}.blatt-kopf h2 .ikon{width:1.4em;height:1.4em}.boost{align-items:center;gap:.35rem;display:inline-flex}.boost .ikon{width:1.5em;height:1.5em;margin-block:-.25em}.meldung{align-items:center;gap:.5rem;display:inline-flex}.meldung .ikon{width:1.7em;height:1.7em;margin-block:-.3em}.netz-hinweis{font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;display:inline-flex}.netz-hinweis .ikon{width:1.5em;height:1.5em;margin-block:-.3em}.netz-hinweis.fertig{--blase:color-mix(in oklch, var(--gold) 30%, var(--paper));box-shadow:0 0 18px color-mix(in oklch, var(--gold) 55%, transparent), inset 0 0 0 2px var(--gold);cursor:default}.beifang-knopf{justify-content:center;align-items:center;gap:.4rem;display:flex}.beifang-knopf .ikon{width:1.5em;height:1.5em;margin-block:-.3em}.rund{position:relative}.zaehler{background:var(--red);color:#fff;min-width:20px;height:20px;font:800 .72rem/20px var(--font-display);text-align:center;box-shadow:0 0 0 2px var(--paper);border-radius:999px;padding:0 5px;animation:2.4s ease-in-out infinite wippen;position:absolute;top:-4px;right:-4px}.hafenmeisterin{align-items:center;gap:12px;margin-bottom:.6rem;display:flex}.hafenmeisterin img{object-fit:contain;object-position:bottom;flex:none;width:56px;height:120px}.hafenmeisterin p{background:var(--paper-2);border-radius:14px;margin:0;padding:.6rem .85rem;font-style:italic;position:relative}.auftrag-liste{gap:8px;display:grid}.auftrag{background:var(--paper-2);border-radius:14px;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.auftrag>.ikon{width:2.4rem;height:2.4rem}.auftrag .auftrag-text{gap:4px;min-width:0;display:grid}.auftrag .balken{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.auftrag .balken span{height:100%;width:var(--anteil);background:linear-gradient(90deg, var(--teal), var(--gruen));transition:width .4s;display:block}.auftrag .zeile2{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:0 8px;display:flex}.auftrag .zeile2 span{white-space:nowrap}.auftrag .herkunft{color:var(--muted)}.auftrag.extra{background:color-mix(in oklch, var(--teal) 14%, var(--paper-2))}.auftrag.fertig{box-shadow:inset 0 0 0 2px var(--gold)}.auftrag.fertig .balken span{background:linear-gradient(90deg, #e99b2a, var(--gold))}@supports (color:lab(0% 0 0)){.auftrag.fertig .balken span{background:linear-gradient(90deg, lab(70.6914% 24.1602 66.1517), var(--gold))}}.auftrag.abgeholt{opacity:.6}.auftrag .knopf{padding:.45rem .85rem}.klein{font-size:.8rem;margin-top:.6rem!important}.reiter{gap:6px;padding:0 17px 6px;display:flex}.reiter button{background:var(--paper-2);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:.4rem .9rem;font-weight:650}.reiter button[aria-selected=true]{background:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312)}.blatt.album{width:min(720px,100vw - 24px)}.set{margin:.4rem 0 1rem}.set-kopf{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.set-kopf h3{margin:0}.set-kopf .bonus{color:var(--muted);flex-basis:100%}.sterne span{color:var(--line);font-size:1.15rem}.sterne span.an{color:#ecaa0b;color:lab(74.4754% 17.3326 75.9449);text-shadow:0 1px #8c541f66;text-shadow:0 1px lab(41.5964% 20.8361 39.7229/.4)}.teile,.abzeichen-liste{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:.5rem;display:grid}:is(.teile,.abzeichen-liste) li{background:var(--paper-2);text-align:center;-webkit-user-select:none;user-select:none;cursor:default;border-radius:14px;align-content:start;justify-items:center;gap:2px;padding:10px 6px 8px;display:grid}:is(.teile,.abzeichen-liste) li:focus-visible{outline:3px solid var(--gold);outline-offset:2px}:is(.teile,.abzeichen-liste) b{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;max-width:100%;font-size:.78rem;line-height:1.15}:is(.teile,.abzeichen-liste) small{color:var(--muted);font-size:.7rem}.teile img{object-fit:contain;filter:drop-shadow(0 3px 2px #00000040);filter:drop-shadow(0 3px 2px lab(0% 0 0/.25));width:64px;height:64px}.teile .fehlt img{filter:brightness(0)opacity(.18)}:root[data-dunkel] .teile .fehlt img{filter:brightness(0)invert()opacity(.16)}.medaille-bild{width:56px;height:84px;display:block;position:relative}.medaille-bild .rahmen{object-fit:contain;width:100%;height:100%}.medaille-bild .motiv{object-fit:contain;width:52%;height:35%;position:absolute;top:63%;left:50%;translate:-50% -50%}.medaille-bild.offen .motiv{filter:grayscale()opacity(.35)}.abzeichen-liste .offen{opacity:.85}.teile li,.abzeichen-liste li{transition:box-shadow .4s,background-color .4s;position:relative}.teile li.neu,.abzeichen-liste li.neu{background:color-mix(in oklch, var(--gold) 20%, var(--paper-2));box-shadow:inset 0 0 0 2px var(--gold), 0 0 14px color-mix(in oklch, var(--gold) 50%, transparent);animation:2.4s ease-in-out infinite neu-schimmer}.neu-marke{background:var(--red);color:#fff;font:800 .62rem/16px var(--font-display);letter-spacing:.02em;box-shadow:0 0 0 2px var(--paper);pointer-events:none;border-radius:999px;padding:0 6px;position:absolute;top:5px;right:5px}.reiter-zahl{background:var(--red);color:#fff;min-width:18px;font:800 .68rem/18px var(--font-display);text-align:center;border-radius:999px;margin-left:.4em;padding:0 5px;display:inline-block}.blatt.pulen{width:min(760px,100vw - 24px)}.pulbrett{touch-action:manipulation;background:repeating-linear-gradient(0deg,#0000000d 0 2px,#0000 2px 38px),linear-gradient(90deg,#ceb38d,#d5c1a0 40%,#caab88);background:repeating-linear-gradient(0deg,lab(0% 0 0/.05) 0 2px,#0000 2px 38px),linear-gradient(90deg,lab(74.5213% 6.31726 23.1667),lab(79.2229% 3.62077 19.4446) 40%,lab(72.1324% 7.99826 22.5718));border-radius:16px;height:clamp(200px,38dvh,270px);margin-top:.6rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #9f7655,inset 0 8px 20px #0003;box-shadow:inset 0 0 0 6px lab(53.3826% 13.4713 24.9792),inset 0 8px 20px lab(0% 0 0/.2)}.pul-schuessel{pointer-events:none;filter:drop-shadow(0 6px 4px #0000004d);filter:drop-shadow(0 6px 4px lab(0% 0 0/.3));width:30%;max-width:190px;position:absolute;bottom:14px;right:14px}.pul-inhalt{aspect-ratio:320/220;pointer-events:none;clip-path:ellipse(46% 30% at 50% 30%);width:30%;max-width:190px;position:absolute;bottom:14px;right:14px}.pul-inhalt img{filter:drop-shadow(0 2px 1px #00000040);filter:drop-shadow(0 2px 1px lab(0% 0 0/.25));width:26%;position:absolute;translate:-50% -50%}.pul-schalen{pointer-events:none;opacity:0;width:22%;max-width:140px;transition:opacity .4s;position:absolute;top:12px;right:22px}.pulkrabbe{cursor:pointer;filter:drop-shadow(0 4px 3px #0000004d);filter:drop-shadow(0 4px 3px lab(0% 0 0/.3));background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.pulkrabbe img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pulkrabbe .kopf{clip-path:inset(0 calc(100% - var(--kopf)) 0 0)}.pulkrabbe .schwanz{clip-path:inset(0 0 0 var(--kopf))}.pulkrabbe .gepult{width:var(--gepult-breite);opacity:0;transition:opacity .25s;left:auto;right:0}.pulkrabbe.ohne-kopf{filter:drop-shadow(0 4px 3px #0000004d)drop-shadow(0 0 6px #ffffffe6);filter:drop-shadow(0 4px 3px lab(0% 0 0/.3))drop-shadow(0 0 6px lab(100.223% .50956 19.5627/.9))}.pulkrabbe.gepult .gepult{opacity:1}.pulkrabbe:hover{filter:drop-shadow(0 0 6px #fffc)drop-shadow(0 4px 3px #0000004d);filter:drop-shadow(0 0 6px lab(100% 0 0/.8))drop-shadow(0 4px 3px lab(0% 0 0/.3))}.papier{color:#452c17;color:lab(20.9422% 10.0154 18.5965);background:linear-gradient(#765e4414 1px,#0000 1px) 0 12px/100% 28px,linear-gradient(135deg,#fbedd1,#f0dbb9);background:linear-gradient(lab(41.9624% 6.92678 19.1381/.08) 1px,#0000 1px) 0 12px/100% 28px,linear-gradient(135deg,lab(94.3393% 1.51199 15.5285),lab(88.5071% 3.54594 19.3722));border-radius:6px;padding:18px 20px;rotate:-.6deg;box-shadow:0 3px 10px #00000026;box-shadow:0 3px 10px lab(0% 0 0/.15)}.papier #brief-text{margin-bottom:.8rem;font:italic 600 1.08rem/1.5 Georgia,Times New Roman,serif}.antworten{gap:8px;margin-bottom:.6rem;display:grid}.antworten .knopf{white-space:normal;text-align:left;color:#452c17;color:lab(20.9422% 10.0154 18.5965)}.antworten .knopf.hell{box-shadow:inset 0 0 0 1.5px #452c1740;box-shadow:inset 0 0 0 1.5px lab(20.9422% 10.0154 18.5965/.25)}.antworten .knopf:hover:not(:disabled){background:#452c171a;background:lab(20.9422% 10.0154 18.5965/.1)}.antworten .knopf:disabled{opacity:.55}.antworten .richtig,.antworten .falsch{opacity:1!important}.antworten .richtig{background:color-mix(in oklch, var(--gruen) 35%, transparent)}.antworten .falsch{background:color-mix(in oklch, var(--red) 25%, transparent)}.brief-ergebnis{white-space:pre-line;font-size:.9rem;margin:0!important}.mitte{text-align:center;justify-content:center}.knopf.gross{padding:.75rem 1.4rem;font-size:1.02rem}.blatt.bernstein{width:min(680px,100vw - 24px)}.vorschau{background:linear-gradient(160deg, color-mix(in oklch, #f0a646 26%, var(--paper)), var(--paper-2));text-align:center;-webkit-user-select:none;user-select:none;cursor:default;border-radius:18px;justify-items:center;gap:4px;margin:.3rem 0 .9rem;padding:14px 16px 12px;display:grid}@supports (color:lab(0% 0 0)){.vorschau{background:linear-gradient(160deg, color-mix(in oklch, lab(74.2281% 21.9453 59.1988) 26%, var(--paper)), var(--paper-2))}}.vorschau:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.vorschau small{color:var(--muted)}.vorschau .balken{background:var(--line);border-radius:99px;width:min(100%,380px);height:8px;margin-top:4px;overflow:hidden}.vorschau .balken span{height:100%;width:var(--anteil);background:linear-gradient(90deg, #e18528, var(--gold));transition:width .4s;display:block}@supports (color:lab(0% 0 0)){.vorschau .balken span{background:linear-gradient(90deg, lab(64.5716% 31.6277 61.3514), var(--gold))}}.gross-zahl{align-items:center;gap:.35rem;display:flex}.gross-zahl b{font:800 2.4rem/1.1 var(--font-display);font-variant-numeric:tabular-nums}.gross-zahl .ikon{filter:drop-shadow(0 3px 2px #00000040);filter:drop-shadow(0 3px 2px lab(0% 0 0/.25));width:2.6rem;height:2.6rem}.zwei-spalten{grid-template-columns:1fr 1fr;gap:10px;margin:.4rem 0 .6rem;display:grid}.zwei-spalten>div{background:var(--paper-2);border-radius:14px;padding:8px 12px}.zwei-spalten h4{font:700 .9rem var(--font-display);margin:.2rem 0 .3rem}.zwei-spalten ul{margin:0;padding-left:1.1rem;font-size:.85rem}.zwei-spalten li{margin:.1rem 0}@media not (min-width:560px){.zwei-spalten{grid-template-columns:1fr}}.werkstatt-liste{gap:8px;margin-bottom:.6rem;display:grid}.ware{background:var(--paper-2);-webkit-user-select:none;user-select:none;border-radius:14px;grid-template-columns:3rem 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.ware:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.ware .ware-bild{filter:drop-shadow(0 3px 2px #0003);filter:drop-shadow(0 3px 2px lab(0% 0 0/.2));width:3rem;height:3rem}.ware .ware-text{gap:2px;min-width:0;display:grid}.ware .ware-text small{color:var(--muted);font-size:.8rem}.ware .jetzt{color:var(--ink)!important}.ware .naechste{color:var(--lightningcss-light,#1d6835)var(--lightningcss-dark,#83d494)!important;color:var(--lightningcss-light,lab(38.7389% -33.2806 22.0206))var(--lightningcss-dark,lab(78.3461% -35.894 23.3022))!important}.ware .knopf{align-items:center;gap:.3rem;padding:.45rem .8rem;display:inline-flex}.ware .knopf .ikon{width:1.3em;height:1.3em;margin-block:-.2em}.ware.voll{opacity:.85}.stufen{vertical-align:.1em;gap:3px;margin-left:.25rem;display:inline-flex}.stufen span{background:var(--line);border-radius:50%;width:9px;height:9px}.stufen span.an{background:linear-gradient(135deg,#f5ae39,#c9690c);background:linear-gradient(135deg,lab(76.6715% 19.8199 66.5811),lab(55.1139% 35.3445 60.7243))}.schalter{justify-content:center;min-width:4.2rem}.schalter.an{background:color-mix(in oklch, var(--gruen) 30%, transparent)}.schalter.an:hover:not(:disabled){background-color:color-mix(in oklch, var(--gruen) 40%, transparent)}.blatt.crew{width:min(720px,100vw - 24px)}.crew-liste{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px;display:grid}.crew-karte{background:var(--paper-2);-webkit-user-select:none;user-select:none;border-radius:16px;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:10px 12px;transition:box-shadow .3s;display:grid}.crew-karte:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.crew-karte.fokus{box-shadow:inset 0 0 0 2px var(--gold)}.crew-karte .crew-text{gap:3px;min-width:0;display:grid}.crew-karte .rolle,.crew-karte .erfahrung,.crew-karte .wirkung{color:var(--muted);font-size:.78rem}.crew-karte .wirkung{color:var(--ink)}.crew-karte .erfahrung{font-variant-numeric:tabular-nums;min-height:2.6em;line-height:1.3}.crew-karte .balken{background:var(--line);border-radius:99px;height:7px;overflow:hidden}.crew-karte .balken span{height:100%;width:var(--anteil);background:linear-gradient(90deg, var(--teal), var(--gruen));transition:width .4s;display:block}.crew-karte.fehlt .balken span{background:linear-gradient(90deg,#87a1bd,#6a839d);background:linear-gradient(90deg,lab(65.1106% -4.54572 -17.4413),lab(53.5011% -4.35942 -17.3765))}.crew-karte.fehlt b{opacity:.8}.portraet{width:64px;height:96px;display:block;position:relative}.portraet .rahmen{object-fit:contain;width:100%;height:100%}.portraet .bild{aspect-ratio:1;object-fit:cover;border-radius:50%;width:70%;position:absolute;top:63%;left:50%;translate:-50% -50%}.portraet.fehlt .bild{filter:brightness(0)opacity(.3)}.blatt.saisonende{width:min(640px,100vw - 24px)}.saison-zeit{text-align:center;margin-bottom:.2rem!important}.bernstein-gross{background:linear-gradient(160deg, color-mix(in oklch, #f0a646 30%, var(--paper)), var(--paper-2));border-radius:18px;justify-content:center;align-items:center;gap:12px;margin:.2rem 0 .8rem;padding:12px 14px;display:flex}@supports (color:lab(0% 0 0)){.bernstein-gross{background:linear-gradient(160deg, color-mix(in oklch, lab(74.2281% 21.9453 59.1988) 30%, var(--paper)), var(--paper-2))}}.bernstein-gross .ikon{filter:drop-shadow(0 4px 3px #00000040);filter:drop-shadow(0 4px 3px lab(0% 0 0/.25));width:3.4rem;height:3.4rem}.bernstein-gross div{display:grid}.bernstein-gross b{font:800 1.6rem var(--font-display)}.bernstein-gross small{color:var(--muted)}.ernte.drei{grid-template-columns:repeat(3,1fr);margin-bottom:.6rem}.ernte.drei>div{background:var(--paper-2)}.beste{gap:4px;margin-bottom:.6rem;display:grid}.beste li{background:var(--paper-2);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.beste .ikon{width:1.8rem;height:1.8rem}.beste span{flex:1}.saisonende h4{font:700 .9rem var(--font-display);margin:.4rem 0 .3rem}.zitat{align-items:center;gap:12px;margin:.4rem 0 .8rem;display:flex}.zitat img{object-fit:cover;width:56px;height:56px;box-shadow:0 0 0 3px var(--paper-2);border-radius:50%}.zitat p{background:var(--paper-2);border-radius:14px;padding:.55rem .85rem;font-style:italic;margin:0!important}.zitat small{color:var(--muted);margin-top:2px;font-style:normal;display:block}.chronik{gap:4px;margin-bottom:.4rem;display:grid}.chronik-eintrag{background:var(--paper-2);text-align:left;cursor:pointer;border:0;border-radius:12px;grid-template-columns:1.6rem auto 1fr auto;align-items:center;gap:8px;width:100%;padding:6px 10px;display:grid}.chronik-eintrag:hover{background:color-mix(in oklch, var(--gold) 18%, var(--paper-2))}.chronik-eintrag .ikon{width:1.5rem;height:1.5rem}.chronik-eintrag span{color:var(--muted);font-size:.82rem}.chronik-eintrag .plus{color:#bb6802;color:lab(52.9853% 29.9699 60.1556);font-variant-numeric:tabular-nums}.set-kopf.spaeter h3{opacity:.75}.set-kopf .ab{font:600 .78rem var(--font);color:var(--muted)}.einstellung{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;padding:.55rem 0;font-size:.95rem;display:flex}.einstellung small{font-size:.8rem}.einstellung output{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em;color:var(--muted)}.einstellung>span{flex:14rem}fieldset.wahl{border:0;border-bottom:1px solid var(--line);justify-content:flex-start;margin:0;padding:.55rem 0 .7rem}fieldset.wahl legend{float:left;width:100%;padding:0 0 .35rem}fieldset.wahl label{min-height:40px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;border-radius:999px;align-items:center;padding:.35rem .85rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative}fieldset.wahl label:has(input:checked){background:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312);box-shadow:none}fieldset.wahl label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}fieldset.wahl input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}fieldset.wahl .wahl-ikon{flex:none;width:1.15em;height:1.15em;margin-right:.4em}.tasten{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:.9rem;display:grid}.tasten dt{white-space:nowrap}.tasten dd{color:var(--muted);margin:0}kbd{background:var(--paper-2);min-width:1.7em;box-shadow:inset 0 -2px 0 var(--line), 0 0 0 1px var(--line);font:600 .82rem var(--font);text-align:center;border-radius:6px;padding:.05rem .4rem;display:inline-block}.ueber{gap:.45rem;padding-left:1.1rem;font-size:.9rem;display:grid}.ueber a{color:inherit}.blatt.einstellungen,.blatt.logbuch{height:min(86dvh,640px)}.blatt.einstellungen[open],.blatt.logbuch[open]{flex-direction:column;display:flex}.einstellungen .seite>h3:first-child{margin-top:.5rem}.einstellungen .klein{margin-top:0!important}.reiter-ikon{gap:4px}.reiter-ikon button{min-width:0;box-shadow:inset 0 0 0 1.5px var(--line);text-align:center;background:0 0;border-radius:14px;flex:1 1 0;align-content:start;justify-items:center;gap:3px;padding:.4rem .2rem .35rem;font-size:.74rem;line-height:1.15;display:grid}.reiter-ikon button .ikon{filter:drop-shadow(0 1px 1px #0003);filter:drop-shadow(0 1px 1px lab(0% 0 0/.2));width:30px;height:30px}.reiter-ikon button:hover:not([aria-selected=true]){background:var(--paper-2)}.reiter-ikon button[aria-selected=true]{box-shadow:none}.reiter-ikon button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media not (min-width:560px){.reiter-ikon{grid-template-columns:repeat(3,1fr);display:grid}}.regler-zeile{flex-wrap:nowrap}.regler-zeile label{flex:none}.kanal{grid-template-columns:1.9rem 9rem 1fr 3.2em;grid-template-areas:"ikon name regler wert";gap:4px 10px;display:grid}.kanal .ikon{filter:drop-shadow(0 1px 1px #0003);filter:drop-shadow(0 1px 1px lab(0% 0 0/.2));grid-area:ikon;width:1.9rem;height:1.9rem}.kanal label{grid-area:name}.kanal input.regler{grid-area:regler;width:100%;min-width:0;max-width:none}.kanal output{grid-area:wert}@media not (min-width:520px){.kanal{grid-template-columns:1.9rem 1fr 3.2em;grid-template-areas:"ikon name wert""regler regler regler"}}input.regler{--wert:80%;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:120px;max-width:300px;height:28px;margin:0}input.regler::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--wert), #5964752e var(--wert));height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px}@supports (color:lab(0% 0 0)){input.regler::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) var(--wert), lab(41.8783% -1.09747 -10.9887/.18) var(--wert))}}input.regler::-moz-range-track{background:linear-gradient(90deg, var(--gold) var(--wert), #5964752e var(--wert));height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:99px}@supports (color:lab(0% 0 0)){input.regler::-moz-range-track{background:linear-gradient(90deg, var(--gold) var(--wert), lab(41.8783% -1.09747 -10.9887/.18) var(--wert))}}input.regler::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%, #375587, var(--navy));width:22px;height:22px;box-shadow:inset 0 0 0 2.5px var(--gold), 0 2px 6px #08152c59;border:0;border-radius:50%;margin-top:-6px}@supports (color:lab(0% 0 0)){input.regler::-webkit-slider-thumb{background:radial-gradient(circle at 35% 30%, lab(35.5973% .948787 -31.8809), var(--navy));box-shadow:inset 0 0 0 2.5px var(--gold), 0 2px 6px lab(6.87089% 1.30797 -17.4931/.35)}}input.regler::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, #375587, var(--navy));width:22px;height:22px;box-shadow:inset 0 0 0 2.5px var(--gold), 0 2px 6px #08152c59;border:0;border-radius:50%}@supports (color:lab(0% 0 0)){input.regler::-moz-range-thumb{background:radial-gradient(circle at 35% 30%, lab(35.5973% .948787 -31.8809), var(--navy));box-shadow:inset 0 0 0 2.5px var(--gold), 0 2px 6px lab(6.87089% 1.30797 -17.4931/.35)}}input.regler:focus-visible{outline:none}input.regler:focus-visible::-webkit-slider-thumb{outline:3px solid var(--gold);outline-offset:2px}input.regler:focus-visible::-moz-range-thumb{outline:3px solid var(--gold);outline-offset:2px}.ueber-kopf{align-items:center;gap:14px;margin:.5rem 0 .7rem;display:flex}.ueber-kopf img{border-radius:22%;width:64px;height:64px;box-shadow:0 3px 10px #08152c4d;box-shadow:0 3px 10px lab(6.87089% 1.30797 -17.4931/.3)}.ueber-kopf div{gap:2px;display:grid}.ueber-kopf strong{font:800 1.25rem var(--font-display)}.ueber-kopf .claim{color:var(--muted);font-style:italic}.ueber-seite .reihe .knopf{text-decoration:none}.lizenzen{gap:6px;display:grid}.lizenzen details{background:var(--paper-2);border-radius:12px}.lizenzen summary{cursor:pointer;padding:.5rem .8rem;font-size:.9rem}.lizenzen details[open] summary{border-bottom:1px solid var(--line)}.lizenzen p{margin:.5rem .8rem 0;font-size:.82rem}.lizenzen a{color:inherit;overflow-wrap:anywhere}.lizenzen .lizenztext{overflow-wrap:anywhere;color:var(--muted);padding:.6rem .8rem .8rem;font-size:.76rem;line-height:1.45}.lizenzen .lizenztext p{font-size:inherit;margin:0 0 .55em}.lizenzen .lizenztext p:last-child{margin-bottom:0}.update-hinweis{top:max(84px, env(safe-area-inset-top));z-index:30;background:var(--glas);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);max-width:calc(100vw - 24px);box-shadow:var(--shadow), inset 0 0 0 1.5px color-mix(in oklch, var(--gold) 75%, transparent);border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .45rem .4rem .8rem;font-size:.92rem;font-weight:650;display:flex;position:fixed;left:50%;translate:-50%}.update-hinweis .ikon{width:1.5em;height:1.5em}.update-hinweis .knopf{padding:.45rem .9rem}.szenen-knoepfe{z-index:1;pointer-events:none;position:fixed;inset:0}.szenen-knopf{pointer-events:none;background:0 0;border:0;border-radius:18px;padding:0;position:absolute;top:0;left:0}.szenen-knopf:focus-visible{outline:3px solid var(--gold);outline-offset:4px;background:color-mix(in oklch, var(--gold) 14%, transparent);box-shadow:0 0 0 7px #08152c59;box-shadow:0 0 0 7px lab(6.87089% 1.30797 -17.4931/.35)}@media (pointer:coarse){.rund{width:44px}.rund.klein{width:40px}.menge button{min-width:44px;min-height:38px}.gebiete button{min-height:44px}.knopf{min-height:42px}}@container hud (width<430px){.aktionen{flex-wrap:wrap;gap:4px;margin-left:0}.aktionen .rund{width:38px}}@media not (min-width:1000px){.gebiete{max-width:calc(100vw - 16px)}.gebiete button{gap:.2rem;padding-inline:.5rem}.gebiete button:not([aria-current=true]) .gebiet-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:720px) and (not (min-width:1180px)){.gebiete{left:calc(50vw - 192px)}}}@layer bewegung{@keyframes glanz{0%{translate:-120%}to{translate:420%}}@keyframes aufleuchten{0%{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 4px color-mix(in oklch, var(--gold) 40%, transparent)}to{box-shadow:inset 0 0 0 2px #0000,0 0 0 4px #0000}}@keyframes aufstieg{0%{scale:1}30%{box-shadow:inset 0 0 0 3px var(--gold), 0 0 0 10px color-mix(in oklch, var(--gold) 45%, transparent);scale:1.35}to{scale:1}}.medaille.aufstieg{animation:1.1s cubic-bezier(.3,1.5,.5,1) aufstieg}@keyframes band{to{background-position:44px 0,0 0}}@keyframes wippen{50%{translate:0 -5px}}@keyframes neu-schimmer{50%{box-shadow:inset 0 0 0 2px var(--gold), 0 0 4px color-mix(in oklch, var(--gold) 30%, transparent)}}@keyframes tipp-puls{50%{outline-color:color-mix(in oklch, var(--gold) 25%, transparent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@property --xp{syntax:"<percentage>";inherits:false;initial-value:0%}@property --anteil{syntax:"<percentage>";inherits:false;initial-value:0%}