/* generated by mirror_mid.py from vac_theme.css + vac_teach.css: #left_col rules re-scoped to #vt-mid (three-column layout) */
#vt-mid{background:var(--vt-panel) !important; font-family:var(--vt-font) !important; border-right:1px solid var(--vt-line); overflow-y:auto; overflow-x:hidden;}
#vt-mid::-webkit-scrollbar{width:8px}
#vt-mid::-webkit-scrollbar-track{background:var(--vt-panel)}
#vt-mid::-webkit-scrollbar-thumb{background:var(--vt-line); border-radius:8px}
#vt-mid{scrollbar-color:var(--vt-line) var(--vt-panel); scrollbar-width:thin;}
#vt-mid h5.divider{font-family:var(--vt-font) !important; font-size:12.5px !important; font-weight:700 !important;
  letter-spacing:.08em; text-transform:uppercase; color:var(--vt-mut) !important;
  text-align:left !important; padding:9px 14px 4px !important; margin:0 !important;
  background:transparent !important; display:flex; align-items:center; gap:6px;}
#vt-mid h5.divider::before,#vt-mid h5.divider::after{display:none !important; content:none !important;}
#vt-mid h5.divider span{font-size:12px; line-height:1; padding:4px 6px; border-radius:7px; cursor:pointer;
  background:var(--vt-panel2); border:1px solid var(--vt-line); filter:grayscale(.2);}
#vt-mid h5.divider span:first-of-type{margin-left:auto;}
#vt-mid h5.divider span:hover{border-color:var(--vt-accent);}
#vt-mid button:not(.arr),#vt-mid select{font-family:var(--vt-font) !important; font-size:14px !important; font-weight:700 !important;
  color:var(--vt-text) !important; background:var(--vt-panel2) !important; background-image:none !important;
  border:1px solid var(--vt-line) !important; border-radius:10px !important;
  padding:6px 11px !important; margin:3px 2px !important; height:auto !important; line-height:1.25 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.25); cursor:pointer; transition:transform .06s, border-color .12s, background .12s;}
#vt-mid select{padding-right:24px !important; width:auto !important; min-width:90px; max-width:130px;}
#vt-mid button:not(.arr):hover,#vt-mid select:hover{border-color:var(--vt-accent) !important; background:#1b2850 !important;}
#vt-mid button:not(.arr):active{transform:translateY(1px);}
#vt-mid button[onclick*="start_game"]{background:var(--vt-go) !important; border-color:#16a34a !important; color:#06240f !important;}
#vt-mid button[onclick*="end_game"]{background:var(--vt-stop) !important; border-color:#e11d48 !important; color:#fff !important;}
#vt-mid .ace_gutter{background:#0f1936 !important; color:#5d6a95 !important;}
#vt-mid .ace_scroller{background:#0d1530 !important;}
#vt-mid > h1{font-family:var(--vt-font) !important; font-size:22px !important; font-weight:900; color:var(--vt-text) !important;
  margin:14px 14px 2px !important; line-height:1.25;}
#vt-mid > p{font-family:var(--vt-font) !important; color:var(--vt-mut) !important; font-size:13px !important; margin:0 14px 12px !important;}
#vt-mid > button:not(.arr){width:calc(50% - 22px) !important; height:15% !important; margin:6px 0 6px 14px !important;
  font-size:17px !important; font-weight:700 !important; border-radius:16px !important;
  color:#fff !important; border:0 !important; box-shadow:0 4px 0 rgba(0,0,0,.28) !important;
  vertical-align:top; white-space:normal;}
