:root{--md2h-training-accent:#22c7d8;--md2h-training-blue:#2563eb;--md2h-training-bg:#07111b;--md2h-training-panel:#12202d;--md2h-training-border:#2a4a5d;--md2h-training-text:#f3f8fc;--md2h-training-muted:#9eb1c1}
.md2hTrainingOverlay{position:fixed;inset:0;z-index:100000;background:rgba(1,7,12,.94);display:grid;place-items:center;padding:16px;color:var(--md2h-training-text);font-family:Inter,"Segoe UI",Arial,sans-serif}
.md2hTrainingShell{width:min(1000px,100%);max-height:calc(100vh - 32px);overflow:auto;background:linear-gradient(145deg,#102231,#07131f);border:1px solid var(--md2h-training-border);border-radius:22px;box-shadow:0 24px 80px #000b;padding:20px}
.md2hTrainingHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.md2hTrainingHead h1,.md2hTrainingHead h2{margin:0}.md2hTrainingHead p{margin:5px 0;color:var(--md2h-training-muted)}
.md2hTrainingClose,.md2hTrainingButton{border:1px solid #3c6175;border-radius:11px;background:#173247;color:#fff;padding:10px 14px;font-weight:850;cursor:pointer}.md2hTrainingButton.primary{background:linear-gradient(135deg,#2563eb,#0d91a5);border-color:#50d5df}.md2hTrainingButton.danger{background:#612732;border-color:#a84255}.md2hTrainingButton:disabled{opacity:.45;cursor:not-allowed}
.md2hTrainingChoices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.md2hTrainingChoice{border:1px solid var(--md2h-training-border);border-radius:17px;background:#0d1c28;color:#fff;padding:24px;text-align:left;cursor:pointer;min-height:190px}.md2hTrainingChoice:hover{border-color:var(--md2h-training-accent);transform:translateY(-1px)}.md2hTrainingChoice b{display:block;font-size:28px;margin-bottom:9px}.md2hTrainingChoice span{display:block;color:var(--md2h-training-muted);line-height:1.55}.md2hTrainingChoice small{display:block;margin-top:14px;color:#72e5ed;font-weight:800}
.md2hTrainingStage{position:relative;min-height:430px;border:1px solid var(--md2h-training-border);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 80% 10%,#123b53,#07131e 52%);padding:26px;display:grid;align-content:center}.md2hTrainingStage.mobile{max-width:560px;margin-inline:auto;border-radius:34px}.md2hTrainingScene{animation:md2hTrainingIn .35s ease}.md2hTrainingScene .sceneIcon{font-size:54px}.md2hTrainingScene h2{font-size:clamp(25px,4vw,42px);margin:12px 0}.md2hTrainingScene p{font-size:18px;line-height:1.62;color:#d7e6ef;max-width:780px}.md2hTrainingTips{display:grid;gap:9px;margin-top:18px}.md2hTrainingTips span{display:block;padding:10px 12px;border:1px solid #285268;border-radius:11px;background:#0b2130}.md2hTrainingRole{display:inline-flex;border:1px solid #31859a;border-radius:999px;padding:6px 11px;color:#78e9ef;font-weight:850}
.md2hTrainingProgress{height:9px;border-radius:99px;background:#203747;overflow:hidden;margin:16px 0}.md2hTrainingProgress i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#2ed6cc);transition:width .25s}.md2hTrainingControls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.md2hTrainingControls .time{margin-left:auto;color:var(--md2h-training-muted);font-variant-numeric:tabular-nums}.md2hTrainingNarration{display:flex;gap:8px;align-items:center;color:var(--md2h-training-muted)}
.md2hTrainingComplete{text-align:center;padding:38px 12px}.md2hTrainingComplete .check{font-size:70px}.md2hTrainingComplete h2{font-size:32px;margin:8px}.md2hTrainingComplete p{color:var(--md2h-training-muted)}
.md2hTrainingAdmin{margin:14px 0;border:1px solid var(--md2h-training-border);border-radius:16px;background:#0a1823;padding:16px}.md2hTrainingAdmin h2{margin:0 0 5px}.md2hTrainingAdmin>p{color:var(--md2h-training-muted)}.md2hTrainingAdminGrid{display:grid;gap:10px}.md2hTrainingAdminRow{display:grid;grid-template-columns:130px 1fr 2fr 90px auto;gap:8px;align-items:center;border:1px solid #294656;border-radius:12px;padding:10px;background:#0d202d}.md2hTrainingAdminRow input,.md2hTrainingAdminRow select{min-width:0;width:100%;border:1px solid #315268;border-radius:9px;background:#07131d;color:#fff;padding:8px}.md2hTrainingAdminRow small{display:block;color:var(--md2h-training-muted)}.md2hTrainingAdminActions{display:flex;gap:6px}.md2hTrainingToast{position:fixed;right:16px;bottom:16px;z-index:100002;background:#123a35;color:#c9fff2;border:1px solid #2aa785;border-radius:11px;padding:12px 15px;box-shadow:0 12px 35px #0008}
.md2hTrainingMenuButton{border-color:#2d8393!important;background:#0c2734!important}.md2hRoleFocusOnly .roadmapMini{display:none!important}
@keyframes md2hTrainingIn{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){.md2hTrainingOverlay{padding:0}.md2hTrainingShell{border-radius:0;max-height:100vh;min-height:100vh;padding:14px}.md2hTrainingChoices{grid-template-columns:1fr}.md2hTrainingChoice{min-height:145px;padding:18px}.md2hTrainingStage{min-height:420px;padding:18px}.md2hTrainingScene p{font-size:16px}.md2hTrainingAdminRow{grid-template-columns:1fr}.md2hTrainingAdminActions{display:grid;grid-template-columns:1fr 1fr}.md2hTrainingControls .time{width:100%;margin:4px 0 0}.md2hTrainingButton{flex:1}.md2hTrainingHead{position:sticky;top:-14px;z-index:3;background:#0b1824;padding:12px 0}}