/* Rankings keep the same SLIDE CLUB palette, including during Arcade games. */
#scores-dialog,#public-name-dialog{--ink:#283c35;--paper:#eeece5;--line:#d5d7cc;--muted:#59675f;background:#eeece5;color:#283c35;font-family:'DM Sans',sans-serif;border-color:#d5d7cc}
#scores-dialog h2,#public-name-dialog h2{color:#283c35;font-family:Manrope,sans-serif}
#scores-dialog .arcade-dialog-brand{display:none}
#scores-dialog .eyebrow,#scores-dialog .panel-close,#public-name-dialog .close{color:#283c35}
#scores-dialog .score-tabs{background:#d5d7cc;gap:3px;flex-wrap:nowrap}
#scores-dialog .score-tabs button{font:500 13px 'DM Sans',sans-serif;color:#283c35;padding:8px 2px;white-space:nowrap}
#scores-dialog .score-tabs button[aria-pressed=true]{background:#faf7ef;color:#283c35}
#scores-dialog #leaderboard-status,#scores-dialog .leaderboard-rows span{color:#59675f}
#scores-dialog .leaderboard-section p{font-size:14px;line-height:1.5}
#scores-dialog .leaderboard-rows li,#public-score-rows li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:56px;padding:12px 8px;border-bottom:1px solid #d5d7cc;font-size:17px}
#scores-dialog .leaderboard-rows li strong,#public-score-rows li strong{font-size:17px;overflow-wrap:anywhere}
#scores-dialog .leaderboard-rows li b,#public-score-rows li b{font-size:19px;color:#283c35}
#scores-dialog .leaderboard-rows li.is-you{background:#dce2d3;border-radius:8px}
#scores-dialog .leaderboard-rows li:only-child:not(:has(strong)){display:block;font-size:16px}
.highscore-columns{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:10px 8px;border-bottom:1px solid #d5d7cc;font:500 12px 'DM Sans',sans-serif;text-transform:uppercase;color:#59675f;letter-spacing:.5px}
#daily-score-day-label{display:block;margin-top:18px}#daily-score-day-label[hidden]{display:none}
.highscore-days{display:flex;width:100%;gap:4px;padding:4px;border:1px solid #d5d7cc;border-radius:10px}
.highscore-days button{flex:1;min-height:44px;background:transparent;color:#283c35;border:0;border-radius:7px;font:500 15px 'DM Sans',sans-serif}
.highscore-days button[aria-pressed=true]{background:#283c35;color:#eeece5}
.highscore-date{font-size:14px;color:#59675f;margin:8px 0 16px}.highscore-context{font-size:16px!important;margin:20px 0}
.highscore-personal{background:#dce2d3;border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;margin:12px 0 20px;color:#283c35}.highscore-personal[hidden]{display:none}.highscore-personal>div:last-child{text-align:right}.highscore-personal span{display:block;font-size:14px}.highscore-personal b{font:600 30px Manrope,sans-serif}
#scores-dialog .highscore-rules,.highscore-rules{border-top:1px solid #d5d7cc;margin-top:20px;padding-top:14px;color:#283c35}#scores-dialog .highscore-rules summary,.highscore-rules summary{font-size:14px;min-height:44px;cursor:pointer}.highscore-rules p{font-size:14px;line-height:1.6}
#scores-dialog .text-button,#public-name-dialog .text-button{font:500 14px 'DM Sans',sans-serif;color:#283c35;min-height:44px;background:transparent}
#public-name-dialog select,#public-name-dialog textarea{background:#faf7ef;color:#283c35;font:400 16px 'DM Sans',sans-serif;width:100%;border:1px solid #b1bbae;border-radius:8px;padding:10px;box-sizing:border-box}
#public-name-dialog p,#public-name-dialog label{font-size:14px;line-height:1.5}#public-name-dialog .primary{background:#283c35;color:#eeece5;min-height:44px}#public-name-dialog label{display:block;margin:12px 0 8px}
#public-name-dialog{width:min(440px,calc(100vw - 32px));padding:28px;box-sizing:border-box;border-radius:16px;max-height:calc(100dvh - 32px);overflow:auto}#public-name-dialog::backdrop{background:#17231db3}#public-name-dialog .close{float:right;border:0;background:transparent;font-size:26px;min-width:44px;min-height:44px}#public-name-dialog button:disabled{opacity:.5}
.public-scoreboard{background:#eeece5;color:#283c35}.public-daily-controls{flex-wrap:wrap}.public-daily-controls .highscore-days{order:-1}.public-scoreboard .highscore-rules{margin-bottom:12px}.public-scoreboard #report-a-player,.public-scoreboard #reset-hidden-names{font:500 14px 'DM Sans',sans-serif;min-height:44px;background:none;border:0;color:#283c35;margin-right:16px}
@media(max-width:360px){#scores-dialog{padding:24px 18px}#scores-dialog .score-tabs button{font-size:12px}}
/* Explicit text styles prevent the active game's Arcade theme leaking into rankings. */
#scores-dialog,#public-name-dialog{border:1px solid #d5d7cc!important;box-shadow:0 16px 48px #17231d33!important;outline:none}
#scores-dialog p,#scores-dialog li,#scores-dialog li strong,#scores-dialog label,#public-name-dialog p,#public-name-dialog label{color:#283c35}
#scores-dialog .highscore-date{color:#59675f}
#scores-dialog .leaderboard-rows li>span{font:500 17px 'DM Sans',sans-serif;color:#59675f}
#scores-dialog .leaderboard-rows li>b,#public-score-rows li>b{font:700 19px 'DM Sans',sans-serif;color:#283c35}
#public-name-dialog select,#public-name-dialog textarea{color-scheme:light}

.highscore-top-title{font:600 16px Manrope,sans-serif;margin:20px 0 6px;color:#283c35}.highscore-personal-note{font-size:14px;color:#59675f;margin:-8px 0 18px}

/* The ranking shell stays the same size for every mode and empty/loading state. */
#scores-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));height:min(760px,calc(100dvh - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:28px;overflow:hidden}
#scores-dialog .leaderboard-section{border-radius:0;height:100%;width:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}
#scores-dialog h2{font-size:clamp(28px,5vw,36px);line-height:1.15}
@media(max-width:420px){#scores-dialog{padding:24px 18px}}
@media(max-height:480px){#scores-dialog{padding-block:18px}}