#online-status { position:fixed; bottom:5px; left:12px; z-index:120; max-width:65vw; font:11px/1.4 var(--body); color:#cadad8; background:#121c24dd; border-radius:4px; padding:3px 7px; pointer-events:none; }
.records-card { width:min(680px,94%); max-height:calc(100% - 24px); padding:20px; background:rgba(17,28,41,.94); overflow:auto; color:var(--cream); scrollbar-width:thin; scrollbar-color:#65798c transparent; }
.records-card h2 { text-transform:uppercase; }
#records-name-form { margin:16px 0 12px; }
#records-message { margin:0 0 12px; }
#records-message:empty { display:none; }
.records-tabs { display:flex; gap:8px; }
.records-tabs button { flex:1; min-height:42px; padding:10px 12px; border:1px solid #65798c; border-radius:5px; background:transparent; color:var(--cream); font:700 11px/1.3 var(--body); letter-spacing:.04em; }
.records-tabs button[aria-pressed="true"] { border-color:var(--amber); color:var(--amber); background:rgba(255,209,102,.08); }
.records-tabs button:hover, #records-pages button:hover:not(:disabled), .records-retry:hover { border-color:var(--amber); color:var(--amber); }
.records-card :is(button,input):focus-visible { outline:2px solid var(--amber); outline-offset:3px; }
.records-board-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:16px 0 6px; }
.records-board-heading h3 { margin:0; font:italic 24px/1.15 var(--display); overflow-wrap:anywhere; }
#records-limit { flex-shrink:0; color:#b9c8d4; font:700 10px/1.4 var(--body); }
#records-table { min-height:64px; }
#records-table table { table-layout:fixed; }
#records-table th, #records-table td { padding:6px 5px; line-height:1.3; }
#records-table th:first-child, #records-table td:first-child { width:36px; }
#records-table th:nth-child(2) { width:40%; }
#records-table th:nth-child(n+3), #records-table td:nth-child(n+3) { text-align:right; white-space:nowrap; }
#records-table tbody tr:first-child { color:inherit; }
#records-table .records-me { background:rgba(255,209,102,.08); color:var(--amber); }
.records-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:36px; margin-top:10px; }
#records-own-place { color:#b9c8d4; font-size:11px; }
#records-pages { display:flex; align-items:center; gap:10px; }
#records-pages[hidden] { display:none; }
#records-pages button { display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #65798c; border-radius:5px; color:var(--cream); background:transparent; }
#records-pages button:disabled { opacity:.35; cursor:default; }
#records-pages svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
#records-page-number { min-width:42px; text-align:center; font-size:11px; font-variant-numeric:tabular-nums; }
.records-retry { padding:9px 14px; border:1px solid #65798c; border-radius:5px; background:transparent; color:var(--cream); font:700 11px var(--body); }
@media(max-width:540px) {
  .records-card { padding:16px; }
  .records-tabs button { padding:10px 6px; font-size:10px; }
  .records-board-heading h3 { font-size:21px; }
  #records-table th, #records-table td { font-size:10px; }
  #records-table th:first-child, #records-table td:first-child { width:25px; }
  #records-table th:nth-child(2) { width:34%; }
}
.account-card { width:min(440px,94%); }
#account-screen { z-index:140; }
#account-hint { margin:18px 0; color:#c5d4de; font:14px/1.5 var(--body); }
#account-bridge iframe { display:block; width:100%; height:142px; border:0; }
#account-name-form { display:grid; gap:12px; }
#account-name-form[hidden] { display:none; }
#account-name-label { font:700 11px/1.4 var(--body); color:#c5d4de; }
#account-name { width:100%; min-height:46px; padding:10px 12px; border:1px solid #96a8b8; border-radius:6px; color:var(--cream); background:rgba(0,0,0,.15); font:16px/1.4 var(--body); caret-color:var(--amber); }
#account-continue { min-height:46px; padding:12px; border:1px solid var(--amber); border-radius:6px; background:transparent; color:var(--amber); font:700 13px/1.4 var(--body); }
#account-continue:hover { background:rgba(255,209,102,.08); }
#account-continue:disabled { opacity:.6; cursor:wait; }
#account-message { margin:12px 0 0; color:var(--cream); font:13px/1.4 var(--body); }
#account-message:empty { display:none; }
#account-retry { margin-top:12px; }
#records-signout { margin-top:12px; }

.menu-title #game-description { display:block; margin-top:18px; color:#c5d4de; font:400 12px/1.4 var(--body); letter-spacing:0; text-transform:none; }