/* ===========================================================
   Man hinh LCD - mo phong man hinh cham 192x63 cua may that
   =========================================================== */
.lcd{
  position:relative;width:100%;height:100%;
  border-radius:calc(var(--px)*2);
  background:linear-gradient(160deg,#f7f8f0 0%,#eef0e5 55%,#e6e9dc 100%);
  color:#12140f;
  overflow:hidden;
  font-family:"Consolas","Cascadia Mono","DejaVu Sans Mono","Liberation Mono","Courier New",monospace;
  box-shadow:inset 0 0 calc(var(--px)*10) rgba(90,100,70,.28);
}
.lcd.off{background:linear-gradient(160deg,#e9ebe0 0%,#dfe2d5 100%)}
.lcd.off .lcd-status,.lcd.off .lcd-body{visibility:hidden}

/* ---- thanh trang thai ---- */
.lcd-status{
  position:absolute;left:calc(var(--px)*8);right:calc(var(--px)*8);top:calc(var(--px)*5);
  height:calc(var(--px)*32);
  display:flex;align-items:center;gap:calc(var(--px)*6);
  font-size:calc(var(--px)*25);line-height:1;font-weight:600;letter-spacing:calc(var(--px)*0.5);
}
.lcd-status .sq{
  display:inline-block;width:calc(var(--px)*17);height:calc(var(--px)*17);
  background:#12140f;margin-left:calc(var(--px)*4);
  vertical-align:calc(var(--px)*-1);
}
.lcd-status .sp{flex:1 1 auto}
.lcd-status .ind{opacity:.95}
.lcd-status .slot{display:inline-block;min-width:calc(var(--px)*17);text-align:center}
.lcd-status .inv{background:#12140f;color:#eef0e5;padding:0 calc(var(--px)*3)}
.lcd-status .batt{
  display:inline-flex;align-items:center;
  width:calc(var(--px)*40);height:calc(var(--px)*20);
  border:calc(var(--px)*2.5) solid #12140f;border-radius:calc(var(--px)*2);
  position:relative;padding:calc(var(--px)*2);
}
.lcd-status .batt::after{
  content:"";position:absolute;right:calc(var(--px)*-6);top:calc(var(--px)*4);
  width:calc(var(--px)*4);height:calc(var(--px)*8);background:#12140f;
}
.lcd-status .batt i{display:block;height:100%;width:78%;background:#12140f}

/* ---- vung noi dung ---- */
.lcd-body{
  position:absolute;left:calc(var(--px)*10);right:calc(var(--px)*10);
  top:calc(var(--px)*42);bottom:calc(var(--px)*6);
  overflow:hidden;
}

/* Kich thuoc chu: big = font chinh, small = bang/ket qua thong ke */
.f-big  {font-size:calc(var(--px)*48);line-height:calc(var(--px)*56);letter-spacing:calc(var(--px)*3)}
.f-small{font-size:calc(var(--px)*34);line-height:calc(var(--px)*38);letter-spacing:calc(var(--px)*2)}
.f-mini {font-size:calc(var(--px)*26);line-height:calc(var(--px)*29);letter-spacing:calc(var(--px)*1)}

.row{display:block;white-space:pre;height:auto}
.row.r{text-align:right}
.row.c{text-align:center}
.inv{background:#12140f;color:#eef0e5}

/* con tro nhap nhay */
.cursor{
  display:inline-block;width:calc(var(--px)*7);height:calc(var(--px)*44);
  background:#12140f;vertical-align:calc(var(--px)*-8);
  animation:blink 1.05s steps(1,end) infinite;margin:0 calc(var(--px)*-1);
}
.cursor.ins{height:calc(var(--px)*14);vertical-align:calc(var(--px)*-4);width:calc(var(--px)*22)}
.cursor.full{width:calc(var(--px)*24);background:#12140f;opacity:.85}
@keyframes blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}

/* chi bao cuon */
.scrollmark{position:absolute;font-size:calc(var(--px)*30);line-height:1}
.sm-up   {right:calc(var(--px)*6);top:calc(var(--px)*-30)}
.sm-right{right:calc(var(--px)*0);top:50%;transform:translateY(-50%)}
.sm-left {left:calc(var(--px)*0);top:50%;transform:translateY(-50%)}
.sbar{
  position:absolute;right:calc(var(--px)*2);width:calc(var(--px)*7);
  background:#12140f;border-radius:calc(var(--px)*2);
}

/* ---------- toan hoc tu nhien ---------- */
.mrow{display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle}
.mline{display:block;min-height:calc(var(--px)*56)}
.mfrac{
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
  vertical-align:middle;margin:0 calc(var(--px)*3);
}
.mfrac{line-height:1.05}
.mfrac>.num{padding:0 calc(var(--px)*4) calc(var(--px)*2);border-bottom:calc(var(--px)*3.4) solid currentColor;display:flex;justify-content:center;min-width:calc(var(--px)*26)}
.mfrac>.den{padding:calc(var(--px)*3) calc(var(--px)*4) 0;display:flex;justify-content:center;min-width:calc(var(--px)*26)}
.mmixed{display:inline-flex;align-items:center;vertical-align:middle}
.msup{
  display:inline-block;vertical-align:super;font-size:.62em;
  line-height:1;margin-left:calc(var(--px)*1);
}
.msub{display:inline-block;vertical-align:sub;font-size:.62em;line-height:1}
.mroot{display:inline-flex;align-items:flex-end;vertical-align:middle;
  margin:0 calc(var(--px)*2);line-height:1}
.mroot .sign{display:flex;align-items:flex-end;line-height:.86;
  font-size:1.12em;margin-right:calc(var(--px)*-2)}
.mroot .rad{
  border-top:calc(var(--px)*3) solid currentColor;
  padding:calc(var(--px)*4) calc(var(--px)*5) 0 calc(var(--px)*2);
  display:flex;align-items:flex-end;line-height:1.05;
}
.mroot .idx{font-size:.52em;align-self:flex-start;margin-right:calc(var(--px)*-9);
  position:relative;top:calc(var(--px)*-3);line-height:1}
.mabs{display:inline-flex;align-items:stretch;vertical-align:middle}
.mabs .bar{width:calc(var(--px)*3);background:currentColor;margin:0 calc(var(--px)*3)}
.mint{display:inline-flex;align-items:center;vertical-align:middle;margin:0 calc(var(--px)*2)}
.mint .limits{display:inline-flex;flex-direction:column;justify-content:space-between;
  font-size:.55em;height:2.1em;margin-left:calc(var(--px)*-6);margin-right:calc(var(--px)*3)}
.mint .sym{font-size:1.55em;line-height:.8}
.mbig{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;
  margin:0 calc(var(--px)*2);line-height:1}
.mbig .top,.mbig .bot{font-size:.5em}
.mbig .sym{font-size:1.25em;line-height:1}
.mbox{
  display:inline-block;width:calc(var(--px)*24);height:calc(var(--px)*30);
  border:calc(var(--px)*3) solid currentColor;vertical-align:calc(var(--px)*-4);
  margin:0 calc(var(--px)*2);
}
.mpar{display:inline-block;transform:scaleY(1.25);transform-origin:center}
.mtable{display:table;width:100%;border-collapse:collapse}
.mtable .tr{display:table-row}
.mtable .td{display:table-cell;padding:0 calc(var(--px)*5);text-align:right;white-space:nowrap}
.mtable .th{display:table-cell;padding:0 calc(var(--px)*5);text-align:center}
.mtable .vline{border-left:calc(var(--px)*2) solid currentColor}
.matbrk{display:inline-flex;align-items:stretch;vertical-align:middle}
.matbrk .lb,.matbrk .rb{width:calc(var(--px)*10);border:calc(var(--px)*3) solid currentColor}
.matbrk .lb{border-right:0}
.matbrk .rb{border-left:0}
.matbrk .cells{display:inline-block;padding:0 calc(var(--px)*4)}
.matbrk .cells .r{display:flex;gap:calc(var(--px)*14);justify-content:flex-end}
.matbrk .cells .r>span{min-width:calc(var(--px)*40);text-align:right}
.repeat{border-top:calc(var(--px)*3) solid currentColor}

/* dau ngoac nhon cua he phuong trinh (tr.87) */
.sysbrace{
  width:calc(var(--px)*14);
  margin-right:calc(var(--px)*4);
  border:calc(var(--px)*2.5) solid currentColor;
  border-right:0;
  border-radius:calc(var(--px)*8) 0 0 calc(var(--px)*8);
  position:relative;
}
.sysbrace::after{
  content:"";position:absolute;left:calc(var(--px)*-2.5);top:50%;
  width:calc(var(--px)*6);height:calc(var(--px)*2.5);
  background:currentColor;transform:translateY(-50%);
}