/* Reuse the original title art and game dialogs. Admin styles remain independent. */
.title-brand { display:flex; flex-direction:column; align-items:center; }
.title-screen--auth .title-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,440px); gap:64px; width:min(1180px,90vw); margin:0; }
.title-screen--auth .title-login { width:100%; margin:0; padding:28px; }
.title-screen--auth .title-cn { font-size:clamp(36px,4.8vw,76px); white-space:nowrap; }
.title-screen--auth .title-en__a { font-size:clamp(13px,1.6vw,25px); }
.title-screen--auth .title-en__b { font-size:clamp(16px,1.9vw,29px); }
.title-screen--auth .title-tag { font-size:14px; max-width:460px; text-align:center; line-height:1.8; }
.account-auth { font-size:14px; }
.account-auth__heading .micro { font-size:11px; letter-spacing:3px; }
.account-auth__heading h2 { font-size:25px; letter-spacing:2px; margin:7px 0; }
.account-auth__heading p { color:var(--text-lo); line-height:1.7; }
.account-tabs { display:flex; gap:4px; margin:22px 0; border-bottom:1px solid var(--line-2); }
.account-tabs button { padding:11px 14px; background:transparent; border:0; border-bottom:2px solid transparent; color:var(--text-lo); font:inherit; cursor:pointer; }
.account-tabs button[aria-selected=true] { color:var(--mint-glow); border-bottom-color:var(--mint-500); background:rgba(23,249,183,.04); }
.account-tabs button:disabled { opacity:.5; cursor:default; }
.account-tabs button:focus-visible,.account-import input:focus-visible { outline:2px solid var(--mint-500); outline-offset:2px; }
.account-auth form { display:grid; gap:16px; }
.account-field .field__label { font-size:13px; margin-bottom:6px; }
.account-field .field__input { font-size:16px; padding:12px; height:46px; }
.account-field .field__box { height:auto; }
.account-auth__register { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.account-field { min-width:0; }
.account-import { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--text-lo); line-height:1.6; }
.account-import input { width:16px; height:16px; accent-color:var(--mint-500); }
.account-error { color:#ffb8a9; min-height:18px; font-size:13px; line-height:1.6; }
.account-auth .btn--xl { height:50px; font-size:17px; letter-spacing:2px; padding:0 16px; }
.account-auth__note { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:16px; color:var(--text-dim); font-size:12px; }
.account-auth__note .icon { width:15px; height:15px; }
.account-welcome { font-size:calc(.24 * var(--t)); text-align:center; }
.account-records { font-size:14px; }
.account-records .btn--sm { height:36px; font-size:14px; padding:0 16px; }
.account-records .micro { font-size:11px; }
.account-profile__identity { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 0 0; }
.account-profile__identity h3 { font-size:28px; margin:6px 0; }
.account-profile__identity span { color:var(--text-lo); }
.account-profile__badge { border:1px solid var(--mint-800); padding:8px 14px; color:var(--mint-500)!important; font-size:12px; letter-spacing:2px; }
.account-records .account-tabs { margin:20px 0 0; }
.account-status { font-size:13px; color:var(--amber); line-height:1.7; min-height:22px; margin:8px 0; }
.account-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.account-stat { padding:20px 16px; border:1px solid var(--line-2); background:linear-gradient(135deg,rgba(23,249,183,.06),transparent); }
.account-stat strong { display:block; color:var(--mint-glow); font-size:32px; margin-bottom:7px; }
.account-stat span { color:var(--text-lo); font-size:13px; }
.account-subhead { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:28px 0 12px; }
.account-subhead h4 { font-size:16px; }
.account-subhead span { color:var(--text-lo); font-size:13px; }
.account-table { width:100%; overflow-x:auto; }
.account-table table { width:100%; border-collapse:collapse; text-align:left; }
.account-table td,.account-table th { border-bottom:1px solid var(--line-2); padding:13px 12px; white-space:nowrap; }
.account-table th { color:var(--text-lo); font-weight:500; }
.account-empty { padding:32px 20px; text-align:center; color:var(--text-lo); border:1px dashed var(--line-2); line-height:1.8; }
.account-profile__hint { font-size:12px; color:var(--text-dim); margin-top:18px; }
.account-match { border-bottom:1px solid var(--line-2); padding:14px 0; }
.account-match summary { display:flex; align-items:center; gap:14px; cursor:pointer; list-style:revert; line-height:1.8; }
.account-match summary>span:nth-child(2) { color:var(--text-lo); flex:1; }
.account-match summary b,.account-win { color:var(--mint-glow); }
.account-match p { color:var(--text-lo); line-height:1.8; margin-top:10px; overflow-wrap:anywhere; }
.account-match__player { padding:16px; background:var(--bg-2); margin-top:12px; }
.account-pages { display:flex; align-items:center; justify-content:center; gap:16px; margin:20px 0 0; }
.account-nickname { display:flex; align-items:flex-end; gap:12px; }
.account-nickname .field { flex:1; }
.account-nickname .field__label { font-size:14px; }
.account-nickname .field__input { height:40px; font-size:16px; }
.account-logout { border-top:1px solid var(--line-2); margin-top:28px; padding-top:20px; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.account-logout p { color:var(--text-lo); }
.sp-account-auth .rotate-hint,.sp-stats-open .rotate-hint { display:none; }
@media(max-width:850px) and (orientation:landscape) {
  .title-screen--auth { overflow-y:auto; justify-content:flex-start; padding:8px 12px; }
  .title-screen--auth .title-main { grid-template-columns:1fr 330px; gap:16px; width:100%; }
  .title-screen--auth .title-brand { justify-content:center; }
  .title-screen--auth .title-cn { font-size:clamp(26px,4.6vw,36px); }
  .title-screen--auth .title-tag { font-size:12px; }
  .title-screen--auth .title-login { padding:14px 20px; }
  .title-screen--auth .title-corner,.title-screen--auth .title-foot { display:none; }
  .title-screen--auth .emblem { margin-bottom:10px; }
  .account-auth__heading h2 { font-size:20px; }
  .account-auth__heading p,.account-auth__note { display:none; }
  .account-auth .account-tabs { margin:10px 0; }
  .account-auth .account-tabs button { padding:6px 12px; }
  .account-auth form { gap:8px; grid-template-columns:1fr 1fr; }
  .account-auth__register,.account-import,.account-error,.account-auth .btn--xl { grid-column:1 / -1; }
  .account-error:empty { display:none; }
  .account-field .field__input { height:36px; }
  .account-auth .btn--xl { height:38px; }
}
@media(orientation:portrait) and (max-width:1024px) {
  .title-screen--auth { overflow:auto; justify-content:flex-start; padding:34px 16px; }
  .title-screen--auth .title-main { display:flex; width:min(440px,100%); gap:24px; flex:none; }
  .title-screen--auth .title-corner,.title-screen--auth .title-foot { display:none; }
  .title-screen--auth .emblem { margin:0 0 12px; }
  .title-screen--auth .emblem__svg { width:45px; height:48px; }
  .title-screen--auth .emblem__bracket { height:58px; width:8px; }
  .title-screen--auth .title-cn { font-size:32px; }
  .title-screen--auth .title-en__a { font-size:12px; }
  .title-screen--auth .title-en__b { font-size:15px; }
  .title-screen--auth .title-tag { font-size:12px; max-width:330px; }
  .title-screen--auth .title-login { padding:22px; }
  .account-records .account-tabs button { padding:12px 7px; font-size:13px; }
  .account-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .account-stat strong { font-size:28px; }
  .account-match summary { flex-wrap:wrap; gap:4px 10px; }
  .account-match summary>span:nth-child(2) { flex-basis:100%; order:3; font-size:12px; }
  .account-nickname { flex-wrap:wrap; }
  .account-nickname .field { flex-basis:100%; }
}

/* The account content shares the official records overlay, without a second modal. */
.account-records { width:min(100%,1100px); margin:0 auto; }
.account-records__tools { display:flex; justify-content:flex-end; margin-top:8px; }
.account-records .account-tabs { flex-wrap:wrap; }
.st-body--account { padding-bottom:max(.3rem,20px); }

.title-screen--auth .title-assets { grid-column:1 / -1; justify-self:center; }