/* V4 improvements: compact education and clearly separate off-site trade flow */
.token-card-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.token-card-actions .btn{font-size:.78rem;text-align:center;white-space:normal}.backpack-fact{background:rgba(142,74,232,.13);border:1px solid rgba(176,121,246,.45);border-radius:16px;padding:18px;margin-top:20px}.backpack-fact>strong{display:block;color:#ddbcff;letter-spacing:.08em;font-size:.8rem}.backpack-fact p{font-size:.88rem;line-height:1.55}.fact-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}.fact-links a{color:#beff00;font-size:.75rem;font-weight:800;letter-spacing:.03em}.quickstart-section{padding-top:22px;padding-bottom:22px}.quickstart-box{padding:clamp(24px,4vw,45px);border:1px solid #b0fb20;border-radius:25px;background:linear-gradient(115deg,#121a11,#1d1429 75%);display:grid;gap:32px;grid-template-columns:1.5fr 1fr;align-items:center}.quickstart-box h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;margin:.5rem 0}.quickstart-box p{line-height:1.65}.quickstart-actions{display:grid;gap:14px}.quickstart-actions a{text-align:center;font-size:.83rem}.micro-warning{color:#c4c6bd;font-size:.85rem}.btn-guide{font-size:.79rem}.guide-hero,.guide-choice,.guide-steps,.rblx-detail,.guide-close{padding-block:65px}.guide-hero{background:radial-gradient(circle at 80% 15%,#301c47,transparent 44%),#10110f}.guide-hero h1,.guide-choice h2,.guide-steps h2,.rblx-detail h2,.guide-close h2{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.99;font-weight:900;max-width:980px}.guide-lead{font-size:1.25rem;max-width:750px;line-height:1.55}.guide-disclosure{font-size:.88rem;color:#bfc2ba;max-width:900px;margin-top:22px}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.wallet-box,.rblx-detail-box{padding:clamp(21px,3vw,38px);border:1px solid #505d42;border-radius:20px;background:#14171a}.wallet-box h3{font-size:1.7rem;margin:.6rem 0}.wallet-box p,.rblx-detail-box p{line-height:1.65}.wallet-tag{letter-spacing:.1em;color:#beff00;font-size:.79rem;font-weight:800}.wallet-box a{display:block;margin:12px 0}.guardline{color:#e5dfce;padding:18px 22px;border-left:4px solid #beff00;background:#212317;margin-top:20px}.how-steps{margin-top:36px;display:grid;gap:18px}.how-step{border:1px solid #475246;background:#141916;border-radius:17px;padding:24px;display:grid;grid-template-columns:56px 1fr;gap:18px}.how-step>span{font-weight:900;font-size:1.8rem;color:#beff00}.how-step h3{margin:2px 0 9px;font-size:1.32rem}.how-step p{line-height:1.6;color:#ddd;margin:0 0 14px}.how-step a.btn{margin:12px 0}.mint-box{display:grid;gap:14px;background:#0b100c;border-radius:10px;padding:15px;overflow-wrap:anywhere}.mint-box code{color:#beff00;font-size:.94rem}.mint-box button{justify-self:start}.rblx-detail-box{background:linear-gradient(125deg,#1b1627,#141820);border-color:#8e5eee}.rblx-detail-box h2{font-size:clamp(2rem,4.2vw,4rem)}.guide-close{background:#121c0b}@media(max-width:750px){.quickstart-box,.wallet-grid{grid-template-columns:1fr}.guide-hero,.guide-choice,.guide-steps,.rblx-detail,.guide-close{padding-block:42px}.guide-hero h1,.guide-choice h2,.guide-steps h2{font-size:2.6rem}.how-step{grid-template-columns:37px 1fr;gap:10px;padding:18px}.how-step>span{font-size:1.25rem}.guide-lead{font-size:1.04rem}.token-card-actions a.btn{padding:14px}.fact-links{flex-direction:column;gap:8px}}/* V5 final overlay fix: opaque popover on desktop, centered readable popup on phones. */
.backpack-popover .backpack-popover-panel{
  background:#261735;
  border-color:#b58af8;
  opacity:1;
  backdrop-filter:none;
  box-shadow:0 18px 52px #000d;
}
@media (max-width:760px){
  .backpack-popover .backpack-popover-panel{
    position:fixed;
    top:50dvh;
    left:50vw;
    right:auto;
    bottom:auto;
    transform:translate(-50%,-50%);
    width:min(370px,calc(100vw - 32px));
    max-height:75dvh;
    overflow-y:auto;
    padding:20px;
    box-shadow:0 0 0 100vmax #0009,0 24px 70px #000f;
    z-index:200;
  }
}

/* V5: visually balanced cards also when vertically stacked on mobile. */
@media (max-width:760px){.token-card{min-height:635px}.token-card>p:not(.tag){flex:1}.token-card-actions{margin-top:auto;padding-top:20px}}