:root{--bg:#071018;--panel:#101b24;--panel2:#0d171f;--line:#2b424e;--text:#edf5f5;--muted:#93a9b1;--lime:#c7f36b;--cyan:#62e4dc;--orange:#ffad57;--red:#ff6b6b;--shadow:0 20px 60px #0007}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 72% 0,#173743 0,#0a141c 38%,var(--bg) 78%);color:var(--text);font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}.panel{background:linear-gradient(145deg,#14222c,#0e171e);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.btn{background:#1a2b35;border:1px solid #3a5762;border-radius:10px;color:var(--text);padding:10px 14px;transition:.16s}.btn:hover{border-color:var(--cyan);transform:translateY(-1px)}.btn.primary{background:var(--lime);border-color:var(--lime);color:#13200d;font-weight:800}.btn.danger{border-color:#a64a4a;color:#ffaaaa}.btn.wide{width:100%;margin-top:18px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.16em}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.good{color:var(--lime)!important}.toast{position:fixed;right:22px;bottom:22px;max-width:min(430px,calc(100vw - 30px));background:var(--lime);color:#14200f;padding:12px 16px;border-radius:10px;font-weight:800;transform:translateY(140px);transition:.25s;z-index:100}.toast.show{transform:none}.training-note{margin:-4px 0 18px;padding:10px 13px;border:1px solid #3c5460;background:#101d25;color:#b7c7ca;border-radius:10px;font-size:12px}.training-note b{color:var(--orange)}
/* v12 Schulübungs-Hinweis im Simulator */
.school-run-banner{position:fixed;z-index:1400;left:50%;bottom:18px;transform:translateX(-50%);width:min(980px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #73934d;border-radius:15px;background:#0a171eef;box-shadow:0 18px 60px #0009;backdrop-filter:blur(12px);color:#eef7f6}.school-run-banner b{display:block;color:#c9f468}.school-run-banner span{display:block;color:#c0d0d3;font-size:12px;margin-top:2px}.school-run-banner a{color:#66e6df;text-decoration:none;font-size:12px;font-weight:800}.school-run-banner button{width:34px;height:34px;border:1px solid #29424d;border-radius:9px;background:#12232c;color:#fff;cursor:pointer}@media(max-width:620px){.school-run-banner{grid-template-columns:1fr auto}.school-run-banner a{display:none}}
/* v28.1: scenarioRunBanner layout fix -------------------------------------- */
.scenario-run-banner{
  grid-template-columns:minmax(0,1fr) auto 34px;
  column-gap:14px;
  row-gap:8px;
  align-items:center;
}
.scenario-run-banner .scenario-run-copy{min-width:0}
.scenario-run-banner .scenario-run-copy span{max-width:72ch}
.scenario-run-banner .scenario-run-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.scenario-run-banner .scenario-run-actions a{white-space:nowrap}
.scenario-run-banner button.scenario-run-action{
  width:auto;
  min-width:0;
  height:36px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
  border-color:#5f7f45;
  color:#e8f8bf;
  font-weight:800;
  line-height:1;
}
.scenario-run-banner button.scenario-run-action span{
  display:inline;
  margin:0;
  color:inherit;
  font-size:12px;
}
.scenario-run-banner button.scenario-run-action:disabled{opacity:.55;cursor:wait}
.scenario-run-banner button.scenario-run-close{
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
}
@media(max-width:820px){
  .scenario-run-banner{grid-template-columns:minmax(0,1fr) 34px}
  .scenario-run-banner .scenario-run-copy{grid-column:1;grid-row:1}
  .scenario-run-banner .scenario-run-close{grid-column:2;grid-row:1}
  .scenario-run-banner .scenario-run-actions{
    grid-column:1/-1;
    grid-row:2;
    justify-content:flex-start;
  }
}
@media(max-width:620px){
  .scenario-run-banner .scenario-run-actions a{display:inline-flex}
  .scenario-run-banner button.scenario-run-action{max-width:100%;white-space:normal;text-align:left;height:auto;min-height:38px;padding:8px 12px}
}