.online-dialog{width:min(440px,94vw);color:var(--text,#edf1fb);background:var(--panel,#141925)}
.online-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.online-dialog-head h2{font:700 28px 'Barlow Condensed',sans-serif;margin:0}.online-dialog-head button{padding:10px 14px}
.online-dialog p{font-size:13px;line-height:1.5;color:var(--muted,#a0abc0)}.online-profile:not([hidden]){display:grid;gap:16px}.online-profile label{display:grid;gap:7px;font-size:12px}.online-profile input,.online-profile select{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid var(--line,#495166);border-radius:6px;color:inherit;background:var(--bg,#10131b);font:inherit}.online-profile-actions{display:flex;gap:8px;flex-wrap:wrap}.online-profile-actions button{min-height:44px}.online-status{min-height:20px}.google-signin{min-height:44px}.online-account{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.global-leaderboard{margin-top:12px}.global-scores{font-size:12px;line-height:1.5;padding:8px 0}.global-score{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line,#303947)}.global-rank{color:var(--cyan,#5cdbed);width:22px}.global-player{min-width:0;flex:1}.global-player strong{display:block;overflow-wrap:anywhere}.global-player small{display:block;color:var(--muted,#97a1b5);font-size:10px}.global-points{text-align:right;display:flex;align-items:center;gap:9px}.global-grade{font:800 22px 'Barlow Condensed',sans-serif;color:var(--cyan,#5cdbed)}.global-grade.grade-SSS,.global-grade.grade-SS,.global-grade.grade-S{color:#ffe37c}.global-grade.grade-A{color:#a6ee82}.global-grade.grade-B{color:#66d8f0}.global-grade.grade-C{color:#be9aff}.global-grade.grade-D{color:#f483a7}.global-periods{display:flex;gap:6px;margin-top:12px}.global-periods button{flex:1;font-size:10px;padding:10px 5px;min-height:40px}.global-periods button[aria-pressed=true]{background:var(--cyan,#5cdbed);color:#101820;border-color:var(--cyan,#5cdbed)}.global-period-note{display:block;margin-top:8px;color:var(--muted,#a0abc0);font-size:10px}
@media(max-width:1024px){.online-account{max-width:110px}.global-leaderboard{grid-column:1/-1}.global-points{gap:5px}.global-score{gap:6px}.global-periods button{min-height:44px}}

.options-account-section{margin-top:24px;padding:20px 0;border-top:1px solid var(--line,#495166)}.options-account-section h3{margin:0 0 8px}.options-account-section p{color:var(--muted,#a0abc0);font-size:13px;margin:0 0 14px}.options-account-section .options-account-button{width:100%;max-width:none;min-height:48px}

.global-signin-prompt{margin-top:14px;padding:14px;border:1px solid var(--cyan);border-radius:6px;background:color-mix(in srgb,var(--cyan) 8%,transparent)}.global-signin-prompt p{margin:0 0 10px;font-size:12px}.global-signin-prompt .online-account{max-width:none;width:100%;min-height:44px;background:var(--cyan);color:#08151c}

.global-grade.grade-SSS{color:#ff80df}
.global-grade.grade-SS{color:#ffd166}
.global-grade.grade-S{color:#bd91ff}
.global-grade.grade-A{color:#69c5ff}
.global-grade.grade-B{color:#8bdf8c}
.global-grade.grade-C{color:#ece8de}
.global-grade.grade-D{color:#b6becd}
.global-grade.grade-E{color:#cfaa89}
.global-grade.grade-F{color:#9399a6}