/* Luminous Wilds ---------------------------------------------------------
   Gemeinsame helle Produktionssprache fuer bereits migrierte Oberflaechen.
   Collection V2 ist der erste reale Verbraucher. Scanner, Erkennung und die
   noch nicht migrierten Ansichten werden von keinem unqualifizierten Selektor
   veraendert. */
:root { --luminous-ready: 1; }

#collectionView.collection-v2-active {
  --lumi-ink: #17364a;
  --lumi-muted: #4f6d79;
  --lumi-sky: #dff4ff;
  --lumi-cream: #fff8e8;
  --lumi-green: #37a86b;
  --lumi-blue: #3f9ff2;
  --lumi-gold: #ffb43b;
  --lumi-line: rgba(31, 87, 111, .14);
  --lumi-glass: rgba(250, 254, 255, .76);
  max-width: none;
  padding: 0 !important;
  overflow-x: clip;
  color: var(--lumi-ink);
  background: var(--lumi-sky);
}

#collectionView.collection-v2-active > :not(#collectionV2Root) { display: none !important; }
.collection-v2-root { min-height: 100dvh; color: var(--lumi-ink); }
.collection-v2-root[hidden] { display: none !important; }
.collection-v2-root button,
.collection-v2-root input,
.collection-v2-root select { font: inherit; }
.collection-v2-root button { color: inherit; }
.collection-v2-root svg {
  width: 1.4em;
  height: 1.4em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.collection-v2-world {
  position: relative;
  min-height: 100dvh;
  padding-bottom: calc(104px + env(safe-area-inset-bottom));
  overflow: clip;
  background:
    linear-gradient(180deg, rgba(225, 247, 255, .58) 0, rgba(239, 251, 249, .88) 35%, rgba(255, 249, 232, .99) 70%),
    var(--collection-world-image) 50% 0 / 100% auto no-repeat,
    linear-gradient(180deg, #7bcdf5, #effaf4 64%, #fff7e4);
  transition: background-color .45s ease;
}
.collection-v2-world::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 520px;
  pointer-events: none;
  opacity: .28;
  background:
    radial-gradient(circle at 82% 13%, rgba(255, 235, 139, .7), transparent 21%),
    radial-gradient(circle at 15% 27%, rgba(255, 255, 255, .66), transparent 18%);
  mix-blend-mode: normal;
}

.collection-v2-hero {
  position: relative;
  z-index: 1;
  min-height: 272px;
  padding: calc(18px + env(safe-area-inset-top)) 14px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(122px, .52fr);
  align-content: start;
  align-items: center;
  gap: 12px 14px;
  isolation: isolate;
}
.collection-v2-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(231, 248, 255, .02), rgba(235, 249, 250, .15) 46%, rgba(248, 253, 247, .76));
}
.collection-v2-skyline { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.collection-v2-skyline i {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 247, 184, .88);
  box-shadow: 0 0 18px 6px rgba(255, 222, 105, .5);
  animation: luminous-firefly 8s ease-in-out infinite alternate;
}
.collection-v2-skyline i:nth-child(1) { left: 18%; top: 28%; }
.collection-v2-skyline i:nth-child(2) { right: 16%; top: 42%; animation-delay: -3s; }
.collection-v2-skyline i:nth-child(3) { right: 40%; top: 17%; animation-delay: -5s; }

.collection-v2-title { min-width:0; display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:11px; text-shadow:0 1px 14px rgba(255,255,255,.82); }
.collection-v2-title > span:last-child { min-width:0; }
.collection-v2-title small {
  display: block;
  color: #16855e;
  font-size: .57rem;
  font-weight: 900;
  letter-spacing: .15em;
}
.collection-v2-title h1 {
  margin: 2px 0 0;
  max-width: 13ch;
  color: #15384c;
  font-size: clamp(1.34rem, 5.5vw, 1.82rem);
  line-height: .98;
  letter-spacing: -.045em;
}
.collection-v2-title p { margin:7px 0 0; display:flex; flex-wrap:wrap; gap:3px 6px; color:#486b79; font-size:.61rem; line-height:1.25; }.collection-v2-title p b { color:#275c6d; }.collection-v2-title p span { opacity:.48; }
.collection-v2-species-ring { position:relative; width:68px; aspect-ratio:1; display:grid; place-content:center; justify-items:center; border-radius:50%; background:conic-gradient(#f1ad2c var(--species-progress),rgba(255,255,255,.48) 0); box-shadow:0 12px 30px rgba(40,108,126,.16),0 0 0 1px rgba(255,255,255,.74); isolation:isolate; }
.collection-v2-species-ring::before { content:''; position:absolute; z-index:-1; inset:6px; border-radius:inherit; background:rgba(246,253,250,.84); box-shadow:inset 0 1px 0 white; backdrop-filter:blur(9px); }
.collection-v2-species-ring b { font-size:1.05rem; line-height:1; }.collection-v2-species-ring small { margin-top:3px; color:#537682; font-size:.42rem; font-weight:850; letter-spacing:0; text-transform:none; }

.collection-v2-next-trail { min-width:0; min-height:76px; padding:7px 0 7px 14px; display:grid; align-content:center; gap:4px; border:0; border-left:1px solid rgba(255,255,255,.78); color:#295b6c; background:transparent; text-align:left; text-shadow:0 1px 10px rgba(255,255,255,.82); }
.collection-v2-next-trail small { color:#9b6817; font-size:.44rem; font-weight:950; letter-spacing:.12em; }.collection-v2-next-trail b { overflow:hidden; font-size:.74rem; line-height:1.15; text-overflow:ellipsis; }.collection-v2-next-trail span { color:#277b66; font-size:.53rem; font-weight:900; }.collection-v2-next-trail i { display:inline-block; color:#db811a; font-style:normal; transition:transform .22s ease; }.collection-v2-next-trail:is(:hover,:focus-visible) i { transform:translateX(4px); }

.collection-v2-journey { position:relative; grid-column:1 / -1; min-height:116px; padding-top:18px; }
.collection-v2-journey-label { position:absolute; top:0; left:5px; color:#30725f; font-size:.54rem; font-weight:950; letter-spacing:.12em; }
.collection-v2-journey > svg { position:absolute; inset:22px 3% auto; width:94%; height:58px; color:rgba(37,113,132,.28); overflow:visible; }.collection-v2-journey > svg path { fill:none; stroke:currentColor; stroke-width:.55; stroke-dasharray:2 2; vector-effect:non-scaling-stroke; }.collection-v2-journey > svg .is-glow { stroke:rgba(255,241,156,.76); stroke-width:4; stroke-dasharray:none; filter:blur(5px); }
.collection-v2-journey > div { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:start; }
.collection-v2-journey button { position:relative; min-width:0; min-height:88px; padding:var(--journey-y) 1px 0; display:grid; justify-items:center; align-content:start; gap:4px; border:0; color:#2b6872; background:transparent; text-align:center; transform:translateY(var(--journey-y)); }
.collection-v2-journey button > svg { position:relative; z-index:1; width:42px; height:42px; padding:10px; overflow:visible; border:1px solid rgba(255,255,255,.85); border-radius:50%; color:#168662; background:rgba(248,255,252,.8); box-shadow:0 8px 20px rgba(31,86,103,.14),0 0 0 4px rgba(255,255,255,.2); backdrop-filter:blur(9px); transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,width .24s ease,height .24s ease; }
.collection-v2-journey button.is-active > svg { width:52px; height:52px; padding:13px; color:#14624f; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(224,255,225,.9)); box-shadow:0 13px 28px rgba(27,91,103,.22),0 0 0 5px rgba(255,209,79,.3); }
.collection-v2-journey button:is(:hover,:focus-visible) { outline:0; }.collection-v2-journey button:is(:hover,:focus-visible) > svg { transform:translateY(-3px) scale(1.05); box-shadow:0 12px 26px rgba(31,86,103,.22),0 0 0 5px rgba(255,226,124,.3); }
.collection-v2-journey span { min-width:0; display:grid; }.collection-v2-journey b { overflow:hidden; font-size:.7rem; line-height:1.05; text-overflow:ellipsis; white-space:nowrap; }.collection-v2-journey small { margin-top:2px; overflow:hidden; color:#5f7c88; font-size:.6rem; font-weight:780; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; }.collection-v2-journey .is-active b { color:#11586b; }.collection-v2-journey .is-active small { color:#96701f; font-weight:900; }
.collection-v2-journey:not(.is-compact){min-height:174px}.collection-v2-journey>.collection-v2-operations{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(100%,620px);margin:11px auto 0;padding-top:9px;border-top:1px solid rgba(38,107,111,.15)}.collection-v2-journey .collection-v2-operations button{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;justify-items:start;gap:9px;min-height:48px;padding:5px 2px;border:0;border-bottom:1px solid rgba(39,112,106,.19);border-radius:0;color:#235f66;background:linear-gradient(90deg,rgba(255,255,255,.34),transparent);text-align:left;transform:none}.collection-v2-journey .collection-v2-operations button>svg{width:30px;height:30px;padding:6px;border:1px solid rgba(37,130,105,.24);border-radius:48% 52% 43% 57% / 57% 44% 56% 43%;box-shadow:none}.collection-v2-journey .collection-v2-operations button:is(:hover,:focus-visible)>svg{transform:none;box-shadow:0 6px 15px rgba(31,86,103,.15)}.collection-v2-journey .collection-v2-operations b{font-size:.62rem}.collection-v2-journey .collection-v2-operations small{font-size:.47rem}.collection-v2-journey .collection-v2-operations i{padding:7px;color:#bd811b;font-size:1rem;font-style:normal}

/* Dieselbe Reise bleibt in Werkstatt, Vitrinen und Studio als kompakter
   Orientierungspunkt stehen. Sie ist Navigation, kein zweiter Seitenkopf. */
.collection-v2-journey.is-compact {
  position:fixed;
  z-index:40;
  top:0;
  left:50%;
  width:min(100%,980px);
  min-height:90px;
  padding:15px 7px 3px;
  color:#245e6c;
  background:linear-gradient(180deg,rgba(239,252,248,.94),rgba(229,247,245,.84));
  border-bottom:1px solid rgba(255,255,255,.78);
  box-shadow:0 9px 25px rgba(31,79,93,.1);
  backdrop-filter:blur(18px) saturate(1.25);
  transform:translateX(-50%);
}
.collection-v2-journey.is-compact .collection-v2-journey-label { top:5px; left:12px; font-size:.41rem; }
.collection-v2-journey.is-compact > svg { inset:18px 4% auto; width:92%; height:39px; }
.collection-v2-journey.is-compact button { min-height:70px; padding:4px 0 0; gap:2px; transform:none; }
.collection-v2-journey.is-compact button > svg { width:35px; height:35px; padding:8px; }
.collection-v2-journey.is-compact button.is-active > svg { width:41px; height:41px; padding:10px; }
.collection-v2-journey.is-compact b { font-size:.55rem; }
.collection-v2-journey.is-compact small { font-size:.43rem; }

/* Derselbe Sammlungsweg bleibt auch dort stehen, wo Karten eingesetzt
   werden. In Missionen und Feldmarkt liegt er bewusst im Dokumentfluss statt
   fixed ueber dem Hero: Orientierung bleibt sichtbar, ohne Inhalte zu
   verdecken oder zwei Navigationssysteme uebereinander zu stapeln. */
.collection-v2-subjourney{position:relative;z-index:20;width:100%;margin:0;background:transparent;box-shadow:none}
.collection-v2-subjourney:empty{display:none}
.collection-v2-subjourney .collection-v2-shared-shell{min-height:0;padding-bottom:0;overflow:hidden;background-size:auto,100% auto,auto}
.collection-v2-subjourney .collection-v2-shared-shell::before{height:100%}
.collection-v2-subjourney .collection-v2-shared-shell>.collection-v2-hero{width:min(100%,980px);min-height:350px;margin:0 auto;padding-bottom:10px}
.collection-v2-subjourney .collection-v2-operations button.is-active{color:#825b14;background:linear-gradient(90deg,rgba(255,230,133,.45),transparent);box-shadow:inset 0 -2px #e3aa35}
.collection-v2-subjourney .collection-v2-operations button.is-active small{color:#8d6b27}
.collection-v2-subjourney:not([hidden])+.mission-v2-hero,.collection-v2-subjourney:not([hidden])+.trade-v2-hero{min-height:116px;padding:21px max(22px,calc((100vw - 900px)/2)) 19px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;background:#e9f7ef;overflow:visible}
.collection-v2-subjourney:not([hidden])+.mission-v2-hero::after,.collection-v2-subjourney:not([hidden])+.trade-v2-hero::after{display:none}
.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-back,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-back{display:none}
.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-copy,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-copy{width:auto;max-width:660px}
.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-copy h1,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-copy h1{max-width:none;margin:4px 0 3px;font-size:clamp(1.4rem,3vw,2.05rem);line-height:1;letter-spacing:-.045em}
.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-copy p,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-copy p{max-width:610px;font-size:.68rem;line-height:1.4}
.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-status,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-status{position:static;right:auto;bottom:auto;flex:none;background:transparent;backdrop-filter:none}
.collection-v2-subjourney:not([hidden])~.play-route{display:none}

.collection-v2-world > main { position: relative; z-index: 1; min-height: 370px; }
.collection-v2-archive {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 8px;
  padding: 0 8px 34px;
  background: linear-gradient(180deg, rgba(239, 250, 248, .9), rgba(255, 249, 233, .98));
}
.collection-v2-archive-intro { grid-column:1 / -1; min-height:72px; padding:14px 8px 9px; display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:10px 15px; border-bottom:1px solid rgba(31,87,111,.12); }
.collection-v2-archive-intro > span { min-width:0; }.collection-v2-archive-intro small { display:block; color:#16855e; font-size:.55rem; font-weight:950; letter-spacing:.13em; }.collection-v2-archive-intro h2 { margin:2px 0 0; font-size:1.1rem; letter-spacing:-.035em; }.collection-v2-archive-intro p { min-width:0; margin:0; display:grid; justify-items:end; color:#607d88; font-size:.58rem; font-style:normal; }.collection-v2-archive-intro p b { color:#235b6e; font-size:.66rem; }.collection-v2-archive-intro p span,.collection-v2-archive-intro p em { max-width:170px; overflow:hidden; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.collection-v2-layout-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(45,107,125,.1);border-radius:13px 5px 13px 5px;background:rgba(255,255,255,.43);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.collection-v2-layout-switch button{min-height:35px;padding:0 9px;display:flex;align-items:center;gap:6px;border:0;border-radius:10px 3px 10px 3px;color:#5c7885;background:transparent;font-size:.5rem;font-weight:900;cursor:pointer}
.collection-v2-layout-switch button[aria-pressed="true"]{color:#17684e;background:rgba(224,248,230,.94);box-shadow:0 4px 11px rgba(28,88,94,.11),inset 0 1px 0 white}
.collection-v2-layout-switch button:focus-visible{outline:2px solid #238e6b;outline-offset:2px}
.collection-v2-layout-switch i{width:17px;height:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;transform:rotate(-2deg)}
.collection-v2-layout-switch i u{display:block;border:1px solid currentColor;border-radius:2px;text-decoration:none}
.collection-v2-layout-switch button[data-layout="table"] i{position:relative;display:block;border-bottom:1px solid currentColor;transform:rotate(-5deg)}
.collection-v2-layout-switch button[data-layout="table"] i u{position:absolute;width:7px;height:9px;background:color-mix(in srgb,currentColor 10%,transparent)}
.collection-v2-layout-switch button[data-layout="table"] i u:nth-child(1){left:0;top:1px;transform:rotate(-8deg)}.collection-v2-layout-switch button[data-layout="table"] i u:nth-child(2){left:6px;top:4px;transform:rotate(5deg)}.collection-v2-layout-switch button[data-layout="table"] i u:nth-child(3){right:0;top:0;transform:rotate(9deg)}
.collection-v2-entry { min-width: 0; content-visibility:auto; contain:layout paint style; contain-intrinsic-size:auto 430px; animation: collection-entry-in .42s both cubic-bezier(.22, .72, .2, 1); animation-delay: min(calc(var(--entry) * 45ms), 360ms); }
.collection-v2-card-hit { position: relative; width: 100%; padding: 7px 7px 0; border: 0; background: transparent; text-align: left; isolation: isolate; }
.collection-v2-stack-depth { position: absolute; inset: 12px 10px 2px; z-index: -1; }
.collection-v2-stack-depth i { position: absolute; inset: 0; border: 1px solid color-mix(in srgb, var(--stack-color) 45%, #9fbbc6); border-radius: 8px; background: linear-gradient(145deg, color-mix(in srgb, var(--stack-color) 13%, white), #dbeaec); box-shadow: 0 10px 22px rgba(28, 72, 89, .2); }
.collection-v2-stack-depth i:first-child { transform: translate(-4px, 3px) rotate(-2.2deg); }
.collection-v2-stack-depth i:last-child { transform: translate(4px, 5px) rotate(2.4deg); }
.collection-v2-card-shell { position: relative; z-index: 1; display: block; width: 100%; transition: transform .25s cubic-bezier(.2, .75, .2, 1); }
.collection-v2-card-shell > .karte { width: 100% !important; max-width: none !important; box-shadow: 0 15px 28px rgba(27, 63, 79, .31); }
.collection-v2-card-hit:is(:hover, :focus-visible) .collection-v2-card-shell { transform: translateY(-4px) rotate(-.7deg); }
.collection-v2-entry:nth-child(even) .collection-v2-card-hit:is(:hover, :focus-visible) .collection-v2-card-shell { transform: translateY(-4px) rotate(.7deg); }
.collection-v2-card-fallback { width: 100%; aspect-ratio: .68; display: grid; place-content: center; justify-items: center; gap: 8px; border-radius: 8px; color: #5c7885; background: linear-gradient(145deg, #e8f7f8, #fff5df); }
.collection-v2-card-fallback svg { width: 42px; height: 42px; color: var(--stack-color); }
.collection-v2-card-fallback b { font-size: .74rem; }
.collection-v2-card-fallback small { font-size: .48rem; }
.collection-v2-card-copy { position: relative; min-height: 82px; margin: 11px 6px 0; padding-right: 33px; }
.collection-v2-entry:has(.collection-v2-species-table-open) .collection-v2-card-copy { min-height: 108px; }
.collection-v2-card-copy > span { display: block; min-width: 0; }
.collection-v2-card-copy > span small { display: block; color: color-mix(in srgb, var(--stack-color) 68%, #365d6d); font-size: .45rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.collection-v2-card-copy strong { display: block; margin-top: 2px; font-size: .79rem; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.collection-v2-card-copy em { display: block; margin-top: 2px; color: #718b96; font-size: .45rem; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.collection-v2-count { position: absolute; top: 0; right: 0; width: 29px; height: 29px; display: grid; place-content: center; grid-auto-flow: column; align-items: baseline; border-radius: 50%; color: #264f62; background: rgba(255, 255, 255, .74); box-shadow: 0 5px 14px rgba(36, 83, 101, .12), inset 0 1px 0 white; font-size: .72rem; }
.collection-v2-count small { font-size: .42rem; }
.collection-v2-rank-track { position: absolute; left: 0; right: 0; bottom: 21px; height: 2px; overflow: hidden; background: rgba(49, 91, 108, .16); }
.collection-v2-rank-track u { display: block; height: 100%; background: linear-gradient(90deg, var(--lumi-green), var(--lumi-gold)); box-shadow: 0 0 8px rgba(55, 168, 107, .28); }
.collection-v2-rank-copy { position: absolute; left: 0; right: 0; bottom: 4px; color: #718894; font-size: .43rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.collection-v2-species-table-open{position:absolute;left:0;bottom:0;width:max-content;max-width:100%;min-height:27px;padding:0 3px;display:flex;align-items:center;gap:6px;border:0;border-bottom:1px solid color-mix(in srgb,var(--stack-color) 35%,rgba(31,88,100,.18));border-radius:0;color:#24695f;background:transparent;font:850 .47rem/1 inherit;letter-spacing:.015em;cursor:pointer}
.collection-v2-species-table-open::before{content:'';position:absolute;inset:-6px -5px}.collection-v2-species-table-open i{position:relative;width:18px;height:14px;flex:0 0 auto}.collection-v2-species-table-open i u{position:absolute;left:2px;top:2px;width:12px;height:9px;border:1px solid currentColor;border-radius:2px;background:color-mix(in srgb,var(--stack-color) 8%,#f5fbf7)}.collection-v2-species-table-open i u:nth-child(1){transform:translate(-2px,2px) rotate(-5deg);opacity:.45}.collection-v2-species-table-open i u:nth-child(2){transform:translate(2px,2px) rotate(5deg);opacity:.62}.collection-v2-species-table-open i u:nth-child(3){transform:none}.collection-v2-species-table-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-v2-species-table-open span b{font-size:.55rem}.collection-v2-species-table-open em{font-size:.65rem;font-style:normal;transition:transform .16s ease}.collection-v2-species-table-open:is(:hover,:focus-visible){outline:0;color:#14795f;border-bottom-color:currentColor}.collection-v2-species-table-open:is(:hover,:focus-visible) em{transform:translateX(2px)}
.collection-v2-entry:has(.collection-v2-species-table-open) .collection-v2-rank-track{bottom:45px}.collection-v2-entry:has(.collection-v2-species-table-open) .collection-v2-rank-copy{bottom:29px}

.collection-v2-archive.is-table{display:block;padding:0 8px 36px;overflow:hidden;background:linear-gradient(180deg,rgba(239,250,248,.91),rgba(236,247,239,.98))}
.collection-v2-species-table-intro{min-height:86px;padding:12px 8px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid rgba(31,87,111,.12)}
.collection-v2-species-table-intro>button{min-height:40px;padding:0 11px;border:1px solid rgba(37,106,95,.14);border-radius:13px 4px 13px 4px;color:#236b5c;background:rgba(255,255,255,.58);font:900 .55rem/1 inherit;cursor:pointer}.collection-v2-species-table-intro>button span{margin-left:4px}.collection-v2-species-table-intro>button:focus-visible{outline:2px solid #238e6b;outline-offset:2px}
.collection-v2-species-table-intro>span{min-width:0}.collection-v2-species-table-intro>span small{color:#16855e;font-size:.5rem;font-weight:950;letter-spacing:.13em}.collection-v2-species-table-intro h2{margin:2px 0 0;overflow:hidden;font-size:1.05rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.collection-v2-species-table-intro p{margin:4px 0 0;color:#607d88;font-size:.53rem;line-height:1.3}
.collection-v2-table-tools{min-height:54px;padding:8px 7px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#315e6c}
.collection-v2-table-tools>span{min-width:0;display:grid;gap:2px}.collection-v2-table-tools>span small{color:#16855e;font-size:.46rem;font-weight:950;letter-spacing:.12em}.collection-v2-table-tools>span strong{overflow:hidden;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}
.collection-v2-table-display{flex:0 0 auto;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(38,101,116,.12);border-radius:14px 5px 14px 5px;background:rgba(255,255,255,.55)}
.collection-v2-table-display button{height:32px;padding:0 9px;display:flex;align-items:center;gap:5px;border:0;border-radius:10px 3px 10px 3px;color:#5c7880;background:transparent;font-size:.48rem;font-weight:900;cursor:pointer}.collection-v2-table-display button span{font-size:.72rem;line-height:1}.collection-v2-table-display button[aria-pressed="true"]{color:#155f52;background:linear-gradient(145deg,rgba(226,249,235,.96),rgba(247,252,241,.96));box-shadow:0 2px 7px rgba(33,92,81,.11)}.collection-v2-table-display button:focus-visible{outline:2px solid #f0b33a;outline-offset:1px}
.collection-v2-table-viewport{position:relative;height:clamp(430px,68dvh,760px);overflow:hidden;border:1px solid rgba(222,245,230,.62);border-radius:26px 8px 26px 8px;outline:0;cursor:grab;touch-action:none;overscroll-behavior:contain;background:radial-gradient(circle at 18% 17%,rgba(255,219,106,.12),transparent 23%),radial-gradient(circle at 78% 82%,rgba(91,193,157,.12),transparent 28%),repeating-linear-gradient(112deg,rgba(255,255,255,.025) 0 2px,transparent 2px 23px),linear-gradient(145deg,#123f3d,#0b2c32 58%,#153b36);box-shadow:inset 0 0 0 5px rgba(224,243,227,.08),inset 0 0 65px rgba(0,13,20,.42),0 16px 35px rgba(28,72,77,.17)}
.collection-v2-table-viewport:focus-visible{box-shadow:inset 0 0 0 3px #f2bd47,inset 0 0 65px rgba(0,13,20,.42),0 16px 35px rgba(28,72,77,.17)}
.collection-v2-table-viewport.is-grabbing{cursor:grabbing}.collection-v2-table-viewport.is-pinching{box-shadow:inset 0 0 0 2px rgba(242,189,71,.72),inset 0 0 65px rgba(0,13,20,.42),0 16px 35px rgba(28,72,77,.17)}
.collection-v2-table-world{position:absolute;left:0;top:0;width:var(--table-width);height:var(--table-height);transform:translate3d(var(--table-x),var(--table-y),0) scale(var(--table-scale));transform-origin:0 0;will-change:transform;background:radial-gradient(circle at 50% 45%,rgba(231,201,124,.045),transparent 48%)}
.collection-v2-table-world::before,.collection-v2-table-world::after{content:'';position:absolute;pointer-events:none}.collection-v2-table-world::before{inset:29px;border:1px solid rgba(205,232,206,.1);border-radius:42px 12px 42px 12px}.collection-v2-table-world::after{inset:45px;background:linear-gradient(90deg,transparent 49.92%,rgba(218,239,215,.055) 50%,transparent 50.08%),linear-gradient(0deg,transparent 49.92%,rgba(218,239,215,.055) 50%,transparent 50.08%)}
.collection-v2-table-compass{position:absolute;left:31px;top:31px;width:76px;height:76px;border:1px solid rgba(236,208,131,.18);border-radius:50%;opacity:.75}.collection-v2-table-compass::before,.collection-v2-table-compass::after{content:'';position:absolute;inset:10px;border:1px solid rgba(236,208,131,.12);transform:rotate(45deg)}.collection-v2-table-compass::after{inset:27px;border-color:rgba(236,208,131,.26);border-radius:50%}
.collection-v2-table-card{position:absolute;left:var(--table-card-x);top:var(--table-card-y);z-index:calc(2 + var(--table-card));width:146px;padding:0;border:0;background:transparent;transform:rotate(var(--table-card-r));transform-origin:50% 70%;cursor:pointer;content-visibility:auto;contain:layout paint style;contain-intrinsic-size:146px 216px;transition:transform .18s ease,filter .18s ease}
.collection-v2-table-card>span{display:block;pointer-events:none;filter:drop-shadow(0 12px 13px rgba(0,8,11,.46))}.collection-v2-table-card:is(:hover,:focus-visible){z-index:999;outline:0;transform:translateY(-9px) rotate(0deg) scale(1.04);filter:brightness(1.05)}.collection-v2-table-card:focus-visible>span{filter:drop-shadow(0 0 0 #f5c552) drop-shadow(0 0 8px #f5c552) drop-shadow(0 12px 13px rgba(0,8,11,.46))}
.collection-v2-table-playing-card{width:146px}.collection-v2-table-playing-card>.karte{width:146px!important;max-width:none!important;margin:0!important;animation:none!important;transition:none!important;box-shadow:0 12px 20px rgba(0,8,11,.34)!important}.collection-v2-table-playing-card .karten-glanz,.collection-v2-table-playing-card .karten-folie{animation:none!important}.collection-v2-table-playing-card .karten-vorschau{pointer-events:none}
.collection-v2-table-snapshot{position:relative;width:146px;height:204px;overflow:hidden;display:grid;grid-template-rows:134px 1fr;border:2px solid color-mix(in srgb,var(--stack-color) 74%,#dfe8df);border-radius:9px 4px 9px 4px;color:#173b46;background:linear-gradient(155deg,color-mix(in srgb,var(--stack-color) 14%,#f3f1df),#e6eee7 58%,#d4e2de);box-shadow:inset 0 0 0 3px rgba(255,255,255,.42)}
.collection-v2-table-snapshot::after{content:'';position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--stack-color) 38%,transparent);border-radius:5px 2px 5px 2px;pointer-events:none}
.collection-v2-table-snapshot-image{display:grid;place-items:center;overflow:hidden;margin:7px 7px 0;border-radius:4px 2px 4px 2px;background:rgba(19,58,58,.2)}.collection-v2-table-snapshot-image img{width:100%;height:100%;object-fit:cover}.collection-v2-table-snapshot-image svg{width:48px;height:48px;color:var(--stack-color)}
.collection-v2-table-snapshot>span{min-width:0;padding:8px 10px 9px;text-align:left}.collection-v2-table-snapshot small,.collection-v2-table-snapshot strong,.collection-v2-table-snapshot em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-v2-table-snapshot small{color:color-mix(in srgb,var(--stack-color) 72%,#315765);font-size:.42rem;font-weight:950;text-transform:uppercase}.collection-v2-table-snapshot strong{margin-top:3px;font-size:.66rem;line-height:1.05}.collection-v2-table-snapshot em{margin-top:2px;color:#617983;font-size:.4rem;font-style:italic}
.collection-v2-table-card>b{position:absolute;right:-8px;top:-7px;min-width:31px;height:31px;padding:0 5px;display:grid;place-items:center;border:2px solid #ecf7e9;border-radius:50%;color:#194c46;background:#f6d36d;box-shadow:0 6px 14px rgba(0,15,18,.28);font-size:.58rem}
.collection-v2-filter-axis.display{grid-column:1/-1;align-self:start}.collection-v2-filter-axis.display p{margin:5px 2px 0;color:#6b828d;font-size:.45rem;line-height:1.35}

.collection-v2-gaps { position: relative; min-height: 0; padding: 24px clamp(14px,4vw,42px) 46px; overflow: hidden; background: radial-gradient(circle at 82% 8%, rgba(255,227,131,.46), transparent 24%), radial-gradient(circle at 8% 45%, rgba(74,190,208,.14), transparent 30%), linear-gradient(180deg,rgba(229,249,251,.42),rgba(255,249,231,.96)); }
.collection-v2-gap-overview { width:min(100%,900px); margin:0 auto 18px; display:grid; grid-template-columns:72px minmax(0,1fr); align-items:center; gap:15px; }
.collection-v2-gap-overview > span:last-child > small { color:#16845e; font-size:.62rem; font-weight:950; letter-spacing:.14em; }
.collection-v2-gap-overview h2 { margin:3px 0 0; font-size:clamp(1.18rem,3vw,1.55rem); line-height:1.02; letter-spacing:-.03em; }
.collection-v2-gap-overview p { margin:6px 0 0; color:#526f7a; font-size:.74rem; line-height:1.4; }
.collection-v2-gap-total { width:68px; height:68px; padding:5px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(#39a978 var(--gap-progress),rgba(255,255,255,.5) 0); box-shadow:0 10px 25px rgba(38,93,107,.15); }
.collection-v2-gap-total::before { content:''; grid-area:1/1; width:54px; height:54px; border-radius:50%; background:rgba(248,253,248,.94); box-shadow:inset 0 1px 0 white; }
.collection-v2-gap-total b { position:relative; grid-area:1/1; color:#1b7657; font-size:1rem; }.collection-v2-gap-total small { font-size:.54rem; }
.collection-v2-gaps.is-unknown .collection-v2-gap-core { position: relative; width: min(100%, 360px); margin: 28px auto 35px; padding: 30px 24px; display: grid; justify-items: center; border-radius: 38% 62% 55% 45% / 44% 41% 59% 56%; color: #315b6c; background: rgba(255,255,255,.64); box-shadow: 0 16px 42px rgba(34,83,100,.12); text-align: center; }
.collection-v2-gaps.is-unknown .collection-v2-gap-core svg { width: 35px; }.collection-v2-gaps.is-unknown .collection-v2-gap-core small { margin-top: 8px; color: #16835d; font-size: .44rem; font-weight: 900; letter-spacing: .1em; }.collection-v2-gaps.is-unknown .collection-v2-gap-core h2 { margin: 4px 0 0; }.collection-v2-gaps.is-unknown .collection-v2-gap-core p { margin: 7px 0 0; color: #607d89; font-size: .58rem; line-height: 1.45; }
.collection-v2-gap-local { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.collection-v2-gap-local span { padding: 7px 10px; display: flex; align-items: center; gap: 5px; border-radius: 14px 5px 14px 5px; background: rgba(255, 255, 255, .72); color: #4f7483; font-size: .56rem; }
.collection-v2-gap-local svg { width: 18px; height: 18px; color: #17875f; }

/* Der Artenpfad ist eine echte Expeditionsbuehne statt einer Liste aus
   Kategorie-Kacheln. Rasterbilder tragen nur Atmosphaere; alle Namen,
   Fortschritte und Aktionen bleiben als lesbares, semantisches DOM darueber. */
.collection-v2-habitat{--habitat-x:0px;--habitat-y:0px;position:relative;width:min(100%,900px);min-height:640px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:auto auto auto auto;overflow:hidden;color:#173e4a;background:#eaf8f3;isolation:isolate;box-shadow:0 26px 65px rgba(28,79,94,.2)}
.collection-v2-habitat::before{content:'';position:absolute;z-index:-3;inset:-18px;background:linear-gradient(90deg,rgba(7,51,66,.42),transparent 48%,rgba(10,66,80,.14)),linear-gradient(180deg,rgba(10,54,69,.05),rgba(6,54,57,.5)),var(--habitat-world) center/cover no-repeat;transform:translate3d(calc(var(--habitat-x)*-.35),calc(var(--habitat-y)*-.35),0) scale(1.05);transition:transform .25s ease-out}
.collection-v2-habitat::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(245,254,250,.34),rgba(235,251,246,.04) 58%,rgba(242,252,239,.03));pointer-events:none}
.collection-v2-habitat-art{position:absolute;z-index:-2;inset:-12px;overflow:hidden;pointer-events:none;transform:translate3d(calc(var(--habitat-x)*.45),calc(var(--habitat-y)*.45),0) scale(1.025);transition:transform .22s ease-out}
.collection-v2-habitat.is-bird-world .collection-v2-habitat-art::before{content:'';position:absolute;inset:0;background:url('/assets/ui/bird-habitat-vfx-v2.webp') center/cover no-repeat;opacity:.62}
.collection-v2-habitat-art>i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff4a5;box-shadow:0 0 12px 3px rgba(255,230,106,.68);animation:habitat-mote 4.8s ease-in-out infinite}
.collection-v2-habitat-art>i:nth-child(1){left:16%;top:27%}.collection-v2-habitat-art>i:nth-child(2){right:23%;top:42%;animation-delay:-1.6s}.collection-v2-habitat-art>i:nth-child(3){right:11%;bottom:24%;animation-delay:-3.1s}
.collection-v2-habitat>header{align-self:start;padding:38px 18px 24px 38px;text-shadow:0 1px 12px rgba(255,255,255,.96)}
.collection-v2-habitat>header small,.collection-v2-habitat>footer small{font-size:.61rem;font-weight:950;letter-spacing:.15em}.collection-v2-habitat>header small{color:#0d6b60}.collection-v2-habitat>header h2{margin:5px 0 3px;color:#153d4a;font-size:clamp(2.35rem,7vw,4.2rem);line-height:.88;letter-spacing:-.065em}.collection-v2-habitat>header p{max-width:340px;margin:10px 0 0;color:#2f5967;font-size:.79rem;font-weight:700;line-height:1.45}
.collection-v2-habitat-progress{position:relative;align-self:start;justify-self:end;width:88px;height:88px;margin:26px 26px 0 0;display:grid;place-content:center;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:conic-gradient(rgba(255,235,128,.96) var(--habitat-progress),rgba(246,255,251,.22) 0);box-shadow:0 13px 33px rgba(5,45,59,.24);text-align:center;isolation:isolate}
.collection-v2-habitat-progress::before{content:'';position:absolute;inset:6px;border-radius:inherit;background:rgba(235,252,247,.88);z-index:-1}.collection-v2-habitat-progress b{color:#174d59;font-size:1.08rem}.collection-v2-habitat-progress small{font-size:.63rem}.collection-v2-habitat-progress em{margin-top:2px;color:#3d6b73;font-size:.56rem;font-style:normal;font-weight:800}
.collection-v2-caught{grid-column:1/-1;padding:20px 0 17px;border-block:1px solid rgba(255,255,255,.48);background:linear-gradient(90deg,rgba(238,253,249,.82),rgba(230,250,247,.38));backdrop-filter:blur(8px)}
.collection-v2-caught>header,.collection-v2-missing>header{padding:0 30px 12px 38px;display:flex;align-items:end;justify-content:space-between;gap:18px}.collection-v2-caught>header small,.collection-v2-missing>header small{color:#0e745f;font-size:.56rem;font-weight:950;letter-spacing:.14em}.collection-v2-caught>header h3,.collection-v2-missing>header h3{margin:3px 0 0;color:#173f4c;font-size:.96rem}.collection-v2-caught>header>em{color:#4f747d;font-size:.55rem;font-style:normal;font-weight:800}
.collection-v2-caught-strip{display:flex;gap:12px;padding:2px 38px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.collection-v2-caught-strip::-webkit-scrollbar{display:none}
.collection-v2-caught-strip>button{position:relative;flex:0 0 clamp(166px,28vw,212px);min-height:160px;padding:0;border:0;color:#173f4c;background:transparent;text-align:left;scroll-snap-align:start;transform:rotate(calc((var(--caught-index) - 1)*.7deg));transition:transform .22s ease,filter .22s ease}.collection-v2-caught-strip>button:is(:hover,:focus-visible){z-index:2;outline:0;filter:drop-shadow(0 14px 18px rgba(19,69,81,.22));transform:translateY(-5px) rotate(0)}
.collection-v2-caught-image{position:relative;height:104px;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.84);clip-path:polygon(0 5%,92% 0,100% 88%,9% 100%);background:color-mix(in srgb,var(--caught-tone) 22%,rgba(235,252,246,.78));box-shadow:0 10px 25px rgba(25,78,91,.13)}.collection-v2-caught-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.88) contrast(1.04)}.collection-v2-caught-image>svg{width:40px;margin:30px auto;display:block;color:var(--caught-tone)}.collection-v2-caught-image>b{position:absolute;right:8px;top:8px;padding:5px 7px;color:#174b58;background:rgba(247,255,247,.9);font-size:.62rem}
.collection-v2-caught-strip>button>span{display:block;padding:7px 10px 0}.collection-v2-caught-strip small{color:color-mix(in srgb,var(--caught-tone) 66%,#155b54);font-size:.49rem;font-weight:950;letter-spacing:.08em}.collection-v2-caught-strip strong{display:block;margin-top:2px;font-size:.79rem}.collection-v2-caught-strip em{display:block;margin-top:5px;color:#4d7078;font-size:.54rem;font-style:normal;line-height:1.3}.collection-v2-caught-strip em>i{height:2px;margin-bottom:4px;display:block;background:rgba(37,94,104,.13)}.collection-v2-caught-strip em u{display:block;width:var(--caught-progress);height:100%;background:linear-gradient(90deg,#2db57c,var(--caught-tone))}
.collection-v2-caught-empty{min-height:116px;padding:16px 38px;display:grid;align-items:center;grid-template-columns:48px 1fr;color:#3e6570}.collection-v2-caught-empty svg{grid-row:1/3;width:36px}.collection-v2-caught-empty strong{font-size:.8rem}.collection-v2-caught-empty span{font-size:.6rem}
.collection-v2-missing{grid-column:1/-1;padding:20px 0 18px;background:linear-gradient(180deg,rgba(9,61,73,.25),rgba(7,52,64,.38))}.collection-v2-missing>header small,.collection-v2-missing>header h3{color:#f4fff8;text-shadow:0 2px 12px rgba(3,36,46,.65)}.collection-v2-missing>header>b{color:#fff0a5;font-size:.68rem}
.collection-v2-missing>div{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:stretch;gap:11px;padding:0 30px 0 38px}.collection-v2-missing button{min-width:0;padding:0;border:0;color:#f7fffb;background:transparent;text-align:left;transition:transform .22s ease,filter .22s ease}.collection-v2-missing button:is(:hover,:focus-visible){outline:0;filter:drop-shadow(0 16px 18px rgba(1,32,42,.32));transform:translateY(-5px)}
.collection-v2-missing button>i{position:relative;height:92px;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.72);clip-path:polygon(6% 0,100% 7%,92% 100%,0 88%);background:rgba(7,45,59,.36)}.collection-v2-missing button.is-lead>i{height:124px;clip-path:polygon(0 8%,94% 0,100% 90%,8% 100%)}.collection-v2-missing button>i img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) brightness(.9)}.collection-v2-missing button>i svg{width:35%;height:35%;margin:27% 32%;opacity:.85}.collection-v2-missing button>i>b{position:absolute;right:7px;bottom:7px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#214f59;background:#fff2ac;font-size:.68rem}
.collection-v2-missing button>span{display:block;padding:7px 4px 0;text-shadow:0 2px 10px rgba(2,34,45,.8)}.collection-v2-missing small{display:block;color:#fff0a0;font-size:.51rem;font-weight:950;letter-spacing:.08em}.collection-v2-missing strong{display:block;margin-top:2px;color:#fff;font-size:.76rem}.collection-v2-missing em{display:block;margin-top:2px;overflow:hidden;color:rgba(247,255,250,.82);font-size:.55rem;font-style:italic;text-overflow:ellipsis;white-space:nowrap}
.collection-v2-habitat>footer{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:17px 24px 19px 38px;border-top:1px solid rgba(255,255,255,.38);background:linear-gradient(90deg,rgba(7,56,68,.88),rgba(10,71,79,.78));backdrop-filter:blur(8px)}.collection-v2-habitat>footer>span{min-width:0;display:grid}.collection-v2-habitat>footer small{color:#fff0a4}.collection-v2-habitat>footer b{margin-top:3px;color:#fff;font-size:.86rem}.collection-v2-habitat>footer em{margin-top:3px;overflow:hidden;color:rgba(247,255,250,.9);font-size:.64rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.collection-v2-habitat>footer button{min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.82);border-radius:0;color:#174c58;background:rgba(246,255,248,.96);box-shadow:7px 7px 0 color-mix(in srgb,var(--gap-tone) 60%,rgba(255,228,115,.7));font-size:.7rem;font-weight:950;transition:transform .2s ease,box-shadow .2s ease}.collection-v2-habitat>footer button:is(:hover,:focus-visible){outline:2px solid white;outline-offset:3px;transform:translate(-2px,-2px);box-shadow:10px 10px 0 color-mix(in srgb,var(--gap-tone) 65%,rgba(255,228,115,.8))}
.collection-v2-habitat-complete{display:grid;justify-items:center;color:white;text-align:center}.collection-v2-habitat-complete svg{width:52px}.collection-v2-habitat-complete strong{margin-top:9px}
.collection-v2-world-portals{width:min(100%,900px);margin:34px auto 0}.collection-v2-world-portals>header{margin-bottom:13px}.collection-v2-world-portals>header small{color:#16845e;font-size:.61rem;font-weight:950;letter-spacing:.14em}.collection-v2-world-portals>header h3{margin:4px 0 0;color:#234e5d;font-size:1.05rem}.collection-v2-world-portals>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(47,111,123,.16)}
.collection-v2-world-portals button{position:relative;min-height:136px;padding:13px;display:grid;grid-template-columns:42px minmax(0,1fr);align-content:end;gap:9px;border:0;color:#fff;background:#267d92;overflow:hidden;text-align:left;isolation:isolate;transition:transform .22s ease,filter .22s ease}.collection-v2-world-portals button:is(:hover,:focus-visible){z-index:2;outline:3px solid #fff;outline-offset:-3px;filter:saturate(1.18);transform:scale(1.025)}.collection-v2-portal-world{position:absolute;z-index:-2;inset:-8px;background:linear-gradient(180deg,rgba(7,57,67,.05),rgba(5,47,57,.78)),var(--portal-world) center/cover no-repeat;transform:scale(1.04);transition:transform .35s ease}.collection-v2-world-portals button:is(:hover,:focus-visible) .collection-v2-portal-world{transform:scale(1.1)}.collection-v2-world-portals button::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,color-mix(in srgb,var(--gap-tone) 18%,transparent),transparent 65%)}
.collection-v2-portal-sigil{width:40px;height:40px;display:grid;place-items:center;align-self:end;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(8,58,70,.52);backdrop-filter:blur(5px)}.collection-v2-portal-sigil svg{width:22px;height:22px}.collection-v2-portal-copy{align-self:end;min-width:0;text-shadow:0 2px 11px rgba(3,32,42,.85)}.collection-v2-portal-copy small{display:block;color:#fff1a4;font-size:.53rem;font-weight:950;letter-spacing:.07em}.collection-v2-portal-copy b{display:block;margin-top:2px;font-size:.82rem}.collection-v2-portal-copy em{display:block;margin-top:2px;font-size:.6rem;font-style:normal}.collection-v2-portal-progress{position:absolute;top:10px;right:10px;width:38px;height:38px;padding:3px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#fff1a0 var(--gap-progress),rgba(255,255,255,.28) 0)}.collection-v2-portal-progress::before{content:'';grid-area:1/1;width:30px;height:30px;border-radius:50%;background:rgba(9,62,73,.76)}.collection-v2-portal-progress b{position:relative;grid-area:1/1;font-size:.51rem}
@keyframes habitat-mote{0%,100%{opacity:.35;transform:translate3d(0,4px,0) scale(.75)}50%{opacity:1;transform:translate3d(0,-6px,0) scale(1.1)}}

.collection-v2-empty { min-height: 430px; padding: 70px 28px; display: grid; justify-items: center; align-content: start; text-align: center; background: linear-gradient(180deg, rgba(232, 249, 252, .55), rgba(255, 249, 233, .96)); }
.collection-v2-empty > span { width: 86px; height: 86px; display: grid; place-items: center; border-radius: 50%; color: #3c8f72; background: rgba(255, 255, 255, .66); box-shadow: 0 12px 32px rgba(37, 90, 109, .12); }
.collection-v2-empty > span svg { width: 42px; height: 42px; }.collection-v2-empty small { margin-top: 18px; color: #16875f; font-size: .52rem; font-weight: 900; letter-spacing: .13em; }.collection-v2-empty h2 { margin: 4px 0 0; font-size: 1.35rem; }.collection-v2-empty p { margin: 8px 0 0; color: #627f8b; font-size: .7rem; line-height: 1.45; }.collection-v2-empty button { margin-top: 18px; padding: 10px 15px; border: 0; border-radius: 18px 7px 18px 7px; color: #6a430c; background: linear-gradient(145deg, #ffe47a, #ffb43b); box-shadow: 0 10px 24px rgba(216, 129, 22, .22); font-size: .65rem; font-weight: 900; }

.collection-v2-filter-fab { position:fixed; z-index:80; right:max(14px,env(safe-area-inset-right)); bottom:calc(82px + env(safe-area-inset-bottom)); width:58px; height:58px; padding:7px 5px 5px; display:grid; place-items:center; align-content:center; gap:1px; border:1px solid rgba(255,255,255,.82); border-radius:50%; color:#215d70; background:rgba(244,253,250,.82); box-shadow:0 12px 30px rgba(27,75,92,.22),inset 0 1px 0 white; backdrop-filter:blur(18px) saturate(1.15); transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease; }
.collection-v2-filter-fab:is(:hover,:focus-visible) { outline:0; transform:translateY(-3px); box-shadow:0 16px 35px rgba(27,75,92,.27),0 0 0 4px rgba(255,218,93,.24),inset 0 1px 0 white; }
.collection-v2-filter-fab > span { width:21px; height:15px; display:grid; align-content:space-between; color:#188566; }.collection-v2-filter-fab > span i { position:relative; display:block; height:1px; background:currentColor; }.collection-v2-filter-fab > span i::after { content:''; position:absolute; top:50%; width:5px; height:5px; border:1px solid currentColor; border-radius:50%; background:#f3fcf8; transform:translateY(-50%); }.collection-v2-filter-fab > span i:nth-child(1)::after { left:3px; }.collection-v2-filter-fab > span i:nth-child(2)::after { right:3px; }.collection-v2-filter-fab > span i:nth-child(3)::after { left:9px; }
.collection-v2-filter-fab small { color:#356778; font-size:.39rem; font-weight:950; letter-spacing:.03em; text-transform:uppercase; }.collection-v2-filter-fab > b { position:absolute; top:-2px; right:-1px; min-width:19px; height:19px; padding:0 4px; display:grid; place-content:center; border:2px solid #effbf6; border-radius:999px; color:#fff; background:#ee8d24; box-shadow:0 4px 10px rgba(178,92,16,.24); font-size:.42rem; }
body.karte-vorn .collection-v2-filter-fab { display:none; }

.collection-v2-filter-layer { position: fixed; z-index: 250; inset: 0; display: grid; align-items: end; justify-items: center; padding: 12px; }
.collection-v2-filter-backdrop { position: absolute; inset: 0; border: 0; background: rgba(22, 61, 77, .26); backdrop-filter: blur(4px) saturate(.85); }
.collection-v2-filter-panel { position: relative; z-index: 1; width: min(100%, 590px); max-height: min(82dvh, 650px); padding-bottom: calc(8px + env(safe-area-inset-bottom)); overflow-y: auto; border: 1px solid rgba(255,255,255,.76); border-radius: 28px 11px 28px 11px; color: var(--lumi-ink); background: radial-gradient(circle at 90% 0, rgba(255, 215, 105, .29), transparent 25%), rgba(241, 251, 247, .91); box-shadow: 0 24px 75px rgba(24, 62, 78, .28), inset 0 1px 0 white; backdrop-filter: blur(25px) saturate(1.18); animation: filter-arrive .25s cubic-bezier(.2,.76,.2,1); }
.collection-v2-filter-panel header { position: sticky; z-index: 3; top: 0; min-height: 66px; padding: 12px 14px 10px; display: flex; align-items: center; justify-content: space-between; background: linear-gradient(180deg, rgba(243,252,248,.98), rgba(243,252,248,.8)); backdrop-filter: blur(17px); }
.collection-v2-filter-panel header::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 0; height: 1px; background: linear-gradient(90deg, #3aaa7c, rgba(54,133,164,.15), transparent); }.collection-v2-filter-panel header small { color: #16835d; font-size: .44rem; font-weight: 950; letter-spacing: .14em; }.collection-v2-filter-panel header h2 { margin: 2px 0 0; font-size: 1.05rem; }.collection-v2-filter-panel header button { width: 40px; height: 40px; flex: 0 0 auto; border: 0; border-radius: 50%; color: #37697c; background: rgba(255,255,255,.56); box-shadow: 0 6px 18px rgba(39,82,98,.1); font-size: 1.08rem; }
.collection-v2-search-rail { margin: 13px 15px 4px; min-height: 50px; padding: 4px 4px 4px 13px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; border-radius: 999px; background: rgba(255,255,255,.58); box-shadow: inset 0 0 0 1px rgba(36,113,139,.12), 0 9px 24px rgba(38,86,103,.08); }.collection-v2-search-rail label span { display: grid; grid-template-columns: 21px minmax(0,1fr); align-items: center; gap: 7px; }.collection-v2-search-rail svg { width: 20px; height: 20px; color: #2e9c72; }.collection-v2-search-rail input { width: 100%; min-width: 0; height: 40px; border: 0; outline: 0; color: var(--lumi-ink); background: transparent; font-size: .67rem; }.collection-v2-search-rail button { min-height: 42px; padding: 0 17px; border: 0; border-radius: 999px; color: #65410f; background: linear-gradient(145deg, #ffe681, #ffbb45); font-size: .59rem; font-weight: 900; }
.collection-v2-filter-grid { padding: 6px 14px 9px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 13px; }
.collection-v2-filter-axis { min-width: 0; padding: 0; border: 0; }.collection-v2-filter-axis legend,.collection-v2-filter-sort > span { margin-bottom: 6px; color: #3d6879; font-size: .48rem; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }.collection-v2-filter-axis > div { display: flex; flex-wrap: wrap; gap: 5px; }
.collection-v2-filter-axis button { position: relative; min-height: 34px; padding: 0 9px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid transparent; border-radius: 999px; color: #557482; background: rgba(255,255,255,.4); font-size: .49rem; font-weight: 800; }.collection-v2-filter-axis button[aria-pressed="true"] { color: #175f48; border-color: rgba(43,155,105,.16); background: rgba(226,249,231,.82); box-shadow: 0 5px 13px rgba(35,87,101,.08); }.collection-v2-filter-axis button svg { width: 16px; height: 16px; }
.collection-v2-filter-axis.groups { grid-column: 1 / -1; }.collection-v2-filter-axis.groups > div { flex-wrap: nowrap; padding-bottom: 2px; overflow-x: auto; scrollbar-width: none; }.collection-v2-filter-axis.groups button { flex: 0 0 auto; }.collection-v2-filter-axis.groups button:first-child { padding-inline: 11px; }
.collection-v2-filter-axis.rarity button i { width: 9px; height: 9px; border-radius: 50%; background: var(--filter-tone); box-shadow: 0 0 10px color-mix(in srgb, var(--filter-tone) 44%, transparent); }
.collection-v2-filter-axis.finish button i { width: 10px; height: 10px; border: 1px solid rgba(51,109,129,.17); border-radius: 50% 22% 50% 22%; background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(76,190,222,.25), rgba(255,188,64,.34)); transform: rotate(18deg); }
.collection-v2-filter-sort { display: grid; align-content: end; }.collection-v2-filter-sort select { width: 100%; min-height: 38px; padding: 0 31px 0 11px; border: 1px solid rgba(40,112,137,.13); border-radius: 15px 5px 15px 5px; outline: 0; color: #315f72; background: rgba(255,255,255,.55); font-size: .53rem; font-weight: 800; }
.collection-v2-filter-panel footer { position: sticky; z-index: 3; bottom: 0; min-height: 61px; padding: 8px 12px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 6px; background: linear-gradient(0deg, rgba(243,252,248,.99), rgba(243,252,248,.87)); backdrop-filter: blur(16px); }.collection-v2-filter-panel footer > span b { display: block; color: #16835d; font-size: .95rem; }.collection-v2-filter-panel footer > span small { display: block; color: #6b828e; font-size: .42rem; }.collection-v2-filter-panel footer button { min-height: 40px; padding: 0 10px; border: 0; border-radius: 999px; color: #55727f; background: transparent; font-size: .49rem; font-weight: 900; }.collection-v2-filter-panel footer button:last-child { padding-inline: 14px; color: #65400c; background: linear-gradient(145deg,#ffe47d,#ffb73e); box-shadow: 0 7px 17px rgba(205,128,22,.16); }.collection-v2-filter-panel footer button i { font-style: normal; }

body.collection-v2-live .bottom-nav { border-top-color: rgba(31, 87, 111, .13); background: rgba(247, 252, 249, .92); box-shadow: 0 -9px 28px rgba(28, 72, 90, .12); backdrop-filter: blur(17px); }
body.collection-v2-live .bottom-nav .nav-item { color: #4c6a76; }
body.collection-v2-live .bottom-nav .nav-item.active { color: #0e6f50; }

/* --------------------------------------------------------------------------
   ANMELDUNG + SCAN-ERGEBNIS V2

   Beide Flaechen sind Uebergaenge, keine Dashboards. Die Anmeldung zeigt
   genau zwei echte Wege (synchronisieren oder vorhandenen lokalen Stand
   benutzen); das Ergebnis zeigt zuerst die Entscheidung und erst danach die
   technischen Messwerte. Scanner und Klassifikation bleiben unangetastet.
---------------------------------------------------------------------------- */
.auth-gate.auth-gate-v2 {
  isolation: isolate;
  grid-template-columns: minmax(190px, .78fr) minmax(300px, 520px);
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: clamp(20px, 5vw, 80px);
  padding: max(28px, env(safe-area-inset-top)) clamp(22px, 6vw, 92px)
    max(20px, env(safe-area-inset-bottom));
  overflow-y: auto;
  color: #173e4e;
  background:
    linear-gradient(90deg, rgba(226,248,250,.46), rgba(239,251,245,.88) 54%, rgba(249,252,238,.96)),
    url('/assets/worlds/wildtrack-luminous-world-v1.webp') 50% 48% / cover no-repeat,
    #dff4f8;
}
.auth-gate.auth-gate-v2::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 22% 24%, rgba(255,244,161,.7), transparent 18%),
    linear-gradient(110deg, transparent 0 44%, rgba(255,255,255,.25) 48%, transparent 54%);
  mix-blend-mode: screen;
  animation: auth-v2-light 10s ease-in-out infinite alternate;
}
.auth-gate-v2 .gate-scene { position: relative; min-height: min(58vh, 560px); }
.auth-gate-v2 .gate-scene::before,
.auth-gate-v2 .gate-scene::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(23,132,98,.2);
}
.auth-gate-v2 .gate-scene::before { width: min(34vw, 430px); aspect-ratio: 1; }
.auth-gate-v2 .gate-scene::after { width: min(24vw, 300px); aspect-ratio: 1; border-color: rgba(255,189,63,.35); }
.auth-gate-v2 .gate-art { width: min(30vw, 300px); height: min(30vw, 300px); filter: drop-shadow(0 18px 28px rgba(35,92,104,.17)); }
.auth-gate-v2 .gate-art-frame { stroke: #fff; opacity: .88; }
.auth-gate-v2 .gate-art-paw { fill: #f6c74e; }
.auth-gate-v2 .gate-art-pulse { stroke: #188b66; }
.auth-gate-v2 .auth-gate-inner { width: min(520px,100%); gap: 0; color: #173e4e; }
.gate-v2-heading { padding-left: clamp(0px, 2vw, 26px); border-left: 1px solid rgba(28,129,103,.24); }
.auth-gate-v2 .brand-mark { color: #16815f; font-size: .6rem; letter-spacing: .18em; }
.auth-gate-v2 h1 { margin-top: 8px; color: #173e4e; font-size: clamp(2.55rem, 5.5vw, 5.4rem); line-height: .88; letter-spacing: -.065em; }
.auth-gate-v2 .gate-lead { max-width: 440px; margin-top: 14px; color: #567985; font-size: clamp(.78rem,1.2vw,.96rem); line-height: 1.52; }
.auth-gate-v2 .gate-checking { margin-top: 24px; color: #3f7180; }
.auth-gate-v2 .gate-spinner { border-color: rgba(23,133,97,.2); border-top-color: #188b66; }
.gate-v2-actions { margin-top: clamp(22px,4vh,38px); display: grid; }
.auth-gate-v2 .account-button,
.auth-gate-v2 .gate-offline {
  position: relative;
  width: 100%;
  min-height: 70px;
  padding: 10px 40px 10px 4px;
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  border: 0;
  border-bottom: 1px solid rgba(29,100,117,.18);
  border-radius: 0;
  color: #173e4e;
  background: transparent;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  transition: padding .2s ease, background .2s ease;
}
.auth-gate-v2 .account-button { margin-top: 0; }
.auth-gate-v2 .account-button:is(:hover,:focus-visible),
.auth-gate-v2 .gate-offline:is(:hover,:focus-visible) {
  outline: 0;
  padding-left: 10px;
  background: linear-gradient(90deg, rgba(255,255,255,.62), transparent 82%);
}
.auth-gate-v2 .account-button > svg,
.auth-gate-v2 .gate-offline > svg {
  width: 27px;
  height: 27px;
  justify-self: center;
}
.auth-gate-v2 .gate-offline > svg { fill: none; stroke: #16815f; stroke-width: 1.6; stroke-linecap: round; }
.auth-gate-v2 .account-button > span,
.auth-gate-v2 .gate-offline > span { display: grid; gap: 3px; }
.auth-gate-v2 .account-button strong,
.auth-gate-v2 .gate-offline strong { font-size: .77rem; }
.auth-gate-v2 .account-button small,
.auth-gate-v2 .gate-offline small { color: #66838e; font-size: .55rem; line-height: 1.35; }
.auth-gate-v2 .account-button > b,
.auth-gate-v2 .gate-offline > b { color: #dc8b20; font-size: 1rem; }
.auth-gate-v2 .gate-offline[hidden] { display: none; }
.auth-gate-v2 .gate-retry {
  justify-self: start;
  min-height: 38px;
  margin-top: 10px;
  padding: 0;
  border: 0;
  color: #4d7582;
  background: transparent;
  font-size: .58rem;
  font-weight: 850;
  cursor: pointer;
}
.auth-gate-v2 .gate-retry:is(:hover,:focus-visible) { outline: 0; color: #16815f; text-decoration: underline; text-underline-offset: 4px; }
.auth-gate-v2 .gate-apk-download {
  min-height:54px; margin-top:10px; padding:8px 0; display:grid;
  grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:10px;
  border-top:1px solid rgba(29,100,117,.14); color:#24596a; text-decoration:none;
}
.auth-gate-v2 .gate-apk-download[hidden] { display:none; }
.auth-gate-v2 .gate-apk-download>svg { width:24px; height:24px; justify-self:center; fill:none; stroke:#16815f; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.auth-gate-v2 .gate-apk-download>span { display:grid; gap:3px; }
.auth-gate-v2 .gate-apk-download strong { color:#173e4e; font-size:.7rem; }
.auth-gate-v2 .gate-apk-download small { color:#66838e; font-size:.52rem; line-height:1.35; }
.auth-gate-v2 .gate-apk-download>b { color:#dc8b20; font-size:1rem; }
.auth-gate-v2 .gate-apk-download:is(:hover,:focus-visible) { outline:0; background:linear-gradient(90deg,rgba(255,255,255,.6),transparent 82%); }
.auth-gate-v2 .auth-gate-hint { margin-top: 10px; color: #9b5d1c; font-size: .62rem; }
.auth-gate-v2 .gate-waiting { margin-top: 12px; color: #4d7582; }
.auth-gate-v2 .gate-code { margin-top: 14px; padding-top: 13px; border-top-color: rgba(29,100,117,.16); color: #4d7582; }
.auth-gate-v2 .gate-code summary { list-style: none; color: #346879; font-size: .58rem; font-weight: 850; cursor: pointer; }
.auth-gate-v2 .gate-code summary::-webkit-details-marker { display: none; }
.auth-gate-v2 .gate-code summary::after { content: ' +'; color: #da8a20; }
.auth-gate-v2 .gate-code[open] summary::after { content: ' −'; }
.auth-gate-v2 .gate-code-help { margin-top: 12px; color: #66838e !important; }
.auth-gate-v2 .gate-code-row input { border-color: rgba(35,105,122,.2); color: #173e4e; background: rgba(255,255,255,.5); }
.auth-gate-v2 .gate-code-row input:focus { border-color: #168b66; }
.auth-gate-v2 .ghost-button { border-color: rgba(29,100,117,.22); color: #24596a; }
.auth-gate-v2 .gate-legal { grid-column: 2; width: min(520px,100%); margin: 12px 0 0; color: #6d8790 !important; text-align: left; }
.auth-gate-v2.is-checking .gate-v2-actions,
.auth-gate-v2.is-checking .gate-code,
.auth-gate-v2.is-checking .gate-legal { visibility: hidden; }

body.result-v2-live { --result-tone: #0d5843; --result-warm: #ffc555; }
body.result-v2-live .app-shell { background: #dff4f8; }
.result-v2 { color: #173e4e; background: #dff4f8; }
.result-v2 .result-hero { min-height: clamp(330px, 49dvh, 590px); background: #9bd7e7; }
.result-v2 .result-hero img { height: clamp(360px, 54dvh, 640px); min-height: 0; filter: saturate(1.08) contrast(.98); }
.result-v2 .result-gradient {
  background:
    linear-gradient(180deg, rgba(13,60,76,.2), transparent 27%, rgba(18,69,82,.08) 52%, rgba(221,245,247,.96) 100%),
    radial-gradient(circle at 72% 18%, rgba(255,238,139,.32), transparent 23%);
}
.result-v2 .back-button {
  top: calc(16px + env(safe-area-inset-top));
  width: auto;
  min-width: 96px;
  padding: 0 14px;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 18px 7px 18px 7px;
  color: #174759;
  background: rgba(242,251,247,.73);
  box-shadow: 0 10px 25px rgba(27,75,91,.15);
  backdrop-filter: blur(16px);
}
.result-v2 .back-button::after { content: 'Scanner'; font-size: .52rem; font-weight: 900; letter-spacing: .04em; }
.result-v2 .back-button svg { width: 17px; }
.result-v2-title { bottom: 20px; color: #173e4e; }
.result-v2-title span { color: var(--result-tone); }
.result-v2-title #resultStatus[data-verdict="retry"] { color: #a56b17; }
.result-v2-title #resultStatus[data-verdict="rejected"] { color: #b95446; }
.result-v2-title h1 { max-width: 760px; color: #173e4e; text-wrap: balance; }
.result-v2-title em { color: #365d6b; }
.result-v2-title .result-notice {
  max-width: 640px;
  margin-top: 12px;
  padding: 10px 14px;
  border: 0;
  border-left: 3px solid #ffc555;
  border-radius: 0 10px 10px 0;
  color: #fff4c7;
  background: linear-gradient(90deg, rgba(18,56,55,.82), rgba(18,56,55,.42));
  box-shadow: none;
  backdrop-filter: blur(12px);
}
.result-v2-title .result-notice.hard { border-left-color: #ff8b76; color: #ffe1d9; background: linear-gradient(90deg, rgba(73,41,42,.85), rgba(73,41,42,.43)); }
.result-v2-body {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 12px clamp(18px,4vw,48px) calc(var(--nav-height) + 38px);
  background:
    linear-gradient(180deg, rgba(225,247,248,.96), rgba(244,250,238,.92)),
    url('/assets/worlds/wildtrack-luminous-world-v1.webp') 50% 100% / cover no-repeat;
}
.result-v2-intro { max-width: 650px; padding: 14px 0 20px; }
.result-v2-kicker { margin: 0; color: var(--result-tone); font-size: .5rem; font-weight: 950; letter-spacing: .16em; }
.result-v2-intro h2 { margin: 5px 0 0; color: #173e4e; font-size: clamp(1.25rem,3vw,2.1rem); line-height: 1; letter-spacing: -.045em; }
.result-v2-intro > p:last-child { max-width: 560px; margin: 8px 0 0; color: #617f89; font-size: .68rem; line-height: 1.45; }
.result-v2-gates { position: relative; padding: 13px 0 25px; border-top: 1px solid rgba(33,109,124,.16); }
.result-v2-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.result-v2 .section-label { margin: 0; color: #3f7180; font-size: .48rem; }
.result-v2-section-head > span { color: #62808a; font-size: .5rem; font-weight: 800; }
.result-v2-gates .plain-list { position: relative; margin-top: 15px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.result-v2-gates .plain-list::before { content: ''; position: absolute; top: 12px; left: 12%; right: 12%; height: 1px; background: linear-gradient(90deg, var(--result-tone), rgba(47,150,153,.28), var(--result-warm)); }
.result-v2-gates .check-row { position: relative; z-index: 1; min-width: 0; padding: 30px 0 0; display: grid; grid-template-columns: minmax(0,1fr); justify-content: start; align-content: start; gap: 4px; border: 0; font-size: .62rem; }
.result-v2-gates .check-row::before { content: ''; position: absolute; top: 6px; left: 0; width: 13px; height: 13px; border: 3px solid rgba(234,249,244,.95); border-radius: 50%; background: var(--result-tone); box-shadow: 0 0 0 1px rgba(29,117,97,.22), 0 4px 10px rgba(25,98,92,.15); }
.result-v2-gates .check-row.weak::before { background: #e38658; box-shadow: 0 0 0 1px rgba(174,84,59,.24); }
.result-v2-gates .check-row span { color: #66818b; font-size: .54rem; line-height: 1.25; }
.result-v2-gates .check-row strong { color: #17475a; font-size: .58rem; line-height: 1.25; text-align: left; overflow-wrap: normal; word-break: normal; }
.result-v2 .result-primary-line { margin: 0; padding: 16px 0; border-block: 1px solid rgba(33,109,124,.16); }
.result-v2 .result-primary-line > div { border-right-color: rgba(33,109,124,.16); }
.result-v2 .result-primary-line span { color: #6c858e; }
.result-v2 .result-primary-line strong { color: #17475a; }
.result-v2-traits,
.result-v2-determination { padding: 20px 0; border-bottom: 1px solid rgba(33,109,124,.14); }
.result-v2 .trait-line > span:not(.werte-zeile) { border: 0; border-radius: 0; color: #245c6d; background: transparent; padding: 3px 10px 3px 0; }
.result-v2 .trait-line > span:not(.werte-zeile)::before { content: '✦'; margin-right: 6px; color: #e49a28; }
.result-v2-determination .plain-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; }
.result-v2-determination .plain-list > div { border-bottom-color: rgba(33,109,124,.12); }
.result-v2-determination .plain-list span { color: #68828b; }
.result-v2-determination .plain-list strong { color: #17475a; }
.result-v2-technical { border-bottom: 1px solid rgba(33,109,124,.14); }
.result-v2-technical[hidden] { display: none; }
.result-v2-technical summary { min-height: 60px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-content: center; gap: 2px 18px; list-style: none; color: #315f70; cursor: pointer; }
.result-v2-technical summary::-webkit-details-marker { display: none; }
.result-v2-technical summary::after { content: '+'; grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #df9024; font-size: 1.1rem; }
.result-v2-technical[open] summary::after { content: '−'; }
.result-v2-technical summary span { font-size: .64rem; font-weight: 900; }
.result-v2-technical summary small { color: #77909a; font-size: .5rem; }
.result-v2-technical .plain-list { padding-bottom: 14px; }
.result-v2-technical .plain-list > div { border-bottom-color: rgba(33,109,124,.1); }
.result-v2-technical .plain-list span { color: #65808a; }
.result-v2-technical .check-track { background: rgba(34,107,120,.1); }
.result-v2-actions { padding-top: 18px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }
.result-v2-actions .primary-bar { min-height: 54px; margin: 0; border-radius: 18px 7px 18px 7px; color: #17434e; background: linear-gradient(135deg,#ffe77d,#ffbd48); box-shadow: 0 10px 24px rgba(206,132,32,.18); }
.result-v2-actions .secondary-bar { width: auto; min-height: 48px; margin: 0; padding-inline: 18px; border: 0; border-radius: 0; color: #47717f; }
.result-v2-actions .secondary-bar:is(:hover,:focus-visible) { outline: 0; color: #16815f; text-decoration: underline; text-underline-offset: 4px; }

@keyframes auth-v2-light { to { transform: translate3d(2.5%,1%,0) scale(1.03); } }
@media (max-width: 700px) {
  .auth-gate.auth-gate-v2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 104px auto auto;
    gap: 6px;
    padding: max(14px,env(safe-area-inset-top)) 20px max(10px,env(safe-area-inset-bottom));
    background:
      linear-gradient(180deg, rgba(220,246,250,.55) 0 22%, rgba(238,250,244,.91) 47%, rgba(248,251,236,.97) 100%),
      url('/assets/worlds/wildtrack-luminous-world-v1.webp') 50% 50% / cover no-repeat,
      #dff4f8;
  }
  .auth-gate-v2 .gate-scene { min-height: 110px; }
  .auth-gate-v2 .gate-scene::before { width: 170px; }
  .auth-gate-v2 .gate-scene::after { width: 112px; }
  .auth-gate-v2 .gate-art { width: 120px; height: 120px; }
  .auth-gate-v2 .gate-art-frame { stroke-width: 5; }
  .gate-v2-heading { padding-left: 13px; border-left-color: rgba(20,111,87,.38); }
  .auth-gate-v2 h1 { font-size: clamp(2.18rem,10.5vw,3.3rem); }
  .auth-gate-v2 .gate-lead { color: #315f6e; }
  .gate-v2-actions { margin-top: 14px; }
  .auth-gate-v2 .account-button,.auth-gate-v2 .gate-offline { min-height: 58px; }
  .auth-gate-v2 .account-button small,.auth-gate-v2 .gate-offline small { color: #4f727d; }
  .auth-gate-v2 .gate-legal { grid-column: 1; margin-top: 4px; color: #4e6f79 !important; }
  .result-v2 .result-hero { min-height: 40dvh; }
  .result-v2 .result-hero img { height: 45dvh; }
  .result-v2-title h1 { font-size: clamp(2.25rem,10vw,3.45rem); }
  .result-v2-body { padding-inline: 18px; }
  .result-v2-determination .plain-list { grid-template-columns: 1fr; }
}
@media (max-height: 720px) and (max-width: 700px) {
  .auth-gate.auth-gate-v2 { grid-template-rows: 72px auto auto; padding-top: max(8px,env(safe-area-inset-top)); }
  .auth-gate-v2 .gate-scene { min-height: 82px; }
  .auth-gate-v2 .gate-art { width: 76px; height: 76px; }
  .auth-gate-v2 h1 { font-size: 2rem; }
  .auth-gate-v2 .gate-lead { margin-top: 8px; }
  .gate-v2-actions { margin-top: 10px; }
  .auth-gate-v2 .account-button,.auth-gate-v2 .gate-offline { min-height: 56px; }
  .auth-gate-v2 .gate-code { margin-top: 8px; padding-top: 8px; }
  .result-v2 .result-hero { min-height: 47dvh; }
  .result-v2 .result-hero img { height: 51dvh; }
}
@media (prefers-reduced-motion: reduce) {
  .auth-gate.auth-gate-v2::before { animation: none; }
  .auth-gate-v2 .account-button,.auth-gate-v2 .gate-offline { transition: none; }
}

/* --------------------------------------------------------------------------
   APP-RAHMEN + HEUTE V2

   Die Startseite ist keine Ansammlung gleich grosser Kacheln mehr. Die echte
   Tagesmechanik liegt als Weg in einer gemeinsamen Tierwelt: Finden, Kiste,
   Begegnung. Zahlen stehen darunter auf einer offenen Messlinie. Der Rahmen
   gilt appweit fuer alle normalen Ansichten; Scanner und Ergebnis bleiben als
   eigene, geschuetzte Buehnen unberuehrt.
---------------------------------------------------------------------------- */
body.luminous-shell-live .app-shell { background: #dff4f8; }
body.luminous-shell-live .bottom-nav {
  left: 50%;
  right: auto;
  bottom: max(7px, env(safe-area-inset-bottom));
  width: min(calc(100% - 16px), 720px);
  height: 68px;
  padding: 6px 8px;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 25px 10px 25px 10px;
  color: #315f70;
  background: rgba(244, 252, 249, .82);
  box-shadow: 0 14px 38px rgba(27,72,88,.2), inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(21px) saturate(1.16);
  backdrop-filter: blur(21px) saturate(1.16);
  transform: translateX(-50%);
}
body.luminous-shell-live .nav-item { color: #4c6a76; }
body.luminous-shell-live .nav-item.active { color: #0e6f50; }
body.luminous-shell-live .nav-item.active::before {
  top: -6px;
  width: 24px;
  height: 3px;
  border-radius: 0 0 5px 5px;
  background: linear-gradient(90deg, #35bd7b, #f5bd43);
}
body.luminous-shell-live .nav-item:focus-visible,
body.luminous-shell-live .nav-scan:focus-visible {
  outline: 2px solid #15966c;
  outline-offset: -2px;
  border-radius: 13px 5px 13px 5px;
}
body.luminous-shell-live .nav-scan { --scan-kreis: 50px; --scan-hub: -9px; }
body.luminous-shell-live .nav-scan::before {
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 18px 7px 18px 7px;
  background: linear-gradient(145deg, #d9ff6a, #9fee33);
  box-shadow: 0 10px 24px rgba(83,151,38,.28), inset 0 1px 0 rgba(255,255,255,.8);
}
body.luminous-shell-live .nav-scan:active::before { transform: translateX(-50%) scale(.94); }

#todayView.heute-v2 {
  --heute-ink: #173b4c;
  --heute-muted: #4d6f7c;
  --heute-green: #17865f;
  --heute-gold: #f2a927;
  position: relative;
  max-width: none;
  min-height: 100dvh;
  padding: 0 0 calc(98px + env(safe-area-inset-bottom));
  overflow: clip;
  color: var(--heute-ink);
  background:
    linear-gradient(180deg, rgba(218,245,255,.42) 0%, rgba(232,249,248,.62) 31%, rgba(247,252,242,.93) 64%, #f7fbef 100%),
    url('/assets/worlds/wildtrack-luminous-world-v1.webp') center top / max(100%, 760px) auto no-repeat,
    linear-gradient(180deg, #78c9f5, #f5f7d9 78%);
}
.heute-v2-welt { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.heute-v2-sonne {
  position: absolute;
  top: 7%;
  left: 53%;
  width: min(43vw, 470px);
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: .48;
  background: radial-gradient(circle, rgba(255,244,157,.83), rgba(255,229,116,.22) 29%, transparent 68%);
  filter: blur(1px);
  transform: translateX(-50%);
  animation: heute-sonne-atmet 7s ease-in-out infinite alternate;
}
.heute-v2-lichtspur {
  position: absolute;
  top: -6%;
  left: 51%;
  width: 17%;
  height: 68%;
  opacity: .26;
  background: linear-gradient(180deg, rgba(255,243,142,0), rgba(255,238,132,.84) 28%, rgba(255,246,189,.18));
  filter: blur(19px);
  transform: translateX(-50%) rotate(1.5deg);
  animation: heute-licht-wandert 9s ease-in-out infinite alternate;
}
.heute-v2-partikel { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #fff4a0; box-shadow: 0 0 12px #fff1a0; animation: heute-funke 5s ease-in-out infinite; }
.heute-v2-partikel.p1 { top: 21%; left: 17%; }.heute-v2-partikel.p2 { top: 12%; right: 18%; animation-delay: -1.7s; }.heute-v2-partikel.p3 { top: 39%; right: 9%; animation-delay: -3.1s; }

.heute-v2-kopf {
  position: relative;
  z-index: 2;
  width: min(100% - 32px, 1500px);
  min-height: 250px;
  margin: 0 auto;
  padding: calc(22px + env(safe-area-inset-top)) 0 30px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: start;
  align-items: start;
  gap: 18px;
}
.heute-v2-gruss { max-width: 620px; }
.heute-v2-meta { display: flex; align-items: center; gap: 11px; }
.heute-v2-meta > p { margin: 0; color: #176f58; font-size: .58rem; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.heute-v2-netz { display: inline-flex; align-items: center; gap: 5px; color: #477583; font-size: .52rem; font-weight: 850; }
.heute-v2-netz i { width: 6px; height: 6px; border-radius: 50%; background: #35b873; box-shadow: 0 0 9px rgba(53,184,115,.72); }
.heute-v2-netz.ist-offline { color: #8a6c38; }.heute-v2-netz.ist-offline i { background: #f0ad36; box-shadow: 0 0 9px rgba(240,173,54,.55); }
.heute-v2-gruss h1 { margin: 12px 0 0; display: grid; line-height: .88; letter-spacing: -.055em; }
.heute-v2-gruss h1 span { font-size: clamp(1.35rem, 4vw, 2.1rem); font-weight: 670; }
.heute-v2-gruss h1 strong { max-width: 100%; overflow: hidden; font-size: clamp(2.25rem, 8vw, 4.8rem); text-overflow: ellipsis; }
.heute-v2-leitsatz { max-width: 470px; margin: 15px 0 0; color: #4c7484; font-size: clamp(.72rem, 1.8vw, .96rem); line-height: 1.45; }
.heute-v2-profil {
  min-width: 78px;
  min-height: 52px;
  padding: 6px 10px;
  display: grid;
  grid-template-columns: 24px auto;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 19px 7px 19px 7px;
  color: #265e70;
  background: rgba(244,252,249,.65);
  box-shadow: 0 10px 28px rgba(31,81,98,.13), inset 0 1px 0 white;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.heute-v2-profil svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.55; }
.heute-v2-profil > span { display: grid; justify-items: start; line-height: 1; }.heute-v2-profil small { color: #4f6c76; font-size: .42rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.heute-v2-profil strong { margin-top: 3px; font-size: .82rem; }
.heute-v2-profil:is(:hover,:focus-visible) { outline: 0; transform: translateY(-2px); box-shadow: 0 14px 32px rgba(31,81,98,.19), 0 0 0 3px rgba(255,215,93,.25); }

.heute-v2-fluss { position: relative; z-index: 2; width: min(100% - 28px, 1500px); margin: -42px auto 0; scroll-margin-top: 12px; }
.heute-v2-kategorien {
  position: sticky; z-index: 12; top: calc(8px + env(safe-area-inset-top));
  width: min(100%,720px); min-height: 62px; margin: 0 auto 24px; padding: 5px;
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2px;
  border: 1px solid rgba(255,255,255,.82); border-radius: 24px 9px 24px 9px;
  background: rgba(244,252,247,.82); box-shadow: 0 13px 34px rgba(24,73,89,.15), inset 0 1px 0 #fff;
  -webkit-backdrop-filter: blur(20px) saturate(1.12); backdrop-filter: blur(20px) saturate(1.12);
}
.heute-v2-kategorien button {
  position: relative; min-width: 0; min-height: 50px; padding: 7px 8px;
  display: grid; grid-template-columns: 20px minmax(0,1fr); align-items: center; gap: 7px;
  border: 0; border-radius: 17px 6px 17px 6px; color: #58747d; background: transparent; text-align: left;
}
.heute-v2-kategorien button::after { content:''; position:absolute; right:11px; bottom:3px; left:11px; height:2px; background:linear-gradient(90deg,#1fa477,#efb73d); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.heute-v2-kategorien button:is(:hover,:focus-visible) { outline: 2px solid rgba(29,132,101,.6); outline-offset: -2px; color: #1d675b; }
.heute-v2-kategorien button.is-active { color: #174f49; background: linear-gradient(145deg,rgba(214,248,227,.82),rgba(255,247,204,.58)); }
.heute-v2-kategorien button.is-active::after { transform:scaleX(1); }
.heute-v2-kategorien button.hat-neues svg { color:#b87811; }
.heute-v2-kategorien svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.heute-v2-kategorien span { min-width:0; display:grid; gap:2px; }
.heute-v2-kategorien small { overflow:hidden; color:#258060; font-size:.39rem; font-weight:950; letter-spacing:.1em; text-overflow:ellipsis; white-space:nowrap; }
.heute-v2-kategorien strong { overflow:hidden; font-size:.59rem; text-overflow:ellipsis; white-space:nowrap; }
.heute-v2-route { position: relative; padding: 22px 0 18px; }
.heute-v2-route > header,
.heute-v2-fortschritt > header,
.heute-v2-freunde .heute-block-kopf { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.heute-v2-route > header p,
.heute-v2-fortschritt > header p,
.heute-v2-freunde .heute-block-kopf p { margin: 0; color: var(--heute-green); font-size: .5rem; font-weight: 950; letter-spacing: .14em; }
.heute-v2-route > header h2,
.heute-v2-fortschritt > header h2,
.heute-v2-freunde .heute-block-kopf h2 { margin: 4px 0 0; font-size: clamp(1.05rem, 2.5vw, 1.55rem); letter-spacing: -.03em; }
.heute-v2-route > header > span { padding-bottom: 2px; color: #587988; font-size: .58rem; font-weight: 800; }
.heute-v2-routefeld { position: relative; height: auto; margin-top: 14px; display:grid; grid-template-columns:1.16fr 1fr 1fr; gap:10px; }
.heute-v2-pfad { display:none; }
.heute-v2-pfad path { fill: none; vector-effect: non-scaling-stroke; }
.heute-v2-pfad-schatten { stroke: rgba(35,103,121,.11); stroke-width: 14; stroke-linecap: round; }
.heute-v2-pfad-linie { stroke: rgba(33,139,99,.5); stroke-width: 1.6; stroke-dasharray: 4 9; stroke-linecap: round; animation: heute-pfad 14s linear infinite; }
.heute-v2-knoten {
  position: relative;
  margin: 0;
  min-height: 76px;
  padding: 11px 14px 11px 11px;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr) 20px;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 25px 9px 25px 9px;
  color: var(--heute-ink);
  background: rgba(246,253,249,.72);
  box-shadow: 0 13px 30px rgba(29,76,93,.15), inset 0 1px 0 white;
  text-align: left;
  -webkit-backdrop-filter: blur(17px) saturate(1.12);
  backdrop-filter: blur(17px) saturate(1.12);
  transition: transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease;
}
.heute-v2-knoten.scan,.heute-v2-knoten.kiste,.heute-v2-knoten.missionen { inset:auto; width:auto; }
.heute-v2-knoten-symbol { position: relative; width: 45px; height: 45px; display: grid; place-items: center; border-radius: 16px 6px 16px 6px; color: #177b5a; background: rgba(216,248,226,.84); }
.heute-v2-knoten.scan .heute-v2-knoten-symbol { color: #69430d; background: linear-gradient(145deg,#fff099,#ffc252); box-shadow: 0 6px 18px rgba(219,141,29,.22); }
.heute-v2-knoten.kiste .heute-v2-knoten-symbol { color: #32748b; background: rgba(218,243,255,.88); }
.heute-v2-knoten.missionen .heute-v2-knoten-symbol { color: #765ac4; background: rgba(234,226,255,.87); }
.heute-v2-knoten-symbol svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.heute-v2-knoten-text { min-width: 0; display: grid; gap: 2px; }
.heute-v2-knoten-text small { color: #258261; font-size: .5rem; font-weight: 950; letter-spacing: .12em; }
.heute-v2-knoten-text strong { overflow: hidden; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.heute-v2-knoten .chest-copy strong { margin: 0; }
.heute-v2-knoten .chest-pulse { display: none; }
.heute-v2-knoten-text em { overflow: hidden; display:-webkit-box; color: #69828d; font-size: .58rem; font-style: normal; line-height: 1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; }
.heute-v2-knoten-pfeil { color: #2d8196; font-size: .9rem; }
.heute-v2-knoten:is(:hover,:focus-visible) { z-index: 4; outline: 0; transform: translateY(-5px); box-shadow: 0 18px 38px rgba(29,76,93,.22), 0 0 0 3px rgba(255,213,78,.25), inset 0 1px 0 white; }
.heute-v2-knoten:disabled { opacity: .74; cursor: default; }.heute-v2-knoten:disabled:is(:hover,:focus-visible) { transform: none; box-shadow: 0 13px 30px rgba(29,76,93,.15), inset 0 1px 0 white; }
.heute-v2-knoten.kiste.ready { border-color: rgba(255,210,86,.72); background: rgba(255,251,226,.8); }
.heute-v2-knoten.ready .chest-visual::after { content:''; position:absolute; inset:-5px; border:1px solid rgba(242,177,50,.55); border-radius:20px 8px 20px 8px; animation: heute-kiste-puls 2.4s ease-out infinite; }

.heute-v2-fortschritt { position: relative; margin-top: 4px; padding: 21px 0 18px; border-top: 1px solid rgba(42,112,132,.17); border-bottom: 1px solid rgba(42,112,132,.12); content-visibility:auto; contain:layout paint style; contain-intrinsic-size:auto 180px; scroll-margin-top:90px; }
.heute-v2-fortschritt > header > button,
.heute-v2-freunde .heute-mehr { min-height: 40px; padding: 0; border: 0; color: #1b6e58; background: transparent; font-size: .58rem; font-weight: 900; }
.heute-v2-fortschritt > header > button span,
.heute-v2-freunde .heute-mehr span { margin-left: 5px; color: var(--heute-gold); font-size: .82rem; }
#todayView .heute-kacheln { margin: 18px 0 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; }
#todayView .heute-kachel { position: relative; min-height: 64px; padding: 8px 14px; display: grid; grid-template-columns: auto 1fr auto; align-items: end; gap: 7px; border: 0; border-right: 1px solid rgba(47,109,127,.15); color: var(--heute-ink); background: transparent; text-align: left; }
#todayView .heute-kachel:last-of-type { border-right: 0; }
#todayView .heute-kachel::before { content:''; position:absolute; left:14px; right:14px; bottom:3px; height:2px; background: linear-gradient(90deg, rgba(37,155,110,.58), transparent); transform: scaleX(0); transform-origin:left; transition: transform .2s ease; }
#todayView .heute-kachel:is(:hover,:focus-visible) { outline:0; background:rgba(255,255,255,.17); }
#todayView .heute-kachel:is(:hover,:focus-visible)::before { transform:scaleX(1); }
#todayView .heute-kachel-zahl { align-self:center; }.heute-kachel-zahl strong { font-size:1.25rem; line-height:1; }.heute-kachel-zahl .einheit { margin-left:2px; color:#718893; font-size:.45rem; font-weight:900; }
#todayView .heute-kachel em { align-self:center; color:#617b87; font-size:.53rem; font-style:normal; font-weight:850; }
#todayView .heute-kachel-weg { align-self:center; color:#3c8898; font-size:.7rem; }
#todayView .heute-kachel.akzent-gold strong { color:#bd7612; }
#todayView .heute-stufenbalken { grid-column:1/-1; min-height:44px; margin:6px 14px 0; padding:5px 0 0; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; border:0; border-radius:0; background:transparent; }
#todayView .heute-stufenbalken-spur { height:4px; overflow:hidden; border-radius:0; background:rgba(42,106,124,.13); }
#todayView .heute-stufenbalken-spur i { display:block; height:100%; border-radius:0; background:linear-gradient(90deg,#31b579,#f3bd48); }
#todayView .heute-stufenbalken span { color:#607b87; font-size:.56rem; letter-spacing:.03em; text-transform:none; }

#todayView .heute-v2-wochenpfad { margin-top: 20px; border: 0; border-bottom: 1px solid rgba(42,112,132,.13); background: transparent; content-visibility:auto; contain:layout paint style; contain-intrinsic-size:auto 90px; scroll-margin-top:90px; }
#todayView .heute-v2-wochenpfad > summary { min-height: 72px; padding: 8px 4px; display:grid; grid-template-columns:45px minmax(0,1fr) auto 20px; align-items:center; gap:10px; list-style:none; color:var(--heute-ink); cursor:pointer; }
#todayView .heute-v2-wochenpfad > summary::-webkit-details-marker { display:none; }
.heute-v2-questzeichen { width:43px; height:43px; display:grid; place-items:center; border-radius:15px 6px 15px 6px; color:#7b5fc4; background:rgba(235,228,255,.68); }
.heute-v2-questzeichen svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; }
.heute-v2-wochenpfad summary > span:nth-child(2) { display:grid; gap:3px; }.heute-v2-wochenpfad summary small { color:#18805e; font-size:.43rem; font-weight:950; letter-spacing:.13em; }.heute-v2-wochenpfad summary strong { font-size:.72rem; }.heute-v2-wochenpfad .fold-value { color:#5d7a87; font-size:.53rem; font-weight:850; }.heute-v2-wochenpfad .fold-value.bereit { color:#ad6a09; }
#todayView .heute-v2-wochenpfad .fold-chevron { width:18px; height:18px; fill:none; stroke:currentColor; transition:transform .2s ease; }.heute-v2-wochenpfad[open] .fold-chevron { transform:rotate(90deg); }
#todayView .heute-v2-wochenpfad .fold-body { padding:0 4px 16px 55px; }.heute-v2-wochenpfad .fold-note { color:#6a828d; font-size:.5rem; }.heute-v2-wochenpfad .quest-list { display:grid; gap:7px; }

#todayView .heute-v2-freunde { margin-top: 30px; content-visibility:auto; contain:layout paint style; contain-intrinsic-size:auto 420px; scroll-margin-top:90px; }
.heute-v2-freunde .heute-block-kopf > div > span { display:block; margin-top:4px; color:#63808b; font-size:.58rem; }
/* Der Freunde-Feed folgt dem natuerlichen vertikalen Seitenfluss. Eine Karte
   pro Zeile: kein verborgenes Horizontalwischen, Fangzeit und Profil bleiben
   beim Scrollen direkt an der zugehoerigen physischen Karte. */
#todayView .heute-feed {
  position:relative; margin:16px 0 0; padding:3px 0 18px; display:grid; grid-template-columns:1fr;
  gap:clamp(16px,3vw,26px); overflow:visible; background:transparent;
}
#todayView .heute-fund {
  position:relative; min-width:0; min-height:310px; padding:11px clamp(13px,3vw,20px) 18px;
  display:grid; grid-template-columns:minmax(166px,.72fr) minmax(0,1fr); grid-template-rows:auto 1fr; align-content:start; column-gap:clamp(14px,3vw,28px);
  overflow:hidden; isolation:isolate; border:0;
  border:1px solid color-mix(in srgb,var(--heute-fund-akzent) 28%,rgba(255,255,255,.68)); border-radius:32px 11px 32px 11px;
  color:var(--heute-ink); background:#eaf7f1; font:inherit; text-align:left; cursor:pointer;
  box-shadow:0 18px 42px rgba(25,75,88,.14),inset 0 1px 0 rgba(255,255,255,.85);
  content-visibility:auto; contain:layout paint style; contain-intrinsic-size:auto 330px;
}
.heute-fund::before {
  content:''; position:absolute; z-index:-2; inset:0;
  background:var(--heute-fund-welt) 50% 45% / cover no-repeat;
  filter:saturate(.93) brightness(1.04);
  transform:scale(1.02);
}
/* Eine einzige Leseschicht ueber derselben Landschaft: oben bleibt die Welt
   offen, hinter Karte und Fangdaten wird sie nur zunehmend ruhiger. Es gibt
   bewusst keinen neuen Kasten und keine harte blaue Schnittkante. */
.heute-fund::after {
  content:''; position:absolute; z-index:-1; inset:0;
  background:
    linear-gradient(180deg,rgba(225,247,249,.08) 0%,rgba(225,247,249,.16) 46%,rgba(235,249,243,.78) 100%),
    linear-gradient(90deg,rgba(236,250,246,.14),rgba(239,250,244,.28) 46%,rgba(247,251,239,.82) 100%);
}
.heute-fund-sozial { grid-column:1/-1; min-height:42px; display:grid; grid-template-columns:30px minmax(0,1fr) 20px; align-items:center; gap:8px; }
.heute-fund-sozial > i { width:28px; height:28px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.88); border-radius:50%; color:#176b58; background:rgba(236,250,241,.72); box-shadow:0 5px 15px rgba(33,80,92,.12); font-size:.54rem; font-style:normal; font-weight:950; }
.heute-fund-sozial > span { min-width:0; display:flex; align-items:baseline; gap:5px; overflow:hidden; }
.heute-fund-sozial small { overflow:hidden; color:#1a745d; font-size:.49rem; font-weight:950; text-overflow:ellipsis; white-space:nowrap; }
.heute-fund-sozial em { flex:none; color:#728991; font-size:.45rem; font-style:normal; }
.heute-fund-sozial > b { color:#3b8191; font-size:.67rem; transition:transform .18s ease; }
.heute-fund-buehne { grid-column:1; position:relative; min-height:244px; display:grid; place-items:center; isolation:isolate; }
.heute-fund-buehne::before { content:''; position:absolute; z-index:-1; width:78%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--heute-fund-akzent) 20%,rgba(255,255,255,.62)),transparent 67%); filter:blur(8px); }
.heute-fund-buehne > .karte { width:min(100%,166px) !important; filter:drop-shadow(0 14px 14px rgba(23,58,67,.25)); transition:translate .24s cubic-bezier(.2,.8,.2,1),filter .24s ease; }
.heute-fund-foto,.heute-fund-ersatz { width:182px; aspect-ratio:.68; display:block; object-fit:cover; border:3px solid var(--heute-fund-akzent); box-shadow:0 15px 28px rgba(26,67,78,.2); }
.heute-fund-ersatz { display:grid; place-items:center; color:#176a57; background:rgba(235,250,241,.76); font-size:2rem; font-weight:950; }
.heute-fund-profil {
  grid-column:2; position:relative; align-self:center; margin:0 -2px; padding:13px 2px 0; display:grid; gap:11px;
  text-shadow:0 1px 11px rgba(255,255,255,.92);
}
.heute-fund-profil::before {
  content:''; position:absolute; inset:0 -12px -16px; z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(238,250,244,.38) 20%,rgba(248,251,236,.7));
  -webkit-backdrop-filter:blur(5px) saturate(.86);
  backdrop-filter:blur(5px) saturate(.86);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);
  mask-image:linear-gradient(90deg,transparent,#000 22%);
}
.heute-fund-art { min-width:0; display:grid; gap:1px; }
.heute-fund-art strong { overflow:hidden; font-size:.89rem; letter-spacing:-.02em; text-overflow:ellipsis; white-space:nowrap; }
.heute-fund-art em { overflow:hidden; color:#6c838a; font-size:.51rem; font-style:italic; text-overflow:ellipsis; white-space:nowrap; }
.heute-fund-seltenheit { display:grid; grid-template-columns:.78fr 1.22fr; gap:0; border-top:1px solid rgba(36,104,117,.14); border-bottom:1px solid rgba(36,104,117,.12); }
.heute-fund-seltenheit > span { min-width:0; padding:7px 8px 7px 0; display:grid; gap:3px; }
.heute-fund-seltenheit > span + span { padding-left:9px; border-left:1px solid rgba(36,104,117,.13); }
.heute-fund-seltenheit small { overflow:hidden; color:#6b838b; font-size:.38rem; font-weight:900; letter-spacing:.08em; text-overflow:ellipsis; white-space:nowrap; }
.heute-fund-seltenheit b { overflow:hidden; color:var(--heute-fund-akzent); font-size:.54rem; font-weight:950; text-overflow:ellipsis; white-space:nowrap; }
.heute-fund-aktion { display:grid; grid-template-columns:7px minmax(0,1fr) auto; align-items:center; gap:7px; color:#226e62; font-size:.48rem; font-weight:900; text-transform:uppercase; letter-spacing:.07em; }
.heute-fund-aktion > i { width:6px; height:6px; border-radius:50%; background:var(--heute-fund-akzent); box-shadow:0 0 10px var(--heute-fund-akzent); }
.heute-fund-aktion > b { color:#bd7514; font-size:.72rem; transition:transform .18s ease; }
#todayView .heute-fund:is(:hover,:focus-visible) { outline:2px solid color-mix(in srgb,var(--heute-fund-akzent) 72%,#176b58); outline-offset:3px; border-color:var(--heute-fund-akzent); }
#todayView .heute-fund:is(:hover,:focus-visible) .heute-fund-buehne > .karte { translate:0 -5px; filter:drop-shadow(0 20px 17px rgba(23,58,67,.3)); }
#todayView .heute-fund:is(:hover,:focus-visible) .heute-fund-sozial > b,
#todayView .heute-fund:is(:hover,:focus-visible) .heute-fund-aktion > b { transform:translateX(3px); }

body.today-v2-live #chestReveal { color:var(--heute-ink,#173b4c); }
body.today-v2-live #chestReveal .reveal-backdrop {
  background:
    linear-gradient(180deg,rgba(33,104,141,.23),rgba(237,251,247,.7)),
    url('/assets/worlds/wildtrack-luminous-world-v1.webp') center / cover;
  -webkit-backdrop-filter:blur(9px) saturate(1.06);
  backdrop-filter:blur(9px) saturate(1.06);
}
body.today-v2-live #chestReveal .reveal-backdrop::after {
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 36%,rgba(255,244,159,.72),transparent 32%);
}
body.today-v2-live #chestReveal .reveal-card {
  width:min(88vw,390px);
  padding:30px 24px 24px;
  overflow:visible;
  border:1px solid rgba(255,255,255,.86);
  border-radius:35px 12px 35px 12px;
  color:#173b4c;
  background:rgba(244,252,248,.82);
  box-shadow:0 28px 80px rgba(24,71,90,.28),inset 0 1px 0 white;
  -webkit-backdrop-filter:blur(24px) saturate(1.18);
  backdrop-filter:blur(24px) saturate(1.18);
}
body.today-v2-live #chestReveal .reveal-card::before {
  content:'';
  position:absolute;
  left:22px;
  right:22px;
  top:57px;
  height:1px;
  background:linear-gradient(90deg,transparent,#3ab27b,rgba(242,178,55,.72),transparent);
}
body.today-v2-live #chestReveal .reveal-card::after { border-radius:35px 12px 35px 12px; }
body.today-v2-live #chestReveal .reveal-eyebrow { color:#15825f; font-size:.58rem; font-weight:950; letter-spacing:.18em; }
body.today-v2-live #chestReveal .chest-open-visual { position:relative; width:112px; height:112px; margin:34px auto 22px; border-radius:42px 15px 42px 15px; color:#2b7990; background:linear-gradient(145deg,rgba(218,246,255,.95),rgba(229,249,226,.88)); box-shadow:0 16px 36px rgba(30,87,105,.16),inset 0 1px 0 white; }
body.today-v2-live #chestReveal .chest-open-visual::before { content:''; position:absolute; inset:-10px; border:1px solid color-mix(in srgb,var(--reveal-accent) 55%,transparent); border-radius:48px 18px 48px 18px; animation:heute-kiste-puls 2.4s ease-out infinite; }
body.today-v2-live #chestReveal .chest-open-icon { width:58px; height:58px; color:var(--reveal-accent,#39a978); filter:drop-shadow(0 7px 13px color-mix(in srgb,var(--reveal-accent) 24%,transparent)); }
body.today-v2-live #chestReveal .rarity-meter.on-dark { margin:0; padding:11px 0 13px; border:0; border-top:1px solid rgba(42,112,132,.15); border-bottom:1px solid rgba(42,112,132,.12); border-radius:0; background:transparent; }
body.today-v2-live #chestReveal .rarity-meter.on-dark .rarity-name { color:color-mix(in srgb,var(--tier-accent) 65%,#176b55); }
body.today-v2-live #chestReveal .rarity-meter.on-dark .rarity-odds { color:#67828d; }
body.today-v2-live #chestReveal .rarity-meter.on-dark .rarity-bars i { background:rgba(47,110,128,.12); }
body.today-v2-live #chestReveal .rarity-meter.on-dark .rarity-bars i.on { background:var(--tier-accent,#5ebc82); }
body.today-v2-live #chestReveal .reveal-earnings { margin-top:18px; }
body.today-v2-live #chestReveal .reveal-gems { padding:0; border:0; border-radius:0; color:#b87412; background:transparent; }
body.today-v2-live #chestReveal .reveal-gems svg { width:22px; height:22px; }
body.today-v2-live #chestReveal .reveal-gems strong { font-size:1.2rem; }
body.today-v2-live #chestReveal .reveal-limit-countdown { color:#607d88; font-size:.62rem; }
body.today-v2-live #chestReveal .reveal-continue { min-height:48px; border-radius:18px 7px 18px 7px; color:#5f400d; background:linear-gradient(145deg,#ffe680,#ffbc45); box-shadow:0 10px 24px rgba(208,132,27,.2); }
body.today-v2-live #chestReveal .reveal-continue:focus-visible { outline:2px solid #197d5e; outline-offset:3px; }

@keyframes heute-sonne-atmet { to { opacity:.66; transform:translateX(-50%) scale(1.08); } }
@keyframes heute-licht-wandert { to { left:55%; opacity:.38; transform:translateX(-50%) rotate(-1.5deg); } }
@keyframes heute-funke { 0%,100% { opacity:.2; transform:translateY(8px) scale(.7); } 50% { opacity:1; transform:translateY(-9px) scale(1); } }
@keyframes heute-pfad { to { stroke-dashoffset:-130; } }
@keyframes heute-kiste-puls { 0% { opacity:.8; transform:scale(.86); } 70%,100% { opacity:0; transform:scale(1.15); } }

@media (max-width: 720px) {
  .heute-v2-kopf { width:calc(100% - 28px); min-height:228px; padding-top:calc(18px + env(safe-area-inset-top)); }
  .heute-v2-gruss h1 { margin-top:10px; }.heute-v2-gruss h1 strong { font-size:clamp(2.2rem,12vw,3.2rem); }
  .heute-v2-leitsatz { max-width:290px; margin-top:11px; }
  .heute-v2-profil { min-width:65px; grid-template-columns:20px auto; padding-inline:8px; }.heute-v2-profil svg { width:20px; }
  .heute-v2-fluss { width:calc(100% - 24px); margin-top:-24px; }
  .heute-v2-kategorien { top:calc(6px + env(safe-area-inset-top)); min-height:58px; margin-bottom:17px; border-radius:21px 8px 21px 8px; }
  .heute-v2-kategorien button { min-height:46px; padding:5px 4px; grid-template-columns:1fr; justify-items:center; gap:2px; text-align:center; }
  .heute-v2-kategorien svg { width:18px; height:18px; }
  .heute-v2-kategorien span { justify-items:center; }.heute-v2-kategorien small { display:none; }.heute-v2-kategorien strong { font-size:.52rem; }
  .heute-v2-fortschritt { padding:15px 0 12px; }
  #todayView .heute-kacheln { margin-top:10px; }
  #todayView .heute-kachel { min-height:52px; padding:6px 10px; }
  #todayView .heute-stufenbalken { min-height:36px; margin:8px 10px 0; }
  .heute-v2-route { padding:15px 0 12px; }
  .heute-v2-route > header { align-items:start; }.heute-v2-route > header > span { max-width:130px; padding-top:3px; text-align:right; line-height:1.35; }
  .heute-v2-routefeld { height:auto; margin-top:10px; grid-template-columns:1fr; gap:7px; }
  .heute-v2-knoten.scan,.heute-v2-knoten.kiste,.heute-v2-knoten.missionen { inset:auto; width:100%; }
  .heute-v2-knoten { min-height:78px; }
  .heute-v2-knoten { background:rgba(247,253,249,.94); -webkit-backdrop-filter:none; backdrop-filter:none; }
  .heute-v2-fortschritt { margin-top:0; }
  #todayView .heute-kacheln { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #todayView .heute-kachel { min-height:58px; grid-template-columns:1fr; align-content:center; align-items:center; justify-items:start; gap:3px; border-bottom:0; }
  #todayView .heute-kachel:last-of-type { border-right:0; }
  #todayView .heute-kachel-zahl,#todayView .heute-kachel em { align-self:auto; }
  #todayView .heute-kachel-weg { position:absolute; top:7px; right:7px; font-size:.55rem; }
  #todayView .heute-stufenbalken { margin-top:13px; }
  .heute-v2-freunde .heute-block-kopf { align-items:start; }.heute-v2-freunde .heute-block-kopf > div > span { max-width:225px; line-height:1.35; }
  #todayView .heute-feed { gap:16px; }
  #todayView .heute-fund { min-height:272px; margin-inline:0; padding:10px 13px 15px; grid-template-columns:minmax(132px,.74fr) minmax(0,1fr); column-gap:12px; border-radius:28px 9px 28px 9px; }
  .heute-fund-buehne { min-height:218px; }.heute-fund-buehne > .karte { width:min(100%,142px) !important; }
  .heute-fund-profil { padding-top:9px; gap:8px; }
  .heute-fund-profil::before { inset:-3px -10px -12px -16px; }
  .heute-fund-art strong { font-size:.79rem; }.heute-fund-art em { font-size:.46rem; }
  .heute-fund-seltenheit { grid-template-columns:1fr; }
  .heute-fund-seltenheit > span { padding:6px 0; }
  .heute-fund-seltenheit > span + span { padding-left:0; border-top:1px solid rgba(36,104,117,.13); border-left:0; }
}

@media (max-width: 380px) {
  .heute-v2-kopf { min-height:220px; }.heute-v2-meta { align-items:flex-start; flex-direction:column; gap:4px; }
  .heute-v2-gruss h1 strong { font-size:2.05rem; }.heute-v2-leitsatz { font-size:.64rem; }
  .heute-v2-route > header > span { display:none; }
  .heute-v2-knoten { grid-template-columns:42px minmax(0,1fr) 17px; padding-inline:9px; }.heute-v2-knoten-symbol { width:41px; height:41px; }
  #todayView .heute-v2-wochenpfad > summary { grid-template-columns:42px minmax(0,1fr) 18px; }.heute-v2-wochenpfad .fold-value { display:none; }
  #todayView .heute-fund { grid-template-columns:1fr; grid-template-rows:auto auto auto; }
  .heute-fund-buehne,.heute-fund-profil { grid-column:1; }
  .heute-fund-buehne { min-height:232px; }.heute-fund-buehne > .karte { width:min(100%,156px) !important; }
  .heute-fund-profil::before { background:linear-gradient(180deg,transparent,rgba(238,250,244,.45) 20%,rgba(248,251,236,.75)); -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%); mask-image:linear-gradient(180deg,transparent,#000 22%); }
}

@media (min-width: 900px) {
  .heute-v2-fluss { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr); gap:24px 44px; align-items:start; }
  .heute-v2-kategorien,.heute-v2-fortschritt { grid-column:1/-1; }
  .heute-v2-route { grid-column:1; }.heute-v2-wochenpfad { grid-column:2; grid-row:3; margin-top:22px !important; }.heute-v2-freunde { grid-column:1/-1; }
  #todayView .heute-feed { width:min(100%,800px); margin-inline:auto; }
}

@media (prefers-reduced-motion: reduce) {
  .heute-v2-sonne,.heute-v2-lichtspur,.heute-v2-partikel,.heute-v2-pfad-linie,.heute-v2-knoten.ready .chest-visual::after,body.today-v2-live #chestReveal .chest-open-visual::before { animation:none !important; }
  .heute-v2-knoten,.heute-v2-profil,.heute-fund-buehne>.karte,.heute-fund-sozial>b,.heute-fund-aktion>b { transition:none; }
}

/* --------------------------------------------------------------------------
   KARTENOBSERVATORIUM — dieselbe echte Karte, eine helle V2-Buehne

   Keine Dashboard-Kacheln: Weltasset, Karte und wenige schwebende
   Instrumente bilden eine zusammenhaengende Szene. Die Bedienelemente sind
   reale Produktionsaktionen; Karte, Effekte und Vitrinenraum kommen weiterhin
   aus den gemeinsamen Runtime-Modulen.
---------------------------------------------------------------------------- */
#kartenBuehne.karten-buehne-v2 {
  --buehne-tinte: #17384a;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: max(10px, env(safe-area-inset-top)) 10px calc(14px + env(safe-area-inset-bottom));
  color: var(--buehne-tinte);
  background-image:
    radial-gradient(circle at 50% 29%, rgba(255, 245, 157, .34), transparent 23%),
    linear-gradient(180deg, rgba(222, 246, 255, .08) 0%, rgba(244, 253, 249, .04) 48%, rgba(249, 253, 245, .73) 82%, rgba(246, 252, 247, .96) 100%),
    var(--buehne-welt),
    linear-gradient(180deg, #7ccaff, #f8fbdf);
  background-position: center, center, center, center;
  background-size: cover, cover, cover, cover;
  background-attachment: scroll;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  touch-action: pan-y;
}
#kartenBuehne.karten-buehne-v2::before {
  display: none;
}
.buehne-v2-kopf {
  position: sticky;
  z-index: 18;
  top: 0;
  width: min(100%, 520px);
  min-height: 58px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 52px;
  align-items: center;
  gap: 5px;
}
.buehne-v2-kopf::before {
  content: '';
  position: absolute;
  inset: 3px 49px;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 25px 10px 25px 10px;
  background: rgba(235, 249, 252, .75);
  box-shadow: 0 12px 32px rgba(25, 86, 112, .15), inset 0 1px 0 white;
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
}
.buehne-v2-kopf > span { min-width: 0; padding: 7px 10px; text-align: center; }
.buehne-v2-kopf small { display: block; color: #11845c; font-size: .43rem; font-weight: 900; letter-spacing: .15em; }
.buehne-v2-kopf strong { display: block; overflow: hidden; font-size: .92rem; line-height: 1.05; text-overflow: ellipsis; white-space: nowrap; }
.buehne-v2-kopf em { display: block; margin-top: 2px; color: #6c8793; font-size: .43rem; font-style: normal; }
.buehne-v2-kopf button {
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 50%;
  color: #28667e;
  background: rgba(244, 252, 252, .73);
  box-shadow: 0 9px 24px rgba(30, 82, 104, .15), inset 0 1px 0 white;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
}
.buehne-v2-kopf .buehne-v2-schliessen { font-size: 1.25rem; }
.buehne-v2-ausrichten { display: grid; place-content: center; justify-items: center; gap: 0; }
.buehne-v2-ausrichten svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.buehne-v2-ausrichten span { font-size: .4rem; font-weight: 900; text-transform: uppercase; }

.karten-buehne-v2 .buehne-inhalt {
  position: relative;
  width: min(100%, 520px);
  margin: 4px auto 0;
  padding-bottom: 6px;
  display: grid;
  justify-items: center;
}
.karten-buehne-v2 .buehne-karte { width: min(77vw, 330px); }
.karten-buehne-v2 .buehne-fuss { display: none; }
.karten-buehne-v2 .buehne-hinweis {
  margin-top: 13px;
  padding: 7px 12px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 18px 6px 18px 6px;
  color: #4e7887;
  background: rgba(248, 253, 250, .66);
  box-shadow: 0 7px 20px rgba(37, 88, 106, .09);
  font-size: .45rem;
  letter-spacing: .03em;
  text-transform: none;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.buehne-art-nav {
  position: absolute;
  z-index: 8;
  top: 31%;
  width: 46px;
  height: 72px;
  border: 1px solid rgba(255,255,255,.64);
  border-radius: 50%;
  color: #26718c;
  background: rgba(241, 251, 252, .56);
  box-shadow: 0 11px 28px rgba(31, 85, 106, .12);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-size: 1.55rem;
  transition: transform .2s ease, background .2s ease;
}
.buehne-art-nav:active { transform: scale(.92); background: rgba(255,255,255,.82); }
.buehne-art-nav.vorher { left: -2px; }
.buehne-art-nav.nachher { right: -2px; }
.buehne-exemplare {
  position: relative;
  width: min(64vw, 270px);
  min-height: 44px;
  margin-top: 8px;
  display: grid;
  grid-template-columns: 46px 1fr 46px;
  align-items: center;
  color: #315f72;
}
.buehne-exemplare::before {
  content: '';
  position: absolute;
  width: min(64vw, 270px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(38, 102, 127, .28), transparent);
}
.buehne-exemplare button { z-index: 1; height: 40px; border: 0; color: #29738c; background: transparent; font-size: 1.15rem; }
.buehne-exemplare span { z-index: 1; text-align: center; }
.buehne-exemplare small { display: block; color: #18825d; font-size: .41rem; font-weight: 900; letter-spacing: .14em; }
.buehne-exemplare strong { display: block; font-size: .69rem; }

.buehne-v2-info { width: min(calc(100% - 16px), 450px); margin-top: 12px; }
.buehne-v2-signatur {
  min-height: 56px;
  padding: 0 4px 9px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 12px;
  border-bottom: 1px solid rgba(31, 96, 121, .18);
}
.buehne-v2-signatur > :last-child { text-align: right; }
.buehne-v2-signatur small { display: block; color: #13835b; font-size: .43rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.buehne-v2-signatur strong { display: block; margin-top: 3px; color: #456f7f; font-size: .52rem; font-style: italic; }
.buehne-v2-signatur button { padding: 4px 0; border: 0; background: transparent; font: inherit; }
.buehne-v2-signatur button strong { color: #b06a13; font-style: normal; text-decoration: underline dotted rgba(176,106,19,.35); text-underline-offset: 3px; }
.buehne-v2-meisterschaft {
  position: relative;
  width: 100%;
  min-height: 68px;
  padding: 12px 58px 14px 4px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(31, 96, 121, .18);
  text-align: left;
  color: inherit;
  background: transparent;
}
.buehne-v2-meisterschaft::after { content: ''; position: absolute; left: 4px; bottom: -1px; width: var(--meister); height: 3px; background: linear-gradient(90deg, #36ae75, #ffd04c); box-shadow: 0 0 14px rgba(63, 175, 115, .4); }
.buehne-v2-meisterschaft span small { display: block; color: #16835e; font-size: .43rem; font-weight: 900; letter-spacing: .1em; }
.buehne-v2-meisterschaft span strong { display: block; margin-top: 4px; color: #496f7e; font-size: .57rem; font-weight: 700; }
.buehne-v2-meisterschaft i { position: absolute; right: 4px; top: 8px; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#43b977 var(--meister), rgba(255,255,255,.58) 0); box-shadow: 0 7px 17px rgba(35, 91, 109, .1); }
.buehne-v2-meisterschaft i::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: rgba(244, 252, 247, .94); }
.buehne-v2-meisterschaft i b { position: relative; color: #28705d; font-size: .55rem; }
.buehne-v2-wert {
  position: relative;
  min-height: 76px;
  padding: 12px 42px 12px 4px;
  display: grid;
  grid-template-columns: 94px 1fr;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid rgba(31, 96, 121, .18);
  animation: buehne-wert-ein .24s ease-out both;
}
.buehne-v2-wert[hidden] { display: none; }
.buehne-v2-wert small { color: #d77f19; font-size: .43rem; font-weight: 900; letter-spacing: .12em; }
.buehne-v2-wert strong { display: block; margin-top: 2px; font-size: .82rem; }
.buehne-v2-wert p { margin: 0; color: #557886; font-size: .55rem; line-height: 1.4; }
.buehne-v2-wert button { position: absolute; right: 0; top: 17px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: #557b89; background: rgba(255,255,255,.58); }
.karten-buehne-v2.werte-aktiv .karte:not(.rueck) .kw { border-radius: 2cqw; outline: 1px solid rgba(255, 205, 74, .25); cursor: pointer; }
.karten-buehne-v2.werte-aktiv .karte:not(.rueck) .kw.wert-aktiv { outline-color: #ffe05c; background: rgba(255, 212, 72, .13); box-shadow: 0 0 14px rgba(255, 208, 64, .22); }

.buehne-v2-aktionen {
  position: fixed;
  z-index: 22;
  left: 50%;
  bottom: max(8px, env(safe-area-inset-bottom));
  width: min(calc(100% - 24px), 440px);
  height: 72px;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 35px 13px 35px 13px;
  background: rgba(244, 252, 249, .78);
  box-shadow: 0 16px 42px rgba(27, 79, 99, .2), inset 0 1px 0 white;
  -webkit-backdrop-filter: blur(19px) saturate(1.18);
  backdrop-filter: blur(19px) saturate(1.18);
}
.buehne-v2-aktionen button { height: 64px; border: 0; display: grid; place-content: center; justify-items: center; gap: 2px; color: #3d6f81; background: transparent; }
.buehne-v2-aktionen svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; }
.buehne-v2-aktionen span { font-size: .43rem; font-weight: 900; text-transform: uppercase; }
.buehne-v2-aktionen button:is(:hover, :focus-visible) svg { transform: translateY(-2px) scale(1.06); }
.buehne-v2-aktionen .hauptaktion { align-self: center; width: 62px; height: 62px; margin: -19px auto 0; border: 2px solid rgba(255,255,255,.86); border-radius: 50%; color: #6c470d; background: radial-gradient(circle at 35% 25%, #fff9a0, #ffc04c 62%, #f29c2f); box-shadow: 0 11px 25px rgba(216, 128, 22, .3), inset 0 2px 0 rgba(255,255,255,.65); }
.buehne-v2-aktionen button[aria-pressed="true"] { color: #0d8058; }
body.raum-offen .buehne-v2-info { opacity: 0; pointer-events: none; }
body.karte-vorn { overflow: hidden; }
.buehne-v2-info, .buehne-v2-aktionen, .buehne-v2-kopf { transition: opacity .25s ease; }

/* Feldblatt V2: eine zusammenhaengende Informationsflaeche statt des alten
   Vier-Button-Docks. Die Karte selbst bleibt die Flaeche fuer Drehen,
   Wenden, Werte, Angriffe und den Vitrinenraum. */
.buehne-v2-info {
  --feld-tuerkis: #82e0d0;
  --feld-gold: #ffd16d;
  position: relative;
  width: min(calc(100% - 24px), 460px);
  min-height: 224px;
  margin-top: 8px;
  overflow: hidden;
  isolation: isolate;
  color: #f4fbff;
  background:
    radial-gradient(ellipse 78% 40% at 50% 0, rgba(255, 214, 124, .14), transparent 70%),
    linear-gradient(145deg, rgba(9, 82, 98, .54), rgba(3, 38, 52, .82) 74%);
  border: 1px solid rgba(185, 233, 239, .2);
  border-radius: 30px 10px 34px 13px;
  box-shadow: 0 -9px 28px rgba(12, 78, 96, .08), 0 20px 50px rgba(4, 42, 56, .16), inset 0 1px 0 rgba(232, 252, 250, .12);
  -webkit-backdrop-filter: blur(11px) saturate(1.1);
  backdrop-filter: blur(11px) saturate(1.1);
  text-shadow: 0 2px 10px rgba(0, 20, 29, .72);
}
.buehne-v2-info::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; border-radius: inherit; background: linear-gradient(112deg, rgba(255,255,255,.08), transparent 24% 72%, rgba(126,224,208,.06)); }
.buehne-v2-tabs { position: relative; display: grid; grid-template-columns: repeat(3,1fr); height: 40px; border-bottom: 1px solid rgba(170, 228, 235, .16); }
.buehne-v2-tabs button { position: relative; z-index: 2; min-width: 0; border: 0; color: rgba(206, 230, 236, .62); background: transparent; font-size: .62rem; font-weight: 900; }
.buehne-v2-tabs button[aria-selected="true"] { color: #f8fdff; }
.buehne-v2-tabs button:is(:hover, :focus-visible) { outline: none; color: #fff1bd; }
.buehne-v2-tabs button:focus-visible { text-decoration: underline 2px #ffd475; text-underline-offset: 5px; }
.buehne-v2-tabs > i { position: absolute; left: 8px; bottom: -1px; z-index: 1; width: calc(33.333% - 11px); height: 2px; background: linear-gradient(90deg, transparent, var(--feld-gold) 28%, var(--feld-tuerkis) 72%, transparent); box-shadow: 0 0 12px rgba(255, 208, 107, .36); transition: transform .38s cubic-bezier(.16, 1, .3, 1); }
.buehne-v2-info[data-buehne-detail-view="rarity"] .buehne-v2-tabs > i { transform: translateX(calc(100% + 8px)); }
.buehne-v2-info[data-buehne-detail-view="location"] .buehne-v2-tabs > i { transform: translateX(calc(200% + 16px)); }
.buehne-v2-panel { min-height: 142px; animation: buehne-feldblatt-ein .25s cubic-bezier(.16, 1, .3, 1) both; }
.buehne-v2-panel[hidden] { display: none; }
.buehne-v2-panel.profil { display: grid; grid-template-rows: 34px minmax(55px, 1fr) 53px; }
.buehne-v2-signatur { min-height: 0; padding: 5px 3px 4px; display: flex; align-items: end; justify-content: space-between; gap: 8px; border-bottom-color: rgba(170, 228, 235, .1); }
.buehne-v2-signatur > :last-child { text-align: right; }
.buehne-v2-signatur small { color: #ffe09a; font-size: .34rem; letter-spacing: .1em; }
.buehne-v2-signatur strong { margin-top: 2px; color: #a9c7cf; font-size: .43rem; }
.buehne-v2-signatur button { min-width: 92px; min-height: 30px; padding: 2px 0; color: inherit; }
.buehne-v2-signatur button strong { color: #ffe09a; text-decoration-color: rgba(255, 224, 154, .35); }
.buehne-v2-fundnotiz { position: relative; display: grid; align-content: center; margin: 0; padding: 7px 9px 7px 25px; }
.buehne-v2-fundnotiz::before { content: "“"; position: absolute; left: 2px; top: 8px; color: var(--feld-gold); font-family: Georgia, serif; font-size: 1.55rem; line-height: 1; opacity: .84; }
.buehne-v2-fundnotiz small { color: var(--feld-tuerkis); font-size: .34rem; font-weight: 900; letter-spacing: .13em; }
.buehne-v2-fundnotiz strong { margin-top: 4px; font-size: .52rem; line-height: 1.35; }
.buehne-v2-meisterschaft { min-height: 53px; padding: 5px 3px; display: grid; grid-template-columns: 50px minmax(0, 1fr); align-items: center; gap: 8px; border-top: 1px solid rgba(170, 228, 235, .12); border-bottom: 0; color: inherit; }
.buehne-v2-meisterschaft::after { left: 0; right: auto; bottom: 0; height: 2px; background: linear-gradient(90deg, #43b977, var(--feld-gold)); }
.buehne-v2-meisterschaft > b { font-size: .8rem; text-align: center; text-shadow: 0 0 12px rgba(86, 211, 157, .48); }
.buehne-v2-meisterschaft span small { color: var(--feld-tuerkis); font-size: .34rem; }
.buehne-v2-meisterschaft span strong { margin-top: 3px; color: #f4fbff; font-size: .5rem; }
.buehne-v2-meisterschaft > i { display: none; }

.buehne-v2-panel.seltenheit { display: grid; grid-template-rows: 54px 43px 58px; }
.buehne-v2-panel.fundort { min-height:155px; }
.buehne-v2-fundort { height:100%; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(110px,.75fr); gap:10px; align-items:stretch; }
.buehne-v2-fundort-vorschau { position:relative; min-height:142px; overflow:hidden; border:1px solid rgba(116,213,201,.24); border-radius:18px 6px 18px 6px; background:rgba(204,239,231,.16); }
.buehne-v2-fundort-karte { position:absolute; inset:0; min-height:142px; overflow:hidden; background:rgba(204,239,231,.16); text-shadow:none; }
.buehne-v2-fundort-karte.is-unavailable { display:grid; place-items:center; padding:12px; color:#a9c7cf; font-size:.5rem; text-align:center; }
.buehne-v2-fundort>p { margin:0; display:grid; align-content:center; gap:15px; }
.buehne-v2-fundort>p span { display:grid; gap:3px; padding-bottom:9px; border-bottom:1px solid rgba(170,228,235,.13); }
.buehne-v2-fundort small,.buehne-v2-fundort-leer small { color:var(--feld-tuerkis); font-size:.34rem; font-weight:900; letter-spacing:.12em; }
.buehne-v2-fundort strong,.buehne-v2-fundort-leer strong { color:#f4fbff; font-size:.5rem; line-height:1.35; }
.buehne-v2-fundort-leer { min-height:145px; display:grid; grid-template-columns:50px minmax(0,1fr); align-items:center; gap:12px; }
.buehne-v2-fundort-leer svg { width:38px; height:38px; fill:none; stroke:var(--feld-gold); stroke-width:1.5; }
.buehne-v2-fundort-leer span { display:grid; gap:4px; }.buehne-v2-fundort-leer p { margin:3px 0 0; color:#a9c7cf; font-size:.44rem; }
.buehne-v2-rarity-route { display: grid; grid-template-columns: 122px minmax(0, 1fr); align-items: center; gap: 7px; border-bottom: 1px solid rgba(170, 228, 235, .1); }
.buehne-v2-rarity-route > span { display: grid; min-width: 0; }
.buehne-v2-rarity-route > span small { color: var(--feld-tuerkis); font-size: .34rem; font-weight: 900; text-transform: uppercase; }
.buehne-v2-rarity-route > span strong { margin-top: 4px; color: #fff2c9; font-size: .5rem; white-space: nowrap; }
.buehne-v2-rarity-route > i { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; min-width: 0; font-style: normal; }
.buehne-v2-rarity-route > i::before { content: ''; position: absolute; left: 8%; right: 8%; top: 10px; height: 1px; background: linear-gradient(90deg, #8fa894, #5bbd84, #4aa6e0, #a877f0, #efb84f); opacity: .66; }
.buehne-v2-rarity-route > i > b { position: relative; display: grid; justify-items: center; min-width: 0; color: rgba(202, 224, 230, .64); font-style: normal; font-weight: 700; }
.buehne-v2-rarity-route u { z-index: 1; width: 8px; height: 8px; border: 2px solid rgba(3, 40, 53, .9); border-radius: 50%; background: var(--rarity-tone); box-shadow: 0 0 0 1px color-mix(in srgb, var(--rarity-tone) 64%, transparent); }
.buehne-v2-rarity-route b small { margin-top: 3px; font-size: .34rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.buehne-v2-rarity-route b em { font-size: .27rem; font-style: normal; }
.buehne-v2-rarity-route b.aktiv { color: #fff; transform: translateY(-1px); }
.buehne-v2-rarity-route b.aktiv u { box-shadow: 0 0 0 3px color-mix(in srgb, var(--rarity-tone) 22%, transparent), 0 0 13px var(--rarity-tone); }
.buehne-v2-attribute { display: grid; grid-template-columns: repeat(8, 1fr); align-items: center; gap: 2px; min-width: 0; }
.buehne-v2-attribute button { position: relative; display: grid; grid-template-columns: auto auto; align-items: center; justify-content: center; gap: 2px; min-width: 0; height: 38px; padding: 0 1px 6px; border: 0; color: #afcbd3; background: transparent; }
.buehne-v2-attribute button small { font-size: .28rem; font-weight: 900; }.buehne-v2-attribute button b { color: #f6fcff; font-size: .5rem; }
.buehne-v2-attribute button i { position: absolute; left: 4px; right: 4px; bottom: 3px; height: 2px; overflow: hidden; background: rgba(174, 222, 229, .14); }
.buehne-v2-attribute button i::after { content: ''; display: block; width: var(--attribut); height: 100%; background: linear-gradient(90deg, #70dccc, var(--feld-gold)); box-shadow: 0 0 8px rgba(112, 220, 204, .5); }
.buehne-v2-attribute button:is(:hover, :focus-visible, .aktiv) { outline: none; color: #ffd675; transform: translateY(-1px); }
.buehne-v2-inspektor { min-height: 58px; border-top: 1px solid rgba(170, 228, 235, .1); }
.buehne-v2-inspektor-start { min-height: 58px; display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: 8px; }
.buehne-v2-inspektor-start > b { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgba(255, 209, 109, .52); border-radius: 50%; color: #fff1c7; font-size: .72rem; }
.buehne-v2-inspektor-start span { display: grid; }.buehne-v2-inspektor-start small { color: var(--feld-tuerkis); font-size: .32rem; font-weight: 900; letter-spacing: .12em; }
.buehne-v2-inspektor-start strong { margin-top: 2px; font-size: .5rem; }.buehne-v2-inspektor-start p { margin: 2px 0 0; color: #aac6ce; font-size: .38rem; }
.buehne-v2-inspektor-lesung { position: relative; min-height: 58px; display: grid; grid-template-columns: 46px minmax(0, 1fr) 36px; align-items: center; gap: 7px; }
.buehne-v2-inspektor-lesung[hidden] { display: none; }
.buehne-v2-inspektor-lesung > b { color: #fff0bd; font-size: .84rem; text-align: center; }
.buehne-v2-inspektor-lesung > span { display: grid; min-width: 0; }.buehne-v2-inspektor-lesung small { color: var(--feld-tuerkis); font-size: .29rem; font-weight: 900; letter-spacing: .08em; }
.buehne-v2-inspektor-lesung strong { margin-top: 1px; overflow: hidden; font-size: .48rem; text-overflow: ellipsis; white-space: nowrap; }
.buehne-v2-inspektor-lesung p { margin: 2px 0 0; color: #dcecf0; font-size: .36rem; line-height: 1.25; }.buehne-v2-inspektor-lesung em { color: #9dbac3; font-size: .3rem; font-style: normal; }
.buehne-v2-inspektor-lesung > button { width: 32px; height: 32px; border: 1px solid rgba(190, 232, 236, .18); border-radius: 50%; color: #b6d1d7; background: rgba(255, 255, 255, .06); }
.karten-buehne-v2 .karte:not(.rueck) .kw[role="button"], .karten-buehne-v2 .karte:not(.rueck) [data-attack-index] { min-height:34px; cursor: pointer; }
.karten-buehne-v2 .karte:not(.rueck) :is(.kw.wert-aktiv, [data-attack-index].attack-aktiv) { outline: 1px solid rgba(255, 213, 92, .75); background: rgba(255, 212, 72, .12); box-shadow: 0 0 14px rgba(255, 208, 64, .2); }
.buehne-v2-werkzeug { min-height: 43px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(170, 228, 235, .14); background: linear-gradient(90deg, rgba(5, 54, 68, .2), transparent 48%, rgba(255, 211, 109, .04)); }
.buehne-v2-fangstapel { display: grid; grid-template-columns: 32px minmax(72px, auto) 32px; align-items: center; }
.buehne-v2-fangstapel button { width: 32px; height: 40px; border: 0; color: #bfe8e5; background: transparent; font-size: 1.1rem; }.buehne-v2-fangstapel button:disabled { opacity: .22; }
.buehne-v2-fangstapel span { display: grid; justify-items: center; min-width: 72px; }.buehne-v2-fangstapel small { color: var(--feld-tuerkis); font-size: .27rem; font-weight: 900; letter-spacing: .1em; }.buehne-v2-fangstapel strong { margin-top: 2px; font-size: .52rem; font-variant-numeric: tabular-nums; }
.buehne-v2-fangstapel .buehne-v2-stapel-oeffnen { width: auto; min-width: 84px; height: 40px; padding: 0 8px; display: grid; place-content: center; justify-items: center; border: 0; border-radius: 18px 7px 18px 7px; color: inherit; background: radial-gradient(circle at 20% 0, rgba(255, 221, 134, .16), transparent 55%); }
.buehne-v2-stapel-oeffnen:is(:hover, :focus-visible) { outline: 1px solid rgba(255, 218, 122, .42); background-color: rgba(255, 255, 255, .06); }
.buehne-v2-kartenblatt { min-height: 36px; padding: 0 4px 0 15px; display: flex; align-items: center; gap: 10px; border: 0; border-left: 1px solid rgba(255, 218, 128, .28); color: #ffe19a; background: transparent; font-size: .52rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.buehne-v2-kartenblatt b { font-size: 1rem; }.buehne-v2-kartenblatt:is(:hover, :focus-visible) { outline: none; color: #fff5d5; }

/* Fangstapel und Kartenblatt sind Hilfslagen derselben Kartenbuehne. Der
   leuchtende Tiergruppen-Hintergrund bleibt sichtbar; nur die Leseflaeche
   wird weich verdichtet. Tickets sind physische Exemplare, keine generischen
   Dashboard-Kacheln. */
.buehne-hilfslage { position: fixed; inset: 0; z-index: 30; display: grid; align-items: end; color: #effcff; }
.buehne-hilfslage[hidden] { display: none; }
.buehne-hilfslage-grund { position: absolute; inset: 0; border: 0; background: linear-gradient(180deg, rgba(2, 29, 43, .08), rgba(2, 29, 43, .66)); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
.buehne-hilfslage-blatt { position: relative; width: min(100%, 560px); max-height: min(72dvh, 620px); margin: 0 auto; padding: 15px 16px calc(18px + env(safe-area-inset-bottom)); overflow: auto; border: 1px solid rgba(202, 246, 244, .42); border-bottom: 0; border-radius: 38px 38px 0 0; background: radial-gradient(circle at 82% 4%, rgba(255, 217, 120, .18), transparent 27%), linear-gradient(150deg, rgba(15, 105, 119, .75), rgba(4, 40, 55, .94) 66%); box-shadow: 0 -24px 70px rgba(3, 35, 47, .36), inset 0 1px 0 rgba(255, 255, 255, .62); -webkit-backdrop-filter: blur(22px) saturate(1.18); backdrop-filter: blur(22px) saturate(1.18); animation: buehne-hilfslage-ein .34s cubic-bezier(.16, 1, .3, 1) both; }
.buehne-hilfslage-blatt::before { content: ''; position: absolute; top: 7px; left: 50%; width: 44px; height: 3px; border-radius: 99px; background: rgba(222, 249, 247, .48); transform: translateX(-50%); }
.buehne-hilfslage-blatt > header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(184, 233, 234, .15); }
.buehne-hilfslage-blatt > header span { display: grid; }.buehne-hilfslage-blatt > header small { color: #82e0d0; font-size: .42rem; font-weight: 900; letter-spacing: .14em; }.buehne-hilfslage-blatt > header strong { margin-top: 3px; font-size: .82rem; }
.buehne-hilfslage-blatt > header button { width: 44px; height: 44px; border: 1px solid rgba(208, 242, 240, .2); border-radius: 50%; color: #effcff; background: rgba(255, 255, 255, .07); font-size: 1.25rem; }
.fangstapel-blatt > p { margin: 9px 0 12px; color: rgba(220, 239, 242, .72); font-size: .54rem; }
.buehne-stapeldeck { display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, 82px); grid-auto-columns: minmax(220px, 46%); gap: 8px; padding: 2px 2px 10px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x proximity; scrollbar-width: thin; }
.buehne-exemplar-ticket { position: relative; min-width: 0; padding: 6px 30px 6px 7px; display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 9px; overflow: hidden; border: 1px solid rgba(195, 232, 233, .16); border-radius: 20px 7px 20px 7px; color: #effcff; background: linear-gradient(100deg, rgba(255, 255, 255, .09), rgba(3, 48, 61, .18)); text-align: left; scroll-snap-align: start; }
.buehne-exemplar-ticket::after { content: ''; position: absolute; left: 8px; right: 8px; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(129, 224, 208, .5), transparent); transform: scaleX(0); transition: transform .22s ease; }
.buehne-exemplar-ticket:is(:hover, :focus-visible, .aktiv) { outline: none; border-color: rgba(255, 217, 121, .4); background: linear-gradient(100deg, rgba(255, 220, 132, .14), rgba(7, 70, 82, .34)); }
.buehne-exemplar-ticket:is(:hover, :focus-visible, .aktiv)::after { transform: scaleX(1); }
.buehne-exemplar-ticket img { width: 54px; height: 66px; object-fit: cover; border-radius: 13px 4px 13px 4px; box-shadow: 0 6px 18px rgba(0, 23, 32, .28); }
.buehne-exemplar-ticket span { min-width: 0; display: grid; }.buehne-exemplar-ticket small { color: #80dfcf; font-size: .34rem; font-weight: 900; letter-spacing: .1em; }.buehne-exemplar-ticket strong { margin-top: 4px; overflow: hidden; font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }.buehne-exemplar-ticket em { margin-top: 3px; overflow: hidden; color: rgba(213, 234, 237, .62); font-size: .38rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.buehne-exemplar-ticket > i { position: absolute; right: 7px; color: #ffd779; font-size: .27rem; font-style: normal; font-weight: 900; letter-spacing: .08em; writing-mode: vertical-rl; }
.buehne-kartenpfad { --pfad-x: 31px; position: relative; padding: 13px 0 3px; display: grid; gap: 4px; }
.buehne-kartenpfad::before { content: ''; position: absolute; left: var(--pfad-x); top: 67px; bottom: 33px; width: 1px; background: linear-gradient(#ffd36c, #7de1d0 58%, transparent); box-shadow: 0 0 12px rgba(125, 225, 208, .36); }
.buehne-kartenpfad-quelle { min-height: 68px; display: grid; grid-template-columns: 63px minmax(0, 1fr); align-items: center; gap: 11px; }
.buehne-kartenpfad-quelle > i { z-index: 1; width: 62px; height: 62px; border: 2px solid rgba(255, 215, 116, .66); border-radius: 50%; background-position: center; background-size: cover; box-shadow: 0 0 0 6px rgba(255, 211, 108, .07), 0 9px 24px rgba(2, 24, 33, .25); }
.buehne-kartenpfad-quelle span { display: grid; }.buehne-kartenpfad-quelle small { color: #82e0d0; font-size: .38rem; font-weight: 900; letter-spacing: .1em; }.buehne-kartenpfad-quelle strong { margin-top: 4px; color: #ffe3a0; font-size: .56rem; }
.buehne-kartenpfad > button { position: relative; min-height: 58px; padding: 7px 32px 7px 58px; display: grid; align-content: center; border: 0; border-bottom: 1px solid rgba(188, 231, 232, .12); color: #effcff; background: transparent; text-align: left; }
.buehne-kartenpfad > button::before { content: ''; position: absolute; left: calc(var(--pfad-x) - 5px); top: 24px; width: 11px; height: 11px; border: 2px solid #174f5e; border-radius: 50%; background: #88e0d0; box-shadow: 0 0 0 4px rgba(128, 224, 208, .1); transition: transform .2s ease, background .2s ease; }
.buehne-kartenpfad > button::after { content: '›'; position: absolute; right: 5px; top: 15px; color: #ffd674; font-size: 1.1rem; transition: transform .2s ease; }
.buehne-kartenpfad > button:is(:hover, :focus-visible) { outline: none; background: linear-gradient(90deg, transparent, rgba(255, 222, 138, .07), transparent); }.buehne-kartenpfad > button:is(:hover, :focus-visible)::before { background: #ffd571; transform: scale(1.22); }.buehne-kartenpfad > button:is(:hover, :focus-visible)::after { transform: translateX(3px); }
.buehne-kartenpfad > button small { color: #82e0d0; font-size: .36rem; font-weight: 900; letter-spacing: .13em; }.buehne-kartenpfad > button strong { margin-top: 3px; font-size: .58rem; }.buehne-kartenpfad > button em { margin-top: 3px; overflow: hidden; color: rgba(216, 236, 239, .65); font-size: .4rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.karten-buehne-v2.hilfslage-offen .buehne-v2-info { opacity: 1; }

@keyframes buehne-hilfslage-ein { from { opacity: 0; transform: translateY(28px); } }

@keyframes buehne-feldblatt-ein { from { opacity: 0; transform: translateY(7px); } }

@keyframes buehne-wert-ein { from { opacity: 0; transform: translateY(-6px); } }

/* Living Field Sheet -------------------------------------------------------
   Gewaehlte Kartenbuehne: Die Welt bleibt sichtbar, waehrend echte
   Bedienelemente als Instrumente lesbar sind. Passive Angaben besitzen weder
   Knopfschatten noch Hover-Sprache. */
#kartenBuehne.karten-buehne-v2 {
  --feld-glas: rgba(224, 247, 242, .76);
  --feld-linie: rgba(27, 102, 111, .2);
  --feld-tinte: #163e4d;
  padding-inline: 6px;
}
.karten-buehne-v2 .buehne-v2-kopf {
  width: min(100%, 560px);
  grid-template-columns: 92px minmax(0, 1fr) 60px;
  gap: 8px;
}
.karten-buehne-v2 .buehne-v2-kopf::before { display: none; }
.karten-buehne-v2 .buehne-v2-kopf > span {
  padding: 5px 3px;
  text-shadow: 0 1px 14px rgba(255,255,255,.84);
}
.karten-buehne-v2 .buehne-v2-kopf button {
  width: auto;
  height: 42px;
  border-color: rgba(31, 102, 119, .34);
  border-radius: 999px;
  color: #205e73;
  background: rgba(239, 251, 249, .45);
  box-shadow: none;
  backdrop-filter: blur(8px);
}
.karten-buehne-v2 .buehne-v2-kopf button:is(:hover,:focus-visible) {
  outline: 2px solid rgba(255, 201, 86, .72);
  outline-offset: 2px;
  background: rgba(251,255,252,.76);
}
.karten-buehne-v2 .buehne-v2-schliessen {
  padding: 0 12px 0 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.karten-buehne-v2 .buehne-v2-schliessen b { font-size: .86rem; font-weight: 500; }
.karten-buehne-v2 .buehne-v2-schliessen span,
.karten-buehne-v2 .buehne-v2-ausrichten span { font-size: .39rem; font-weight: 950; letter-spacing: .11em; }
.karten-buehne-v2 .buehne-v2-ausrichten { width: 54px; height: 54px; margin-top: 7px; border-radius: 50%; }

.karten-buehne-v2 .buehne-inhalt { width: min(100%, 560px); margin-top: 8px; }
.karten-buehne-v2 .buehne-karte { z-index: 4; width: min(74vw, 338px); }
.karten-buehne-v2 .buehne-hinweis {
  z-index: 6;
  margin-top: 10px;
  padding: 6px 11px;
  border-color: rgba(31, 102, 119, .22);
  border-radius: 999px;
  color: #315f6d;
  background: rgba(247, 253, 249, .6);
  box-shadow: none;
}
.karten-buehne-v2 .buehne-medienleiste {
  z-index: 7; width: min(92%, 360px); min-height: 42px; margin: 7px auto 0; padding-left: 11px;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  border-block: 1px solid rgba(255,255,255,.34); color: rgba(31,78,91,.76);
  background: linear-gradient(90deg,rgba(241,252,249,.24),rgba(241,252,249,.54),rgba(241,252,249,.2)); backdrop-filter: blur(8px);
}
.karten-buehne-v2 .buehne-medienleiste > span { overflow:hidden; font-size:.43rem; font-weight:720; letter-spacing:.035em; text-overflow:ellipsis; white-space:nowrap; }
.karten-buehne-v2 .buehne-medienleiste > button { min-width:118px; min-height:42px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; border-left:1px solid rgba(26,107,112,.2); border-radius:0; color:#176a66; background:transparent; }
.karten-buehne-v2 .buehne-medienleiste > button svg { width:16px; height:16px; }
.karten-buehne-v2 .buehne-medienleiste > button strong { font-size:.48rem; letter-spacing:.06em; text-transform:uppercase; }
.karten-buehne-v2 .buehne-medienleiste > button b { min-width:18px; height:18px; display:inline-grid; place-items:center; border:1px solid rgba(191,127,25,.28); border-radius:50%; color:#8a5b12; background:rgba(255,224,142,.26); font-size:.42rem; }
.karten-buehne-v2 .buehne-medienleiste > button:is(:hover,:focus-visible) { outline:2px solid rgba(255,202,82,.7); outline-offset:-2px; color:#104f56; background:rgba(255,255,255,.32); }
.karten-buehne-v2 .buehne-art-nav {
  top: 25%;
  width: 50px;
  height: 178px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: #236d82;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.karten-buehne-v2 .buehne-art-nav::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 2px;
  height: 48px;
  border-radius: 9px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 0 16px rgba(255,255,255,.62);
  transform: translateY(-50%);
}
.karten-buehne-v2 .buehne-art-nav.vorher::after { left: 8px; }
.karten-buehne-v2 .buehne-art-nav.nachher::after { right: 8px; }
.karten-buehne-v2 .buehne-art-nav > b {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 28px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(239, 251, 249, .64);
  box-shadow: 0 7px 22px rgba(30, 83, 103, .14);
  font-size: 1rem;
  font-weight: 500;
  transform: translateY(-50%);
}
.karten-buehne-v2 .buehne-art-nav.vorher > b { left: 0; }
.karten-buehne-v2 .buehne-art-nav.nachher > b { right: 0; }
.buehne-art-vorschau {
  position: absolute;
  top: 12px;
  bottom: 12px;
  width: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.66);
  background: rgba(235,248,239,.54);
  box-shadow: 0 10px 24px rgba(13,54,66,.13), inset 0 0 0 2px rgba(110,192,139,.25);
  opacity: .64;
  transition: width .25s ease, opacity .25s ease, transform .25s ease;
}
.vorher .buehne-art-vorschau { right: -4px; border-radius: 11px 3px 3px 11px; }
.nachher .buehne-art-vorschau { left: -4px; border-radius: 3px 11px 11px 3px; }
.buehne-art-vorschau i { position: absolute; inset: 0; background-image: linear-gradient(rgba(226,248,235,.18),rgba(31,86,80,.12)),var(--nachbarbild); background-position: center; background-size: cover; filter: saturate(.82) brightness(1.08); }
.buehne-art-vorschau small { position: absolute; inset: auto 3px 5px; overflow: hidden; color: #fff; font-size: .29rem; font-weight: 900; text-overflow: clip; white-space: nowrap; opacity: 0; }
.buehne-art-nav:is(:hover,:focus-visible) { outline: none; transform: none; }
.buehne-art-nav:is(:hover,:focus-visible) .buehne-art-vorschau { width: 46px; opacity: .96; }
.buehne-art-nav:is(:hover,:focus-visible) .buehne-art-vorschau small { opacity: 1; }

.karten-buehne-v2 .buehne-v2-info {
  --feld-tuerkis: #168b78;
  --feld-gold: #d79624;
  width: min(calc(100% - 12px), 500px);
  min-height: 294px;
  max-height: 560px;
  margin-top: 34px;
  overflow: visible;
  color: var(--feld-tinte);
  background:
    radial-gradient(ellipse 76% 46% at 50% 0, rgba(255,255,255,.74), transparent 72%),
    linear-gradient(150deg, rgba(236,252,247,.79), rgba(191,232,230,.7));
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 42px 42px 26px 26px / 32px 32px 24px 24px;
  box-shadow: 0 -14px 34px rgba(36,111,119,.1), 0 20px 45px rgba(28,84,99,.15), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(18px) saturate(1.12);
  text-shadow: none;
  transition: max-height .38s cubic-bezier(.16,1,.3,1), min-height .38s cubic-bezier(.16,1,.3,1), background .25s ease;
}
.karten-buehne-v2 .buehne-v2-info::before {
  inset: 0;
  background: linear-gradient(112deg,rgba(255,255,255,.36),transparent 26% 72%,rgba(77,188,171,.12));
}
.buehne-v2-sheet-griff {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: -27px;
  min-width: 150px;
  height: 30px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid rgba(40,106,119,.2);
  border-radius: 999px;
  color: #376b77;
  background: rgba(249,254,251,.72);
  box-shadow: 0 8px 22px rgba(25,82,99,.12);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}
.buehne-v2-sheet-griff i { width: 28px; height: 3px; border-radius: 9px; background: linear-gradient(90deg,#5ccab5,#f1bd51); }
.buehne-v2-sheet-griff span { font-size: .35rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.buehne-v2-sheet-griff:is(:hover,:focus-visible) { outline: 2px solid rgba(240,181,65,.62); outline-offset: 2px; }
.buehne-v2-info[data-buehne-sheet="closed"] { min-height: 0; max-height: 0; border-color: transparent; background: transparent; box-shadow: none; backdrop-filter: none; }
.buehne-v2-info[data-buehne-sheet="closed"] > :not(.buehne-v2-sheet-griff) { visibility: hidden; opacity: 0; pointer-events: none; }

.karten-buehne-v2 .buehne-v2-tabs {
  width: calc(100% - 28px);
  height: 46px;
  margin: 12px auto 0;
  padding: 4px;
  border: 1px solid rgba(31,103,112,.19);
  border-radius: 999px;
  background: rgba(255,255,255,.22);
}
.karten-buehne-v2 .buehne-v2-tabs button { border-radius: 999px; color: #66838a; font-size: .55rem; }
.karten-buehne-v2 .buehne-v2-tabs button[aria-selected="true"] { color: #173f4c; background: rgba(255,255,255,.56); box-shadow: 0 5px 15px rgba(37,95,107,.1), inset 0 0 0 1px rgba(255,255,255,.54); }
.karten-buehne-v2 .buehne-v2-tabs > i { display: none; }
.karten-buehne-v2 .buehne-v2-panel { padding-inline: 16px; }
.karten-buehne-v2 .buehne-v2-panel.profil { grid-template-rows: 43px minmax(66px,1fr) 82px; }
.karten-buehne-v2 .buehne-v2-signatur { padding-inline: 0; border-bottom-color: var(--feld-linie); }
.karten-buehne-v2 .buehne-v2-signatur small { color: #087b63; }
.karten-buehne-v2 .buehne-v2-signatur strong { color: #607b83; }
.karten-buehne-v2 .buehne-v2-signatur button { min-width: 96px; padding: 4px 9px; border: 1px solid rgba(202,141,35,.25); border-radius: 999px; background: rgba(255,244,205,.28); }
.karten-buehne-v2 .buehne-v2-signatur button strong { color: #9a6516; text-decoration: none; }
.karten-buehne-v2 .buehne-v2-fundnotiz { padding-left: 27px; }
.karten-buehne-v2 .buehne-v2-fundnotiz small { color: #117b68; }
.karten-buehne-v2 .buehne-v2-fundnotiz strong { color: #234955; font-size: .54rem; }

.karten-buehne-v2 .buehne-v2-meisterschaft {
  min-height: 82px;
  padding: 7px 0 14px;
  display: grid;
  grid-template-columns: 68px minmax(80px,1fr) 76px;
  grid-template-rows: 37px auto;
  gap: 3px 7px;
  border-top: 1px solid var(--feld-linie);
  color: inherit;
}
.karten-buehne-v2 .buehne-v2-meisterschaft::after { display: none; }
.karten-buehne-v2 .buehne-v2-meisterschaft > span { display: grid; align-content: center; }
.karten-buehne-v2 .buehne-v2-meisterschaft > span small { color: #237b6d; font-size: .3rem; }
.karten-buehne-v2 .buehne-v2-meisterschaft > span strong { margin-top: 2px; color: #173f4c; font-size: .54rem; }
.karten-buehne-v2 .buehne-v2-rang-ziel { text-align: right; }
.karten-buehne-v2 .buehne-v2-rang-ziel strong { color: #a56d14 !important; }
.karten-buehne-v2 .buehne-v2-meisterschaft > i {
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
  height: 24px;
  display: block;
  align-self: center;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.karten-buehne-v2 .buehne-v2-meisterschaft > i::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 11px;
  height: 2px;
  border-radius: 9px;
  background: rgba(28,110,103,.18);
}
.karten-buehne-v2 .buehne-v2-meisterschaft > i::after {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: var(--meister);
  height: 2px;
  background: linear-gradient(90deg,#1dad7d,#f0bb4a);
  box-shadow: 0 0 11px rgba(39,170,124,.52);
}
.karten-buehne-v2 .buehne-v2-meisterschaft > i u { position: absolute; z-index: 2; right: 0; top: 6px; width: 12px; height: 12px; border: 2px solid rgba(255,255,255,.85); border-radius: 50%; background: #eab743; box-shadow: 0 0 0 4px rgba(234,183,67,.14),0 0 14px rgba(234,183,67,.48); }
.karten-buehne-v2 .buehne-v2-meisterschaft > em { grid-column: 1 / -1; overflow: hidden; color: #607d84; font-size: .38rem; font-style: normal; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.karten-buehne-v2 .buehne-v2-meisterschaft:is(:hover,:focus-visible) { outline: none; background: linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent); }

.karten-buehne-v2 .buehne-v2-panel.seltenheit { grid-template-rows: 62px 47px 64px; }
.karten-buehne-v2 .buehne-v2-panel.fundort { padding-block:10px 12px; }
.karten-buehne-v2 .buehne-v2-fundort strong { color:#173f4c; }.karten-buehne-v2 .buehne-v2-fundort small { color:#087b63; }
.karten-buehne-v2 .buehne-v2-fundort>p span { border-color:var(--feld-linie); }.karten-buehne-v2 .buehne-v2-fundort-leer p { color:#607b83; }
.karten-buehne-v2 .buehne-v2-rarity-route,
.karten-buehne-v2 .buehne-v2-inspektor { border-color: var(--feld-linie); }
.karten-buehne-v2 .buehne-v2-rarity-route > span small,
.karten-buehne-v2 .buehne-v2-inspektor-start small,
.karten-buehne-v2 .buehne-v2-inspektor-lesung small { color: #0a7c68; }
.karten-buehne-v2 .buehne-v2-rarity-route > span strong { color: #9b6617; }
.karten-buehne-v2 .buehne-v2-rarity-route > i > b { color: #6c858a; }
.karten-buehne-v2 .buehne-v2-rarity-route b.aktiv { color: #173f4c; }
.karten-buehne-v2 .buehne-v2-attribute button { color: #55767e; }
.karten-buehne-v2 .buehne-v2-attribute button b { color: #173f4c; }
.karten-buehne-v2 .buehne-v2-inspektor-start > b { color: #8f621d; border-color: rgba(186,126,28,.38); }
.karten-buehne-v2 .buehne-v2-inspektor-start strong,
.karten-buehne-v2 .buehne-v2-inspektor-lesung strong { color: #173f4c; }
.karten-buehne-v2 .buehne-v2-inspektor-start p,
.karten-buehne-v2 .buehne-v2-inspektor-lesung p,
.karten-buehne-v2 .buehne-v2-inspektor-lesung em { color: #607c84; }

.karten-buehne-v2 .buehne-v2-werkzeug {
  min-height: 58px;
  padding: 5px 10px 4px;
  border-top-color: var(--feld-linie);
  background: rgba(255,255,255,.13);
  border-radius: 0 0 25px 25px;
}
.karten-buehne-v2 .buehne-v2-fangstapel { grid-template-columns: 30px minmax(112px,auto) 30px; }
.karten-buehne-v2 .buehne-v2-fangstapel > button[data-buehne-exemplar] { color: #246b7a; }
.karten-buehne-v2 .buehne-v2-stapel-oeffnen {
  min-width: 118px;
  grid-template-columns: 56px auto;
  grid-template-rows: auto auto;
  column-gap: 7px;
  border: 1px solid rgba(31,103,112,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.3);
}
.karten-buehne-v2 .buehne-v2-stapel-oeffnen > span { grid-row: 1 / 3; display: flex; align-items: center; justify-content: center; }
.karten-buehne-v2 .buehne-v2-stapel-oeffnen > span i,
.karten-buehne-v2 .buehne-v2-einzelfang > i i {
  width: 22px;
  height: 30px;
  margin-left: -9px;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 5px;
  background-image: var(--exemplarbild),linear-gradient(#74c8bd,#eef5d4);
  background-position: center;
  background-size: cover;
  box-shadow: 0 3px 8px rgba(24,77,91,.13);
}
.karten-buehne-v2 .buehne-v2-stapel-oeffnen > span i:first-child { margin-left: 0; }
.karten-buehne-v2 .buehne-v2-stapel-oeffnen > span i.aktiv { z-index: 2; border-color: #e5af39; transform: translateY(-2px); }
.karten-buehne-v2 .buehne-v2-fangstapel small { color: #1b806d; }
.karten-buehne-v2 .buehne-v2-fangstapel strong { color: #173f4c; }
.karten-buehne-v2 .buehne-v2-kartenblatt {
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(181,119,22,.28);
  border-radius: 999px;
  color: #6d490f;
  background: linear-gradient(145deg,rgba(255,237,162,.88),rgba(240,181,68,.9));
  box-shadow: 0 8px 18px rgba(176,111,26,.16),inset 0 1px 0 rgba(255,255,255,.72);
}
.karten-buehne-v2 .buehne-v2-kartenblatt:is(:hover,:focus-visible) { outline: 2px solid rgba(214,149,38,.45); outline-offset: 2px; color: #4f340b; transform: translateY(-1px); }

@media (max-width: 420px) {
  .karten-buehne-v2 .buehne-v2-kopf { grid-template-columns: 78px minmax(0,1fr) 54px; }
  .karten-buehne-v2 .buehne-v2-schliessen { padding-inline: 7px; gap: 4px; }
  .karten-buehne-v2 .buehne-v2-kopf small { font-size: .36rem; }
  .karten-buehne-v2 .buehne-karte { width: min(76vw, 324px); }
  .karten-buehne-v2 .buehne-art-nav { width: 42px; }
  .karten-buehne-v2 .buehne-v2-panel { padding-inline: 11px; }
  .karten-buehne-v2 .buehne-v2-fangstapel { grid-template-columns: 25px minmax(96px,auto) 25px; }
  .karten-buehne-v2 .buehne-v2-stapel-oeffnen { min-width: 102px; grid-template-columns: 45px auto; }
  .karten-buehne-v2 .buehne-v2-kartenblatt { padding-inline: 10px; font-size: .46rem; }
}

@media (min-width: 700px) {
  #kartenBuehne.karten-buehne-v2 { background-size: cover, cover, min(1200px, 100%) auto, cover; }
  .karten-buehne-v2 .buehne-karte { width: min(44vw, 350px); }
}

/* Ein breiter Browser kann zugleich sehr niedrig sein (Laptop-Splitscreen,
   Landscape-Tablet). Dann darf die Desktop-Karte nicht die gesamte Hoehe
   verbrauchen: Feldblatt und Werkzeugzeile bleiben ohne Scrollen erreichbar. */
@media (min-width: 700px) and (max-height: 860px) {
  .karten-buehne-v2 .buehne-inhalt { margin-top: 0; }
  .karten-buehne-v2 .buehne-karte { width: min(38vw, 300px); }
  .karten-buehne-v2 .buehne-hinweis { margin-top: 8px; }
  .karten-buehne-v2 .buehne-v2-info { margin-top: 6px; }
}

@media (max-width: 355px) {
  .karten-buehne-v2 .buehne-karte { width: min(76vw, 290px); }
  .buehne-art-nav { width: 40px; height: 62px; }
  .buehne-v2-info { width: calc(100% - 8px); }
  .buehne-v2-aktionen { width: calc(100% - 14px); }
}

@keyframes luminous-firefly { to { transform: translate(8px, -10px) scale(1.2); opacity: .38; } }
@keyframes collection-entry-in { from { opacity: 0; transform: translateY(16px) scale(.98); } }
@keyframes filter-arrive { from { transform: translateY(24px) scale(.98); opacity: .55; } }

@media (min-width: 700px) {
  #collectionView.collection-v2-active { max-width: 980px; margin-inline: auto; box-shadow: 0 0 70px rgba(29, 72, 90, .17); }
  .collection-v2-world { background-size: cover, cover, auto; }
  .collection-v2-hero { min-height:342px; grid-template-columns:minmax(0,1fr) minmax(250px,.62fr); padding:36px 34px 15px; }
  .collection-v2-title { grid-template-columns:82px minmax(0,1fr); }.collection-v2-species-ring { width:82px; }.collection-v2-title h1 { font-size:2.3rem; }.collection-v2-journey { min-height:122px; }.collection-v2-journey button > svg { width:46px; height:46px; }.collection-v2-journey button.is-active > svg { width:58px; height:58px; }
  .collection-v2-archive { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 27px 10px; padding: 22px 18px 50px; }
  .collection-v2-gaps { padding-inline: 28px; }.collection-v2-filter-layer { align-items: center; }
}

@media (max-width: 699px) {
  .collection-v2-archive-intro>span{flex:1 1 120px}.collection-v2-archive-intro>p{flex:0 1 120px}.collection-v2-layout-switch{order:3;width:100%;justify-content:center}.collection-v2-layout-switch button{flex:1;justify-content:center}
  .collection-v2-archive.is-table{padding-inline:5px}.collection-v2-table-tools{padding-inline:5px}.collection-v2-table-tools>span strong{max-width:155px}.collection-v2-table-viewport{height:min(64dvh,620px);min-height:410px;border-radius:20px 7px 20px 7px}.collection-v2-species-table-intro{grid-template-columns:auto minmax(0,1fr);gap:8px}.collection-v2-species-table-intro>.collection-v2-layout-switch{display:none}.collection-v2-species-table-intro>button span{display:none}
  .collection-v2-habitat{min-height:0;grid-template-columns:minmax(0,1fr) 88px}
  .collection-v2-habitat>header{padding:27px 8px 20px 22px}.collection-v2-habitat>header h2{font-size:2.55rem}.collection-v2-habitat>header p{font-size:.7rem}
  .collection-v2-habitat-progress{width:68px;height:68px;margin:21px 14px 0 0}.collection-v2-habitat-progress::before{inset:5px}.collection-v2-habitat-progress b{font-size:.87rem}
  .collection-v2-caught{padding-block:16px 13px}.collection-v2-caught>header,.collection-v2-missing>header{padding:0 18px 10px 22px;align-items:start}.collection-v2-caught>header>em{max-width:92px;text-align:right}
  .collection-v2-caught-strip{gap:10px;padding:2px 22px 8px}.collection-v2-caught-strip>button{flex-basis:158px;min-height:154px}.collection-v2-caught-image{height:98px}
  .collection-v2-missing{padding-block:16px}.collection-v2-missing>div{grid-template-columns:1.2fr 1fr;gap:9px;padding:0 18px 0 22px}.collection-v2-missing button:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px}.collection-v2-missing button:nth-child(3)>i{height:68px}.collection-v2-missing button:nth-child(3)>span{padding-top:0}.collection-v2-missing button>i,.collection-v2-missing button.is-lead>i{height:104px}
  .collection-v2-habitat>footer{padding:15px 18px 17px 22px;grid-template-columns:1fr;gap:12px}.collection-v2-habitat>footer em{white-space:normal}.collection-v2-habitat>footer button{width:100%;min-height:45px}
  .collection-v2-world-portals{margin-top:28px;padding-inline:14px}
  .collection-v2-world-portals>header{margin-bottom:11px;padding-inline:2px}
  .collection-v2-world-portals>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:rgba(47,111,123,.12)}
  .collection-v2-world-portals button{min-height:152px;padding:14px;grid-template-columns:42px minmax(0,1fr);gap:10px}
  .collection-v2-portal-copy small{font-size:.5rem}.collection-v2-portal-copy b{font-size:.78rem}.collection-v2-portal-copy em{font-size:.57rem}
  .collection-v2-portal-progress{top:12px;right:12px;width:42px;height:42px}.collection-v2-portal-progress::before{width:34px;height:34px}.collection-v2-portal-progress b{font-size:.54rem}
}

@media (max-width: 355px) {
  .collection-v2-hero { min-height:302px; padding-inline:9px; grid-template-columns:minmax(0,1fr) minmax(94px,.5fr); gap-inline:8px; }.collection-v2-title { grid-template-columns:56px minmax(0,1fr); gap:7px; }.collection-v2-species-ring { width:56px; }.collection-v2-species-ring b { font-size:.9rem; }.collection-v2-title h1 { font-size:1.18rem; }.collection-v2-title p { font-size:.53rem; }.collection-v2-next-trail { padding-left:8px; }.collection-v2-journey { min-height:108px; }.collection-v2-journey button > svg { width:34px; height:34px; padding:8px; }.collection-v2-journey button.is-active > svg { width:43px; height:43px; padding:10px; }.collection-v2-journey b { font-size:.55rem; }.collection-v2-journey small { font-size:.44rem; }.collection-v2-archive { padding-inline:5px; gap-inline:4px; }.collection-v2-card-copy { margin-inline:4px; }.collection-v2-gaps{padding:20px 0 42px}.collection-v2-gap-overview{padding-inline:18px}.collection-v2-caught>header,.collection-v2-missing>header{padding-inline:16px}.collection-v2-caught-strip{padding-inline:16px}.collection-v2-caught-strip>button{flex-basis:145px}.collection-v2-missing>div{padding-inline:16px}.collection-v2-world-portals{margin-top:27px;padding-inline:12px}.collection-v2-world-portals>header{padding-inline:6px}.collection-v2-world-portals>div{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-v2-world-portals button{min-height:128px}.collection-v2-filter-grid { grid-template-columns:1fr; }.collection-v2-filter-axis.groups { grid-column:auto; }.collection-v2-filter-panel footer { grid-template-columns:minmax(0,1fr) auto; }.collection-v2-filter-panel footer > button[data-reset] { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .collection-v2-root *, .collection-v2-root *::before, .collection-v2-root *::after,
  #kartenBuehne.karten-buehne-v2 *, #kartenBuehne.karten-buehne-v2 *::before, #kartenBuehne.karten-buehne-v2 *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .collection-v2-habitat::before,.collection-v2-habitat-art{transform:none!important}
}

/* Mobile WebViews profitieren deutlich mehr von stabilen, opaken Ebenen als
   von Vollbild-Blur und dekorativer Dauerbewegung. Bedeutungsvolle Bewegung
   (Karte, Kiste, aktive Interaktion) bleibt erhalten. */
@media (hover: none), (pointer: coarse) {
  body.luminous-shell-live .bottom-nav,
  body.collection-v2-live .bottom-nav {
    background: rgba(247,252,249,.97);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .heute-v2-sonne,
  .heute-v2-lichtspur,
  .heute-v2-partikel,
  .heute-v2-pfad-linie,
  .collection-v2-skyline i,
  .collection-v2-habitat-art > i {
    animation: none !important;
  }
  .heute-fund-profil::before,
  .collection-v2-filter-fab {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .collection-v2-filter-fab { background: rgba(247,253,249,.97); }
  .collection-v2-entry { animation: none; }
  .collection-v2-card-shell { transition: none; }
}

/* Referenztreue Kartenbuehne ------------------------------------------------
   Mobile Komposition des freigegebenen Living-Field-Sheet-Mockups. Die
   produktive Karte bleibt unveraendert; nur Buehnenmassstab, Nachbarvorschau
   und die Informationslandschaft werden komponiert. */
@media (max-width: 699px) {
  #kartenBuehne.karten-buehne-v2 { padding-bottom: env(safe-area-inset-bottom); }
  .karten-buehne-v2 .buehne-inhalt {
    margin-top: 30px;
    overflow-x: clip;
  }
  .karten-buehne-v2 .buehne-inhalt::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: -18px;
    left: 50%;
    width: min(94vw, 400px);
    height: min(112vw, 480px);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 49% 51% 47% 53% / 58% 44% 56% 42%;
    background: radial-gradient(ellipse at 50% 46%, rgba(255,229,139,.18), rgba(60,190,234,.06) 48%, transparent 72%);
    box-shadow: inset 0 0 54px rgba(255,255,255,.06);
    transform: translateX(-50%) rotate(-2deg);
    animation: none;
    pointer-events: none;
  }
  .karten-buehne-v2 .buehne-v2-kopf small { display: none; }
  .karten-buehne-v2 .buehne-v2-kopf strong { font-size: 1.02rem; letter-spacing: .04em; text-transform: uppercase; }
  .karten-buehne-v2 .buehne-v2-kopf em { margin-top: 4px; color: rgba(29,76,91,.72); font-size: .48rem; text-transform: uppercase; }
  .karten-buehne-v2 .buehne-karte { width: min(72vw, 314px); }
  .karten-buehne-v2 .buehne-hinweis {
    margin-top: 14px;
    padding: 0;
    border: 0;
    color: rgba(255,255,255,.92);
    background: transparent;
    box-shadow: none;
    font-size: .48rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-shadow: 0 2px 12px rgba(7,52,69,.55);
    backdrop-filter: none;
  }
  .karten-buehne-v2 .buehne-medienleiste { width:min(calc(100% - 76px),350px); margin-top:8px; color:rgba(255,255,255,.94); border-color:rgba(255,255,255,.32); background:linear-gradient(90deg,rgba(16,88,105,.12),rgba(235,253,248,.28),rgba(16,88,105,.12)); text-shadow:0 2px 9px rgba(6,49,62,.42); }
  .karten-buehne-v2 .buehne-medienleiste > button { min-width:112px; color:#f5fffb; border-left-color:rgba(255,255,255,.3); }
  .karten-buehne-v2 .buehne-medienleiste > button b { color:#734b0d; background:rgba(255,232,164,.82); }

  .karten-buehne-v2 .buehne-art-nav {
    z-index: 3;
    top: 0;
    width: 54px;
    height: min(87vw, 390px);
    overflow: clip;
    contain: strict;
  }
  .karten-buehne-v2 .buehne-art-nav.vorher { left: 0; }
  .karten-buehne-v2 .buehne-art-nav.nachher { right: 0; }
  .buehne-art-vorschau {
    top: 0;
    bottom: auto;
    width: min(72vw, 314px);
    height: auto;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    opacity: .4;
    filter: saturate(.58) brightness(.96);
  }
  .vorher .buehne-art-vorschau { right: 7px; transform: none; }
  .nachher .buehne-art-vorschau { left: 7px; transform: none; }
  .buehne-art-vorschau > .karte { width: 100% !important; pointer-events: none; }
  .buehne-art-vorschau > i { display: block; aspect-ratio: .72; border: 2px solid rgba(255,221,130,.72); border-radius: 12px; background-image: var(--nachbarbild); background-position: center; background-size: cover; }
  .buehne-art-vorschau small { display: none; }
  .buehne-art-nav:is(:hover,:focus-visible) .buehne-art-vorschau { width: min(72vw,314px); opacity: .7; }
  .karten-buehne-v2 .buehne-art-nav::after { width: 3px; height: 66px; background: rgba(255,255,255,.92); }
  .karten-buehne-v2 .buehne-art-nav.vorher::after { left: 18px; }
  .karten-buehne-v2 .buehne-art-nav.nachher::after { right: 18px; }
  .karten-buehne-v2 .buehne-art-nav > b {
    width: 34px;
    height: 52px;
    color: white;
    background: transparent;
    box-shadow: none;
    text-shadow: 0 2px 10px rgba(4,44,60,.62);
  }

  .karten-buehne-v2 .buehne-v2-info {
    width: calc(100% - 18px);
    max-width: 430px;
    min-width: 0;
    min-height: 342px;
    max-height: 520px;
    margin: 18px auto 8px;
    border: 1px solid rgba(255,255,255,.64);
    border-inline-color: rgba(151,211,210,.36);
    border-radius: 18px 18px 8px 8px;
    color: #173e4c;
    background:
      linear-gradient(180deg,rgba(242,253,250,.86),rgba(222,244,240,.78));
    box-shadow:
      0 -12px 30px rgba(26,100,113,.08),
      0 18px 34px rgba(23,78,91,.12),
      inset 0 1px 0 rgba(255,255,255,.82);
    backdrop-filter: none;
    text-shadow: none;
  }
  .karten-buehne-v2 .buehne-v2-info::before {
    display: block;
    border-radius: inherit;
    background:
      linear-gradient(112deg,rgba(255,255,255,.32),transparent 34% 76%,rgba(76,185,167,.08));
  }
  .karten-buehne-v2 .buehne-v2-info[data-buehne-sheet="closed"] { min-height: 0; max-height: 0; margin-top: 8px; }
  .buehne-v2-sheet-griff {
    top: -34px;
    left: 50%;
    min-width: 128px;
    width: auto;
    height: 28px;
    padding: 0;
    gap: 6px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 12px 12px 3px 3px;
    color: #285f6e;
    background: rgba(239,250,247,.9);
    box-shadow: 0 7px 18px rgba(19,76,91,.1), inset 0 1px 0 rgba(255,255,255,.78);
    text-shadow: none;
    backdrop-filter: none;
  }
  .buehne-v2-sheet-griff::before { content: '⌃'; font-size: .72rem; line-height: 1; transition: transform .3s ease; }
  .buehne-v2-info:not([data-buehne-sheet="closed"]) .buehne-v2-sheet-griff::before { transform: rotate(180deg); }
  .buehne-v2-sheet-griff i { display: none; }
  .buehne-v2-sheet-griff span {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    font-size: .34rem;
    letter-spacing: .09em;
    white-space: nowrap;
  }

  .karten-buehne-v2 .buehne-v2-tabs {
    position: relative;
    width: 100%;
    height: 44px;
    margin-top: 0;
    padding: 0 18px;
    border: 0;
    border-bottom: 1px solid rgba(55,135,137,.18);
    border-radius: 0;
    background: transparent;
  }
  .karten-buehne-v2 .buehne-v2-tabs::before {
    display: none;
  }
  .karten-buehne-v2 .buehne-v2-tabs button {
    position: relative;
    z-index: 1;
    border-radius: 0;
    color: rgba(33,86,98,.6);
    background: transparent;
    font-size: .6rem;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  .karten-buehne-v2 .buehne-v2-tabs button[aria-selected="true"] {
    color: #815811;
    background: transparent;
    box-shadow: none;
    text-shadow: 0 1px 10px rgba(255,255,255,.7);
  }
  .karten-buehne-v2 .buehne-v2-tabs > i {
    position: absolute;
    right: auto;
    bottom: -1px;
    left: 0;
    width: 33.333%;
    height: 2px;
    display: block;
    background: linear-gradient(90deg, transparent, #ffd268 28% 72%, transparent);
    box-shadow: 0 0 11px rgba(255,210,104,.64);
    transition: transform .35s cubic-bezier(.16,1,.3,1);
  }
  .karten-buehne-v2 .buehne-v2-tabs:has(button:nth-child(2)[aria-selected="true"]) > i { transform: translateX(100%); }
  .karten-buehne-v2 .buehne-v2-tabs:has(button:nth-child(3)[aria-selected="true"]) > i { transform: translateX(200%); }
  .karten-buehne-v2 .buehne-v2-panel {
    padding-inline: 18px;
    text-shadow: none;
  }
  .karten-buehne-v2 .buehne-v2-panel.profil { grid-template-rows: 44px minmax(66px,1fr) 82px; }
  .karten-buehne-v2 .buehne-v2-signatur { border-bottom-color: rgba(184,231,235,.15); }
  .karten-buehne-v2 .buehne-v2-signatur small { color: #8c6219; font-size: .46rem; }
  .karten-buehne-v2 .buehne-v2-signatur strong { color: rgba(31,75,84,.74); font-size: .53rem; }
  .karten-buehne-v2 .buehne-v2-signatur button { border-color: rgba(170,116,24,.26); color: #7a5518; background: rgba(255,247,204,.28); }
  .karten-buehne-v2 .buehne-v2-signatur button strong { color: #835916; }
  .karten-buehne-v2 .buehne-v2-fundnotiz {
    margin-inline: 0;
    padding: 10px 10px 10px 38px;
    border-bottom: 1px solid rgba(55,135,137,.13);
    background: linear-gradient(90deg,rgba(247,253,239,.52),rgba(238,250,243,.16) 74%,transparent);
  }
  .karten-buehne-v2 .buehne-v2-fundnotiz::before { left: 5px; top: 13px; color: #bf821d; font-size: 1.8rem; }
  .karten-buehne-v2 .buehne-v2-fundnotiz small { color: #147663; font-size: .43rem; }
  .karten-buehne-v2 .buehne-v2-fundnotiz strong { color: #173e4c; font-size: .62rem; font-weight: 650; line-height: 1.42; }

  .karten-buehne-v2 .buehne-v2-meisterschaft {
    min-height: 82px;
    padding-inline: 4px;
    grid-template-columns: 72px minmax(86px,1fr) 76px;
    grid-template-rows: 56px auto;
    gap: 2px 7px;
    border-top-color: transparent;
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > span {
    position: relative;
    width: auto;
    height: 54px;
    padding: 7px 7px 6px 10px;
    place-content: center start;
    justify-items: start;
    border: 0;
    border-left: 2px solid rgba(44,155,115,.72);
    border-radius: 0 10px 10px 0;
    background: linear-gradient(90deg,rgba(236,252,239,.4),transparent);
    box-shadow: none;
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > .buehne-v2-rang-ziel {
    padding: 7px 10px 6px 7px;
    place-content: center end;
    justify-items: end;
    border-left: 0;
    border-right: 2px solid rgba(204,142,31,.75);
    border-radius: 10px 0 0 10px;
    background: linear-gradient(270deg,rgba(255,244,198,.4),transparent);
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > span small { color: #247967; font-size: .35rem; letter-spacing: .09em; }
  .karten-buehne-v2 .buehne-v2-meisterschaft > span strong { margin-top: 2px; color: #173f4c; font-size: .58rem; letter-spacing: .03em; }
  .karten-buehne-v2 .buehne-v2-meisterschaft > span > b { margin-top: 1px; color: #176d5b; font-size: .66rem; }
  .karten-buehne-v2 .buehne-v2-rang-ziel strong { color: #785116 !important; }
  .karten-buehne-v2 .buehne-v2-rang-ziel > b { color: #9a6918 !important; }
  .karten-buehne-v2 .buehne-v2-meisterschaft > i {
    position: relative;
    height: 54px;
    overflow: visible;
    background: none;
    opacity: 1;
    filter: none;
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > i::before,
  .karten-buehne-v2 .buehne-v2-meisterschaft > i::after {
    content: '';
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    background: url('/assets/ui/mastery-vine-v1.png') center / 100% 100% no-repeat;
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > i::before { opacity: .22; filter: grayscale(1) brightness(1.2); }
  .karten-buehne-v2 .buehne-v2-meisterschaft > i::after {
    clip-path: inset(0 calc(100% - var(--meister)) 0 0);
    opacity: 1;
    filter: drop-shadow(0 0 4px rgba(111,235,184,.46));
    animation: none;
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > i u {
    left: clamp(3px, calc(var(--meister) - 6px), calc(100% - 13px));
    top: 20px;
    right: auto;
    width: 12px;
    height: 12px;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 2px;
    background: #ffd064;
    box-shadow: 0 0 0 4px rgba(255,208,100,.13),0 0 14px rgba(255,208,100,.7);
    transform: rotate(45deg);
    transition: left .45s cubic-bezier(.16,1,.3,1);
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > em {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: rgba(39,78,85,.65);
    font-size: .36rem;
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > em span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .karten-buehne-v2 .buehne-v2-meisterschaft > em b { flex: none; color: #966619; font-size: .34rem; font-style: normal; letter-spacing: .08em; }

  .karten-buehne-v2 .buehne-v2-panel.seltenheit { grid-template-rows: 72px 52px 76px; }
  .karten-buehne-v2 .buehne-v2-rarity-route,
  .karten-buehne-v2 .buehne-v2-inspektor { border-color: rgba(184,231,235,.16); }
  .karten-buehne-v2 .buehne-v2-rarity-route > span small,
  .karten-buehne-v2 .buehne-v2-inspektor-start small,
  .karten-buehne-v2 .buehne-v2-inspektor-lesung small { color: #147663; }
  .karten-buehne-v2 .buehne-v2-rarity-route > span strong { color: #8a5f16; }
  .karten-buehne-v2 .buehne-v2-rarity-route > i > b { color: rgba(42,82,91,.68); }
  .karten-buehne-v2 .buehne-v2-rarity-route b.aktiv,
  .karten-buehne-v2 .buehne-v2-attribute button b,
  .karten-buehne-v2 .buehne-v2-inspektor-start strong,
  .karten-buehne-v2 .buehne-v2-inspektor-lesung strong { color: #173f4c; }
  .karten-buehne-v2 .buehne-v2-attribute button { color: #4f747b; }
  .karten-buehne-v2 .buehne-v2-inspektor-start p,
  .karten-buehne-v2 .buehne-v2-inspektor-lesung p,
  .karten-buehne-v2 .buehne-v2-inspektor-lesung em { color: rgba(48,83,90,.72); }
  .karten-buehne-v2 .buehne-v2-inspektor-start > b {
    width: 43px;
    height: 36px;
    border: 0;
    border-left: 2px solid rgba(190,126,26,.62);
    border-radius: 0;
    color: #805817;
    background: linear-gradient(90deg,rgba(255,243,194,.52),transparent);
  }

  .karten-buehne-v2 .buehne-v2-werkzeug {
    min-height: 72px;
    padding: 5px 16px 7px;
    border-top-color: rgba(55,135,137,.16);
    border-radius: 0 0 8px 8px;
    background: rgba(247,253,249,.28);
  }
  .karten-buehne-v2 .buehne-v2-fangstapel { grid-template-columns: 32px minmax(126px,auto) 32px; }
  .karten-buehne-v2 .buehne-v2-fangstapel > button[data-buehne-exemplar] { color: #225f6e; font-size: 1.8rem; }
  .karten-buehne-v2 .buehne-v2-stapel-oeffnen {
    min-width: 130px;
    height: 64px;
    grid-template-columns: 74px auto;
    border: 0;
    border-radius: 0;
    color: #173f4c;
    background: transparent;
  }
  .karten-buehne-v2 .buehne-v2-stapel-oeffnen > span i,
  .karten-buehne-v2 .buehne-v2-einzelfang > i i { width: 36px; height: 54px; margin-left: -17px; border-radius: 6px; }
  .karten-buehne-v2 .buehne-v2-stapel-oeffnen > span i.aktiv { box-shadow: 0 0 0 2px #ffd36c,0 0 18px rgba(255,211,108,.55); transform: translateY(-5px); }
  .karten-buehne-v2 .buehne-v2-fangstapel small { color: #2a776d; font-size: .37rem; }
  .karten-buehne-v2 .buehne-v2-fangstapel strong { color: #173f4c; font-size: .58rem; }
  .karten-buehne-v2 .buehne-v2-kartenblatt {
    min-height: 48px;
    padding-inline: 14px;
    border-color: rgba(255,224,136,.58);
    border-radius: 17px 4px 17px 4px;
    color: #775215;
    background: linear-gradient(135deg,rgba(255,246,201,.72),rgba(240,195,100,.46));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px rgba(75,78,45,.14);
    font-size: .62rem;
    text-shadow: 0 1px 8px rgba(255,255,255,.7);
    backdrop-filter: none;
  }
}

@media (max-width: 699px) and (max-height: 880px) {
  .karten-buehne-v2 .buehne-inhalt { margin-top: 18px; }
  .karten-buehne-v2 .buehne-karte { width: min(70vw, 282px); }
  .buehne-art-vorschau,
  .buehne-art-nav:is(:hover,:focus-visible) .buehne-art-vorschau { width: min(70vw, 282px); }
  .buehne-v2-sheet-griff { left: 50%; }
  .karten-buehne-v2 .buehne-v2-info {
    min-height: 338px;
    max-height: 500px;
    margin-top: 8px;
  }
  .karten-buehne-v2 .buehne-v2-tabs {
    height: 46px;
    margin-top: 24px;
  }
  .karten-buehne-v2 .buehne-v2-panel.profil {
    grid-template-rows: 38px minmax(52px, 1fr) 74px;
  }
  .karten-buehne-v2 .buehne-v2-panel.seltenheit { grid-template-rows: 68px 48px 74px; }
  .karten-buehne-v2 .buehne-v2-meisterschaft {
    min-height: 74px;
    grid-template-rows: 52px auto;
  }
  .karten-buehne-v2 .buehne-v2-meisterschaft > span,
  .karten-buehne-v2 .buehne-v2-meisterschaft > i { height: 50px; }
  .karten-buehne-v2 .buehne-v2-meisterschaft > i u { top: 20px; }
  .karten-buehne-v2 .buehne-v2-werkzeug { min-height: 78px; padding-block: 3px 6px; }
  .karten-buehne-v2 .buehne-v2-stapel-oeffnen { height: 68px; }
}

@keyframes buehne-artenpfad-atmet {
  from { opacity: .76; filter: drop-shadow(0 0 4px rgba(111,235,184,.45)); }
  to { opacity: 1; filter: drop-shadow(0 0 10px rgba(255,205,91,.68)); }
}

@keyframes buehne-fokus-atmet {
  from { opacity: .58; transform: translateX(-50%) rotate(-2deg) scale(.985); }
  to { opacity: .9; transform: translateX(-50%) rotate(1.5deg) scale(1.015); }
}

/* Artenbuch V2 -----------------------------------------------------------
   Keine Kachelwand: Die Navigation ist eine Folge aus Himmel, Tierwelten und
   waagerechten Artenlinien. Nur die Medaillons sind greifbare Objekte; der
   Rest bleibt offen, damit die Weltbilder und der Fortschritt tragen. */
#catalogView.catalog-v2-active {
  --lumi-ink: #17364a;
  --lumi-muted: #647f8d;
  --lumi-line: rgba(31, 87, 111, .15);
  --lumi-glass: rgba(249, 254, 255, .7);
  max-width: none;
  padding: 0 !important;
  color: var(--lumi-ink);
  background: #e8f8ff;
}
#catalogView.catalog-v2-active > :not(#catalogV2Root) { display: none !important; }
.catalog-v2-root { width: 100%; min-width: 0; min-height: 100dvh; overflow-x: clip; color: var(--lumi-ink); }
.catalog-v2-root[hidden] { display: none !important; }
.catalog-v2-root :is(button, input) { font: inherit; }
.catalog-v2-root button { color: inherit; }
.catalog-v2-root svg,
.species-dialog-v2 svg { width: 1.35em; height: 1.35em; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }

.catalog-v2-world {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 100dvh;
  padding-bottom: calc(112px + env(safe-area-inset-bottom));
  overflow: clip;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(219, 244, 255, .08), rgba(235, 250, 250, .78) 32%, rgba(255, 249, 232, .98) 68%),
    var(--catalog-world) 50% 0 / 100% auto no-repeat,
    linear-gradient(180deg, #63c7f5, #effbf3 61%, #fff8e7);
}

.catalog-v2-wayfinder {
  position: sticky;
  z-index: 12;
  top: 0;
  min-height: 54px;
  padding: 6px 10px;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 58px;
  align-items: center;
  gap: 5px;
  border-block: 1px solid rgba(255,255,255,.62);
  background: rgba(242, 252, 252, .78);
  box-shadow: 0 8px 25px rgba(24, 83, 98, .08);
  backdrop-filter: blur(18px) saturate(1.25);
}
.catalog-v2-wayfinder button { min-width: 0; min-height: 42px; padding: 0 8px; border: 0; color: #1c6071; background: transparent; }
.catalog-v2-wayfinder button:first-child { display: flex; align-items: center; gap: 6px; font-size: .65rem; text-align: left; }
.catalog-v2-wayfinder button:first-child > span { font-size: 1rem; }
.catalog-v2-wayfinder button:nth-child(2) { display: grid; place-content: center; justify-items: center; border-inline: 1px solid rgba(38,104,121,.11); }
.catalog-v2-wayfinder button:nth-child(2) small,
.catalog-v2-wayfinder button:last-child small { color: #1d715d; font-size: .5rem; font-weight: 950; letter-spacing: .08em; }
.catalog-v2-wayfinder button:nth-child(2) b { max-width: 100%; margin-top: 2px; overflow: hidden; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.catalog-v2-wayfinder button:nth-child(2) b span { margin-left: 5px; color: #5e8590; }
.catalog-v2-wayfinder button:last-child { display: grid; place-content: center; justify-items: center; gap: 1px; }
.catalog-v2-wayfinder button:last-child > span { font-size: 1rem; line-height: 1; }
.catalog-v2-wayfinder button:focus-visible { outline: 2px solid #2589a9; outline-offset: -3px; border-radius: 16px 6px 16px 6px; }
.catalog-v2-world::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 540px;
  pointer-events: none;
  opacity: .7;
  background:
    radial-gradient(circle at 74% 18%, color-mix(in srgb, var(--catalog-tone) 48%, transparent), transparent 22%),
    radial-gradient(circle at 17% 30%, rgba(255, 255, 255, .78), transparent 18%);
  mix-blend-mode: screen;
}
.catalog-v2-world::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 68px;
  left: 50%;
  width: 150px;
  height: 370px;
  opacity: .28;
  transform: translateX(-50%) rotate(4deg);
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--catalog-tone) 72%, white), transparent);
  filter: blur(22px);
  animation: catalog-aurora 9s ease-in-out infinite alternate;
}

.catalog-v2-hero {
  position: relative;
  min-height: 300px;
  padding: calc(24px + env(safe-area-inset-top)) 18px 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 98px;
  grid-template-rows: 1fr auto;
  align-items: end;
  gap: 12px;
}
.catalog-v2-hero::after {
  content: '';
  position: absolute;
  right: 7%;
  bottom: 8px;
  left: 7%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(39, 105, 126, .22), transparent);
}
.catalog-v2-title { align-self: center; max-width: 310px; text-shadow: 0 1px 18px rgba(255, 255, 255, .9); }
.catalog-v2-title small,
.catalog-v2-next small,
.catalog-v2-reading small,
.catalog-v2-trailhead small,
.species-v2-name small,
.species-v2-panel blockquote small,
.species-v2-constellation small,
.species-v2-kinship small,
.species-v2-mastery small {
  color: #16896d;
  font-size: .54rem;
  font-weight: 950;
  letter-spacing: .13em;
}
.catalog-v2-title h1 { margin: 5px 0 4px; max-width: 280px; font-size: clamp(2rem, 9vw, 3rem); line-height: .91; letter-spacing: -.055em; }
.catalog-v2-title p { max-width: 270px; margin: 0; color: #416b7c; font-size: .68rem; line-height: 1.38; }
.catalog-v2-compass {
  --catalog-progress: 0deg;
  position: relative;
  width: 94px;
  height: 94px;
  align-self: center;
  display: grid;
  place-content: center;
  justify-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 33%, rgba(255,255,255,.96) 0 46%, transparent 47%), conic-gradient(var(--catalog-tone) var(--catalog-progress), rgba(255,255,255,.36) 0);
  box-shadow: 0 12px 35px rgba(27, 100, 122, .17), inset 0 0 0 1px rgba(255,255,255,.7);
  animation: catalog-float 5.4s ease-in-out infinite;
}
.catalog-v2-compass > span { position: absolute; top: 10px; color: var(--catalog-tone); font-size: .7rem; }.catalog-v2-compass > span > b { font-size:1rem; line-height:1; }
.catalog-v2-compass > b { margin-top: 9px; font-size: 1.28rem; line-height: 1; }.catalog-v2-compass > b small { font-size: .55rem; }
.catalog-v2-compass > em { margin-top: 3px; color: #526f7c; font-size: .5rem; font-style: normal; }
.catalog-v2-next { grid-column: 1 / -1; display: grid; padding: 11px 4px 0; }
.catalog-v2-next strong { margin-top: 3px; font-size: .72rem; }.catalog-v2-next span { margin-top: 2px; color: #5b7885; font-size: .56rem; }

.catalog-v2-realms {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  padding: 14px 13px 19px;
  scroll-margin-top: 58px;
  background: linear-gradient(90deg, rgba(250,254,255,.2), rgba(250,254,255,.7) 14%, rgba(250,254,255,.7) 86%, rgba(250,254,255,.2));
}
.catalog-v2-realms::-webkit-scrollbar { display: none; }
.catalog-v2-realms button { min-width: 0; padding: 0; display: grid; justify-items: center; gap: 3px; border: 0; background: transparent; }
.catalog-v2-realms button > i {
  --realm-progress: 0deg;
  width: clamp(48px, 13.2vw, 53px);
  height: clamp(48px, 13.2vw, 53px);
  display: grid;
  place-items: center;
  border-radius: 47% 53% 55% 45% / 52% 42% 58% 48%;
  color: var(--realm-tone);
  background: radial-gradient(circle, rgba(255,255,255,.92) 0 57%, transparent 59%), conic-gradient(var(--realm-tone) var(--realm-progress), rgba(38,105,126,.12) 0);
  box-shadow: 0 7px 18px rgba(29, 87, 105, .1);
  transition: transform .26s cubic-bezier(.2,.8,.2,1), filter .26s ease;
}
.catalog-v2-realms button > i b { font-size: 1.1rem; }.catalog-v2-realms button > i svg { width: 22px; height: 22px; }
.catalog-v2-realms button > span { max-width: 100%; overflow: hidden; font-size: .62rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }.catalog-v2-realms button > small { color: #627f8b; font-size: .5rem; }
.catalog-v2-realms button[aria-selected="true"] > i { transform: translateY(-5px) scale(1.08); filter: saturate(1.3); box-shadow: 0 12px 25px color-mix(in srgb, var(--realm-tone) 28%, transparent); }
.catalog-v2-realms button[aria-selected="true"] > span { color: #0b705c; }
.catalog-v2-realms button:focus-visible { outline: none; }.catalog-v2-realms button:focus-visible > i { outline: 2px solid #177fa0; outline-offset: 3px; }

.catalog-v2-lensline { padding: 14px 16px 5px; display: grid; gap: 9px; }
.catalog-v2-lensline form { min-height: 48px; padding: 4px 4px 4px 13px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border: 1px solid rgba(45, 107, 127, .15); border-radius: 25px 11px 25px 11px; background: rgba(255,255,255,.63); box-shadow: 0 12px 35px rgba(31,83,101,.07), inset 0 1px rgba(255,255,255,.8); backdrop-filter: blur(12px); }
.catalog-v2-lensline label { min-width: 0; display: grid; grid-template-columns: 21px minmax(0,1fr); align-items: center; color: #3a839b; }
.catalog-v2-lensline input { width: 100%; border: 0; outline: 0; color: #17364a; background: transparent; font-size: .7rem; }
.catalog-v2-lensline form > button { height: 39px; padding: 0 15px; border: 0; border-radius: 20px 8px 20px 8px; color: #f4ffff; background: linear-gradient(135deg, #2a9b83, #277eb3); font-size: .62rem; font-weight: 850; }
.catalog-v2-wild { min-height: 48px; padding: 0 7px 0 4px; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 8px; border: 0; background: transparent; text-align: left; }
.catalog-v2-wild > i { width: 39px; height: 23px; padding: 3px; display: flex; border-radius: 99px; background: rgba(36,93,111,.18); transition: background .22s ease; }
.catalog-v2-wild > i::before { content:''; width:17px; border-radius:50%; background:white; box-shadow:0 3px 9px rgba(22,64,78,.2); transition:transform .24s cubic-bezier(.2,.8,.2,1); }
.catalog-v2-wild[aria-pressed="true"] > i { background: #3ab37b; }.catalog-v2-wild[aria-pressed="true"] > i::before { transform: translateX(16px); }
.catalog-v2-wild span { display:grid; }.catalog-v2-wild b { font-size:.66rem; }.catalog-v2-wild small { margin-top:2px; color:#617d89; font-size:.54rem; }

.catalog-v2-reading { margin: 8px 18px 0; padding: 0 1px 9px; display:flex; align-items:end; justify-content:space-between; border-bottom:1px solid var(--lumi-line); }
.catalog-v2-reading span { display:grid; }.catalog-v2-reading b { margin-top:3px; font-size:.8rem; }.catalog-v2-reading em { color:#5c7b87; font-size:.55rem; font-style:normal; }
.catalog-v2-trails { padding: 0 16px 32px; }
.catalog-v2-trail { position:relative; border-bottom:1px solid var(--lumi-line); }
.catalog-v2-trail::before { content:''; position:absolute; top:0; right:0; left:46px; height:1px; background:linear-gradient(90deg,var(--trail-tone),transparent) 0 0 / var(--trail-progress) 100% no-repeat; transition:background-size .5s ease; }
.catalog-v2-trailhead { width:100%; min-height:80px; padding:9px 0; display:grid; grid-template-columns:40px minmax(0,1fr) 41px; align-items:center; gap:8px; border:0; background:transparent; text-align:left; }
.catalog-v2-trailhead > i { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:var(--trail-tone); background:color-mix(in srgb,var(--trail-tone) 12%,white); box-shadow:0 0 0 5px color-mix(in srgb,var(--trail-tone) 6%,transparent); }
.catalog-v2-trailhead > span { min-width:0; display:grid; }.catalog-v2-trailhead strong { margin-top:3px; overflow:hidden; font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }.catalog-v2-trailhead em { margin-top:3px; overflow:hidden; color:#5f7b87; font-size:.54rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.catalog-v2-trailhead > b { font-size:.8rem; text-align:right; }.catalog-v2-trailhead > b small { font-size:.42rem; }
.catalog-v2-trailhead > u { position:absolute; right:2px; bottom:9px; width:10px; height:10px; border-right:1px solid #5c7f8c; border-bottom:1px solid #5c7f8c; transform:rotate(45deg); transition:transform .2s ease; }.catalog-v2-trail.open .catalog-v2-trailhead > u { transform:rotate(225deg) translate(-3px,-3px); }
.catalog-v2-trailhead:focus-visible { outline:2px solid #2589a9; outline-offset:-2px; border-radius:16px; }
.catalog-v2-river { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 9px; padding:7px 1px 22px; overflow:visible; }
.catalog-v2-river::before { content:''; position:absolute; top:45px; right:7%; left:7%; height:1px; background:linear-gradient(90deg,transparent,var(--trail-tone),rgba(68,117,131,.12),transparent); }
.catalog-v2-species { position:relative; min-width:0; padding:0; display:grid; justify-items:center; gap:3px; border:0; background:transparent; text-align:center; }
.catalog-v2-species-photo { position:relative; z-index:1; width:72px; height:72px; padding:4px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.85); border-radius:42% 58% 48% 52% / 53% 44% 56% 47%; overflow:hidden; color:var(--trail-tone); background:rgba(255,255,255,.78); box-shadow:0 9px 22px rgba(28,75,89,.13); transition:transform .25s cubic-bezier(.2,.8,.2,1); }
.catalog-v2-species-photo img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }.catalog-v2-species-photo img.stock { filter:saturate(.8); }.catalog-v2-species.missing .catalog-v2-species-photo img { filter:grayscale(1) opacity(.48); }
.catalog-v2-species-photo img,
.catalog-v2-species-photo img,
.species-v2-portrait img,
.species-v2-captures img { display:block; min-width:100%; min-height:100%; object-position:var(--photo-x,50%) var(--photo-y,50%); transform-origin:var(--photo-x,50%) var(--photo-y,50%); transform:scale(var(--photo-zoom,1)) rotate(var(--photo-rotation,0deg)); }
.catalog-v2-species-photo > span svg { width:28px; height:28px; }.catalog-v2-species-photo > b { position:absolute; right:1px; bottom:1px; width:21px; height:21px; display:grid; place-items:center; border:2px solid #f6feff; border-radius:50%; color:white; background:#39aa78; font-size:.5rem; font-style:normal; }.catalog-v2-species.missing .catalog-v2-species-photo > b { color:#6d8791; background:#dce9eb; }
.catalog-v2-species strong { width:100%; margin-top:3px; overflow:hidden; font-size:.66rem; text-overflow:ellipsis; white-space:nowrap; }.catalog-v2-species em { width:100%; overflow:hidden; color:#657f8a; font-size:.5rem; font-style:italic; text-overflow:ellipsis; white-space:nowrap; }.catalog-v2-species small { color:#217b68; font-size:.5rem; }
.catalog-v2-species:is(:hover,:focus-visible) { outline:none; }.catalog-v2-species:is(:hover,:focus-visible) .catalog-v2-species-photo { transform:translateY(-5px) rotate(-2deg) scale(1.04); box-shadow:0 15px 28px rgba(28,75,89,.18); }
.catalog-v2-empty { min-height:310px; padding:50px 28px; display:grid; place-content:center; justify-items:center; text-align:center; }.catalog-v2-empty > span { font-size:2rem; color:#4ca6af; }.catalog-v2-empty small { margin-top:14px; color:#218d72; font-size:.45rem; font-weight:900; letter-spacing:.13em; }.catalog-v2-empty h2 { margin:6px 0 0; font-size:1.25rem; }.catalog-v2-empty p { max-width:260px; margin:5px 0 16px; color:#67818d; font-size:.58rem; }.catalog-v2-empty button { min-height:42px; padding:0 19px; border:1px solid rgba(36,116,134,.22); border-radius:22px 8px 22px 8px; background:rgba(255,255,255,.62); font-size:.55rem; font-weight:800; }

/* Artprofil: dasselbe Weltmotiv, aber als konzentrierte Feldseite. Der Dialog
   ist auf Mobilgeraeten eine echte Seite; auf Desktop bleibt er eine grosse,
   klar abgegrenzte Lupe ueber dem Artenbuch. */
#speciesDialog.species-dialog-v2 { width:min(100%, 760px); max-width:none; height:min(100dvh, 900px); max-height:100dvh; margin:auto; padding:0; overflow:hidden; border:0; border-radius:0; color:#17364a; background:#effaf5; box-shadow:0 35px 100px rgba(4,41,57,.32); }
#speciesDialog.species-dialog-v2::backdrop { background:rgba(5,34,48,.48); backdrop-filter:blur(6px); }
#speciesDialog.species-dialog-v2 > form { height:100%; max-height:none; padding:0; display:grid; grid-template-rows:auto minmax(0,1fr); overflow:hidden; background:#effaf5; }
#speciesDialog.species-dialog-v2 .sheet-handle,
#speciesDialog.species-dialog-v2 .secondary-bar { display:none; }
#speciesDialog.species-dialog-v2 :is(.species-head,.species-body) { margin:0; padding:0; }
#speciesDialog.species-dialog-v2 .species-body { overflow:auto; overscroll-behavior:contain; background:linear-gradient(180deg,#edf9f5,#fff8e9 72%); }
.species-v2-hero { --species-tone:#65cda3; position:relative; min-height:290px; padding:calc(18px + env(safe-area-inset-top)) 18px 18px; display:grid; grid-template-columns:124px minmax(0,1fr) 64px; grid-template-rows:1fr auto; align-items:end; gap:10px; overflow:hidden; isolation:isolate; background:linear-gradient(180deg,rgba(211,244,255,.13),rgba(234,249,246,.9)),var(--species-world) 50% 42% / cover no-repeat,#7bd0f1; }
.species-v2-hero::before { content:''; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--species-tone) 47%,transparent),transparent 24%),linear-gradient(180deg,transparent 35%,rgba(238,251,248,.88)); }
.species-v2-close { position:absolute; z-index:3; top:calc(12px + env(safe-area-inset-top)); left:13px; min-width:104px; height:45px; padding:0 13px; display:flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.75); border-radius:24px 9px 24px 9px; color:#22566a; background:rgba(247,253,255,.78); box-shadow:0 8px 25px rgba(25,78,96,.13); backdrop-filter:blur(10px); }
.species-v2-close > span { font-size:1rem; }.species-v2-close > b { font-size:.52rem; }
.species-v2-sigil { position:absolute; top:calc(15px + env(safe-area-inset-top)); left:50%; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; color:var(--species-tone); background:rgba(250,254,255,.67); transform:translateX(-50%); box-shadow:0 0 30px color-mix(in srgb,var(--species-tone) 23%,transparent); backdrop-filter:blur(10px); }.species-v2-sigil i { display:grid; }.species-v2-sigil span { position:absolute; inset:5px; border:1px solid color-mix(in srgb,var(--species-tone) 44%,transparent); border-radius:44% 56% 48% 52%; animation:species-orbit 7s linear infinite; }
.species-v2-portrait { position:relative; width:118px; height:132px; margin:0; padding:5px; overflow:hidden; border:1px solid rgba(255,255,255,.85); border-radius:47% 53% 45% 55% / 58% 44% 56% 42%; background:rgba(255,255,255,.66); box-shadow:0 18px 45px rgba(18,72,88,.22),0 0 0 6px color-mix(in srgb,var(--species-tone) 9%,transparent); transform:rotate(-2deg); }.species-v2-portrait img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }.species-v2-portrait img.stock { filter:saturate(.9); }.species-v2-portrait > span { width:100%; height:100%; display:grid; place-items:center; color:var(--species-tone); }.species-v2-portrait > span svg { width:46px; height:46px; }
.species-v2-name { min-width:0; display:grid; align-content:end; text-shadow:0 1px 12px rgba(255,255,255,.9); }.species-v2-name h2 { margin:4px 0 0; overflow:hidden; font-size:1.45rem; line-height:1; letter-spacing:-.04em; text-overflow:ellipsis; white-space:nowrap; }.species-v2-name em { margin-top:3px; color:#416878; font-size:.54rem; }.species-v2-name > b { width:max-content; max-width:100%; margin-top:8px; padding:5px 9px; border-radius:12px 4px 12px 4px; color:#146e5b; background:rgba(255,255,255,.55); font-size:.43rem; }
.species-v2-progress { --species-progress:0deg; width:61px; height:61px; display:grid; place-content:center; justify-items:center; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.92) 0 58%,transparent 60%),conic-gradient(var(--species-tone) var(--species-progress),rgba(255,255,255,.38) 0); box-shadow:0 8px 20px rgba(28,78,94,.12); }.species-v2-progress b { font-size:.68rem; }.species-v2-progress b small { font-size:.35rem; }.species-v2-progress span { max-width:52px; overflow:hidden; color:#587886; font-size:.28rem; text-overflow:ellipsis; white-space:nowrap; }
.species-v2-credit { position:absolute; right:12px; bottom:3px; margin:0; color:#587886; font-size:.29rem; }.species-v2-credit a { color:inherit; }
.species-v2-tabs { position:sticky; z-index:4; top:0; display:grid; grid-template-columns:1fr 1fr; padding:0 18px; background:rgba(239,250,246,.78); backdrop-filter:blur(17px); }
.species-v2-tabs button { min-height:53px; border:0; border-bottom:1px solid rgba(44,101,119,.13); color:#526f7a; background:transparent; font-size:.57rem; font-weight:850; }.species-v2-tabs button[aria-selected="true"] { color:#14715d; border-bottom-color:#30a77d; box-shadow:inset 0 -2px #30a77d; }.species-v2-tabs button:focus-visible { outline:2px solid #288ca7; outline-offset:-4px; }
.species-v2-panel { padding:20px 18px 8px; }.species-v2-panel[hidden] { display:none; }
.species-v2-panel blockquote { position:relative; margin:0; padding:6px 4px 17px 29px; border-bottom:1px solid rgba(43,101,118,.13); }.species-v2-panel blockquote::before { content:'“'; position:absolute; top:-4px; left:0; color:#e4ad32; font-family:serif; font-size:2.1rem; }.species-v2-panel blockquote p { margin:5px 0 0; color:#244c5c; font-size:.65rem; font-weight:700; line-height:1.48; }
.species-v2-constellation { position:relative; height:190px; margin-top:9px; }.species-v2-constellation > span { position:absolute; left:var(--x); top:var(--y); width:42%; display:grid; }.species-v2-constellation > span.wide { width:48%; }.species-v2-constellation b { margin-top:3px; font-size:.57rem; line-height:1.3; }.species-v2-constellation em { margin-top:2px; color:#6d848d; font-size:.42rem; }.species-v2-constellation svg { position:absolute; inset:10px 0 0; width:100%; height:165px; color:rgba(42,161,127,.24); stroke-dasharray:2 5; pointer-events:none; }
.species-v2-panel.captures { min-height:280px; }.species-v2-captures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:5px 2px 15px; overflow:visible; }.species-v2-captures button { position:relative; min-width:0; min-height:174px; padding:0 0 11px; display:grid; grid-template-rows:115px auto; overflow:hidden; border:0; border-radius:48% 52% 18px 18px / 22% 22% 18px 18px; color:#17364a; background:rgba(255,255,255,.63); box-shadow:0 10px 28px rgba(27,75,88,.11); text-align:left; }.species-v2-captures button::after { content:''; position:absolute; inset:0; border:1px solid color-mix(in srgb,var(--capture-tone) 45%,transparent); border-radius:inherit; pointer-events:none; }.species-v2-captures button > i { min-width:0; overflow:hidden; background:color-mix(in srgb,var(--capture-tone) 15%,white); }.species-v2-captures button img { width:100%; height:100%; object-fit:cover; }.species-v2-captures button > span { min-width:0; padding:9px 10px 0; display:grid; }.species-v2-captures button small,.species-v2-captures button b,.species-v2-captures button em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.species-v2-captures button small { color:#16866d; font-size:.37rem; font-weight:900; letter-spacing:.1em; }.species-v2-captures button b { margin-top:3px; font-size:.58rem; }.species-v2-captures button em { margin-top:2px; color:#708690; font-size:.38rem; }.species-v2-panel.captures > p { color:#667f8b; font-size:.5rem; }
.species-v2-no-captures { min-height:225px; display:grid; place-content:center; justify-items:center; text-align:center; }.species-v2-no-captures span { width:72px; height:72px; display:grid; place-items:center; border:1px dashed rgba(35,114,131,.3); border-radius:50%; color:#6b8791; font-size:1.2rem; }.species-v2-no-captures b { margin-top:14px; font-size:.72rem; }.species-v2-no-captures p { max-width:260px; color:#687f89; font-size:.52rem; }
.species-v2-kinship { margin:6px 18px 0; padding:17px 0; border-top:1px solid rgba(43,101,118,.13); }.species-v2-kinship header { display:flex; justify-content:space-between; align-items:end; }.species-v2-kinship header span { display:grid; }.species-v2-kinship h3 { margin:4px 0 0; font-size:.78rem; }.species-v2-kinship header > b { color:#6b848e; font-size:.43rem; }.species-v2-kinship > div { position:relative; margin-top:12px; display:grid; gap:0; }.species-v2-kinship > div::before { content:''; position:absolute; top:0; bottom:0; left:18px; width:1px; background:linear-gradient(#5dc5a2,rgba(54,114,129,.1)); }.species-v2-kinship button { position:relative; min-height:48px; padding:4px 4px 4px 46px; display:grid; grid-template-columns:minmax(0,1fr); border:0; background:transparent; text-align:left; }.species-v2-kinship button > i { position:absolute; z-index:1; top:10px; left:7px; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#78919a; background:#eff8f2; }.species-v2-kinship button.found > i { color:#2eaa7b; box-shadow:0 0 0 4px rgba(46,170,123,.1); }.species-v2-kinship button span { display:grid; }.species-v2-kinship button b { font-size:.55rem; }.species-v2-kinship button small { margin-top:2px; color:#71868f; font-size:.39rem; }.species-v2-kinship button:is(:hover,:focus-visible) { outline:none; background:linear-gradient(90deg,transparent,rgba(57,168,125,.08),transparent); }
.species-v2-mastery { width:calc(100% - 36px); min-height:74px; margin:8px 18px calc(22px + env(safe-area-inset-bottom)); padding:7px 8px; display:grid; grid-template-columns:56px minmax(0,1fr) 28px; align-items:center; gap:10px; border:0; border-top:1px solid rgba(43,101,118,.14); border-bottom:1px solid rgba(43,101,118,.14); background:linear-gradient(90deg,transparent,rgba(255,191,72,.11),transparent); text-align:left; }.species-v2-mastery > i { --mastery-progress:0deg; width:50px; height:50px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle,#fff8e8 0 58%,transparent 61%),conic-gradient(#ffb53a var(--mastery-progress),rgba(59,112,124,.13) 0); }.species-v2-mastery > i b { font-size:.75rem; }.species-v2-mastery > span { min-width:0; display:grid; }.species-v2-mastery strong { margin-top:3px; overflow:hidden; font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }.species-v2-mastery em { margin-top:2px; color:#6c838d; font-size:.4rem; }.species-v2-mastery > b { color:#df9f2c; font-size:1.1rem; }.species-v2-mastery:is(:hover,:focus-visible) { outline:0; background:linear-gradient(90deg,transparent,rgba(255,191,72,.2),transparent); }

@keyframes catalog-aurora { to { transform:translateX(-50%) rotate(-4deg) scaleX(1.2); opacity:.46; } }
@keyframes catalog-float { 50% { transform:translateY(-6px) rotate(1deg); } }
@keyframes species-orbit { to { transform:rotate(360deg); } }

@media (min-width:700px) {
  #catalogView.catalog-v2-active { max-width:980px; margin-inline:auto; box-shadow:0 0 70px rgba(29,72,90,.17); }
  .catalog-v2-world { background-size:cover,cover,auto; }
  .catalog-v2-hero { min-height:340px; padding:42px 38px 24px; grid-template-columns:minmax(0,1fr) 128px; }.catalog-v2-title { max-width:470px; }.catalog-v2-title h1 { max-width:460px; font-size:3.3rem; }.catalog-v2-title p { max-width:390px; font-size:.8rem; }.catalog-v2-compass { width:118px; height:118px; }.catalog-v2-compass > b { font-size:1.55rem; }
  .catalog-v2-wayfinder { grid-template-columns:120px minmax(0,1fr) 74px; padding-inline:28px; }
  .catalog-v2-realms { grid-template-columns:repeat(9,minmax(0,83px)); justify-content:center; gap:10px; }.catalog-v2-realms button > i { width:62px; height:62px; }
  .catalog-v2-lensline { padding-inline:34px; grid-template-columns:minmax(0,1fr) 210px; align-items:center; }.catalog-v2-reading { margin-inline:36px; }.catalog-v2-trails { padding-inline:34px; }.catalog-v2-river { grid-template-columns:repeat(auto-fit,minmax(108px,1fr)); }.catalog-v2-species-photo { width:86px; height:86px; }
  .species-v2-captures { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #speciesDialog.species-dialog-v2 { height:min(92dvh,900px); border-radius:34px; }.species-v2-hero { min-height:330px; grid-template-columns:150px minmax(0,1fr) 74px; padding:30px 30px 22px; }.species-v2-portrait { width:142px; height:160px; }.species-v2-panel,.species-v2-tabs { padding-inline:30px; }.species-v2-kinship { margin-inline:30px; }.species-v2-mastery { width:calc(100% - 60px); margin-inline:30px; }
}

@media (max-width:355px) {
  .catalog-v2-hero { grid-template-columns:minmax(0,1fr) 82px; padding-inline:12px; }.catalog-v2-compass { width:80px; height:80px; }.catalog-v2-lensline,.catalog-v2-trails { padding-inline:11px; }.catalog-v2-reading { margin-inline:13px; }
  .species-v2-hero { grid-template-columns:103px minmax(0,1fr) 52px; padding-inline:11px; }.species-v2-portrait { width:98px; height:116px; }.species-v2-name h2 { font-size:1.15rem; }.species-v2-progress { width:50px; height:50px; }.species-v2-panel,.species-v2-tabs { padding-inline:12px; }.species-v2-kinship { margin-inline:12px; }.species-v2-mastery { width:calc(100% - 24px); margin-inline:12px; }
  .catalog-v2-realms { grid-template-columns:repeat(4,minmax(0,1fr)); padding-inline:9px; }
  .catalog-v2-river { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-v2-wayfinder { grid-template-columns:82px minmax(0,1fr) 51px; padding-inline:6px; }
  .species-v2-captures { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .catalog-v2-root *, .catalog-v2-root *::before, .catalog-v2-root *::after,
  #speciesDialog.species-dialog-v2 *, #speciesDialog.species-dialog-v2 *::before, #speciesDialog.species-dialog-v2 *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* ========================================================================== 
   VITRINENKABINETT V2

   Die Ansicht ist nur ein Darstellungsadapter. Bestand und Zuweisung bleiben
   in app.js und auf dem Server; Karte, Licht und Raum kommen aus den bereits
   produktiven Kartencontrollern. So darf das Kabinett eigen aussehen, ohne
   eine zweite Vitrinenmechanik zu erfinden.
   ========================================================================== */
#itemsView.items-v2-active { width:100%; max-width:980px; min-height:100dvh; margin-inline:auto; padding:0 !important; overflow:hidden; color:#173c4b; background:#edf9f4; }
#itemsView.items-v2-active > :not(.items-v2-root) { display:none !important; }
.items-v2-root { min-height:100dvh; }
.vitrinen-v2 { position:relative; min-height:100dvh; padding-top:90px; overflow:hidden; isolation:isolate; }
.vitrinen-v2 > .collection-v2-journey.is-compact + .vitrinen-v2-topbar { position:absolute; top:98px; }
.vitrinen-v2-world { position:fixed; z-index:-2; inset:0; max-width:980px; margin:auto; background:linear-gradient(180deg,rgba(218,245,255,.06),rgba(241,251,241,.78) 47%,rgba(251,248,227,.97) 92%),var(--vitrine-world) 50% 45% / cover no-repeat,#7acdf1; filter:saturate(.98) brightness(1.05); }
.vitrinen-v2-world::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 31%,rgba(255,236,158,.28),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(247,253,246,.74) 54%,#fff8e8); }
.vitrinen-v2-topbar { position:fixed; z-index:30; top:max(10px,env(safe-area-inset-top)); left:50%; width:min(calc(100% - 24px),956px); min-height:52px; padding:5px; display:grid; grid-template-columns:43px minmax(0,1fr) 43px; align-items:center; color:#18485a; background:rgba(242,252,251,.68); border:1px solid rgba(255,255,255,.8); border-radius:28px 12px 28px 12px; box-shadow:0 12px 35px rgba(27,79,96,.12),inset 0 1px white; backdrop-filter:blur(18px) saturate(1.2); transform:translateX(-50%); }
.vitrinen-v2-topbar button { width:42px; height:42px; border:0; border-radius:50%; color:#236d83; background:rgba(255,255,255,.45); font-size:1.05rem; }
.vitrinen-v2-topbar > span { min-width:0; display:grid; justify-items:center; }.vitrinen-v2-topbar small { color:#198265; font-size:.35rem; font-weight:950; letter-spacing:.16em; }.vitrinen-v2-topbar b { margin-top:2px; font-size:.67rem; }
.vitrinen-v2-topbar > i { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(36,136,105,.23); border-radius:50%; color:#15745c; background:rgba(255,255,255,.48); font-size:.5rem; font-style:normal; font-weight:900; }
.vitrinen-v2-scroll { min-height:100dvh; padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
.vitrinen-v2-intro { min-height:278px; padding:96px 18px 27px; display:grid; grid-template-columns:minmax(0,1fr) 92px; align-items:end; gap:8px; }
.vitrinen-v2-intro > div > small { color:#116b52; font-size:.38rem; font-weight:950; letter-spacing:.14em; }.vitrinen-v2-intro h1 { margin:5px 0 8px; font-size:2.05rem; line-height:.88; letter-spacing:-.07em; }.vitrinen-v2-intro p { max-width:220px; margin:0; color:#517480; font-size:.5rem; font-weight:680; line-height:1.45; }
.vitrinen-v2-orbit { position:relative; align-self:center; width:82px; height:82px; display:grid; place-content:center; justify-items:center; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(255,255,255,.57); box-shadow:0 14px 34px rgba(34,88,103,.12); backdrop-filter:blur(10px); }.vitrinen-v2-orbit::before { content:''; position:absolute; inset:-7px; border:1px dashed rgba(38,142,111,.34); border-radius:48% 52% 45% 55%; animation:vitrine-orbit 12s linear infinite; }.vitrinen-v2-orbit b { font-size:1.25rem; }.vitrinen-v2-orbit small { color:#587982; font-size:.33rem; font-weight:850; line-height:1.2; text-align:center; }
.vitrinen-v2-materials { position:relative; padding-bottom:12px; }.vitrinen-v2-materials::after { content:''; position:absolute; left:11%; right:11%; bottom:34px; height:10px; border-radius:50%; background:rgba(61,89,80,.15); filter:blur(7px); }
.vitrinen-v2-wall-rail { position:relative; z-index:1; display:flex; gap:9px; padding:8px calc(50% - 76px) 22px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; }.vitrinen-v2-wall-rail::-webkit-scrollbar { display:none; }
.vitrinen-v2-wall { flex:0 0 152px; padding:0; display:grid; justify-items:center; border:0; color:#173f4e; background:transparent; transform:scale(.87); transition:transform .32s cubic-bezier(.2,.8,.2,1); scroll-snap-align:center; }.vitrinen-v2-wall.is-active { transform:scale(1); }.vitrinen-v2-wall:not(.is-active) .vitrinen-v2-swatch { opacity:.62; }.vitrinen-v2-wall.is-missing .vitrinen-v2-swatch { filter:grayscale(.82); opacity:.42; }
.vitrinen-v2-swatch { position:relative; width:140px; height:106px; overflow:hidden; border:6px solid rgba(255,255,255,.74); border-radius:50% 50% 22px 22px / 35% 35% 22px 22px; background-position:center; background-size:cover; box-shadow:0 15px 27px rgba(27,75,86,.15),inset 0 0 28px rgba(3,22,25,.2); }.vitrinen-v2-swatch::before { content:''; position:absolute; inset:8px; border:1px solid rgba(255,255,255,.3); border-radius:inherit; }.vitrinen-v2-swatch i { position:absolute; inset:-40% -65%; background:linear-gradient(110deg,transparent 41%,rgba(255,255,255,calc(var(--wall-shine) * 1.7)) 50%,transparent 59%); transform:translateX(-42%); transition:transform .8s ease; }.vitrinen-v2-wall.is-active .vitrinen-v2-swatch i { transform:translateX(42%); }
.vitrinen-v2-wall small { margin-top:7px; color:color-mix(in srgb,var(--wall-accent) 34%,#173f4e); font-size:.33rem; font-weight:950; letter-spacing:.11em; }.vitrinen-v2-wall strong { margin-top:2px; font-size:.58rem; }.vitrinen-v2-wall em { margin-top:2px; color:#4b6971; font-size:.36rem; font-style:normal; }
.vitrinen-v2-materials > p { position:relative; z-index:2; margin:0 22px; color:#47656d; font-size:.39rem; line-height:1.4; text-align:center; }
.vitrinen-v2-stage { position:relative; min-height:520px; margin-top:3px; padding:24px 14px 18px; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,250,225,.76)); }
.vitrinen-v2-stage::before { content:''; position:absolute; top:56px; left:50%; width:310px; height:330px; border:1px solid rgba(36,122,130,.13); border-radius:50%; transform:translateX(-50%); }.vitrinen-v2-stage > header { position:relative; z-index:3; min-height:32px; padding:0 4px; display:flex; align-items:end; justify-content:space-between; }.vitrinen-v2-stage > header span { display:grid; }.vitrinen-v2-stage > header small { color:#21806a; font-size:.35rem; font-weight:950; letter-spacing:.12em; }.vitrinen-v2-stage > header b { margin-top:2px; font-size:.63rem; }.vitrinen-v2-stage > header em { padding:5px 9px; border-radius:14px 5px 14px 5px; color:#4f7279; background:rgba(255,255,255,.53); font-size:.34rem; font-style:normal; font-weight:900; backdrop-filter:blur(8px); }
.vitrinen-v2-glow { position:absolute; top:48px; left:50%; width:280px; height:340px; background:radial-gradient(ellipse,color-mix(in srgb,var(--wall-accent) 27%,rgba(255,230,150,.26)),transparent 67%); transform:translateX(-50%); filter:blur(2px); }
.vitrinen-v2-card { position:relative; z-index:2; width:190px; min-height:300px; margin:2px auto 0; display:grid; place-items:center; perspective:1000px; transform-origin:center; transition:transform .55s cubic-bezier(.18,.9,.25,1); touch-action:none; }.vitrinen-v2-card .kartendreher { position:relative; width:100%; transform-style:preserve-3d; }.vitrinen-v2-card.vitrinenraum-offen { z-index:12; transform:translate3d(var(--vitrinenraum-x,0),var(--vitrinenraum-y,0),0) scale(var(--vitrinenraum-scale,1)); }.vitrinen-v2-card-empty { color:#55777f; font-size:.55rem; }
.vitrinen-v2-animal-head { position:relative; z-index:3; margin:-2px 7px 6px; display:flex; align-items:end; justify-content:space-between; gap:10px; }.vitrinen-v2-animal-head span { min-width:0; display:grid; }.vitrinen-v2-animal-head small { color:#21806a; font-size:.31rem; font-weight:950; letter-spacing:.12em; }.vitrinen-v2-animal-head b { margin-top:2px; overflow:hidden; font-size:.54rem; text-overflow:ellipsis; white-space:nowrap; }.vitrinen-v2-animal-head em { color:#668087; font-size:.34rem; font-style:normal; text-align:right; }
.vitrinen-v2-animal-rail { position:relative; z-index:3; min-height:50px; padding:4px 7px 8px; display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; }.vitrinen-v2-animal-rail::-webkit-scrollbar { display:none; }.vitrinen-v2-animal-rail button { position:relative; flex:0 0 42px; height:42px; padding:0; border:2px solid rgba(255,255,255,.78); border-radius:46% 54% 48% 52%; overflow:visible; background:rgba(255,255,255,.7); box-shadow:0 6px 15px rgba(28,76,88,.13); scroll-snap-align:start; transition:transform .2s ease,border-color .2s ease; }.vitrinen-v2-animal-rail button[aria-pressed="true"] { border-color:#31aa79; transform:translateY(-3px) scale(1.08); }.vitrinen-v2-animal-rail img,.vitrinen-v2-animal-rail button > span { width:100%; height:100%; display:grid; place-items:center; border-radius:inherit; object-fit:cover; }.vitrinen-v2-animal-rail i { position:absolute; right:-3px; bottom:-3px; width:14px; height:14px; display:grid; place-items:center; border:2px solid #f6fff9; border-radius:50%; color:white; background:#277f68; font-size:.27rem; font-style:normal; }
.vitrinen-v2-apply { position:relative; z-index:3; width:calc(100% - 14px); min-height:58px; margin:3px 7px 0; padding:7px 13px; display:grid; grid-template-columns:36px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; border:0; border-radius:29px 11px 29px 11px; color:white; background:linear-gradient(100deg,#237d5d,#329166); box-shadow:0 12px 27px rgba(38,135,94,.2); text-align:left; }.vitrinen-v2-apply > span { grid-row:1/3; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.18); font-size:1rem; }.vitrinen-v2-apply b { font-size:.52rem; }.vitrinen-v2-apply small { margin-top:2px; color:rgba(255,255,255,.9); font-size:.34rem; }.vitrinen-v2-apply:disabled { color:#334f56; background:rgba(225,236,229,.96); box-shadow:none; }.vitrinen-v2-apply:disabled small { color:#4c676d; }
.vitrinen-v2-carriers { position:relative; z-index:3; margin:12px 8px 0; padding-top:9px; border-top:1px solid rgba(45,108,119,.12); }.vitrinen-v2-carriers > small { color:#a86d14; font-size:.31rem; font-weight:950; letter-spacing:.11em; }.vitrinen-v2-carriers > div { margin-top:6px; display:flex; gap:7px; overflow-x:auto; }.vitrinen-v2-carriers button { flex:0 0 auto; min-width:132px; min-height:43px; padding:4px 9px 4px 4px; display:grid; grid-template-columns:35px auto; align-items:center; gap:7px; border:1px solid rgba(190,125,24,.15); border-radius:22px 8px 22px 8px; color:#604818; background:rgba(255,247,221,.7); text-align:left; }.vitrinen-v2-carriers img { width:35px; height:35px; border-radius:50%; object-fit:cover; }.vitrinen-v2-carriers span { display:grid; }.vitrinen-v2-carriers b { font-size:.43rem; }.vitrinen-v2-carriers em { color:#a66f1f; font-size:.32rem; font-style:normal; }
.vitrinen-v2-message { position:relative; z-index:3; margin:8px 12px 0; color:#26705d; font-size:.42rem; text-align:center; }
.vitrinen-v2-rule { margin:20px 17px 25px; display:grid; grid-template-columns:45px minmax(0,1fr); align-items:center; gap:10px; }.vitrinen-v2-rule > i { width:40px; height:40px; border:2px solid #2f9e76; border-radius:50%; box-shadow:inset 0 0 0 8px rgba(47,158,118,.12); }.vitrinen-v2-rule p { margin:0; display:grid; }.vitrinen-v2-rule small { color:#267c67; font-size:.32rem; font-weight:950; letter-spacing:.13em; }.vitrinen-v2-rule b { margin-top:2px; font-size:.58rem; }.vitrinen-v2-rule span { margin-top:2px; color:#49666d; font-size:.39rem; line-height:1.35; }

@keyframes vitrine-orbit { to { transform:rotate(360deg); } }

@media (min-width:700px) {
  #itemsView.items-v2-active { box-shadow:0 0 70px rgba(29,72,90,.17); }
  .vitrinen-v2-intro { min-height:340px; padding:112px 38px 35px; grid-template-columns:minmax(0,1fr) 128px; }.vitrinen-v2-intro h1 { font-size:3.25rem; }.vitrinen-v2-intro p { max-width:390px; font-size:.75rem; }.vitrinen-v2-orbit { width:116px; height:116px; }.vitrinen-v2-orbit b { font-size:1.7rem; }
  .vitrinen-v2-wall-rail { padding-inline:calc(50% - 90px); }.vitrinen-v2-wall { flex-basis:180px; }.vitrinen-v2-swatch { width:168px; height:126px; }
  .vitrinen-v2-stage { min-height:590px; padding-inline:42px; }.vitrinen-v2-card { width:220px; min-height:348px; }.vitrinen-v2-stage::before { width:390px; height:390px; }.vitrinen-v2-animal-head,.vitrinen-v2-animal-rail,.vitrinen-v2-apply,.vitrinen-v2-carriers { max-width:620px; margin-inline:auto; }
}

@media (max-width:355px) {
  .vitrinen-v2-intro { grid-template-columns:minmax(0,1fr) 76px; padding-inline:13px; }.vitrinen-v2-orbit { width:72px; height:72px; }.vitrinen-v2-card { width:174px; min-height:278px; }.vitrinen-v2-stage { padding-inline:9px; }
}

@media (prefers-reduced-motion:reduce) {
  .vitrinen-v2 *, .vitrinen-v2 *::before, .vitrinen-v2 *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* Lesegroessen bewusst oberhalb der alten Mikrotypografie: Materialname,
   Belegung und Zielhandlung sind Produktinformation, keine Dekoration. */
.vitrinen-v2-topbar small { font-size:.42rem; }.vitrinen-v2-topbar b { font-size:.72rem; }
.vitrinen-v2-intro > div > small { font-size:.45rem; }.vitrinen-v2-intro p { max-width:230px; font-size:.58rem; }
.vitrinen-v2-wall small { font-size:.4rem; }.vitrinen-v2-wall strong { font-size:.65rem; }.vitrinen-v2-wall em { font-size:.43rem; }
.vitrinen-v2-materials > p { font-size:.46rem; }
.vitrinen-v2-stage > header small { font-size:.42rem; }.vitrinen-v2-stage > header b { font-size:.7rem; }.vitrinen-v2-stage > header em { font-size:.4rem; }
.vitrinen-v2-animal-head small { font-size:.39rem; }.vitrinen-v2-animal-head b { font-size:.61rem; }.vitrinen-v2-animal-head em { font-size:.4rem; }
.vitrinen-v2-apply b { font-size:.59rem; }.vitrinen-v2-apply small { font-size:.4rem; }
.vitrinen-v2-rule small { font-size:.39rem; }.vitrinen-v2-rule b { font-size:.64rem; }.vitrinen-v2-rule span { font-size:.45rem; }

/* ========================================================================== 
   ART-MEISTERSCHAFT V2
   Der Rang ist ein Weg durch wiederholte echte Fänge, keine Schmiedekarte.
   Die Oberfläche bleibt offen und landschaftlich; nur Aufstieg und echte
   Vitrinenbelohnung werden als greifbare Fokusobjekte behandelt. */
#mergeView.meisterschaft-v2-active { width:100%; max-width:980px; min-height:100dvh; margin-inline:auto; padding:0 !important; overflow-x:clip; color:#183d4b; background:#edf9f2; }
#mergeView.meisterschaft-v2-active > :not(#meisterschaftV2Root) { display:none !important; }
.meisterschaft-v2-root { width:100%; min-width:0; min-height:100dvh; overflow-x:clip; }
.meisterschaft-v2-root[hidden] { display:none !important; }
.meisterschaft-v2-root button { color:inherit; font:inherit; }
.meisterschaft-v2 { position:relative; min-height:100dvh; padding-top:90px; padding-bottom:calc(92px + env(safe-area-inset-bottom)); overflow:hidden; isolation:isolate; background:linear-gradient(180deg,rgba(213,243,255,.08),rgba(235,249,239,.82) 42%,#fff7df 82%),var(--mastery-world) 50% 0 / cover no-repeat,#76cdf1; }
.meisterschaft-v2 > .collection-v2-journey.is-compact + .meisterschaft-v2-topbar { position:relative; top:auto; }
.meisterschaft-v2::before { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 25%,rgba(255,224,112,.36),transparent 23%),linear-gradient(180deg,transparent 30%,rgba(238,250,241,.9) 66%); }
.meisterschaft-v2-topbar { position:sticky; z-index:20; top:0; min-height:58px; padding:7px 10px; display:grid; grid-template-columns:104px minmax(0,1fr) 68px; align-items:center; border-bottom:1px solid rgba(255,255,255,.7); background:rgba(238,251,247,.77); box-shadow:0 8px 24px rgba(31,81,91,.08); backdrop-filter:blur(18px) saturate(1.25); }
.meisterschaft-v2-topbar button { min-width:0; min-height:43px; padding:0 8px; border:0; background:transparent; }
.meisterschaft-v2-topbar button:first-child { display:flex; align-items:center; gap:7px; text-align:left; }.meisterschaft-v2-topbar button:first-child span { font-size:1rem; }.meisterschaft-v2-topbar button:first-child b { overflow:hidden; font-size:.54rem; text-overflow:ellipsis; white-space:nowrap; }
.meisterschaft-v2-topbar > span { min-width:0; display:grid; justify-items:center; padding-inline:5px; border-inline:1px solid rgba(36,107,111,.11); }.meisterschaft-v2-topbar > span small,.meisterschaft-v2-topbar button:last-child small { color:#196d58; font-size:.44rem; font-weight:950; letter-spacing:.13em; }.meisterschaft-v2-topbar > span b { max-width:100%; margin-top:2px; overflow:hidden; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.meisterschaft-v2-topbar button:last-child { display:grid; place-content:center; justify-items:center; gap:1px; }.meisterschaft-v2-topbar button:last-child span { color:#d39b2e; font-size:1rem; }
.meisterschaft-v2-topbar button:focus-visible { outline:2px solid #258da0; outline-offset:-3px; border-radius:18px 7px 18px 7px; }

.meisterschaft-v2-overview-hero { min-height:350px; padding:82px 20px 28px; display:grid; align-content:end; }.meisterschaft-v2-overview-hero > small { color:#247c66; font-size:.46rem; font-weight:950; letter-spacing:.14em; }.meisterschaft-v2-overview-hero h1 { max-width:340px; margin:6px 0 7px; font-size:clamp(2.25rem,10vw,3.4rem); line-height:.88; letter-spacing:-.065em; text-wrap:balance; }.meisterschaft-v2-overview-hero > p { max-width:315px; margin:0; color:#456c79; font-size:.65rem; font-weight:650; line-height:1.45; text-shadow:0 1px 15px rgba(255,255,255,.8); }
.meisterschaft-v2-pulse { width:min(100%,350px); margin-top:22px; display:grid; grid-template-columns:50px 1fr 1px 50px 1fr; align-items:center; gap:8px; }.meisterschaft-v2-pulse b { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#8b671e; background:rgba(255,248,218,.75); box-shadow:0 8px 24px rgba(87,98,65,.12); font-size:1rem; }.meisterschaft-v2-pulse span { color:#456c75; font-size:.5rem; font-weight:850; line-height:1.2; }.meisterschaft-v2-pulse i { height:27px; background:rgba(49,105,114,.17); }
.meisterschaft-v2-species-path { padding:17px 18px 30px; background:linear-gradient(180deg,rgba(242,252,245,.55),rgba(255,249,229,.88)); }.meisterschaft-v2-species-path > header { min-height:52px; display:flex; align-items:end; justify-content:space-between; gap:12px; border-bottom:1px solid rgba(42,105,114,.14); }.meisterschaft-v2-species-path > header span { display:grid; padding-bottom:10px; }.meisterschaft-v2-species-path > header small,.meisterschaft-v2-specimens small { color:#27806a; font-size:.46rem; font-weight:950; letter-spacing:.13em; }.meisterschaft-v2-species-path > header b { margin-top:3px; font-size:.7rem; }.meisterschaft-v2-species-path > header em { padding-bottom:10px; color:#668087; font-size:.5rem; font-style:normal; }
.meisterschaft-v2-species { position:relative; width:100%; min-height:84px; padding:9px 30px 9px 0; display:grid; grid-template-columns:58px minmax(0,1fr) 58px; align-items:center; gap:10px; border:0; border-bottom:1px solid rgba(42,105,114,.12); background:transparent; text-align:left; }.meisterschaft-v2-species::before { content:''; position:absolute; top:50%; right:57px; left:47px; height:1px; background:linear-gradient(90deg,rgba(53,158,122,.35),transparent); }.meisterschaft-v2-species > i { position:relative; z-index:1; width:52px; height:52px; display:grid; place-items:center; overflow:hidden; border:4px solid rgba(255,255,255,.78); border-radius:48% 52% 45% 55%; color:#2e9a77; background:#eaf7ec; box-shadow:0 7px 18px rgba(30,82,91,.12); font-style:normal; }.meisterschaft-v2-species > i img { width:100%; height:100%; object-fit:cover; }.meisterschaft-v2-species > span { position:relative; z-index:1; min-width:0; display:grid; padding:5px 7px; background:linear-gradient(90deg,rgba(242,251,244,.82),rgba(242,251,244,.45),transparent); }.meisterschaft-v2-species small { color:#2b856e; font-size:.44rem; font-weight:950; letter-spacing:.1em; }.meisterschaft-v2-species strong { margin-top:2px; overflow:hidden; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }.meisterschaft-v2-species em { margin-top:2px; overflow:hidden; color:#627d83; font-size:.5rem; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.meisterschaft-v2-species > b { --rank-progress:0deg; position:relative; z-index:1; width:51px; height:51px; display:grid; place-content:center; justify-items:center; border-radius:50%; background:radial-gradient(circle,#f7fbef 0 57%,transparent 60%),conic-gradient(#e3ad3f var(--rank-progress),rgba(61,111,117,.13) 0); font-size:.66rem; }.meisterschaft-v2-species > b small { color:#8f6b22; font-size:.36rem; }.meisterschaft-v2-species > u { position:absolute; right:4px; width:9px; height:9px; border-top:1px solid #57808a; border-right:1px solid #57808a; transform:rotate(45deg); }.meisterschaft-v2-species.is-ready > i { box-shadow:0 0 0 7px rgba(255,190,64,.17),0 10px 25px rgba(71,93,65,.16); }.meisterschaft-v2-species.is-ready strong { color:#9b6d18; }.meisterschaft-v2-species:focus-visible { outline:2px solid #258da0; outline-offset:-2px; border-radius:19px; }
.meisterschaft-v2-empty { min-height:260px; display:grid; place-content:center; justify-items:center; text-align:center; }.meisterschaft-v2-empty > span { color:#d8a636; font-size:2rem; }.meisterschaft-v2-empty h2 { margin:9px 0 0; font-size:1rem; }.meisterschaft-v2-empty p { max-width:280px; color:#647e85; font-size:.55rem; }

.meisterschaft-v2-detail-scroll { min-height:calc(100dvh - 58px); }.meisterschaft-v2-crown { position:relative; min-height:345px; padding:68px 18px 25px; display:grid; grid-template-columns:125px minmax(0,1fr) 62px; align-items:end; gap:11px; overflow:hidden; }.meisterschaft-v2-crown::after { content:''; position:absolute; right:0; bottom:0; left:0; height:125px; background:linear-gradient(180deg,transparent,rgba(236,249,240,.95)); pointer-events:none; }.meisterschaft-v2-crown figure { position:relative; z-index:1; width:122px; height:160px; margin:0; padding:5px; overflow:hidden; border:1px solid rgba(255,255,255,.8); border-radius:48% 52% 44% 56% / 58% 45% 55% 42%; background:rgba(255,255,255,.58); box-shadow:0 18px 42px rgba(25,75,87,.18); transform:rotate(-2deg); }.meisterschaft-v2-crown figure img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }.meisterschaft-v2-crown figure > span { height:100%; display:grid; place-items:center; color:#d6a43b; font-size:2rem; }.meisterschaft-v2-crown > div { position:relative; z-index:2; min-width:0; display:grid; padding-bottom:14px; text-shadow:0 1px 14px rgba(255,255,255,.9); }.meisterschaft-v2-crown > div small { color:#287d66; font-size:.48rem; font-weight:950; letter-spacing:.12em; }.meisterschaft-v2-crown h1 { margin:4px 0 0; overflow:hidden; font-size:1.55rem; line-height:.95; letter-spacing:-.05em; text-overflow:ellipsis; white-space:nowrap; }.meisterschaft-v2-crown p { margin:6px 0 0; color:#476d77; font-size:.56rem; line-height:1.4; }.meisterschaft-v2-rank-planet { position:relative; z-index:2; align-self:center; width:60px; height:60px; display:grid; place-content:center; justify-items:center; border-radius:50%; background:radial-gradient(circle at 37% 32%,#fffdf1,#ffe175 62%,#dea536); box-shadow:0 8px 28px rgba(129,93,28,.22),0 0 0 8px rgba(255,232,142,.15); }.meisterschaft-v2-rank-planet i { color:#8d671e; font-size:.38rem; font-style:normal; font-weight:950; }.meisterschaft-v2-rank-planet b { font-size:1rem; }
.meisterschaft-v2-journey { position:relative; padding:12px 14px 31px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; background:rgba(236,249,240,.92); }.meisterschaft-v2-river { position:absolute; top:34px; right:17%; left:17%; height:2px; background:rgba(57,111,116,.14); }.meisterschaft-v2-river i { display:block; width:var(--rank-fill); height:100%; background:linear-gradient(90deg,#2da876,#f0b744); transition:width .45s ease; }.meisterschaft-v2-journey button { position:relative; z-index:1; padding:0; display:grid; justify-items:center; border:0; background:transparent; }.meisterschaft-v2-journey button > span { width:45px; height:45px; display:grid; place-items:center; border:5px solid rgba(255,255,255,.75); border-radius:50%; color:#527580; background:#adc7c7; box-shadow:0 7px 17px rgba(35,87,94,.12); font-size:.63rem; font-weight:950; }.meisterschaft-v2-journey button.achieved > span { color:white; background:#2da875; }.meisterschaft-v2-journey button.next > span { color:white; background:#e3a737; box-shadow:0 0 0 7px rgba(255,188,56,.17); }.meisterschaft-v2-journey button[aria-pressed="true"] > span { outline:2px solid #227b8e; outline-offset:3px; }.meisterschaft-v2-journey button small { margin-top:7px; color:#2d7f6c; font-size:.43rem; font-weight:950; letter-spacing:.09em; }.meisterschaft-v2-journey button b { margin-top:2px; font-size:.5rem; }.meisterschaft-v2-journey > p { grid-column:1/-1; min-height:37px; margin:12px 19px 0; color:#466d77; font-size:.57rem; line-height:1.45; text-align:center; }
.meisterschaft-v2-forge { position:relative; margin:0 13px; padding:32px 19px 21px; overflow:hidden; border-radius:48% 48% 24px 24px / 18% 18% 24px 24px; background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,244,204,.75)); box-shadow:0 20px 45px rgba(79,101,75,.14); }.meisterschaft-v2-forge::after { content:''; position:absolute; right:-30%; bottom:-120px; left:-30%; height:180px; border-radius:50%; background:rgba(247,193,69,.12); filter:blur(5px); }.meisterschaft-v2-sun { position:absolute; top:-65px; left:50%; width:142px; height:142px; border:1px solid rgba(226,166,49,.25); border-radius:50%; transform:translateX(-50%); }.meisterschaft-v2-sun::before { content:''; position:absolute; inset:24px; border-radius:50%; background:radial-gradient(circle,#fff7cc,#ffc94f 60%,transparent 64%); box-shadow:0 0 40px rgba(255,190,55,.35); }.meisterschaft-v2-sun i { position:absolute; top:50%; left:50%; width:190px; height:1px; background:linear-gradient(90deg,transparent,rgba(217,157,43,.24),transparent); transform:translate(-50%,-50%) rotate(calc(var(--ray,0) * 1deg)); }.meisterschaft-v2-sun i:nth-child(2){--ray:60}.meisterschaft-v2-sun i:nth-child(3){--ray:120}.meisterschaft-v2-forge > header { position:relative; z-index:2; text-align:center; }.meisterschaft-v2-forge > header small,.meisterschaft-v2-reward small,.meisterschaft-v2-reward-range small { color:#9a7020; font-size:.45rem; font-weight:950; letter-spacing:.13em; }.meisterschaft-v2-forge h2 { max-width:300px; margin:5px auto 14px; color:#3d514c; font-size:.96rem; line-height:1.12; text-wrap:balance; }.meisterschaft-v2-promise { position:relative; z-index:2; display:grid; grid-template-columns:43px minmax(0,1fr); align-items:center; gap:10px; padding:9px 1px 13px; border-block:1px solid rgba(133,111,50,.12); }.meisterschaft-v2-promise > span { width:39px; height:39px; display:grid; place-items:center; border-radius:50%; color:#a77820; background:rgba(255,244,202,.8); font-size:1rem; }.meisterschaft-v2-promise p { margin:0; color:#536f72; font-size:.56rem; line-height:1.42; }.meisterschaft-v2-promise b { color:#405a58; }
.meisterschaft-v2-unlock { position:relative; z-index:2; width:100%; min-height:61px; margin-top:14px; padding:8px 13px; display:grid; grid-template-columns:39px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; border:0; border-radius:31px 11px 31px 11px; color:white; background:linear-gradient(100deg,#d69b2e,#f1ba43); box-shadow:0 13px 29px rgba(181,126,28,.22); text-align:left; }.meisterschaft-v2-unlock > span { grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.2); font-size:1rem; }.meisterschaft-v2-unlock b { font-size:.66rem; }.meisterschaft-v2-unlock small { margin-top:2px; color:rgba(255,255,255,.82); font-size:.48rem; }.meisterschaft-v2-unlock:disabled { color:#617a78; background:rgba(213,227,215,.88); box-shadow:none; }.meisterschaft-v2-unlock:disabled small { color:#758c88; }
.meisterschaft-v2-reward-range { position:relative; z-index:2; margin:13px 2px 0; display:grid; text-align:center; }.meisterschaft-v2-reward-range b { margin-top:3px; color:#89661e; font-size:.62rem; }.meisterschaft-v2-reward-range em { margin-top:3px; color:#657e7e; font-size:.47rem; font-style:normal; line-height:1.35; }.meisterschaft-v2-reward { position:relative; z-index:2; margin-top:15px; display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:13px; }.meisterschaft-v2-reward > span { position:relative; width:88px; height:72px; overflow:hidden; border:5px solid rgba(255,255,255,.75); border-radius:48% 52% 16px 16px / 31% 31% 16px 16px; background-position:center; background-size:cover; box-shadow:0 12px 25px rgba(75,81,56,.17),inset 0 0 24px rgba(7,20,18,.18); }.meisterschaft-v2-reward > span i { position:absolute; inset:-40% -80%; background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,calc(var(--reward-shine) * 1.8)) 50%,transparent 58%); animation:mastery-reward-shine 2.8s ease-in-out infinite; }.meisterschaft-v2-reward p { display:grid; margin:0; }.meisterschaft-v2-reward b { margin-top:3px; font-size:.76rem; }.meisterschaft-v2-reward em { margin-top:3px; color:#667d79; font-size:.5rem; font-style:normal; }.meisterschaft-v2-cabinet { position:relative; z-index:2; width:100%; min-height:45px; margin-top:13px; border:0; border-block:1px solid rgba(132,104,42,.14); color:#8b671e; background:transparent; font-size:.55rem; font-weight:900; }.meisterschaft-v2-cabinet span { margin-left:8px; }.meisterschaft-v2-error { position:relative; z-index:2; margin:10px 0 0; color:#a94434; font-size:.52rem; text-align:center; }
.meisterschaft-v2-specimens { padding:24px 18px 28px; }.meisterschaft-v2-specimens header { display:flex; align-items:end; justify-content:space-between; gap:10px; }.meisterschaft-v2-specimens header span { display:grid; }.meisterschaft-v2-specimens header b { margin-top:3px; font-size:.65rem; }.meisterschaft-v2-specimens header button { min-height:40px; padding:0 5px; border:0; color:#2d7990; background:transparent; font-size:.47rem; font-weight:900; }.meisterschaft-v2-specimens > div { margin-top:13px; display:flex; padding-left:3px; }.meisterschaft-v2-specimens > div > span { position:relative; width:52px; height:52px; margin-left:-9px; display:grid; place-items:center; border:3px solid white; border-radius:50%; overflow:visible; background:#eaf5eb; box-shadow:0 8px 18px rgba(23,72,83,.13); }.meisterschaft-v2-specimens > div > span:first-child { margin-left:0; }.meisterschaft-v2-specimens img { width:100%; height:100%; border-radius:inherit; object-fit:cover; }.meisterschaft-v2-specimens > div > span > b { position:absolute; right:-2px; bottom:-2px; width:16px; height:16px; display:grid; place-items:center; border:2px solid white; border-radius:50%; color:white; background:#328c72; font-size:.32rem; }.meisterschaft-v2-specimens > div > span.more { color:#2e7d68; background:#f7f0ce; }.meisterschaft-v2-specimens > div > span.more i { font-size:.47rem; font-style:normal; font-weight:900; }
@keyframes mastery-reward-shine { 0%,20%{transform:translateX(-38%)} 70%,100%{transform:translateX(38%)} }
@media (min-width:700px) {
  #mergeView.meisterschaft-v2-active { box-shadow:0 0 70px rgba(29,72,90,.17); }
  .meisterschaft-v2-topbar { grid-template-columns:140px minmax(0,1fr) 90px; padding-inline:28px; }
  .meisterschaft-v2-overview-hero { min-height:410px; padding:105px 48px 38px; }.meisterschaft-v2-overview-hero h1 { max-width:560px; font-size:3.7rem; }.meisterschaft-v2-overview-hero > p { max-width:430px; font-size:.76rem; }
  .meisterschaft-v2-species-path { padding-inline:46px; }.meisterschaft-v2-species { grid-template-columns:70px minmax(0,1fr) 64px; }.meisterschaft-v2-species > i { width:60px; height:60px; }
  .meisterschaft-v2-crown { min-height:410px; padding:95px 44px 32px; grid-template-columns:170px minmax(0,1fr) 85px; }.meisterschaft-v2-crown figure { width:165px; height:210px; }.meisterschaft-v2-crown h1 { font-size:2.2rem; }.meisterschaft-v2-rank-planet { width:80px; height:80px; }
  .meisterschaft-v2-journey,.meisterschaft-v2-forge,.meisterschaft-v2-specimens { max-width:720px; margin-inline:auto; }.meisterschaft-v2-forge { padding-inline:42px; }.meisterschaft-v2-specimens { padding-inline:32px; }
}
@media (max-width:355px) {
  .meisterschaft-v2-topbar { grid-template-columns:88px minmax(0,1fr) 58px; padding-inline:5px; }.meisterschaft-v2-overview-hero { padding-inline:14px; }.meisterschaft-v2-species-path { padding-inline:12px; }.meisterschaft-v2-species { grid-template-columns:51px minmax(0,1fr) 48px; padding-right:22px; gap:6px; }.meisterschaft-v2-species > i { width:46px; height:46px; }.meisterschaft-v2-species > b { width:45px; height:45px; }.meisterschaft-v2-crown { grid-template-columns:101px minmax(0,1fr) 52px; padding-inline:10px; }.meisterschaft-v2-crown figure { width:98px; height:137px; }.meisterschaft-v2-crown h1 { font-size:1.25rem; }.meisterschaft-v2-rank-planet { width:50px; height:50px; }.meisterschaft-v2-forge { margin-inline:8px; padding-inline:13px; }
}
@media (prefers-reduced-motion:reduce) {
  .meisterschaft-v2 *, .meisterschaft-v2 *::before, .meisterschaft-v2 *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* ========================================================================== 
   ARENA V2
   Ein gemeinsamer Weg für Freundschaft, Rangliste und Wildnis. Die bestehende
   Kampf- und Kartenlogik bleibt unangetastet; diese Regeln ordnen nur ihre
   echten Zustände als offene, landschaftliche Kampfreise. */
body.battle-v2-live { background:#d8f2f5; }
#battleView.arena-v2 { --arena-green:#238863; --arena-blue:#347fba; --arena-gold:#d69c2c; position:relative; width:100%; max-width:none; min-height:100dvh; margin:0; padding:0 0 calc(94px + env(safe-area-inset-bottom)); overflow:hidden; color:#173b49; isolation:isolate; background:#bce8f4; }
#battleView.arena-v2.active { display:block; }
.arena-v2-welt { position:absolute; z-index:-2; inset:0 0 auto; height:620px; overflow:hidden; background:linear-gradient(180deg,rgba(93,196,242,.06),rgba(229,248,239,.88) 83%,#eef9ed),url('/assets/worlds/world-reptiles-v1.webp') 50% 32%/cover no-repeat; }
.arena-v2-welt::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(236,251,245,.22),transparent 38%,rgba(246,252,230,.3)),radial-gradient(circle at 48% 20%,rgba(255,234,126,.4),transparent 21%); }
.arena-v2-welt svg { position:absolute; right:-8%; bottom:16px; width:116%; height:260px; fill:none; stroke:rgba(255,255,255,.55); stroke-width:2; stroke-dasharray:3 11; filter:drop-shadow(0 0 8px rgba(62,137,151,.18)); animation:arena-path-drift 16s ease-in-out infinite alternate; }
.arena-v2-sonne { position:absolute; top:70px; left:48%; width:96px; height:280px; background:linear-gradient(180deg,rgba(255,231,114,.64),rgba(255,239,165,.08)); filter:blur(16px); transform:translateX(-50%); }
.arena-v2-nebel { position:absolute; border-radius:50%; background:rgba(255,255,255,.46); filter:blur(22px); animation:arena-mist 11s ease-in-out infinite alternate; }.arena-v2-nebel.eins{right:-12%;top:205px;width:58%;height:120px}.arena-v2-nebel.zwei{left:-18%;top:390px;width:72%;height:135px;animation-delay:-5s}
.arena-kopf { position:relative; z-index:1; min-height:286px; max-width:1500px; margin:0 auto; padding:52px clamp(18px,5vw,72px) 62px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:20px; }
.arena-v2-intro { max-width:580px; text-shadow:0 2px 20px rgba(246,255,249,.92); }.arena-v2-label { color:#176a55; font-size:.68rem; font-weight:950; letter-spacing:.16em; }.arena-v2-intro h1 { max-width:500px; margin:8px 0 8px; font-size:clamp(2.65rem,6vw,5.4rem); line-height:.86; letter-spacing:-.065em; text-wrap:balance; }.arena-v2-intro p { max-width:430px; margin:0; color:#365d68; font-size:.86rem; font-weight:650; line-height:1.45; }
.arena-zaehler { width:82px; min-height:92px; margin-top:4px; display:grid; place-content:center; justify-items:center; border:1px solid rgba(255,255,255,.8); border-radius:50% 50% 42% 58% / 47% 58% 42% 53%; color:#235d6c; background:rgba(244,253,246,.88); box-shadow:0 14px 34px rgba(31,87,101,.13),inset 0 0 0 6px rgba(255,255,255,.35); backdrop-filter:blur(13px) saturate(1.18); }.arena-zaehler small { color:#206c59; font-size:.48rem; font-weight:950; letter-spacing:.11em; }.arena-zaehler b { margin:2px 0; color:#173e4d; font-size:1.65rem; line-height:1; }.arena-zaehler em { color:#4b6870; font-size:.52rem; font-style:normal; }
.arena-modi { position:relative; z-index:3; width:min(760px,calc(100% - 32px)); max-width:none; margin:-46px auto 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0; border-bottom:1px solid rgba(36,105,116,.18); border-radius:0; background:linear-gradient(90deg,transparent,rgba(247,253,244,.74) 12% 88%,transparent); backdrop-filter:blur(12px); }
.arena-modus { position:relative; min-height:74px; padding:13px 16px 15px; display:grid; align-content:center; justify-items:center; gap:3px; border:0; border-radius:0; color:#67818a; background:transparent; text-transform:none; white-space:normal; overflow:visible; }.arena-modus span { font-size:.84rem; font-weight:950; letter-spacing:-.01em; }.arena-modus small { font-size:.56rem; font-weight:750; letter-spacing:.02em; }.arena-modus::after { content:''; position:absolute; right:22%; bottom:-2px; left:22%; height:3px; border-radius:3px; background:transparent; transform:scaleX(.35); transition:transform .3s ease,background .3s ease,box-shadow .3s ease; }.arena-modus.active { color:#1e695c; background:radial-gradient(ellipse at 50% 100%,rgba(83,196,140,.17),transparent 68%); }.arena-modus.active::after { background:linear-gradient(90deg,#33a677,#d8af3f); box-shadow:0 0 18px rgba(57,171,120,.38); transform:scaleX(1); }.arena-modus[data-bereich="wild"].active { color:#336f9a; background:radial-gradient(ellipse at 50% 100%,rgba(80,159,222,.16),transparent 68%); }.arena-modus[data-bereich="wild"].active::after { background:linear-gradient(90deg,#4b9fd1,#7b79cc); box-shadow:0 0 18px rgba(65,143,202,.35); }
.arena-modus:focus-visible { outline:2px solid rgba(255,255,255,.92); outline-offset:-4px; border-radius:18px 5px 18px 5px; box-shadow:inset 0 0 0 3px rgba(40,139,110,.35); }
.arena-v2-spur { width:min(780px,calc(100% - 28px)); height:32px; margin:0 auto -9px; display:flex; align-items:center; justify-content:space-around; background:linear-gradient(90deg,transparent,rgba(57,141,121,.18) 15% 85%,transparent) 50%/100% 1px no-repeat; }.arena-v2-spur i { width:7px; height:7px; border:2px solid rgba(255,255,255,.85); border-radius:50%; background:#42aa7c; box-shadow:0 0 0 4px rgba(55,168,120,.1); }.arena-v2-spur i:nth-child(2){background:#e0ad3c}.arena-v2-spur i:nth-child(3){background:#579bc5}
.arena-v2-inhalt { position:relative; width:min(100%,1100px); min-height:480px; margin:0 auto; padding:27px clamp(18px,4vw,46px) 46px; background:linear-gradient(180deg,rgba(239,251,241,.68),rgba(244,251,236,.94) 52%,rgba(255,249,227,.97)); }
.arena-einsatzwahl { max-width:none; margin:0 0 8px; gap:5px; }.einsatz-knopf { min-height:38px; padding:8px 14px; border:0; border-bottom:1px solid rgba(38,103,112,.18); border-radius:0; color:#607d84; background:transparent; letter-spacing:.04em; }.einsatz-knopf.aktiv { border-color:#d4a638; color:#815e17; background:linear-gradient(180deg,transparent,rgba(255,211,90,.13)); }
.arena-einsatz { max-width:none; margin:0 0 15px; gap:7px; }.arena-einsatz .chip { padding:4px 0; border-radius:0; border-bottom:1px solid rgba(43,109,116,.15); color:#56727a; background:transparent; }.arena-einsatz .chip+.chip { margin-left:10px; }
.arena-kaempfer { max-width:none; margin:0 0 20px; }.kader-zeile { position:relative; padding:16px 0 15px; border-block:1px solid rgba(41,107,116,.14); }.kader-zeile::after { content:''; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:linear-gradient(90deg,#36a878 calc((var(--arena-energy,1))*100%),rgba(57,111,116,.08) 0); }.kader-stand { color:#1f5360; }.kader-hinweis { color:#607d84; }.ausdauer-punkte i { background:rgba(42,106,114,.13); }.ausdauer-punkte i.voll { background:#42ae78; box-shadow:0 0 6px rgba(61,172,121,.32); }.kader-kauf { border:0; border-bottom:1px solid rgba(177,126,25,.35); border-radius:0; color:#9c711c; }
.arena-titel { max-width:none; margin:4px 0 3px; color:#25806a; font-size:.58rem; letter-spacing:.15em; }.arena-hinweis { max-width:580px; margin:0 0 10px; color:#5e7a82; font-size:.74rem; }.arena-gegner { max-width:none; margin:0 0 24px; }
.gegner-reihe { min-height:68px; padding:10px 4px; border-bottom:1px solid rgba(36,102,113,.14); }.gegner-reihe:hover,.gegner-reihe:focus-visible { background:linear-gradient(90deg,rgba(255,255,255,.48),transparent); outline:0; }.gegner-marke { width:46px; height:46px; color:#fff; background:linear-gradient(145deg,#409bb6,#386f9d); box-shadow:0 8px 18px rgba(42,95,118,.16); }.gegner-marke.online::after { background:#5ddd89; border-color:#eef9ed; }.gegner-text strong{color:#214957;font-size:.86rem}.gegner-text em{color:#69828a;font-size:.68rem}.gegner-tat{color:#228a68;font-size:.59rem}
.empty-state { color:#526f77; background:transparent; border:0; }.empty-state strong { color:#244b59; }

/* Der gemeinsame Tierwaehler war in Sammlung und Profil noch ein schwarzes
   Legacy-Sheet, waehrend dieselbe Komponente in Arena und Handel bereits das
   helle Feldblatt nutzte. Ein Wahrheitsort macht auch den Leerzustand auf
   jedem Aufruf lesbar. */
#animalPickerDialog::backdrop { background:rgba(18,56,66,.38); backdrop-filter:blur(8px); }
#animalPickerDialog > form {
  color:#193f4a;
  background:linear-gradient(160deg,#e1f7f3,#fff4ca);
  box-shadow:0 -22px 65px rgba(20,63,72,.24);
}
#animalPickerDialog .secondary-bar { border-color:rgba(39,111,106,.24); color:#315f68; background:transparent; }

/* Das Fangjournal ist Teil der hellen Feldwelt. Statusfarben bleiben deshalb
   erdig und kontrastreich, statt die alte schwarze Systemliste zu imitieren. */
#scanQueueDialog .scan-queue-summary em { color:#58727a; }
#scanQueueDialog .scan-queue-row.is-error .scan-queue-copy span,
#scanQueueDialog .scan-queue-row.is-rejected .scan-queue-copy span { color:#9e4b43; }
#scanQueueDialog .scan-queue-row.is-retry .scan-queue-copy span { color:#806319; }
#correctionDialog .option-row span { color:#899189; }
.verlauf-knopf { width:100%; min-height:63px; margin-top:12px; padding:9px 4px; display:grid; grid-template-columns:minmax(0,1fr) auto 18px; align-items:center; gap:10px; border:0; border-top:1px solid rgba(41,105,114,.16); border-bottom:1px solid rgba(41,105,114,.16); border-radius:0; color:#285567; background:transparent; text-align:left; }.verlauf-knopf-text { display:grid; gap:2px; font-size:.74rem; font-weight:900; }.verlauf-knopf-text small { color:#268069; font-size:.48rem; letter-spacing:.14em; }.verlauf-knopf-bilanz { color:#ad7d1d; }.verlauf-knopf .chest-chevron { width:16px; stroke:#398295; }
.wild-kopf { gap:10px; margin-bottom:18px; }.wild-satz,.wild-sicht{color:#58747d;font-size:.72rem}.wild-beute { padding:10px 0 10px 13px; border:0;border-left:2px solid #d3a437;border-radius:0;background:linear-gradient(90deg,rgba(255,220,112,.14),transparent 75%)}.wild-beute-stand{color:#9a701d}.wild-beute-folge{color:#607b83;font-size:.68rem}
.wild-raster { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(230px,72%); grid-template-columns:none; gap:16px; padding:4px 12% 14px 2px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }.wild-raster::-webkit-scrollbar{display:none}.wild-karte{scroll-snap-align:center;gap:7px}.wild-karte .kartenplatz,.wild-karte>.karte{filter:drop-shadow(0 15px 24px rgba(27,70,82,.19))}.wild-lohn{color:#a87718;font-size:.55rem}.wild-fuss{color:#647d84;font-size:.55rem}.wild-tat{min-height:38px;display:grid;place-content:center;border-block:1px solid rgba(42,105,113,.14);color:#227f66;font-size:.59rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}

/* Laufender Kampf und Kartenwahl: gleicher Kartenrenderer, neue Umgebung. */
body.battle-v2-live #kampftierWahl,body.battle-v2-live #pvpBuehne { color:#183d4a; background:linear-gradient(180deg,rgba(222,247,252,.16),rgba(237,249,238,.93) 62%,rgba(255,248,224,.96)),url('/assets/worlds/wildtrack-luminous-world-v1.webp') 50% 28%/cover fixed no-repeat; }
body.battle-v2-live .wahl-innen,body.battle-v2-live .pvp-innen { width:min(100%,760px); max-width:760px; }
body.battle-v2-live .wahl-innen header,body.battle-v2-live .pvp-kopf { border-color:rgba(38,105,115,.18); }body.battle-v2-live .wahl-innen header strong{font-size:1rem}body.battle-v2-live .wahl-zu{border:0;border-bottom:1px solid rgba(37,104,116,.22);border-radius:0;color:#2b6c7a;background:rgba(255,255,255,.24)}
body.battle-v2-live .wahl-warnung { border-color:#c88c28; color:#6f521a; background:linear-gradient(90deg,rgba(255,219,112,.27),transparent); }
body.battle-v2-live .pvp-seite strong,body.battle-v2-live .pvp-runde b { color:#194a58; } body.battle-v2-live .pvp-seite em,body.battle-v2-live .pvp-runde span,body.battle-v2-live .pvp-losung{color:#597681} body.battle-v2-live .pvp-siege i{background:rgba(44,105,114,.16)} body.battle-v2-live .pvp-siege i.voll{background:#2da976}
body.battle-v2-live #battleDialog::backdrop,body.battle-v2-live #animalPickerDialog::backdrop{background:rgba(23,63,73,.35);backdrop-filter:blur(8px)}
body.battle-v2-live #battleDialog>form,body.battle-v2-live #animalPickerDialog>form{color:#183c48;background:linear-gradient(180deg,rgba(232,249,247,.98),rgba(255,249,226,.99));box-shadow:0 -18px 50px rgba(28,79,88,.18)}

/* ========================================================================== 
   WELT V2
   Leaflet bleibt das Produktobjekt. Kopf, Werkzeugdock und Untersektionen
   schweben darüber, ohne Kartenhöhe oder Geometrie zu verändern. */
body.map-v2-live,body.feed-v2-live{background:#dff3f3}
#mapView.map-v2{width:100%;max-width:none;height:100dvh;min-height:620px;margin:0;padding:0!important;overflow:hidden;background:#dfeee7}
#mapView.map-v2.active{display:block}
.map-v2-buehne{position:relative;width:100%;height:100%;isolation:isolate}.map-v2-buehne>.map-frame{position:absolute;inset:0;width:auto;height:auto;min-height:0;margin:0;border:0;border-radius:0;background:#dcebe4}.map-v2-buehne .map-real{position:absolute;inset:0}
.map-v2-kopf{position:absolute;z-index:650;top:0;right:0;left:0;min-height:158px;padding:max(22px,env(safe-area-inset-top)) clamp(16px,4vw,58px) 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;color:#183e4a;background:linear-gradient(180deg,rgba(232,248,245,.95) 0,rgba(232,248,245,.76) 62%,transparent 100%);pointer-events:none}.map-v2-kopf>div{max-width:520px;text-shadow:0 1px 13px rgba(255,255,255,.92)}.map-v2-label,.feed-v2-label{color:#1c705b;font-size:.58rem;font-weight:950;letter-spacing:.15em}.map-v2-kopf h1{margin:5px 0 0;font-size:clamp(1.7rem,4vw,3.5rem);line-height:.92;letter-spacing:-.055em}.welt-wechsel{pointer-events:auto;display:flex;align-items:center;gap:4px;padding-bottom:5px;border-bottom:1px solid rgba(39,105,114,.2)}.welt-wechsel button{min-height:38px;padding:5px 10px;border:0;border-bottom:2px solid transparent;color:#526d74;background:transparent;font:inherit;font-size:.62rem;font-weight:900}.welt-wechsel button[aria-current="page"]{border-color:#2c9673;color:#175d4d}
.map-tools{position:absolute;z-index:670;right:clamp(12px,3vw,42px);bottom:calc(88px + env(safe-area-inset-bottom));left:clamp(12px,3vw,42px);width:auto;max-width:680px;margin:0;padding:5px;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1.08fr) minmax(86px,.72fr);align-items:stretch;gap:0;border:1px solid rgba(255,255,255,.78);border-radius:27px 10px 27px 10px;background:rgba(238,249,242,.9);box-shadow:0 18px 42px rgba(18,63,75,.23),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(1.18);overflow:visible;pointer-events:none}.map-tools>*{pointer-events:auto}.map-tool.map-hauptwerkzeug{position:relative;width:100%;min-width:0;min-height:64px;padding:7px 11px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;border-right:1px solid rgba(39,103,112,.13);border-radius:20px 7px 20px 7px;color:#235763;background:transparent;box-shadow:none;text-transform:none;letter-spacing:0}.map-tool-symbol{width:34px;height:34px;display:grid!important;place-items:center;flex:none;border-radius:50%;color:#1d7963;background:rgba(41,140,107,.1)}.map-tool-symbol svg{width:19px!important;height:19px!important;fill:none;stroke:currentColor;stroke-width:1.7}.map-tool-copy{min-width:0;display:grid!important;gap:2px;line-height:1.05;text-align:left;white-space:normal}.map-tool-copy small{color:#2a7766;font-size:.42rem;font-weight:950;letter-spacing:.11em}.map-tool-copy b{min-width:0;color:inherit;font-size:.64rem;font-weight:900;line-height:1.15}.map-tool.map-hauptwerkzeug.primary{margin:0;color:#604b1f;background:linear-gradient(125deg,rgba(255,228,138,.32),rgba(255,250,224,.58))}.map-tool.map-hauptwerkzeug.primary .map-tool-symbol,.map-tool.map-hauptwerkzeug.primary small{color:#7a5c17}.map-tool.map-hauptwerkzeug.primary .map-tool-symbol{background:rgba(218,166,49,.13)}.map-tool.map-hauptwerkzeug:is(:hover,:focus-visible){outline:2px solid rgba(33,130,105,.5);outline-offset:-2px;background:rgba(255,255,255,.42)}.map-tool.map-hauptwerkzeug.aktiv{color:#f2fff8;background:linear-gradient(115deg,#237b67,#3fa176)}.map-tool.map-hauptwerkzeug.aktiv :is(.map-tool-symbol,small){color:#fff}.map-tool-count{min-width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#275e68;background:rgba(31,99,108,.1);font-size:.62rem}
.map-ansicht{position:relative;min-width:0}.map-ansicht>summary{width:100%;height:100%;min-width:0;min-height:64px;padding:7px 9px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;border:0;border-radius:20px 7px 20px 7px;color:#285e6b;background:transparent;box-shadow:none;cursor:pointer;list-style:none;font:inherit}.map-ansicht>summary::-webkit-details-marker{display:none}.map-ansicht[open]>summary{color:#effff8;background:#287e72}.map-ansicht[open]>summary :is(.map-tool-symbol,small){color:#fff}.map-ansicht[open]>summary .map-tool-symbol{background:rgba(255,255,255,.15)}.map-ansicht>summary:is(:hover,:focus-visible){outline:2px solid rgba(33,130,105,.5);outline-offset:-2px}.map-ansicht-menue{position:absolute;right:0;bottom:calc(100% + 12px);width:240px;padding:13px 14px 9px;display:grid;border:1px solid rgba(255,255,255,.82);border-radius:25px 9px 25px 9px;color:#254f5b;background:rgba(237,250,245,.97);box-shadow:0 20px 48px rgba(20,65,76,.25);backdrop-filter:blur(20px)}.map-ansicht-menue>span{padding:0 3px 8px;color:#1e6d58;font-size:.47rem;font-weight:950;letter-spacing:.11em}.map-ansicht-menue .map-tool{width:100%;min-height:44px;padding:7px 3px;border:0;border-top:1px solid rgba(39,103,112,.13);border-radius:0;color:#496f78;background:transparent;text-transform:none;letter-spacing:0}.map-ansicht-menue .map-tool.aktiv{color:#1e7b62;background:linear-gradient(90deg,rgba(48,170,116,.12),transparent)}
.map-v2-privat{position:absolute;z-index:620;left:clamp(14px,3vw,44px);bottom:calc(166px + env(safe-area-inset-bottom));max-width:calc(100% - 28px);margin:0;padding:6px 10px 6px 8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.58);border-radius:16px 5px 16px 5px;color:#3c656d;background:rgba(239,250,245,.84);box-shadow:0 7px 20px rgba(29,70,79,.13);backdrop-filter:blur(11px);font-size:.54rem;font-weight:800}.map-v2-privat>span{display:grid;gap:1px;line-height:1.16;white-space:normal}.map-v2-privat small{color:#1e7a63;font-size:.39rem;font-weight:950;letter-spacing:.13em}.map-v2-privat svg{width:16px;height:16px;flex:none;fill:none;stroke:#218266;stroke-width:1.8}.map-v2-buehne .map-hint{top:166px;z-index:680;max-width:min(92%,540px);color:#effff4;background:rgba(24,91,75,.93);border-radius:21px 7px 21px 7px;box-shadow:0 13px 30px rgba(20,68,76,.24)}
.map-v2 .leaflet-top{top:145px}.map-v2 .leaflet-bottom{bottom:84px}.map-v2 .leaflet-control-zoom{border:0!important;box-shadow:0 7px 18px rgba(34,79,90,.15)!important}.map-v2 .leaflet-control-zoom a{color:#235b6a!important;background:rgba(245,252,247,.94)!important}.map-v2 .map-pin{box-shadow:0 9px 18px rgba(21,62,76,.23)}.map-v2 .mark-etikett{border-color:rgba(255,255,255,.85);color:#234e5b;background:rgba(246,252,245,.94);box-shadow:0 7px 17px rgba(27,77,87,.17)}

/* Karten- und Bereichs-Sheets sind Unterseiten der Welt, keine schwarzen
   Fremdkörper. Die Listen bleiben bewusst offen und nur durch Linien getrennt. */
body.map-v2-live #mapListDialog::backdrop,body.map-v2-live #markDialog::backdrop,body.feed-v2-live #feedDetailDialog::backdrop,body.feed-v2-live #friendsDialog::backdrop,body.feed-v2-live #friendCollectionDialog::backdrop{background:rgba(25,71,82,.32);backdrop-filter:blur(8px)}
body.map-v2-live #mapListDialog>form,body.map-v2-live #markDialog>form,body.feed-v2-live #feedDetailDialog>form,body.feed-v2-live #friendsDialog>form,body.feed-v2-live #friendCollectionDialog>form{color:#183e49;background:linear-gradient(180deg,rgba(229,248,247,.99),rgba(255,250,230,.99));box-shadow:0 -20px 56px rgba(27,76,86,.2)}
body.map-v2-live #mapListDialog h2,body.map-v2-live #markDialog h2,body.feed-v2-live #friendCollectionDialog h2{letter-spacing:-.04em}.map-list,.mark-list{max-width:none}.map-row-shell{border-color:rgba(39,103,112,.14)}.map-row{min-height:62px}.map-row-copy strong{color:#224d59}.map-row-copy em,.map-coords{color:#668087}.map-row-edit{border:0;border-bottom:1px solid rgba(39,103,112,.19);border-radius:0;color:#297b78;background:transparent}
body.feed-v2-live #friendsDialog h2{letter-spacing:-.04em}
body.feed-v2-live #friendsDialog p{color:#607b82}
body.feed-v2-live #friendsDialog .text-input{border:0;border-bottom:1px solid rgba(35,112,108,.27);border-radius:0;color:#183e49;background:rgba(255,255,255,.34)}
body.feed-v2-live #friendsDialog .friend-add .action-square{border:0;border-bottom:1px solid rgba(185,134,37,.36);border-radius:0;color:#7b5b19;background:rgba(255,239,179,.42)}
body.feed-v2-live #friendsDialog .option-row{border-color:rgba(38,105,112,.14);color:#214c57;background:transparent}
body.feed-v2-live #friendsDialog .option-row span{color:#668087}
body.feed-v2-live #friendsDialog .secondary-bar{border-color:rgba(38,105,112,.18);color:#275e68;background:transparent}
body.feed-v2-live #friendCollectionDialog .friend-animal-list{gap:0}
body.feed-v2-live #friendCollectionDialog .feed-card{min-height:86px;padding:10px 2px;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;border:0;border-bottom:1px solid rgba(37,104,113,.15);border-radius:0;color:#183d49;background:transparent}
body.feed-v2-live #friendCollectionDialog .feed-card:hover,body.feed-v2-live #friendCollectionDialog .feed-card:focus-visible{outline:0;background:linear-gradient(90deg,rgba(255,255,255,.55),transparent)}
body.feed-v2-live #friendCollectionDialog .feed-photo{width:64px;height:68px;border:3px solid rgba(255,255,255,.74);border-radius:48% 52% 43% 57% / 57% 46% 54% 43%;box-shadow:0 7px 16px rgba(29,78,89,.14)}
body.feed-v2-live #friendCollectionDialog .feed-copy strong{color:#214c58}
body.feed-v2-live #friendCollectionDialog .feed-owner{color:#27806a}
body.feed-v2-live #friendCollectionDialog .feed-species{color:#687f84}
body.feed-v2-live #friendCollectionDialog .feed-rarity{color:var(--card-accent,#a87a22)}
body.feed-v2-live #friendsDialog .sheet-schliessen,body.feed-v2-live #friendCollectionDialog .sheet-schliessen{border:0;border-bottom:1px solid rgba(38,112,106,.3);border-radius:0;color:#2b6f6a;background:transparent}
body.feed-v2-live #friendsDialog .sheet-schliessen:focus-visible,body.feed-v2-live #friendCollectionDialog .sheet-schliessen:focus-visible{outline:2px solid rgba(38,129,104,.55);outline-offset:2px}
body.map-v2-live .mark-row-zeigen,body.map-v2-live .mark-row-edit,body.map-v2-live .mark-row-weg{border:0;border-bottom:1px solid rgba(35,112,106,.25);border-radius:0;color:#26766f;background:transparent;box-shadow:none}
body.map-v2-live .mark-row-weg{color:#a9574d;border-color:rgba(169,87,77,.24)}
body.map-v2-live .mark-row-zeigen:focus-visible,body.map-v2-live .mark-row-edit:focus-visible,body.map-v2-live .mark-row-weg:focus-visible{outline:2px solid rgba(38,129,104,.6);outline-offset:2px}

/* Freundesfänge als zweite, dauerhafte Welt-Untersektion. */
#feedView.feed-v2{position:relative;width:100%;max-width:none;min-height:100dvh;margin:0;padding:0 0 calc(98px + env(safe-area-inset-bottom));overflow:hidden;color:#183d49;background:#e9f7ee;isolation:isolate}#feedView.feed-v2.active{display:block}.feed-v2-welt{position:absolute;z-index:-1;inset:0 0 auto;height:560px;background:linear-gradient(180deg,rgba(111,204,244,.05),rgba(235,249,241,.77) 72%,#edf8ee),url('/assets/worlds/world-birds-v1.webp') 50% 24%/cover no-repeat}.feed-v2-kopf{min-height:285px;padding:58px clamp(18px,5vw,70px) 64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;text-shadow:0 1px 18px rgba(255,255,255,.92)}.feed-v2-kopf>div{max-width:600px}.feed-v2-kopf h1{max-width:560px;margin:7px 0 8px;font-size:clamp(2.2rem,6vw,4.6rem);line-height:.91;letter-spacing:-.06em;text-wrap:balance}.feed-v2-kopf p{max-width:420px;margin:0;color:#53727a;font-size:.8rem;font-weight:650;line-height:1.45}.feed-v2-kopf .feed-friends{min-width:76px;min-height:84px;padding:7px;place-content:center;justify-items:center;border:1px solid rgba(255,255,255,.83);border-radius:49% 51% 43% 57%;background:rgba(241,251,245,.78);box-shadow:0 13px 31px rgba(31,82,95,.13)}.feed-v2-kopf .feed-friends strong{color:#1d5967}.feed-v2-kopf .feed-friends span{color:#27806a}.feed-v2-wechsel{position:relative;z-index:3;width:min(620px,calc(100% - 36px));margin:-45px auto 0;justify-content:center;background:linear-gradient(90deg,transparent,rgba(244,252,245,.78) 15% 85%,transparent);backdrop-filter:blur(12px)}.feed-v2-wechsel button{flex:1}.feed-v2-inhalt{width:min(100%,900px);margin:0 auto;padding:25px clamp(18px,4vw,42px) 35px;background:linear-gradient(180deg,rgba(239,250,241,.72),rgba(255,249,229,.95))}.feed-v2-einleitung{display:grid;padding-bottom:13px;border-bottom:1px solid rgba(39,103,112,.15)}.feed-v2-einleitung>span{color:#27806a;font-size:.51rem;font-weight:950;letter-spacing:.14em}.feed-v2-einleitung strong{margin-top:4px;font-size:.92rem}.feed-v2-einleitung em{margin-top:3px;color:#657e84;font-size:.68rem;font-style:normal}.feed-v2 .feed-list{max-width:none;margin-top:5px;gap:0}.feed-v2 .feed-card{min-height:102px;padding:12px 2px;grid-template-columns:76px minmax(0,1fr) auto;gap:13px;border:0;border-bottom:1px solid rgba(37,104,113,.14);border-radius:0;background:transparent}.feed-v2 .feed-card:hover,.feed-v2 .feed-card:focus-visible{border-color:rgba(37,104,113,.2);background:linear-gradient(90deg,rgba(255,255,255,.5),transparent);outline:0}.feed-v2 .feed-photo{width:76px;height:82px;border:4px solid rgba(255,255,255,.78);border-radius:48% 52% 43% 57% / 57% 46% 54% 43%;box-shadow:0 8px 19px rgba(29,78,89,.15)}.feed-v2 .feed-copy strong{color:#214c58;font-size:.85rem}.feed-v2 .feed-owner{color:#27806a;font-size:.52rem}.feed-v2 .feed-species{color:#687f84;font-size:.67rem}.feed-v2 .feed-rarity{color:var(--card-accent,#a87a22);font-size:.52rem}
.feed-v2-live #animalDetailDialog>form{color:#183d49;background:linear-gradient(180deg,#ddf5f2 0,#f7fae9 68%,#fff4cf 100%);box-shadow:0 -24px 70px rgba(23,73,86,.26)}
.feed-v2-live #animalDetailDialog .detail-hero{height:230px;background:linear-gradient(145deg,#70cce7,#dff5d9)}
.feed-v2-live #animalDetailDialog .detail-hero-veil{background:linear-gradient(180deg,rgba(19,63,73,.04),rgba(19,63,73,0) 35%,rgba(17,55,64,.8))}
.feed-v2-live #animalDetailDialog .detail-body{background:linear-gradient(180deg,rgba(227,247,242,.96),rgba(255,250,226,.98));scrollbar-color:rgba(36,128,105,.38) transparent}
.feed-v2-live #animalDetailDialog .rarity-meter{border-left-color:var(--tier-accent,#55aa78)}
.feed-v2-live #animalDetailDialog .rarity-meter .rarity-odds,.feed-v2-live #animalDetailDialog .fact-row span{color:#668087}
.feed-v2-live #animalDetailDialog .fact-row{border-color:rgba(35,104,111,.16)}
.feed-v2-live #animalDetailDialog .fact-row strong,.feed-v2-live #animalDetailDialog .detail-location-head h3{color:#183d49}
.feed-v2-live #animalDetailDialog .trait-line span{border-color:rgba(41,126,103,.22);color:#246d60;background:rgba(255,255,255,.38)}
.feed-v2-live #animalDetailDialog .detail-location-block{border-color:rgba(34,111,105,.18);background:rgba(255,255,255,.28)}
.feed-v2-live #animalDetailDialog .detail-location-note,.feed-v2-live #animalDetailDialog .detail-location-head>span{color:#607c80}
.feed-v2-live #animalDetailDialog .detail-location-adopt{border-color:rgba(34,122,99,.32);color:#1f6e5c;background:rgba(255,255,255,.5)}
.feed-v2-live #animalDetailDialog .detail-actions{border-color:rgba(36,102,109,.16);background:rgba(239,249,239,.94);backdrop-filter:blur(16px)}
.feed-v2-live #animalDetailDialog .icon-action{border:0;border-bottom:1px solid rgba(38,117,106,.3);border-radius:0;color:#1e695d;background:transparent}

@keyframes arena-path-drift{to{transform:translate3d(-2.5%,7px,0)}}@keyframes arena-mist{to{transform:translate3d(8%,9px,0);opacity:.72}}
@media (min-width:820px){.arena-v2-inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);column-gap:48px}.arena-einsatzwahl,.arena-einsatz,.arena-kaempfer,.arena-titel,.arena-hinweis{grid-column:1}.arena-gegner{grid-column:1}.verlauf-knopf{grid-column:2;grid-row:1/span 4;align-self:start;margin-top:0}.wild-kopf,.wild-raster{grid-column:1/-1}.wild-raster{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:0;overflow:visible}.map-tools{left:auto;width:min(680px,calc(100% - 84px));min-width:0}.feed-v2-inhalt{box-shadow:0 22px 60px rgba(29,79,89,.08)}}
@media (max-width:600px){.arena-kopf{min-height:272px;padding:38px 17px 64px}.arena-v2-intro h1{font-size:2.7rem}.arena-v2-intro p{max-width:260px;font-size:.72rem}.arena-zaehler{width:70px;min-height:78px}.arena-zaehler b{font-size:1.4rem}.arena-modi{width:calc(100% - 24px)}.arena-modus{min-height:70px;padding-inline:6px}.arena-modus span{font-size:.77rem}.arena-v2-inhalt{padding:24px 16px 38px}.ausdauer-punkte{display:none}.kader-kauf{width:100%;margin-left:0;text-align:left}.map-v2-kopf{min-height:148px;padding:22px 14px 17px;grid-template-columns:minmax(0,1fr)}.map-v2-kopf h1{font-size:1.8rem}.map-v2-kopf .welt-wechsel{justify-self:start}.map-tools{right:10px;bottom:calc(82px + env(safe-area-inset-bottom));left:10px;padding:4px;grid-template-columns:minmax(0,1.25fr) minmax(0,1.08fr) minmax(82px,.72fr)}.map-tool.map-hauptwerkzeug{min-height:62px;padding:6px 7px;grid-template-columns:32px minmax(0,1fr) auto;gap:6px}.map-tool-symbol{width:31px;height:31px}.map-tool-copy small{font-size:.37rem}.map-tool-copy b{font-size:.57rem}.map-tool-count{min-width:22px;height:22px}.map-ansicht>summary{min-height:62px;padding-inline:7px;grid-template-columns:31px minmax(0,1fr);gap:5px}.map-v2-privat{bottom:calc(158px + env(safe-area-inset-bottom));max-width:calc(100% - 28px)}.map-v2 .leaflet-top{top:150px}.feed-v2-kopf{min-height:280px;padding:45px 16px 64px}.feed-v2-kopf h1{font-size:2.25rem}.feed-v2-kopf p{max-width:270px;font-size:.7rem}.feed-v2-kopf .feed-friends{min-width:68px;min-height:74px}.feed-v2-inhalt{padding-inline:16px}.feed-v2 .feed-card{grid-template-columns:68px minmax(0,1fr)}.feed-v2 .feed-photo{width:68px;height:75px}.feed-v2 .feed-rarity{grid-column:2}}
@media (max-width:360px){.arena-v2-intro h1{font-size:2.35rem}.arena-v2-intro p{max-width:220px}.arena-zaehler{width:62px;min-height:70px}.arena-modus small{font-size:.49rem}.map-tools{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) 76px}.map-tool-copy small{display:none}.map-tool.map-hauptwerkzeug{padding-inline:6px}.map-tool-copy b{font-size:.54rem}.map-v2-privat{font-size:.5rem}.feed-v2-kopf h1{font-size:2rem}}
@media (prefers-reduced-motion:reduce){.arena-v2-welt *,.arena-v2-welt *::before,.arena-v2-welt *::after{animation:none!important}.wild-raster{scroll-behavior:auto}}

/* Desktopbreite: die Karte bleibt die vollflaechige Buehne; der alte
   900-px-Deckel der Legacy-Map darf hier nicht wieder sichtbar werden. */
.map-v2-buehne>.map-frame{max-width:none}
.map-tool.map-hauptwerkzeug.primary{margin-right:0}
.map-tool-copy :is(small,b){min-width:0;overflow-wrap:anywhere}
@media (min-width:820px){.map-tools{left:auto;width:min(680px,calc(100% - 84px));min-width:0}}

/* Heute fuehrt nur noch zu drei klaren Zielen. Sammlung bleibt ueber ihren
   eigenen Navigationspunkt erreichbar und wird hier nicht doppelt angeboten. */
.heute-v2-kategorien{width:min(100%,620px);grid-template-columns:repeat(3,minmax(0,1fr))}
.heute-v2-kategorien button.hat-offenes{color:#76510f;background:linear-gradient(145deg,rgba(255,247,204,.82),rgba(255,255,255,.38))}
.heute-kategorie-badge{position:absolute;top:7px;right:8px;width:9px;height:9px;border:2px solid rgba(248,255,249,.95);border-radius:50%;background:#e7a82e;box-shadow:0 0 0 5px rgba(231,168,46,.15)}

/* Der Freunde-Feed ist Teil des Ueberblicks: echte Karten statt eines vierten
   Navigationsknotens. Vier Eintraege begrenzen Bild- und Effektarbeit auf dem
   Handy; die vollstaendige Chronik bleibt in der Freunde-Ansicht. */
.heute-v2-feed{width:min(100%,900px);margin:4px auto 0;padding:27px clamp(17px,4vw,34px) 34px;border-top:1px solid rgba(34,100,106,.16);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(244,250,230,.48))}
.heute-v2-feed>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.heute-v2-feed>header>div{display:grid;gap:3px}.heute-v2-feed>header p{margin:0;color:#247a68;font-size:.52rem;font-weight:950;letter-spacing:.15em}.heute-v2-feed>header h2{margin:0;color:#1b4853;font-size:1.2rem;letter-spacing:-.035em}.heute-v2-feed>header>div>span{color:#657e84;font-size:.65rem}.heute-v2-feed>header>button{padding:4px 2px;display:flex;gap:7px;border:0;border-bottom:1px solid rgba(35,112,101,.3);border-radius:0;color:#247267;background:transparent;font:900 .58rem/1 inherit;white-space:nowrap}.heute-feed-list{max-width:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.heute-feed-list>.empty-state{grid-column:1/-1}.heute-feed-list .karten-kachel{min-width:0;margin:0}.heute-feed-list .feed-card{margin:0}

/* Karten-HUD: die Karte bleibt die Buehne; die Bedienung liegt als kleine,
   taktile Instrumentengruppe darueber. Keine zweite Werkzeugleiste und keine
   winzigen Leaflet-Standardbuttons. */
.map-schnellwerkzeuge{position:absolute;z-index:675;top:166px;right:clamp(12px,3vw,42px);display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:none}
.map-schnellwerkzeuge>*{pointer-events:auto}
.map-schnellknopf{min-width:0;min-height:44px;padding:0 13px 0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.8);border-radius:999px;color:#245c68;background:rgba(242,252,247,.9);box-shadow:0 10px 26px rgba(22,70,82,.18),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(15px) saturate(1.18);font:900 .57rem/1 inherit;cursor:pointer}
.map-schnellknopf svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75}
.map-schnellknopf:is(:hover,:focus-visible){outline:2px solid rgba(27,135,105,.58);outline-offset:2px;color:#176b59}
.map-schnellknopf.locate.is-active{color:#f1fff8;background:rgba(24,112,91,.93);box-shadow:0 10px 28px rgba(20,93,76,.28)}
.map-schnellknopf.locate.is-locating svg{animation:map-locate-spin 1s linear infinite}
.map-status{display:flex;align-items:center;gap:7px;min-height:29px;padding:4px 10px;border:1px solid rgba(255,255,255,.64);border-radius:999px;color:#3c6871;background:rgba(240,250,245,.8);box-shadow:0 7px 18px rgba(24,71,82,.12);backdrop-filter:blur(10px);font-size:.5rem;font-weight:850}
.map-status>i{width:7px;height:7px;border-radius:50%;background:#20a677;box-shadow:0 0 0 4px rgba(32,166,119,.13)}
.map-status.is-loading>i{animation:map-status-pulse 1.2s ease-in-out infinite}.map-status.is-error{color:#8c5f14}.map-status.is-error>i{background:#e4aa32;box-shadow:0 0 0 4px rgba(228,170,50,.15)}
.map-tile-error{position:absolute;z-index:676;top:232px;left:50%;width:min(calc(100% - 28px),520px);min-height:58px;padding:9px 10px 9px 13px;transform:translateX(-50%);display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid rgba(255,218,126,.78);border-radius:20px 7px 20px 7px;color:#5e4a21;background:rgba(255,249,220,.95);box-shadow:0 14px 34px rgba(70,60,31,.18);backdrop-filter:blur(16px)}
.map-tile-error[hidden]{display:none}.map-tile-error>svg{width:24px;height:24px;fill:none;stroke:#a97618;stroke-width:1.7}.map-tile-error>span{display:grid;gap:2px}.map-tile-error strong{font-size:.67rem}.map-tile-error em{color:#806f4f;font-size:.52rem;font-style:normal}.map-tile-error button{min-height:40px;padding:0 10px;border:1px solid rgba(154,106,24,.25);border-radius:12px 4px 12px 4px;color:#765213;background:rgba(255,255,255,.44);font:900 .54rem/1 inherit}
.map-v2-buehne .map-empty{inset:310px auto auto 50%;width:max-content;max-width:calc(100% - 28px);padding:7px 11px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.68);border-radius:13px 5px 13px 5px;color:#476d75;background:rgba(238,250,244,.8);box-shadow:0 8px 22px rgba(27,73,82,.12);backdrop-filter:blur(10px);font-size:.56rem;font-weight:800;text-align:center}
.map-user-location{filter:drop-shadow(0 2px 5px rgba(13,71,57,.45));animation:map-user-pulse 2.2s ease-out infinite}
.map-v2 .leaflet-control-attribution{margin:0 8px 0 0!important;padding:2px 5px!important;border:0!important;border-radius:4px!important;color:rgba(239,252,246,.92)!important;background:rgba(17,49,57,.55)!important;box-shadow:none!important;backdrop-filter:blur(7px);font-size:8px!important;line-height:1.2!important}.map-v2 .leaflet-control-attribution a{color:inherit!important;text-decoration:none!important}
@keyframes map-locate-spin{to{transform:rotate(360deg)}}
@keyframes map-status-pulse{50%{opacity:.38}}
@keyframes map-user-pulse{50%{stroke-width:5;fill-opacity:.72}}

/* Freunde sind jetzt eine vollwertige Weltansicht. Die Kontaktleiste kommt
   vor dem Feed; ein Profilklick oeffnet weiterhin dieselbe geschuetzte,
   schreibgeschuetzte Kartensammlung. */
.feed-friend-section{padding:5px 0 26px;border-bottom:1px solid rgba(35,104,111,.15)}
.feed-friend-section>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:13px}.feed-friend-section>header>div{display:grid;gap:3px}.feed-friend-section>header span{color:#25806b;font-size:.52rem;font-weight:950;letter-spacing:.14em}.feed-friend-section>header h2{margin:0;color:#204c57;font-size:1.12rem;letter-spacing:-.03em}.feed-friend-section>header button{padding:0 3px;display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid rgba(35,112,101,.3);border-radius:0;color:#247267;background:transparent;font:900 .59rem/1 inherit}.feed-friend-section>header button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.feed-friend-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px}
.feed-friend-card,.feed-friend-empty{width:100%;min-width:0;min-height:94px;padding:10px 5px;display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:12px;border:0;border-bottom:1px solid rgba(35,106,108,.14);border-radius:0;color:#214d57;background:linear-gradient(90deg,rgba(255,255,255,.45),transparent);font:inherit;text-align:left;cursor:pointer}.feed-friend-avatar{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:48% 52% 43% 57% / 58% 44% 56% 42%;color:#ecfff5;background:linear-gradient(145deg,#26756d,#40a57b);box-shadow:0 7px 17px rgba(24,91,78,.18);font-size:.82rem;font-weight:950}.feed-friend-copy{display:grid;gap:5px;min-width:0}.feed-friend-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.feed-friend-name strong{min-width:0;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.feed-friend-name em{flex:none;color:#247b69;font-size:.49rem;font-style:normal;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.feed-friend-stats{display:flex;gap:12px;color:#5e7880;font-size:.54rem}.feed-friend-stats span{display:flex;align-items:baseline;gap:3px}.feed-friend-stats b{color:#204e58;font-size:.7rem}.feed-friend-copy>small{color:#799096;font-size:.48rem}.feed-friend-card>i,.feed-friend-empty>b{color:#2b8174;font-size:1.1rem;font-style:normal}.feed-friend-card:is(:hover,:focus-visible),.feed-friend-empty:is(:hover,:focus-visible){outline:2px solid rgba(36,132,108,.45);outline-offset:-2px;background:linear-gradient(90deg,rgba(220,248,229,.65),transparent)}.feed-friend-empty{grid-template-columns:46px minmax(0,1fr) 20px}.feed-friend-empty>span{display:grid;gap:3px;min-width:0}.feed-friend-empty strong{font-size:.76rem}.feed-friend-empty em{color:#688087;font-size:.56rem;font-style:normal}.feed-friend-empty>svg{width:28px;height:28px;margin:auto;fill:none;stroke:#2b806d;stroke-width:1.5}

/* Ein Freund ist ein Profil, nicht nur eine Sammlungsliste. Das Blatt bleibt
   eine ruhige Flaeche; Tabs trennen den Ueberblick, alle Karten und das
   Artenbuch, ohne drei weitere Dialoge zu stapeln. */
.friend-profile-dialog>form{color:#183d49;background:linear-gradient(180deg,#dff5f2 0,#f7fae9 62%,#fff4cf 100%)}.friend-profile-identity{display:flex;align-items:center;gap:11px;min-width:0}.friend-profile-identity>span:last-child{display:grid;gap:2px;min-width:0}.friend-profile-avatar{width:48px;height:48px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.8);border-radius:48% 52% 43% 57% / 58% 44% 56% 42%;color:#effff6;background:linear-gradient(145deg,#1d6966,#41a877);box-shadow:0 8px 19px rgba(29,91,79,.2);font-size:.9rem;font-weight:950}.friend-profile-dialog #friendCollectionMeta{padding:2px 0 10px}.friend-profile-dialog .friend-profile{margin-bottom:0}.friend-profile-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:none;margin:0 -2px 12px;border-bottom:1px solid rgba(35,104,111,.17)}.friend-profile-tabs button{min-height:42px;padding:0 6px;border:0;border-bottom:2px solid transparent;color:#70858a;background:transparent;font:900 .58rem/1 inherit;letter-spacing:.04em}.friend-profile-tabs button[aria-selected="true"]{border-bottom-color:#24816b;color:#185c54}.friend-profile-tabs button:focus-visible{outline:2px solid rgba(36,129,107,.48);outline-offset:-3px}.friend-profile-panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 12px}.friend-profile-panel[hidden]{display:none}.friend-profile-overview-grid{display:grid;gap:23px}.friend-profile-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}.friend-profile-section-heading>div{display:grid;gap:2px}.friend-profile-section-heading span{color:#277966;font-size:.48rem;font-weight:950;letter-spacing:.13em}.friend-profile-section-heading h3{margin:0;color:#204c57;font-size:1.04rem;letter-spacing:-.03em}.friend-profile-section-heading button{padding:2px;border:0;border-bottom:1px solid rgba(35,112,101,.28);border-radius:0;color:#247267;background:transparent;font:900 .53rem/1 inherit}.friend-profile-recent{max-width:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.friend-profile-recent .karten-kachel{min-width:0;margin:0}.friend-profile-rarity{display:grid;gap:9px}.friend-rarity-row{display:grid;grid-template-columns:78px minmax(80px,1fr) 24px;align-items:center;gap:9px}.friend-rarity-row>span{color:#496b72;font-size:.55rem;font-weight:850}.friend-rarity-row>i{height:6px;overflow:hidden;border-radius:4px;background:rgba(35,103,111,.09)}.friend-rarity-row>i>b{display:block;width:var(--rarity-share);height:100%;border-radius:inherit;background:var(--rarity-accent)}.friend-rarity-row>strong{color:#284f58;font-size:.6rem;text-align:right}.friend-profile-emptyline,.friend-species-summary{margin:0;color:#6b8287;font-size:.62rem;line-height:1.45}.friend-species-summary{padding:2px 0 13px;border-bottom:1px solid rgba(35,104,111,.13)}.friend-species-summary strong{color:#20535b}.friend-profile-species-list{display:grid;gap:18px}.friend-species-group>header{display:flex;justify-content:space-between;gap:10px;padding:0 2px 7px;border-bottom:1px solid rgba(35,104,111,.15)}.friend-species-group>header span{color:#217661;font-size:.55rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.friend-species-group>header strong{color:#71878b;font-size:.51rem}.friend-species-group article{min-height:56px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid rgba(35,104,111,.1)}.friend-species-group article>span{display:grid;gap:2px}.friend-species-group article>span:last-child{text-align:right}.friend-species-group article strong{color:#244e58;font-size:.66rem}.friend-species-group article em{color:#71868b;font-size:.51rem;font-style:normal}.friend-species-group article b{color:#245d63;font-size:.61rem}.friend-species-mark{width:7px;height:28px;border-radius:4px;background:var(--species-accent)}

/* Wochenaufgaben gehoeren auf die Aufgaben-/Expeditionsseite, nicht in den
   Startseitenfluss. */
.mission-v2-quests{width:min(calc(100% - 32px),900px);margin:26px auto 0;padding:4px 18px 9px;border:1px solid rgba(37,112,107,.17);border-radius:25px 9px 25px 9px;color:#204b56;background:rgba(243,253,246,.66);box-shadow:0 14px 34px rgba(29,81,87,.09);backdrop-filter:blur(16px)}
.mission-v2-quests>summary{min-height:72px;display:grid;grid-template-columns:45px minmax(0,1fr) auto 20px;align-items:center;gap:10px;list-style:none;cursor:pointer}.mission-v2-quests>summary::-webkit-details-marker{display:none}.mission-v2-quests .fold-chevron{width:18px;height:18px;fill:none;stroke:currentColor;transition:transform .2s ease}.mission-v2-quests[open] .fold-chevron{transform:rotate(90deg)}.mission-v2-quests .fold-body{padding:0 2px 13px 55px}.mission-v2-quests .quest-list{display:grid;gap:7px}

@media(max-width:600px){
  .map-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  .map-schnellwerkzeuge{top:155px;right:10px}.map-schnellknopf.locate{width:auto;min-width:88px;padding-inline:10px 12px}.map-tile-error{top:222px;grid-template-columns:26px minmax(0,1fr)}.map-tile-error button{grid-column:2;justify-self:start}.map-v2-buehne .map-empty{top:332px}
  .map-tools{display:grid;align-items:stretch}.map-tool.map-hauptwerkzeug{width:100%;min-width:0;min-height:76px;padding:6px 5px;grid-template-columns:1fr;grid-template-rows:31px auto;justify-items:center;align-content:center;gap:4px}.map-tool.map-hauptwerkzeug .map-tool-copy,.map-ansicht>summary .map-tool-copy{width:100%;justify-items:center;text-align:center}.map-tools .map-tool-copy :is(small,b){overflow-wrap:normal;word-break:normal}.map-tool-count{position:absolute;top:8px;right:6px}.map-ansicht,.map-ansicht>summary{min-width:0}.map-ansicht>summary{min-height:76px;padding:6px 5px;grid-template-columns:1fr;grid-template-rows:31px auto;justify-items:center;align-content:center;gap:4px}.map-v2-privat{bottom:calc(180px + env(safe-area-inset-bottom));overflow:visible;white-space:normal}.map-v2 .leaflet-bottom.leaflet-right{bottom:236px}.map-v2 .leaflet-control-attribution{max-width:185px!important;font-size:8px!important;line-height:1.2!important}
  .heute-v2-feed{padding-inline:16px}.heute-v2-feed>header>div>span{display:none}.heute-feed-list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.heute-feed-list::-webkit-scrollbar{display:none}.heute-feed-list>.karten-kachel,.heute-feed-list>.feed-card{flex:0 0 min(82vw,310px);scroll-snap-align:start}.heute-feed-list>.empty-state{flex:1 0 100%}
  .feed-friend-shelf{grid-template-columns:1fr;gap:0}.feed-friend-card,.feed-friend-empty{min-height:91px}.friend-profile-recent{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.friend-profile-recent::-webkit-scrollbar{display:none}.friend-profile-recent>.karten-kachel,.friend-profile-recent>.feed-card{flex:0 0 min(78vw,290px);scroll-snap-align:start}
  .mission-v2-quests{padding-inline:12px}.mission-v2-quests>summary{grid-template-columns:42px minmax(0,1fr) auto}.mission-v2-quests .fold-chevron{display:none}.mission-v2-quests .fold-body{padding-left:0}
}
@media(prefers-reduced-motion:reduce){.map-user-location,.map-schnellknopf.locate.is-locating svg,.map-status.is-loading>i{animation:none}}

/* --------------------------------------------------------------------------
   Expeditionen, Feldmarkt und Feldpass V2
   Die drei Ansichten benutzen die vorhandenen Produktfunktionen. Neu ist nur
   die Informationsarchitektur: Handlung vor Dekoration, echte Zustände statt
   generischer Kacheln und ein durchgehender Sammlungskreislauf.
---------------------------------------------------------------------------- */
body.missions-v2-live,body.trade-v2-live,body.profile-v2-live{background:#def3f2;color:#173e4b}
.missions-v2,.trade-v2,.profile-v2{width:100%;max-width:none;min-height:100%;margin:0;padding:0 0 calc(94px + env(safe-area-inset-bottom));overflow-x:clip;color:#173e4b;background:linear-gradient(180deg,#dff5f4,#fff7da)}
.missions-v2 .v2-kicker,.trade-v2 .v2-kicker,.profile-v2 .v2-kicker{color:#116d55;font-size:.55rem;font-weight:950;letter-spacing:.17em}
.mission-v2-hero,.trade-v2-hero,.profile-v2-hero{position:relative;isolation:isolate;min-height:340px;padding:70px max(22px,calc((100vw - 900px)/2)) 92px;overflow:hidden;color:#174150;background-position:center;background-size:cover}
.mission-v2-hero{background-image:linear-gradient(180deg,rgba(223,249,247,.08),rgba(229,248,238,.22) 45%,#e6f6ec 100%),url('/assets/worlds/wildtrack-luminous-world-v1.webp')}
.trade-v2-hero{background-image:linear-gradient(180deg,rgba(226,249,248,.12),rgba(225,247,239,.25) 48%,#e7f6ed 100%),url('/assets/worlds/world-birds-v1.webp')}
.profile-v2-hero{background-image:linear-gradient(180deg,rgba(225,249,247,.05),rgba(223,244,237,.2) 50%,#e4f4eb 100%),url('/assets/worlds/world-birds-v1.webp')}
.mission-v2-hero::after,.trade-v2-hero::after,.profile-v2-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 74% 25%,rgba(255,238,143,.54),transparent 23%),linear-gradient(100deg,rgba(245,255,247,.28),transparent 48%);mix-blend-mode:screen;pointer-events:none}
.mission-v2-back,.trade-v2-back{position:absolute;z-index:2;top:calc(18px + env(safe-area-inset-top));left:max(18px,calc((100vw - 900px)/2));min-height:42px;margin:0;padding:0 4px;border:0;border-bottom:1px solid rgba(24,104,94,.32);border-radius:0;color:#1d6e68;background:rgba(246,255,249,.22);backdrop-filter:blur(8px)}
.mission-v2-copy,.trade-v2-copy{width:min(610px,78%)}
.mission-v2-copy h1,.trade-v2-copy h1,.profile-v2-heading h1{max-width:600px;margin:8px 0 7px;color:#173e4b;font-size:clamp(2.45rem,7vw,4.6rem);line-height:.91;letter-spacing:-.067em;text-wrap:balance}
.trade-v2-copy h1{max-width:690px;font-size:clamp(2.25rem,6.3vw,4.25rem)}
.mission-v2-copy p,.trade-v2-copy p,.profile-v2-heading p{max-width:470px;margin:0;color:#45666e;font-size:.78rem;font-weight:650;line-height:1.5}
.mission-v2-status,.trade-v2-status{position:absolute;right:max(22px,calc((100vw - 900px)/2));bottom:85px;display:flex;gap:0;border-top:1px solid rgba(27,105,99,.24);border-bottom:1px solid rgba(27,105,99,.18);background:rgba(246,255,247,.24);backdrop-filter:blur(12px)}
.mission-v2-status>div,.trade-v2-status>div{display:grid;min-width:84px;padding:12px 14px;border-left:1px solid rgba(27,105,99,.16)}
.mission-v2-status>div:first-child,.trade-v2-status>div:first-child{border-left:0}
.mission-v2-status strong,.trade-v2-status strong{color:#176958;font-size:1.35rem;line-height:1}.mission-v2-status span,.trade-v2-status span{margin-top:4px;color:#4c6870;font-size:.49rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.play-route{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);width:min(100% - 32px,760px);margin:-52px auto 0;border-top:1px solid rgba(37,113,107,.2);border-bottom:1px solid rgba(37,113,107,.15);background:rgba(242,253,247,.67);box-shadow:0 16px 42px rgba(32,85,91,.09);backdrop-filter:blur(18px)}
.play-route::before{content:'';position:absolute;top:25px;right:15%;left:15%;height:1px;background:linear-gradient(90deg,#52b590,#e9b84f,#52b590);opacity:.4}
.play-route button{position:relative;z-index:1;display:grid;justify-items:center;min-width:0;min-height:80px;padding:11px 7px 9px;border:0;border-right:1px solid rgba(33,103,102,.12);border-radius:0;color:#628087;background:transparent}
.play-route button:last-child{border-right:0}.play-route button>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(40,123,110,.24);border-radius:50%;color:#368a79;font-size:.49rem;font-weight:950;background:rgba(248,255,248,.88)}
.play-route button strong{margin-top:4px;color:#476d75;font-size:.72rem}.play-route button em{color:#759096;font-size:.48rem;font-style:normal}
.play-route button[aria-current=page]{background:linear-gradient(180deg,rgba(255,241,176,.14),rgba(255,255,255,.34));box-shadow:inset 0 -3px 0 #e6b344}.play-route button[aria-current=page]>span{border-color:#dfad3a;color:#8c6515;background:#fff5c7;box-shadow:0 0 0 6px rgba(255,221,98,.13)}.play-route button[aria-current=page] strong{color:#184e58}
.play-route button:focus-visible{outline:2px solid #218871;outline-offset:-3px}

.mission-v2-body,.trade-v2-body{width:min(100%,900px);margin:0 auto;padding:38px clamp(18px,4vw,44px) 48px;background:linear-gradient(180deg,rgba(237,250,242,.82),rgba(255,249,225,.97))}
.mission-v2-heading,.trade-v2-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:18px;border-bottom:1px solid rgba(40,105,110,.16)}
.mission-v2-heading h2,.trade-v2-heading h2,.profile-v2-section-head h2{margin:4px 0 0;color:#173e4b;font-size:1.55rem;letter-spacing:-.045em}.mission-v2-heading>p,.trade-v2-heading>p,.profile-v2-section-head p{max-width:320px;margin:0;color:#617d84;font-size:.66rem;line-height:1.45}
.mission-trail{position:relative;max-width:none;margin:0;padding-left:42px}.mission-trail::before{content:'';position:absolute;top:0;bottom:34px;left:16px;width:1px;background:linear-gradient(#4eb492,#e7b34b 48%,rgba(61,126,111,.12))}
.mission-stop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;min-height:176px;padding:24px 0;border:0;border-bottom:1px solid rgba(39,104,108,.14);background:transparent}
.mission-stop-marker{position:absolute;top:25px;left:-42px;display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(44,135,111,.28);border-radius:50%;color:#287c6c;background:#effaf1;box-shadow:0 0 0 6px rgba(232,248,236,.76)}.mission-stop-marker span{font-size:.48rem;font-weight:950}
.mission-stop.is-running .mission-stop-marker{border-color:#e2ae37;color:#74530f;background:#fff0b6;box-shadow:0 0 0 6px rgba(255,220,89,.13)}
.mission-stop-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.mission-stop-head>div>span{color:#21816c;font-size:.48rem;font-weight:950;letter-spacing:.12em}.mission-stop-head h3{margin:4px 0 0;color:#1b4651;font-size:1.03rem;letter-spacing:-.025em}.mission-stop-reward{display:flex;align-items:baseline;gap:3px;color:#b67b15}.mission-stop-reward strong{font-size:1.12rem}.mission-stop-reward small{font-size:.48rem;font-weight:950}
.mission-stop-copy>p{max-width:560px;margin:8px 0;color:#5b777f;font-size:.67rem;line-height:1.45}.mission-stop-facts{display:flex;gap:18px;margin:10px 0;color:#426a72;font-size:.54rem;font-weight:850}.mission-stop-facts span+span{position:relative}.mission-stop-facts span+span::before{content:'';position:absolute;top:50%;left:-10px;width:3px;height:3px;border-radius:50%;background:#dfac37}
.mission-stop .requirement-line{display:flex;gap:6px;margin:0;overflow:hidden}.mission-stop .requirement-line span{white-space:nowrap;border:0;border-bottom:1px solid rgba(40,126,105,.23);border-radius:0;color:#39796e;background:transparent;font-size:.49rem}
.assignment-line{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin-top:12px;padding:9px 0 6px;border-top:1px solid rgba(216,162,47,.22);color:#38666e}.assignment-line strong{font-size:.67rem}.assignment-line span{font-size:.56rem}.assignment-line i{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#3db58d var(--mission-progress),rgba(38,104,108,.12) var(--mission-progress));overflow:hidden}.assignment-line i::after{content:'';position:absolute;top:-3px;left:var(--mission-progress);width:8px;height:8px;border-radius:50%;background:#efbd49;box-shadow:0 0 0 4px rgba(239,189,73,.16)}
.mission-stop-action{align-self:center;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:172px;min-height:52px;padding:8px 2px 8px 13px;border:0;border-bottom:1px solid rgba(41,120,107,.27);border-radius:0;color:#21695e;background:linear-gradient(90deg,rgba(255,255,255,.56),transparent);text-align:left}.mission-stop-action span{display:grid}.mission-stop-action strong{font-size:.64rem}.mission-stop-action em{margin-top:2px;color:#70878c;font-size:.49rem;font-style:normal}.mission-stop-action b{padding:0 10px;color:#c58918;font-size:1.35rem}.mission-stop-action .rush-icon{width:22px;height:22px;color:#d29320}.mission-stop-action.rush span strong{color:#946519}.mission-stop-action:disabled{opacity:.42}.mission-stop-action:not(:disabled):hover{background:linear-gradient(90deg,rgba(255,244,192,.58),transparent)}.mission-stop-action:focus-visible{outline:2px solid #23856f;outline-offset:3px}

.trade-v2-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:38px}.trade-path{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:108px;padding:15px 4px 15px 0;border:0;border-bottom:1px solid rgba(37,109,108,.24);border-radius:0;color:#174955;background:linear-gradient(90deg,rgba(255,255,255,.48),transparent);text-align:left}.trade-path-icon{display:grid;place-items:center;width:43px;height:54px;border:1px solid rgba(36,130,107,.25);border-radius:48% 52% 41% 59% / 56% 43% 57% 44%;color:#21836d;background:rgba(241,255,242,.74)}.trade-path-icon svg{width:21px;height:21px}.trade-path>span:nth-child(2){display:grid}.trade-path small{color:#25816e;font-size:.46rem;font-weight:950;letter-spacing:.12em}.trade-path strong{margin-top:4px;font-size:.82rem}.trade-path em{max-width:270px;margin-top:4px;color:#668087;font-size:.54rem;font-style:normal;line-height:1.4}.trade-path>b{padding:10px;color:#c38b22;font-size:1.4rem}.trade-path.direct .trade-path-icon{border-color:rgba(219,162,50,.32);color:#a66f16;background:rgba(255,244,195,.65)}.trade-path:focus-visible{outline:2px solid #218871;outline-offset:3px}.trade-path:hover{background:linear-gradient(90deg,rgba(255,242,183,.47),transparent)}
.trade-board{max-width:none;margin:0}.trade-board-offer{display:block;min-height:0;padding:22px 0;border:0;border-bottom:1px solid rgba(38,105,110,.15);background:transparent}.trade-board-offer.an-mich{background:linear-gradient(90deg,rgba(255,235,157,.16),transparent)}.trade-offer-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.trade-offer-head span{color:#25816d;font-size:.5rem;font-weight:950;letter-spacing:.12em}.trade-offer-head time{color:#758c91;font-size:.52rem}
.trade-exchange{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:center;gap:12px}.trade-exchange-side>small{display:block;margin-bottom:7px;color:#6a8388;font-size:.46rem;font-weight:900;letter-spacing:.12em}.trade-exchange .tier-row{width:100%;min-height:72px;padding:6px 0;border:0;border-radius:0;background:transparent}.trade-exchange .tile-silhouette{width:54px;height:58px;border-radius:44% 56% 49% 51% / 54% 46% 54% 46%}.trade-exchange .tier-copy strong{color:#1b4752}.trade-exchange .tier-copy em{color:#6a8187}.trade-exchange-path{display:flex;align-items:center;justify-content:center}.trade-exchange-path i{flex:1;height:1px;background:rgba(38,114,103,.25)}.trade-exchange-path span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(213,158,48,.32);border-radius:50%;color:#986817;background:#fff3c4;font-size:.49rem;font-weight:950}.trade-wunsch{margin:0}.trade-wanted{display:grid;min-height:72px;align-content:center;margin:0;padding:8px 0;border:0;border-bottom:1px solid rgba(37,113,106,.2);border-radius:0;background:transparent}.trade-wanted span{color:#28816d;font-size:.46rem;font-weight:950;letter-spacing:.12em}.trade-wanted strong{margin-top:5px;color:#1d4a55;font-size:.7rem}.trade-offer-footer{display:flex;justify-content:flex-end;margin-top:10px}.trade-buttons{display:flex;gap:10px}.trade-offer-button{min-height:42px;padding:8px 2px 7px 13px;border:0;border-bottom:1px solid rgba(39,117,105,.27);border-radius:0;color:#2c7169;background:transparent;font-size:.58rem;font-weight:900}.trade-offer-button.primary{color:#7c5613;border-color:#dfa932;background:linear-gradient(90deg,rgba(255,235,157,.48),transparent)}.trade-offer-button b{padding:0 9px;font-size:1rem}.trade-offer-button:focus-visible{outline:2px solid #218871;outline-offset:2px}.trade-history-shell{margin-top:28px;border-top:1px solid rgba(37,104,109,.16)}.trade-history-shell>summary{display:flex;justify-content:space-between;padding:16px 0;cursor:pointer;list-style:none;color:#416b73;font-size:.62rem}.trade-history-shell>summary strong{color:#24806d;font-size:.54rem}.trade-history-shell .plain-list{margin:0 0 12px}.trade-history-shell .plain-list>div{border-color:rgba(40,105,110,.13);color:#668087;background:transparent}.trade-history-shell .plain-list strong{color:#254f59}

.profile-v2.active{display:flex;flex-direction:column}.profile-v2-hero{order:1;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:315px}.profile-v2-heading{max-width:570px}.profile-v2-heading h1{margin-top:7px}.profile-v2-level{flex:0 0 auto;width:98px;height:98px;border:1px solid rgba(255,255,255,.7);background:rgba(246,255,247,.46);box-shadow:0 15px 36px rgba(34,85,90,.12);backdrop-filter:blur(14px)}.profile-v2-level svg{width:82px;height:82px}.profile-v2-level strong{font-size:1.55rem}.profile-v2-index{order:2;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);width:min(100% - 32px,760px);margin:-48px auto 0;border-top:1px solid rgba(38,111,105,.19);border-bottom:1px solid rgba(38,111,105,.16);background:rgba(243,253,247,.7);box-shadow:0 15px 40px rgba(32,83,89,.09);backdrop-filter:blur(18px)}.profile-v2-index :is(a,button){display:grid;min-width:0;min-height:70px;align-content:center;padding:8px 10px;border:0;border-right:1px solid rgba(37,107,104,.11);color:#426c74;background:transparent;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.profile-v2-index :is(a,button):last-child{border-right:0}.profile-v2-index span{font-size:.68rem;font-weight:900}.profile-v2-index small{margin-top:3px;color:#789095;font-size:.48rem}.profile-v2-index :is(a,button):focus-visible{outline:2px solid #208870;outline-offset:-3px}.profile-v2-section{width:min(100%,820px);margin:0 auto;padding:36px clamp(20px,5vw,50px);border:0;border-bottom:1px solid rgba(37,104,109,.14);border-radius:0;background:transparent}.profile-v2-identity{order:3}.profile-v2-social{order:4}.profile-v2-identity{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:34px;background:linear-gradient(180deg,rgba(239,251,243,.78),rgba(255,250,228,.4))}.profile-v2 .level-bar{grid-column:1/-1;margin:0;padding:0 0 22px;border:0;border-bottom:1px solid rgba(40,106,109,.15);border-radius:0;background:transparent}.profile-v2 .level-bar-head{color:#2d706d}.profile-v2 .level-track-line{background:rgba(39,104,109,.13)}.profile-v2 .account-section{margin:0;padding:0;border:0;background:transparent}.profile-v2 .account-state{min-height:112px;padding:0;border:0;background:transparent}.profile-v2 .account-identity{padding-left:12px;border-left:2px solid #e6b341}.profile-v2 .account-label{color:#27816c}.profile-v2 .account-identity strong{color:#1c4752}.profile-v2 .account-mail{color:#6c8389}.profile-v2 .code-row{margin-top:15px;padding:11px 0;border:0;border-top:1px solid rgba(37,112,104,.15);border-bottom:1px solid rgba(37,112,104,.2);border-radius:0;color:#216b62;background:transparent}.profile-v2 .profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0}.profile-v2 .profile-stats>div{min-height:57px;padding:9px 12px;border:0;border-left:1px solid rgba(39,105,109,.15);border-bottom:1px solid rgba(39,105,109,.12);border-radius:0;background:transparent}.profile-v2 .profile-stats span{color:#6c858a;font-size:.48rem}.profile-v2 .profile-stats strong{color:#1b5559;font-size:.86rem}.profile-v2-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.profile-v2-section-head h2{font-size:1.35rem}.profile-v2 .profile-block{margin:0;padding:22px 0;border:0;border-bottom:1px solid rgba(39,106,109,.14);border-radius:0;color:#183f4b;background:transparent;box-shadow:none}.profile-v2 .profile-block:last-child{border-bottom:0}.profile-v2 .block-heading{color:#1b4b55;font-size:.9rem}.profile-v2 .block-heading svg{color:#26836f}.profile-v2 .wide-button{min-height:54px;padding:10px 2px;border:0;border-bottom:1px solid rgba(39,111,106,.19);border-radius:0;color:#214d57;background:linear-gradient(90deg,rgba(255,255,255,.39),transparent);box-shadow:none}.profile-v2 .wide-button>svg{color:#25826d}.profile-v2 .wide-button em{color:#6c8388}.profile-v2 .friend-preview{margin-top:12px}.profile-v2 .friend-card{border-color:rgba(38,105,109,.14);color:#244e58;background:transparent}

@media(max-width:680px){.mission-v2-hero,.trade-v2-hero,.profile-v2-hero{min-height:315px;padding:70px 18px 82px;background-position:60% center}.mission-v2-copy,.trade-v2-copy{width:100%}.mission-v2-copy h1,.trade-v2-copy h1,.profile-v2-heading h1{max-width:330px;font-size:2.65rem}.trade-v2-copy h1{font-size:2.35rem}.mission-v2-copy p,.trade-v2-copy p,.profile-v2-heading p{max-width:315px;font-size:.68rem}.mission-v2-status,.trade-v2-status{position:static;width:max-content;margin-top:18px}.mission-v2-status>div,.trade-v2-status>div{min-width:68px;padding:9px 10px}.mission-v2-status strong,.trade-v2-status strong{font-size:1.05rem}.play-route{width:calc(100% - 24px);margin-top:-42px}.play-route button{min-height:73px}.mission-v2-body,.trade-v2-body{padding:31px 16px 40px}.mission-v2-heading,.trade-v2-heading{align-items:start}.mission-v2-heading>p,.trade-v2-heading>p{display:none}.mission-trail{padding-left:35px}.mission-trail::before{left:13px}.mission-stop{grid-template-columns:1fr;gap:6px;padding:21px 0}.mission-stop-marker{left:-35px;width:28px;height:28px}.mission-stop-action{width:100%;min-width:0;margin-top:4px}.mission-stop .requirement-line span:nth-child(n+4){display:none}.trade-v2-actions{grid-template-columns:1fr;gap:8px;margin-bottom:30px}.trade-path{min-height:88px}.trade-exchange{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:5px}.trade-exchange-path span{width:30px;height:30px}.trade-exchange-path i{display:none}.trade-exchange .tier-row{grid-template-columns:46px minmax(0,1fr);gap:7px}.trade-exchange .tile-silhouette{width:46px;height:51px}.trade-exchange .tier-copy em{font-size:.47rem}.trade-exchange .tier-copy small{display:none}.profile-v2-hero{align-items:start;min-height:285px;padding-top:72px}.profile-v2-heading h1{font-size:2.8rem}.profile-v2-level{width:76px;height:76px}.profile-v2-level svg{width:66px;height:66px}.profile-v2-index{width:calc(100% - 24px);margin-top:-40px}.profile-v2-index :is(a,button){min-height:64px;padding-inline:7px}.profile-v2-index span{font-size:.6rem}.profile-v2-index small{font-size:.43rem}.profile-v2-section{padding:31px 18px}.profile-v2-identity{grid-template-columns:1fr;gap:24px}.profile-v2 .level-bar{grid-column:1}.profile-v2-section-head{display:block}.profile-v2-section-head p{margin-top:5px}.profile-v2 .profile-stats{grid-template-columns:repeat(3,1fr)}.profile-v2 .profile-stats>div{padding-inline:8px}.profile-v2 .friend-card{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:680px){.collection-v2-subjourney .collection-v2-shared-shell{background-size:auto,cover,auto}.collection-v2-subjourney .collection-v2-shared-shell>.collection-v2-hero{min-height:302px;padding-inline:9px}.collection-v2-subjourney:not([hidden])+.mission-v2-hero,.collection-v2-subjourney:not([hidden])+.trade-v2-hero{min-height:0;padding:18px 16px 17px;display:block}.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-copy h1,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-copy h1{max-width:none;font-size:1.48rem}.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-copy p,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-copy p{max-width:350px;font-size:.62rem}.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-status,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-status{width:100%;margin:13px 0 0}.collection-v2-subjourney:not([hidden])+.mission-v2-hero .mission-v2-status>div,.collection-v2-subjourney:not([hidden])+.trade-v2-hero .trade-v2-status>div{flex:1;min-width:0;padding:8px 10px}}
@media(max-width:380px){.mission-v2-copy h1,.profile-v2-heading h1{font-size:2.35rem}.trade-v2-copy h1{font-size:2.05rem}.mission-v2-status>div,.trade-v2-status>div{min-width:61px;padding-inline:7px}.play-route button em{display:none}.trade-exchange .tier-copy em{display:none}.profile-v2-index small{display:none}.profile-v2-index :is(a,button){min-height:54px}.profile-v2 .profile-stats{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.mission-v2-hero::after,.trade-v2-hero::after,.profile-v2-hero::after{animation:none}}
.missions-v2-live #animalPickerDialog::backdrop,.trade-v2-live #animalPickerDialog::backdrop{background:rgba(18,56,66,.35);backdrop-filter:blur(9px)}.missions-v2-live #animalPickerDialog>form,.trade-v2-live #animalPickerDialog>form{color:#193f4a;background:linear-gradient(160deg,#e1f7f3,#fff4ca);box-shadow:0 -22px 65px rgba(20,63,72,.24)}.picker-confirm-accept{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:11px 3px 10px 14px;border:0;border-bottom:1px solid #dba632;border-radius:0;color:#805914;background:linear-gradient(90deg,rgba(255,230,133,.5),transparent);font-size:.65rem;font-weight:900}.picker-confirm-accept b{padding:0 12px;font-size:1.2rem}.picker-confirm-accept:focus-visible{outline:2px solid #218871;outline-offset:2px}
.missions-v2-live #animalPickerDialog .secondary-bar,.trade-v2-live #animalPickerDialog .secondary-bar{border-color:rgba(39,111,106,.2);color:#3b6d73;background:transparent}
.play-route,.profile-v2-index{position:sticky;top:env(safe-area-inset-top);z-index:30;background-color:rgba(242,253,247,.84)}
.profile-v2-section{scroll-margin-top:82px}.profile-v2 .wide-button strong{color:#214d57}

/* EINSTELLUNGEN V2 ------------------------------------------------------
   Freigaben, Geraet und Konto sind eine eigenstaendige Hauptseite. Die
   Flaeche arbeitet mit Linien, Typografie und Zustandssignalen statt mit
   einer Wand aus Karten/Pillen oder einem verschachtelten Dialog. */
.settings-page-v2{min-height:100%;padding:0 0 calc(88px + env(safe-area-inset-bottom));background:#eef9f3}
.settings-page-v2.active{display:block}
.settings-v2-shell{
  width:min(960px,100%);min-height:100%;margin:0 auto;scroll-behavior:smooth;
  border-inline:1px solid rgba(255,255,255,.72);
  color:#173f4b;background:
    radial-gradient(circle at 84% 9%,rgba(255,225,129,.24),transparent 24%),
    linear-gradient(180deg,#dff7f5 0,#f1fbf4 34%,#fff9e9 100%);
  box-shadow:0 18px 70px rgba(22,70,76,.12);
}
.settings-v2-shell button,.settings-v2-shell a{font:inherit}
.settings-v2-hero{
  position:relative;min-height:222px;padding:clamp(52px,7vw,74px) clamp(24px,7vw,72px) 42px;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:34px;
  overflow:hidden;color:#173f4b;
  background:
    linear-gradient(90deg,rgba(221,248,246,.96) 0%,rgba(229,250,246,.82) 46%,rgba(229,250,245,.2) 75%),
    linear-gradient(0deg,rgba(243,252,246,.83),transparent 44%),
    url('/assets/worlds/wildtrack-luminous-world-v1.webp') 72% 46%/cover;
}
.settings-v2-hero::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent 0,rgba(31,112,108,.32) 18%,rgba(226,167,41,.42) 78%,transparent 100%);
}
.settings-v2-hero-copy{position:relative;z-index:1;max-width:570px}
.settings-v2-hero .v2-kicker{color:#27816d}
.settings-v2-hero h1{margin:7px 0 9px;color:#143f4c;font-size:clamp(2.45rem,6vw,4.35rem);line-height:.9;letter-spacing:-.06em}
.settings-v2-hero p{max-width:520px;margin:0;color:#4f737a;font-size:.74rem;font-weight:650;line-height:1.5}
.settings-v2-scope{
  position:relative;z-index:1;min-width:150px;padding:12px 0 8px 18px;
  display:grid;gap:4px;border-left:1px solid rgba(32,111,107,.22);
}
.settings-v2-scope small{color:#668087;font-size:.48rem;font-weight:950;letter-spacing:.15em}
.settings-v2-scope strong{color:#1e6e66;font-size:.9rem;font-variant-numeric:tabular-nums}
.settings-v2-signal{display:flex;gap:5px;margin-top:4px}
.settings-v2-signal i{width:18px;height:3px;background:rgba(47,101,101,.18);transition:background .22s ease,box-shadow .22s ease}
.settings-page-v2.sharing-1 .settings-v2-signal i:nth-child(-n+1),
.settings-page-v2.sharing-2 .settings-v2-signal i:nth-child(-n+2),
.settings-page-v2.sharing-3 .settings-v2-signal i{background:#2c9a73;box-shadow:0 0 8px rgba(44,154,115,.25)}
.settings-v2-back{
  position:absolute;z-index:3;top:calc(14px + env(safe-area-inset-top));left:clamp(16px,4vw,28px);
  min-width:92px;min-height:44px;padding:8px 12px;display:flex;align-items:center;gap:7px;
  border:0;border-bottom:1px solid rgba(34,106,105,.3);border-radius:0;color:#285f67;
  background:rgba(242,253,247,.66);cursor:pointer;backdrop-filter:blur(10px);
}
.settings-v2-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.settings-v2-back span{font-size:.56rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.settings-v2-back:focus-visible,.settings-v2-index button:focus-visible,.settings-v2-body :is(button,a):focus-visible{outline:2px solid #198369;outline-offset:2px}
.settings-v2-index{
  position:sticky;z-index:5;top:8px;width:min(calc(100% - 32px),780px);margin:-25px auto 9px;
  display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;
  border:1px solid rgba(35,105,108,.16);border-radius:20px 7px 20px 7px;background:rgba(246,254,249,.88);
  box-shadow:0 16px 42px rgba(29,77,82,.13),inset 0 1px rgba(255,255,255,.8);
  backdrop-filter:blur(18px) saturate(1.14);-webkit-backdrop-filter:blur(18px) saturate(1.14);
}
.settings-v2-index button{
  min-width:0;min-height:68px;padding:9px clamp(11px,2.7vw,24px);display:grid;
  grid-template-columns:22px minmax(0,1fr);align-content:center;align-items:center;column-gap:9px;
  border:0;border-right:1px solid rgba(34,105,107,.12);border-radius:0;color:#426c74;
  background:transparent;text-align:left;cursor:pointer;
}
.settings-v2-index button:last-child{border-right:0}
.settings-v2-index svg{grid-row:1/3;width:20px;height:20px;color:#27826e;fill:none;stroke:currentColor;stroke-width:1.7}
.settings-v2-index span{font-size:.67rem;font-weight:900}
.settings-v2-index small{grid-column:2;margin-top:3px;color:#789095;font-size:.48rem}
.settings-v2-index button:hover{color:#1e7467;background:linear-gradient(180deg,rgba(214,247,236,.38),transparent)}
.settings-v2-body{width:min(100%,820px);margin:0 auto;padding:4px clamp(22px,6vw,60px) calc(32px + env(safe-area-inset-bottom))}
.settings-v2-section{scroll-margin-top:78px;padding:46px 0 44px;border-bottom:1px solid rgba(35,103,107,.15)}
.settings-v2-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);align-items:end;gap:30px;margin-bottom:23px}
.settings-v2-section-head h3{margin:5px 0 0;color:#194b55;font-size:clamp(1.35rem,3vw,2rem);line-height:1;letter-spacing:-.04em}
.settings-v2-section-head>p,.settings-v2-section-head .profile-visibility-summary{margin:0;color:#607c82;font-size:.64rem;line-height:1.5;text-align:right}
.settings-control-list{overflow:hidden;border:1px solid rgba(35,107,105,.15);border-radius:18px 7px 18px 7px;background:rgba(255,255,255,.43);box-shadow:0 13px 34px rgba(35,88,86,.07),inset 0 1px rgba(255,255,255,.76)}
.settings-v2-body .settings-row{
  width:100%;min-height:74px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;
  border:0;border-bottom:1px solid rgba(35,107,105,.13);border-radius:0;color:#214e57;
  background:transparent;text-align:left;cursor:pointer;
}
.settings-v2-body .settings-row:last-child{border-bottom:0}
.settings-v2-body .settings-row:hover{background:linear-gradient(90deg,rgba(210,246,235,.32),transparent 76%)}
.settings-v2-body .settings-row-copy{display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:11px;min-width:0}
.settings-v2-body .settings-row-copy>.row-icon{width:20px;height:20px;margin:0;color:#27826e}
.settings-v2-body .settings-row-copy>span{display:grid;gap:3px;min-width:0}
.settings-v2-body .settings-row-copy b{color:#214e57;font-size:.74rem;line-height:1.25}
.settings-v2-body .settings-row-copy small{color:#6b8388;font-size:.6rem;line-height:1.4}
.settings-v2-body .settings-value{
  position:relative;min-width:76px;margin:0;padding:8px 29px 8px 10px;border:1px solid rgba(36,119,101,.2);
  border-radius:12px 4px 12px 4px;color:#16795f;background:rgba(227,249,237,.68);font-size:.6rem;text-align:right;white-space:nowrap;
}
.settings-v2-body .settings-value::after{
  content:'';position:absolute;right:8px;top:50%;width:9px;height:9px;transform:translateY(-50%);
  border:1px solid #25896c;background:#45bd82;box-shadow:0 0 0 3px rgba(69,189,130,.1);
}
.settings-v2-body .settings-row[aria-pressed=false] .settings-value{color:#71868a;border-color:rgba(92,117,118,.2);background:rgba(237,242,239,.4)}
.settings-v2-body .settings-row[aria-pressed=false] .settings-value::after{border-color:#8b9a9b;background:transparent;box-shadow:none}
.settings-v2-body .settings-control-sensitive[aria-pressed=true] .settings-value{color:#7b5714;border-color:rgba(210,154,34,.38);background:rgba(255,237,172,.3)}
.settings-v2-body .settings-control-sensitive[aria-pressed=true] .settings-value::after{border-color:#c99025;background:#efbd4e;box-shadow:0 0 0 3px rgba(239,189,78,.12)}
.settings-cluster-hint{max-width:670px;margin:12px 0 0;padding:11px 14px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;border:1px solid rgba(39,117,105,.13);border-radius:14px 5px 14px 5px;color:#607b80;background:rgba(229,247,239,.54);box-shadow:inset 0 1px rgba(255,255,255,.7);font-size:.59rem;line-height:1.5}
.settings-cluster-hint svg{width:19px;height:19px;margin-top:1px;color:#27826e;fill:none;stroke:currentColor;stroke-width:1.7}
.settings-cluster-hint p{margin:0}
.settings-followup-row{margin-top:18px!important;padding-inline:13px!important;border-top:1px solid rgba(214,158,41,.3)!important;border-bottom:1px solid rgba(214,158,41,.3)!important;color:#75571c!important;background:linear-gradient(90deg,rgba(255,232,151,.36),transparent)!important}
.settings-followup-row>span{display:grid;grid-template-columns:27px 1fr;gap:3px 10px}
.settings-followup-row .row-icon{grid-row:1/3;width:19px;height:19px;color:#b68121}
.settings-followup-row small{color:#88764e;font-size:.57rem}
.settings-device-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,4vw,30px)}
.settings-v2-subsection{min-width:0;overflow:hidden;border:1px solid rgba(35,107,105,.15);border-radius:18px 7px 18px 7px;background:rgba(255,255,255,.39);box-shadow:0 13px 34px rgba(35,88,86,.06)}
.settings-v2-subsection h4{margin:0;padding:14px 16px 9px;color:#2b756d;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase}
.settings-install-kind{display:block;padding:12px 2px 4px;color:#2b756d;font-size:.48rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.settings-v2-subsection .profile-block{margin:0;padding:0;border:0;border-bottom:1px solid rgba(35,107,105,.13);border-radius:0;background:transparent;box-shadow:none}
.settings-v2-subsection .profile-block:last-child{border-bottom:0}
.settings-v2-subsection .wide-button,.settings-v2-account .wide-button{
  width:100%;min-height:72px;padding:12px 16px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;
  border:0;border-bottom:1px solid rgba(35,107,105,.13);border-radius:0;color:#214e57;background:transparent;text-align:left;text-decoration:none;cursor:pointer;
}
.settings-v2-subsection .wide-button>svg,.settings-v2-account .wide-button>svg{width:19px;height:19px;color:#27826e}
.settings-v2-subsection .wide-button>span,.settings-v2-account .wide-button>span{display:grid;gap:3px;min-width:0}
.settings-v2-subsection .wide-button strong,.settings-v2-account .wide-button strong{color:#214e57;font-size:.68rem}
.settings-v2-subsection .wide-button em,.settings-v2-account .wide-button em{color:#6b8388;font-size:.56rem;font-style:normal;line-height:1.35}
.settings-v2-subsection .wide-button>b,.settings-v2-account .wide-button>b{padding:0 8px;color:#ba8524;font-size:1.1rem}
.settings-v2-subsection .wide-button:hover{background:linear-gradient(90deg,rgba(210,246,235,.32),transparent)}
.settings-v2-account #accountActions:not([hidden]){display:block;border-top:1px solid rgba(35,107,105,.18)}
.settings-account-identity{margin:0;padding:0 0 18px;border:0;border-bottom:1px solid rgba(35,107,105,.18);background:transparent}
.settings-account-identity .account-state{min-height:0;padding:2px 0 20px;border:0;background:transparent}
.settings-account-identity .account-identity{padding-left:14px;border-left:2px solid #e2ac34}
.settings-account-identity .account-label{color:#27816c}
.settings-account-identity .account-identity strong{color:#1c4752}
.settings-account-identity .account-mail{color:#6c8389}
.settings-account-identity .code-row{margin-top:18px;padding:13px 2px;border:0;border-top:1px solid rgba(37,112,104,.15);border-bottom:1px solid rgba(37,112,104,.2);border-radius:0;color:#216b62;background:transparent}
.settings-v2-account .danger{color:#a34842;border-color:rgba(171,69,63,.22)}
.settings-v2-account .danger>svg,.settings-v2-account .danger strong{color:#a34842}
.settings-v2-developer{background:linear-gradient(90deg,rgba(221,242,240,.34),transparent)}
.settings-v2-developer .settings-row>span{font-size:.67rem;font-weight:760}
.settings-v2-developer .settings-row>strong{color:#26796c;font-size:.6rem}
.settings-v2-developer .is-readonly{cursor:default}
.settings-v2-developer .danger-row>strong{color:#ae4942}
.settings-v2-developer .technical-note{max-width:none;margin:16px 0 0;color:#647e84;font-size:.62rem;line-height:1.5}
.settings-version-line{width:100%;min-height:54px;padding:16px 0;border:0;color:#789095;background:transparent;font-size:.56rem;letter-spacing:.06em;cursor:pointer}

@media(max-width:720px){
  .settings-v2-shell{width:100%;border:0;box-shadow:none}
  .settings-v2-hero{min-height:214px;padding:64px 18px 36px;grid-template-columns:minmax(0,1fr) auto;gap:14px;background-position:center,center,67% 48%}
  .settings-v2-hero h1{font-size:2.85rem}
  .settings-v2-hero p{max-width:300px;font-size:.65rem}
  .settings-v2-scope{min-width:112px;padding-left:12px}
  .settings-v2-scope strong{font-size:.72rem}
  .settings-v2-signal i{width:13px}
  .settings-v2-back{top:calc(10px + env(safe-area-inset-top));left:10px}
  .settings-v2-index{top:7px;width:calc(100% - 24px);margin-top:-22px}
  .settings-v2-index button{min-height:62px;padding-inline:10px;column-gap:7px}
  .settings-v2-index span{font-size:.59rem}.settings-v2-index small{font-size:.44rem}
  .settings-v2-body{padding-inline:18px}
  .settings-v2-section{padding-block:38px}
  .settings-v2-section-head{grid-template-columns:1fr;gap:9px}
  .settings-v2-section-head>p,.settings-v2-section-head .profile-visibility-summary{text-align:left}
  .settings-device-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:430px){
  .settings-v2-hero{min-height:208px;padding-bottom:31px;align-items:end}
  .settings-v2-hero h1{font-size:2.55rem}
  .settings-v2-hero p{max-width:270px}
  .settings-v2-scope{position:absolute;right:18px;bottom:34px;min-width:0;padding:9px 0 7px 10px;background:rgba(234,250,245,.57);backdrop-filter:blur(8px)}
  .settings-v2-scope small{display:none}
  .settings-v2-signal{justify-content:flex-end}
  .settings-v2-index button{min-height:58px;padding-inline:8px;grid-template-columns:19px minmax(0,1fr);column-gap:6px}
  .settings-v2-index svg{width:18px;height:18px}
  .settings-v2-index small{display:none}
  .settings-v2-body{padding-inline:16px}
  .settings-v2-body .settings-row{min-height:76px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 12px}
  .settings-v2-body .settings-row-copy{grid-template-columns:26px minmax(0,1fr);gap:8px}
  .settings-v2-body .settings-value{justify-self:end;margin-left:0;text-align:right}
  .settings-followup-row{grid-template-columns:1fr!important}
  .settings-followup-row>strong{margin-left:37px}
}
@media(prefers-reduced-motion:reduce){.settings-v2-shell{scroll-behavior:auto}.settings-v2-signal i{transition:none}}

/* Das Freunde-Sheet gilt fuer jeden Einstieg (Profil, Feed und Welt), nicht
   nur fuer eine zufaellige body-Klasse der zuvor sichtbaren Seite. */
.friends-dialog-v2{max-width:610px;color:#173f4b;background:linear-gradient(180deg,rgba(232,250,246,.99),rgba(255,249,225,.99));box-shadow:0 -24px 70px rgba(18,67,77,.23)}
.friends-dialog-v2::backdrop{background:rgba(22,61,70,.42);backdrop-filter:blur(9px)}
.friends-dialog-v2 form{gap:0;padding:10px 22px calc(20px + env(safe-area-inset-bottom))}
.friends-dialog-v2 .sheet-handle{margin-bottom:14px;background:rgba(29,89,91,.34)}
.friends-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:18px}
.friends-dialog-head h2{margin:5px 0 0;font-size:2.15rem;line-height:.95;letter-spacing:-.055em}
.friends-dialog-close{width:44px;height:44px;flex:none;border:1px solid rgba(31,106,104,.2);border-radius:15px;color:#2c6f72;background:rgba(255,255,255,.38);font:500 1.5rem/1 inherit;cursor:pointer}
.friends-dialog-close:focus-visible,.friends-dialog-v2 button:focus-visible,.friends-dialog-v2 input:focus-visible{outline:2px solid #188468;outline-offset:2px}
.friends-dialog-v2 .friends-dialog-lead{max-width:490px;margin:13px 0 20px;color:#5b777e;font-size:.73rem;line-height:1.45}
.friend-manager-section{flex:none;padding:16px 0;border-top:1px solid rgba(34,106,108,.15)}
.friend-manager-section>header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:10px}
.friend-manager-section>header div{display:grid;gap:2px}
.friend-manager-section>header span{color:#26816d;font-size:.52rem;font-weight:950;letter-spacing:.15em}
.friend-manager-section>header h3{margin:0;color:#1d4c56;font-size:.98rem;letter-spacing:-.02em}
.friend-manager-section>header>strong{min-width:28px;color:#1c7366;font-size:1rem;text-align:right}
.friend-request-list{display:grid;gap:8px}
.friend-request-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid rgba(35,107,106,.12)}
.friend-request-row:last-child{border-bottom:0}
.friend-request-copy,.friend-manager-copy{display:grid;gap:2px;min-width:0}
.friend-request-copy strong,.friend-manager-copy strong{overflow:hidden;color:#214c56;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.friend-request-copy em,.friend-manager-copy em{color:#688087;font-size:.6rem;font-style:normal;line-height:1.35}
.friend-request-actions{display:flex;align-items:center;gap:6px}
.friend-request-actions button{min-height:44px;padding:8px 12px;border-radius:12px;font:850 .62rem/1 inherit;cursor:pointer}
.friend-request-actions .accept{border:1px solid rgba(20,124,94,.28);color:#176e5c;background:rgba(211,247,226,.8)}
.friend-request-actions .decline{border:0;color:#7b6966;background:transparent}
.friend-request-empty{margin:0!important;padding:9px 0!important;color:#789095!important;font-size:.66rem!important}
.friend-add-section>p{margin:0 0 9px!important;color:#6b8287!important;font-size:.62rem!important}
.friends-dialog-v2 .friend-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0}
.friends-dialog-v2 .friend-add .text-input{min-width:0;height:46px;margin:0;padding:0 13px;border:1px solid rgba(32,107,106,.2);border-radius:13px;color:#173f4b;background:rgba(255,255,255,.52);font-size:.78rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.friend-add-action{min-height:46px;padding:0 14px;border:1px solid rgba(183,132,35,.28);border-radius:13px;color:#765619;background:rgba(255,235,161,.64);font:900 .64rem/1 inherit;white-space:nowrap;cursor:pointer}
.friend-add-action span{margin-left:8px;font-size:1rem}
.friend-list-section{min-height:0;display:flex;flex:1 1 auto;flex-direction:column}
.friends-dialog-v2 #friendsList{min-height:58px;overflow-y:auto}
.friends-dialog-v2 .friend-manager-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:8px 0;border-bottom:1px solid rgba(35,107,106,.12);color:#214c56;background:transparent}
.friends-dialog-v2 .friend-manager-row>b{color:#2a7f72;font-size:.95rem}
.friends-dialog-v2 .friend-manager-row.pending{opacity:.67}
.friends-dialog-v2 .friend-initial{width:38px;height:38px;color:#e7fff0;background:#236c67;font-size:.72rem}
.friend-action-status{min-height:18px;padding-top:5px;color:#216f62;font-size:.62rem;font-weight:750}

@media(max-width:520px){
  .friends-dialog-v2 form{padding-inline:16px}
  .friends-dialog-head h2{font-size:1.8rem}
  .friends-dialog-v2 .friends-dialog-lead{font-size:.68rem}
  .friend-request-row{grid-template-columns:38px minmax(0,1fr)}
  .friend-request-actions{grid-column:2;justify-content:start}
  .friends-dialog-v2 .friend-add{grid-template-columns:1fr}
  .friend-add-action{width:100%}
}

/* Systemflaechen V2: Semantik und Produktlogik bleiben unveraendert. */
.photo-viewer-v2{isolation:isolate;color:#eaf8f4;background:radial-gradient(circle at 50% 38%,#194e58 0,#0d2931 42%,#07171d 100%)}.photo-viewer-v2::after{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 20% 15%,rgba(83,204,170,.18),transparent 27%),radial-gradient(circle at 82% 85%,rgba(241,189,69,.14),transparent 28%);pointer-events:none}.photo-viewer-v2::backdrop{background:rgba(4,16,21,.92);backdrop-filter:blur(12px)}
.photo-viewer-v2 .viewer-bar{position:relative;z-index:4;display:grid;grid-template-columns:auto 1fr auto;min-height:72px;padding:calc(10px + env(safe-area-inset-top)) clamp(12px,4vw,28px) 10px;border-bottom:1px solid rgba(226,250,242,.13);background:rgba(8,30,36,.42);backdrop-filter:blur(18px)}.photo-viewer-v2 .viewer-label{justify-self:center;color:#dff5ef;font-size:.63rem;font-weight:850;letter-spacing:.08em}.photo-viewer-v2 .viewer-tools{display:flex;gap:4px}.photo-viewer-v2 .viewer-button{display:flex;align-items:center;gap:7px;width:auto;min-width:48px;min-height:44px;padding:7px 10px;border:0;border-bottom:1px solid rgba(211,246,235,.22);border-radius:0;color:#d8eee9;background:transparent}.photo-viewer-v2 .viewer-button svg{width:18px;height:18px}.photo-viewer-v2 .viewer-button span{font-size:.5rem;font-weight:850}.photo-viewer-v2 .viewer-button:hover{background:rgba(134,223,194,.09)}.photo-viewer-v2 .viewer-canvas{margin:14px clamp(10px,3vw,32px);border:1px solid rgba(224,250,240,.1);background:rgba(0,9,13,.3);box-shadow:0 25px 80px rgba(0,0,0,.3)}.photo-viewer-v2 .viewer-strip{padding:10px clamp(12px,4vw,30px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(222,248,239,.12);background:rgba(7,25,31,.4);backdrop-filter:blur(18px)}
.freigabe-v2::backdrop,.new-catch-v2::backdrop{background:rgba(21,61,69,.38);backdrop-filter:blur(12px)}.freigabe-v2>form,.new-catch-v2>form{color:#183f4b;background:linear-gradient(155deg,rgba(226,249,246,.98),rgba(255,246,206,.98));box-shadow:0 -28px 78px rgba(19,63,70,.25)}.freigabe-v2 h2,.new-catch-v2 h2{color:#173f4b;font-size:clamp(1.65rem,7vw,2.4rem);line-height:.98;letter-spacing:-.05em}.freigabe-v2 .brand-mark,.new-catch-v2 .brand-mark{color:#23806b}.freigabe-scope{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 17px;border-top:1px solid rgba(39,113,106,.18);border-bottom:1px solid rgba(39,113,106,.16)}.freigabe-scope>span{display:grid;gap:3px;padding:13px 12px}.freigabe-scope>span+span{border-left:1px solid rgba(39,113,106,.13)}.freigabe-scope b{color:#1c635e;font-size:.66rem}.freigabe-scope small{color:#6b8388;font-size:.5rem;line-height:1.35}.freigabe-v2 .settings-row{min-height:66px;padding:10px 2px;border:0;border-top:1px solid rgba(220,165,50,.25);border-bottom:1px solid rgba(220,165,50,.25);border-radius:0;color:#775716;background:linear-gradient(90deg,rgba(255,228,130,.25),transparent)}.freigabe-v2 .settings-row>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.freigabe-v2 .settings-row .row-icon{grid-row:1/3}.freigabe-v2 .settings-row small{color:#8a784d;font-size:.49rem}.freigabe-v2 .primary-bar,.new-catch-v2 .primary-bar{border:0;border-bottom:2px solid #d8a333;border-radius:0;color:#77530f;background:linear-gradient(90deg,rgba(255,224,111,.7),rgba(255,246,198,.38))}.freigabe-v2 .secondary-bar,.new-catch-v2 .secondary-bar{border:0;border-bottom:1px solid rgba(39,107,105,.23);border-radius:0;color:#4d7479;background:transparent}
.new-catch-v2 .new-catch-heading{margin:8px 0 22px;padding:18px 0;border:0;border-top:1px solid rgba(39,110,105,.17);border-bottom:1px solid rgba(39,110,105,.14);color:#174b54;background:transparent}.new-catch-v2 .new-catch-heading strong{color:#17685f}.new-catch-v2 .new-catch-heading>div span{color:#688286}.new-catch-v2 .new-catch-top-rarity{color:#b27d19}.new-catch-v2 .new-catch-rarity-summary{border-color:rgba(39,108,104,.16)}.new-catch-v2 .new-catch-preview{display:flex;align-items:end;justify-content:center;min-height:164px;margin:18px 0 23px;overflow:visible}.new-catch-v2 .new-catch-card{flex:0 1 120px;margin:0 -8px;border:1px solid rgba(255,255,255,.74);border-top:3px solid var(--catch-accent);border-radius:4px;background:#f3faef;box-shadow:0 12px 30px rgba(26,71,76,.18);transform:rotate(var(--catch-rotate,0deg));transform-origin:50% 100%}.new-catch-v2 .new-catch-card:nth-child(1){--catch-rotate:-6deg}.new-catch-v2 .new-catch-card:nth-child(2){--catch-rotate:-2deg;z-index:2}.new-catch-v2 .new-catch-card:nth-child(3){--catch-rotate:3deg;z-index:1}.new-catch-v2 .new-catch-card:nth-child(4){--catch-rotate:7deg}.new-catch-v2 .new-catch-card img,.new-catch-v2 .new-catch-placeholder{aspect-ratio:1/1.08}
.name-gate-v2{isolation:isolate;color:#17434f;background:linear-gradient(180deg,#bfeef4,#e4f7ed 64%,#fff1bd)}.name-gate-world{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(219,249,248,.04),rgba(226,247,236,.2) 63%,#eef6db 100%),url('/assets/worlds/wildtrack-luminous-world-v1.webp') center/cover no-repeat;overflow:hidden}.name-gate-world::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 31%,rgba(255,238,131,.68),transparent 17%),linear-gradient(90deg,rgba(245,255,249,.28),transparent 40% 60%,rgba(245,255,249,.26));mix-blend-mode:screen}.name-gate-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:translate(-50%,-50%) rotate(-14deg)}.orbit-one{width:min(760px,125vw);height:330px}.orbit-two{width:min(520px,88vw);height:520px;transform:translate(-50%,-50%) rotate(36deg)}.name-gate-sigil{position:absolute;top:18%;left:50%;display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.8);border-radius:45% 55% 49% 51% / 53% 45% 55% 47%;color:#27816c;background:rgba(246,255,247,.45);box-shadow:0 15px 45px rgba(30,90,94,.15);transform:translateX(-50%);backdrop-filter:blur(14px);font-size:.68rem;font-weight:950;letter-spacing:.13em}.name-gate-v2 .auth-gate-inner{width:min(100% - 36px,620px);padding:190px 0 50px;text-align:center}.name-gate-v2 .brand-mark{color:#1a846c}.name-gate-v2 h1{margin:9px 0;color:#173f4b;font-size:clamp(2.7rem,10vw,4.8rem);line-height:.9;letter-spacing:-.07em}.name-gate-v2 .gate-lead{max-width:470px;margin:0 auto 28px;color:#58767e;font-size:.72rem;line-height:1.5}.name-gate-v2 .gate-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:520px;margin:0 auto;border-top:1px solid rgba(34,111,103,.2);border-bottom:1px solid rgba(34,111,103,.25);background:rgba(245,255,249,.48);backdrop-filter:blur(16px)}.name-gate-v2 .gate-code-row input{min-width:0;border:0;color:#174650;background:transparent}.name-gate-v2 .gate-primary{min-width:140px;border:0;border-left:1px solid rgba(38,111,105,.16);border-radius:0;color:#76520e;background:linear-gradient(120deg,rgba(255,221,104,.75),rgba(255,242,186,.64))}.name-gate-v2 .name-gate-status{min-height:32px;color:#4e7479}.name-gate-v2 .name-gate-status.ist-frei{color:#197b63}.name-gate-v2 .name-gate-status.ist-belegt{color:#9c4e46}
@media(max-width:680px){.photo-viewer-v2 .viewer-button span{display:none}.photo-viewer-v2 .viewer-bar{grid-template-columns:48px 1fr auto;padding-inline:8px}.photo-viewer-v2 .viewer-button{justify-content:center;padding-inline:8px}.new-catch-v2 .new-catch-preview{min-height:145px}.new-catch-v2 .new-catch-card{flex-basis:104px}.name-gate-v2 .auth-gate-inner{padding-top:175px}.name-gate-v2 .gate-code-row{grid-template-columns:1fr}.name-gate-v2 .gate-primary{min-height:52px;border-top:1px solid rgba(38,111,105,.16);border-left:0}}
@media(max-width:370px){.new-catch-v2 .new-catch-card{flex-basis:92px}.new-catch-v2 .new-catch-card:nth-child(4){display:none}}

@media(max-width:680px){.studio-v2.studio-v2 .studio-v2-world{height:900px}.studio-v2.studio-v2>#studioJourney{width:100%}.studio-v2.studio-v2>.back-link{top:calc(74px + env(safe-area-inset-top));left:14px}.studio-v2.studio-v2 .studio-v2-head{display:block;min-height:220px;padding:88px 18px 28px}.studio-v2.studio-v2 .studio-v2-head h1{font-size:2.85rem}.studio-v2.studio-v2 .studio-v2-head>p{max-width:320px;margin-top:12px;font-size:.64rem}.studio-v2.studio-v2 .studio-buehne{grid-template-columns:1fr;gap:18px;min-height:600px;padding:18px 18px 34px}.studio-v2.studio-v2 .studio-karte{width:min(88vw,350px)}.studio-v2.studio-v2 .studio-zahl{width:min(100%,350px);padding:15px 0 0;border-top:1px solid rgba(39,113,105,.2);border-left:0}.studio-v2.studio-v2 .studio-zahl-wert{font-size:2.45rem}.studio-v2.studio-v2 .studio-zahl-satz{font-size:.6rem}.studio-v2.studio-v2 .studio-wahl{width:calc(100% - 20px)}.studio-v2.studio-v2 .studio-achsen{grid-template-columns:repeat(3,1fr)}.studio-v2.studio-v2 .studio-achse:nth-child(-n+3){border-bottom:1px solid rgba(37,108,103,.12)}.studio-v2.studio-v2 .studio-entscheidung{min-height:210px;padding:22px 15px}.studio-v2.studio-v2 .studio-gruppe h2{display:grid;gap:4px}.studio-v2.studio-v2 .studio-knoepfe{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-v2.studio-v2 .studio-schluss{display:grid}}
@media(max-width:370px){.studio-v2.studio-v2 .studio-v2-head h1{font-size:2.5rem}.studio-v2.studio-v2 .studio-karte{width:min(91vw,330px)}.studio-v2.studio-v2 .studio-zahl-fuss{gap:10px}}

.studio-v2 #studioJourney:not(:empty)~.studio-v2-head{display:flex}
@media(max-width:680px){.studio-v2.studio-v2 #studioJourney:not(:empty)~.studio-v2-head{display:block}}

.auth-gate.auth-gate-v2.name-gate-v2{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:start center;padding:0;overflow:hidden}.name-gate-v2 .auth-gate-inner{grid-column:1;grid-row:1;align-self:stretch;align-content:start;width:min(100% - 36px,620px);padding:clamp(128px,20dvh,180px) 0 28px;box-sizing:border-box}.name-gate-v2 .name-gate-sigil{top:7%}
@media(max-height:720px){.auth-gate.auth-gate-v2.name-gate-v2{grid-template-rows:1fr}.name-gate-v2 .auth-gate-inner{padding-top:92px}.name-gate-v2 .name-gate-sigil{top:3%;width:58px;height:58px}.name-gate-v2 h1{font-size:2.35rem}.name-gate-v2 .gate-lead{margin-bottom:18px}}

/* Kartenlabor V2: dieselbe Kartenphysik, aber nur eine klare Wahlachse. */
body.studio-v2-live{background:#dff5f2;color:#173f4c}
.studio-v2{position:relative;isolation:isolate;width:100%;max-width:none;min-height:100%;margin:0;padding:0 0 calc(104px + env(safe-area-inset-bottom));overflow-x:clip;color:#183f4b;background:linear-gradient(180deg,#dcf5f4 0,#f4f8df 58%,#fff2c4 100%)}
.studio-v2-world{position:absolute;z-index:-2;inset:0 0 auto;height:760px;background:linear-gradient(180deg,rgba(223,249,248,.06),rgba(226,247,239,.16) 58%,#e9f7e7 100%),url('/assets/worlds/wildtrack-luminous-world-v1.webp') center top/cover no-repeat;pointer-events:none}
.studio-v2-world::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,rgba(255,238,130,.7),transparent 17%),linear-gradient(90deg,rgba(238,255,247,.25),transparent 28% 72%,rgba(238,255,247,.23));mix-blend-mode:screen}.studio-v2-world::after{content:'';position:absolute;top:205px;left:50%;width:min(620px,90vw);height:460px;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:translateX(-50%) rotate(-8deg);box-shadow:0 0 85px rgba(238,225,115,.26);opacity:.55}
.studio-v2>#studioJourney{position:sticky;z-index:30;top:env(safe-area-inset-top);width:min(100% - 24px,760px);margin:0 auto;background:rgba(240,253,248,.72);backdrop-filter:blur(18px)}
.studio-v2>.back-link{position:absolute;z-index:4;top:calc(88px + env(safe-area-inset-top));left:max(18px,calc((100vw - 920px)/2));border:0;border-bottom:1px solid rgba(32,112,103,.3);border-radius:0;color:#206e65;background:rgba(244,255,248,.28);backdrop-filter:blur(8px)}
.studio-v2-head{display:flex;align-items:end;justify-content:space-between;gap:42px;width:min(100%,920px);min-height:250px;margin:0 auto;padding:92px clamp(20px,5vw,52px) 44px;border:0;background:transparent}.studio-v2-head>div{max-width:590px}.studio-v2-kicker{color:#16836b;font-size:.53rem;font-weight:950;letter-spacing:.18em}.studio-v2-head h1{max-width:650px;margin:7px 0 0;color:#173f4b;font-size:clamp(2.65rem,7vw,5rem);line-height:.9;letter-spacing:-.07em;text-wrap:balance}.studio-v2-head>p{max-width:255px;margin:0;color:#58777e;font-size:.68rem;line-height:1.5}.studio-v2>.lead-copy{display:none}
.studio-v2 .studio-buehne{position:relative;top:auto;z-index:3;display:grid;grid-template-columns:minmax(280px,390px) minmax(250px,360px);align-items:center;justify-content:center;gap:clamp(28px,7vw,82px);width:min(100%,920px);min-height:560px;margin:0 auto;padding:30px clamp(18px,5vw,50px) 58px;border:0;background:transparent;box-shadow:none}.studio-v2 .studio-karte{width:min(100%,360px);filter:drop-shadow(0 26px 25px rgba(22,67,73,.27))}.studio-v2 .studio-karte::before{content:'';position:absolute;z-index:-1;inset:14% -11% 8%;border:1px solid rgba(255,244,161,.4);border-radius:50%;background:radial-gradient(circle,rgba(255,236,124,.24),transparent 64%);filter:blur(6px)}
.studio-v2 .studio-zahl{align-self:center;padding:0 0 0 24px;border:0;border-left:1px solid rgba(39,113,105,.24);color:#173f4b;background:transparent;box-shadow:none}.studio-v2 .studio-zahl-kopf{display:flex;align-items:center;gap:9px;color:#22806d}.studio-v2 .studio-zahl-kopf b{font-size:.59rem;letter-spacing:.14em;text-transform:uppercase}.studio-v2 .studio-zahl-kopf span{color:#6d858a;font-size:.55rem}.studio-v2 .studio-zahl-wert{margin:10px 0 5px;color:#174c58;font-size:clamp(2.2rem,7vw,4rem);font-weight:950;line-height:.85;letter-spacing:-.07em}.studio-v2 .studio-zahl-wert small{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}.studio-v2 .studio-zahl-satz{max-width:290px;color:#54757d;font-size:.67rem;line-height:1.45}.studio-v2 .studio-tipp{display:inline-block;margin-top:16px;padding:7px 0;border:0;border-bottom:1px solid rgba(33,119,103,.28);border-radius:0;color:#277467;background:transparent;font-size:.53rem}.studio-v2 .studio-zahl-fuss{display:flex;gap:20px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(38,106,107,.14);color:#678187;font-size:.5rem}.studio-v2 .studio-zahl-fuss span{display:grid;gap:2px}.studio-v2 .studio-zahl-fuss i{color:#1e7468;font-weight:900}
.studio-v2 .studio-wahl{position:relative;z-index:4;width:min(100% - 32px,820px);max-width:none;margin:0 auto;padding:0;background:rgba(242,253,247,.47);box-shadow:0 20px 55px rgba(26,78,84,.08);backdrop-filter:blur(18px)}.studio-achsen{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(36,109,104,.19);border-bottom:1px solid rgba(36,109,104,.17)}.studio-achse{min-width:0;min-height:60px;padding:9px 5px;border:0;border-right:1px solid rgba(37,108,103,.12);border-radius:0;color:#6b8589;background:transparent;font-size:.55rem;font-weight:850}.studio-achse:last-child{border-right:0}.studio-achse.aktiv{color:#174e58;background:linear-gradient(180deg,rgba(255,239,167,.34),rgba(255,255,255,.2));box-shadow:inset 0 -3px 0 #e4ad34}.studio-achse:focus-visible{outline:2px solid #218871;outline-offset:-3px}
.profile-v2-index small{color:#526d74}
.studio-entscheidung{min-height:175px;padding:27px clamp(18px,5vw,42px) 30px}.studio-v2 .studio-gruppe h2{align-items:baseline;margin:0 0 17px;color:#20806b;font-size:.55rem;letter-spacing:.14em}.studio-v2 .studio-gruppe h2 em{color:#678087;font-size:.58rem}.studio-v2 .studio-knoepfe{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:0;overflow:visible;padding:0}.studio-v2 .studio-knopf{display:grid;gap:2px;min-width:0;min-height:56px;padding:10px 12px;border:0;border-bottom:1px solid rgba(40,108,107,.16);border-radius:0;color:#52747a;background:transparent;text-align:left}.studio-v2 .studio-knopf+.studio-knopf{border-left:1px solid rgba(40,108,107,.1)}.studio-v2 .studio-knopf b{font-size:.63rem}.studio-v2 .studio-knopf i{color:#7a9094;font-size:.49rem}.studio-v2 .studio-knopf.aktiv{color:#795613;background:linear-gradient(90deg,rgba(255,231,139,.42),transparent);box-shadow:inset 0 -2px 0 #dfaa37}.studio-v2 .studio-knopf.aktiv i{color:#9a7429}.studio-v2 .studio-knopf:focus-visible{outline:2px solid #218871;outline-offset:-2px}.studio-v2 .studio-schluss{display:flex;justify-content:space-between;gap:25px;margin:0;padding:17px clamp(18px,5vw,42px);border-top:1px solid rgba(38,108,104,.14);color:#255f65;font-size:.58rem;font-weight:850}.studio-v2 .studio-schluss span{max-width:430px;color:#6c8388;font-weight:600;line-height:1.45}