/* V53 shared viewport: navigation occupies its own flex row. */
.experience-app.exp-5 .step-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.experience-app.exp-5 .step-tile{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto auto!important;min-height:54px!important;text-align:left!important;padding:7px!important;gap:2px 7px!important}
.experience-app.exp-5 .step-badge{grid-row:1/3;align-self:center;border-radius:50%!important}
.experience-app.exp-5 .step-tile>b{min-height:0!important;font-size:11px!important}
.experience-app.exp-5 .step-tile>small{grid-column:2!important}
.experience-app.exp-7 .condition-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border:1px solid #ddd9cc;border-radius:10px;background:#fff;overflow:hidden}
.experience-app.exp-7 .step-tile{display:flex!important;flex-direction:row!important;align-items:center!important;min-height:31px!important;padding:4px 9px!important;gap:9px!important;border:0!important;border-radius:0!important;border-bottom:1px solid #efede6!important;background:transparent!important;text-align:left!important}
.experience-app.exp-7 .step-tile:last-child{border-bottom:0!important}
.experience-app.exp-7 .step-badge{width:21px!important;height:21px!important;flex:0 0 21px;border-radius:50%!important;font-size:9px!important}
.experience-app.exp-7 .step-tile>b{min-height:0!important;flex:1;font-size:11px!important}
.experience-app.exp-7 .step-tile>small{font-size:9px!important;white-space:nowrap}
.experience-app.exp-7 .summary{border-radius:4px 14px 14px 4px!important;border-left:4px solid #c3aa69!important}
.nexplay-show .nexplay-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.nexplay-duo button{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff,#dcecff);border:1px solid #cbdff6;border-radius:14px;padding:9px;min-width:0;text-align:left;color:#183e68}
.nexplay-duo img{width:51px;height:51px;border-radius:12px;object-fit:cover;flex:none}
.nexplay-duo span{min-width:0}.nexplay-duo b{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis}.nexplay-duo small{font-size:9px;display:block;margin-top:5px;color:#607d9f}
.nexplay-show .nexplay-more{display:flex;gap:6px;margin-top:8px}
.nexplay-more button{flex:1;min-width:0;display:flex;align-items:center;gap:5px;border:0;background:#e6eef9;padding:5px;border-radius:20px;color:#325b89}
.nexplay-more img{width:25px;height:25px;border-radius:50%;object-fit:cover}.nexplay-more b{font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nexplay-show .variant-intro h1{font-size:20px}.nexplay-show .variant-intro p{margin-bottom:0}
@media(max-width:600px),(max-height:600px) and (pointer:coarse){
html:has(.experience-body),html:has(.collection-body),html:has(.wallet-body){height:100%;overflow:hidden}
body.experience-body,body.collection-body,body.wallet-body{margin:0!important;padding:0!important;height:var(--pp-vh,100dvh)!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important}
#sampleRoot,#collectionRoot,#walletRoot{width:100%!important;max-width:none!important;height:var(--pp-vh,100dvh)!important;min-height:0!important;max-height:none!important;margin:0!important;border-radius:0!important;overflow:hidden!important}
#sampleRoot .experience-app,#walletRoot .wallet-app{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;border-radius:0!important;overflow:hidden!important;padding-bottom:0!important;}
#sampleRoot .experience-app>div:first-child{flex:0 1 auto!important;max-height:40%!important;min-height:0!important;overflow:auto!important}
#sampleRoot .exp-ledger-wrap{flex:1 1 0!important;min-height:0!important;padding-bottom:8px!important}
#sampleRoot .bottom-nav{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;order:99;width:100%!important;max-width:none!important;height:calc(54px + env(safe-area-inset-bottom,0px))!important;min-height:calc(54px + env(safe-area-inset-bottom,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;margin:0!important;box-sizing:border-box;z-index:20!important}
#walletRoot .wallet-scroll{height:auto!important;min-height:0!important;flex:1 1 0!important;overflow:auto!important;padding-bottom:12px!important}
#walletRoot .wallet-nav{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;flex:0 0 auto!important;min-height:calc(60px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box;z-index:20!important}
#collectionRoot .c-nav{flex-shrink:0!important;position:relative!important;inset:auto!important}
#collectionRoot>.c-showcase{flex-shrink:1!important;min-height:0;max-height:37%;overflow:auto}
}

.nexplay-show{padding:10px 14px!important}