.shop-container{border:var(--border-thick);max-width:820px;box-shadow:var(--shadow-lg);background:#fff;border-radius:8px;margin:0 auto;padding:28px 32px;position:relative}.shop-container .page-title{text-align:center;letter-spacing:.02em;margin:0 0 24px;font-size:2rem}.tabs{border-bottom:3px solid var(--ink);gap:10px;margin-bottom:24px;padding-bottom:0;display:flex}.tab{background:var(--bg);border:3px solid var(--ink);font-family:var(--font-display);cursor:pointer;color:var(--ink);letter-spacing:-.01em;border-bottom:none;border-radius:6px 6px 0 0;margin-bottom:-3px;padding:10px 22px;font-size:1rem;font-weight:900}.tab.is-active{background:var(--c-yellow);z-index:1;position:relative}.tab:hover:not(.is-active){background:#fff}.tab-panel{min-height:240px}.panel-hint{color:var(--ink);opacity:.65;margin-bottom:18px;font-size:.85rem;font-weight:500;display:block}.charge-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.charge-card{background:var(--bg);border:3px solid var(--ink);cursor:pointer;box-shadow:var(--shadow-md);font-family:var(--font-display);border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:22px 16px;transition:transform .1s,box-shadow .1s,background .15s;display:flex}.charge-card:hover{background:var(--c-yellow);box-shadow:4px 4px 0 var(--ink);transform:translate(2px,2px)}.charge-card:active{box-shadow:0 0 0 var(--ink);transform:translate(6px,6px)}.charge-card.is-success{background:var(--c-green);animation:.4s ease-out chargePop}@keyframes chargePop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:translate(2px,2px)scale(1)}}.charge-icon{justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex}.charge-icon img{object-fit:contain;width:100%;height:100%;display:block}.charge-amount{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900}.charge-note{font-family:var(--font-body);opacity:.7;font-size:.8rem;font-weight:500}.history-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.btn-clear{padding:6px 14px;font-size:.75rem}.history-list{flex-direction:column;gap:8px;max-height:540px;padding-right:4px;display:flex;overflow-y:auto}.history-empty{text-align:center;color:var(--ink);opacity:.5;padding:60px 20px;font-weight:500}.tx-row{background:var(--bg);border:3px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.tx-row.is-credit{border-left:6px solid var(--c-green)}.tx-row.is-debit{border-left:6px solid var(--c-red)}.tx-main{flex-direction:column;gap:4px;min-width:0;display:flex}.tx-amount{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:900}.tx-row.is-credit .tx-amount{color:#2a8f3f}.tx-row.is-debit .tx-amount{color:#c12d3a}.tx-amount .dia-icon{vertical-align:-.1em;align-items:center;width:1em;height:1em;display:inline-flex}.tx-amount .dia-icon img{object-fit:contain;width:100%;height:100%;display:block}.tx-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;font-weight:500;display:flex}.tx-reason{border:2px solid var(--ink);background:#fff;border-radius:4px;padding:1px 8px}.tx-game{background:var(--c-purple);color:#fff;border:2px solid var(--ink);font-family:var(--font-display);letter-spacing:.02em;border-radius:4px;padding:1px 8px;font-size:.7rem;font-weight:900}.tx-ts{opacity:.6;font-family:monospace}.tx-balance{font-family:var(--font-display);white-space:nowrap;opacity:.75;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:900}@media (width<=768px){.shop-container{box-shadow:var(--shadow-md);padding:22px 18px}.shop-container .page-title{margin-bottom:18px;font-size:1.5rem}.tab{padding:8px 16px;font-size:.85rem}.charge-grid{grid-template-columns:1fr 1fr;gap:10px}.charge-card{padding:16px 10px}.charge-amount{font-size:1.3rem}.tx-row{flex-wrap:wrap;padding:10px 12px}.tx-balance{text-align:right;width:100%}}