.baant .nw-age-choice{border:0;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.baant .nw-age-choice legend{font-size:12px;margin-bottom:6px}.baant .nw-age-choice label{display:flex!important;align-items:center;gap:8px;min-height:44px;flex:1;padding:8px 12px;border:1px solid #41464e;border-radius:8px;background:#101216;font-size:12px;white-space:nowrap}.baant .nw-age-choice label:has(input:checked){background:#360c18;border-color:#ff315a}.baant .nw-age-choice input{width:18px!important;min-height:18px!important;accent-color:#f10b42}.baant #nw-guardian-note{padding:10px;border:1px solid #99712d;background:#211a0e;border-radius:8px;font-size:12px}.baant #nw-guardian-note p{margin:0 0 6px}.baant #nw-guardian-note[hidden]{display:none!important}.baant .nw-short-notice{font-size:11px;color:#bec4cd}.baant .nw-short-notice summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#e5c780}.baant #nw-auth-register label{font-size:12px}.baant #nw-auth-register>input{min-height:44px;padding:10px 12px;font-size:16px}.baant #nw-auth-register{gap:7px}.baant #nw-auth-register p{margin:4px 0;font-size:11px}.baant #nw-account-dialog .nw-dialog-head{top:0;background:#101216;z-index:2}.baant .nw-commerce{box-sizing:border-box;width:min(760px,calc(100vw - 24px));height:min(720px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:20px;background:#090b10;color:#eff2f7;border:1px solid #343945;border-top:2px solid #ff174e;border-radius:18px;overflow:hidden;font-family:Kanit,sans-serif}.baant .nw-commerce[open]{display:flex;flex-direction:column;gap:12px}.baant .nw-commerce::backdrop{background:#030408cf;backdrop-filter:blur(6px)}.baant .nw-commerce .nw-dialog-head{position:static;flex:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between;background:none}.baant .nw-commerce h2{font-size:22px;margin:0}.baant .nw-commerce .nw-eyebrow{font-size:9px;letter-spacing:2px;color:#d8b16b}.baant .nw-vault-balance{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid #2c3039;padding:0 0 10px}.baant .nw-vault-balance>span{font-size:12px;color:#aab5c5}.baant .nw-vault-balance>b{color:#b0d7ff;font-size:26px}.baant .nw-vault-balance>small{margin-left:auto;color:#aab5c5;font-size:10px}.baant .nw-vault-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:none}.baant .nw-vault-tabs button{min-height:44px;border:1px solid #353c49;border-radius:8px;background:#151a23;color:#bdc7d6;font:12px Kanit,sans-serif;padding:6px;touch-action:manipulation}.baant .nw-vault-tabs button[aria-selected=true]{background:#a8082d;color:#fff;border-color:#ff315a}.baant #nw-vault-status{font-size:11px;line-height:1.5;margin:0;flex:none;color:#d3b87c}.baant [data-vault-pane]{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;flex:1;padding:2px}.baant [data-vault-pane][hidden],.baant #nw-vault-confirm[hidden]{display:none!important}.baant .nw-vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.baant .nw-vault-card{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:4px 12px;padding:14px;border:1px solid #343b49;background:linear-gradient(135deg,#181e2a,#0c1017);border-radius:12px;min-width:0}.baant .nw-vault-card h3{margin:0;font-size:14px;line-height:1.4}.baant .nw-vault-card strong{font-size:17px;color:#dceaff}.baant .nw-vault-card small{grid-column:2;color:#e8c979}.baant .nw-vault-card button{grid-column:1/-1;margin-top:8px;width:100%;min-height:44px;font-size:12px;padding:8px}.baant .nw-vault-gem{grid-row:1/4;width:54px;filter:drop-shadow(0 4px 12px #6988fd55)}.baant .nw-vault-gem svg{width:100%;display:block}.baant .nw-vault-product{grid-template-columns:72px 1fr}.baant .nw-vault-product img{width:72px;height:80px;object-fit:contain;grid-row:1/3;border-radius:8px;background:#080c14}.baant .nw-vault-product strong{color:var(--outfit-color)}.baant .nw-vault-transaction{display:flex;flex-wrap:wrap;gap:5px 16px;padding:12px;border:1px solid #303743;margin-bottom:8px;border-radius:8px;font-size:12px}.baant .nw-vault-transaction small{width:100%;overflow-wrap:anywhere;color:#9ca8bb}.baant #nw-vault-confirm{flex:none;border:1px solid #e12d53;padding:12px;border-radius:8px;background:#2c0c17}.baant #nw-vault-confirm p{margin:0 0 8px;font-size:13px}.baant .nw-commerce>.nw-muted{font-size:9px;color:#9ba6b8;margin:0;flex:none}.baant .nw-commerce button:active{transform:none!important}.baant .nw-commerce button:focus-visible{outline:2px solid #fff;outline-offset:2px}.baant .nw-commerce button:disabled{opacity:.45;cursor:not-allowed;filter:none}.baant #nw-auth-register input[type=checkbox]{flex:none;width:18px;height:18px;min-height:18px;accent-color:#ef1545}
@media(max-width:480px){.baant .nw-commerce{padding:12px;border-radius:12px;gap:8px}.baant .nw-commerce h2{font-size:19px}.baant .nw-vault-card{grid-template-columns:34px 1fr;padding:10px;gap:4px 6px}.baant .nw-vault-gem{width:34px}.baant .nw-vault-card h3{font-size:11px}.baant .nw-vault-card strong{font-size:14px}.baant .nw-vault-card small{font-size:11px}.baant .nw-vault-product{grid-template-columns:1fr;text-align:center}.baant .nw-vault-product img{grid-row:auto;width:100%;height:100px}.baant .nw-vault-product button{grid-column:auto}.baant .nw-age-choice label{padding:6px 8px;font-size:11px}.baant #nw-account-dialog{padding:14px}.baant #nw-auth-register{padding:12px}.baant .nw-vault-balance>small{width:100%;margin:0}}
@media(orientation:landscape) and (max-height:500px){.baant .nw-commerce{padding:10px;gap:6px}.baant .nw-commerce h2{font-size:17px}.baant .nw-commerce .nw-eyebrow,.baant .nw-commerce>.nw-muted{display:none}.baant .nw-vault-balance{position:absolute;top:10px;right:64px;border:0;padding:0}.baant .nw-vault-balance>small{display:none}.baant .nw-vault-balance>b{font-size:19px}.baant .nw-vault-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.baant .nw-vault-card{grid-template-columns:1fr;text-align:center;padding:8px;gap:2px}.baant .nw-vault-card h3{font-size:10px}.baant .nw-vault-card strong{font-size:13px}.baant .nw-vault-gem{display:none}.baant .nw-vault-card small,.baant .nw-vault-card button{grid-column:auto}.baant .nw-vault-product img{grid-row:auto;height:66px;width:100%}.baant .nw-commerce #nw-vault-confirm{position:absolute;inset:auto 12px 12px;box-shadow:0 -8px 28px #000b}}

.baant #nw-auth-register>label,.baant #nw-auth-register .nw-age-choice label{margin:0!important}.baant #nw-account-dialog>.nw-dialog-head{padding:0 0 10px;margin:0}.baant #nw-account-dialog>.nw-dialog-head h2{margin:0;font-size:20px}.baant #nw-account-dialog>p{margin:7px 0;font-size:11px}.baant #nw-auth-register .nw-age-choice legend{margin-bottom:4px}.baant #nw-auth-register>button{margin:0}.baant #nw-account-dialog .nw-account-tabs{margin:8px 0}.baant #nw-auth-register>input:not([type=hidden]){height:44px;min-height:44px}.baant #nw-account-dialog .nw-auth-grid{margin-top:0}.baant #nw-auth-register .nw-short-notice summary{min-height:34px}

#nw-vault-channels{border:1px solid #39404b;border-radius:10px;margin:0 0 12px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:8px}#nw-vault-channels[hidden]{display:none}#nw-vault-channels label{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px;cursor:pointer}#nw-vault-channels input{accent-color:#ff1747;width:18px;height:18px}

/* Keep payment choices exclusive to top-ups; fit the four packs in the wallet. */
.baant #nw-vault-channels{flex:none;margin:0;padding:4px 10px;gap:4px;font-size:12px}.baant #nw-vault-channels[hidden]{display:none!important}.baant #nw-vault-channels legend{font-size:12px;margin:0;padding:0 4px}.baant #nw-vault-channels label{padding:2px 8px;margin:0;font-size:12px}
.baant #nw-vault-packs .nw-vault-card{padding:10px;gap:2px 8px;grid-template-columns:40px minmax(0,1fr)}.baant #nw-vault-packs .nw-vault-gem{width:40px}.baant #nw-vault-packs .nw-vault-card h3{font-size:13px}.baant #nw-vault-packs .nw-vault-card strong{font-size:16px}.baant #nw-vault-packs .nw-vault-card button{margin-top:4px;padding:6px;min-height:44px}
@media(max-width:480px){.baant #nw-vault-packs .nw-vault-card{grid-template-columns:30px minmax(0,1fr);padding:8px}.baant #nw-vault-packs .nw-vault-gem{width:30px}.baant #nw-vault-packs .nw-vault-card h3{font-size:11px}.baant #nw-vault-packs .nw-vault-card strong{font-size:14px}}
@media(orientation:landscape) and (max-height:500px){.baant #nw-vault-packs .nw-vault-card{grid-template-columns:1fr;padding:6px}.baant #nw-vault-packs .nw-vault-card h3{font-size:10px}.baant #nw-vault-packs .nw-vault-card strong{font-size:13px}.baant #nw-vault-channels label{min-height:36px}}