/* HUD tiền theo ảnh mẫu. Dấu + trang trí; không có giao dịch nạp tiền. */
.canvas-wrap .left-status-stack{
  width:min(235px,calc(35vw - 133px));
  max-width:calc(100% - 24px);
}
.canvas-wrap .left-status-stack #status-hud{
  width:100%!important;max-width:100%!important;
  padding:0!important;gap:5px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;overflow:visible;
  container-type:inline-size;
}
.canvas-wrap #status-hud .status-hud-money{
  position:relative;isolation:isolate;box-sizing:border-box;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:clamp(5px,2.5cqw,9px)!important;
  width:100%;height:clamp(29px,13.7cqw,46px);min-height:0!important;
  padding:0 clamp(17px,8.3cqw,28px) 0 clamp(5px,2.5cqw,9px)!important;
  border:1px solid #f4f4f4!important;border-radius:0!important;
  overflow:hidden;
  background:linear-gradient(115deg,rgba(10,11,14,.96),rgba(7,8,11,.89))!important;
  box-shadow:0 2px 5px #0006,inset 0 0 0 1px #15161c!important;
  backdrop-filter:none!important;color:#fff;
}
/* Hai lớp vân mảnh và các mảng chéo, không cần tải thêm ảnh. */
.canvas-wrap #status-hud .status-hud-money::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    repeating-linear-gradient(36deg,transparent 0 7px,#ffffff08 7px 8px,transparent 8px 12px),
    repeating-linear-gradient(143deg,transparent 0 17px,#ffffff05 17px 19px,transparent 19px 29px),
    linear-gradient(146deg,transparent 0 21%,#7779841b 21% 35%,transparent 35% 55%,#46485128 55% 68%,transparent 68%),
    linear-gradient(34deg,transparent 0 40%,#000a 40% 56%,transparent 56% 75%,#0008 75%);
}
.canvas-wrap #status-hud .status-hud-money::after{
  content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;
  width:18%;min-width:28px;z-index:1;pointer-events:none;
  background:#fff;clip-path:polygon(0 0,100% 0,100% 100%);
}
.money-bag-icon{
  display:block;position:relative;z-index:2;flex:0 0 auto;
  width:clamp(17px,7.5cqw,26px);height:clamp(23px,10.2cqw,35px);
  color:#fff;filter:drop-shadow(0 1px 1px #0008);
}
.canvas-wrap #status-hud .status-hud-money :is(#cash,#diamonds){
  position:relative;z-index:2;display:block;flex:1 1 auto;min-width:0;
  color:#fff!important;font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(10px,6.25cqw,21px)!important;font-weight:800;
  line-height:1.15;letter-spacing:.2px;white-space:nowrap;
  font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000a;
}
.canvas-wrap #status-hud .status-hud-money :is(#cash,#diamonds).cash-long{
  font-size:clamp(8px,4.8cqw,17px)!important;letter-spacing:0;
}
.money-plus{
  position:absolute;top:0;right:3px;z-index:3;pointer-events:none;
  color:#08090b;font:900 clamp(15px,7.1cqw,24px)/1 Arial,Helvetica,sans-serif;
}
/* Giữ chỗ của nút bên phải và hotbar: chỉ thanh tiền tự co, không đẩy UI khác. */
@media(max-width:800px),(pointer:coarse){
  .canvas-wrap .left-status-stack{width:min(154px,calc(70vw - 126px))}
}
@media(orientation:landscape) and (pointer:coarse),(orientation:landscape) and (max-height:550px){
  .canvas-wrap .left-status-stack{width:min(154px,calc(35vw - 99px))}
}
/* Hành vi ẩn khi gõ trên mobile được giữ nguyên. */
@media(max-width:800px),(pointer:coarse){
  body.mobile-typing .left-status-stack,body.keyboard-open .left-status-stack{display:none!important}
}

/* Kim cương nằm trên VND; hai thanh cùng chiều rộng và cùng co theo màn hình. */
.canvas-wrap #status-hud .status-hud-diamonds{padding-right:clamp(5px,2.5cqw,9px)!important}
.canvas-wrap #status-hud .status-hud-diamonds::after{display:none}
.canvas-wrap #status-hud .status-hud-diamonds #diamonds{color:#a9efff!important}
.diamond-icon{height:clamp(19px,8.5cqw,29px)}