/* t8548 (3): Vault Register form on iPhone. The page-wide white 48px input style turned the checkbox into a tall pill
   and left the text inputs narrow. Square checkbox, full-width inputs at normal height. */
html body main#vcApp #vcRegForm #vcReg{display:grid;gap:6px;max-width:520px;width:100%;box-sizing:border-box}
html body main#vcApp #vcRegForm #vcReg>label{display:block;margin:6px 0 0}
html body main#vcApp #vcRegForm :is(input[type=email],input[type=password]){display:block;width:100%!important;max-width:none!important;box-sizing:border-box!important;min-height:46px!important;height:46px;padding:0 12px!important;font-size:16px!important}
html body main#vcApp #vcRegForm label:has(input[type=checkbox]),html body main#vcApp #vcRegForm label.vc-adult{display:flex!important;align-items:center;gap:10px;min-height:44px;margin:8px 0 4px;cursor:pointer}
html body main#vcApp :is(input[type=checkbox],input[type=radio]){-webkit-appearance:auto!important;appearance:auto!important;width:22px!important;height:22px!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;flex:none!important;border-radius:4px;background:revert!important;box-shadow:none!important;accent-color:#6fcf3e}
html body main#vcApp #vcRegForm button[type=submit]{width:100%;min-height:46px;margin-top:6px}
/* t8548 (4): Settings > Pages: separate tappable chips that wrap, on every page (tokens.css is not on every page) */
html body .pp-set-pages{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:6px 0 8px!important}
html body .pp-set-pages>a{display:inline-flex!important;align-items:center;min-height:44px;padding:0 14px!important;border-radius:999px;background:var(--pp-tile,#1d3149)!important;border:1px solid var(--pp-tile-border,#3a5878)!important;color:var(--pp-tile-ink,#eaf2fb)!important;-webkit-text-fill-color:var(--pp-tile-ink,#eaf2fb)!important;font:700 15px/1.2 var(--pp-font,system-ui,-apple-system,sans-serif)!important;text-decoration:none!important;white-space:nowrap}
html body .pp-set-pages>a[hidden]{display:none!important}
html body .pp-set-pages>a[aria-current=page]{border-color:var(--pp-badge,#6fcf3e)!important}
/* t8548 (1): Tournaments countdown: fixed width, tabular digits, never wraps, so rows never change height each second */
html body #vcTours .vc-cd{display:inline-block;min-width:11.5ch;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left}
html body #vcTours .vc-when{font-variant-numeric:tabular-nums}
/* t8599 (TestMu, owner design standard t8582): Settings > Pages is an even, centred grid of equal pills (3 across, 2 on
   very narrow phones), the last row centred, on the sheet's own background (no dark panel behind it). */
html body .pp-set-pages{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin:6px 0 10px!important;padding:0!important;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body .pp-set-pages>a{flex:0 0 calc((100% - 16px) / 3)!important;max-width:calc((100% - 16px) / 3)!important;box-sizing:border-box!important;justify-content:center!important;text-align:center!important;padding:4px 6px!important;min-height:46px!important;border-radius:14px!important;font-size:14px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere}
@media (max-width:339px){html body .pp-set-pages>a{flex-basis:calc((100% - 8px) / 2)!important;max-width:calc((100% - 8px) / 2)!important}}
html:not([data-theme="dark"]) body .pp-set-pages>a{background:#eef4fb!important;border:1px solid #c3d3e6!important;color:#13314f!important;-webkit-text-fill-color:#13314f!important;box-shadow:0 1px 0 #c3d3e6!important}
html:not([data-theme="dark"]) body .pp-set-pages>a[aria-current=page]{background:#e3f6da!important;border-color:#3f9a2a!important}
html[data-theme="dark"] body .pp-set-pages>a{background:#1d3149!important;border:1px solid #3a5878!important;color:#eaf2fb!important;-webkit-text-fill-color:#eaf2fb!important}
/* the 19th page, Mom's Mahjong, is its own full-width pink row (the lobby tile's colours), so the grid above stays 3 x 6 */
html body .pp-set-pages>a[href*="mahjong"]{flex:0 0 100%!important;max-width:100%!important;background:linear-gradient(180deg,#ffb3d6,#ff6fae)!important;border:1px solid #e94b93!important;color:#3a0020!important;-webkit-text-fill-color:#3a0020!important;box-shadow:0 2px 0 #c2357a!important}
