/**
 * Meisterschule – Fraktions-Test (Aufnahmeprüfung) – Styles v2.1.0
 * Alles unter .mdft gescopet. Keine Kollision mit dem Theme.
 */
.mdft{
  --mdft-bg:#07050f; --mdft-ink:#ece6ff; --mdft-muted:#9d93c4;
  --mdft-gold:#e8c060; --mdft-line:rgba(232,192,96,.22);
  --mdft-drache:#ff5a1f; --mdft-einhorn:#d98cff; --mdft-phoenix:#ffb02e;
  --mdft-accent:var(--mdft-gold);
  font-family:"Cormorant Garamond",Georgia,serif;
  position:relative; display:flex; align-items:center; justify-content:center;
  padding:48px 18px; overflow:hidden; color:var(--mdft-ink);
  background:var(--mdft-bg); border-radius:20px;
}
.mdft *{box-sizing:border-box}
.mdft-bgfx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mdft-bgfx::before{
  content:"";position:absolute;inset:-20%;
  background:
    radial-gradient(60% 50% at 22% 18%, rgba(192,96,255,.18), transparent 60%),
    radial-gradient(55% 45% at 82% 12%, rgba(232,192,96,.14), transparent 60%),
    radial-gradient(70% 60% at 50% 110%, rgba(255,90,31,.16), transparent 60%);
  filter:blur(8px);
}
.mdft-ember{position:absolute;bottom:-12px;width:3px;height:3px;border-radius:50%;
  background:var(--mdft-gold);opacity:0;filter:blur(.3px);animation:mdftRise linear infinite}
@keyframes mdftRise{
  0%{transform:translateY(0) translateX(0);opacity:0}
  10%{opacity:.9} 90%{opacity:.6}
  100%{transform:translateY(-104vh) translateX(var(--drift,20px));opacity:0}
}
.mdft-stage{position:relative;z-index:1;width:100%;max-width:760px}
.mdft-card{
  position:relative;
  background:linear-gradient(180deg,rgba(20,16,38,.92),rgba(10,8,22,.96));
  border:1px solid var(--mdft-line);border-radius:20px;padding:46px 40px 38px;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.05);
}
.mdft-runes{font-family:"Cinzel",serif;letter-spacing:.4em;font-size:13px;
  color:rgba(232,192,96,.45);text-align:center;margin-bottom:18px}
.mdft-eyebrow{font-family:"Cinzel",serif;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--mdft-gold);text-align:center;margin-bottom:14px}
.mdft-h1{font-family:"Cinzel",serif;font-weight:800;font-size:clamp(28px,5.5vw,44px);
  line-height:1.1;text-align:center;margin:0 0 16px;color:var(--mdft-ink)}
.mdft-h1 em{font-style:normal;color:var(--mdft-gold);text-shadow:0 0 30px rgba(232,192,96,.5)}
.mdft-lead{font-size:20px;line-height:1.55;text-align:center;color:var(--mdft-ink);
  opacity:.92;max-width:54ch;margin:0 auto 26px}
.mdft-center{text-align:center}
.mdft-btn{font-family:"Cinzel",serif;font-weight:700;font-size:16px;letter-spacing:.04em;
  color:#1a1030;cursor:pointer;border:none;border-radius:999px;padding:15px 34px;
  background:linear-gradient(180deg,#fff,var(--mdft-gold));
  box-shadow:0 14px 36px -10px rgba(232,192,96,.6);transition:transform .15s, box-shadow .15s}
.mdft-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px -10px rgba(232,192,96,.75)}
.mdft-progress{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.mdft-pcount{font-family:"Cinzel",serif;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mdft-muted);white-space:nowrap}
.mdft-ptrack{flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.mdft-pfill{height:100%;width:0;border-radius:999px;
  background:linear-gradient(90deg,var(--mdft-gold),#fff);transition:width .5s ease}
.mdft-q{font-family:"Cinzel",serif;font-weight:600;font-size:clamp(21px,3.4vw,27px);
  line-height:1.3;text-align:center;margin:0 0 26px;color:var(--mdft-ink)}
.mdft-opts{display:flex;flex-direction:column;gap:12px}
.mdft-opt{display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;
  font-family:"Cormorant Garamond",serif;font-size:19px;color:var(--mdft-ink);
  background:rgba(255,255,255,.04);border:1px solid var(--mdft-line);border-radius:14px;
  padding:16px 18px;transition:background .15s, border-color .15s, transform .12s;width:100%}
.mdft-opt:hover{background:rgba(232,192,96,.1);border-color:var(--mdft-gold);transform:translateX(4px)}
.mdft-ic{font-size:24px;line-height:1;flex-shrink:0}
.mdft-tx{flex:1}
.mdft-fade{animation:mdftFade .45s ease both}
@keyframes mdftFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Ergebnis */
.mdft-rsigil{font-size:72px;text-align:center;line-height:1;margin-bottom:8px;
  filter:drop-shadow(0 0 26px var(--mdft-accent))}
.mdft-rname{font-family:"Cinzel",serif;font-weight:800;font-size:clamp(30px,7vw,52px);
  text-align:center;margin:0 0 4px;color:var(--mdft-accent);
  text-shadow:0 0 30px color-mix(in srgb,var(--mdft-accent) 55%,transparent)}
.mdft-rrealm{font-style:italic;font-size:20px;color:var(--mdft-gold);text-align:center;margin-bottom:18px}
.mdft-rlore{font-size:19px;line-height:1.55;color:var(--mdft-ink);max-width:54ch;
  margin:0 auto 14px;text-align:center;opacity:.92}
.mdft-rrule{border:1px dashed var(--mdft-accent);
  background:color-mix(in srgb,var(--mdft-accent) 8%,transparent);
  border-radius:12px;padding:14px 18px;max-width:54ch;margin:14px auto 8px}
.mdft-rrule .mdft-lbl{display:block;font-family:"Cinzel",serif;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mdft-accent);margin-bottom:5px}
.mdft-rrule p{margin:0;font-size:17px;line-height:1.5}
.mdft-rtrait{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:18px auto 24px}
.mdft-chip{font-family:"Cinzel",serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--mdft-accent);border:1px solid color-mix(in srgb,var(--mdft-accent) 40%,transparent);
  border-radius:999px;padding:7px 14px;background:color-mix(in srgb,var(--mdft-accent) 10%,transparent)}
.mdft-ractions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}
.mdft-ractions .mdft-btn{background:linear-gradient(180deg,#fff,var(--mdft-accent));
  box-shadow:0 12px 32px -8px color-mix(in srgb,var(--mdft-accent) 60%,transparent)}
.mdft-linkbtn{background:none;border:none;color:var(--mdft-muted);font-family:"Cinzel",serif;
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  padding:8px;text-decoration:underline}
.mdft-mix{margin-top:22px;font-size:15px;color:var(--mdft-muted);text-align:center}
.mdft-mix b{color:var(--mdft-ink);font-weight:600}
.mdft-footnote{text-align:center;margin-top:20px;font-family:"Cinzel",serif;
  font-size:10px;letter-spacing:.28em;color:rgba(157,147,196,.5);text-transform:uppercase}
@media (max-width:480px){
  .mdft{padding:44px 14px}
  .mdft-card{padding:34px 22px 28px}
  .mdft-opt{font-size:17px;padding:14px 14px}
}