/* Misch-Check – Quizshow zu Mischkonsum. Baut auf .nx-knowledge auf. */
.nx-mixcheck { --mix-red:#ffb4b4; --mix-orange:#ffcf9e; --mix-yellow:#fbe7a1; background:linear-gradient(135deg,#1d1838,#2a1f3f 55%,#1a2a44); }
.nx-mixcheck .nx-mix-ladder { display:flex; flex-wrap:wrap; gap:6px; margin:14px 0; padding:0; list-style:none; }
.nx-mixcheck .nx-mix-ladder li { display:grid; place-items:center; min-width:32px; height:32px; padding:0 6px; border:1px solid #6f6a9c; border-radius:999px; font-size:13px; font-weight:700; color:#d9d4f5; background:#ffffff0d; }
.nx-mixcheck .nx-mix-ladder li.is-round-start { margin-left:10px; }
.nx-mixcheck .nx-mix-ladder li.is-right { background:#1f5a47; border-color:#8be0b7; color:#eafff4; }
.nx-mixcheck .nx-mix-ladder li.is-wrong { background:#4d3329; border-color:#e9af94; color:#fff3eb; }
.nx-mixcheck .nx-mix-ladder li.is-current { background:#ffd984; border-color:#ffd984; color:#26203f; transform:scale(1.12); }
.nx-mixcheck .nx-mix-pair { display:flex; flex-wrap:wrap; align-items:stretch; gap:12px; margin:16px 0 4px; }
.nx-mixcheck .nx-mix-card { display:flex; flex-direction:column; justify-content:center; gap:4px; min-width:150px; flex:1 1 150px; max-width:280px; padding:16px 18px; border:1px solid #8f88c4; border-radius:16px; background:#ffffff12; color:#fff; text-decoration:none; }
.nx-mixcheck a.nx-mix-card:hover { border-color:#ffd984; }
.nx-mixcheck .nx-mix-card strong { font-size:20px; line-height:1.3; }
.nx-mixcheck .nx-mix-card small { color:#cfc9ef; font-size:14px; }
.nx-mixcheck .nx-mix-plus { align-self:center; font-size:28px; font-weight:800; color:#ffd984; }
.nx-mixcheck .nx-mix-compare-note { margin:0; color:#d9d4f5; }
.nx-mixcheck [data-knowledge-answers] { grid-template-columns:repeat(3,minmax(0,1fr)); }
.nx-mixcheck [data-knowledge-answers] button { border-left:6px solid #8f88c4; }
.nx-mixcheck [data-knowledge-answers] button[data-level="lebensgefahr"] { border-left-color:#ef6b6b; }
.nx-mixcheck [data-knowledge-answers] button[data-level="hoch"] { border-left-color:#f59e4b; }
.nx-mixcheck [data-knowledge-answers] button[data-level="vorsicht"] { border-left-color:#e8c547; }
.nx-mixcheck [data-knowledge-answers] button.is-removed { opacity:.45; text-decoration:line-through; }
.nx-mixcheck [data-knowledge-answers] button.is-correct { outline:3px solid #8be0b7; outline-offset:2px; opacity:1; }
.nx-mixcheck [data-knowledge-answers] button.is-missed { outline:3px solid #e9af94; outline-offset:2px; opacity:1; }
.nx-mixcheck .nx-answer-result { display:block; margin-top:6px; font-size:14px; font-weight:700; }
.nx-mixcheck .nx-mix-jokers { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 12px; }
.nx-mixcheck .nx-mix-joker { min-height:44px; padding:8px 14px; border:1px solid #b9b2e6; border-radius:999px; color:#fff; background:#ffffff14; font-weight:700; }
.nx-mixcheck .nx-mix-joker:disabled { opacity:.45; text-decoration:line-through; }
.nx-mixcheck .nx-mix-jokers small { flex-basis:100%; color:#cfc9ef; }
.nx-mixcheck .nx-mix-hint { margin:0 0 16px; padding:14px 16px; border:1px dashed #ffd984; border-radius:12px; background:#ffd98414; line-height:1.6; }
.nx-mixcheck .nx-mix-hint-line { display:block; margin-top:6px; }
.nx-mixcheck .nx-mix-verdict { font-size:18px; font-weight:800; }
.nx-mixcheck .nx-mix-detail { margin:12px 0; padding:16px 18px; border:1px solid #6f6a9c; border-left:6px solid #8f88c4; border-radius:14px; background:#ffffff0b; }
.nx-mixcheck .nx-mix-detail[data-level="lebensgefahr"] { border-left-color:#ef6b6b; }
.nx-mixcheck .nx-mix-detail[data-level="hoch"] { border-left-color:#f59e4b; }
.nx-mixcheck .nx-mix-detail[data-level="vorsicht"] { border-left-color:#e8c547; }
.nx-mixcheck .nx-mix-detail p { margin:0 0 10px; line-height:1.65; }
.nx-mixcheck .nx-mix-level { font-weight:800; }
.nx-mixcheck .nx-mix-note { padding:10px 12px; border-radius:10px; background:#7f1d1d55; }
.nx-mixcheck .nx-mix-todo { color:#e9e5ff; }
.nx-mixcheck .nx-mix-meta { font-size:14px; color:#cfc9ef; }
.nx-mixcheck .nx-mix-more { font-weight:700; }
.nx-mixcheck .nx-mix-collection { padding:12px 14px; border:1px solid #6f6a9c; border-radius:12px; background:#ffffff0b; }
.nx-mixcheck .nx-mix-sheet { margin:20px 0; padding:18px; border:1px solid #8f88c4; border-radius:16px; background:#ffffff0b; }
.nx-mixcheck .nx-mix-sheet h4 { margin:0 0 10px; color:#fff; }
.nx-mixcheck .nx-mix-sheet ul { margin:0 0 16px; padding-left:20px; line-height:1.7; }
.nx-mixcheck .nx-mix-actions { display:flex; flex-wrap:wrap; gap:12px; margin:16px 0; }
@media (max-width:600px) {
  .nx-mixcheck [data-knowledge-answers] { grid-template-columns:1fr; }
  .nx-mixcheck .nx-mix-card { max-width:none; }
  .nx-mixcheck .nx-mix-ladder li { min-width:28px; height:28px; font-size:12px; }
  .nx-mixcheck .nx-mix-ladder li.is-round-start { margin-left:6px; }
}
@media (prefers-reduced-motion:reduce) { .nx-mixcheck .nx-mix-ladder li.is-current { transform:none; } }
/* App-Fenster (mobil) */
.nx-games .is-app-window > .nx-mixcheck:not([hidden]) { background:#1b1c38; }
.nx-games .is-app-window .nx-mixcheck .nx-mix-detail { background:#ffffff0d; }
.nx-arcade-card[data-game="mischcheck"] .nx-arcade-preview-play { color:#ffe1a8; border-color:#f3c46e; }
/* 3D-Quizstudio (mischcheck-studio.js) */
.nx-mixcheck .nx-mix-studio { position:relative; width:100%; aspect-ratio:16/9; max-height:min(56vh,560px); margin:0 0 18px; overflow:hidden; border-radius:20px; background:#0b0820; box-shadow:0 0 0 1px #6f6a9c, 0 18px 50px #0008; }
.nx-mixcheck .nx-mix-studio.is-off { aspect-ratio:auto; max-height:none; min-height:0; padding:10px; background:transparent; box-shadow:none; }
.nx-mixcheck .nx-mix-studio__canvas { display:block; width:100%; height:100%; }
.nx-mixcheck .nx-mix-studio__live { position:absolute; top:10px; left:12px; padding:3px 10px; border-radius:999px; background:#e11d48; color:#fff; font-size:12px; font-weight:800; letter-spacing:.04em; pointer-events:none; }
.nx-mixcheck .nx-mix-studio__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-mixcheck .nx-mix-studio__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-mixcheck .nx-mix-studio.is-off .nx-mix-studio__toggle { position:static; }
.nx-mixcheck .nx-mix-studio__toggle:focus-visible { outline:3px solid #ffd984; outline-offset:2px; }
.nx-mixcheck.has-studio .nx-mix-ladder { display:none; }
.nx-mixcheck .nx-mix-look { display:flex; flex-wrap:wrap; gap:8px 14px; margin:0 0 18px; padding:12px 14px; border:1px solid #6f6a9c; border-radius:14px; }
.nx-mixcheck .nx-mix-look legend { padding:0 6px; font-weight:800; color:#fff; }
.nx-mixcheck .nx-mix-look label { display:inline-flex; align-items:center; gap:6px; min-height:40px; cursor:pointer; }
.nx-mixcheck .nx-mix-look input { width:20px; height:20px; accent-color:#ffd984; }
.nx-mixcheck .nx-mix-look__swatch { display:inline-block; width:22px; height:22px; border-radius:50%; border:2px solid #fff; }
.nx-mixcheck [data-knowledge-answers] button.is-locked { outline:3px solid #ffd34d; outline-offset:2px; opacity:1; animation:nx-mix-lock .5s ease-in-out infinite alternate; }
@keyframes nx-mix-lock { from { box-shadow:0 0 0 0 #ffd34d00; } to { box-shadow:0 0 22px 4px #ffd34d88; } }
@media (max-width:600px) { .nx-mixcheck .nx-mix-studio { aspect-ratio:4/3; max-height:46vh; border-radius:14px; } .nx-mixcheck .nx-mix-studio__bubble { max-width:calc(100% - 150px); } }
@media (prefers-reduced-motion:reduce) { .nx-mixcheck [data-knowledge-answers] button.is-locked { animation:none; } .nx-mixcheck .nx-mix-studio__bubble { transition:none; } }
.nx-games .is-app-window .nx-mixcheck .nx-mix-studio { max-height:40vh; }