/* Catch the Corgi — online features (social.js). Reuses the game's button/.row/.sel/.sm styles. */
.social{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px}
.social:empty{display:none}
.social p,.lb p{margin:0}
.social .note,.lb .note{font-size:13px;line-height:1.35;color:#b9cdbd;max-width:340px}
.social .warn,.lb .warn{color:#ffb4a8}
.social .big{font-size:17px;font-weight:800;color:#ffd23f;max-width:340px}
.social .fine{font-size:11.5px;line-height:1.35;color:#9fb5a5;max-width:330px}
.social a,.lb a{color:#ffd23f;text-decoration:underline;text-underline-offset:2px}
.links{font-size:12px;color:#9fb5a5}
button.daily{background:transparent;border:2px solid #ffd23f;color:#ffd23f;padding:11px 16px}
button:disabled{opacity:.6;cursor:default}

/* nickname form */
.nick{display:flex;gap:8px;width:100%;max-width:340px}
.nick input{flex:1;min-width:0;font:inherit;font-size:16px;padding:11px 12px;border-radius:12px;border:2px solid #2d6b40;background:#0b1f12;color:#fff;-webkit-user-select:text;user-select:text}
.nick input::placeholder{color:#7f9a86}
.nick input:focus{outline:none;border-color:#ffd23f}
.nick button{padding:11px 14px}

/* ranks after a run */
.ranks{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center;font-size:14px;color:#e1ede4;max-width:360px}
.ranks .rk{white-space:nowrap}
.ranks b{color:#ffd23f;font-size:17px}

/* analytics consent (inside the menu, never covering the Run button) */
.consent{display:flex;flex-direction:column;gap:8px;align-items:center;background:#0b1f12f2;border:1px solid #2d6b40;border-radius:14px;padding:10px 12px}
.consent p{font-size:12.5px;line-height:1.35;color:#e1ede4;max-width:340px}

/* leaderboard overlay (.ov.lb: must beat the game's own .ov rule, which is declared later) */
.ov.lb{background:#0b1f12;justify-content:flex-start;padding:18px 14px 22px;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:5}
.lb h2{font-size:24px}
.lb .tabs{gap:6px}
.lb .tabs button{padding:7px 10px}
.lbList{list-style:none;margin:0;padding:0;width:100%;max-width:420px;display:flex;flex-direction:column;gap:4px}
.lbList li{display:flex;align-items:center;gap:10px;background:#12301c;border-radius:10px;padding:8px 12px;font-size:14px}
.lbList li.me{background:#ffd23f;color:#12301c}
.lbList .pos{font-weight:800;min-width:40px;text-align:left}
.lbList .nm{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;-webkit-user-select:text;user-select:text}
.lbList .sc{font-size:12.5px;opacity:.85;white-space:nowrap}
.lb .mine,.lb .acct{font-size:13px;color:#e1ede4;max-width:400px}
.lb div.acct{display:flex;flex-direction:column;align-items:center;gap:6px}
button.danger{background:#c0392b}
.lb a.dangerLink{color:#ff9b8f}
.lb .nick{max-width:400px}