body.page-template-template-spiele .site-content,
body.page-template-template-spiele .content-area {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.page-template-template-spiele .site-main > article {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.nx-games {
  --nx-game-ink: #17152f;
  --nx-game-muted: #66647d;
  --nx-game-purple: #762de2;
  --nx-game-pink: #ed3ba3;
  --nx-game-border: #e7e4f0;
  box-sizing: border-box;
  width: min(1180px, 100%);
  margin: 0 auto;
  padding: 20px 20px 72px;
  color: var(--nx-game-ink);
}

.nx-games *,
.nx-games *::before,
.nx-games *::after {
  box-sizing: border-box;
}

.nx-games [hidden] {
  display: none !important;
}

.nx-games a {
  text-underline-offset: 3px;
}

.nx-games__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
  align-items: center;
  min-height: 390px;
  overflow: hidden;
  padding: clamp(30px, 6vw, 72px);
  border: 1px solid rgba(169, 127, 255, .24);
  border-radius: 28px;
  background:
    radial-gradient(ellipse at 82% 50%, rgba(128, 77, 255, .26), transparent 36%),
    radial-gradient(ellipse at 10% 110%, rgba(237, 59, 163, .16), transparent 40%),
    linear-gradient(130deg, #121126, #21183d 65%, #211538);
  color: #fff;
  box-shadow: 0 24px 70px rgba(34, 20, 67, .2);
}

.nx-games__hero-copy {
  position: relative;
  z-index: 2;
  max-width: 650px;
}

.nx-games__eyebrow {
  margin: 0 0 10px;
  color: #a987ff;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nx-games__hero h1 {
  max-width: 680px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.2rem, 5vw, 4.1rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.nx-games__hero h1 span {
  color: #d7bcff;
}

.nx-games__hero-copy > p:not(.nx-games__eyebrow) {
  max-width: 560px;
  margin: 18px 0 24px;
  color: #d5d0e7;
  font-size: 1.05rem;
  line-height: 1.65;
}

.nx-games__hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}

.nx-games__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 50px;
  padding: 0 20px;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(115deg, #8b4cf0, #bd48ca);
  color: #fff;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(115, 49, 212, .25);
  transition: transform .18s ease, filter .18s ease;
}

.nx-games__button:hover {
  color: #fff;
  filter: brightness(1.08);
  transform: translateY(-2px);
}

.nx-games__button--small {
  min-height: 42px;
  padding: 0 14px;
  font-size: .86rem;
}

.nx-games__button--urgent {
  background: #b42335;
  box-shadow: none;
}

.nx-games__text-link {
  color: #e9e2f5;
  font-size: .9rem;
  font-weight: 700;
}

.nx-games__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.nx-games__trust li {
  padding: 7px 10px;
  border: 1px solid rgba(222, 209, 250, .2);
  border-radius: 999px;
  color: #dbd3ed;
  font-size: .75rem;
}

.nx-games__hero-art {
  position: relative;
  width: min(100%, 390px);
  aspect-ratio: 1;
  justify-self: center;
  perspective: 700px;
}

.nx-games__orbit {
  position: absolute;
  inset: 14%;
  border: 1px solid rgba(213, 184, 255, .22);
  border-radius: 50%;
  transform: rotateX(68deg) rotateZ(-20deg);
}

.nx-games__orbit--two {
  inset: 5%;
  border-color: rgba(235, 131, 224, .16);
  transform: rotateX(68deg) rotateZ(38deg);
}

.nx-games__hero-ground {
  position: absolute;
  inset: 25% 12% 10%;
  border: 1px solid rgba(185, 143, 255, .33);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(102, 62, 164, .45), rgba(31, 25, 55, .4));
  box-shadow: 0 0 50px rgba(149, 91, 255, .2), inset 0 0 35px rgba(199, 157, 255, .1);
  transform: rotateX(57deg) rotateZ(-28deg);
}

.nx-games__hero-avatar {
  position: absolute;
  z-index: 2;
  left: 47%;
  top: 24%;
  width: 72px;
  height: 145px;
  transform: rotate(-12deg);
  animation: nx-hero-float 3s ease-in-out infinite;
}

.nx-games__hero-avatar::before {
  position: absolute;
  top: 4px;
  left: 20px;
  width: 43px;
  height: 43px;
  border: 3px solid #e8cbaf;
  border-radius: 45% 45% 42% 42%;
  background: linear-gradient(145deg, #ffcfa5, #bf8469);
  content: "";
}

.nx-games__hero-avatar::after {
  position: absolute;
  top: 42px;
  left: 8px;
  width: 64px;
  height: 78px;
  border: 2px solid rgba(247, 217, 255, .7);
  border-radius: 24px 24px 14px 14px;
  background: linear-gradient(145deg, #d071ea, #633ab7 70%);
  box-shadow: inset -12px -4px 0 rgba(43, 26, 91, .2);
  content: "";
}

.nx-games__hero-avatar span {
  position: absolute;
  z-index: 1;
  top: 108px;
  left: 20px;
  width: 42px;
  height: 33px;
  border-radius: 8px 8px 14px 14px;
  background: #22213b;
  box-shadow: 22px 4px 0 -7px #c7a8ff;
}

.nx-games__hero-token {
  position: absolute;
  z-index: 3;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 17px;
  background: rgba(255, 255, 255, .12);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
  backdrop-filter: blur(7px);
  animation: nx-token-float 4s ease-in-out infinite;
}

.nx-games__hero-token--radar { top: 24%; left: 9%; color: #89f0d7; }
.nx-games__hero-token--chat { top: 16%; right: 12%; color: #ffb5df; animation-delay: -.8s; }
.nx-games__hero-token--care { right: 8%; bottom: 23%; color: #ffd28b; animation-delay: -1.6s; }

.nx-games__arcade {
  margin-top: 58px;
}

.nx-games__section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.nx-games__section-heading h2,
.nx-games__coming h2 {
  margin: 0;
  color: var(--nx-game-ink);
  font-size: clamp(1.6rem, 3.2vw, 2.25rem);
  line-height: 1.15;
}

.nx-games__section-heading .nx-games__eyebrow,
.nx-games__coming .nx-games__eyebrow {
  margin-bottom: 8px;
  color: #783cd7;
}

.nx-games__game-tag {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid #e6daf7;
  border-radius: 999px;
  background: #f8f3ff;
  color: #6336a7;
  font-size: .76rem;
  font-weight: 800;
}

.nx-games__section-lead {
  max-width: 720px;
  margin: 12px 0 20px;
  color: var(--nx-game-muted);
  line-height: 1.65;
}

.nx-game {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr);
  overflow: hidden;
  min-height: 445px;
  border: 1px solid #ded9eb;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(32, 23, 56, .11);
}

.nx-game__scene {
  position: relative;
  min-height: 445px;
  overflow: hidden;
  background: linear-gradient(180deg, #151632 0%, #27234e 55%, #3b315a 100%);
  perspective: 850px;
  isolation: isolate;
}

.nx-game__canvas {
  position: absolute;
  z-index: 4;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.nx-game__scene.has-webgl .nx-game__sky,
.nx-game__scene.has-webgl .nx-game__moon,
.nx-game__scene.has-webgl .nx-game__stars,
.nx-game__scene.has-webgl .nx-game__world { display: none; }

.nx-game__sky {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 70% 22%, rgba(229, 198, 255, .2), transparent 35%),
    linear-gradient(180deg, transparent 40%, rgba(110, 93, 142, .25));
}

.nx-game__moon {
  position: absolute;
  top: 11%;
  right: 17%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #fff0c2;
  box-shadow: 0 0 34px rgba(255, 236, 186, .5);
}

.nx-game__stars,
.nx-game__stars::before,
.nx-game__stars::after {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 49px 20px 0 rgba(255,255,255,.7), 98px -8px 0 rgba(255,255,255,.5), 148px 44px 0 rgba(255,255,255,.8), 216px 5px 0 rgba(255,255,255,.6), 280px 30px 0 rgba(255,255,255,.55);
  content: "";
}

.nx-game__stars--one { top: 12%; left: 10%; }
.nx-game__stars--two { top: 24%; left: 32%; transform: scale(.65); opacity: .7; }

.nx-game__world {
  position: absolute;
  inset: 18% 0 -10%;
  transform-style: preserve-3d;
  transform: rotateX(7deg);
}

.nx-game__floor {
  position: absolute;
  left: -12%;
  top: 33%;
  width: 126%;
  height: 82%;
  border: 1px solid rgba(183, 166, 217, .35);
  background-color: #3a3559;
  background-image:
    linear-gradient(rgba(196, 177, 229, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(196, 177, 229, .12) 1px, transparent 1px);
  background-size: 42px 42px;
  box-shadow: inset 0 24px 45px rgba(20, 17, 43, .32);
  transform: rotateX(59deg) rotateZ(-9deg);
}

.nx-game__mountain {
  position: absolute;
  bottom: 34%;
  width: 210px;
  height: 110px;
  background: #282748;
  clip-path: polygon(0 100%, 30% 20%, 42% 54%, 70% 0, 100% 100%);
  opacity: .8;
}

.nx-game__mountain--back { right: 8%; transform: scale(1.2); opacity: .55; }
.nx-game__mountain--front { left: 0; transform: scale(.8); }

.nx-game__tree {
  position: absolute;
  bottom: 39%;
  width: 70px;
  height: 125px;
  transform-style: preserve-3d;
}

.nx-game__tree--one { left: 7%; transform: scale(.85); }
.nx-game__tree--two { right: 8%; bottom: 40%; transform: scale(.65); }

.nx-game__tree i,
.nx-game__tree b {
  position: absolute;
  left: 8px;
  width: 58px;
  height: 74px;
  background: linear-gradient(140deg, #485a6f, #283c55);
  clip-path: polygon(50% 0, 100% 80%, 75% 78%, 93% 100%, 8% 100%, 25% 78%, 0 80%);
}

.nx-game__tree b { top: 36px; transform: scale(.73); background: linear-gradient(140deg, #55677a, #33465a); }
.nx-game__tree::after { position: absolute; top: 88px; left: 31px; width: 12px; height: 33px; background: #654a48; content: ""; }

.nx-game__tent {
  position: absolute;
  z-index: 2;
  left: 36%;
  bottom: 43%;
  width: 190px;
  height: 152px;
  transform: rotateY(-12deg) rotateX(-2deg);
  transform-style: preserve-3d;
}

.nx-game__tent-front {
  position: absolute;
  bottom: 0;
  left: 18px;
  width: 137px;
  height: 106px;
  border: 2px solid #d5b3e8;
  background: linear-gradient(160deg, #654a79, #342c51);
  box-shadow: inset 0 -22px 34px rgba(21, 17, 42, .38);
  transform: skewY(-5deg);
}

.nx-game__tent-front span {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #f3dcff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}

.nx-game__tent-front i {
  position: absolute;
  left: 54px;
  bottom: 0;
  width: 38px;
  height: 60px;
  border: 1px solid #ffd78b;
  border-bottom: 0;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(180deg, rgba(255, 211, 131, .6), rgba(255, 185, 94, .12));
  box-shadow: 0 0 20px rgba(255, 198, 109, .38);
}

.nx-game__tent-roof {
  position: absolute;
  z-index: 2;
  top: 7px;
  left: 6px;
  width: 158px;
  height: 56px;
  border: 2px solid #e0c4ef;
  background: linear-gradient(145deg, #976db0, #5c416e);
  clip-path: polygon(50% 0, 100% 84%, 0 100%);
  transform: translateZ(8px);
}

.nx-game__tent-side {
  position: absolute;
  bottom: 3px;
  left: 155px;
  width: 35px;
  height: 101px;
  border: 2px solid #b69bc6;
  background: linear-gradient(150deg, #4a3c61, #302a4b);
  transform: skewY(29deg);
  transform-origin: left center;
}

.nx-game__tent-glow {
  position: absolute;
  z-index: -1;
  bottom: -5px;
  left: 19px;
  width: 136px;
  height: 28px;
  border-radius: 50%;
  background: #f2b66f;
  filter: blur(20px);
  opacity: .42;
}

.nx-game__station {
  position: absolute;
  z-index: 3;
  display: grid;
  width: 66px;
  height: 66px;
  place-items: center;
  border: 1px solid rgba(250, 231, 255, .78);
  border-radius: 16px;
  background: linear-gradient(145deg, #7448a0, #382d61);
  box-shadow: 7px 9px 0 rgba(16, 15, 39, .28), 0 0 19px rgba(196, 148, 255, .25);
  transform: rotateX(9deg) rotateZ(-4deg);
  transition: box-shadow .3s ease, filter .3s ease;
}

.nx-game__station span {
  position: absolute;
  top: -18px;
  color: #e8d8ff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
}

.nx-game__station i {
  color: #d6bbff;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
}

.nx-game__station--radar { left: 21%; bottom: 30%; }
.nx-game__station--chat { left: 43%; bottom: 22%; background: linear-gradient(145deg, #914b86, #4d305f); }
.nx-game__station--chat i { color: #ffc4e9; }
.nx-game__station--care { right: 17%; bottom: 31%; background: linear-gradient(145deg, #4a8382, #2e4d67); }
.nx-game__station--care i { color: #b0f2df; }

.nx-game__lamp {
  position: absolute;
  z-index: 1;
  left: 73%;
  bottom: 45%;
  width: 34px;
  height: 86px;
}

.nx-game__lamp::before {
  position: absolute;
  top: 4px;
  left: 8px;
  width: 20px;
  height: 22px;
  border-radius: 50%;
  background: #ffe4a0;
  box-shadow: 0 0 22px 10px rgba(255, 223, 142, .25);
  content: "";
}

.nx-game__lamp i {
  position: absolute;
  top: 19px;
  left: 16px;
  width: 4px;
  height: 63px;
  background: #afa0b8;
}

.nx-game__lamp b {
  position: absolute;
  bottom: 0;
  left: 5px;
  width: 25px;
  height: 7px;
  border-radius: 50%;
  background: #c7b5ca;
}

.nx-game__guest,
.nx-game__player {
  position: absolute;
  z-index: 5;
  bottom: 35%;
  left: 39%;
  width: 37px;
  height: 72px;
  transform: translateZ(18px);
  transition: left .85s cubic-bezier(.2,.8,.2,1), bottom .85s cubic-bezier(.2,.8,.2,1), filter .3s ease;
}

.nx-game__guest {
  left: 56%;
  transform: translateZ(26px) scale(.93);
}

.nx-game__guest i,
.nx-game__player i {
  position: absolute;
  top: 0;
  left: 9px;
  width: 23px;
  height: 23px;
  border: 1px solid #ffe6d2;
  border-radius: 45%;
  background: linear-gradient(145deg, #f8c5a1, #a87166);
  box-shadow: inset -5px -2px 0 rgba(60, 33, 40, .13);
}

.nx-game__guest b,
.nx-game__player b {
  position: absolute;
  top: 21px;
  left: 4px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(244, 215, 255, .75);
  border-radius: 11px 11px 8px 8px;
  background: linear-gradient(150deg, #f083a7, #8e3f81);
}

.nx-game__guest span,
.nx-game__player span {
  position: absolute;
  top: 50px;
  left: 9px;
  width: 10px;
  height: 22px;
  border-radius: 4px 4px 7px 7px;
  background: #23253f;
  box-shadow: 12px 1px 0 #343251;
}

.nx-game__player i { background: linear-gradient(145deg, #ffd8ac, #b37a66); }
.nx-game__player b { background: linear-gradient(150deg, #a9e3ce, #3e8a82); }
.nx-game__player.is-arriving { animation: nx-player-arrive .85s ease; }
.nx-game__player.is-helping { filter: drop-shadow(0 0 11px #9ff0cf); }
.nx-game__guest.is-emergency { animation: nx-guest-alert .7s ease-in-out infinite alternate; }

.nx-game__scene-caption {
  position: absolute;
  z-index: 8;
  right: 15px;
  bottom: 14px;
  left: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255, 255, 255, .8);
  font-size: .67rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.nx-game__live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #80e5bc;
  box-shadow: 0 0 10px #80e5bc;
}

.nx-game__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(22px, 3.2vw, 36px);
}

.nx-game__panel-kicker,
.nx-game__mission-count {
  margin: 0 0 9px;
  color: #7951ba;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
}

.nx-game__panel h3 {
  margin: 0 0 12px;
  color: #211a35;
  font-size: clamp(1.28rem, 2.5vw, 1.75rem);
  line-height: 1.2;
}

.nx-game__panel p:not(.nx-game__panel-kicker):not(.nx-game__mission-count) {
  color: #5e5b72;
  line-height: 1.58;
}

.nx-game__welcome > p:not(.nx-game__panel-kicker) {
  margin: 0 0 20px;
}

.nx-game__mission-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 15px;
}

.nx-game__mission-count { margin: 0; white-space: nowrap; }

.nx-game__progress {
  overflow: hidden;
  width: 90px;
  height: 6px;
  border-radius: 999px;
  background: #eee9f4;
}

.nx-game__progress i {
  display: block;
  width: 25%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8747dc, #dc4ea7);
  transition: width .4s ease;
}

.nx-game__story {
  margin: 0 0 12px;
  padding: 11px 13px;
  border-left: 3px solid #b68be8;
  border-radius: 0 9px 9px 0;
  background: #f8f4fd;
  font-size: .91rem;
}

.nx-game__question {
  margin: 0 0 12px;
  color: #322847 !important;
  font-size: .92rem;
  font-weight: 800;
}

.nx-game__direct-call {
  display: inline-flex;
  margin: 0 0 12px;
  color: #aa2538;
  font-size: .88rem;
  font-weight: 900;
}

.nx-game__choices {
  display: grid;
  gap: 8px;
}

.nx-game__choice {
  display: flex;
  flex-direction: column;
  gap: 3px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e2dce9;
  border-radius: 11px;
  background: #fff;
  color: #322b40;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.nx-game__choice:hover:not(:disabled) {
  border-color: #9f71d7;
  background: #faf6ff;
  transform: translateX(2px);
}

.nx-game__choice:disabled { cursor: default; }
.nx-game__choice.is-correct { border-color: #3aa883; background: #effbf5; }
.nx-game__choice.is-missed { border-color: #c9c4d2; background: #f8f7fa; color: #686477; }
.nx-game__choice-label { font-size: .87rem; font-weight: 800; }
.nx-game__choice-detail { color: #777286; font-size: .75rem; line-height: 1.35; }

.nx-game__feedback {
  margin-top: 13px;
  padding: 12px;
  border: 1px solid #dcd0ee;
  border-radius: 12px;
  background: #f8f5fc;
}

.nx-game__feedback > p {
  margin: 0;
  color: #423953 !important;
  font-size: .84rem;
}

.nx-game__resource { margin-top: 8px; }
.nx-game__resource a { color: #6034a0; font-size: .82rem; font-weight: 800; }

.nx-game__feedback-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 12px;
}

.nx-games__text-button {
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: #6336a7;
  font: inherit;
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
}

.nx-game__finish > p:not(.nx-game__panel-kicker) { margin: 0 0 18px; }

.nx-game__finish-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

.nx-game__finish-links a {
  padding: 10px;
  border: 1px solid #e2dce9;
  border-radius: 10px;
  color: #58318d;
  font-size: .78rem;
  font-weight: 800;
  text-align: center;
}

.nx-games__safety-note {
  max-width: 920px;
  margin: 14px 0 0;
  color: #6a6677;
  font-size: .8rem;
  line-height: 1.55;
}

.nx-games__safety-note strong { color: #9f2637; }

.nx-games__beta-note {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 22px 0 30px;
  padding: 16px 18px;
  border: 1px solid #d6c6ef;
  border-radius: 14px;
  background: linear-gradient(110deg, #f8f3ff, #f1fbf8);
  color: #423953;
  line-height: 1.55;
}

.nx-games__beta-note p { margin: 0; font-size: .9rem; }
.nx-games__beta-note strong { color: #322847; }
.nx-games__beta-badge {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 7px;
  background: #6638a4;
  color: #fff;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.nx-games__coming {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 44px;
  padding: 24px;
  border: 1px solid var(--nx-game-border);
  border-radius: 18px;
  background: linear-gradient(115deg, #fff, #faf7ff);
}

.nx-games__coming-icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 16px;
  background: #f0e5ff;
  color: #743ac4;
  font-size: 1.6rem;
}

.nx-games__coming h2 { font-size: 1.2rem; }
.nx-games__coming p:not(.nx-games__eyebrow) { margin: 7px 0 0; color: var(--nx-game-muted); font-size: .86rem; line-height: 1.5; }
.nx-games__coming > a { color: #6034a0; font-size: .85rem; font-weight: 800; white-space: nowrap; }
.nx-games__noscript { margin-top: 20px; color: var(--nx-game-muted); font-size: .84rem; line-height: 1.6; }
.nx-games__noscript a { color: #6034a0; font-weight: 700; }

.nx-games :focus-visible {
  outline: 3px solid #e69b25;
  outline-offset: 3px;
}

@keyframes nx-hero-float {
  0%, 100% { transform: translateY(0) rotate(-12deg); }
  50% { transform: translateY(-10px) rotate(-8deg); }
}

@keyframes nx-token-float {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-8px) rotate(4deg); }
}

@keyframes nx-player-arrive {
  0% { filter: drop-shadow(0 0 0 transparent); }
  35% { filter: drop-shadow(0 0 14px #a5f2d4); }
  100% { filter: drop-shadow(0 0 0 transparent); }
}

@keyframes nx-guest-alert {
  from { filter: drop-shadow(0 0 2px rgba(255, 97, 106, .15)); }
  to { filter: drop-shadow(0 0 13px rgba(255, 97, 106, .8)); }
}

@media (max-width: 820px) {
  .nx-games__hero {
    grid-template-columns: minmax(0, 1fr) minmax(210px, .7fr);
    padding: 34px;
  }

  .nx-game {
    grid-template-columns: 1fr;
  }

  .nx-game__scene { min-height: 390px; }
  .nx-game__panel { min-height: 380px; }
}

@media (max-width: 600px) {
  .nx-games { padding: 12px 12px 48px; }

  .nx-games__hero {
    display: block;
    min-height: 0;
    padding: 28px 22px 210px;
    border-radius: 21px;
  }

  .nx-games__hero h1 { font-size: clamp(2rem, 10vw, 3rem); }
  .nx-games__hero-copy > p:not(.nx-games__eyebrow) { font-size: .95rem; }
  .nx-games__hero-art { position: absolute; right: 0; bottom: -66px; width: 230px; }
  .nx-games__hero-avatar { transform: scale(.78) rotate(-12deg); transform-origin: top left; }
  .nx-games__hero-token { width: 42px; height: 42px; border-radius: 13px; font-size: 1.2rem; }
  .nx-games__trust { gap: 6px; margin-top: 18px; }
  .nx-games__trust li { font-size: .68rem; }
  .nx-games__arcade { margin-top: 40px; }

  .nx-games__section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .nx-game__scene { min-height: 310px; }
  .nx-game__world { inset: 19% 0 -13%; transform: scale(.86) rotateX(7deg); transform-origin: center top; }
  .nx-game__tent { left: 31%; transform: scale(.82) rotateY(-12deg) rotateX(-2deg); transform-origin: bottom left; }
  .nx-game__station--radar { left: 13%; }
  .nx-game__station--care { right: 9%; }
  .nx-game__panel { min-height: 0; padding: 22px 18px; }
  .nx-games__coming { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; padding: 18px; }
  .nx-games__coming-icon { width: 44px; height: 44px; border-radius: 13px; }
  .nx-games__coming > a { grid-column: 2; }
}

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

html[data-theme="dark"] .nx-games__section-heading h2,
html[data-theme="dark"] .nx-games__coming h2 { color: #f0ebfb; }
html[data-theme="dark"] .nx-games__section-lead,
html[data-theme="dark"] .nx-games__coming p:not(.nx-games__eyebrow),
html[data-theme="dark"] .nx-games__safety-note { color: #cbc6d9; }
html[data-theme="dark"] .nx-games__beta-note { border-color: #514466; background: linear-gradient(110deg, #2b253a, #202f32); color: #d7d0e3; }
html[data-theme="dark"] .nx-games__beta-note strong { color: #f0ebfb; }
html[data-theme="dark"] .nx-games__noscript { color: #cbc6d9; }
html[data-theme="dark"] .nx-game { border-color: #3d3650; background: #211e31; }
html[data-theme="dark"] .nx-game__panel h3 { color: #f5f0ff; }
html[data-theme="dark"] .nx-game__panel p:not(.nx-game__panel-kicker):not(.nx-game__mission-count) { color: #d0cbda; }
html[data-theme="dark"] .nx-game__story,
html[data-theme="dark"] .nx-game__feedback { border-color: #4a3c61; background: #2b253a; }
html[data-theme="dark"] .nx-game__question,
html[data-theme="dark"] .nx-game__feedback > p { color: #f0eafd !important; }
html[data-theme="dark"] .nx-game__choice { border-color: #4a4358; background: #292538; color: #f1ecf8; }
html[data-theme="dark"] .nx-game__choice:hover:not(:disabled) { background: #362d48; }
html[data-theme="dark"] .nx-game__choice-detail { color: #c4bdcf; }
html[data-theme="dark"] .nx-game__choice.is-correct { border-color: #399c7c; background: #1d382f; }
html[data-theme="dark"] .nx-game__choice.is-missed { border-color: #514a5f; background: #302c3a; color: #c4bdcf; }
html[data-theme="dark"] .nx-game__resource a,
html[data-theme="dark"] .nx-games__text-button,
html[data-theme="dark"] .nx-game__finish-links a { color: #d6b7ff; }
html[data-theme="dark"] .nx-games__game-tag,
html[data-theme="dark"] .nx-games__coming { border-color: #443957; background: #262137; color: #e5dcf4; }

.nx-game:focus-visible,
.nx-game button:focus-visible,
.nx-game input:focus-visible {
  outline: 3px solid #d59bff;
  outline-offset: 3px;
}

.nx-game__scene {
  min-height: clamp(360px, 42vw, 560px);
  overflow: hidden;
}

.nx-game__canvas {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
}

.nx-game__hud {
  position: absolute;
  z-index: 10;
  top: 14px;
  right: 14px;
  left: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #fff;
  font-size: .76rem;
  font-weight: 800;
  pointer-events: none;
}

.nx-game__hud > span,
.nx-game__sound {
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(25, 21, 43, .76);
  box-shadow: 0 4px 14px rgba(0, 0, 0, .16);
}

.nx-game__sound {
  color: #fff;
  font: inherit;
  cursor: pointer;
  pointer-events: auto;
}

.nx-game__proximity {
  position: absolute;
  z-index: 10;
  right: 14px;
  bottom: 40px;
  left: 14px;
  width: fit-content;
  max-width: calc(100% - 28px);
  margin: 0 auto;
  padding: 9px 14px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  background: rgba(25, 21, 43, .82);
  color: #fff;
  font-size: .8rem;
  font-weight: 800;
  text-align: center;
}

.nx-game__scene.has-webgl .nx-game__canvas { display: block; }
.nx-game__scene:not(.has-webgl) .nx-game__canvas { display: none; }
.nx-game__station--emergency { right: 6%; left: auto; }

.nx-game__world-label {
  position: absolute;
  z-index: 4;
  top: 50%;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 999px;
  background: rgba(37, 29, 58, .76);
  color: #fff;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .08em;
  opacity: .7;
  transform: translate(-50%, -50%);
}

.nx-game__world-label.is-active {
  border-color: #ffe492;
  background: #f2d579;
  color: #332645;
  opacity: 1;
  box-shadow: 0 0 18px rgba(255, 228, 146, .72);
}

.nx-game__world-label--radar { left: 16%; }
.nx-game__world-label--chat { left: 38%; }
.nx-game__world-label--care { left: 62%; }
.nx-game__world-label--emergency { left: 84%; }
.nx-game__scene:not(.has-webgl) .nx-game__world-label { display: none; }

.nx-game__pickup {
  position: absolute;
  z-index: 5;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255, 242, 174, .7);
  border-radius: 11px;
  background: linear-gradient(145deg, #fff4aa, #edb84d);
  box-shadow: 0 0 22px rgba(249, 215, 103, .75);
  color: #60441b;
  font-size: 1.15rem;
  animation: nx-token-float 1.8s ease-in-out infinite;
}

.nx-game__pickup--one { left: 31%; bottom: 20%; }
.nx-game__pickup--two { left: 48%; bottom: 67%; }
.nx-game__pickup--three { left: 68%; bottom: 22%; }
.nx-game__pickup--four { left: 84%; bottom: 61%; }
.nx-game__pickup.is-collected { display: none; }

.nx-game__touch-controls {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 18px;
  border-top: 1px solid #e8e2ef;
  background: #fbf9fd;
}

.nx-game__dpad {
  display: grid;
  grid-template: repeat(2, 42px) / repeat(3, 42px);
  gap: 5px;
}

.nx-game__dpad button,
.nx-game__action-button {
  min-width: 42px;
  min-height: 42px;
  border: 1px solid #d9cbe9;
  border-radius: 12px;
  background: #fff;
  color: #45345f;
  font: inherit;
  font-weight: 900;
  touch-action: none;
  cursor: pointer;
}

.nx-game__dpad button[data-move="up"] { grid-area: 1 / 2; }
.nx-game__dpad button[data-move="left"] { grid-area: 2 / 1; }
.nx-game__dpad button[data-move="down"] { grid-area: 2 / 2; }
.nx-game__dpad button[data-move="right"] { grid-area: 2 / 3; }

.nx-game__action-button {
  padding: 0 13px;
  font-size: .8rem;
}

.nx-game__action-button kbd {
  margin-left: 5px;
  color: #75678b;
  font: inherit;
  font-size: .7rem;
}

.nx-game__collect-button { border-color: #edda9c; background: #fff9e7; }

.nx-game__instructions {
  padding: 11px 13px;
  border-radius: 10px;
  background: #f7f3fc;
  font-size: .82rem;
}

.nx-game__score-form {
  display: grid;
  gap: 8px;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid #ded2ef;
  border-radius: 14px;
  background: #faf7ff;
}

.nx-game__score-form h4 {
  margin: 0 0 4px;
  color: #322847;
  font-size: 1rem;
}

.nx-game__score-form > label:not(.nx-game__consent),
.nx-game__token-panel > label {
  color: #423953;
  font-size: .82rem;
  font-weight: 800;
}

.nx-game__score-form input[type="text"] {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid #d8cce8;
  border-radius: 9px;
  background: #fff;
  color: #302940;
  font: inherit;
}

.nx-game__score-form .nx-game__privacy-hint,
.nx-game__score-form .nx-game__submit-status {
  margin: 0;
  font-size: .78rem;
}

.nx-game__consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #4a4358;
  font-size: .79rem;
  line-height: 1.45;
}

.nx-game__consent input { flex: 0 0 auto; margin-top: 3px; }
.nx-game__consent a { color: #6336a7; font-weight: 800; }
.nx-game__score-form button[type="submit"]:disabled { opacity: .65; cursor: wait; }

.nx-game__token-panel {
  display: grid;
  gap: 7px;
  padding-top: 10px;
  border-top: 1px solid #ded2ef;
}

.nx-game__token-panel input {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace !important;
  font-size: .72rem !important;
}

.nx-game__text-button--delete { color: #a52e43; }

.nx-game__leaderboard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 18px;
  align-items: center;
  margin-top: 22px;
  padding: 22px;
  border: 1px solid #e5dfee;
  border-radius: 18px;
  background: #fff;
}

.nx-game__leaderboard h3 {
  margin: 0 0 4px;
  color: #211a35;
  font-size: 1.25rem;
}

.nx-game__leaderboard p:not(.nx-games__eyebrow) {
  max-width: 680px;
  margin: 0;
  color: #686377;
  font-size: .84rem;
  line-height: 1.5;
}

.nx-game__leaderboard ol {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.nx-game__delete-form {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) auto;
  gap: 8px 12px;
  align-items: center;
  margin-top: 12px;
  padding-top: 14px;
  border-top: 1px solid #e5dfee;
}

.nx-game__delete-form h4 {
  grid-column: 1 / -1;
  margin: 0;
  color: #40384f;
  font-size: .9rem;
}

.nx-game__delete-field {
  display: grid;
  gap: 4px;
}

.nx-game__delete-field label {
  color: #686377;
  font-size: .75rem;
}

.nx-game__delete-field input {
  width: 100%;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid #d8cce8;
  border-radius: 8px;
  background: #fff;
  color: #302940;
  font: inherit;
}

.nx-game__delete-form p {
  grid-column: 1 / -1;
  margin: 0;
  color: #686377;
  font-size: .78rem;
}

.nx-game__leaderboard li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 12px;
  border-radius: 9px;
  background: #f8f5fb;
  color: #40384f;
  font-size: .84rem;
}

html[data-theme="dark"] .nx-game__touch-controls,
html[data-theme="dark"] .nx-game__leaderboard { border-color: #443957; background: #262137; }
html[data-theme="dark"] .nx-game__dpad button,
html[data-theme="dark"] .nx-game__action-button { border-color: #54476a; background: #302a41; color: #f0eafd; }
html[data-theme="dark"] .nx-game__collect-button { border-color: #75633c; background: #3a3427; }
html[data-theme="dark"] .nx-game__instructions,
html[data-theme="dark"] .nx-game__score-form { border-color: #4a3c61; background: #2b253a; }
html[data-theme="dark"] .nx-game__score-form h4,
html[data-theme="dark"] .nx-game__score-form > label:not(.nx-game__consent),
html[data-theme="dark"] .nx-game__consent,
html[data-theme="dark"] .nx-game__leaderboard h3,
html[data-theme="dark"] .nx-game__leaderboard p:not(.nx-games__eyebrow) { color: #e5dcf4; }
html[data-theme="dark"] .nx-game__score-form input[type="text"] { border-color: #54476a; background: #201d2d; color: #f1ecf8; }
html[data-theme="dark"] .nx-game__leaderboard li { background: #302a41; color: #f1ecf8; }
html[data-theme="dark"] .nx-game__delete-form { border-color: #443957; }
html[data-theme="dark"] .nx-game__delete-form h4,
html[data-theme="dark"] .nx-game__delete-field label,
html[data-theme="dark"] .nx-game__delete-form p { color: #e5dcf4; }
html[data-theme="dark"] .nx-game__delete-field input { border-color: #54476a; background: #201d2d; color: #f1ecf8; }

@media (max-width: 600px) {
  .nx-game__scene { min-height: 350px; }
  .nx-game__hud { top: 9px; right: 9px; left: 9px; font-size: .68rem; }
  .nx-game__hud > span,
  .nx-game__sound { padding: 7px 9px; }
  .nx-game__proximity { bottom: 32px; font-size: .72rem; }
  .nx-game__world-label { top: 52%; padding: 5px 6px; font-size: .52rem; }
  .nx-game__world-label--radar { left: 12%; }
  .nx-game__world-label--chat { left: 35%; }
  .nx-game__world-label--care { left: 63%; }
  .nx-game__world-label--emergency { left: 87%; }
  .nx-game__touch-controls { gap: 8px; padding: 12px 8px; }
  .nx-game__action-button { min-width: 0; padding: 0 9px; font-size: .72rem; }
  .nx-game__leaderboard { grid-template-columns: 1fr; padding: 17px; }
  .nx-game__leaderboard > button { justify-self: start; }
  .nx-game__delete-form { grid-template-columns: 1fr; }
  .nx-game__delete-form h4,
  .nx-game__delete-form p { grid-column: auto; }
}

.nx-festival__scene {
  background:
    radial-gradient(ellipse at 50% 24%, rgba(245, 144, 196, .24), transparent 33%),
    linear-gradient(180deg, #1d1838, #443353 66%, #4c3b55);
}

.nx-festival__hud {
  justify-content: flex-start;
}

.nx-festival__hud > span:first-child strong {
  color: #ffe08a;
}

.nx-festival__legend {
  position: absolute;
  z-index: 8;
  top: 65px;
  left: 14px;
  display: flex;
  gap: 8px;
  color: rgba(255, 255, 255, .86);
  font-size: .68rem;
  font-weight: 800;
  pointer-events: none;
}

.nx-festival__legend span {
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(25, 21, 43, .68);
}

.nx-festival__legend span:first-child { color: #9df0d2; }
.nx-festival__legend span:last-child { color: #ffe08a; }

.nx-festival__panel {
  justify-content: flex-start;
}

.nx-festival__case-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.nx-festival__case-header .nx-game__panel-kicker { margin: 0; }
.nx-festival__active > h3 { margin-top: 4px; }
.nx-festival__active .nx-game__story { margin-bottom: 10px; }
.nx-festival__active .nx-game__question { margin-bottom: 10px; }

.nx-festival__queue {
  display: grid;
  gap: 5px;
  max-height: 112px;
  overflow: auto;
  margin: 15px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #e8e2ef;
  list-style: none;
}

.nx-festival__queue li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #f8f5fb;
  color: #555064;
  font-size: .73rem;
  line-height: 1.35;
}

.nx-festival__queue li.is-current {
  background: #f2eafd;
  color: #4d3077;
  font-weight: 800;
}

.nx-festival__queue li strong {
  flex: 0 0 auto;
  color: #6d4a9b;
  font-variant-numeric: tabular-nums;
}

.nx-festival__finish,
.nx-festival__paused {
  width: 100%;
}

.nx-festival__paused {
  margin: auto 0;
}

.nx-festival__paused h3 { margin-top: 0; }

.nx-festival .nx-game__dpad button[data-festival-move="up"] { grid-area: 1 / 2; }
.nx-festival .nx-game__dpad button[data-festival-move="left"] { grid-area: 2 / 1; }
.nx-festival .nx-game__dpad button[data-festival-move="down"] { grid-area: 2 / 2; }
.nx-festival .nx-game__dpad button[data-festival-move="right"] { grid-area: 2 / 3; }

html[data-theme="dark"] .nx-festival__queue { border-color: #443957; }
html[data-theme="dark"] .nx-festival__queue li { background: #302a41; color: #e5dcf4; }
html[data-theme="dark"] .nx-festival__queue li.is-current { background: #403354; color: #f1e7ff; }
html[data-theme="dark"] .nx-festival__queue li strong { color: #d6b7ff; }

@media (max-width: 600px) {
  .nx-festival__legend { top: 56px; left: 9px; gap: 5px; font-size: .61rem; }
  .nx-festival__legend span { padding: 5px 7px; }
  .nx-festival__queue { max-height: 96px; }
}

.nx-ankerpfad-section { margin-top: 48px; }

.nx-ankerpfad__scene {
  background:
    radial-gradient(ellipse at 50% 20%, rgba(166, 218, 202, .24), transparent 34%),
    linear-gradient(180deg, #1d2341, #34425c 60%, #50606b);
}

.nx-ankerpfad__hud {
  justify-content: flex-start;
}

.nx-ankerpfad__hud > span:first-child strong { color: #ffe08a; }

.nx-ankerpfad__legend {
  position: absolute;
  z-index: 8;
  top: 65px;
  left: 14px;
  display: flex;
  gap: 8px;
  color: rgba(255, 255, 255, .86);
  font-size: .68rem;
  font-weight: 800;
  pointer-events: none;
}

.nx-ankerpfad__legend span {
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(25, 21, 43, .68);
}

.nx-ankerpfad__legend span:first-child { color: #9df0d2; }
.nx-ankerpfad__legend span:last-child { color: #ffe08a; }
.nx-ankerpfad__panel { justify-content: flex-start; }

.nx-ankerpfad__case-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.nx-ankerpfad__case-header .nx-game__panel-kicker { margin: 0; }
.nx-ankerpfad__active > h3 { margin-top: 4px; }
.nx-ankerpfad__active .nx-game__story { margin-bottom: 10px; }
.nx-ankerpfad__active .nx-game__question { margin-bottom: 10px; }

.nx-ankerpfad__route {
  display: grid;
  gap: 5px;
  max-height: 112px;
  overflow: auto;
  margin: 15px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #e8e2ef;
  list-style: none;
}

.nx-ankerpfad__route li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #f8f5fb;
  color: #555064;
  font-size: .73rem;
  line-height: 1.35;
}

.nx-ankerpfad__route li.is-complete {
  background: #edf8f1;
  color: #315d49;
}

.nx-ankerpfad__route li strong {
  flex: 0 0 auto;
  color: #6d4a9b;
  font-size: .69rem;
}

.nx-ankerpfad__finish,
.nx-ankerpfad__paused { width: 100%; }
.nx-ankerpfad__paused { margin: auto 0; }

.nx-ankerpfad .nx-game__dpad button[data-ankerpfad-move="up"] { grid-area: 1 / 2; }
.nx-ankerpfad .nx-game__dpad button[data-ankerpfad-move="left"] { grid-area: 2 / 1; }
.nx-ankerpfad .nx-game__dpad button[data-ankerpfad-move="down"] { grid-area: 2 / 2; }
.nx-ankerpfad .nx-game__dpad button[data-ankerpfad-move="right"] { grid-area: 2 / 3; }

html[data-theme="dark"] .nx-ankerpfad__route { border-color: #443957; }
html[data-theme="dark"] .nx-ankerpfad__route li { background: #302a41; color: #e5dcf4; }
html[data-theme="dark"] .nx-ankerpfad__route li.is-complete { background: #25382f; color: #cbf0d9; }
html[data-theme="dark"] .nx-ankerpfad__route li strong { color: #d6b7ff; }

@media (max-width: 600px) {
  .nx-ankerpfad-section { margin-top: 36px; }
  .nx-ankerpfad__legend { top: 56px; left: 9px; gap: 5px; font-size: .61rem; }
  .nx-ankerpfad__legend span { padding: 5px 7px; }
  .nx-ankerpfad__route { max-height: 96px; }
}

.nx-signalcheck-section { margin-top: 48px; }

.nx-signalcheck__scene {
  background:
    radial-gradient(ellipse at 50% 25%, rgba(84, 226, 203, .2), transparent 34%),
    linear-gradient(180deg, #121d35, #1d4055 62%, #31566a);
}

.nx-signalcheck__hud { justify-content: flex-start; }
.nx-signalcheck__hud > span:first-child strong { color: #ffe08a; }

.nx-signalcheck__legend {
  position: absolute;
  z-index: 8;
  top: 65px;
  left: 14px;
  display: flex;
  gap: 8px;
  color: rgba(255, 255, 255, .86);
  font-size: .68rem;
  font-weight: 800;
  pointer-events: none;
}

.nx-signalcheck__legend span {
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(15, 25, 43, .72);
}

.nx-signalcheck__legend span:first-child { color: #83ead7; }
.nx-signalcheck__legend span:last-child { color: #ffe08a; }
.nx-signalcheck__panel { justify-content: flex-start; }

.nx-signalcheck__case-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.nx-signalcheck__case-header .nx-game__panel-kicker { margin: 0; }
.nx-signalcheck__active > h3 { margin-top: 4px; }

.nx-signalcheck__evidence {
  margin: 12px 0;
  padding: 13px;
  border: 1px solid #d5e9e5;
  border-radius: 12px;
  background: #f1faf8;
}

.nx-signalcheck__evidence > p {
  margin: 0 0 12px;
  color: #35534f !important;
  font-size: .87rem;
  line-height: 1.55;
}

.nx-signalcheck__evidence-list {
  display: grid;
  gap: 5px;
  max-height: 112px;
  overflow: auto;
  margin: 15px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #e8e2ef;
  list-style: none;
}

.nx-signalcheck__evidence-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #f8f5fb;
  color: #555064;
  font-size: .73rem;
  line-height: 1.35;
}

.nx-signalcheck__evidence-list li.is-complete {
  background: #edf8f5;
  color: #315d56;
}

.nx-signalcheck__evidence-list li strong {
  flex: 0 0 auto;
  color: #447a71;
  font-size: .69rem;
}

.nx-signalcheck__finish { width: 100%; }

.nx-signalcheck .nx-game__dpad button[data-signalcheck-move="up"] { grid-area: 1 / 2; }
.nx-signalcheck .nx-game__dpad button[data-signalcheck-move="left"] { grid-area: 2 / 1; }
.nx-signalcheck .nx-game__dpad button[data-signalcheck-move="down"] { grid-area: 2 / 2; }
.nx-signalcheck .nx-game__dpad button[data-signalcheck-move="right"] { grid-area: 2 / 3; }

html[data-theme="dark"] .nx-signalcheck__evidence { border-color: #3b5c5b; background: #203633; }
html[data-theme="dark"] .nx-signalcheck__evidence > p { color: #d7eee8 !important; }
html[data-theme="dark"] .nx-signalcheck__evidence-list { border-color: #443957; }
html[data-theme="dark"] .nx-signalcheck__evidence-list li { background: #302a41; color: #e5dcf4; }
html[data-theme="dark"] .nx-signalcheck__evidence-list li.is-complete { background: #25382f; color: #cbf0e2; }
html[data-theme="dark"] .nx-signalcheck__evidence-list li strong { color: #9cdbcc; }

@media (max-width: 600px) {
  .nx-signalcheck-section { margin-top: 36px; }
  .nx-signalcheck__legend { top: 56px; left: 9px; gap: 5px; font-size: .61rem; }
  .nx-signalcheck__legend span { padding: 5px 7px; }
  .nx-signalcheck__evidence-list { max-height: 96px; }
}

.nx-lightpath-section { margin-top: 42px; }
.nx-lightpath__scene.has-fallback .nx-lightpath__canvas { display: block; }

.nx-lightpath__scene {
  background:
    radial-gradient(ellipse at 50% 45%, rgba(86, 162, 129, .42), transparent 49%),
    linear-gradient(160deg, #12162d, #1d3852 58%, #28695d);
}

.nx-lightpath__hud {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.nx-lightpath__hud .nx-game__sound { margin-left: auto; }
.nx-lightpath__hud [data-lichtspur-lives] { color: #ffb1b8; letter-spacing: .08em; }
.nx-lightpath__active,
.nx-lightpath__card,
.nx-lightpath__paused,
.nx-lightpath__finish { width: 100%; }

.nx-lightpath__case-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.nx-lightpath__case-header .nx-game__panel-kicker { margin: 0; }
.nx-lightpath__active > h3 { margin-top: 4px; }
.nx-lightpath__charges { color: #5c5271; font-size: .8rem; }

.nx-lightpath__card .nx-game__story {
  padding: 14px;
  border: 1px solid #d5e9e5;
  border-radius: 12px;
  background: #f1faf8;
  color: #35534f !important;
  font-size: .88rem;
  line-height: 1.55;
}

.nx-lightpath__card .nx-game__resource { margin: 12px 0; }
.nx-lightpath__touch-lanes { display: flex; gap: 6px; }
.nx-lightpath__touch-lanes button { font-size: 1.2rem; }
.nx-lightpath .nx-game__touch-controls { gap: 8px; }

html[data-theme="dark"] .nx-lightpath__charges { color: #cbc6d9; }
html[data-theme="dark"] .nx-lightpath__card .nx-game__story {
  border-color: #3b5c5b;
  background: #203633;
  color: #d7eee8 !important;
}

@media (max-width: 600px) {
  .nx-lightpath-section { margin-top: 36px; }
  .nx-lightpath__hud { top: 8px; right: 8px; left: 8px; gap: 5px; font-size: .65rem; }
  .nx-lightpath__hud > span,
  .nx-lightpath__hud .nx-game__sound { padding: 7px 8px; }
  .nx-lightpath .nx-game__touch-controls { gap: 7px; }
  .nx-lightpath .nx-game__action-button { padding: 0 8px; }
}

.nx-waldpfad-section { margin-top: 48px; }

/* Pfad der Funken: leuchtender Wald */
.nx-game.nx-waldpfad {
  grid-template-columns: minmax(0, 1fr);
  border-color: rgba(126, 242, 212, .3);
  border-radius: 24px;
  background: #0b1427;
  box-shadow:
    0 26px 70px rgba(6, 12, 30, .42),
    0 0 0 1px rgba(7, 12, 26, .6),
    0 0 64px rgba(66, 211, 190, .12);
}

.nx-waldpfad__scene {
  min-height: clamp(520px, 70vh, 760px);
  min-height: clamp(520px, 70svh, 760px);
  background:
    radial-gradient(ellipse at 72% 18%, rgba(160, 238, 224, .28), transparent 16%),
    radial-gradient(ellipse at 50% 38%, rgba(116, 95, 173, .34), transparent 48%),
    linear-gradient(180deg, #0b1230 0%, #11284a 52%, #1a5560 100%);
}

.nx-waldpfad__scene::after {
  content: "";
  position: absolute;
  z-index: 6;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 46%, transparent 54%, rgba(3, 7, 20, .6) 100%),
    linear-gradient(180deg, rgba(3, 7, 20, .5) 0, transparent 18%, transparent 80%, rgba(3, 7, 20, .52) 100%);
}

.nx-waldpfad__scene.has-fallback .nx-waldpfad__canvas { display: block; }

.nx-waldpfad__hud {
  top: 14px;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  font-size: .74rem;
}

.nx-waldpfad__hud > span,
.nx-waldpfad__hud .nx-game__sound {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border: 1px solid rgba(126, 242, 212, .3);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(14, 25, 50, .8), rgba(7, 13, 29, .76));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 6px 18px rgba(2, 6, 18, .38), 0 0 14px rgba(66, 211, 190, .08);
  color: #d4f1ea;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.nx-waldpfad__hud .nx-game__sound {
  margin-left: auto;
  color: #fff;
  transition: background-color .18s ease, border-color .18s ease;
}

.nx-waldpfad__hud .nx-game__sound:hover,
.nx-waldpfad__hud .nx-game__sound[aria-pressed="true"] {
  border-color: rgba(255, 224, 138, .7);
  background: rgba(40, 34, 20, .82);
}

.nx-waldpfad__hud strong {
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-weight: 900;
}

.nx-waldpfad__hud [data-waldpfad-lives] { color: #ff9bb0; letter-spacing: .08em; }
.nx-waldpfad__hud > span:nth-child(2) strong { color: #ffe08a; }
.nx-waldpfad__hud > span:nth-child(3) strong { color: #ff9fe0; }
.nx-waldpfad__hud > span:nth-child(4) strong { color: #7ef2d4; }
.nx-waldpfad__hud > span:nth-child(2)::before { content: "✦"; content: "✦" / ""; color: #ffe08a; }
.nx-waldpfad__hud > span:nth-child(3)::before { content: "◈"; content: "◈" / ""; color: #ff9fe0; }
.nx-waldpfad__hud > span:nth-child(4)::before { content: "★"; content: "★" / ""; color: #7ef2d4; }
.nx-waldpfad__hud > span:nth-child(5) { color: #bff7ea; }

.nx-game.nx-waldpfad .nx-game__proximity {
  bottom: 16px;
  max-width: min(92%, 640px);
  padding: 10px 18px;
  border-color: rgba(126, 242, 212, .32);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(12, 23, 46, .86), rgba(7, 12, 28, .9));
  box-shadow: 0 8px 26px rgba(2, 6, 18, .45), 0 0 18px rgba(66, 211, 190, .1);
  color: #e8fbf6;
  line-height: 1.4;
  text-wrap: balance;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.nx-game.nx-waldpfad .nx-waldpfad__panel {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(66, 211, 190, .15), transparent 55%),
    radial-gradient(90% 60% at 0% 100%, rgba(150, 90, 230, .17), transparent 60%),
    linear-gradient(170deg, #101c38, #0b1427 70%);
  border-left: 1px solid rgba(126, 242, 212, .16);
}

.nx-game.nx-waldpfad .nx-game__panel-kicker { color: #7ef2d4; }
.nx-game.nx-waldpfad .nx-game__panel h3 { color: #f4fbf9; }

.nx-game.nx-waldpfad .nx-game__panel p:not(.nx-game__panel-kicker):not(.nx-game__mission-count) { color: #d3e6e1; }

.nx-game.nx-waldpfad .nx-game__instructions {
  border: 1px solid rgba(126, 242, 212, .22);
  background: rgba(126, 242, 212, .08);
  color: #d3e6e1;
}

.nx-game.nx-waldpfad .nx-game__instructions strong { color: #fff; }

.nx-game.nx-waldpfad .nx-game__story {
  border-color: #7ef2d4;
  background: rgba(126, 242, 212, .09);
  color: #e6f6f2 !important;
}

.nx-game.nx-waldpfad .nx-waldpfad__card .nx-game__story {
  padding: 14px;
  border: 1px solid rgba(126, 242, 212, .3);
  border-radius: 12px;
  background: rgba(126, 242, 212, .09);
  font-size: .88rem;
  line-height: 1.55;
}

.nx-game.nx-waldpfad .nx-game__resource a {
  color: #9ff7e1;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.nx-game.nx-waldpfad .nx-games__button {
  background: linear-gradient(115deg, #0f8f86, #4f56d8 60%, #8d3fc4);
  box-shadow: 0 8px 24px rgba(66, 211, 190, .22);
}

.nx-game.nx-waldpfad .nx-games__text-button { color: #9ff7e1; }

.nx-game.nx-waldpfad .nx-game__finish-links a {
  border-color: rgba(126, 242, 212, .32);
  background: rgba(126, 242, 212, .07);
  color: #bff7ea;
}

.nx-game.nx-waldpfad .nx-game__finish-links a:hover { background: rgba(126, 242, 212, .16); }

.nx-waldpfad__active,
.nx-waldpfad__card,
.nx-waldpfad__paused,
.nx-waldpfad__finish { width: 100%; }

.nx-waldpfad__case-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}

.nx-waldpfad__case-header .nx-game__panel-kicker { margin: 0; }
.nx-waldpfad__active > h3 { margin-top: 4px; }
.nx-waldpfad__card .nx-game__resource { margin: 12px 0; }

.nx-game.nx-waldpfad .nx-game__touch-controls {
  gap: 10px;
  padding: 14px 18px 16px;
  border-top-color: rgba(126, 242, 212, .18);
  background: linear-gradient(180deg, #0b1427, #080f1e);
}

.nx-game.nx-waldpfad .nx-game__dpad {
  grid-template: repeat(2, 48px) / repeat(3, 48px);
  gap: 6px;
}

.nx-game.nx-waldpfad .nx-game__dpad button,
.nx-game.nx-waldpfad .nx-game__action-button {
  min-width: 48px;
  min-height: 48px;
  border-color: rgba(126, 242, 212, .38);
  border-radius: 14px;
  background: linear-gradient(180deg, #19305a, #0e1c3a);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 4px 12px rgba(2, 6, 18, .4);
  color: #e6fbf6;
  transition: background-color .12s ease, transform .12s ease, border-color .12s ease;
}

.nx-game.nx-waldpfad .nx-game__dpad button:active,
.nx-game.nx-waldpfad .nx-game__action-button:active {
  border-color: #7ef2d4;
  background: linear-gradient(180deg, #1e6a73, #123f55);
  transform: translateY(1px);
}

.nx-game.nx-waldpfad .nx-game__action-button kbd { color: #7ef2d4; }
.nx-waldpfad__dpad button { touch-action: none; user-select: none; }
.nx-waldpfad .nx-game__dpad button[data-waldpfad-move="forward"] { grid-area: 1 / 2; }
.nx-waldpfad .nx-game__dpad button[data-waldpfad-move="left"] { grid-area: 2 / 1; }
.nx-waldpfad .nx-game__dpad button[data-waldpfad-move="backward"] { grid-area: 2 / 2; }
.nx-waldpfad .nx-game__dpad button[data-waldpfad-move="right"] { grid-area: 2 / 3; }

@media (max-width: 820px) {
  .nx-waldpfad__scene {
    grid-column: 1;
    grid-row: 1;
    min-height: clamp(400px, 62svh, 560px);
  }

  .nx-game.nx-waldpfad .nx-waldpfad__panel {
    grid-column: 1;
    grid-row: 2;
  }

  /* Touch controls liegen unten über der Szene, damit das Spiel ohne Scrollen bedienbar bleibt. */
  .nx-game.nx-waldpfad .nx-game__touch-controls {
    z-index: 12;
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: end;
    gap: 8px 10px;
    padding: 0 12px 12px;
    border-top: 0;
    background: transparent;
    pointer-events: none;
  }

  .nx-game.nx-waldpfad .nx-waldpfad__dpad { grid-column: 1; grid-row: 1 / span 2; }
  .nx-game.nx-waldpfad .nx-game__action-button { grid-column: 3; min-width: 104px; }
  .nx-game.nx-waldpfad [data-waldpfad-jump] { grid-row: 1; }
  .nx-game.nx-waldpfad [data-waldpfad-spin] { grid-row: 2; }

  .nx-game.nx-waldpfad .nx-game__touch-controls > * { pointer-events: auto; }
  .nx-game.nx-waldpfad .nx-game__dpad { grid-template: repeat(2, 46px) / repeat(3, 46px); }

  .nx-game.nx-waldpfad .nx-game__dpad button,
  .nx-game.nx-waldpfad .nx-game__action-button {
    min-width: 46px;
    min-height: 46px;
    background: linear-gradient(180deg, rgba(25, 48, 90, .82), rgba(14, 28, 58, .86));
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }

  .nx-game.nx-waldpfad .nx-game__proximity {
    top: 74px;
    bottom: auto;
    font-size: .72rem;
  }
}

@media (max-width: 600px) {
  .nx-waldpfad-section { margin-top: 36px; }
  .nx-game.nx-waldpfad { border-radius: 18px; }

  .nx-waldpfad__hud {
    top: 8px;
    right: 8px;
    left: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    font-size: .64rem;
  }

  .nx-waldpfad__hud > span,
  .nx-waldpfad__hud .nx-game__sound {
    justify-content: center;
    padding: 6px 7px;
    border-radius: 10px;
    text-align: center;
  }

  .nx-waldpfad__hud .nx-game__sound { margin-left: 0; }
  .nx-game.nx-waldpfad .nx-game__proximity { top: 70px; max-width: calc(100% - 20px); padding: 8px 12px; }
  .nx-game.nx-waldpfad .nx-game__action-button { padding: 0 9px; }
}

@media (prefers-reduced-transparency: reduce) {
  .nx-waldpfad__hud > span,
  .nx-waldpfad__hud .nx-game__sound,
  .nx-game.nx-waldpfad .nx-game__proximity {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* Visuelle Politur der 3D-Welten: Nachtwache, Festival-Team, Ankerpfad, Signal-Check und Lichtspur */
.nx-game[data-nx-game],
.nx-festival,
.nx-ankerpfad,
.nx-signalcheck,
.nx-lightpath {
  --nxg-accent: #ffb38a;
  --nxg-glow: rgba(255, 179, 138, .2);
  --nxg-hud: rgba(34, 22, 52, .74);
  --nxg-vignette: rgba(22, 12, 38, .6);
  border-radius: 22px;
  box-shadow: 0 22px 56px rgba(32, 23, 56, .2), 0 0 46px var(--nxg-glow);
}

.nx-festival {
  --nxg-accent: #ff7ad0;
  --nxg-glow: rgba(255, 122, 208, .2);
  --nxg-hud: rgba(36, 14, 54, .76);
  --nxg-vignette: rgba(24, 6, 40, .62);
}

.nx-ankerpfad {
  --nxg-accent: #a6e8d0;
  --nxg-glow: rgba(166, 232, 208, .2);
  --nxg-hud: rgba(26, 34, 58, .74);
  --nxg-vignette: rgba(18, 24, 48, .56);
}

.nx-signalcheck {
  --nxg-accent: #58e6d6;
  --nxg-glow: rgba(88, 230, 214, .2);
  --nxg-hud: rgba(8, 24, 40, .78);
  --nxg-vignette: rgba(2, 12, 24, .62);
}

.nx-lightpath {
  --nxg-accent: #7ef2d4;
  --nxg-glow: rgba(126, 242, 212, .2);
  --nxg-hud: rgba(10, 18, 42, .78);
  --nxg-vignette: rgba(4, 8, 26, .62);
}

/* Diese drei Canvas-Elemente hatten bisher keine eigene Größenregel. */
.nx-festival__canvas,
.nx-ankerpfad__canvas,
.nx-signalcheck__canvas {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.nx-game[data-nx-game] .nx-game__scene {
  background:
    radial-gradient(ellipse at 76% 16%, rgba(255, 214, 170, .3), transparent 22%),
    radial-gradient(ellipse at 50% 30%, rgba(190, 96, 160, .3), transparent 52%),
    linear-gradient(180deg, #1b1740 0%, #5a2f6e 58%, #7a4a6e 100%);
}

.nx-festival__scene {
  background:
    radial-gradient(ellipse at 50% 30%, rgba(255, 90, 180, .32), transparent 46%),
    linear-gradient(180deg, #1b0f3a 0%, #4a1f6a 58%, #6a3470 100%);
}

.nx-ankerpfad__scene {
  background:
    radial-gradient(ellipse at 30% 26%, rgba(255, 224, 180, .3), transparent 30%),
    linear-gradient(180deg, #4b4f86 0%, #7e8fb4 54%, #6fa59a 100%);
}

.nx-signalcheck__scene {
  background:
    radial-gradient(ellipse at 50% 28%, rgba(88, 230, 214, .24), transparent 44%),
    linear-gradient(180deg, #06101f 0%, #0d2b3e 60%, #14465a 100%);
}

.nx-lightpath__scene {
  background:
    radial-gradient(ellipse at 66% 18%, rgba(255, 238, 200, .26), transparent 20%),
    linear-gradient(180deg, #120d32 0%, #1b2a58 54%, #1f5a60 100%);
}

.nx-game[data-nx-game] .nx-game__scene::after,
.nx-festival__scene::after,
.nx-ankerpfad__scene::after,
.nx-signalcheck__scene::after,
.nx-lightpath__scene::after {
  content: "";
  position: absolute;
  z-index: 6;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 58%, var(--nxg-vignette) 100%),
    linear-gradient(180deg, var(--nxg-vignette) 0, transparent 14%, transparent 84%, var(--nxg-vignette) 100%);
}

.nx-game[data-nx-game] .nx-game__hud > span,
.nx-game[data-nx-game] .nx-game__hud .nx-game__sound,
.nx-festival__hud > span,
.nx-festival__hud .nx-game__sound,
.nx-ankerpfad__hud > span,
.nx-ankerpfad__hud .nx-game__sound,
.nx-signalcheck__hud > span,
.nx-signalcheck__hud .nx-game__sound,
.nx-lightpath__hud > span,
.nx-lightpath__hud .nx-game__sound {
  border: 1px solid var(--nxg-accent);
  border-color: color-mix(in srgb, var(--nxg-accent) 42%, transparent);
  border-radius: 12px;
  background: var(--nxg-hud);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 6px 18px rgba(2, 6, 18, .34);
  color: #f3eefc;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.nx-game[data-nx-game] .nx-game__hud .nx-game__sound,
.nx-festival__hud .nx-game__sound,
.nx-ankerpfad__hud .nx-game__sound,
.nx-signalcheck__hud .nx-game__sound,
.nx-lightpath__hud .nx-game__sound {
  transition: border-color .18s ease, background-color .18s ease;
}

.nx-game[data-nx-game] .nx-game__hud .nx-game__sound:hover,
.nx-game[data-nx-game] .nx-game__hud .nx-game__sound[aria-pressed="true"],
.nx-festival__hud .nx-game__sound:hover,
.nx-festival__hud .nx-game__sound[aria-pressed="true"],
.nx-ankerpfad__hud .nx-game__sound:hover,
.nx-ankerpfad__hud .nx-game__sound[aria-pressed="true"],
.nx-signalcheck__hud .nx-game__sound:hover,
.nx-signalcheck__hud .nx-game__sound[aria-pressed="true"],
.nx-lightpath__hud .nx-game__sound:hover,
.nx-lightpath__hud .nx-game__sound[aria-pressed="true"] {
  border-color: rgba(255, 224, 138, .75);
}

.nx-game[data-nx-game] .nx-game__hud strong,
.nx-festival__hud strong,
.nx-ankerpfad__hud strong,
.nx-signalcheck__hud strong,
.nx-lightpath__hud strong {
  font-variant-numeric: tabular-nums;
  font-weight: 900;
}

.nx-festival__legend span,
.nx-ankerpfad__legend span,
.nx-signalcheck__legend span {
  border-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
  background: var(--nxg-hud);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.nx-game[data-nx-game] .nx-game__proximity,
.nx-festival .nx-game__proximity,
.nx-ankerpfad .nx-game__proximity,
.nx-signalcheck .nx-game__proximity,
.nx-lightpath .nx-game__proximity {
  border: 1px solid var(--nxg-accent);
  border-color: color-mix(in srgb, var(--nxg-accent) 40%, transparent);
  border-radius: 16px;
  background: var(--nxg-hud);
  box-shadow: 0 8px 24px rgba(2, 6, 18, .4);
  color: #fff;
  line-height: 1.4;
  text-wrap: balance;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.nx-game[data-nx-game] .nx-game__scene-caption { color: rgba(255, 255, 255, .86); }

/* Die HTML-Stationslabels liegen über den 3D-Ständen der Nachtwache. */
.nx-game[data-nx-game] .nx-game__world-label {
  top: 34%;
  padding: 6px 10px;
  border-color: rgba(255, 255, 255, .34);
  background: rgba(34, 20, 54, .84);
  opacity: .9;
}

.nx-game[data-nx-game] .nx-game__world-label.is-active {
  border-color: #ffe492;
  background: #f2d579;
  color: #332645;
  opacity: 1;
  box-shadow: 0 0 18px rgba(255, 228, 146, .72);
}
.nx-game[data-nx-game] .nx-game__world-label--radar { left: 20%; }
.nx-game[data-nx-game] .nx-game__world-label--chat { left: 40%; }
.nx-game[data-nx-game] .nx-game__world-label--care { left: 60%; }
.nx-game[data-nx-game] .nx-game__world-label--emergency { left: 80%; }

/* Gestapelte Darstellung: ein ausgewogeneres Seitenverhältnis lässt die Welt vollständig im Bild. */
@media (max-width: 820px) {
  .nx-game[data-nx-game] .nx-game__scene,
  .nx-festival__scene,
  .nx-ankerpfad__scene,
  .nx-signalcheck__scene,
  .nx-lightpath__scene { min-height: clamp(340px, 66vw, 540px); }
}
@media (max-width: 600px) {
  .nx-game[data-nx-game],
  .nx-festival,
  .nx-ankerpfad,
  .nx-signalcheck,
  .nx-lightpath { border-radius: 18px; }

  .nx-game[data-nx-game] .nx-game__hud,
  .nx-festival__hud,
  .nx-ankerpfad__hud,
  .nx-signalcheck__hud,
  .nx-lightpath__hud { top: 9px; right: 9px; left: 9px; gap: 5px; }

  .nx-game[data-nx-game] .nx-game__hud > span,
  .nx-game[data-nx-game] .nx-game__hud .nx-game__sound,
  .nx-festival__hud > span,
  .nx-festival__hud .nx-game__sound,
  .nx-ankerpfad__hud > span,
  .nx-ankerpfad__hud .nx-game__sound,
  .nx-signalcheck__hud > span,
  .nx-signalcheck__hud .nx-game__sound,
  .nx-lightpath__hud > span,
  .nx-lightpath__hud .nx-game__sound { padding: 6px 9px; border-radius: 10px; font-size: .68rem; }

  .nx-game[data-nx-game] .nx-game__proximity,
  .nx-festival .nx-game__proximity,
  .nx-ankerpfad .nx-game__proximity,
  .nx-signalcheck .nx-game__proximity,
  .nx-lightpath .nx-game__proximity { bottom: 34px; padding: 8px 12px; font-size: .74rem; }

  .nx-game[data-nx-game] .nx-game__world-label { padding: 5px 7px; font-size: .56rem; letter-spacing: .05em; }
}

@media (prefers-reduced-transparency: reduce) {
  .nx-game[data-nx-game] .nx-game__hud > span,
  .nx-game[data-nx-game] .nx-game__hud .nx-game__sound,
  .nx-festival__hud > span,
  .nx-festival__hud .nx-game__sound,
  .nx-ankerpfad__hud > span,
  .nx-ankerpfad__hud .nx-game__sound,
  .nx-signalcheck__hud > span,
  .nx-signalcheck__hud .nx-game__sound,
  .nx-lightpath__hud > span,
  .nx-lightpath__hud .nx-game__sound,
  .nx-festival__legend span,
  .nx-ankerpfad__legend span,
  .nx-signalcheck__legend span,
  .nx-game[data-nx-game] .nx-game__proximity,
  .nx-festival .nx-game__proximity,
  .nx-ankerpfad .nx-game__proximity,
  .nx-signalcheck .nx-game__proximity,
  .nx-lightpath .nx-game__proximity {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}.nx-knowledge { border: 1px solid #7483b0; border-radius: 24px; padding: clamp(20px, 4vw, 48px); background: linear-gradient(135deg, #18233a, #262047); color: #fff; }
.nx-knowledge h2, .nx-knowledge h3, .nx-knowledge label { color: #fff; }
.nx-knowledge a { color: #b8eafa; }
.nx-knowledge progress { width: 100%; accent-color: #8ee4cc; }
.nx-knowledge select, .nx-knowledge textarea { display: block; width: 100%; max-width: 700px; margin: 12px 0 20px; padding: 14px; color: #18233a; background: #fff; border-radius: 12px; }
.nx-knowledge [data-knowledge-answers] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.nx-knowledge [data-knowledge-answers] button { white-space: normal; text-align: left; min-height: 68px; }
.nx-knowledge button:disabled { opacity: .75; cursor: default; }
.nx-knowledge [data-knowledge-feedback] { line-height: 1.7; }
.nx-knowledge details { margin: 28px 0; padding: 18px; border: 1px solid #7483b0; border-radius: 12px; }
.nx-knowledge :focus-visible { outline: 3px solid #ffda80; outline-offset: 4px; }
.nx-knowledge [hidden] { display: none !important; }
@media(max-width: 600px) { .nx-knowledge [data-knowledge-answers] { grid-template-columns: 1fr; } }
.nx-knowledge [data-knowledge-answers] > label { grid-column: 1 / -1; padding: 12px; border: 1px solid #7483b0; border-radius: 12px; }
.nx-learning-stop { display: grid; gap: 10px; margin: 20px 0; }
.nx-learning-stop h4 { color: inherit; line-height: 1.5; }
.nx-learning-stop button { width: 100%; white-space: normal; text-align: left; }
.nx-learning-stop button:disabled { opacity: .7; }
.nx-learning-stop :focus-visible { outline: 3px solid #ffda80; outline-offset: 3px; }
.nx-learning-stop p { line-height: 1.65; }