/* av-gift.css — gem gifts and the player card, in the shared v2 tokens (css/av-ui.css). Used by the hub, leaderboard and profile. */

/* ── Gift windows ── */
.avg-scrim{position:fixed;inset:0;z-index:9900;background:var(--av-scrim);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:avg-in .15s var(--av-ease)}
@keyframes avg-in{from{opacity:0}to{opacity:1}}
.avg-modal{width:min(380px,100%);background:var(--av-panel);color:var(--av-text);border-radius:var(--av-r-modal);padding:20px;font:400 14px var(--av-font);box-shadow:0 16px 48px rgba(0,0,0,.5);animation:avg-pop .2s var(--av-ease)}
@keyframes avg-pop{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.avg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.avg-title{font:600 16px/1.2 var(--av-font);color:var(--av-white)}
.avg-sub{margin-top:4px;font:400 13px var(--av-font);color:var(--av-muted)}
.avg-sub b{color:var(--av-text);font-weight:600}
.avg-x{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--av-r);background:transparent;color:var(--av-muted);cursor:pointer}
.avg-x:hover{background:var(--av-raised);color:var(--av-white)}
.avg-chips{display:flex;gap:8px;margin-bottom:12px}
.avg-chips .av-chip{flex:1;justify-content:center;min-height:36px;background:var(--av-raised);color:var(--av-text);font-weight:600;font-size:13px}
.avg-chips .av-chip:hover{background:var(--av-line);color:var(--av-white)}
.avg-chips .av-chip.is-on{background:var(--av-accent-bg);color:var(--av-accent-soft);outline:2px solid var(--av-accent)}
.avg-modal .av-input{box-sizing:border-box;background:var(--av-raised);-moz-appearance:textfield}
.avg-modal .av-input::-webkit-outer-spin-button,.avg-modal .av-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.avg-have{margin:10px 0 16px;font:400 12px var(--av-font);color:var(--av-muted);display:flex;align-items:center;gap:6px}
.avg-have b{color:var(--av-text);font-weight:600}
.avg-err{min-height:0;margin:-6px 0 12px;font:500 13px var(--av-font);color:var(--av-loss)}
.avg-err:empty{display:none}
.avg-gem{color:var(--av-tier-diamond);display:inline-flex}
.avg-modal .av-btn .avg-gem{color:inherit}
/* received */
.avg-recv{text-align:center;padding:28px 20px 20px}
.avg-ico{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--av-accent-bg);color:var(--av-accent-soft);display:flex;align-items:center;justify-content:center}
.avg-recv .avg-sub{margin:0}
.avg-amt{margin:6px 0 4px;font:700 34px/1.15 var(--av-font);color:var(--av-white);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.avg-from{margin-bottom:22px;font:400 13px var(--av-font);color:var(--av-muted)}
.avg-from b{color:var(--av-text);font-weight:600}
/* sent confirmation */
.avg-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9950;display:flex;align-items:center;gap:8px;background:var(--av-panel);color:var(--av-white);border-radius:var(--av-rc);padding:12px 16px;font:600 13px var(--av-font);box-shadow:0 6px 20px rgba(0,0,0,.4);white-space:nowrap}
.avg-toast .avg-gem{color:var(--av-win)}

/* ── Player card (hub and leaderboard hover card) ── */
.lb-row[data-uid]{cursor:pointer}
#lb-pop{position:fixed;z-index:1200;width:240px;padding:14px;background:var(--av-panel);border:0;border-radius:var(--av-rc);box-shadow:0 12px 36px rgba(0,0,0,.5);
  opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease;font-family:var(--av-font);color:var(--av-text)}
#lb-pop.show{opacity:1;transform:none;pointer-events:auto}
#lb-pop .lbp-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#lb-pop .lbp-badge{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:none}
#lb-pop .lbp-badge span{max-width:38px;max-height:38px}
#lb-pop .lbp-name{font:600 14px var(--av-font);color:var(--av-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;text-transform:none}
#lb-pop .lbp-sub{margin:2px 0 12px;font:400 12px var(--av-font);color:var(--av-muted);letter-spacing:0;text-transform:none}
#lb-pop .lbp-head .lbp-sub{margin:2px 0 0}
#lb-pop .lbp-vip{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:var(--av-r);background:var(--av-accent-bg);color:var(--av-accent-soft);font:600 10px var(--av-font);vertical-align:middle;letter-spacing:0}
#lb-pop .lbp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-bottom:12px}
#lb-pop .lbp-stat{background:var(--av-raised);border-radius:var(--av-r);padding:8px 4px;text-align:center}
#lb-pop .lbp-k{font:500 11px var(--av-font);color:var(--av-muted);letter-spacing:0;text-transform:none}
#lb-pop .lbp-v{margin-top:2px;font:600 13px var(--av-font);color:var(--av-white);white-space:nowrap}
#lb-pop .lbp-chart{margin-bottom:12px}
#lb-pop .lbp-chart-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
#lb-pop .lbp-chart-lbl{font:500 11px var(--av-font);color:var(--av-muted);letter-spacing:0;text-transform:none}
#lb-pop .lbp-chart-net{font:600 12px var(--av-font)}
#lb-pop .lbp-empty{padding:10px 0;text-align:center;font:400 12px var(--av-font);color:var(--av-muted)}
#lb-pop .lbp-actions{display:flex;gap:8px}
#lb-pop .lbp-actions .av-btn{flex:1;min-height:36px;padding:0 10px;font-size:13px}
