/* Live is hidden, and the main site's single navigation serves all five tabs. */
#popgoLiveTabSlot,.popgo-live-slot,a[href*="live-preview.html"]{display:none!important}
#p-cards{padding:0!important;overflow:hidden!important;background:#fff!important;box-sizing:border-box}
#p-cards.active{display:flex!important;flex-direction:column;padding-bottom:var(--cards-nav-height,calc(13 * var(--pg-unit,1vw) + env(safe-area-inset-bottom,0px)))!important}
#p-cards>.topbar{flex:none}
.cards-route-content{position:relative;flex:1;min-height:0;overflow:hidden;background:#fff}
#cardsRouteFrame{display:block;width:100%;height:100%;border:0;background:#fff}
#tbar>.cards-preview-tab{flex:1;min-width:0;height:100%}
#tbar>.cards-preview-tab>.cards-preview-link{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(.27 * var(--pg-unit,1vw));color:#a0a3bd;text-decoration:none;-webkit-tap-highlight-color:transparent}
#tbar>.cards-preview-tab>.cards-preview-link>img{display:block;width:calc(6.4 * var(--pg-unit,1vw));height:calc(6.4 * var(--pg-unit,1vw));object-fit:contain}
#tbar>.cards-preview-tab>.cards-preview-link>span{font-size:calc(2.4 * var(--pg-unit,1vw));font-weight:400;font-family:var(--font-main);line-height:normal}
#tbar>.cards-preview-tab>.cards-preview-link.on{color:#f20a2d}
#tbar>.cards-preview-tab>.cards-preview-link.on>img{transform:scale(1.12)}
/* One header geometry for home and cards; reuse the site's 375px design units. */
:root{--shell-u:var(--pg-unit,1vw)}
#p-cards .topbar,.app .cards-toolbar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:calc(11.733333 * var(--shell-u));min-height:0;padding:0 calc(3.2 * var(--shell-u));gap:0;margin:0;background:#fff;border:0}
#p-cards .logo,.app .brand-link{display:flex;align-items:center;flex:none;width:calc(24 * var(--shell-u));height:calc(8.533333 * var(--shell-u));padding:0;margin:0;background:none;border:0;border-radius:0}
#p-cards .logo img,.app .brand-link img{display:block;width:100%;max-width:none;height:100%!important;object-fit:contain}
#p-cards .topbar-actions,.app .toolbar-actions{display:flex;align-items:center;flex:none;gap:calc(2.05 * var(--shell-u));padding:0;margin:0}
#p-cards #topbarJoinBtn,.app #supportLink{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:none;width:calc(8.5 * var(--shell-u));height:calc(8.5 * var(--shell-u));min-height:0;padding:0;margin:0;background:none;border:0;border-radius:0}
#p-cards #topbarJoinBtn img,.app #supportLink img{width:100%;height:100%;object-fit:contain;display:block}
#p-cards #topbarWalletBtn,.app .cards-toolbar #balance{box-sizing:border-box;align-items:stretch;flex:none;width:calc(32 * var(--shell-u));min-width:0;max-width:none;height:calc(7.7 * var(--shell-u));padding:0;gap:0;border:1px solid #15171b;border-radius:999px;overflow:hidden;background:#fff;box-shadow:none}
#p-cards #topbarWalletAmount,.app #previewBalance{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;width:auto;max-width:none;padding:0 0 0 calc(1.7 * var(--shell-u));margin:0;white-space:nowrap;color:#111318;letter-spacing:0;line-height:1;font-family:var(--font-num,'HarmonyOS Sans',sans-serif);font-size:calc(3.1 * var(--shell-u));font-weight:700;background:#fff}
.app #previewBalance b{font:inherit;letter-spacing:0}
#p-cards .topbar-wallet-plus,.app #topupLink{box-sizing:border-box;display:flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 calc(8 * var(--shell-u));width:calc(8 * var(--shell-u));height:auto;min-height:0;padding:0 0 0 calc(1 * var(--shell-u));margin:0;background:#f20a2d;color:white;clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);border:0;border-radius:0;box-shadow:none;font-size:0}
#p-cards .topbar-wallet-plus svg,.app #topupLink svg{display:block;flex:none;width:calc(5.1 * var(--shell-u));height:calc(5.1 * var(--shell-u));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(min-width:501px){#p-cards .topbar{height:68px;padding-inline:24px}}