.session-area{display:flex;align-items:center;gap:13px;position:relative;flex-shrink:0;font-size:12px;min-height:35px;white-space:nowrap}.session-area a,.session-area button{font:inherit;text-decoration:none;outline-offset:4px}.session-area a:focus-visible,.session-area button:focus-visible{outline:2px solid #ff925d}.session-login{color:#c6c7c8;padding:8px 2px}.session-login:hover{color:#fff}.session-register{display:inline-flex;align-items:center;justify-content:center;min-width:61px;min-height:34px;border:1px solid #70462d;border-radius:5px;background:#36241a;color:#ffb184;padding:7px 13px}.session-register:hover{background:#493020;color:#ffcca9}.session-account{display:inline-flex;align-items:center;gap:8px;color:#dededf}.session-account:hover{color:#ffb184}.session-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#47301f;border:1px solid #70503a;color:#ffc091;font-size:11px;font-weight:600}.session-logout,.session-status-retry{padding:6px 0;border:0;background:transparent;color:#a3a7ab;cursor:pointer;min-height:34px}.session-logout:hover,.session-status-retry:hover{color:#f3d2b9}.session-logout:disabled{opacity:.5;cursor:default}.session-loading{color:#898d91;font-size:11px}.session-error{position:absolute;top:calc(100% + 9px);right:0;width:240px;white-space:normal;padding:11px 13px;border:1px solid #784934;border-radius:6px;background:#38251c;color:#e8bca1;font-size:11px;line-height:1.7;z-index:60;box-shadow:0 8px 24px #0005}.session-status-retry{font-size:10px!important}.session-area [hidden]{display:none!important}
@media(max-width:900px){.session-area{gap:9px;font-size:11px}.session-register{min-width:51px;padding:6px 9px}.session-avatar{width:24px;height:24px}.session-account{gap:6px}.header-inner:has(>.session-area){gap:23px}.header-inner>.session-area{margin-left:0}}
@media(max-width:650px){.session-area{font-size:10px;gap:8px;min-height:31px}.session-register{min-width:46px;min-height:30px;padding:5px 8px}.session-avatar{width:23px;height:23px;font-size:10px}.session-logout{min-height:31px}.session-account{gap:5px}.session-area .session-error{width:210px}.header-inner:has(>.session-area){grid-template-columns:auto 1fr;column-gap:16px;row-gap:13px}.header-inner>.session-area{grid-column:2;grid-row:1;justify-self:end}.header-inner>.main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;height:28px;gap:27px}.header-inner>.main-nav a.active:after{bottom:-5px}.header-inner>.header-search{grid-row:3}.header-inner>.back-link{display:none}.header-inner>.back-link+.header-search{grid-row:2}.session-area .session-loading{font-size:9px}}

/* Public settings render on the server, including pages without JavaScript. */
.site-announcement { max-width: 1440px; margin: 16px auto 0; padding: 12px 22px; border: 1px solid #604934; border-radius: 10px; background: #291f18; color: #e8c8aa; font-size: 14px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.site-announcement[hidden], .site-support[hidden] { display: none !important; }
.site-support { color: inherit; white-space: nowrap; }
.brand > span:last-child { max-width: 250px; overflow-wrap: anywhere; }
@media (max-width: 650px) { .site-announcement { margin: 12px 16px 0; padding: 10px 14px; font-size: 13px; } .brand > span:last-child { max-width: 150px; } }

.session-wallet{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:6px 10px;border:1px solid #554b40;border-radius:6px;color:#d8bca1;background:#28231f;font-size:11px}.session-wallet.is-recharge{border-color:#895635;color:#ffbd8b;background:#3c291d}.session-wallet:hover{border-color:#bd8052;color:#ffd5af}.session-area .session-status-stale{position:absolute;right:0;top:calc(100% + 3px);padding:3px 7px;min-height:25px;background:#31251c;border:1px solid #755032;border-radius:4px;color:#e9bd9d;z-index:5}
@media(max-width:650px){.session-wallet{min-height:30px;padding:5px 8px;font-size:10px}}
@media(max-width:420px){.session-account>span:last-child{display:none}.session-area{gap:7px}.session-account .session-avatar{display:grid}}

.session-videos{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:6px 10px;border:1px solid #485454;border-radius:6px;background:#232b2b;color:#d6e0dc;font-size:11px}.session-videos:hover{border-color:#81918a;color:#edf5ef;background:#2c3834}
@media(max-width:650px){.session-videos{min-height:30px;padding:5px 8px;font-size:10px}.session-area{gap:7px}}
@media(max-width:420px){.session-area{gap:5px}.session-videos,.session-wallet{padding:5px 7px;font-size:9px}.session-logout{font-size:9px!important}.session-avatar{width:22px;height:22px}.account-header-inner{gap:9px}}

/* Acknowledged session replacement is a one-time dialog, never a header banner. */
.session-replaced-dialog { box-sizing: border-box; width: min(440px, calc(100vw - 32px)); max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 34px 28px 26px; border: 1px solid #45413a; border-radius: 18px; background: #191919; color: #f4f1eb; box-shadow: 0 24px 100px #0009; overflow: auto; text-align: left; }
.session-replaced-dialog::backdrop { background: #000b; backdrop-filter: blur(3px); }
.session-replaced-dialog:not([open]) { display: none; }
.session-replaced-dialog.is-fallback { position: fixed; inset: 0; height: fit-content; z-index: 10001; }
.session-replaced-backdrop { position: fixed; inset: 0; z-index: 10000; background: #000b; }
.session-replaced-title { margin: 5px 0 14px; padding-right: 16px; color: #f4f1eb; font-size: 22px; line-height: 1.55; font-weight: 600; letter-spacing: -.02em; overflow-wrap: anywhere; }
.session-replaced-description { margin: 0; color: #aaa79f; font-size: 14px; line-height: 1.85; white-space: normal; }
.session-replaced-close { position: absolute; top: 9px; right: 10px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #b5b1aa; font-size: 25px; line-height: 1; cursor: pointer; }
.session-replaced-close:hover { background: #ffffff0b; color: #fff; }
.session-replaced-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 27px; }
.session-replaced-confirm, .session-replaced-login { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 0; min-height: 44px; padding: 11px 14px; border: 1px solid #4b463e; border-radius: 9px; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; cursor: pointer; }
.session-replaced-confirm { background: #232220; color: #dedbd4; }
.session-replaced-confirm:hover { border-color: #827665; background: #2a2825; }
.session-replaced-login { background: #e0c48a; border-color: #e0c48a; color: #201b12; }
.session-replaced-login:hover { background: #edd6a9; border-color: #edd6a9; color: #201b12; }
.session-replaced-dialog button:focus-visible, .session-replaced-dialog a:focus-visible { outline: 2px solid #e0c48a; outline-offset: 3px; }
@media (max-width: 390px) {
  .session-replaced-dialog { width: calc(100vw - 24px); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 32px 20px 22px; border-radius: 14px; }
  .session-replaced-title { font-size: 20px; }
  .session-replaced-description { font-size: 13px; }
  .session-replaced-actions { margin-top: 23px; gap: 8px; }
}

/* Welcome-coin badge on the sign-up link (1.8.0). */
.session-register{gap:6px}.session-register-badge{display:inline-block;padding:1px 6px;border-radius:999px;background:#ffb184;color:#2a1a10;font-size:10px;font-weight:600;line-height:1.5;white-space:nowrap}
@media(max-width:480px){.session-register-badge{font-size:9px;padding:1px 5px}}