#vt-mid > button:nth-of-type(1){background:var(--vt-sun) !important; color:#3b2600 !important; font-size:26px !important;}
#vt-mid > button:nth-of-type(2){background:#0ea5e9 !important;}
#vt-mid > button:nth-of-type(3){background:#a855f7 !important;}
#vt-mid > button:nth-of-type(4){background:#ec4899 !important;}
#vt-mid > button:nth-of-type(5){background:#f97316 !important;}
#vt-mid > button:nth-of-type(6){background:#14b8a6 !important;}
#vt-mid > button[onclick*="start_game"]{background:var(--vt-go) !important; color:#06240f !important;}
#vt-mid > button[onclick*="end_game"]{background:var(--vt-stop) !important;}
#vt-mid > button:not(.arr):hover{filter:brightness(1.08); transform:translateY(-1px);}
#vt-mid > button:not(.arr):active{transform:translateY(2px); box-shadow:0 2px 0 rgba(0,0,0,.28) !important;}
#vt-mid .ace_editor{font-family:"Atkinson Hyperlegible Mono",ui-monospace,Menlo,Consolas,monospace !important;}
#vt-mid{display:flex !important; flex-direction:column;}
#vt-mid > *{flex-shrink:0;}
#vt-mid .ace_gutter-cell{padding-left:6px !important; padding-right:8px !important;}
#vt-mid .vt-card select{width:100% !important;max-width:none !important;min-width:0 !important;font-size:14px !important;padding:6px 8px !important;margin:2px 0 8px !important;border-radius:9px !important}
#vt-mid .vt-btn{font-size:13.5px !important;padding:6px 10px !important;margin:0 !important;border-radius:9px !important}
#vt-mid .vt-btn.sun{background:#fbbf24 !important;border-color:#d97706 !important;color:#3b2600 !important}
#vt-mid .vt-btn.go{background:#22c55e !important;border-color:#16a34a !important;color:#06240f !important}
#vt-mid h5.divider .vt-caret-t{font-size:14px !important;filter:none !important;min-width:26px;text-align:center;transition:transform .15s}
#vt-mid h5.divider .vt-caret-t.shut{transform:rotate(-90deg)}
#vt-mid h5.divider{cursor:pointer}
#vt-mid #vt-modes button.on,#vt-mid #vt-modes button.on:hover{background:#6d7cff !important;color:#fff !important;border-color:#6d7cff !important}
#vt-mid button.vt-emo{font-size:20px !important;line-height:1 !important;padding:7px 10px !important;min-width:44px;position:relative}
#vt-mid button.vt-emo .vt-n{font:800 11px "Atkinson Hyperlegible",-apple-system,Segoe UI,Roboto,sans-serif;margin-left:3px;vertical-align:middle}
#vt-mid h5.vt-bhdr{margin-top:6px !important}
#vt-mid .vt-tools button{margin:0 !important;padding:7px 2px !important;background:transparent !important;border:0 !important;color:#97a3c7 !important;border-radius:10px !important;box-shadow:none !important;line-height:1.1 !important;display:flex;flex-direction:column;align-items:center;gap:2px}
#vt-mid .vt-tools button span{font-size:20px}
#vt-mid .vt-tools button small{font:700 12px "Atkinson Hyperlegible",-apple-system,Segoe UI,sans-serif}
#vt-mid .vt-tools button:hover{background:#16213f !important;color:#e8edff !important}
#vt-mid .vt-tools button.on,#vt-mid .vt-tools button.on:hover{background:#22c55e !important;color:#06240f !important}
#vt-mid #elems_row select{max-width:none !important;width:calc(100% - 20px) !important;margin:2px 10px 6px !important}
#vt-mid .vt-make button{margin:0 !important;width:100% !important;height:auto !important;padding:12px 8px !important;font-size:15px !important;font-weight:700 !important;border:0 !important;border-radius:14px !important;color:#fff !important;box-shadow:0 3px 0 rgba(0,0,0,.28) !important;display:flex;align-items:center;justify-content:center;gap:8px}
#vt-mid .vt-make button span{font-size:20px}
#vt-mid .vt-make button:nth-child(1){background:#0ea5e9 !important}
#vt-mid .vt-make button:nth-child(2){background:#a855f7 !important}
#vt-mid .vt-make button:nth-child(3){background:#ec4899 !important}
#vt-mid .vt-make button:nth-child(4){background:#f97316 !important}
#vt-mid .vt-make button:nth-child(5){background:#14b8a6 !important}
#vt-mid .vt-make button:nth-child(6){background:#64748b !important}
#vt-mid .vt-make button:nth-child(7){background:#16a34a !important}
#vt-mid .vt-make button:hover{filter:brightness(1.08)}
#vt-mid .keyboard_div{height:auto !important;padding:4px 0}
#vt-mid #vt-lesson{background:#fffaf0 repeating-linear-gradient(#fffaf0 0 25px,#f3e7cf 25px 26px);
  border:0;border-left:8px solid #f59e0b;border-radius:6px 16px 16px 6px;
  color:#3b2f20;box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 0 1px #f1dfbd;}
