/* Alex 70 · Show edition v0.2 — intentionally self-contained, no remote fonts */
.alex70-app{--a-navy:#101b42;--a-deep:#08122e;--a-royal:#304fa9;--a-yellow:#ffd166;--a-cyan:#42d6d5;--a-white:#fff;--a-muted:#b6c7eb;--a-soft:#f2f6ff;--a-text:#172348;--a-green:#08785b;--a-red:#b23656;box-sizing:border-box;max-width:900px;margin:22px auto 65px;padding:clamp(15px,3vw,30px);border-radius:26px;background:radial-gradient(ellipse at 80% -6%,#365bc0 0%,transparent 38%),linear-gradient(160deg,#162756 0%,#0b1435 70%);color:var(--a-white);font-family:Arial,'Segoe UI',system-ui,sans-serif;font-size:16px;line-height:1.5;box-shadow:0 24px 55px #0a17442b;isolation:isolate}.alex70-app *{box-sizing:border-box}.alex70-app button,.alex70-app input{font-family:inherit}.alex70-heading{text-align:center;padding:clamp(20px,4vw,38px) 8px 18px}.alex70-spark{display:inline-block;color:var(--a-deep);background:var(--a-yellow);border-radius:100px;padding:6px 16px;font-size:12px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.alex70-heading h2{font-family:Arial,'Segoe UI',system-ui,sans-serif!important;font-size:clamp(30px,6vw,52px)!important;font-weight:900!important;letter-spacing:-.035em;line-height:1.1!important;color:#fff!important;margin:17px auto 12px!important;max-width:700px}.alex70-heading p{font-size:clamp(14px,2.5vw,18px);color:#d6e4ff;margin:0 auto 8px}.alex70-panel,.alex70-review,.alex70-stat{background:#fff;color:var(--a-text);border:0;border-radius:20px;padding:clamp(20px,4vw,32px);margin:15px 0;box-shadow:0 12px 25px #00000022}.alex70-panel{border-top:7px solid var(--a-yellow)}.alex70-lead{font-size:18px;font-weight:600}.alex70-label{display:block;font-weight:800;margin:24px 0 9px}.alex70-app input[type=text],.alex70-app input:not([type]){width:100%;padding:16px;border:2px solid #cbd5ec;border-radius:12px;font-size:18px;color:#172348;background:white;display:block}.alex70-app input:focus-visible,.alex70-app button:focus-visible{outline:4px solid #42d6d5;outline-offset:3px}.alex70-small{font-size:13px;color:#495573}.alex70-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;margin:20px 0 24px;color:#253052}.alex70-consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--a-royal)}.alex70-btn,.alex70-option{font:inherit;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.alex70-btn{padding:15px 25px;border:2px solid transparent;border-radius:13px;font-weight:850;margin:8px 8px 4px 0;min-height:54px;background:#e8edf8;color:var(--a-text)}.alex70-btn.primary{background:var(--a-yellow);color:#172348;border-color:#eab954;box-shadow:0 5px 0 #c58b35}.alex70-btn.subtle{background:transparent;color:#fff;border-color:#637db5}.alex70-panel .alex70-btn.subtle{color:#253d7b;border-color:#c8d3ea}.alex70-btn:hover,.alex70-option:hover{transform:translateY(-2px)}.alex70-btn.primary:hover{background:#ffe29a}.alex70-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:25px 0}.alex70-option{background:#eaf0ff;color:#162a57;border:2px solid #b9caee;border-radius:16px;min-height:92px;text-align:left;display:flex;align-items:center;gap:13px;padding:14px 16px;font-size:clamp(16px,2vw,18px);font-weight:750;line-height:1.3;overflow-wrap:anywhere}.alex70-option:nth-child(2){background:#edf8ff;border-color:#b4ddf4}.alex70-option:nth-child(3){background:#fff4df;border-color:#ead4a5}.alex70-option:nth-child(4){background:#f2edff;border-color:#d2c6f5}.alex70-option span{background:#17295a;color:#fff;border-radius:10px;width:41px;height:41px;flex:none;display:grid;place-items:center;font-size:17px;font-weight:950}.alex70-option.selected{border-color:#14244f!important;background:#ffda78!important;box-shadow:inset 0 0 0 2px #14244f,0 4px 0 #dda72c}.alex70-track,.alex70-bar{height:12px;background:#dfe6f5;border-radius:20px;overflow:hidden}.alex70-track>div,.alex70-bar>span{display:block;height:100%;background:linear-gradient(90deg,#28b8d3,#425ac4);border-radius:20px}.alex70-kicker{display:inline-block;letter-spacing:1.2px;font-size:12px;font-weight:950;color:#2f5095;text-transform:uppercase;margin:14px 0 0}.alex70-panel h3{font-family:Arial,'Segoe UI',system-ui,sans-serif!important;font-size:clamp(23px,4.6vw,34px)!important;font-weight:850!important;line-height:1.2!important;color:#12224c!important;margin:15px 0}.alex70-move{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.alex70-center{background:linear-gradient(155deg,#fff 0%,#eef4ff 100%);text-align:center;padding:34px 18px;border-top:8px solid var(--a-yellow)}.alex70-score{font-size:clamp(76px,15vw,118px);letter-spacing:-.055em;font-weight:950;color:#1b3693;line-height:1;margin:8px 0}.alex70-score span{font-size:29px;color:#52668f;letter-spacing:0}.alex70-center p{font-size:18px}.alex70-section{margin:35px 5px 18px;font-family:Arial,'Segoe UI',system-ui,sans-serif!important;font-weight:950!important;letter-spacing:-.03em;color:#fff!important;font-size:clamp(23px,5vw,31px)!important}.alex70-review{border-left:7px solid #29b58a;padding:0 0 20px;overflow:hidden}.alex70-review:has(.alex70-wrong){border-left-color:#d84b6b}.alex70-review .alex70-kicker{display:block;margin:0;padding:14px 20px;background:#e9f9f2;color:#086d52}.alex70-review .alex70-kicker.alex70-wrong{background:#fff0f2;color:#a32947}.alex70-review h4{font-family:Arial,'Segoe UI',system-ui,sans-serif!important;font-weight:850!important;font-size:clamp(18px,3.5vw,22px)!important;color:#142751!important;line-height:1.3;margin:20px 22px!important}.alex70-review p:not(.alex70-story){margin:10px 22px;font-size:16px}.alex70-story{margin:18px 20px 0!important;background:#eef5ff;border-radius:12px;padding:16px 17px;border-left:5px solid #3b64c1;font-size:16px;color:#27395d}.alex70-story::before{content:'DIE GESCHICHTE DAHINTER';display:block;font-weight:900;font-size:11px;letter-spacing:1.15px;margin-bottom:8px;color:#3155a5}.alex70-leaderhead,.alex70-leader,.alex70-stat>div:first-child{display:flex;gap:12px;align-items:center;justify-content:space-between}.alex70-leaderhead{margin-bottom:17px;color:#1d3064}.alex70-leader{border-radius:13px;background:#f1f5ff;margin-bottom:9px;padding:15px 17px;font-size:17px}.alex70-leader:nth-child(1){background:#fff0bb;border:2px solid #e6be50}.alex70-leader:nth-child(2){background:#eaf0fa}.alex70-leader:nth-child(3){background:#fae9df}.alex70-leader strong{flex:1;overflow-wrap:anywhere}.alex70-leader b{white-space:nowrap;background:#193a83;color:#fff;border-radius:9px;padding:5px 9px}.alex70-stat>div:first-child{align-items:flex-start;font-size:15px;margin-bottom:14px}.alex70-stat>div:first-child strong{white-space:nowrap;padding-left:12px;color:#2142a0;font-size:18px}.alex70-warning,.alex70-alert{padding:15px;margin:15px 0;border-radius:12px;background:#fff0ce;color:#603a0a;font-weight:700}.alex70-foot{text-align:center;color:#aebfe8;font-size:12px;padding:17px}.alex70-app a{color:#264fba;text-decoration:underline;text-underline-offset:2px}@media(max-width:620px){.alex70-app{margin:12px -8px 35px;padding:12px;border-radius:18px}.alex70-heading{padding:19px 5px 17px}.alex70-panel,.alex70-stat{padding:19px}.alex70-options{grid-template-columns:1fr;gap:11px}.alex70-option{min-height:69px}.alex70-btn{width:100%;margin:6px 0}.alex70-move{flex-direction:column}.alex70-review h4{margin:16px 16px!important}.alex70-review p:not(.alex70-story){margin:10px 16px}.alex70-story{margin:15px 13px 0!important}.alex70-leader{padding:12px 10px}}@media(prefers-reduced-motion:reduce){.alex70-app *{transition:none!important}}

/* v0.3 single-screen television game */
body:has(#alex70-app) .wp-block-post-title{display:none!important}
.alex70-compact{background:#080a0f;color:#fff;border-radius:22px;padding:clamp(12px,3vw,24px);min-height:0}
.alex70-app:has(.alex70-compact){background:#080a0f;max-width:760px;padding:10px;margin-top:8px}
.alex70-game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e5e7eb;font-weight:700;font-size:14px}.alex70-game-top .alex70-spark{font-size:11px;padding:5px 12px}
.alex70-game-track{height:5px;border-radius:12px;background:#272d39;margin:14px 0 12px;overflow:hidden}.alex70-game-track i{height:100%;display:block;background:#f5be45}
.alex70-compact .alex70-question{color:#fff!important;font:900 clamp(21px,4.7vw,34px)/1.17 Arial,system-ui,sans-serif!important;text-align:center;margin:14px 0 20px!important;letter-spacing:-.025em}
.alex70-game-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.alex70-tile{appearance:none;display:flex;align-items:center;justify-content:center;min-height:clamp(100px,18vh,148px);padding:12px 9px;text-align:center;color:#fff;border:2px solid #ffffff26;border-radius:17px;font:850 clamp(15px,3.1vw,24px)/1.25 Arial,system-ui,sans-serif;overflow-wrap:anywhere;cursor:pointer;transition:filter .15s,transform .15s}.alex70-tile:nth-child(1){background:#2e78c8}.alex70-tile:nth-child(2){background:#169f9c}.alex70-tile:nth-child(3){background:#e39919}.alex70-tile:nth-child(4){background:#c64b75}.alex70-tile:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-2px)}.alex70-tile.is-right{background:#16835a!important;border:3px solid #83f3b0;opacity:1!important}.alex70-tile.is-wrong{background:#a62c4f!important;border:3px solid #ff9cb0;opacity:1!important}.alex70-tile.is-dim{opacity:.55}.alex70-tile:disabled{cursor:default}.alex70-livehint{text-align:center;font-size:13px;color:#cbd5e1;margin:15px 0 3px}.alex70-feedback{margin-top:13px;padding:14px 15px;background:#232429;border-radius:16px;color:#fff}.alex70-feedback strong{font-size:20px;color:#72efa4}.alex70-feedback.no strong{color:#ff9cae}.alex70-feedback p{font-size:clamp(14px,2.5vw,17px);line-height:1.4;margin:9px 0 12px}.alex70-feedback .alex70-btn.light{background:#fff;color:#121826;display:block;width:100%;margin:0;box-shadow:none;border-radius:100px;min-height:45px;padding:8px 14px;font-size:17px}.alex70-welcome .alex70-small{line-height:1.5;margin:14px 0}.alex70-welcome .alex70-btn{width:100%}
@media(max-width:620px){.alex70-app:has(.alex70-compact){margin:0 -8px 20px;padding:6px;border-radius:18px}.alex70-compact{padding:12px 10px}.alex70-compact .alex70-question{margin:12px 0 16px!important}.alex70-game-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.alex70-tile{min-height:clamp(104px,16vh,148px);padding:9px 7px;border-radius:15px}.alex70-feedback{padding:11px 12px}.alex70-feedback p{margin:6px 0 9px}}
@media(max-height:740px) and (max-width:620px){.alex70-compact .alex70-question{font-size:21px!important;margin:7px 0 12px!important}.alex70-tile{min-height:85px}.alex70-game-track{margin:8px 0}.alex70-feedback p{font-size:13px}}

/* v0.4 — one cohesive dark stage on welcome, results and scoreboard.
   No change to v0.3 game tile layout and behavior. */
.alex70-app:not(:has(.alex70-compact)){background:#080a0f!important;max-width:760px;padding:clamp(14px,3vw,24px);margin-top:8px;color:#fff;border-radius:24px;box-shadow:0 18px 45px #0002}
.alex70-app:not(:has(.alex70-compact)) .alex70-show-heading{padding:8px 3px 12px;text-align:left}
.alex70-app:not(:has(.alex70-compact)) .alex70-game-top{font-size:clamp(13px,2.7vw,17px);align-items:center;flex-wrap:wrap}
.alex70-app:not(:has(.alex70-compact)) .alex70-panel{background:#222329;color:#fff;border:1px solid #393b46;border-top:0;border-radius:18px;box-shadow:none;padding:clamp(16px,3vw,23px);margin:12px 0}
.alex70-app:not(:has(.alex70-compact)) .alex70-panel.alex70-welcome{background:#222329}
.alex70-app:not(:has(.alex70-compact)) .alex70-lead{font-size:clamp(21px,4.6vw,29px);font-weight:850;line-height:1.28;color:#fff;margin:5px 0 18px}
.alex70-app:not(:has(.alex70-compact)) .alex70-label{font-size:18px;font-weight:800;color:#fff;margin:14px 0 8px}
.alex70-app:not(:has(.alex70-compact)) #alex70-name{background:#fff;color:#111827;border:3px solid #ffd166;min-height:58px;border-radius:13px;font-size:21px;padding:12px 15px}
.alex70-app:not(:has(.alex70-compact)) .alex70-small{color:#d6d9e1;font-size:clamp(12px,2.4vw,15px);line-height:1.48}
.alex70-app:not(:has(.alex70-compact)) a{color:#ffe096;text-decoration:underline}
.alex70-app:not(:has(.alex70-compact)) .alex70-btn{font:850 clamp(17px,3.7vw,21px)/1.2 Arial,system-ui,sans-serif;min-height:54px;border-radius:999px;padding:12px 18px;margin:10px 0 4px}
.alex70-app:not(:has(.alex70-compact)) .alex70-btn.primary{background:#fff;color:#121826;border-color:#fff;box-shadow:none}
.alex70-app:not(:has(.alex70-compact)) .alex70-btn.subtle{background:#252833;color:#fff;border-color:#747a89}
.alex70-app:not(:has(.alex70-compact)) .alex70-center{background:#222329;text-align:center;padding:22px 16px}
.alex70-app:not(:has(.alex70-compact)) .alex70-center .alex70-kicker{color:#ffd166;font-size:clamp(16px,3.3vw,19px)}
.alex70-app:not(:has(.alex70-compact)) .alex70-score{color:#ffd166;font-size:clamp(70px,16vw,108px);line-height:1;margin:8px 0}
.alex70-app:not(:has(.alex70-compact)) .alex70-score span{color:#e4e5e8;font-size:clamp(26px,6vw,34px)}
.alex70-app:not(:has(.alex70-compact)) .alex70-center p{color:#fff;font-size:clamp(17px,3.7vw,20px);line-height:1.35;margin:10px 0 17px}
.alex70-app:not(:has(.alex70-compact)) .alex70-section{font-size:clamp(23px,5vw,31px)!important;color:#fff!important;line-height:1.2;margin:26px 4px 13px}
.alex70-app:not(:has(.alex70-compact)) .alex70-review{background:#222329;border:1px solid #424650;border-left:6px solid #72efa4;border-radius:17px;padding:0 0 16px;margin:12px 0;box-shadow:none;color:#fff}
.alex70-app:not(:has(.alex70-compact)) .alex70-review:has(.alex70-wrong){border-left-color:#ff879c}
.alex70-app:not(:has(.alex70-compact)) .alex70-review .alex70-kicker{background:#173b32;color:#94f4bd;font-size:13px;margin:0;padding:12px 16px}
.alex70-app:not(:has(.alex70-compact)) .alex70-review .alex70-wrong{background:#48232e;color:#ffb1c0}
.alex70-app:not(:has(.alex70-compact)) .alex70-review h4{color:#fff!important;font-size:clamp(18px,3.7vw,23px)!important;margin:15px 17px!important}
.alex70-app:not(:has(.alex70-compact)) .alex70-review p:not(.alex70-story){color:#fff;font-size:clamp(16px,3.2vw,19px);margin:9px 17px}
.alex70-app:not(:has(.alex70-compact)) .alex70-story{background:#30323a;border-left:4px solid #ffd166;color:#fff;border-radius:11px;padding:12px 14px;font-size:clamp(15px,3.2vw,18px);line-height:1.46;margin:14px 14px 0!important}
.alex70-app:not(:has(.alex70-compact)) .alex70-story::before{color:#ffd166;font-size:11px}
.alex70-app:not(:has(.alex70-compact)) .alex70-leaderhead{color:#fff;font-size:clamp(15px,3.2vw,18px);gap:12px}
.alex70-app:not(:has(.alex70-compact)) .alex70-leader{background:#30323a;color:#fff;border:1px solid #555863;min-height:62px;gap:13px;padding:11px 13px;font-size:clamp(17px,3.4vw,21px)}
.alex70-app:not(:has(.alex70-compact)) .alex70-leader:nth-child(1){background:#493c1f;border:2px solid #ffd166}
.alex70-app:not(:has(.alex70-compact)) .alex70-leader:nth-child(2){border-color:#aab4c8}
.alex70-app:not(:has(.alex70-compact)) .alex70-leader:nth-child(3){border-color:#c08d68}
.alex70-app:not(:has(.alex70-compact)) .alex70-leader b{background:#ffd166;color:#111827;font-weight:950;border-radius:10px;padding:7px 10px}
.alex70-app:not(:has(.alex70-compact)) .alex70-stat{background:#222329;border:1px solid #393b46;color:#fff;border-radius:17px;box-shadow:none;padding:16px;margin:12px 0}
.alex70-app:not(:has(.alex70-compact)) .alex70-stat>div:first-child{font-size:clamp(15px,3.1vw,19px);gap:10px}
.alex70-app:not(:has(.alex70-compact)) .alex70-stat>div:first-child strong{color:#ffd166;font-size:clamp(18px,4vw,22px)}
.alex70-app:not(:has(.alex70-compact)) .alex70-bar{background:#494b54;height:11px}
.alex70-app:not(:has(.alex70-compact)) .alex70-bar>span{background:linear-gradient(90deg,#16a49e,#ffd166)}
.alex70-app:not(:has(.alex70-compact)) .alex70-foot{color:#b4b9c8;font-size:12px}
@media(max-width:620px){.alex70-app:not(:has(.alex70-compact)){margin:0 -8px 20px;padding:12px 10px;border-radius:18px}.alex70-app:not(:has(.alex70-compact)) .alex70-show-heading{padding:4px 2px 10px}.alex70-app:not(:has(.alex70-compact)) .alex70-btn{width:100%}.alex70-app:not(:has(.alex70-compact)) .alex70-panel{padding:16px}.alex70-app:not(:has(.alex70-compact)) .alex70-review h4{margin:13px 14px!important}.alex70-app:not(:has(.alex70-compact)) .alex70-review p:not(.alex70-story){margin:8px 14px}}

/* Quizshow 0.5: kompakter Rückblick, Geschichten optional */
.alex70-app .alex70-story-details {
  margin-top: 16px; padding: 0; background: #30343e; border: 1px solid #444a58;
  border-left: 5px solid #ffd166; border-radius: 12px; overflow: hidden;
}
.alex70-app .alex70-story-details > summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 15px 17px; color: #ffd166; font-weight: 800; font-size: clamp(15px,3.8vw,19px);
  line-height: 1.35; -webkit-tap-highlight-color: transparent;
}
.alex70-app .alex70-story-details > summary::-webkit-details-marker { display: none; }
.alex70-app .alex70-story-details > summary:focus-visible { outline: 3px solid #ffd166; outline-offset: -3px; }
.alex70-app .alex70-story-chevron { font-size: 27px; line-height: 0.7; transition: transform .18s ease; }
.alex70-app .alex70-story-details[open] .alex70-story-chevron { transform: rotate(180deg); }
.alex70-app .alex70-story-details .alex70-story {
  margin: 0; padding: 0 17px 16px; color: #f7f7fa; background: transparent;
  border: 0; border-radius: 0; font-size: inherit; line-height: 1.55;
}


/* Quizshow 0.6 – Story-Aufklapper: keine doppelte Überschrift und Abstand zur Statuskante. */
.alex70-app:not(:has(.alex70-compact)) .alex70-review .alex70-story-details {
  margin: 16px 15px 0 18px;
  width: auto;
  box-sizing: border-box;
}
/* Überschrift steht bereits auf dem aufklappbaren Balken. */
.alex70-app .alex70-story-details .alex70-story::before {
  content: none !important;
  display: none !important;
}
/* Ursprüngliche allgemeine Story-Regeln überschreiben, damit es nur ein Panel gibt. */
.alex70-app:not(:has(.alex70-compact)) .alex70-review .alex70-story-details .alex70-story {
  margin: 0 !important;
  padding: 2px 17px 17px;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #f7f7fa;
  font-size: clamp(15px,3.2vw,18px);
  line-height: 1.5;
}
@media(max-width:620px) {
  .alex70-app:not(:has(.alex70-compact)) .alex70-review .alex70-story-details {
    margin-left: 16px;
    margin-right: 14px;
  }
}

/* v0.7 – Skilltics dark navy stage. Keep contrast, colored options and existing functionality. */
.alex70-app,
.alex70-app:has(.alex70-compact),
.alex70-app:not(:has(.alex70-compact)) {
  background: #06245B !important;
  color: #fff;
}
/* Keep the central question panel dark and readable; give it a little navy harmony. */
.alex70-compact {
  background: #0b1836;
}
.alex70-feedback { background: #222938; }
.alex70-app:not(:has(.alex70-compact)) .alex70-panel,
.alex70-app:not(:has(.alex70-compact)) .alex70-panel.alex70-welcome,
.alex70-app:not(:has(.alex70-compact)) .alex70-center,
.alex70-app:not(:has(.alex70-compact)) .alex70-review,
.alex70-app:not(:has(.alex70-compact)) .alex70-stat {
  background: #202b40;
  border-color: #4b5873;
}
.alex70-app:not(:has(.alex70-compact)) .alex70-story-details {
  background: #303c53;
  border-color: #596780;
}
.alex70-app:not(:has(.alex70-compact)) .alex70-leader {
  background: #303c53;
  border-color: #596780;
}
.alex70-app:not(:has(.alex70-compact)) .alex70-leader:nth-child(1) {
  background: #493c1f; border-color: #ffd166;
}
.alex70-app .alex70-foot { color: #d2dcf0; }