.egold-icon{display:inline-block;position:relative;flex-shrink:0;width:26px;height:26px;vertical-align:middle;border:1px solid #b3914d;border-radius:50%;background:#29251c url('assets/pc-original/inventory_money_button.png') center/17px 17px no-repeat;box-shadow:inset 0 0 0 2px #181b1b;margin-inline-end:7px}.egold-icon::after{content:'E';position:absolute;right:-2px;bottom:-3px;background:#1a1e1e;color:#efcf7d;border:1px solid #a68645;border-radius:3px;font:bold 10px/12px sans-serif;text-align:center;width:11px}.egold-balance{display:inline-flex;align-items:center;gap:3px}.point-price .egold-icon{width:18px;height:18px;background-size:12px 12px;margin-inline-end:5px}.point-price{display:inline-flex;align-items:center;gap:2px}

/* Consistent, readable EGold amounts across the existing Classic shop. */
.account #balance{white-space:nowrap;font-variant-numeric:tabular-nums}.local-price,.reward-pack-price,.funding-rate,.topup-card strong,.topup-receive{font-variant-numeric:tabular-nums}.topup-card .topup-receive{font-size:16px;line-height:1.45;color:#e8d392;font-weight:600}.funding-rate{line-height:1.7}#dialogBody>.reward-pack-price{display:block;margin-bottom:16px}.local-price,.reward-pack-price{overflow-wrap:break-word}
@media(max-width:580px){.topup-card .topup-receive{font-size:14px}.local-price{font-size:clamp(17px,5.4vw,24px)}}

#topup .topup-card:disabled{opacity:1;cursor:not-allowed;background:#171717;border:1px solid #565045;box-shadow:none}

/* R2 EGold cards: native inventory materials; server package values are unchanged. */
#topup .topup-grid{gap:14px;margin-top:18px;align-items:stretch}
#topup .topup-card{
  --pack-edge:#676052;--pack-rim:#b6a17b3d;--pack-glow:#9b762c12;
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-start;gap:0;min-width:0;min-height:0;
  padding:10px 10px 11px;border:1px solid var(--pack-edge);border-radius:1px;
  background:linear-gradient(135deg,#282824 0,#171818 15%,#111212 80%,#1b1b18);
  box-shadow:inset 0 1px #c4c0ad29,inset 0 -1px #000,0 3px 8px #0005;
  color:#f0d798;text-align:center;transition:border-color .16s,box-shadow .16s;
}
#topup .topup-card::before{
  content:'';position:absolute;inset:3px;z-index:0;border:1px solid var(--pack-rim);
  box-shadow:inset 0 0 0 1px #080909;pointer-events:none;
}
#topup .topup-card::after{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(135deg,#a89972,#4b4435 46%,#171713 50%) 3px 3px/7px 7px no-repeat,
    linear-gradient(225deg,#a89972,#4b4435 46%,#171713 50%) calc(100% - 3px) 3px/7px 7px no-repeat,
    linear-gradient(45deg,#6d6249,#363126 46%,#11120f 50%) 3px calc(100% - 3px)/7px 7px no-repeat,
    linear-gradient(315deg,#6d6249,#363126 46%,#11120f 50%) calc(100% - 3px) calc(100% - 3px)/7px 7px no-repeat;
}
#topup .topup-card[data-pack-tier='4']{--pack-edge:#83724e;--pack-rim:#ba9b5845;--pack-glow:#b28b301a}
#topup .topup-card[data-pack-tier='5']{--pack-edge:#9a7e4b;--pack-rim:#c5a05a50;--pack-glow:#c0913420}
#topup .topup-card[data-pack-tier='6']{--pack-edge:#b09252;--pack-rim:#d6b36c61;--pack-glow:#d3a34728}
#topup .topup-card:disabled{
  opacity:1;cursor:not-allowed;border-color:var(--pack-edge);
  background:linear-gradient(135deg,#282824 0,#171818 15%,#111212 80%,#1b1b18);
  box-shadow:inset 0 1px #c4c0ad29,inset 0 -1px #000,0 3px 8px #0005;
}
#topup .egold-pack-visual{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  flex:0 0 155px;width:100%;height:155px;aspect-ratio:auto;margin:0 0 11px;
  overflow:hidden;border:1px solid #292a25;border-bottom-color:#4d4530;
  background:radial-gradient(ellipse at 50% 73%,var(--pack-glow),transparent 68%),linear-gradient(#111313,#090a0a);
  box-shadow:inset 0 2px 7px #000a,inset 0 -1px #99815a12;pointer-events:none;
}
#topup .egold-pack-visual::after{
  content:'';position:absolute;left:20%;right:20%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#d2b77b69,transparent);pointer-events:none;
}
#topup .egold-pack-art{
  display:block;width:100%;height:100%;padding:0 3px;object-fit:contain;object-position:50% 50%;
  user-select:none;pointer-events:none;transition:transform .16s;
}
#topup .egold-pack-fallback .egold-icon{transform:scale(1.7);margin:0}
#topup .topup-card .topup-receive{
  position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;
  gap:7px;min-width:0;margin:0 0 12px;color:#f3d995;line-height:1.1;
  font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;
  text-shadow:0 1px 2px #000;
}
#topup .topup-egold-number{font-size:34px;font-weight:700;letter-spacing:-.6px}
#topup .topup-egold-unit{font-size:14px;font-weight:500;letter-spacing:.2px;color:#cbbd94}
#topup .topup-card .topup-pay-amount{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;
  width:100%;min-height:36px;margin-top:auto;padding:7px 5px;border:1px solid #79715b;border-radius:1px;
  background:#292b29 url('/campus-core/shop/assets/pc-original/button40_normal.png') center/100% 100% no-repeat;
  box-shadow:0 1px 2px #0008;color:#eee2c1;text-shadow:0 1px 2px #000;
  font-size:15px;font-weight:700;line-height:1.2;letter-spacing:.15px;white-space:nowrap;
}
#topup .topup-card:not(:disabled):hover{border-color:#d8ba75;box-shadow:inset 0 1px #e0c98b45,inset 0 -1px #000,0 3px 10px #0008}
#topup .topup-card:not(:disabled):hover .topup-pay-amount,
#topup .topup-card:focus-visible .topup-pay-amount{background-image:url('/campus-core/shop/assets/pc-original/button40_focus.png');border-color:#c8ad70;color:#fff0c2}
#topup .topup-card:not(:disabled):hover .egold-pack-art{transform:translateY(-2px)}
#topup .topup-card:focus-visible{outline:2px solid #f2d591;outline-offset:3px}
@media(max-width:800px){
  #topup .egold-pack-visual{height:134px;flex-basis:134px}
  #topup .topup-egold-number{font-size:30px}
}
@media(max-width:580px){
  #topup .topup-grid{gap:10px}
  #topup .topup-card{padding:8px 8px 9px}
  #topup .egold-pack-visual{height:115px;flex-basis:115px;margin-bottom:9px}
  #topup .egold-pack-art{padding:0 1px}
  #topup .topup-card .topup-receive{gap:5px;margin-bottom:10px}
  #topup .topup-egold-number{font-size:28px;letter-spacing:-.4px}
  #topup .topup-egold-unit{font-size:12px;letter-spacing:0}
  #topup .topup-card .topup-pay-amount{min-height:36px;padding:7px 3px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  #topup .topup-card,#topup .egold-pack-art{transition:none}
  #topup .topup-card:not(:disabled):hover .egold-pack-art{transform:none}
}

