.crystal-page-nav,.crystal-page-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:12px 0}.crystal-page-nav a,.crystal-page-nav button,.crystal-page-links a,.guide a{color:#b7f4ff}.crystal-page-nav a,.crystal-page-links a{display:inline-block;min-height:44px;padding:10px;font-size:16px}.crystal-page-nav button{min-height:44px;background:#102c3b;border:1px solid #789ba7;padding:10px 16px;font-size:16px;border-radius:4px}#account-notice,#rank-feedback{font-size:16px;line-height:1.7;text-align:center}dialog{color:#f0f8fa;background:#0a1d29;border:1px solid #769da9;border-radius:10px;padding:24px;width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}dialog::backdrop{background:#020810d9}dialog h2{font-size:26px;line-height:1.5}dialog p,dialog label,dialog input,dialog select,dialog button,dialog summary{font-size:16px;line-height:1.65}dialog button,dialog input,dialog select{min-height:44px}dialog .close{color:#f0f8fa;background:#173746;border:1px solid #789ba7;min-width:44px;min-height:44px}dialog a{color:#b7f4ff}.text-zoom dialog p,.text-zoom dialog label,.text-zoom dialog input,.text-zoom dialog select,.text-zoom dialog button,.text-zoom dialog summary,.text-zoom .crystal-page-nav>*{font-size:32px}.text-zoom dialog h2{font-size:48px}.text-zoom dialog{overflow-wrap:anywhere}.text-zoom .dialog-heading{flex-wrap:wrap}.text-zoom .dialog-heading>div{min-width:0;flex:1 1 100%}
/* Preserve readable score headings and real touch targets in the shared dialogs. */
#ranking-dialog th:last-child{white-space:nowrap}dialog .legal-links{display:flex;flex-wrap:wrap;gap:8px}dialog .legal-links a{display:inline-flex;align-items:center;min-height:44px;line-height:1.65}.text-zoom #account-notice{font-size:32px}

[hidden]{display:none!important}.text-zoom #account-dialog h2,.text-zoom #ranking-dialog h2{font-size:48px}.text-zoom .account-form,.text-zoom .ranking-filters{grid-template-columns:minmax(0,1fr)}.text-zoom #ranking-dialog .ranking-filters>*{grid-column:1}.text-zoom #crystal-account-link{font-size:32px}#crystal-account-link{min-height:44px;padding:10px 16px;background:#102c3b;color:#b7f4ff;border:1px solid #789ba7;font-size:16px;border-radius:4px}.text-zoom #account-dialog button:not(.close),.text-zoom #ranking-dialog button:not(.close),.text-zoom #ranking-status,.text-zoom #ranking-dialog th,.text-zoom #ranking-dialog td{font-size:32px}.text-zoom #ranking-dialog td:last-child{font-size:40px}.text-zoom .account-kicker,.text-zoom .form-note{font-size:28px}.text-zoom dialog a{font-size:32px}