@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(./barlow-500-latin-ext-CPelPZq1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(./barlow-500-latin-D6sGsXIV.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(./barlow-600-latin-ext-Cu-we8td.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(./barlow-600-latin-DO9c7XN2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./barlowcondensed-700-latin-ext-Ca1nonoA.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(./barlowcondensed-700-latin-DDMez4TK.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(./barlowcondensed-800-latin-ext-CW1aJo2Z.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(./barlowcondensed-800-latin-CMaaahLA.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(./caveat-700-latin-ext-jxLjw4vc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(./caveat-700-latin-CXpGlwxz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#f6f1e3;--kartenpapier:#f5efdc;--tinte:#1d2d3a;--tinte-gedaempft:#4d5f68;--flussblau:#1c4f8f;--flussblau-hell:#6fb3e8;--km-gruen:#2f8a3c;--signalrot:#e3342f}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--tinte);height:100%;color:var(--papier);margin:0;font-family:Barlow,system-ui,sans-serif;overflow:hidden}#spiel{place-items:center;width:100vw;height:100vh;display:grid;position:relative}#leinwand{image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}#oberflaeche{pointer-events:none;position:absolute;inset:0}#oberflaeche>*{pointer-events:auto}.hinweis{background:var(--papier);color:var(--tinte);border:3px solid var(--tinte);text-align:center;white-space:nowrap;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 22px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:4px 5px #1d2d3a59}.hinweis strong{letter-spacing:.03em;color:var(--flussblau);font:800 22px/1 Barlow Condensed,sans-serif}.hinweis span{font:500 13px/1.3 Barlow,sans-serif}.hinweis .leise{color:var(--tinte-gedaempft);font-size:12px}.laden{background:var(--tinte);color:var(--papier);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.laden strong{letter-spacing:.04em;color:var(--flussblau-hell);font:800 34px/1 Barlow Condensed,sans-serif}.laden .balken{border:2px solid var(--papier);border-radius:6px;width:320px;height:10px;overflow:hidden}.laden .balken i{background:var(--flussblau-hell);width:0;height:100%;transition:width .12s linear;display:block}.laden small{color:var(--tinte-gedaempft);font:500 13px/1.2 Barlow,sans-serif}.reglerPanel{background:var(--papier);width:400px;max-height:calc(100vh - 24px);color:var(--tinte);border:3px solid var(--tinte);border-radius:12px;flex-direction:column;font:500 12px/1.3 Barlow,sans-serif;display:flex;position:absolute;top:12px;right:12px;box-shadow:4px 5px #1d2d3a59}.reglerKopf{border-bottom:2px solid var(--tinte);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.reglerKopf strong{color:var(--flussblau);font:800 16px/1 Barlow Condensed,sans-serif}.reglerHinweis{color:var(--tinte-gedaempft);flex:1;font-size:11px}.reglerKopf button{border:2px solid var(--tinte);background:var(--kartenpapier);color:var(--tinte);cursor:pointer;border-radius:6px;padding:4px 7px;font:600 11px/1 Barlow,sans-serif}.reglerKopf button:hover{background:var(--flussblau-hell)}.reglerKoerper{padding:6px 10px 10px;overflow-y:auto}.reglerLegende{color:var(--tinte-gedaempft);border-bottom:1px solid #1d2d3a33;padding:4px 10px;font-size:11px}.reglerKoerper h3{letter-spacing:.04em;text-transform:uppercase;color:var(--flussblau);border-bottom:1px solid #1d2d3a33;margin:12px 0 4px;padding-bottom:3px;font:700 13px/1 Barlow Condensed,sans-serif}.reglerZeile{grid-template-columns:1fr 120px 62px;align-items:center;gap:6px;padding:1px 0;display:grid}.reglerName{text-overflow:ellipsis;font-size:11px;overflow:hidden}.reglerZeile input[type=range]{width:100%}.reglerZahl{border:1px solid var(--tinte);width:100%;color:var(--tinte);background:#fff;border-radius:4px;padding:2px 4px;font:500 11px/1 Barlow,sans-serif}.reglerAusgabe{border:2px solid var(--tinte);resize:vertical;border-radius:6px;height:150px;margin:0 10px 10px;padding:6px;font:400 11px/1.4 ui-monospace,monospace}.hud{pointer-events:none;--u:clamp(.55px, min(100cqh / 720, 100cqw / 1280), 1.6px);position:absolute;inset:0;container-type:size}.hudZeit{top:calc(var(--u) * 8);left:calc(var(--u) * 18);width:calc(var(--u) * 105);aspect-ratio:200/232;position:absolute}.hudZeit img{width:100%;height:100%;display:block}.hudZeiger{width:calc(var(--u) * 2.4);height:calc(var(--u) * 35);margin-left:calc(var(--u) * -1.2);margin-top:calc(var(--u) * -35);background:var(--signalrot);border-radius:calc(var(--u) * 2);transform-origin:50% 100%;position:absolute;top:55.1724%;left:50%}.hudZeiger:after{content:"";width:calc(var(--u) * 7);height:calc(var(--u) * 7);background:var(--tinte);border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.hudZeit .hudWert{text-align:center;font:800 calc(var(--u) * 22)/1 "Barlow Condensed", sans-serif;letter-spacing:.03em;color:var(--tinte);font-variant-numeric:tabular-nums;text-shadow:0 0 calc(var(--u) * 3) var(--papier), 0 0 calc(var(--u) * 3) var(--papier);position:absolute;top:62.931%;left:0;right:0}.hudPlatz{top:calc(var(--u) * 30);left:calc(var(--u) * 132);align-items:baseline;gap:calc(var(--u) * 5);padding:calc(var(--u) * 5) calc(var(--u) * 13) calc(var(--u) * 3);background:var(--papier);border:calc(var(--u) * 3) solid var(--tinte);border-radius:calc(var(--u) * 10);box-shadow:calc(var(--u) * 4) calc(var(--u) * 5) 0 #1d2d3a66;color:var(--tinte);font:800 calc(var(--u) * 42)/1 "Barlow Condensed", sans-serif;font-variant-numeric:tabular-nums;display:flex;position:absolute;transform:rotate(-3deg)}.hudPlatz small{font-size:calc(var(--u) * 20);color:var(--tinte-gedaempft)}.hudPlatz[hidden]{display:none}.hudRestzeit{top:calc(var(--u) * 140);left:calc(var(--u) * 18);align-items:baseline;gap:calc(var(--u) * 5);padding:calc(var(--u) * 4) calc(var(--u) * 11) calc(var(--u) * 2);background:var(--papier);border:calc(var(--u) * 3) solid var(--signalrot);border-radius:calc(var(--u) * 8);box-shadow:calc(var(--u) * 3) calc(var(--u) * 4) 0 #1d2d3a59;color:var(--signalrot);font:800 calc(var(--u) * 22)/1 "Barlow Condensed", sans-serif;font-variant-numeric:tabular-nums;display:flex;position:absolute;transform:rotate(-2deg)}.hudRestzeit small{font:600 calc(var(--u) * 12)/1 "Barlow", sans-serif;color:var(--tinte-gedaempft);text-transform:uppercase;letter-spacing:.04em}.hudRestzeit[hidden]{display:none}.hudFortschritt{right:calc(var(--u) * 22);bottom:calc(var(--u) * 18);width:calc(var(--u) * 260);filter:drop-shadow(calc(var(--u) * 4) calc(var(--u) * 5) 0 #1d2d3a66);position:absolute;transform:rotate(-2deg)}.hudFortschritt>*{background:var(--kartenpapier)}.hudKarte{clip-path:polygon(0 3%,6% 0,13% 2%,21% 0,30% 3%,38% 1%,47% 3%,55% 0,64% 2%,72% 0,81% 3%,89% 1%,100% 2%,99% 18%,100% 36%,98% 55%,100% 75%,99% 100%,0 100%,1% 80%,0 60%,2% 40%,0 20%)}.hudKarte svg{width:100%;height:calc(var(--u) * 128);display:block}.hudAbschnitt{fill:none;stroke:var(--flussblau);stroke-linecap:round;stroke-linejoin:round}.hudGefahren{fill:none;stroke:var(--signalrot);stroke-linecap:round;stroke-linejoin:round}.hudZiel{fill:var(--papier);stroke:var(--tinte)}.hudAnderer circle{stroke:var(--tinte)}.hudWegmarke{padding:calc(var(--u) * 3) calc(var(--u) * 10) calc(var(--u) * 6);font:700 calc(var(--u) * 15)/1.1 "Barlow Condensed", sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--km-gruen);-webkit-line-clamp:2;clip-path:polygon(0 0,100% 0,99% 70%,94% 100%,86% 88%,77% 100%,66% 90%,55% 100%,44% 88%,33% 100%,22% 90%,11% 100%,3% 88%,0 100%);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hudHinweis{align-items:center;gap:calc(var(--u) * 6);text-align:center;flex-direction:column;display:flex;position:absolute;top:24%;left:50%;transform:translate(-50%)}.hudHinweis strong{font:800 calc(var(--u) * 40)/1 "Barlow Condensed", sans-serif;letter-spacing:.06em;text-transform:uppercase}.hudDreieck{width:calc(var(--u) * 150);display:none}.hudKerben{display:none}.hudHinweis[data-art=countdown] strong{width:calc(var(--u) * 110);height:calc(var(--u) * 124);border:calc(var(--u) * 6) solid #1d1d1b;border-radius:calc(var(--u) * 16);box-shadow:calc(var(--u) * 6) calc(var(--u) * 7) 0 #1d2d3a66;color:#1e3f9a;font-size:calc(var(--u) * 80);background:#f7d117;place-items:center;animation:.35s ease-out tafelKippen;display:grid}.hudHinweis[data-art=gekentert] .hudDreieck,.hudHinweis[data-art=klemme] .hudDreieck{animation:.9s ease-in-out infinite pochenDreieck;display:block}.hudHinweis[data-art=gekentert] strong,.hudHinweis[data-art=klemme] strong{color:var(--signalrot);-webkit-text-stroke:calc(var(--u) * 1.5) var(--tinte);text-shadow:calc(var(--u) * 3) calc(var(--u) * 3) 0 var(--papier)}.hudHinweis[data-art=gekentert] .hudKerben,.hudHinweis[data-art=klemme] .hudKerben{gap:calc(var(--u) * 5);padding:calc(var(--u) * 7) calc(var(--u) * 10);border:calc(var(--u) * 4) solid #1d1d1b;border-radius:calc(var(--u) * 9);box-shadow:calc(var(--u) * 4) calc(var(--u) * 5) 0 #1d2d3a59;background:#f7d117;display:flex}.hudKerben i{width:calc(var(--u) * 14);height:calc(var(--u) * 22);border:calc(var(--u) * 3) solid var(--tinte);border-radius:calc(var(--u) * 3);background:#1d2d3a1f;transform:skew(-8deg)}.hudKerben i.voll{background:var(--signalrot)}.hudHinweis small{font:800 calc(var(--u) * 20)/1 "Barlow Condensed", sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--papier);text-shadow:0 calc(var(--u) * 1) calc(var(--u) * 4) #1d2d3af2}.hudLos{font:800 calc(var(--u) * 96)/1 "Barlow Condensed", sans-serif;letter-spacing:.04em;color:var(--km-gruen);-webkit-text-stroke:calc(var(--u) * 3) #14471c;text-shadow:calc(var(--u) * 5) calc(var(--u) * 6) 0 var(--papier);animation:.9s ease-in forwards losWeg;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes tafelKippen{0%{transform:rotate(-10deg)scale(.8)}}@keyframes pochenDreieck{50%{transform:scale(1.06)}}@keyframes losWeg{0%{opacity:1;transform:translate(-50%)scale(.7)}25%{transform:translate(-50%)scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(-50%)scale(1.2)}}@media (prefers-reduced-motion:reduce){.hudHinweis strong,.hudDreieck{animation:none!important}}.bildschirm{background:var(--kartenpapier);color:var(--tinte);flex-direction:column;gap:18px;padding:40px 56px 22px;display:flex;position:absolute;inset:0;overflow:hidden}.schirmKopf{flex-direction:column;gap:3px;display:flex}.schirmUeber{letter-spacing:.22em;color:var(--km-gruen);font:700 14px/1 Barlow Condensed,sans-serif}.schirmTitel{letter-spacing:.02em;font:800 42px/1 Barlow Condensed,sans-serif}.schirmFuss{letter-spacing:.1em;color:var(--tinte-gedaempft);gap:18px;margin-top:auto;font:600 13px/1 Barlow Condensed,sans-serif;display:flex}.wegmarkeTafel{color:#1e3f9a;background:#f7d117;border:4px solid #1d1d1b;border-radius:10px;flex:none;place-items:center;width:58px;height:66px;font:800 30px/1 Barlow Condensed,sans-serif;display:grid;box-shadow:4px 5px #1d2d3a59}.wegmarkeTafel.gesperrt{color:#6b7178;box-shadow:none;background:#e7e1cf;border-color:#6b7178}.eintrag{cursor:pointer;transition:transform 80ms}.eintrag.gesperrt{cursor:default;opacity:.7}.eintrag.aktiv:not(.gesperrt){transform:translate(6px)}.bildschirm.schirmStart{background:0 0}.schirmStart .schirmFuss{color:var(--papier);text-shadow:0 1px 4px #1d2d3acc;position:absolute;bottom:22px;left:56px}.startBand{--k:1px;position:absolute}.bandFeld{justify-content:center;align-items:center;gap:calc(var(--k) * 4);color:#2b4d5e;text-align:center;white-space:nowrap;flex-direction:column;font-family:Barlow Condensed,sans-serif;display:flex;position:absolute}.bandFeld+.bandFeld{border-left:calc(var(--k) * 2) dashed #2b4d5e4d}.bandFeld.eintrag,.bandFeld.eintrag.aktiv:not(.gesperrt){transform:none}.bandText{font-weight:800;font-size:calc(var(--k) * 25);letter-spacing:calc(var(--k) * 1.5);line-height:1}.bandUnter{font-weight:700;font-size:calc(var(--k) * 11);letter-spacing:calc(var(--k) * 1.5);color:var(--km-gruen);line-height:1}.bandFeld.aktiv .bandText{color:var(--flussblau);font-size:calc(var(--k) * 29)}.bandFeld.bandTitel .bandText{font-size:calc(var(--k) * 19);letter-spacing:calc(var(--k) * 1);color:var(--km-gruen)}.startBand.eng .bandText{font-size:calc(var(--k) * 22);letter-spacing:calc(var(--k) * 1)}.startBand.eng .bandFeld.aktiv .bandText{font-size:calc(var(--k) * 25)}.bandFeld.gesperrt{opacity:1}.bandFeld.gesperrt .bandText{color:#8a959b}.bandStempel{right:0;top:calc(var(--k) * 2);border:calc(var(--k) * 3) double var(--signalrot);border-radius:calc(var(--k) * 3);padding:calc(var(--k) * 1) calc(var(--k) * 4);color:var(--signalrot);font-weight:800;font-size:calc(var(--k) * 9);letter-spacing:calc(var(--k) * 1);background:#f6f1e3e6;position:absolute;transform:rotate(-9deg)}.bandSchild{left:50%;top:calc(100% + var(--k) * 18);flex-direction:column;align-items:center;display:none;position:absolute;transform:translate(-50%)}.bandFeld.aktiv .bandSchild,.bandFeld.immer .bandSchild,.bandTitel .bandSchild{display:flex}.bandSchild i{width:calc(var(--k) * 2.5);height:calc(var(--k) * 22);background:#2b4d5e}.bandSchild b{border:calc(var(--k) * 4) solid #1d1d1b;border-radius:calc(var(--k) * 9);padding:calc(var(--k) * 6) calc(var(--k) * 14);box-shadow:calc(var(--k) * 4) calc(var(--k) * 5) 0 #1d2d3a59;color:#1e3f9a;font-weight:800;font-size:calc(var(--k) * 20);letter-spacing:calc(var(--k) * 1.5);background:#f7d117}.bandTitel{gap:calc(var(--k) * 3);transform:translateY(calc(var(--k) * -7))}.bandTitel .bandText{font-size:calc(var(--k) * 48);letter-spacing:calc(var(--k) * 3);color:#2b4d5e}.bandTitel .bandUnter{font-size:calc(var(--k) * 12);letter-spacing:calc(var(--k) * 4)}.bandTitel .bandSchild b{animation:1.6s ease-in-out infinite blinken}@keyframes blinken{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.bandTitel .bandSchild b{animation:none}}.menuListe{flex-direction:column;gap:16px;display:flex}.menuZeile{align-items:center;gap:22px;display:flex}.menuZeile.einzeln{margin-top:8px}.menuKarte{background:var(--papier);border:3px solid var(--tinte);border-radius:12px;flex-direction:column;gap:4px;min-width:360px;padding:12px 24px;display:flex;position:relative;box-shadow:4px 5px #1d2d3a59}.eintrag.aktiv .menuKarte{background:var(--flussblau);color:var(--papier)}.eintrag.aktiv .menuKarte .menuUnter{color:#f6f1e3d9}.menuKarte.gesperrt{border-style:dashed;border-color:var(--tinte-grau);box-shadow:none;background:var(--papier);color:var(--tinte-gedaempft)}.menuTitel{font:800 30px/1 Barlow Condensed,sans-serif}.menuUnter{color:var(--tinte-gedaempft);font:500 14px/1.2 Barlow,sans-serif}.stempel{border:3px double var(--signalrot);color:var(--signalrot);background:var(--papier);letter-spacing:.14em;border-radius:6px;padding:4px 10px;font:800 16px/1 Barlow Condensed,sans-serif;position:absolute;top:-14px;right:-18px;transform:rotate(8deg)}.stempel.gross{padding:8px 14px;font-size:22px;top:18px;right:-24px;transform:rotate(12deg)}.schirmDecke{background:#86b25c}.deckenBuehne,.buehne16zu10{--e:calc(min(max(100vw, 160vh), 200vh) / 1600);background:50%/100% 100% no-repeat;width:min(max(100vw,160vh),200vh);height:min(max(62.5vw,100vh),125vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.liegePlatz{-webkit-user-select:none;user-select:none;width:11%;position:absolute}.liegePlatz.eintrag,.liegePlatz.eintrag.aktiv:not(.gesperrt){transform:translate(-50%,-50%)}.liegePlatz.aktiv{z-index:2}.liegePlatz img{width:100%;transform:rotate(var(--dreh));transition:transform .15s,filter .15s;display:block}.liegePlatz.aktiv img{transform:translateY(-12px) rotate(var(--dreh)) scale(1.06);filter:drop-shadow(8px 12px #1d2d3a59)}.liegeSchimmer{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in srgb, var(--signal) 55%, transparent), transparent);opacity:0;pointer-events:none;border-radius:50%;width:190%;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.liegePlatz.aktiv .liegeSchimmer{opacity:1}.zettel{width:calc(var(--e) * 230);padding:calc(var(--e) * 26) calc(var(--e) * 18) calc(var(--e) * 20) calc(var(--e) * 36);gap:calc(var(--e) * 4);filter:drop-shadow(calc(var(--e) * 3) calc(var(--e) * 4) calc(var(--e) * 3) #1d2d3a59);color:#4d5f68;cursor:pointer;z-index:3;flex-direction:column;font-family:Caveat,cursive;display:flex;position:absolute;top:37%;left:80%;transform:rotate(5deg)}.zettel:before{content:"";z-index:-1;background:linear-gradient(90deg, transparent calc(var(--e) * 26), #e3342f73 calc(var(--e) * 26) calc(var(--e) * 28), transparent calc(var(--e) * 28)), repeating-linear-gradient(transparent 0 calc(var(--e) * 29), #6fb3e873 calc(var(--e) * 29) calc(var(--e) * 30)), #fdfaf0;clip-path:polygon(0 2.5%,7% .6%,13% 2.2%,21% .4%,29% 1.9%,37% .5%,46% 2.4%,54% .7%,62% 2%,71% .3%,79% 2.1%,88% .6%,95% 1.8%,100% .8%,100% 100%,0 100%);position:absolute;inset:0}.zettelKopf{font-size:calc(var(--e) * 24);line-height:1.2}.zettelKopf b{margin-left:calc(var(--e) * 6);font-weight:700}.zettelName{font-size:calc(var(--e) * 64);color:#1c3f8f;font-weight:700;line-height:.95}.zettelFarben{gap:calc(var(--e) * 10);margin:calc(var(--e) * 4) 0;display:flex}.zettelFarben i{width:calc(var(--e) * 58);height:calc(var(--e) * 14);background-image:repeating-linear-gradient(100deg, #ffffff4d 0 calc(var(--e) * 2), transparent calc(var(--e) * 2) calc(var(--e) * 5));opacity:.9;border-radius:40% 60% 55% 45%/60% 40%;transform:rotate(-4deg)}.zettelFarben i+i{transform:rotate(3deg)}.zettelFuss{font-size:calc(var(--e) * 22);line-height:1.1}.zettelStein{right:calc(var(--e) * -18);top:calc(var(--e) * -16);width:calc(var(--e) * 56);height:calc(var(--e) * 42);border:calc(var(--e) * 3) solid #35586a;background:radial-gradient(circle at 35% 30%,#d4d8d2,#9aa1a8 55%,#6b7178);border-radius:48% 52% 45% 55%/55% 45%;position:absolute}@media (prefers-reduced-motion:reduce){.liegePlatz img,.liegeSchimmer{transition:none}}.schirmAnleger{background:#48c1d4}.schirmAnleger .schirmKopf{z-index:1;position:relative}.schirmAnleger>.schirmKopf>*{color:var(--papier);text-shadow:0 2px 6px #1d2d3a8c}.anlegerLeinwand{width:100%;height:100%;position:absolute;inset:0}.kajakPlatz{position:absolute}.kajakPlatz.eintrag,.kajakPlatz.eintrag.aktiv:not(.gesperrt){transform:none}.stegSchrift{align-items:center;gap:calc(var(--e) * 5);color:#f6f1e3eb;text-shadow:0 0 calc(var(--e) * 1.5) #3c281499;pointer-events:none;flex-direction:column;font-family:Barlow Condensed,sans-serif;display:flex;position:absolute;transform:rotate(-1.2deg)}.stegName{font-weight:800;font-size:calc(var(--e) * 44);letter-spacing:calc(var(--e) * 5);text-transform:uppercase;line-height:1}.stegWerte{align-items:center;gap:calc(var(--e) * 4) calc(var(--e) * 8);font-weight:800;font-size:calc(var(--e) * 17);letter-spacing:calc(var(--e) * 1);grid-template-columns:auto auto auto auto;display:grid}.kerben{gap:calc(var(--e) * 4);display:flex}.kerben i{width:calc(var(--e) * 6);height:calc(var(--e) * 20);border-radius:calc(var(--e) * 1);background:#3c281459;transform:skew(-8deg);box-shadow:inset 0 0 0 1px #3c281440}.kerben i.voll{box-shadow:none;background:#f6f1e3eb}.farbTopf{width:calc(var(--e) * 46);height:calc(var(--e) * 46);margin:calc(var(--e) * -23) 0 0 calc(var(--e) * -23);border:calc(var(--e) * 3) solid #35586a;background:radial-gradient(circle, var(--farbe) 0 56%, #c9cfd4 58% 70%, #8d949c 72%);box-shadow:calc(var(--e) * 3) calc(var(--e) * 4) calc(var(--e) * 3) #1d2d3a59;cursor:pointer;border-radius:50%;padding:0;transition:transform .12s;position:absolute}.farbTopf i{background:#ffffff73;border-radius:50%;width:26%;height:16%;position:absolute;top:20%;left:22%}.farbTopf small{transform:translate(-50%, calc(var(--e) * 3));font:700 calc(var(--e) * 15)/1 "Barlow Condensed", sans-serif;color:var(--papier);text-shadow:0 1px 3px #1d2d3acc;position:absolute;top:100%;left:50%}.farbTopf.aktiv{box-shadow:0 0 0 calc(var(--e) * 4) #f6f1e3e6, calc(var(--e) * 3) calc(var(--e) * 4) calc(var(--e) * 3) #1d2d3a59;transform:scale(1.2)}.anlegerSchild{align-items:center;gap:calc(var(--e) * 8);cursor:pointer;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.anlegerSchild b{border:calc(var(--e) * 4) solid #1d1d1b;border-radius:calc(var(--e) * 9);padding:calc(var(--e) * 8) calc(var(--e) * 16);box-shadow:calc(var(--e) * 4) calc(var(--e) * 5) 0 #1d2d3a59;color:#1e3f9a;font:800 calc(var(--e) * 24)/1 "Barlow Condensed", sans-serif;letter-spacing:calc(var(--e) * 1.5);white-space:nowrap;background:#f7d117}.anlegerSchild span{font:700 calc(var(--e) * 13)/1 "Barlow Condensed", sans-serif;letter-spacing:calc(var(--e) * 2);color:var(--papier);text-shadow:0 1px 4px #1d2d3acc;white-space:nowrap}.anlegerNotiz{width:calc(var(--e) * 250);padding:calc(var(--e) * 16) calc(var(--e) * 20);gap:calc(var(--e) * 4);filter:drop-shadow(calc(var(--e) * 3) calc(var(--e) * 4) calc(var(--e) * 3) #1d2d3a59);color:#4d5f68;pointer-events:none;background:#fdfaf0;flex-direction:column;font-family:Caveat,cursive;display:flex;position:absolute;transform:translate(-50%,-50%)rotate(-3deg)}.anlegerNotiz b{font-size:calc(var(--e) * 32);color:#1c3f8f;line-height:1}.anlegerNotiz span{font-size:calc(var(--e) * 24);line-height:1.1}.schirmKarte{background:var(--kartenpapier)}.kartenBuehne{--e:calc(min(100vw, 166.667vh) / 1500);width:min(100vw,166.667vh);height:min(60vw,100vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kartenBild,.kartenBild svg{width:100%;height:100%;position:absolute;inset:0}.kartenTreffer{stroke:#0000;fill:none;pointer-events:stroke;cursor:pointer}.kartenAbschnitt path:first-child{transition:stroke .12s,stroke-width .12s}.kartenAbschnitt.aktiv path:first-child{stroke:var(--signalrot);stroke-width:12px}.kartenOrt,.kartenKm,.kartenTitel>*{text-shadow:0 0 3px var(--kartenpapier), 0 0 3px var(--kartenpapier), 0 0 6px var(--kartenpapier)}.kartenOrt{font:800 calc(var(--e) * 26)/1 "Barlow Condensed", sans-serif;color:var(--tinte);white-space:nowrap;pointer-events:none;position:absolute;transform:translate(-50%,-160%)}.kartenOrt.unten{transform:translate(-50%,70%)}.kartenKm{font:700 calc(var(--e) * 15)/1 "Barlow Condensed", sans-serif;color:var(--km-gruen);pointer-events:none;position:absolute;transform:translate(-50%,60%)}.kartenMarke{width:calc(var(--e) * 42);height:calc(var(--e) * 48);border-width:calc(var(--e) * 4);border-radius:calc(var(--e) * 8);box-shadow:calc(var(--e) * 3) calc(var(--e) * 4) 0 #1d2d3a59;font-size:calc(var(--e) * 26);position:absolute}.kartenMarke.eintrag{transform:translate(-50%,30%)}.kartenMarke.eintrag.aktiv:not(.gesperrt){transform:translate(-50%,30%)scale(1.25)}.kartenTitel{gap:calc(var(--e) * 8);flex-direction:column;display:flex;position:absolute;top:6%;left:4%}.kartenUeber{font:700 calc(var(--e) * 16)/1 "Barlow Condensed", sans-serif;letter-spacing:.22em;color:var(--km-gruen)}.kartenName{font:800 calc(var(--e) * 56)/1 "Barlow Condensed", sans-serif;color:var(--tinte)}.kartenZeile{font:600 calc(var(--e) * 19)/1.2 "Barlow", sans-serif;color:var(--tinte-gedaempft)}.kartenSchild{top:88%;left:87%}.kartenSchild span{color:var(--tinte-gedaempft);text-shadow:none}.kartenNord{align-items:center;gap:calc(var(--e) * 6);font:800 calc(var(--e) * 26)/1 "Barlow Condensed", sans-serif;color:var(--tinte);display:flex;position:absolute;top:9%;left:94%;transform:translate(-50%,-50%)}.kartenNord i{border-top:calc(var(--e) * 12) solid transparent;border-bottom:calc(var(--e) * 12) solid transparent;border-left:calc(var(--e) * 34) solid var(--tinte);width:0;height:0}.schirmTisch{background:#9c7650}.anlegerSchild.eintrag,.anlegerSchild.eintrag.aktiv:not(.gesperrt){transform:translate(-50%,-50%)}.fahrtenbuch{width:66%;height:82%;padding:calc(var(--e) * 14);border:calc(var(--e) * 3) solid #1d3a24;border-radius:calc(var(--e) * 12);box-shadow:calc(var(--e) * 8) calc(var(--e) * 12) calc(var(--e) * 10) #1d140a73;background:#2f5d3a;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:9%;left:12%;transform:rotate(-1.5deg)}.buchSeite{gap:calc(var(--e) * 10);padding:calc(var(--e) * 34) calc(var(--e) * 40);background:repeating-linear-gradient(transparent 0 calc(var(--e) * 45), #6fb3e859 calc(var(--e) * 45) calc(var(--e) * 46.5)), #fbf6e6;color:#1c3f8f;flex-direction:column;font-family:Caveat,cursive;display:flex;position:relative}.buchSeite.links{border-radius:calc(var(--e) * 6) 0 0 calc(var(--e) * 6);box-shadow:inset calc(var(--e) * -26) 0 calc(var(--e) * 22) calc(var(--e) * -16) #3c281459}.buchSeite.rechts{border-radius:0 calc(var(--e) * 6) calc(var(--e) * 6) 0;box-shadow:inset calc(var(--e) * 26) 0 calc(var(--e) * 22) calc(var(--e) * -16) #3c281459}.buchKopf{font:800 calc(var(--e) * 26)/1 "Barlow Condensed", sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--km-gruen)}.buchEtappe{font-size:calc(var(--e) * 72);font-weight:700;line-height:.9}.buchStrecke{font-size:calc(var(--e) * 42);line-height:1}.buchKm{font-size:calc(var(--e) * 32);color:#4d5f68}.buchStufen{gap:calc(var(--e) * 18);font:800 calc(var(--e) * 22)/1 "Barlow Condensed", sans-serif;letter-spacing:.12em;color:#8a959b;display:flex}.buchStufen span{cursor:pointer;padding-bottom:calc(var(--e) * 3)}.buchStufen span.aktiv{color:var(--flussblau);border-bottom:calc(var(--e) * 3) solid var(--signalrot)}.buchNotiz{font-size:calc(var(--e) * 28);color:#4d5f68;margin-top:auto;transform:rotate(-3deg)}.buchListe{counter-reset:platz;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.buchListe li{counter-increment:platz;grid-template-columns:calc(var(--e) * 34) calc(var(--e) * 36) 1fr auto;align-items:center;column-gap:calc(var(--e) * 10);height:calc(var(--e) * 46.5);font-size:calc(var(--e) * 30);display:grid}.buchListe li:before{content:counter(platz) ".";font-weight:700}.buchListe img{width:calc(var(--e) * 34);height:calc(var(--e) * 34);opacity:.9;transform:rotate(-8deg)}.buchName{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.buchKajak{display:none}.buchZeit{font-weight:700}.buchListe li.buchLeer{height:auto;margin-top:calc(var(--e) * 40);font-size:calc(var(--e) * 36);color:#4d5f68;display:block}.buchListe li.buchLeer:before{content:none}.buchReiter{right:calc(var(--e) * -46);width:calc(var(--e) * 52);height:calc(var(--e) * 70);background:var(--reiter);border:calc(var(--e) * 3) solid #35586a;border-radius:0 calc(var(--e) * 10) calc(var(--e) * 10) 0;font:800 calc(var(--e) * 30)/1 "Barlow Condensed", sans-serif;color:#1d2d3a;cursor:pointer;border-left:none;place-items:center;display:grid;position:absolute}.buchReiter.eintrag,.buchReiter.eintrag.aktiv:not(.gesperrt){transform:none}.buchReiter.aktiv{right:calc(var(--e) * -66);width:calc(var(--e) * 72)}.klemmbrett{width:44%;height:90%;padding:calc(var(--e) * 40) calc(var(--e) * 26) calc(var(--e) * 26);border:calc(var(--e) * 3) solid #6e4e30;border-radius:calc(var(--e) * 18);box-shadow:calc(var(--e) * 8) calc(var(--e) * 12) calc(var(--e) * 10) #1d140a73;background:#b07a45;position:absolute;top:5%;left:26%;transform:rotate(1.5deg)}.klemme{left:50%;top:calc(var(--e) * -14);width:calc(var(--e) * 190);height:calc(var(--e) * 52);border:calc(var(--e) * 3) solid #35586a;border-radius:calc(var(--e) * 10) calc(var(--e) * 10) calc(var(--e) * 4) calc(var(--e) * 4);z-index:1;background:linear-gradient(#e0e4e8,#9aa1a8);position:absolute;transform:translate(-50%)}.meldebogen{gap:calc(var(--e) * 12);height:100%;padding:calc(var(--e) * 34) calc(var(--e) * 34) calc(var(--e) * 24);color:var(--tinte);background:#fdfcf6;flex-direction:column;display:flex}.bogenKopf{font:800 calc(var(--e) * 40)/1 "Barlow Condensed", sans-serif;letter-spacing:.12em}.bogenUnter{font:600 calc(var(--e) * 15)/1.2 "Barlow", sans-serif;color:var(--tinte-gedaempft);border-bottom:calc(var(--e) * 2) solid var(--tinte);padding-bottom:calc(var(--e) * 10)}.bogenAbschnitt{margin-top:calc(var(--e) * 6);font:800 calc(var(--e) * 16)/1 "Barlow Condensed", sans-serif;letter-spacing:.2em;color:var(--km-gruen)}.bogenZeile{grid-template-columns:calc(var(--e) * 120) 1fr calc(var(--e) * 70);align-items:center;gap:calc(var(--e) * 12);display:grid}.bogenFeld{font:700 calc(var(--e) * 17)/1 "Barlow Condensed", sans-serif;letter-spacing:.08em;text-transform:uppercase}.bogenName{border:none;border-bottom:calc(var(--e) * 2) dotted var(--tinte);font:700 calc(var(--e) * 40)/1 "Caveat", cursive;color:#1c3f8f;padding:0 calc(var(--e) * 4);background:0 0;outline:none;grid-column:2/4}.bogenRegler{gap:calc(var(--e) * 8);flex-direction:column;display:flex}.bogenWert{font:700 calc(var(--e) * 28)/1 "Caveat", cursive;color:#1c3f8f}.bogenSchieber{appearance:none;height:calc(var(--e) * 30);cursor:pointer;background:0 0}.bogenSchieber::-webkit-slider-runnable-track{height:calc(var(--e) * 3);background:#4d5f68;border-radius:2px}.bogenSchieber::-moz-range-track{height:calc(var(--e) * 3);background:#4d5f68;border-radius:2px}.bogenSchieber::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--e) * 26);height:calc(var(--e) * 26);margin-top:calc(var(--e) * -11.5);background:linear-gradient(45deg,#0000 42%,#1c3f8f 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,#1c3f8f 42% 58%,#0000 58%);border:none}.bogenSchieber::-moz-range-thumb{width:calc(var(--e) * 26);height:calc(var(--e) * 26);background:linear-gradient(45deg,#0000 42%,#1c3f8f 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,#1c3f8f 42% 58%,#0000 58%);border:none;border-radius:0}.bogenKennung{font:500 calc(var(--e) * 13)/1.3 "Barlow", sans-serif;color:var(--tinte-gedaempft)}.bogenKennung b{font-family:ui-monospace,monospace}.bogenKreuze{gap:calc(var(--e) * 10);flex-direction:column;margin-top:auto;display:flex}.bogenKreuz{align-items:center;gap:calc(var(--e) * 12);font:600 calc(var(--e) * 18)/1.2 "Barlow", sans-serif;cursor:pointer;display:flex}.bogenKreuz.eintrag,.bogenKreuz.eintrag.aktiv:not(.gesperrt){transform:none}.bogenKreuz i{width:calc(var(--e) * 26);height:calc(var(--e) * 26);border:calc(var(--e) * 2.5) solid var(--tinte);flex:none;position:relative}.bogenKreuz.aktiv i{box-shadow:0 0 0 calc(var(--e) * 4) #fdfcf6, 0 0 0 calc(var(--e) * 7) #1c3f8f;border-radius:40% 55% 45% 60%}.bogenKreuz.aktiv span{color:#1c3f8f;font-weight:700}.einstellHinweis{color:var(--tinte-gedaempft);border-top:2px solid #1d2d3a26;flex-direction:column;gap:2px;padding-top:8px;font:500 13px/1.3 Barlow,sans-serif;display:flex}.einstellHinweis .leise{opacity:.85;font-size:12px}.einstellHinweis code{font:500 12px/1 ui-monospace,monospace}.zweierHinweis{color:var(--tinte)}.zweierHinweis[hidden]{display:none}.kreide{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kreide path{fill:none;stroke:#f6f1e3e6;stroke-width:4px;stroke-dasharray:2 12;stroke-linecap:round}.kreide circle{fill:#f6f1e3e6}.kreideTaste{align-items:center;gap:calc(var(--e) * 6);pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-50%)}.kreideTaste kbd{min-width:calc(var(--e) * 56);height:calc(var(--e) * 56);padding:0 calc(var(--e) * 12);color:var(--tinte);border:calc(var(--e) * 3) solid var(--tinte);border-bottom-width:calc(var(--e) * 8);border-radius:calc(var(--e) * 10);font:800 calc(var(--e) * 28)/1 "Barlow Condensed", sans-serif;background:#fdfcf6;place-items:center;display:grid}.kreideTaste kbd.breit{min-width:calc(var(--e) * 190);font-size:calc(var(--e) * 22);letter-spacing:.08em}.kreideTaste span,.kreideTest{max-width:calc(var(--e) * 260);text-align:center;font:700 calc(var(--e) * 26)/1.05 "Caveat", cursive;color:#f6f1e3f2;text-shadow:0 1px 3px #1d2d3ab3}.kreideTest{text-align:left;max-width:60%;font-size:calc(var(--e) * 22);position:absolute;bottom:3%;left:3%}.itemTafel{width:calc(var(--e) * 1180);padding:calc(var(--e) * 22) calc(var(--e) * 34) calc(var(--e) * 26);border:calc(var(--e) * 12) solid #8a7459;border-radius:calc(var(--e) * 10);box-shadow:calc(var(--e) * 6) calc(var(--e) * 8) 0 #1d2d3a59;color:#f6f1e3f2;background:#1d2d3ae6;display:none;position:absolute;top:56%;left:47%;transform:translate(-50%,-50%)}.zeigtItems .itemTafel{display:block}.zeigtItems .kreide,.zeigtItems .kreideTaste,.zeigtItems .kreideTest,.zeigtItems .anlegerLeinwand{display:none}.tafelKopf{text-align:center;font:800 calc(var(--e) * 40)/1 "Barlow Condensed", sans-serif;letter-spacing:calc(var(--e) * 6);display:block}.tafelUnter{text-align:center;margin-top:calc(var(--e) * 4);font:700 calc(var(--e) * 24)/1.1 "Caveat", cursive;opacity:.8;display:block}.tafelListe{margin:calc(var(--e) * 18) 0 0;gap:calc(var(--e) * 16) calc(var(--e) * 40);grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.tafelListe li{grid-template-columns:calc(var(--e) * 84) 1fr;column-gap:calc(var(--e) * 16);grid-template-rows:auto 1fr;align-items:start;display:grid}.tafelListe li:last-child{grid-column:1/-1;justify-self:center;width:50%}.tafelListe img{width:calc(var(--e) * 84);height:calc(var(--e) * 84);object-fit:contain;grid-row:1/3}.tafelListe b{font:800 calc(var(--e) * 28)/1.1 "Barlow Condensed", sans-serif;letter-spacing:calc(var(--e) * 1)}.tafelListe span{font:700 calc(var(--e) * 25)/1.05 "Caveat", cursive}.schirmUeberlagerung{background:linear-gradient(#1d2d3a26,#1d2d3a80)}.schirmErgebnis{background:linear-gradient(#0000 55%,#1d2d3a73)}.schirmUeberlagerung .schirmFuss,.schirmErgebnis .schirmFuss{color:var(--papier);text-shadow:0 1px 4px #1d2d3acc;position:absolute;bottom:22px;left:56px}.bandFest{aspect-ratio:1000/340;--k:calc(min(92vw, 1100px) / 1000);width:min(92vw,1100px);top:1vh;left:50%;transform:translate(-50%)}.schirmUeberlagerung .bandFest{top:9vh}.bandTuch{background:top/100% no-repeat;height:58%;position:absolute;top:0;left:0;right:0}.bandStempelGross{padding:calc(var(--k) * 4) calc(var(--k) * 14);border:calc(var(--k) * 5) double var(--signalrot);border-radius:calc(var(--k) * 6);color:var(--signalrot);font:800 calc(var(--k) * 30)/1 "Barlow Condensed", sans-serif;letter-spacing:calc(var(--k) * 3);background:#f6f1e3eb;position:absolute;top:2%;left:3%;transform:rotate(-10deg)}:is(.bandZiel .bandStempelGross,.bandFest:has(.bandZeit) .bandStempelGross){left:auto;right:3%;transform:rotate(9deg)}.bandZeit .bandText{font-size:calc(var(--k) * 54);letter-spacing:calc(var(--k) * 2);font-variant-numeric:tabular-nums}.bandZeit .bandUnter{font-size:calc(var(--k) * 14);letter-spacing:calc(var(--k) * 2.5)}.bandZeit{transform:translateY(calc(var(--k) * -15))}.zielSchilder{gap:clamp(24px,6vw,90px);display:flex;position:absolute;top:calc(1vh + min(92vw,1100px)/5.26316);left:50%;transform:translate(-50%)}.zielSchild{cursor:pointer;transform-origin:top;flex-direction:column;align-items:center;display:flex}.zielSchild.eintrag{transition:transform .15s;transform:none}.zielSchild.eintrag.aktiv:not(.gesperrt){transform:rotate(-3deg)scale(1.12)}.zielSchild i{background:#2b4d5e;width:3px;height:clamp(30px,6vh,60px)}.zielSchild b{color:#1e3f9a;letter-spacing:.06em;white-space:nowrap;background:#f7d117;border:4px solid #1d1d1b;border-radius:10px;padding:10px 20px;font:800 clamp(18px,1.8vw,26px)/1 Barlow Condensed,sans-serif;box-shadow:4px 5px #1d2d3a59}.zielSchild:not(.aktiv) b{filter:saturate(.55)brightness(.95)}.urkunde{border:3px double var(--km-gruen);width:clamp(240px,24vw,330px);color:var(--tinte);background:#fdfaf0;outline:8px solid #fdfaf0;flex-direction:column;align-items:center;gap:6px;padding:22px 22px 18px;display:flex;position:absolute;bottom:6%;right:4%;transform:rotate(-3deg);box-shadow:4px 6px 10px #1d2d3a73}.urkundeKopf{letter-spacing:.3em;color:var(--km-gruen);font:800 26px/1 Barlow Condensed,sans-serif}.urkundeStrecke{color:var(--tinte-gedaempft);text-align:center;font:600 14px/1.2 Barlow,sans-serif}.urkundeToken{width:70px;height:70px;transform:rotate(6deg)}.urkundePlatz{color:#1c3f8f;text-align:center;font:700 30px/1 Caveat,cursive}.urkundeVergleich{letter-spacing:.12em;color:var(--km-gruen);text-align:center;font:700 13px/1.2 Barlow Condensed,sans-serif}.urkundeListe{color:#1c3f8f;align-self:stretch;margin:4px 0 0;padding:0 0 0 20px;font:700 22px/1.25 Caveat,cursive}.urkundeListe li b{float:right}.urkundeListe li.eigene{text-decoration:underline;-webkit-text-decoration-color:var(--signalrot);text-decoration-color:var(--signalrot);text-decoration-thickness:2px}.tribuene{aspect-ratio:1000/900;pointer-events:none;filter:drop-shadow(3px 5px 6px #1d2d3a59);height:min(50vh,39.6vw);position:absolute;bottom:5%;left:3%}.tribueneAnhaenger{width:100%;height:100%;position:absolute;inset:0}.tribueneKajak{transform-origin:50% 90%;animation:.7s cubic-bezier(.3,1.4,.6,1) both tribueneRein;position:absolute}.tribueneKajak canvas{width:100%;height:100%;display:block}@keyframes tribueneRein{0%{opacity:0;translate:0 -60%}to{opacity:1;translate:0}}.tribueneSchild{border:2px solid var(--tinte);white-space:nowrap;color:#1c3f8f;background:#fdfaf0;border-radius:4px;margin-left:-6%;padding:1px 8px 2px;font:700 clamp(13px,1.25vw,19px)/1.1 Caveat,cursive;position:absolute;top:38%;left:100%;transform:rotate(-4deg);box-shadow:2px 2px #1d2d3a4d}.tribueneSchild b{color:var(--signalrot);font:800 1.15em/1 Barlow Condensed,sans-serif}.tribueneSchild i{color:var(--tinte-gedaempft);font-style:normal}.tribueneKajak.eigene .tribueneSchild{text-decoration:underline;-webkit-text-decoration-color:var(--signalrot);text-decoration-color:var(--signalrot);text-decoration-thickness:2px}.hudItem{right:calc(var(--u) * 34);transform-origin:50% 0;flex-direction:column;align-items:center;display:flex;position:absolute;top:0}.hudItem.neu{animation:1.1s ease-out schildSchwingen}.hudLeine{width:64%;height:calc(var(--u) * 40);border-left:calc(var(--u) * 4) solid var(--tinte);border-right:calc(var(--u) * 4) solid var(--tinte);display:block}.hudSchild{align-items:center;gap:calc(var(--u) * 4);margin-top:calc(var(--u) * -4);padding:calc(var(--u) * 9) calc(var(--u) * 10) calc(var(--u) * 7);border:calc(var(--u) * 4) solid #1d1d1b;border-radius:calc(var(--u) * 10);box-shadow:calc(var(--u) * 4) calc(var(--u) * 5) 0 #1d2d3a59;background:#f7d117;flex-direction:column;display:flex}.hudItemFeld{width:calc(var(--u) * 78);height:calc(var(--u) * 78);background:var(--papier);border:calc(var(--u) * 3) solid #1d1d1b;border-radius:calc(var(--u) * 7);place-items:center;display:grid}.hudItemFeld img{width:calc(var(--u) * 66);height:calc(var(--u) * 66);display:block}.hudItemName{font:800 calc(var(--u) * 17)/1 "Barlow Condensed", sans-serif;letter-spacing:.03em;color:#1e3f9a;white-space:nowrap}.hudItemHinweis{margin-top:calc(var(--u) * 6);font:800 calc(var(--u) * 13)/1 "Barlow Condensed", sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--papier);text-shadow:0 calc(var(--u) * 1) calc(var(--u) * 4) #1d2d3af2}.hudItem[data-zustand=keinZiel] .hudSchild{filter:grayscale();opacity:.85}.hudItem[data-zustand=keinZiel] .hudItemHinweis{margin-top:calc(var(--u) * -62);padding:calc(var(--u) * 3) calc(var(--u) * 7);border:calc(var(--u) * 4) double #6b7178;color:#6b7178;text-shadow:none;background:#f6f1e3e6;position:relative;transform:rotate(-10deg)}.hudEffekte{right:calc(var(--u) * 40);top:calc(var(--u) * 196);gap:calc(var(--u) * 10);flex-direction:column;align-items:center;display:flex;position:absolute}.hudEffekt{--ring:var(--flussblau);width:calc(var(--u) * 62);height:calc(var(--u) * 62);border:calc(var(--u) * 4) solid #fff;background:radial-gradient(circle, var(--papier) 0 calc(var(--u) * 20), transparent calc(var(--u) * 20.5)), conic-gradient(var(--ring) calc(var(--rest,1) * 1turn), #1d2d3a2e 0);box-shadow:0 0 0 calc(var(--u) * 2) var(--tinte), calc(var(--u) * 3) calc(var(--u) * 4) 0 calc(var(--u) * 2) #1d2d3a4d;border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-5deg)}.hudEffekt:nth-child(2n){transform:rotate(4deg)}.hudEffekt img{width:calc(var(--u) * 30);height:calc(var(--u) * 30);display:block}.hudEffekt b{right:calc(var(--u) * -10);bottom:calc(var(--u) * -6);min-width:calc(var(--u) * 24);padding:calc(var(--u) * 2) calc(var(--u) * 4);background:var(--papier);border:calc(var(--u) * 2) solid var(--tinte);border-radius:calc(var(--u) * 10);text-align:center;font:800 calc(var(--u) * 15)/1 "Barlow Condensed", sans-serif;font-variant-numeric:tabular-nums;color:var(--tinte);position:absolute}.hudEffekt[data-effekt=spiegelung]{--ring:#c878c8}.hudEffekt[data-effekt=rammbock]{--ring:var(--signalrot)}.hudEffekt[data-effekt=gross]{--ring:var(--flussblau-hell)}.hudEffekt[data-effekt=papagei]{--ring:var(--km-gruen)}.hudEffekt[data-effekt=festhalten]{--ring:var(--flussblau-hell)}.hudEffekt[data-effekt=festgehalten]{--ring:var(--signalrot)}.hudEffekt[data-effekt=astBremse],.hudEffekt[data-effekt=schwanBremse]{--ring:var(--tinte-gedaempft)}@keyframes schildSchwingen{0%{transform:rotate(9deg)}30%{transform:rotate(-6deg)}55%{transform:rotate(3deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.hudItem.neu{animation:none}}.hudRaupe{object-fit:contain;object-position:bottom;pointer-events:none;width:60%;max-height:35%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.biberDialog{align-items:flex-end;gap:min(34px,3vh);max-width:min(820px,92vw);animation:.45s ease-out biberAuftauchen;display:flex;position:absolute;bottom:0;left:max(16px,3vw)}.biberBild{filter:drop-shadow(4px 5px #1d2d3a59);flex:none;width:min(190px,27vh);height:auto;margin-bottom:-6px;display:block}.biberBild[hidden]{display:none}.biberBild.empoert{animation:.35s ease-out biberEmpoert}.biberBlase{border:4px solid var(--tinte);background:#fff;border-radius:62% 38% 55% 45%/46% 58% 42% 54%;flex-direction:column;gap:10px;margin-bottom:min(120px,17vh);padding:min(30px,4vh) min(42px,5vh) min(34px,4.6vh);display:flex;position:relative;box-shadow:6px 7px #1d2d3a59}.biberBlase:before,.biberBlase:after{content:"";background:var(--tinte);clip-path:polygon(40% 0,100% 0,0 100%);width:58px;height:52px;position:absolute;bottom:-40px;left:4%}.biberBlase:after{clip-path:polygon(40% 0,100% 0,0 100%);background:#fff;width:44px;height:40px;bottom:-30px;left:calc(4% + 7px);transform:translateY(-4px)}.biberFrage{max-width:34em;color:var(--tinte);margin:0;font:700 min(28px,4vh)/1.2 Caveat,cursive}.biberForm{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.biberFeld{border:0;border-bottom:3px dotted var(--tinte);color:#1c3f8f;background:0 0;border-radius:0;outline:none;flex:1;min-width:10em;padding:2px 4px;font:700 min(28px,4vh)/1.2 Caveat,cursive}.biberFeld::placeholder{color:#6b7178;opacity:.7}.biberKnopf{letter-spacing:.06em;color:#1e3f9a;cursor:pointer;background:#f7d117;border:4px solid #1d1d1b;border-radius:9px;padding:7px 12px;font:800 min(18px,2.7vh)/1 Barlow Condensed,sans-serif;transform:rotate(-2deg);box-shadow:4px 5px #1d2d3a59}.biberFehler{color:var(--signalrot);margin:0;font:700 min(26px,3.7vh)/1.2 Caveat,cursive}.biberBlase.falsch{animation:.45s ease-in-out blaseWackeln}@keyframes biberAuftauchen{0%{opacity:0;transform:translateY(30%)}}@keyframes biberEmpoert{40%{transform:translateY(-8%)scale(1.04)}}@keyframes blaseWackeln{20%{transform:translate(-8px)rotate(-1deg)}40%{transform:translate(7px)rotate(1deg)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.biberDialog,.biberBlase.falsch,.biberBild.empoert{animation:none}}.menuListe,.schirmSteuerung{overflow-y:auto}.steuerungAbschnitt{margin-top:6px}.testHinweis{max-width:820px;margin-top:4px}.hudHaelfte{pointer-events:none;height:50%;position:absolute;left:0;right:0}.hudHaelfte.oben{border-bottom:3px solid var(--tinte);top:0}.hudHaelfte.unten{bottom:0}.bildrate{background:var(--papier);color:var(--tinte);border:2px solid var(--tinte);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:8px;padding:5px 10px;font:700 15px/1 Barlow Condensed,sans-serif;position:absolute;bottom:64px;left:16px}.bildrate[hidden]{display:none}.hudSpieler{background:var(--papier);color:var(--tinte);border:3px solid var(--tinte);letter-spacing:.06em;border-radius:10px;padding:6px 12px;font:800 18px/1 Barlow Condensed,sans-serif;position:absolute;top:16px;left:16px}.raumZettel{filter:drop-shadow(4px 6px 4px #1d2d3a59);color:#4d5f68;flex-direction:column;gap:10px;width:340px;padding:26px 30px 22px 40px;font-family:Caveat,cursive;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.zettelEingabe{color:#1c3f8f;background:0 0;border:none;border-bottom:2px dotted #1c3f8f80;padding:2px 0 4px;font:700 30px/1.1 Caveat,cursive}.zettelEingabe:focus{border-bottom-color:#1c3f8f;outline:none}.zettelEingabe.zettelGross{letter-spacing:.08em;text-transform:uppercase;font-size:40px}.zettelFehler{color:var(--signalrot);font:600 15px/1.2 Barlow,sans-serif}.lobbySpieler{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:56px;right:56px}.lobbySpielerZeile{border:2px solid var(--tinte);background:#f6f1e3e6;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font:600 13px/1 Barlow,sans-serif;display:flex;box-shadow:2px 3px #1d2d3a4d}.lobbySpielerZeile.eigene{border-color:var(--flussblau);background:#6fb3e84d}.lobbySpielerZeile.getrennt{opacity:.55}.lobbySpielerZeile img{border-radius:50%;width:22px;height:22px}.lobbyName{font:700 14px/1 Barlow Condensed,sans-serif}.lobbyFarbe{border:2px solid var(--tinte);border-radius:50%;flex:none;width:11px;height:11px}.lobbyKajak{display:none}.lobbyStatus{color:var(--km-gruen);letter-spacing:.06em;text-transform:uppercase;font:700 10px/1 Barlow Condensed,sans-serif}.lobbySpielerZeile.getrennt .lobbyStatus{color:var(--signalrot)}.lobbyAktionen{max-width:560px;margin-top:108px}.schirmAufreihen .schirmKopf{z-index:1;position:relative}.schirmAufreihen>.schirmKopf>*{color:var(--papier);text-shadow:0 2px 6px #1d2d3a8c}.aufreihenHinweis{z-index:1;color:var(--papier);text-shadow:0 2px 6px #1d2d3ab3;margin:0;font:600 16px/1.3 Barlow,sans-serif;position:relative}.stegFigur{flex-direction:column;align-items:center;gap:4px;width:70px;display:flex;position:absolute;transform:translate(-50%,-100%)}.stegFigur img{filter:drop-shadow(2px 4px 2px #1d2d3a66);width:100%}.stegFigur span{background:var(--papier);border:2px solid var(--tinte);white-space:nowrap;border-radius:6px;padding:1px 6px;font:700 12px/1.3 Barlow Condensed,sans-serif}.teamSchild{background:var(--papier);border:2px solid var(--tinte);color:var(--tinte);white-space:nowrap;border-radius:8px;padding:3px 10px;font:600 13px/1.3 Barlow,sans-serif;position:absolute;transform:translate(-50%);box-shadow:3px 4px #1d2d3a4d}
