@charset "UTF-8";
.referral-panel>p{color:var(--muted);max-width:670px;margin-bottom:20px}
.referral-copy{display:flex;gap:10px}.referral-copy input{min-width:0;flex:1}.referral-summary{display:flex;gap:15px 24px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:13px}
.support-launcher{position:fixed;z-index:45;right:22px;bottom:22px;border:1px solid var(--line);background:#2b333c;box-shadow:0 4px 20px #0005;color:#eaecef;min-height:48px;display:flex;align-items:center;gap:9px;padding:12px 17px;border-radius:28px;cursor:pointer;font:inherit;font-size:13px}.support-launcher svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.support-dialog{padding:0;max-width:440px;width:calc(100% - 30px);max-height:min(720px,90dvh);overflow:hidden;margin:auto 20px 20px auto}.support-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);gap:12px}.support-heading h2{font-size:18px;margin:0 0 5px}.support-heading span{font-size:12px}.support-heading .icon-button{flex-shrink:0}
.support-tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px}.support-tools button{font-size:12px}.support-messages{height:min(400px,46dvh);overflow-y:auto;padding:10px 16px;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable}.chat-message{max-width:87%;margin-bottom:12px;padding:10px 13px;border-radius:14px;background:#2b333c;overflow-wrap:anywhere}.chat-message.outgoing{background:#31473f;margin-left:auto}.chat-message p{white-space:pre-wrap;color:var(--text);font-size:14px;margin:5px 0}.chat-message small,.chat-sender{color:#a5b7bb;font-size:11px}.chat-sender{display:block}.support-empty{font-size:13px;color:var(--muted);padding:24px 4px}.support-error:empty{display:none}.support-error{padding:0 16px;font-size:12px;color:var(--muted)}.support-error .notice{display:flex;flex-wrap:wrap;gap:10px}.support-error .notice>span{flex-basis:100%}
#support-send{display:flex;gap:9px;padding:12px 16px 0;align-items:stretch}#support-send textarea{min-height:56px;resize:none;flex:1;min-width:0}#support-send button{align-self:center;padding:12px}.support-caption{font-size:11px;color:var(--muted);padding:10px 16px 16px;margin:0}.support-gate{padding:24px}.support-gate p{margin:15px 0;color:var(--muted)}
/* 2.66: the bottom bar shows up to 980 px (style.css), so the launcher lifts above it at the same breakpoint; below 700 px it is icon-only, and a short landscape phone keeps it compact. */
@media(max-width:980px){.support-launcher{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(max-width:700px){.support-launcher{padding:11px;min-height:44px}.support-launcher span{display:none}.support-dialog{margin:auto;max-height:90dvh}.support-dialog .support-messages{height:min(340px,42dvh)}.referral-copy{flex-wrap:wrap}.referral-copy input{flex-basis:100%}}
@media(max-width:980px) and (orientation:landscape) and (max-height:500px){.support-launcher{padding:9px;min-height:40px}.support-launcher span{display:none}}

.identity-badge,.profile-badge{position:relative;overflow:visible}
.identity-badge.incomplete,.profile-badge.incomplete{color:#717986}
.badge-incomplete-mark{position:absolute;right:-2px;bottom:-1px;width:10px;height:10px;display:grid;place-items:center;border:1px solid #717986;border-radius:4px;background:#181A20;color:#a2a9b3;pointer-events:none}
.badge-incomplete-mark svg{display:block;width:8px;height:8px}

.badge-dialog-emblem.incomplete{color:var(--muted);background:var(--surface)}

.support-heading h2{display:flex;align-items:center;gap:12px}.support-online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2dcc99;margin-right:7px;vertical-align:middle}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-receipt{display:inline-flex;align-items:center;gap:4px;color:#b9c8c8;font-size:11px}.chat-receipt svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.support-send-limit{padding:8px 16px 0;font-size:12px;color:#d6bb78}.support-send-limit:empty{display:none}.support-unread,[data-support-unread]{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;min-width:18px;height:18px;padding:0 5px;background:#e64c63;color:#fff;font-size:10px;line-height:1;font-weight:700}.support-launcher .support-unread{position:absolute;right:1px;top:-3px;border:2px solid #181a20}.support-launcher .support-unread.unread-dot{min-width:11px;width:11px;height:11px;padding:0;right:3px;top:1px}[data-support-unread]{margin-left:auto}.support-unread[hidden],[data-support-unread][hidden]{display:none}.mobile-nav [data-support-unread]{position:absolute;top:3px;right:calc(50% - 26px)}.mobile-nav a:has([data-support-unread]){position:relative}
@media(max-width:700px){.support-launcher .support-unread:not([hidden]){display:inline-flex}}

.community-loading-region{position:relative;min-height:100px}
.community-section-loader{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:var(--surface,#1e2329);color:var(--muted);font-size:13px;text-align:center;border-radius:10px}
.community-section-loader[hidden]{display:none}
.community-section-loader .proof-loading-bar{display:block;width:min(220px,100%);flex:none}
.support-initial-loading{min-height:150px}
.support-heading h2{flex-wrap:wrap;gap:8px}
.support-tier{display:inline-flex;align-items:center;font-size:10px;line-height:1.3;letter-spacing:.09em;border:1px solid currentColor;border-radius:5px;padding:4px 7px;font-weight:600;white-space:nowrap}
.support-heading .support-tier{font-size:9px}
.support-tier[hidden],.support-locked[hidden]{display:none}
.tier-basic{color:#a6b3c4;background:#a6b3c410}.tier-priority{color:#75b8f1;background:#75b8f110}.tier-elite{color:#F0862B;background:#F0862B10}.tier-immune{color:#f2d170;background:#f2d17010}
.support-locked{color:var(--muted);font-size:11px;font-weight:400}
.support-upgrade.icon-button{width:32px;height:32px;padding:6px;border:1px solid currentColor;border-radius:8px;flex:none}
.support-upgrade[hidden]{display:none}.support-upgrade svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.support-upgrade-copy{padding:clamp(18px,4vw,26px);border:1px solid #75b8f126;border-radius:16px;min-width:0;overflow-wrap:anywhere}.support-upgrade-copy>p{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.support-upgrade-copy>p:nth-child(2){color:var(--muted);font-size:14px}
.support-upgrade-progress{display:flex;align-items:baseline;gap:8px 12px;flex-wrap:wrap;margin-top:24px}.support-upgrade-progress strong{font-size:28px}.support-upgrade-progress span{font-size:13px;color:var(--muted)}
.support-upgrade-copy .support-unlock-progress{color:currentColor}.support-upgrade-copy .support-unlock-progress::-webkit-progress-value{background:currentColor}.support-upgrade-copy .support-unlock-progress::-moz-progress-bar{background:currentColor}
.match-notification-stakes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.match-notification-stakes>div{padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}.match-notification-stakes span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.match-notification-stakes strong{font-size:15px;overflow-wrap:anywhere}
@media(max-width:400px){.match-notification-stakes{grid-template-columns:1fr}}
.support-unlock-amounts{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:22px}
.support-unlock-progress{appearance:none;display:block;width:100%;height:6px;border:0;border-radius:5px;overflow:hidden;margin-top:12px;background:var(--line);color:var(--gold,#fcd535)}
.support-unlock-progress::-webkit-progress-bar{background:var(--line);border-radius:5px}.support-unlock-progress::-webkit-progress-value{background:var(--gold,#fcd535);border-radius:5px}.support-unlock-progress::-moz-progress-bar{background:var(--gold,#fcd535);border-radius:5px}
@media(max-width:700px){.support-heading{padding:16px}.support-unlock-amounts{font-size:11px}}

.support-upgrade-copy>p:first-child{margin-top:0}.support-upgrade-copy .support-unlock-amounts{line-height:1.7;gap:8px 20px}.support-upgrade-copy .support-unlock-amounts>span{min-width:0}.support-upgrade-copy .support-unlock-progress{margin-top:18px}
/* 2.67: the Support dialog is a flex column whose message log is the one shrinkable part, so the composer and Send stay inside the dialog's max-height; a short landscape phone trims the heading, tools and caption instead of pushing Send below the fold. */
.support-dialog[open]{display:flex;flex-direction:column}
#support-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.support-message-region{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.support-messages{flex:1 1 auto;height:auto;max-height:min(400px,46dvh);min-height:96px}
@media(max-width:700px){.support-dialog .support-messages{height:auto;max-height:min(340px,42dvh)}}
@media(max-height:500px) and (orientation:landscape){.support-dialog{max-height:calc(100dvh - 12px);margin:6px auto}.support-heading{padding:8px 14px}.support-heading h2{font-size:15px;margin:0}.support-tools{padding:6px 14px}.support-caption{display:none}#support-send{padding-top:8px}#support-send textarea{min-height:40px}}
/* 2.75 (spec §3 Support launcher): a round icon below 1,440 px (the label only from 1,440 px), above the phone bar and its raised Wallet
   button (about 74 px plus the safe area), hidden while More is open. */
@media(max-width:1439px){.support-launcher{padding:12px;border-radius:50%;min-width:48px;justify-content:center}.support-launcher span:not(.support-unread){display:none}}
@media(max-width:980px){.support-launcher{bottom:calc(84px + env(safe-area-inset-bottom))}body:has(.mobile-more[open]) .support-launcher{display:none}}