/* V0.2 Fix 3 — reveal safety, top-up test controls, skip flow */
.skip-pet-btn{margin-top:6px!important;border-color:rgba(255,255,255,.16)}

/* Reveal: hard containment prevents transparent pet art from covering following data. */
.reveal-fix3{min-height:calc(100dvh - 150px);display:flex;flex-direction:column;padding:14px 14px 12px}
.reveal-fix3>.eyebrow{order:1}
.reveal-fix3>.reveal-title-row{order:2}
.reveal-fix3>.reveal-pet{order:3}
.reveal-fix3>.perfect-score{order:4}
.reveal-fix3>.reveal-stats{order:5}
.reveal-fix3>.skill-reveal{order:6}
.reveal-fix3>.reveal-actions{order:7}
.reveal-fix3>.game-message{order:8}
.reveal-fix3 .reveal-title-row{margin:4px 0 3px;gap:8px}
.reveal-fix3 .reveal-pet{height:clamp(180px,24dvh,235px);margin:0;overflow:hidden;isolation:isolate;display:grid;place-items:center}
.reveal-fix3 .reveal-pet img{display:block;height:100%;width:auto;max-height:100%;max-width:72%;object-fit:contain;object-position:center;animation:none!important;transform:none!important;position:relative;z-index:2}
.reveal-fix3 .reveal-glow{max-height:92%;z-index:1}
.reveal-fix3 .perfect-score{position:relative;z-index:4;display:grid!important;margin:4px auto 7px}
.reveal-fix3 .perfect-score strong{font-size:31px;line-height:1;color:var(--accent)}
.reveal-fix3 .perfect-score span{font-size:8px;margin-top:3px;letter-spacing:.16em}
.reveal-fix3 .reveal-stats{position:relative;z-index:4}
.reveal-fix3 .skill-reveal{position:relative;z-index:4;margin-top:7px}
.reveal-fix3 .reveal-actions{position:relative;z-index:4;margin-top:auto;padding-top:8px}

/* Test top-up: compact options under wallet. */
.wallet-main{display:grid;gap:3px;justify-items:start}
.add-xu-btn{margin-top:6px;border:1px solid rgba(101,229,189,.45);background:rgba(101,229,189,.10);color:var(--accent);border-radius:10px;padding:7px 10px;font-weight:900;font-size:10px;cursor:pointer}
.topup-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.topup-options button{border:1px solid rgba(255,209,102,.30);background:rgba(255,209,102,.08);color:var(--gold);border-radius:13px;padding:10px 5px;font-weight:900;font-size:11px;cursor:pointer}
.topup-options button:active,.add-xu-btn:active{transform:translateY(1px)}

@media(max-width:560px){
 .reveal-fix3{min-height:calc(100dvh - 142px);padding:11px 9px 9px}
 .reveal-fix3 .reveal-title-row{margin:2px 0;gap:6px}
 .reveal-fix3 .reveal-title-row h1{font-size:24px}
 .reveal-fix3 .reveal-title-row .rarity{font-size:8.5px;padding:3px 6px}
 .reveal-fix3 .reveal-pet{height:clamp(165px,22dvh,205px)}
 .reveal-fix3 .reveal-pet img{max-width:68%}
 .reveal-fix3 .perfect-score{margin:3px auto 5px}
 .reveal-fix3 .perfect-score strong{font-size:28px}
 .reveal-fix3 .reveal-stats{gap:5px}
 .reveal-fix3 .reveal-stats div{padding:7px 2px}
 .reveal-fix3 .skill-reveal{margin-top:6px;padding:8px 9px}
 .reveal-fix3 .reveal-actions{padding-top:7px}
 .shop-wallet{align-items:flex-start}.shop-wallet small{padding-top:4px}
 .add-xu-btn{padding:6px 8px;font-size:9px}.topup-options{gap:5px}.topup-options button{padding:9px 4px;font-size:10px}
 .skip-pet-btn{margin-top:5px!important;padding:10px 9px!important}
}
@media(max-width:390px){
 .reveal-fix3 .reveal-pet{height:155px}
 .reveal-fix3 .reveal-pet img{max-width:66%}
 .reveal-fix3 .perfect-score strong{font-size:26px}
 .topup-options button{font-size:9px}
}