/* Tribe colors, used by the buff chip, account corner and profile */
:root{--ember:#ff6b24;--ember-deep:#8f2c17;--tide:#2bb3c0;--tide-deep:#0f4d57}

/* Taglines beside names */
em.tagline{display:block;font-style:italic;font-weight:400;font-size:12px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
td em.tagline{max-width:260px}

/* Account corner: the whole card opens your profile */
.profile-link{width:100%;border:1px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;padding:8px;margin:-8px;border-radius:12px;cursor:pointer;transition:.18s;width:calc(100% + 16px)}
.profile-link:hover,.profile-link:focus-visible{background:rgba(255,255,255,.04);border-color:var(--line)}
.profile-link.current{border-color:rgba(228,185,93,.45);background:rgba(228,185,93,.06)}
.profile-text{min-width:0;flex:1}
.profile-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-buff{width:34px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
body[data-tribe=ember] .avatar{box-shadow:0 0 0 2px var(--ink2),0 0 0 4px var(--ember)}
body[data-tribe=tide] .avatar{background:linear-gradient(135deg,var(--tide),var(--tide-deep));box-shadow:0 0 0 2px var(--ink2),0 0 0 4px var(--tide)}

/* Your tribe, in the top bar on every page */
.tribe-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--bone);font:inherit;cursor:pointer;transition:.18s;margin-left:auto;margin-right:14px}
.tribe-chip img{width:26px;height:32px;object-fit:contain}
.tribe-chip span{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.tribe-chip small{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tribe-chip b{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:16px}
body[data-tribe=ember] .tribe-chip{border-color:rgba(255,107,36,.55);background:linear-gradient(90deg,rgba(255,107,36,.16),transparent)}
body[data-tribe=ember] .tribe-chip b{color:var(--ember)}
body[data-tribe=tide] .tribe-chip{border-color:rgba(43,179,192,.55);background:linear-gradient(90deg,rgba(43,179,192,.16),transparent)}
body[data-tribe=tide] .tribe-chip b{color:var(--tide)}
.tribe-chip:hover{transform:translateY(-1px)}
.tribe-chip[hidden]{display:none}
@media(max-width:640px){.tribe-chip{padding:3px 8px 3px 4px;margin-right:8px}.tribe-chip small{display:none}.tribe-chip b{font-size:14px}.tribe-chip img{width:22px;height:28px}}

/* Profile page */
.profile-page{max-width:560px}
.profile-head{margin-bottom:22px}
.profile-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.profile-title h2{margin:0;overflow-wrap:anywhere}
.profile-status{margin-top:8px;font-size:11px;letter-spacing:.16em;color:var(--muted);font-weight:700}
.profile-quote{margin:10px 0 0;font-style:italic;color:var(--bone);opacity:.85}
.paid-pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;border:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.paid-pill.paid{background:rgba(101,167,118,.16);border-color:rgba(101,167,118,.55);color:var(--green)}
.profile-tribe{display:flex;align-items:center;gap:18px;width:100%;margin-bottom:24px;padding:16px 20px;border-radius:16px;border:1px solid var(--line);background:var(--card);color:var(--bone);text-align:left;font:inherit;cursor:pointer}
.profile-tribe img{width:74px;height:92px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}
.profile-tribe h3{margin:2px 0 2px;font-size:30px}
.profile-tribe .eyebrow{margin:0;text-shadow:none}
.profile-tribe.none{cursor:default}
.profile-tribe.ember{border-color:rgba(255,107,36,.5);background:linear-gradient(110deg,rgba(255,107,36,.18),transparent 70%),var(--card)}
.profile-tribe.ember h3{color:var(--ember)}
.profile-tribe.tide{border-color:rgba(43,179,192,.5);background:linear-gradient(110deg,rgba(43,179,192,.18),transparent 70%),var(--card)}
.profile-tribe.tide h3{color:var(--tide)}
.profile-form{max-width:none}
.profile-form label{margin-top:18px}
.profile-form .tiny{margin:6px 0 0}
.profile-label-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.profile-label-row label{margin-bottom:7px}
.profile-label-row .tiny{margin:0 0 8px}
.profile-label-row .near{color:var(--orange)}
.opt{color:var(--muted);font-weight:400}
.profile-divider{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.profile-save{width:100%;margin-top:24px}
.profile-save:disabled{opacity:.5;cursor:default}
.profile-foot{text-align:center;margin-top:14px!important}
.msg.error{color:var(--red)}
.msg.ok{color:var(--green)}
/* Narrow phones: the chip becomes just the buff (still ringed in tribe color) so the
   top bar keeps its original layout */
@media(max-width:480px){.tribe-chip{padding:3px;margin-right:6px;gap:0}.tribe-chip span{display:none}.tribe-chip img{width:24px;height:30px}
 body[data-tribe=ember] .tribe-chip{box-shadow:0 0 12px rgba(255,107,36,.35)}body[data-tribe=tide] .tribe-chip{box-shadow:0 0 12px rgba(43,179,192,.35)}}
/* The pot, on the Rules page */
.pot-panel b{color:var(--gold)}
.pot-live{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(228,185,93,.35);border-radius:12px;background:rgba(228,185,93,.06);font-size:14px}
.pot-live b{font-size:17px}
/* Sign out: top bar on wider screens, the menu drawer on phones, and the profile page */
.sidebar-signout{display:none}
@media(max-width:640px){.topbar-signout{display:none}.sidebar-signout{display:block;margin:14px 0 0 2px}}
.profile-signout{margin:4px 0 24px;text-align:center}