/* Shared structure, with each game's fonts, colours and metric preserved. */
.daily-page-links { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 22px; padding:0; }
.daily-page-links a { display:flex; flex:1 1 90px; align-items:center; justify-content:center; min-height:44px; padding:8px 10px; border:1px solid currentColor; border-radius:8px; color:inherit; font:inherit; font-size:12px; line-height:1.3; text-align:center; text-decoration:none; }
.daily-page-links a[aria-current="page"] { font-weight:800; box-shadow:inset 0 -3px 0 currentColor; }
.daily-rank-person { display:flex; align-items:center; gap:9px; min-width:0; }
.daily-rank-name { min-width:0; overflow-wrap:anywhere; }
.daily-rank-avatar { position:relative; display:inline-grid; flex:0 0 32px; place-items:center; width:32px; height:32px; overflow:hidden; border-radius:50%; background:#8b809333; color:inherit; font:700 14px/1 system-ui,sans-serif; vertical-align:middle; }
.daily-rank-avatar img { display:block; width:32px!important; height:32px!important; max-width:none!important; margin:0!important; object-fit:cover; border:0; border-radius:50%; }
.daily-rank-avatar [hidden] { display:none!important; }
.daily-rank-position { display:inline-flex; align-items:center; justify-content:center; flex:0 0 30px; min-width:30px; width:30px; height:30px; border:1px solid transparent; border-radius:50%; font:inherit; font-weight:800; font-variant-numeric:tabular-nums; }
.daily-rank-position[data-rank="1"] { background:#f4d77b35; border-color:#b58b20; color:#9b6c08; }
.daily-rank-position[data-rank="2"] { background:#c9d0da40; border-color:#8a939d; color:#606b78; }
.daily-rank-position[data-rank="3"] { background:#d6a77e35; border-color:#b67b4c; color:#995b2e; }
body[data-mode] .daily-rank-position[data-rank="1"],body[data-view] .bb-stage .daily-rank-position[data-rank="1"] { color:#f6d36f; }
body[data-mode] .daily-rank-position[data-rank="2"] { color:#e2e5ed; }
body[data-mode] .daily-rank-position[data-rank="3"] { color:#e7b08a; }
.daily-result-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 24px; margin:0; padding:0; }
.daily-result-links :is(a,button) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:3px 0; border:0; background:transparent; color:inherit; font:inherit; font-size:12px; line-height:1.4; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:360px) { .daily-page-links { gap:5px; } .daily-page-links a { flex-basis:80px; padding-inline:5px; } .daily-rank-person { gap:7px; } }

.leader-table.is-monthly .db-rank-head,.leader-table.is-monthly .db-rank-row{grid-template-columns:32px minmax(0,1fr) auto}.leader-table .db-rank-person{min-width:0}.leader-table .db-rank-score{white-space:nowrap;text-align:right}.result-buttons:has(+ .daily-result-links){display:block}.result-buttons:has(+ .daily-result-links)>button{width:100%}.daily-rank-name small{display:block}.ac-ranking-name{min-width:0;overflow-wrap:anywhere}.rank-person{min-width:0}.rank-person>div{min-width:0;overflow-wrap:anywhere}

/* The same row geometry in every game, retaining the surrounding theme. */
.daily-leaderboard{width:100%;min-width:0;margin:18px 0;background:transparent;color:inherit}
.daily-rank-head,.daily-rank-row.daily-rank-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;box-sizing:border-box}
.daily-rank-head{padding:8px 10px 12px;font-size:11px;font-weight:400;line-height:1.4;color:inherit;opacity:.74}
.daily-rank-head>:last-child{text-align:right;white-space:nowrap}
.daily-rank-row.daily-rank-row{min-height:72px;margin:0 0 8px;padding:12px 10px;border:0;border-bottom:1px solid #948a7945;border-radius:0;background:transparent;color:inherit;font-size:14px;line-height:1.4}
.daily-rank-row.daily-rank-row>*{min-width:0;grid-row:auto}
.daily-rank-row .daily-rank-person,.daily-rank-row .rank-person{display:flex;align-items:center;gap:10px;min-width:0}
.daily-rank-row .daily-rank-name,.daily-rank-row .rank-person>div{min-width:0;font-weight:500;overflow-wrap:anywhere}
.daily-rank-row .rank-person strong{font:inherit}
.daily-rank-row .daily-rank-name small,.daily-rank-row .rank-person small{display:block;margin-top:4px;color:inherit;opacity:.75;font-size:12px;font-weight:400;line-height:1.4}
.daily-rank-row .daily-rank-score{grid-column:3;grid-row:1;justify-self:end;align-self:center;margin:0;white-space:nowrap;text-align:right;font-size:14px;font-weight:700;line-height:1.4;color:inherit;font-variant-numeric:tabular-nums}
.daily-rank-row .daily-rank-score small{font-size:10px}
.daily-rank-row .daily-rank-avatar{flex-basis:34px;width:34px;height:34px}
.daily-rank-row .daily-rank-avatar img{width:34px!important;height:34px!important}
.daily-rank-row .daily-rank-position{min-width:30px;width:30px;height:30px;font-size:14px;white-space:nowrap}
.daily-rank-row.daily-rank-row[data-rank="1"]{border:1px solid #b18b4866;border-radius:11px;background:#b58b201a}
.daily-rank-row.daily-rank-row[data-rank="2"]{border:1px solid #8a939d66;border-radius:11px;background:#8a939d18}
.daily-rank-row.daily-rank-row[data-rank="3"]{border:1px solid #b67b4c66;border-radius:11px;background:#b67b4c1a}
.daily-rank-row.daily-rank-row.daily-rank-own{outline:2px solid #b58b20;outline-offset:2px;border-radius:11px;color:inherit}
body[data-mode] .daily-rank-own,body[data-view] .chronos-ui~* .daily-rank-own,body[data-view=leaderboard] .daily-rank-own{outline-color:#e9d9a0}
body[data-view=leaderboard] .daily-rank-position[data-rank="1"]{color:#edce7b}
body[data-view=leaderboard] .daily-rank-position[data-rank="2"]{color:#d5dce8}
body[data-view=leaderboard] .daily-rank-position[data-rank="3"]{color:#efb794}
/* Light La Chaîne pages keep sufficient medal contrast. */
body:has(.chain-app) .daily-rank-position[data-rank="1"]{color:#855d08}
body:has(.chain-app) .daily-rank-position[data-rank="2"]{color:#56616c}
body:has(.chain-app) .daily-rank-position[data-rank="3"]{color:#8b5129}
body:has(.chain-app) .daily-rank-own{outline-color:#a57921}
.daily-rank-row[data-tone=dark] .daily-rank-position[data-rank="1"]{color:#edce7b}
.daily-rank-row[data-tone=dark] .daily-rank-position[data-rank="2"]{color:#d5dce8}
.daily-rank-row[data-tone=dark] .daily-rank-position[data-rank="3"]{color:#efb794}
.daily-rank-row[data-tone=dark].daily-rank-own{outline-color:#e9d9a0}
@media(max-width:360px){.daily-rank-head,.daily-rank-row.daily-rank-row{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding-inline:7px}.daily-rank-row .daily-rank-person,.daily-rank-row .rank-person{gap:8px}.daily-rank-row.daily-rank-row{font-size:13px}.daily-rank-row .daily-rank-score{font-size:13px}}

.leader-table.is-monthly .daily-rank-head,.leader-table.is-monthly .daily-rank-row{grid-template-columns:34px minmax(0,1fr) auto}

/* The same pastel belongs to the account, independently of the selected portrait. */
.barae-account-backgrounds{border:0;padding:0;margin:0 0 24px;text-align:left;min-width:0}
.barae-account-backgrounds legend{display:block;width:100%;padding:0;margin:0 0 10px;font-size:13px;font-weight:700}
.barae-account-color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.barae-account-page .barae-account-color{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;min-height:32px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--avatar-swatch);color:#39312c;cursor:pointer;box-shadow:inset 0 0 0 1px #39312c16}
.barae-account-color[aria-pressed=true]{border-color:#39312c;box-shadow:0 0 0 2px var(--account-paper,#faf7f0),0 0 0 3px #39312c}
.barae-account-color[aria-pressed=true]::after{content:'✓';font-size:15px;font-weight:800;line-height:1}
.barae-account-background-help{margin:10px 0 0;font-size:11px;line-height:1.5;color:var(--account-muted,#687574)}
.barae-account-portrait,.barae-account-avatar-option,.daily-rank-avatar,.barae-pilot-avatar{background-color:var(--avatar-background-color,#F1E4D1)}
@media(max-width:370px){.barae-account-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.barae-account-page .barae-account-color{max-width:42px;justify-self:center}}