#vt-mid #vt-lesson .vt-card-h{background:#fde68a;border-radius:0 15px 0 0;padding:10px 12px}
#vt-mid #vt-lesson.closed .vt-card-h{border-radius:0 15px 15px 0}
#vt-mid #vt-lesson .vt-card-h b{color:#422006;font-size:15px}
#vt-mid #vt-lesson .vt-card-h .vt-caret{color:#92400e}
#vt-mid #vt-lesson .vt-prog.part{background:#fff7e0;color:#92400e;border:1px solid #f59e0b}
#vt-mid #vt-lesson .vt-card-b{padding:10px 14px 14px}
#vt-mid #vt-lesson .vt-card-b::-webkit-scrollbar-thumb{background:#e7c98f}
#vt-mid #vt-lesson select{background:#fff !important;color:#422006 !important;border:1px solid #e7c98f !important}
#vt-mid #vt-lesson .vt-goal{color:#422006;font-weight:700;font-size:15px;line-height:1.4;margin:2px 0 10px}
#vt-mid #vt-lesson .vt-steps{list-style:none;counter-reset:vtstep;padding-left:0;color:#3b2f20}
#vt-mid #vt-lesson .vt-steps li{counter-increment:vtstep;position:relative;padding-left:32px;margin:6px 0;line-height:1.45}
#vt-mid #vt-lesson .vt-steps li::before{content:counter(vtstep);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#f59e0b;color:#fff;font:700 12.5px "Atkinson Hyperlegible",sans-serif;display:flex;align-items:center;justify-content:center}
#vt-mid #vt-lesson code{background:#fef3c7;border:1px solid #f5d77a;color:#92400e;font-weight:600}
#vt-mid #vt-lesson .vt-sec{color:#b45309;letter-spacing:.08em}
#vt-mid #vt-lesson .vt-tag{background:#fff;border:1px solid #e7c98f;color:#422006}
#vt-mid #vt-lesson .vt-tag:hover{border-color:#f59e0b;background:#fffbeb}
#vt-mid #vt-lesson .vt-btn{background:#fff !important;border:1px solid #e7c98f !important;color:#422006 !important}
#vt-mid #vt-lesson .vt-btn.sun{background:#f59e0b !important;border-color:#d97706 !important;color:#fff !important}
#vt-mid #vt-lesson .vt-chk li{color:#5b4a33}
#vt-mid #vt-lesson .vt-chk li i{border-color:#d6b98a;background:#fff}
#vt-mid #vt-lesson .vt-chk li.done{color:#14532d;font-weight:700}
#vt-mid #vt-lesson .vt-chk li.done i{background:#16a34a;border-color:#16a34a;color:#fff}
#vt-mid #vt-lesson .vt-bonus{background:#ecfccb;color:#365314;border:1px dashed #84cc16}
#vt-mid #vt-lesson.won{border-left-color:#16a34a}
#vt-mid .vt-xrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;padding:4px 12px 12px}
#vt-mid .vt-xrow button.vt-xb{display:flex !important;align-items:center;gap:8px;margin:0 !important;padding:9px 12px !important;border:0 !important;border-radius:14px !important;
  color:#fff !important;font:800 13.5px "Atkinson Hyperlegible",-apple-system,Segoe UI,sans-serif !important;text-align:left;line-height:1.15 !important;box-shadow:0 3px 0 rgba(0,0,0,.28) !important;transition:transform .08s,filter .12s}
#vt-mid .vt-xrow button.vt-xb span{font-size:19px;line-height:1}
#vt-mid .vt-xrow button.vt-xb:hover{filter:brightness(1.1);transform:translateY(-1px)}
#vt-mid .vt-xrow button.vt-xb:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.28) !important}
#vt-mid .vt-xrow button.vt-xb.c1{background:linear-gradient(135deg,#f59e0b,#ea580c) !important}
#vt-mid .vt-xrow button.vt-xb.c2{background:linear-gradient(135deg,#22c55e,#0d9488) !important}
#vt-mid .vt-xrow button.vt-xb.c3{background:linear-gradient(135deg,#0ea5e9,#2563eb) !important}
#vt-mid .vt-xrow button.vt-xb.c4{background:linear-gradient(135deg,#a855f7,#7c3aed) !important}
#vt-mid .vt-xrow button.vt-xb.c5{background:linear-gradient(135deg,#ec4899,#db2777) !important}