/* Wissensreise · 3D-Welt (wissensreise-welt.js) */
.nx-knowledge .nx-reise-welt { position:relative; width:100%; aspect-ratio:16/9; max-height:min(56vh,560px); margin:0 0 18px; overflow:hidden; border-radius:20px; background:#1b2340; box-shadow:0 0 0 1px #7483b0, 0 18px 50px #0008; }
.nx-knowledge .nx-reise-welt.is-off { aspect-ratio:auto; max-height:none; padding:10px; background:transparent; box-shadow:none; }
.nx-knowledge .nx-reise-welt__canvas { display:block; width:100%; height:100%; }
.nx-knowledge .nx-reise-welt__badge { position:absolute; top:10px; left:12px; max-width:calc(100% - 24px); padding:4px 12px; border-radius:999px; background:#1b1640d9; color:#fff; font-size:13px; font-weight:800; letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; box-shadow:0 0 0 1px #ffffff40; }
.nx-knowledge .nx-reise-welt__bubble { position:absolute; top:0; left:0; max-width:min(60%,320px); padding:10px 14px; border-radius:16px 16px 16px 4px; background:#fff; color:#1d1340; font-weight:800; font-size:clamp(13px,1.6vw,17px); line-height:1.35; box-shadow:0 6px 18px #0006; pointer-events:none; transition:transform .25s ease; }
.nx-knowledge .nx-reise-welt__toggle { font-family:inherit; position:absolute; right:10px; bottom:10px; min-height:36px; padding:6px 12px; border:1px solid #ffffff55; border-radius:999px; background:#0b0820cc; color:#fff; font-size:13px; font-weight:700; cursor:pointer; }
.nx-knowledge .nx-reise-welt.is-off .nx-reise-welt__toggle { position:static; }
.nx-knowledge .nx-reise-welt__toggle:focus-visible { outline:3px solid #ffd984; outline-offset:2px; }
.nx-knowledge .nx-reise-look { display:flex; flex-wrap:wrap; gap:8px 14px; margin:0 0 18px; padding:12px 14px; border:1px solid #7483b0; border-radius:14px; }
.nx-knowledge .nx-reise-look legend { padding:0 6px; font-weight:800; color:#fff; }
.nx-knowledge .nx-reise-look label { display:inline-flex; align-items:center; gap:6px; min-height:40px; cursor:pointer; }
.nx-knowledge .nx-reise-look input { width:20px; height:20px; accent-color:#ffd984; }
.nx-knowledge .nx-reise-look__swatch { display:inline-block; width:22px; height:22px; border-radius:50%; border:2px solid #fff; }
@media (max-width:600px) { .nx-knowledge .nx-reise-welt { aspect-ratio:4/3; max-height:46vh; border-radius:14px; } .nx-knowledge .nx-reise-welt__bubble { max-width:calc(100% - 150px); } }
@media (prefers-reduced-motion:reduce) { .nx-knowledge .nx-reise-welt__bubble { transition:none; } }
.nx-games .is-app-window .nx-knowledge .nx-reise-welt { max-height:40vh; }