/* EGold premium artwork R3. Presentation only; all package contracts are server-owned. */
#topup .topup-card{
  --pack-edge:#625b4c;--pack-rim:#b6a17b27;--pack-glow:#a7863410;
  padding:10px 10px 12px;background:linear-gradient(155deg,#20211f,#111313 60%,#171816);
  box-shadow:inset 0 1px #d6cfb91c,0 4px 14px #0005;
}
#topup .topup-card:disabled{
  background:linear-gradient(155deg,#20211f,#111313 60%,#171816);
  box-shadow:inset 0 1px #d6cfb91c,0 4px 14px #0005;
}
#topup .topup-card::before{inset:4px;border-color:var(--pack-rim);box-shadow:none}
#topup .topup-card[data-pack-tier='4']{--pack-edge:#82704f;--pack-rim:#ba9b5838}
#topup .topup-card[data-pack-tier='5']{--pack-edge:#99804e;--pack-rim:#c5a05a48}
#topup .topup-card[data-pack-tier='6']{--pack-edge:#b09457;--pack-rim:#d6b36c58}
#topup .egold-pack-visual{
  height:184px;flex-basis:184px;margin-bottom:12px;border:0;
  background:radial-gradient(ellipse at 50% 72%,#4c3b1812,transparent 68%),#0d0f0f;
  box-shadow:inset 0 0 24px #0007;
}
#topup .egold-pack-visual::after{left:12%;right:12%;background:linear-gradient(90deg,transparent,#a38b4f50,transparent)}
#topup .egold-pack-art{
  width:100%;height:100%;padding:8px 4px;object-fit:contain;
  filter:saturate(.88) brightness(.96);transform-origin:50% 65%;
}
#topup .topup-card[data-pack-tier='1'] .egold-pack-art{max-width:84%}
#topup .topup-card[data-pack-tier='2'] .egold-pack-art{max-width:92%}
#topup .topup-card .topup-receive{margin-bottom:14px;gap:7px}
#topup .topup-egold-number{color:#f0d895;font-size:34px;letter-spacing:0}
#topup .topup-egold-unit{color:#c7bc9e;font-size:13px;letter-spacing:.3px}
#topup .topup-card .topup-pay-amount{min-height:38px;border-color:#71664e;color:#f0e4c9}
#topup .topup-card:not(:disabled):hover{border-color:#d2b573;box-shadow:inset 0 1px #e0c98b35,0 5px 18px #0007}
@media(max-width:1000px){#topup .egold-pack-visual{height:160px;flex-basis:160px}}
@media(max-width:800px){#topup .egold-pack-visual{height:144px;flex-basis:144px}}
@media(max-width:580px){
  #topup .topup-grid{gap:10px}
  #topup .topup-card{padding:7px 7px 9px}
  #topup .egold-pack-visual{height:118px;flex-basis:118px;margin-bottom:10px}
  #topup .egold-pack-art{padding:5px 0}
  #topup .topup-card .topup-receive{gap:5px;margin-bottom:12px}
  #topup .topup-egold-number{font-size:28px}
  #topup .topup-egold-unit{font-size:11px;letter-spacing:0}
  #topup .topup-card .topup-pay-amount{min-height:36px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){#topup .topup-card,#topup .egold-pack-art{transition:none}}