/* Scoped to the Pointong home card; other balances and apps retain their layout. */
#walletCards{position:relative;margin-inline:8px}
#walletCardViewport{touch-action:pan-y pinch-zoom;border-radius:18px;outline-offset:4px}
#walletCards .wallet-card{min-height:150px;border:0;padding:9px 24px;display:flex;flex-direction:column;box-sizing:border-box;user-select:none}
#walletCards .wallet-card[hidden]{display:none}
#walletCards .balance-head{align-items:center;min-height:36px}
#walletCards .wallet-symbol{width:36px;height:36px;flex:none;display:block;pointer-events:none}
#walletCards .wallet-card-meta{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
#walletCards .wallet-card-meta p{line-height:1.4}
#walletCards .wallet-card .actions{margin-top:auto}
#walletCards .wallet-card strong{font-size:clamp(22px,6.2vw,28px);line-height:1.25}
#walletCards .wallet-card.d2 strong{font-size:25px}
#walletCards .wallet-card.d3 strong{font-size:20px}
#walletCards .wallet-krwp{background:linear-gradient(140deg,#62439b,#291a4b);color:#fff}
#walletCards .wallet-krwp .wallet-card-meta p{color:#e0d4f6}
#walletCards .wallet-krwp .unit{color:#fff}
#walletCards .wallet-symbol-krwp{object-fit:contain;background:transparent}
#walletCards .wallet-coming-soon{font-size:23px;letter-spacing:0}
#walletCards .wallet-krwp .actions button:disabled{opacity:1;background:#39265a;border-color:#8164ab;color:#c4b3df;cursor:not-allowed}
#walletCards .wallet-card-arrow{position:absolute;top:calc((100% - 30px)/2);transform:translateY(-50%);width:36px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;z-index:2;cursor:pointer;color:var(--txt)}
#walletCardPrevious{left:-18px}
#walletCardNext{right:-18px}
#walletCards .wallet-card-arrow span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--bg);font-size:27px;line-height:1;box-shadow:0 2px 5px #0003}
#walletCards .wallet-card-arrow:hover span{background:var(--card)}
#walletCards .wallet-card-arrow:focus-visible{outline:2px solid var(--key);outline-offset:1px;border-radius:50%}
#walletCards .wallet-card-dots{display:flex;justify-content:center;gap:0;height:30px}
#walletCards .wallet-card-dot{display:flex;align-items:center;justify-content:center;width:32px;height:30px;padding:0;border:0;background:transparent;border-radius:8px;cursor:pointer}
#walletCards .wallet-card-dot::after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--sub);opacity:.45}
#walletCards .wallet-card-dot[aria-pressed="true"]::after{background:var(--key);opacity:1}
#walletCards .wallet-card-dot[data-wallet-index="1"][aria-pressed="true"]::after{background:#b596eb}
#walletCards .wallet-card-dot:focus-visible{outline:2px solid var(--key)}
#walletCards .wallet-card-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:359px){
 #walletCards .wallet-card{padding-inline:20px}
 #walletCards .wallet-card-meta p{font-size:11px}
 #walletCards .wallet-card.d2 strong{font-size:20px}
 #walletCards .wallet-card.d3 strong{font-size:16px}
}

/* Both original card nodes share a clipped viewport while sliding. */
#walletCardViewport{display:grid;overflow:hidden;isolation:isolate}
#walletCards .wallet-card{grid-area:1/1;min-width:0;width:100%;margin:0}
#walletCards.wallet-card-moving .wallet-card{will-change:transform;pointer-events:none}
#walletCards.wallet-card-dragging #walletCardViewport{cursor:grabbing}