:root{--trikotgruen: #89E64B;--tiefgruen: #3D7D11;--fjordschiefer:#708090;--tiefsee: #182848;--tinte: #0B0F0C;--moewenweiss: #E0E8E8;--norwegenrot: #BA0C2F;--norwegenrot-hell: #F01944;--grund: #FBFCFB;--flaeche: #FFFFFF;--flaeche-2: #EFF4EE;--schrift: var(--tinte);--schrift-2: #414B44;--schrift-3: #5C6860;--linie: #D3DDD2;--linie-weich: #E6EDE5;--akzent: var(--tiefgruen);--akzent-flaeche: var(--trikotgruen);--akzent-weich: #F1FAEB;--warnung: var(--norwegenrot);--warnung-weich:#FBE7EB;--gut: var(--tiefgruen);--gut-weich: #F1FAEB;--schatten: 0 1px 2px rgba(11, 15, 12, .06), 0 8px 24px -12px rgba(11, 15, 12, .2);color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-farbschema=hell]){--grund: var(--tinte);--flaeche: #141A15;--flaeche-2: #1C241D;--schrift: var(--moewenweiss);--schrift-2: #AFBDB2;--schrift-3: #86988B;--linie: #2A342C;--linie-weich: #1F2721;--akzent: var(--trikotgruen);--akzent-flaeche: var(--tiefgruen);--akzent-weich: #1E330F;--warnung: var(--norwegenrot-hell);--warnung-weich:#331018;--gut: var(--trikotgruen);--gut-weich: #1E330F;--schatten: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px -12px rgba(0, 0, 0, .65)}}:root[data-farbschema=dunkel]{--grund: var(--tinte);--flaeche: #141A15;--flaeche-2: #1C241D;--schrift: var(--moewenweiss);--schrift-2: #AFBDB2;--schrift-3: #86988B;--linie: #2A342C;--linie-weich: #1F2721;--akzent: var(--trikotgruen);--akzent-flaeche: var(--tiefgruen);--akzent-weich: #1E330F;--warnung: var(--norwegenrot-hell);--warnung-weich:#331018;--gut: var(--trikotgruen);--gut-weich: #1E330F;--schatten: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px -12px rgba(0, 0, 0, .65)}*{box-sizing:border-box}html,body,#wurzel{height:100%}body{margin:0;background:var(--grund);color:var(--schrift);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{line-height:1.25;margin:0 0 .5rem;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .8rem}a{color:var(--akzent)}.huelle{max-width:52rem;margin:0 auto;padding:1rem}.kopf{display:flex;align-items:center;gap:.7rem;padding:.6rem 1rem;background:var(--flaeche);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:10}.kopf img{width:32px;height:32px;border-radius:8px;flex:0 0 auto}.kopf .name{font-weight:600}.kopf .rest{margin-left:auto;display:flex;align-items:center;gap:.6rem;flex:0 1 auto;min-width:0}.kopf .rest>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopf .rest>button{flex:0 0 auto}@media(max-width:26rem){.kopf .name{display:none}}.karte{background:var(--flaeche);border:1px solid var(--linie-weich);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:var(--schatten)}.karte>:last-child{margin-bottom:0}.streifen{background:var(--akzent-flaeche);color:var(--tinte);border-radius:12px;padding:1rem;margin-bottom:1rem}button,.knopf{font:inherit;padding:.55rem 1rem;border-radius:8px;border:1px solid var(--akzent);background:var(--akzent);color:var(--flaeche);cursor:pointer;min-height:44px}button.still{background:transparent;color:var(--akzent)}button.warnend{background:var(--warnung);border-color:var(--warnung)}button:disabled{opacity:.5;cursor:default}label{display:block;margin-bottom:.7rem;font-size:.9rem;color:var(--schrift-2)}input,select,textarea{font:inherit;display:block;width:100%;margin-top:.25rem;padding:.55rem .7rem;min-height:44px;border:1px solid var(--linie);border-radius:8px;background:var(--flaeche);color:var(--schrift)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.reihe{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end}.reihe>*{flex:1 1 8rem}.fehler{background:var(--warnung-weich);border-left:3px solid var(--warnung);padding:.7rem .9rem;margin-bottom:1rem;border-radius:0 8px 8px 0}.hinweis{background:var(--akzent-weich);border-left:3px solid var(--akzent);padding:.7rem .9rem;margin-bottom:.6rem;border-radius:0 8px 8px 0;font-size:.93rem}.tabellenrahmen{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--linie-weich)}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--schrift-3);font-weight:500}td.zahl,th.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr:last-child td{border-bottom:none}.marke{display:inline-block;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;background:var(--flaeche-2);color:var(--schrift-2)}.marke.offen{background:var(--warnung-weich);color:var(--warnung)}.leer{color:var(--schrift-3);padding:1.5rem 0;text-align:center}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;background:var(--flaeche-2);color:var(--schrift-2);font-weight:600;letter-spacing:.02em;line-height:1;flex:0 0 auto;vertical-align:middle;overflow:hidden}.mitfahrer{display:flex;gap:.6rem;flex-wrap:wrap;margin:.3rem 0 1rem}.mitfahrer .eintrag{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:3.6rem}.mitfahrer .eintrag .klein{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klein{font-size:.85rem;color:var(--schrift-3)}.maplibregl-map{font:inherit}.maplibregl-popup-content{background:var(--flaeche);color:var(--schrift);border:1px solid var(--linie-weich);border-radius:10px;padding:.7rem .85rem;box-shadow:0 6px 20px #00000040}.maplibregl-popup-tip{display:none}.maplibregl-popup-close-button{color:var(--schrift-2);font-size:1.1rem;padding:0 .35rem}.maplibregl-ctrl-attrib{background:color-mix(in srgb,var(--flaeche) 85%,transparent);font-size:.7rem}.maplibregl-ctrl-attrib a{color:var(--schrift-2)}.fangspots .maplibregl-ctrl-group button{width:44px;height:44px}.kursfeld{position:absolute;top:.6rem;left:.6rem;right:4rem;z-index:1;display:flex;align-items:stretch;background:color-mix(in srgb,var(--flaeche) 92%,transparent);border:1px solid var(--linie-weich);border-radius:10px;box-shadow:var(--schatten);overflow:hidden}.kursfeld button{background:transparent;border:none;color:inherit;border-radius:0;min-height:0;text-align:left}.kursfeld .koerper{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.1rem;padding:.5rem .7rem}.kursfeld .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kursfeld .kurs{font-size:1.5rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--akzent)}.kursfeld .dazu{font-size:.9rem;color:var(--schrift-2)}.kursfeld .zu{flex:0 0 44px;padding:0;font-size:1.4rem;color:var(--schrift-2);border-left:1px solid var(--linie-weich)}.spielkarte{display:flex;gap:1rem;align-items:center;text-decoration:none;color:inherit}.spielkarte-bilder{display:flex;flex:0 0 auto}.spielkarte-bilder svg{width:3.4rem;height:3.4rem;margin-left:-1rem;background:#fff8f0;border-radius:10px;border:2px solid var(--flaeche)}.spielkarte-bilder svg:first-child{margin-left:0}.memory-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.memory-zaehler{font-variant-numeric:tabular-nums;color:var(--schrift-2)}.memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;max-width:30rem;margin:.6rem auto 1rem}.memory-karte{all:unset;box-sizing:border-box;display:block;aspect-ratio:1;perspective:700px;cursor:pointer;-webkit-tap-highlight-color:transparent}.memory-karte:disabled{cursor:default;opacity:1}.memory-karte:focus-visible .memory-innen{outline:2px solid var(--akzent);outline-offset:2px;border-radius:10px}.memory-innen{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s ease}.memory-karte.offen .memory-innen{transform:rotateY(180deg)}.memory-seite{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--schatten)}.memory-ruecken{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30'%3E%3Cpath d='M0 12 q12.5 -8 25 0 t25 0 t25 0 t25 0' fill='none' stroke='%23FFFFFF' stroke-opacity='.18' stroke-width='3'/%3E%3Cpath d='M0 22 q12.5 -8 25 0 t25 0 t25 0 t25 0' fill='none' stroke='%23FFFFFF' stroke-opacity='.12' stroke-width='3'/%3E%3C/svg%3E") bottom / 100% auto no-repeat,var(--tiefsee)}.memory-ruecken img{width:52%;height:52%;opacity:.9}.memory-vorne{background:#fff8f0;transform:rotateY(180deg);border:3px solid transparent}.memory-vorne{overflow:hidden}.memory-vorne svg{width:100%;height:100%}.memory-karte.gefunden .memory-vorne{border-color:var(--trikotgruen)}@media(prefers-reduced-motion:reduce){.memory-innen{transition:none}}.rangliste{list-style:none;margin:0;padding:0}.rangzeile{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-top:1px solid var(--linie-weich)}.rangzeile:first-child{border-top:none}.rangzeile.ich{font-weight:600}.rangzeile .rang{flex:0 0 1.8rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--schrift-2)}.rangzeile .wer{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rangzeile .wert{flex:0 0 auto;font-variant-numeric:tabular-nums}.rangzeile .loeschknopf{flex:0 0 auto;min-height:0;padding:.1rem .5rem}.live-punkt{display:inline-block;flex:0 0 auto;width:.6rem;height:.6rem;border-radius:50%;background:var(--trikotgruen);box-shadow:0 0 #89e64b99;animation:live-puls 1.6s ease-out infinite}@keyframes live-puls{0%{box-shadow:0 0 #89e64b99}to{box-shadow:0 0 0 .5rem #89e64b00}}@media(prefers-reduced-motion:reduce){.live-punkt{animation:none}}.live-kompakt{margin:0 auto 1rem;max-width:30rem}.live-kompakt .rangzeile{padding:.3rem 0}.memory-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.6rem}.memory-galerie figure{margin:0;text-align:center}.memory-galerie svg{width:100%;aspect-ratio:1;background:#fff8f0;border-radius:10px}.fk-kopf{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.fk-buehne{position:relative;display:flex;gap:.6rem;justify-content:center;align-items:flex-start}.fk-kiste{display:block;flex:0 0 auto;background:#4e3520;border:6px solid #9a6a3a;border-top-width:3px;border-radius:6px;box-shadow:inset 0 0 0 2px #0000004d,var(--schatten);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fk-seite{display:flex;flex-direction:column;gap:.45rem;min-width:4.6rem;font-variant-numeric:tabular-nums}.fk-titel{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--schrift-3)}.fk-werte{margin:0;display:grid;gap:0}.fk-werte dt{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--schrift-3);margin-top:.3rem}.fk-werte dd{margin:0;font-size:1.1rem;font-weight:700}.fk-seite .fk-klein{min-height:36px;padding:.2rem .5rem;font-size:.85rem}.fk-knoepfe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;max-width:26rem;margin:.7rem auto 0;touch-action:manipulation}.fk-knopf{min-height:58px;padding:0;font-size:1.5rem;line-height:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.fk-knopf:active{transform:translateY(1px);filter:brightness(1.1)}.fk-jubel{position:absolute;left:50%;top:28%;transform:translate(-50%);padding:.35rem .85rem;border-radius:999px;white-space:nowrap;pointer-events:none;background:var(--flaeche);color:var(--schrift);font-weight:700;box-shadow:var(--schatten);animation:fk-jubel 1.3s ease-out forwards}@keyframes fk-jubel{0%{opacity:0;transform:translate(-50%,10px) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1.05)}80%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-18px)}}@media(prefers-reduced-motion:reduce){.fk-jubel{animation:none}}.fk-fische{display:flex;flex-wrap:wrap;gap:.6rem 1rem}.fk-fische figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.15rem}.spielkarte-fische{display:flex;flex:0 0 auto;gap:2px}.spielkarte-fische canvas{border-radius:8px}.el-kopf{display:flex;gap:.8rem;align-items:center;margin-bottom:.4rem}.el-status{font-weight:600;margin:.3rem 0 .2rem}.el-status.el-dran{color:var(--akzent)}.el-hinweis{margin:0 0 .6rem}.el-feld{display:grid;grid-template-columns:repeat(10,var(--z));grid-auto-rows:var(--z);gap:1px;width:max-content;max-width:100%;margin:0 auto;padding:3px;border-radius:10px}.el-zelle{position:relative;min-height:0;min-width:0;padding:0;margin:0;border:none;border-radius:2px;display:grid;place-items:center;font:inherit}.el-sonar{background:#061a12;box-shadow:inset 0 0 18px #50ffa01f}.el-sonar .el-zelle{background:#0b2a1d;box-shadow:inset 0 0 0 1px #5ae69624}.el-sonar.el-aktiv button.el-zelle{cursor:crosshair}.el-sonar.el-aktiv button.el-zelle:hover,.el-sonar.el-aktiv button.el-zelle:focus-visible{background:#134d34;box-shadow:inset 0 0 0 2px #5be39a}.el-sonar .el-insel{background:#21352c;box-shadow:none}.el-karte{background:#9fc3d4}.el-karte .el-zelle{background:#4f8fae;box-shadow:inset 0 0 0 1px #ffffff1f}.el-karte button.el-zelle:hover,.el-karte button.el-zelle:focus-visible{background:#63a3c2}.el-karte .el-insel{background:radial-gradient(circle at 40% 35%,#a7a99c,#6f7468 70%);border-radius:40%}.el-leer:after{content:"";width:28%;height:28%;border-radius:50%;border:2px solid rgba(255,255,255,.55)}.el-sonar .el-leer:after{border-color:#78f0aa73}.el-treffer:after{content:"";width:46%;height:46%;border-radius:50%;background:radial-gradient(circle,#ffd27a,#f06c2c 60%,#f06c2c00 72%);box-shadow:0 0 10px #f0882c}.el-fisch.el-treffer:after,.el-fisch.el-versenkt:after{content:"✕";width:auto;height:auto;background:none;box-shadow:none;border:none;color:#fff;font-weight:800;font-size:calc(var(--z) * .5);text-shadow:0 0 3px #b22}.el-sonar .el-versenkt:not(.el-fisch){background:#5a2a1c}.el-fisch{box-shadow:none}.el-fisch.el-quer.el-schwanz{border-radius:40% 4px 4px 40%}.el-fisch.el-quer.el-kopf{border-radius:4px 50% 50% 4px}.el-fisch.el-laengs.el-schwanz{border-radius:40% 40% 4px 4px}.el-fisch.el-laengs.el-kopf{border-radius:4px 4px 50% 50%}.el-auge{width:22%;height:22%;border-radius:50%;background:#111;box-shadow:0 0 0 2px #fff}.el-ping:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #8dffc0;animation:el-ping .9s ease-out forwards;pointer-events:none}.el-karte .el-ping:before{border-color:#fff}@keyframes el-ping{0%{transform:scale(.3);opacity:1}to{transform:scale(2.4);opacity:0}}@media(prefers-reduced-motion:reduce){.el-ping:before{animation:none;display:none}}.el-uebrig{list-style:none;padding:0;margin:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.9rem}.el-uebrig li{display:flex;align-items:center;gap:.35rem}.el-uebrig li.weg{color:var(--schrift-3)}.el-uebrig li.weg .el-muster{opacity:.35}.el-muster{display:inline-flex;gap:2px}.el-muster span{width:.7rem;height:.7rem;border-radius:3px}.el-leiste{display:flex;flex-wrap:wrap;gap:.4rem}.el-schwarmknopf{display:flex;align-items:center;gap:.4rem;min-height:40px;padding:.3rem .6rem;background:var(--flaeche);color:var(--schrift);border:1px solid var(--linie);font-size:.9rem}.el-schwarmknopf.gewaehlt{border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent);background:var(--akzent-weich)}.el-schwarmknopf.liegt:not(.gewaehlt){color:var(--schrift-3)}.el-knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.6rem}.el-partien{list-style:none;padding:0;margin:0}.el-partiezeile{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-top:1px solid var(--linie-weich);color:inherit;text-decoration:none}.el-partien li:first-child .el-partiezeile{border-top:none}.el-partiewer{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.el-vorschau{display:flex;flex-direction:column;gap:3px;padding:.45rem;border-radius:10px;background:#0b2a1d;flex:0 0 auto}.el-schwarmliste{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}.el-schwarmliste li{display:flex;align-items:center;gap:.5rem}.hamsti-kopf{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.hamsti-bild{width:5.5rem;height:auto;flex:0 0 auto;transform-origin:50% 90%;filter:drop-shadow(0 4px 6px rgb(0 0 0 / .25))}.hamsti-bild.spricht{animation:hamsti-wackeln .32s ease-in-out infinite alternate}@keyframes hamsti-wackeln{0%{transform:rotate(-4deg) scale(1)}to{transform:rotate(4deg) scale(1.04)}}@media(prefers-reduced-motion:reduce){.hamsti-bild.spricht{animation:none}}.hamsti-karte{display:flex;gap:.9rem;align-items:center}.hamsti-karte img{width:3rem;height:auto;flex:0 0 auto}.aufnahme-balken{height:8px;border-radius:4px;background:var(--flaeche-2);overflow:hidden;margin-bottom:.6rem}.aufnahme-balken span{display:block;height:100%;background:var(--warnung);transition:width .2s linear}.hamsti-schicken{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap;margin-top:1rem}.hamsti-schicken label{flex:1 1 10rem;display:flex;flex-direction:column;gap:.2rem}.hamsti-schicken button{flex:1 1 10rem;min-height:48px}.hamsti-post{list-style:none;margin:0;padding:0}.hamsti-post li{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem 0;border-top:1px solid var(--linie-weich);scroll-margin-top:5rem}.hamsti-post li:first-child{border-top:none}.hamsti-post li.hervor{background:var(--flaeche-2);border-radius:8px;padding-inline:.5rem}.hamsti-post .inhalt{flex:1 1 auto;min-width:0}.hamsti-post .kopfzeile{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.hamsti-post audio{display:block;width:100%;margin-top:.35rem}.hamsti-post .fusszeile{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.25rem}.hamsti-post .fusszeile span{font-variant-numeric:tabular-nums}.hamsti-post .fusszeile button{min-height:0;padding:.2rem .6rem}.hamsti-post .reaktionen{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.4rem}.hamsti-post .reaktion{min-height:34px;padding:.1rem .6rem;border-radius:999px;border:1px solid var(--linie);background:var(--flaeche);color:var(--schrift);font-size:.95rem;font-variant-numeric:tabular-nums}.hamsti-post .reaktion.meine{border-color:var(--akzent);background:var(--akzent-weich)}.hamsti-post .reaktion.plus{color:var(--schrift-2);font-size:.85rem}.hamsti-post .reaktionsleiste{display:flex;gap:.15rem;width:max-content;max-width:100%;margin-top:.4rem;padding:.2rem .35rem;border-radius:999px;background:var(--flaeche);border:1px solid var(--linie-weich);box-shadow:var(--schatten)}.hamsti-post .reaktionsleiste button{min-height:44px;min-width:44px;padding:0;border:none;border-radius:50%;background:transparent;font-size:1.55rem;line-height:1;transition:transform .12s ease-out}.hamsti-post .reaktionsleiste button:hover,.hamsti-post .reaktionsleiste button:focus-visible{transform:scale(1.2)}.hamsti-post .reaktionsleiste button.gewaehlt{background:var(--akzent-weich)}@media(prefers-reduced-motion:reduce){.hamsti-post .reaktionsleiste button{transition:none}}.hamsti-post .wer-reagiert{margin-top:.25rem}.regler{display:block;margin-bottom:.6rem}.regler span{display:flex;justify-content:space-between}.regler input[type=range]{min-height:0;padding:0;border:none;background:none;accent-color:var(--akzent)}.draussen .klein{font-size:.95rem;color:var(--schrift-2)}