.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric{position:relative;min-width:0;min-height:134px;overflow:hidden;padding:21px 23px;border:1px solid #31544f;border-radius:17px;background:linear-gradient(145deg,#17362f,#112b2b 72%);box-shadow:inset 0 1px #ffffff13,0 14px 28px #0002}.metric:after{content:"";position:absolute;right:-28px;bottom:-53px;width:115px;height:115px;border:1px solid #8ee6c414;border-radius:50%;box-shadow:0 0 0 23px #8ee6c408,0 0 0 46px #8ee6c405;pointer-events:none}.metric span,.metric small{position:relative;z-index:1;display:block;color:#9fbbb2;font-size:11px}.metric strong{position:relative;z-index:1;display:block;margin:14px 0 5px;color:#effff5;font-size:clamp(21px,2.5vw,30px);font-weight:760;letter-spacing:-.05em;overflow-wrap:anywhere}.metric small{color:#7da49a}.account-card{margin-bottom:18px}.positions{display:flex;flex-wrap:wrap;gap:9px}.position{padding:9px 12px;border:1px solid #43685e;border-radius:9px;background:#1b3832;color:#dcefe7;font-size:12px}.position b{margin-right:9px}.negative{color:#ffaaa7!important}.positive{color:#a1edc0!important}@media(max-width:650px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:112px;padding:15px}.metric strong{font-size:clamp(19px,5vw,25px)}}@media(max-width:360px){.metrics{grid-template-columns:1fr}}
/* Moonlit data cards */
.metric{border-color:#4b4978;background:linear-gradient(145deg,#302b56,#1e2346 74%);box-shadow:inset 0 1px #ffffff19,0 14px 28px #0003}.metric:after{border-color:#f1dca32e;box-shadow:0 0 0 23px #efdb9d0c,0 0 0 46px #d7bdff0a}.metric span{color:#c9c1e9}.metric strong{color:#fffaf1}.metric small{color:#a9a3ca}.negative{color:#ffb8c8!important}.positive{color:#b9edcf!important}
.metrics{gap:15px;margin-bottom:20px}.metric{min-height:143px;padding:22px 24px;border-radius:20px;background:linear-gradient(150deg,#2d2b54,#1b2240 75%)}.metric span{font-size:12px;letter-spacing:.01em}.metric strong{font-size:clamp(25px,2.8vw,34px);line-height:1.12;margin:17px 0 7px}.metric small{font-size:11px}.position{border-radius:999px;padding:10px 14px}
@media(max-width:650px){.metrics{gap:10px}.metric{min-height:118px;padding:15px;border-radius:15px}.metric strong{font-size:clamp(20px,5vw,27px);margin:12px 0 5px}.metric span{font-size:10px}}