@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default;-webkit-tap-highlight-color:transparent}dialog{-webkit-user-select:none;user-select:none}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;--red-dunkel:#d02b31;--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);--red-dunkel:lab(46.9272% 63.3533 39.8921);--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-dunkel)}.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:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312);pointer-events:none;--hell:#fbf8f1;--leise:#fbf8f1b8;--gold-hell:#fbd26b;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)}@supports (color:lab(0% 0 0)){.tooltip{--hell:lab(97.7201% .286549 3.81312);--leise:lab(97.7201% .286549 3.81312/.72);--gold-hell:lab(86.4073% 6.20413 55.8007)}}.tooltip .tt-kopf{justify-content:space-between;align-items:baseline;gap:.9rem;display:flex}.tooltip .tt-kopf strong{font:750 .9rem/1.25 var(--font-display)}.tooltip .tt-wert{color:var(--gold-hell);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.tooltip .tt-balken{--anteil:0%;background:linear-gradient(90deg, #4ebede var(--anteil), #ffffff2e var(--anteil));border-radius:99px;height:6px;margin:.4rem 0 .15rem}@supports (color:lab(0% 0 0)){.tooltip .tt-balken{background:linear-gradient(90deg, lab(71.5682% -25.6543 -26.0659) var(--anteil), lab(100% 0 0/.18) var(--anteil))}}.tooltip .tt-wirkung{color:var(--gold-hell);font:750 .92rem/1.3 var(--font-display);margin-top:.15rem}.tooltip .tt-zeilen{grid-template-columns:minmax(0,1fr) auto;gap:.1rem .9rem;margin:.4rem 0 0;display:grid}.tooltip .tt-zeilen dt{color:var(--leise)}.tooltip .tt-zeilen dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:650}.tooltip .tt-text{color:var(--leise);margin-top:.35rem;font-size:.76rem}.tooltip .tt-kopf+.tt-text{margin-top:.2rem}.tooltip>.tt-text:first-child{color:var(--hell);margin-top:0;font-size:.8rem}.tooltip .tt-jetzt{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.5rem;display:flex}.tooltip .tt-jetzt span{color:var(--leise);margin-right:.1rem}.tooltip .tt-jetzt b{box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-hell);font-variant-numeric:tabular-nums;border-radius:6px;padding:.05rem .45rem;font-weight:650}@starting-style{.tooltip{opacity:0}}.tooltip:before{content:"";left:calc(var(--pfeil-x,20px) - 7px);background:inherit;width:14px;height:8.5px;position:absolute}.tooltip[data-seite=unten]:before{clip-path:polygon(50% 0,100% 82%,100% 100%,0 100%,0 82%);top:-7px}.tooltip[data-seite=oben]:before{clip-path:polygon(0 0,100% 0,100% 18%,50% 100%,0 18%);bottom:-7px}.tooltip[data-seite=links]:before{left:auto;right:-7px;top:calc(var(--pfeil-y,20px) - 7px);clip-path:polygon(0 0,18% 0,100% 50%,18% 100%,0 100%);width:8.5px;height:14px}.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;margin-top:-6px;display:grid;position:relative}@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)}}.medaille.lang{letter-spacing:-.02em;font-size:1rem}.medaille .stufe,.betrieb .stufe{min-width:2em;height:1.4em;font:800 .62rem/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--navy);pointer-events:none;background:linear-gradient(#f9d46b,#de9c31);background:linear-gradient(lab(86.4643% 4.6238 55.78),lab(69.7169% 18.5509 62.3673));border-radius:4px;place-items:center;padding:0 .3em;display:grid;position:absolute;bottom:-7px;left:50%;translate:-50%;box-shadow:0 1px 3px #08152c59;box-shadow:0 1px 3px lab(6.87089% 1.30797 -17.4931/.35)}.medaille .stufe{z-index:1;letter-spacing:.04em;white-space:nowrap}.medaille .avatar{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.medaille:after{content:"";box-shadow:inset 0 0 0 3px var(--gold);pointer-events:none;border-radius:50%;position:absolute;inset:0}.medaille.neu:before{content:"";z-index:2;background:var(--red-dunkel);width:11px;height:11px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;animation:2.4s ease-in-out infinite wippen;position:absolute;top:-1px;right:-1px}.hud .kapitaen{cursor:pointer}@media (hover:hover){.hud .kapitaen:hover .medaille{scale:1.05}}.medaille{transition:scale .2s}.rang{flex:1;grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid}.rang strong{font:750 1rem/1.1 var(--font-display);white-space:nowrap}.rang small{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;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 minmax(0,1fr);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}.hud .ausblenden{margin-block:-.25em;padding-block:.25em;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.6em),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.6em),#0000)}.gezeiten{box-sizing:border-box;align-items:center;gap:10px;min-width:184px;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}.gezeiten .gez-uhr{font-variant-numeric:tabular-nums}.gezeiten strong{min-width:10em}.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}.gezeiten:is([data-reihe=karten],[data-reihe=allein]){height:64px;padding-block:6px}.gezeiten:is([data-reihe=karten],[data-reihe=allein]) .pegel{height:44px}.gezeiten[data-reihe=allein]{max-width:max(var(--karte-breite,0px), 12.75rem);flex-grow:1}.gezeiten[data-reihe=allein] .gezeiten-text{flex:1;min-width:0}.gezeiten[data-reihe=allein] #gez-wann{contain:inline-size;text-overflow:ellipsis;display:block;overflow:hidden}.gezeiten[data-reihe=knoepfe]{border-radius:999px;align-self:stretch;height:auto;padding-block:4px}.gezeiten[data-reihe=knoepfe] .pegel{height:26px}.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-ring{display:none}.aktionen{gap:8px;margin-left:auto;display:flex}@container hud (width<820px){.kapitaen,.werte{width:250px}.werte{padding-inline:10px}}@container hud (310px<=width<340px){.gezeiten[data-reihe=allein] #gez-wann{display:none}}@container hud (width<980px){#gez-wirkung{display:none}.gezeiten{min-width:162px}}@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:calc(50% - 6px);width:auto;min-width:150px}.gezeiten{min-width:152px;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{border:2.5px solid;border-width:2.5px 2.5px 0 0;width:9px;height:9px;transition:rotate .25s,translate .25s;translate:0 -2px;rotate:135deg}.titel[aria-expanded=false] .pfeil{translate:-2px;rotate:45deg}.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(--lightningcss-light,var(--navy))var(--lightningcss-dark,oklch(50% .09 252));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:42px 1fr;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.betrieb .symbol{grid-row:span 2;place-items:center;display:grid;position:relative}.betrieb .symbol .ikon{width:28px;height:28px}.betrieb .name{font:700 .95rem/1.2 var(--font-display);grid-column:2}.betrieb .wirkung{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:2;font-size:.78rem}.betrieb .fortschritt{grid-column:1/-1;gap:3px;margin-top:9px;display:grid}.betrieb .fortschritt small{color:var(--muted);font-size:.72rem}.betrieb .fortschritt small b{color:#ad7300;color:lab(53.3971% 19.8695 72.029);font-weight:750}.betrieb .ziel{border-radius:4px;gap:3px;display:grid}.betrieb .ziel:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.betrieb .ziel-zeile{align-items:center;gap:6px;display:flex}.betrieb .ziel-zeile .balken{flex:1}.betrieb .ziel-stufe{color:#ad7300;color:lab(53.3971% 19.8695 72.029);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:750;line-height:1}.betrieb .ziel-stufe:empty{display:none}.betrieb .fortschritt.bald .balken.meilenstein{animation:1.4s ease-in-out infinite bald}.betrieb.gekauft .stufe{animation:.7s cubic-bezier(.3,1.5,.5,1) aufstieg}.betrieb.meilenstein-erreicht{animation:2.2s ease-out meilensteinGlanz}.betrieb.meilenstein-erreicht .stufe{animation:1.1s cubic-bezier(.3,1.5,.5,1) 2 aufstieg}.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{background:radial-gradient(circle at 35% 30%, #375587, var(--navy));width:42px;height:42px;box-shadow:inset 0 0 0 2px var(--gold), 0 2px 6px #08152c4d;cursor:pointer;border:0;border-radius:50%;padding:0;transition:scale .2s,box-shadow .2s}@supports (color:lab(0% 0 0)){.betrieb button.symbol{background:radial-gradient(circle at 35% 30%, lab(35.5973% .948787 -31.8809), var(--navy));box-shadow:inset 0 0 0 2px var(--gold), 0 2px 6px lab(6.87089% 1.30797 -17.4931/.3)}}.betrieb button.symbol:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 3px color-mix(in oklch, var(--gold) 40%, transparent), 0 2px 6px #08152c4d;scale:1.06}@supports (color:lab(0% 0 0)){.betrieb button.symbol:not(:disabled):hover{box-shadow:inset 0 0 0 2px var(--gold), 0 0 0 3px color-mix(in oklch, var(--gold) 40%, transparent), 0 2px 6px lab(6.87089% 1.30797 -17.4931/.3)}}.betrieb button.symbol:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.betrieb button.symbol:disabled{cursor:default}.betrieb.voll button.symbol{box-shadow:inset 0 0 0 2px #9d6300, 0 0 12px 2px color-mix(in oklch, var(--gold) 55%, transparent);background:radial-gradient(circle at 35% 30%,#ffeba0,#e2a520 65%,#b77610);background:radial-gradient(circle at 35% 30%,lab(93.506% -.538141 40.6603),lab(72.1714% 15.988 69.7113) 65%,lab(55.6369% 21.1966 58.7498))}@supports (color:lab(0% 0 0)){.betrieb.voll button.symbol{box-shadow:inset 0 0 0 2px lab(47.5262% 19.7719 55.601), 0 0 12px 2px color-mix(in oklch, var(--gold) 55%, transparent)}}.betrieb.voll .stufe{color:var(--gold);background:radial-gradient(circle at 35% 30%, #375587, var(--navy));box-shadow:inset 0 0 0 1px var(--gold), 0 1px 3px #08152c59}@supports (color:lab(0% 0 0)){.betrieb.voll .stufe{background:radial-gradient(circle at 35% 30%, lab(35.5973% .948787 -31.8809), var(--navy));box-shadow:inset 0 0 0 1px var(--gold), 0 1px 3px lab(6.87089% 1.30797 -17.4931/.35)}}.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:34px 1fr}.betrieb .symbol{font-size:1.3rem}.betrieb button.symbol{width:34px;height:34px}.betrieb button.symbol .ikon{width:22px;height:22px}}@media not (min-width:720px){:root{--panel-unten:env(safe-area-inset-bottom,0px);--panel-h:max(64px, min(46dvh, 100dvh - max(12px, env(safe-area-inset-top)) - var(--hud-hoehe,64px) - var(--panel-unten) - 80px));--lasche-h:50px;--lasche-unten:var(--panel-unten)}.betriebe{width:auto;max-height:calc(var(--panel-h) + var(--panel-unten));padding-bottom:var(--panel-unten);border-radius:var(--radius) var(--radius) 0 0;border:0;inset:auto 8px 0}.meldungen{bottom:calc(var(--panel-unten) + var(--panel-h) + 68px)!important}body:has(#betriebe-auf[aria-expanded=false]) .meldungen{bottom:calc(var(--lasche-unten) + var(--lasche-h) + 70px)!important}.betriebe:has(#betriebe-auf[aria-expanded=false]){width:max-content;left:50%;right:auto;bottom:var(--lasche-unten);border-radius:var(--radius) var(--radius) min(var(--radius), var(--lasche-unten) * 1000) min(var(--radius), var(--lasche-unten) * 1000);padding-bottom:0;translate:-50%;container-type:normal}.betriebe:has(#betriebe-auf[aria-expanded=false]) .betriebe-kopf{height:var(--lasche-h);padding:0 16px 0 14px}.betriebe:has(#betriebe-auf[aria-expanded=false]) .titel{padding:0}.betriebe:has(#betriebe-auf[aria-expanded=false]) .titel>span:first-child{align-items:center;gap:8px;display:inline-flex}.betriebe:has(#betriebe-auf[aria-expanded=false]) .titel .ikon{width:28px;height:28px}.titel[aria-expanded=false] .pfeil{translate:0 2px;rotate:-45deg}.betriebe:has(#betriebe-auf[aria-expanded=true]) .betriebe-kopf{cursor:pointer;padding-top:13px;position:relative}.betriebe:has(#betriebe-auf[aria-expanded=true]) .betriebe-kopf:before{content:"";background:color-mix(in oklch, var(--ink) 25%, transparent);border-radius:2px;width:36px;height:4px;position:absolute;top:5px;left:50%;translate:-50%}.betriebe .liste{transition:opacity .25s,translate .3s cubic-bezier(.2,.9,.3,1)}@starting-style{.betriebe .liste{opacity:0;translate:0 24px}}}.laden{z-index:200;padding:24px 16px max(16px, env(safe-area-inset-bottom));color:var(--navy);text-align:center;background:linear-gradient(#6cb6fa,#84c9e5 22%,#65b2c4 46%,#2b8f9a 54%,#e0cba1);background:linear-gradient(#6cb6fa,lab(77.1418% -17.4324 -21.0196) 22%,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}.laden-knoepfe{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.laden-knoepfe .knopf.hell{color:var(--navy);box-shadow:inset 0 0 0 1.5px #1b345e59;box-shadow:inset 0 0 0 1.5px lab(21.674% 2.06225 -28.1731/.35)}.laden-knoepfe .knopf.hell:hover{background-color:#ffffff40;background-color:lab(100% 0 0/.25)}.laden-detail{opacity:.75;overflow-wrap:anywhere;white-space:pre-line;max-width:min(460px,90vw);font:.75rem/1.35 ui-monospace,Consolas,monospace}.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}@media (hover:hover){.gebiete button:hover:not([aria-disabled=true],[aria-current=true]){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[aria-disabled=true]{cursor:default}.gebiete button[aria-disabled=true] .ikon{filter:grayscale()opacity(.5)}.gebiete button[aria-disabled=true] .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}.gebiete{gap:6px;padding:4px}.gebiete button{height:42px;padding-inline:.45rem .85rem}.gebiete button:not([aria-current=true]){background:color-mix(in oklch, var(--paper) 55%, transparent);justify-content:center;width:42px;padding:0}body:has(#betriebe-auf[aria-expanded=false]) .gebiete{bottom:calc(var(--lasche-unten) + var(--lasche-h) + 10px)}body:has(#betriebe-auf[aria-expanded=true]):not(:has(#gebiete .tipp-ziel)) .gebiete{opacity:0;display:none}body:has(#betriebe-auf[aria-expanded=true]):not(:has(#gebiete .tipp-ziel)) .meldungen{bottom:calc(var(--panel-unten) + var(--panel-h) + 10px)!important}body:has(#betriebe-auf[aria-expanded=true]):not(:has(#gebiete .tipp-ziel)) .leiste{bottom:calc(var(--panel-unten) + var(--panel-h) + 14px)}.gebiete{transition:opacity .3s, display .3s allow-discrete}@starting-style{.gebiete{opacity:0}}}.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:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;column-gap:10px;padding:11px 17px 10px;display:flex;position:sticky;top:0}.blatt-kopf h2{font:800 1.4rem var(--font-display)}.blatt-kopf>h2{text-wrap:balance;flex:1 1 0;min-width:0}.blatt-kopf>button{flex:none}.blatt-kopf:after{content:"";background:linear-gradient(var(--paper), transparent);pointer-events:none;opacity:0;height:18px;transition:opacity .2s;position:absolute;inset:100% 0 auto}.blatt[data-gescrollt]>.blatt-kopf:after{opacity:1}.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}.blatt-fuss:has(#menue-info){text-align:center;justify-content:center}.blatt-fuss:has(>.knopf:only-child){background:linear-gradient(transparent 55%, color-mix(in oklch, var(--paper) 92%, transparent));-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;padding:8px 12px 10px}.blatt-fuss:has(>.knopf:only-child)>*{pointer-events:auto;box-shadow:0 4px 14px #08152c4d;box-shadow:0 4px 14px lab(6.87089% 1.30797 -17.4931/.3)}.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;margin:-.55rem -.4rem;padding:.55rem .4rem;font-size:.78rem;text-decoration:underline}.tipp .zu{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:0 16px 0 12px;place-items:center;font-size:.9rem;display:grid;position:absolute;top:0;right:0}.tipp:before,.tipp:after{content:"";position:absolute}.tipp:before{background:var(--gold)}.tipp:after{background:var(--paper)}.tipp[data-seite=unten]:before,.tipp[data-seite=unten]:after{clip-path:polygon(50% 0,100% 100%,0 100%)}.tipp[data-seite=unten]:before{top:-10px;left:calc(var(--pfeil-x,30px) - 11px);width:22px;height:12px}.tipp[data-seite=unten]:after{top:-7px;left:calc(var(--pfeil-x,30px) - 8px);width:16px;height:9px}.tipp[data-seite=oben]:before,.tipp[data-seite=oben]:after{clip-path:polygon(0 0,100% 0,50% 100%)}.tipp[data-seite=oben]:before{bottom:-10px;left:calc(var(--pfeil-x,30px) - 11px);width:22px;height:12px}.tipp[data-seite=oben]:after{bottom:-7px;left:calc(var(--pfeil-x,30px) - 8px);width:16px;height:9px}.tipp[data-seite=links]:before,.tipp[data-seite=links]:after{clip-path:polygon(0 0,100% 50%,0 100%)}.tipp[data-seite=links]:before{right:-10px;top:calc(var(--pfeil-y,30px) - 11px);width:12px;height:22px}.tipp[data-seite=links]:after{right:-7px;top:calc(var(--pfeil-y,30px) - 8px);width:9px;height:16px}.tipp[data-seite=mitte]:before,.tipp[data-seite=mitte]:after{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)}.jubel-schnipsel{z-index:5;pointer-events:none;border-radius:1px;width:9px;height:5px;position:absolute;top:0;left:0}.blatt.perfekt{animation:2.4s ease-out perfekt}@keyframes perfekt{0%,to{box-shadow:0 20px 80px #010a2073,0 0 #0000,0 0 #0000;box-shadow:0 20px 80px lab(2.80321% 1.5397 -14.2223/.45),0 0 lab(0% 0 0/0),0 0 lab(0% 0 0/0)}15%{box-shadow:0 20px 80px #010a2073, 0 0 0 4px var(--gold), 0 0 46px 10px color-mix(in oklch, var(--gold) 55%, transparent)}}@supports (color:lab(0% 0 0)){@keyframes perfekt{0%,to{box-shadow:0 20px 80px #010a2073,0 0 #0000,0 0 #0000;box-shadow:0 20px 80px lab(2.80321% 1.5397 -14.2223/.45),0 0 lab(0% 0 0/0),0 0 lab(0% 0 0/0)}15%{box-shadow:0 20px 80px lab(2.80321% 1.5397 -14.2223/.45), 0 0 0 4px var(--gold), 0 0 46px 10px color-mix(in oklch, var(--gold) 55%, transparent)}}}#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:var(--paper);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;white-space:nowrap;border:0;border-radius:14px;width:max-content;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:before,.netz-hinweis:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;left:50%;translate:-50%}.netz-hinweis:before{background:color-mix(in oklch, var(--gold) 75%, transparent);width:17px;height:9.5px;bottom:-8px}.netz-hinweis:after{background:var(--blase);width:13px;height:8px;bottom:-6px}.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 h4{font:700 .92rem var(--font-display);margin:.5rem 0 0}.anleitung p{margin-bottom:.3rem}.anleitung .schluss{text-align:center;font:700 1rem var(--font-display);margin:.6rem 0 0}.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 .betriebe-liste+p{margin-top:.45rem}.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[open]{width:min(390px,100vw - 24px);max-height:calc(100dvh - var(--hud-hoehe,64px) - 40px);overflow:auto}.werkzeuge button{background:var(--navy);color:#fbf8f1;color:lab(97.7201% .286549 3.81312);cursor:pointer;border:0;border-radius:999px;padding:.32rem .62rem}.werkzeuge button[aria-pressed=true]{background:var(--gold);color:var(--navy)}.werkzeuge .fein{color:var(--muted);margin:8px 0 0;font-size:.78rem}@media not (min-width:720px){.werkzeuge{inset:calc(max(12px, env(safe-area-inset-top)) + var(--hud-hoehe,64px) + 56px) auto auto 12px;z-index:11;width:auto;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - var(--hud-hoehe,64px) - 80px);overflow:auto}.werkzeuge[open]{width:min(390px,100vw - 70px);max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - var(--hud-hoehe,64px) - 80px)}}.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}.timmi-hinweis{cursor:help;gap:.5rem;padding:.4rem .75rem .45rem .5rem;animation:none}.timmi-hinweis>.ikon{width:2.1em;height:2.1em;margin-block:-.2em}.timmi-hinweis.not{animation:1.4s ease-in-out infinite wippen}.timmi-hinweis.am-rand{cursor:pointer}.timmi-anzeigen{grid-template-columns:auto 70px;align-items:center;gap:3px .35rem;font-size:.68rem;line-height:1;display:grid}.timmi-anzeigen .ikon{justify-self:center;width:1.05rem;height:1.05rem;margin:0}.timmi-anzeigen .balken{--wert:50%;background:color-mix(in oklch, var(--ink) 14%, transparent);border-radius:4px;height:7px;position:relative;overflow:hidden}.timmi-anzeigen .balken:before{content:"";width:var(--wert);border-radius:inherit;background:var(--teal);transition:width .25s linear;position:absolute;inset:0 auto 0 0}.timmi-anzeigen .balken.gruen:before{background:var(--gruen)}.timmi-anzeigen .balken.rot:before{background:var(--red)}.timmi-anzeigen .balken.kraft:before{background:var(--gold)}.timmi-anzeigen .balken.kraft:after{content:"";background:var(--ink);opacity:.55;width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.timmi-zeit{color:var(--muted);align-self:end;font-size:.78rem}.rund{position:relative}.zaehler{background:var(--red-dunkel);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}.zaehler.punkt{width:13px;min-width:0;height:13px;padding:0;top:-1px;right:-1px}.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{--anteil:inherit;gap:4px;min-width:0;display:grid}.auftrag .balken{--anteil:inherit;background:var(--line);border-radius:99px;height:8px;overflow:hidden}.auftrag .balken span{--anteil:inherit;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:anywhere;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)}:is(.teile img,.medaille-bild.offen .motiv,.ware-bild,.portraet.fehlt .bild,.avatar-liste .zu .avatar-medaille img){transform:translateZ(0)}.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:66.7%;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-dunkel);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-dunkel);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))}@media (not (min-width:720px)) and (orientation:portrait){.blatt.beifang,.blatt.pulen{flex-direction:column;height:min(86dvh,760px)}.blatt.beifang[open],.blatt.pulen[open]{display:flex}.blatt.beifang>section,.blatt.pulen>section{flex-direction:column;flex:1;min-height:0;display:flex}.blatt.beifang>section>p,.blatt.pulen>section>p{margin-bottom:0}.beifang-fuss{flex-wrap:wrap;row-gap:4px}.beifang-stand{flex-basis:100%;order:3}#beifang-band{background:repeating-linear-gradient(0deg,#00000012 0 3px,#0000 3px 44px) 0 0/100% 44px,linear-gradient(90deg,#4f606d,#394a56) 0 0/100% 100%;background:repeating-linear-gradient(0deg,lab(0% 0 0/.07) 0 3px,#0000 3px 44px) 0 0/100% 44px,linear-gradient(90deg,lab(39.7064% -4.48519 -9.69866),lab(30.4214% -4.38128 -9.65987)) 0 0/100% 100%;flex:1;height:auto;min-height:260px}#beifang-band.laeuft{animation-name:band-hochkant}.band-meer{width:auto;height:clamp(56px,13%,96px);bottom:auto;right:0;box-shadow:0 6px 10px -4px #00000073;box-shadow:0 6px 10px -4px lab(0% 0 0/.45);container-type:size}.band-meer img{width:100cqh;height:100cqw;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:90deg}.band-korb{background:repeating-linear-gradient(90deg,#0000001a 0 2px,#0000 2px 34px),linear-gradient(#916c47,#a27f57);background:repeating-linear-gradient(90deg,lab(0% 0 0/.1) 0 2px,#0000 2px 34px),linear-gradient(lab(48.809% 11.9081 26.4203),lab(55.8551% 9.91598 27.1161));width:auto;height:clamp(84px,22%,132px);top:auto;left:0;box-shadow:inset 0 10px 12px -6px #00000080;box-shadow:inset 0 10px 12px -6px lab(0% 0 0/.5)}.band-korb:before{background:linear-gradient(#252f37,#67737c 30%,#cbd2d7 46%,#76828b 60%,#1e282f);background:linear-gradient(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:7px/10px;width:auto;height:20px;inset:-14px 4px auto;box-shadow:0 -5px 7px -3px #00000059,0 6px 9px #00000073;box-shadow:0 -5px 7px -3px lab(0% 0 0/.35),0 6px 9px lab(0% 0 0/.45)}.band-korb:after{background:linear-gradient(90deg,#754e2f,#56341e) 0/13px 100% no-repeat,linear-gradient(90deg,#56341e,#754e2f) 100%/13px 100% no-repeat;background:linear-gradient(90deg,lab(37.0864% 14.5922 25.3132),lab(25.4476% 14.1486 20.3218)) 0/13px 100% no-repeat,linear-gradient(90deg,lab(25.4476% 14.1486 20.3218),lab(37.0864% 14.5922 25.3132)) 100%/13px 100% no-repeat;width:auto;height:28px;inset:-18px 0 auto}.korb{width:auto;height:92%;margin:8px 0 0}.pulbrett{flex:1;height:auto;min-height:280px}.pul-schalen{width:26%;inset:auto auto 16px 14px}}@keyframes band-hochkant{to{background-position:0 44px,0 0}}.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{--anteil:inherit;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{--anteil:inherit;background:var(--line);border-radius:99px;height:7px;overflow:hidden}.crew-karte .balken span{--anteil:inherit;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:66.7%;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%;font:700 1rem var(--font-display);padding:0 0 .5rem}fieldset.wahl legend small{font:400 .92rem var(--font);color:var(--muted);margin-top:.2rem;display:block}fieldset.wahl legend small.stand{font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.82rem}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:hover:not(:has(input:checked,input:disabled)){background:var(--paper-2)}fieldset.wahl label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}fieldset.wahl label:has(input:disabled){opacity:.45;cursor:default}fieldset.wahl input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}fieldset.wahl input:disabled{cursor:default}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:.3rem;margin:0 0 .6rem;padding-left:1.1rem;font-size:.9rem;display:grid}.ueber a{color:inherit}.versions-knopf{color:inherit;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.versions-knopf:hover{color:var(--ink)}.versions-knopf:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.neuigkeiten section{gap:.2rem;display:grid}.neuigkeiten h3{flex-wrap:wrap;align-items:baseline;gap:.1rem .5rem;margin:.9rem 0 .1rem;display:flex}.neuigkeiten h3:first-child{margin-top:.3rem}.neuigkeiten h3 small{color:var(--muted);font-weight:500}.neuigkeiten h4{margin:.5rem 0 0;font-size:.92rem}.neuigkeiten li>ul{margin:.15rem 0 .2rem}.neuigkeiten .aktuell{background:var(--gold);color:var(--navy);border-radius:99px;padding:.05rem .5rem;font-size:.7rem;font-weight:800}.neuigkeiten p{margin:.2rem 0;font-size:.92rem}.neuigkeiten ul{margin:.2rem 0 .4rem;padding-left:1.2rem;font-size:.92rem}.neuigkeiten li{margin:.2rem 0}.neuigkeiten .blatt-fuss{text-align:center;justify-content:center}.blatt.einstellungen,.blatt.logbuch{flex-direction:column;height:min(86dvh,640px)}.blatt.einstellungen[open],.blatt.logbuch[open]{display:flex}.einstellungen .seite>h3:first-child{margin-top:.5rem}.einstellungen .klein{margin-top:0!important}.einstellungen .knopf{justify-content:center;align-items:center;min-height:40px;padding:.35rem .85rem;font-size:.9rem;font-weight:600;display:inline-flex}.einstellungen .knopf:not(.gefahr){color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.einstellungen .knopf:not(.gefahr):hover:not(:disabled){background:var(--paper-2)}.einstellungen .knopf.gefahr:hover:not(:disabled){background:color-mix(in oklch, var(--red-dunkel), white 12%)}.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:center;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}.ueber-seite h3{margin:1.1rem 0 .35rem}.ueber-seite p{margin-bottom:.4rem;font-size:.9rem}.ueber-seite p a{color:inherit}.lizenzen-alle{background:var(--paper-2);border-radius:12px;margin-top:.5rem}.lizenzen-alle>summary{cursor:pointer;padding:.55rem .8rem;font-size:.9rem;font-weight:650}.lizenzen-alle[open]>summary{border-bottom:1px solid var(--line)}.lizenzen-alle>.lizenzen{padding:8px}.lizenzen-alle .lizenzen details{background:var(--paper)}.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:.74rem/1.45 ui-monospace,Cascadia Code,Consolas,monospace}.lizenzen .lizenztext p{font-size:inherit;margin:0 0 .55em}.lizenzen .lizenztext p:last-child{margin-bottom:0}.lizenzen .lizenztext .lizenz-titel{color:var(--ink);margin:.9em 0 .25em}.lizenzen .lizenztext .lizenz-titel:first-child{margin-top:0}.update-hinweis{top:max(84px, env(safe-area-inset-top));z-index:31;background:var(--glas);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);width:max-content;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;margin-inline:auto;padding:.4rem .4rem .4rem .8rem;font-size:.92rem;font-weight:650;display:flex;position:fixed;inset-inline:12px}.update-hinweis .ikon{width:1.5em;height:1.5em}.update-hinweis .knopf{flex:none;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}@media (min-width:720px){.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)}}@media (min-width:720px) and (not (min-width:900px)){.gebiete small{display:none}}@media not (min-width:600px){:root[data-randlos]{--rand-oben:62px;overscroll-behavior:none}:root[data-randlos],:root[data-randlos] body{height:auto;overflow:visible}:root[data-randlos] body{min-height:calc(100dvh + var(--rand-oben))}:root[data-randlos] :is(#buehne,.laden){height:calc(var(--rand-oben) + 100dvh + 140px);position:absolute;inset:0 0 auto}:root[data-randlos] .szenen-knoepfe{position:absolute}}.leiste{display:none}@media not (min-width:720px){.boosts{gap:6px;max-width:100%}.boost{aspect-ratio:1;justify-content:center;width:38px;padding:0;position:relative}.boost .ikon{width:26px;height:26px;margin:0}.boost .boost-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boost-ring{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;rotate:-90deg}.boost-ring circle{fill:none;stroke-width:2.6px}.boost-ring .spur{stroke:var(--line)}.boost-ring .rest{stroke:var(--gold);stroke-linecap:round;transition:stroke-dasharray .5s linear}.leiste{z-index:10;right:0;top:calc(max(12px, env(safe-area-inset-top)) + var(--hud-hoehe,64px) + 56px);bottom:calc(var(--panel-unten) + var(--panel-h) + 72px);pointer-events:none;align-items:center;transition:opacity .3s;display:flex;position:fixed}.leiste[data-eng]:not([data-zu]){z-index:12}body:has(#betriebe-auf[aria-expanded=false]) .leiste{bottom:calc(var(--lasche-unten) + var(--lasche-h) + 72px)}body:has(dialog[open]) .leiste{opacity:.3}.leiste-schiene{pointer-events:auto;align-items:center;transition:translate .3s cubic-bezier(.3,.9,.3,1);display:flex}.leiste[data-zu] .leiste-schiene{translate:calc(100% - 26px)}.leiste-griff{background:var(--glas);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);width:26px;height:56px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;border:0;border-radius:14px 0 0 14px;place-items:center;padding:0;display:grid;position:relative}.leiste-griff:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.leiste-griff .pfeil{border:2.5px solid;border-width:2.5px 2.5px 0 0;width:9px;height:9px;transition:rotate .3s,translate .3s;translate:-2px;rotate:45deg}.leiste[data-zu] .leiste-griff .pfeil{translate:2px;rotate:225deg}.leiste[data-zu]:has(.zaehler:not([hidden])) .leiste-griff:after{content:"";background:var(--red-dunkel);width:9px;height:9px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:7px;left:6px}.leiste .aktionen{padding:8px max(8px, env(safe-area-inset-right)) 8px 8px;background:var(--glas);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);box-shadow:var(--shadow);border-radius:20px 0 0 20px;flex-flow:column;gap:8px;margin:0}.leiste .aktionen .rund{-webkit-backdrop-filter:none;backdrop-filter:none;width:42px;box-shadow:none;background:color-mix(in oklch, var(--paper) 55%, transparent)}}.himmel-saum{display:none}@media (display-mode:standalone){.himmel-saum{z-index:2;background-color:var(--himmel,#6cb6fa);pointer-events:none;height:1px;display:block;position:fixed;inset:0 0 auto}.himmel-saum:after{content:"";background:linear-gradient(var(--himmel,#6cb6fa), transparent);height:22px;position:absolute;inset:100% 0 auto}}.blatt.avatare{width:min(600px,100vw - 24px)}.avatar-medaille{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #375587, var(--navy));border-radius:50%;width:60px;display:block;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.avatar-medaille{background:radial-gradient(circle at 35% 30%, lab(35.5973% .948787 -31.8809), var(--navy))}}.avatar-medaille img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-medaille:after{content:"";box-shadow:inset 0 0 0 2.5px var(--gold);border-radius:50%;position:absolute;inset:0}.avatar-medaille.gross{flex:none;width:80px}.avatar-medaille.gross:after{box-shadow:inset 0 0 0 3px var(--gold)}.avatar-kopf{flex-wrap:wrap;align-items:center;gap:10px 14px;margin:.4rem 0 .7rem;display:flex}.avatar-kopf>div:not(.menge){flex:1;gap:2px;min-width:150px;display:grid}.avatar-kopf strong{font:750 1.15rem/1.2 var(--font-display)}.avatar-kopf small{font-size:.8rem}.avatar-kopf .menge button{min-width:64px}.avatar-auto{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.avatar-auto input{width:18px;height:18px;accent-color:var(--navy);cursor:pointer;margin:0}.avatare #avatar-stand{margin:.5rem 0 0;font-size:.82rem}.avatar-liste{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:.6rem 0 0;display:grid}.avatar-liste button{background:var(--paper-2);width:100%;height:100%;color:var(--ink);font:inherit;text-align:center;cursor:pointer;border:0;border-radius:14px;align-content:start;justify-items:center;gap:3px;padding:10px 4px 8px;transition:box-shadow .2s,background-color .2s;display:grid;position:relative}.avatar-liste button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media (hover:hover){.avatar-liste button:not(.zu,.gewaehlt):hover{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--gold) 55%, transparent)}}.avatar-liste b{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere;max-width:100%;font-size:.76rem;line-height:1.15}.avatar-liste small{color:var(--muted);font-size:.7rem}.avatar-liste .gewaehlt{background:color-mix(in oklch, var(--gold) 22%, var(--paper-2));box-shadow:inset 0 0 0 2px var(--gold)}.avatar-liste .gewaehlt small{color:var(--ink);font-weight:650}.avatar-liste .zu{cursor:default}.avatar-liste .zu .avatar-medaille{background:var(--paper)}.avatar-liste .zu .avatar-medaille img{filter:brightness(0)opacity(.28);width:calc(100% - 5px);height:calc(100% - 5px);margin:2.5px}.avatar-liste .zu .avatar-medaille:after{box-shadow:inset 0 0 0 2.5px var(--line)}.avatar-liste .zu b{color:var(--muted)}.avatar-liste .neu:not(.gewaehlt){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}.blatt.art-wahl{width:min(460px,100vw - 24px)}.art-wahl-knoepfe{grid-template-columns:1fr 1fr;gap:12px;margin:.9rem 0 .4rem;display:grid}.art-wahl-knoepfe button{background:var(--paper-2);color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:18px;justify-items:center;gap:6px;padding:16px 8px 14px;transition:box-shadow .2s,scale .15s;display:grid}.art-wahl-knoepfe button:active{scale:.97}.art-wahl-knoepfe button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media (hover:hover){.art-wahl-knoepfe button:hover{box-shadow:inset 0 0 0 2px var(--gold), 0 0 14px color-mix(in oklch, var(--gold) 40%, transparent)}}.art-wahl-knoepfe .avatar-medaille{width:min(112px,28vw)}.art-wahl-knoepfe b{font:750 1.05rem var(--font-display)}.art-wahl-knoepfe small{color:var(--muted);font-size:.8rem}}@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}}@keyframes meilensteinGlanz{0%,to{box-shadow:inset 0 0 0 2px #0000,0 0 #0000}12%,40%{box-shadow:inset 0 0 0 2px var(--gold), 0 0 18px 4px color-mix(in oklch, var(--gold) 55%, transparent);background-color:color-mix(in oklch, var(--gold) 22%, var(--paper-2))}}@keyframes bald{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 8px 2px color-mix(in oklch, var(--gold) 70%, transparent)}}.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%}