.header-actions { gap: 10px; }
.wallet-button { display:flex; align-items:center; gap:9px; padding:8px 11px; border:1px solid #3c568b; border-radius:7px; background:linear-gradient(120deg,#192b4e,#122039); text-align:left; }
.wallet-button:hover { border-color:#84a8ff; background:#203c68; }
.wallet-icon { width:24px; height:24px; fill:none; stroke:#a5c7ff; stroke-width:1.5; stroke-linejoin:round; flex-shrink:0; }
.wallet-button>span:nth-child(2) { display:grid; gap:3px; }
.wallet-button small { font-size:6px; letter-spacing:1px; color:#8faada; white-space:nowrap; }
.wallet-button strong { font-family:var(--display); font-size:14px; font-weight:500; color:#d7eaff; line-height:1; }
.wallet-plus { color:#9cbff5; font-size:15px; margin-left:3px; }
.account-button { display:flex; align-items:center; gap:6px; padding:4px 0 4px 5px; }
.account-avatar { --account-color:#8faaff; display:inline-grid; place-items:center; width:34px; height:34px; border:1px solid color-mix(in srgb,var(--account-color) 60%,transparent); background:color-mix(in srgb,var(--account-color) 16%,#14213c); color:var(--account-color); border-radius:50%; font-size:11px; font-weight:600; flex-shrink:0; }
.account-chevron { color:#7f9ac6; font-size:13px; }
.account-button:hover .account-avatar { box-shadow:0 0 0 3px #7b9de818; }
.contests-page .hero { padding-top:43px; }
.contests-page h1 { font-size:54px; letter-spacing:-2.6px; }
.contests-page .hero-description { max-width:735px; margin-inline:auto; font-size:12px; line-height:1.9; }
.lobby-economics strong,.lobby-detail-metrics strong { white-space:nowrap; }
.public-display-name { color:#c5d8f7!important; font-size:11px!important; margin-top:8px!important; }
.public-bio { color:#8da8d0!important; font-size:10px!important; line-height:1.8; max-width:420px; white-space:normal; overflow-wrap:anywhere; margin-top:8px!important; }

.wallet-dialog { width:min(600px,calc(100% - 32px)); padding:31px; background:radial-gradient(ellipse at 85% 5%,#1d3d7030,transparent 50%),#111925; }
.wallet-dialog>.eyebrow { margin:7px 30px 17px 0; }
.wallet-dialog h2 { font-size:34px; margin-right:0; }
.wallet-dialog h2>span { color:#9abbff; }
.wallet-lede { font-size:12px; color:#8ea7ce; line-height:1.9; margin-bottom:23px; }
.wallet-balance-strip { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:14px 16px; border:1px solid #304b76; border-radius:6px; background:#142642; margin-bottom:24px; }
.wallet-balance-strip>span { font-size:11px; color:#8dadd8; }
.wallet-balance-strip strong { color:#d2e6ff; font-family:var(--display); font-size:21px; font-weight:500; }
.wallet-balance-strip small { color:#799bcd; font-size:9px; }
.deposit-label { color:#92abd1; font-size:7px; letter-spacing:1px; margin-bottom:12px; }
.deposit-amount-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.deposit-amount { display:grid; gap:9px; text-align:left; padding:19px 12px 13px; border:1px solid #35496b; border-radius:7px; background:#152137; min-width:0; transition:background .2s,border-color .2s; }
.deposit-amount:hover { background:#1d3051; border-color:#789ee2; }
.deposit-amount.selected { border-color:#749cff; background:linear-gradient(120deg,#263f6c,#192c4e); box-shadow:0 0 0 1px #638cf638; }
.deposit-amount strong { font-family:var(--display); font-size:21px; letter-spacing:-.6px; font-weight:500; color:#e4efff; }
.deposit-amount small { color:#87a7d7; font-size:8px; }
.deposit-amount>span { font-size:6px; letter-spacing:.5px; color:#8caade; border-top:1px solid #344e73; margin-top:7px; padding-top:10px; }
.deposit-amount.selected>span { color:#bed8ff; }
.deposit-order { margin-block:21px 14px; display:flex; justify-content:space-between; gap:20px; padding-block:16px; border-block:1px solid #304969; }
.deposit-order>div { display:grid; gap:8px; }
.deposit-order>div:last-child { text-align:right; }
.deposit-order span { font-size:7px; letter-spacing:.9px; color:#799acb; }
.deposit-order strong { font-family:var(--display); font-size:19px; font-weight:500; color:#d7e7fc; }
.payment-state { font-size:10px; line-height:1.8; color:#a2badd; margin:0 0 15px; padding:10px 12px; background:#1a2a43; border-left:2px solid #587eb9; }
.stripe-checkout:disabled { background:#26395c; border-color:#3c5988; color:#99b5df; opacity:.8; }
.stripe-caption { text-align:center; font-size:9px; line-height:1.8; color:#7597c7; margin:13px 0 0; }
.wallet-dialog .dialog-note { font-size:9px; color:#7796c1; }

.account-dialog { width:min(610px,calc(100% - 32px)); }
.account-dialog .eyebrow { margin-bottom:13px; }
.account-lede { font-size:12px; line-height:1.8; color:#91a9ce; margin:0 0 24px; }
.avatar-editor { display:flex; align-items:center; gap:20px; padding-bottom:23px; margin-bottom:23px; border-bottom:1px solid #304565; }
.account-avatar.large { width:61px; height:61px; font-size:19px; }
.avatar-editor label { font-size:10px; color:#9db9e2; display:block; margin-bottom:11px; }
.avatar-colors { display:flex; gap:9px; flex-wrap:wrap; }
.avatar-color { width:23px; height:23px; border:2px solid transparent; border-radius:50%; font-size:11px; color:#122238; }
.avatar-color[aria-pressed=true] { border-color:#f0f7ff; outline:2px solid #597cb7; outline-offset:2px; }
.account-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:19px 16px; }
.account-full { grid-column:1/-1; }
.account-form-grid label { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; color:#b0caee; margin-bottom:8px; }
.account-form-grid label>small { font-size:8px; color:#6f8fbd; }
.account-dialog input:not([type=checkbox]),.account-dialog textarea,.account-dialog select { width:100%; min-width:0; border:1px solid #39557f; background:#13223b; padding:11px 12px; border-radius:5px; color:#d2e6ff; font:inherit; font-size:12px; }
.account-dialog textarea { resize:vertical; min-height:72px; }
.account-dialog input:focus,.account-dialog textarea:focus,.account-dialog select:focus { border-color:#90b3ff; outline:2px solid #355fa338; }
.account-dialog input::placeholder,.account-dialog textarea::placeholder { color:#6786b3; font-size:10px; }
.account-help { display:block; margin-top:7px; font-size:8px; color:#728fb7; line-height:1.8; }
.account-preferences { margin:23px 0; padding:17px 0; border-block:1px solid #2b4263; }
.account-preferences h3 { font-size:12px; font-weight:500; margin:0 0 18px; }
.account-preferences>label { display:flex; justify-content:space-between; align-items:center; gap:25px; font-size:11px; color:#a1bce2; }
.account-preferences select { width:150px; font-size:10px; padding:9px 10px; }
.clock-preference { margin-top:18px; }
.clock-preference>span { display:grid; gap:6px; }
.clock-preference small { color:#6d8ebd; font-size:9px; }
.clock-preference input { appearance:none; height:20px; width:34px; border:1px solid #4b6590; background:#253954; border-radius:20px; position:relative; cursor:pointer; flex-shrink:0; }
.clock-preference input:before { content:''; width:12px; height:12px; border-radius:50%; background:#8ba6ce; position:absolute; top:3px; left:3px; transition:transform .15s; }
.clock-preference input:checked { background:#315bb0; border-color:#7da4ff; }
.clock-preference input:checked:before { transform:translateX(13px); background:#e2edff; }
.account-dialog .form-error { color:#ff99aa; font-size:11px; margin-bottom:16px; line-height:1.8; }
.account-links { margin-top:15px; border-top:1px solid #2e4464; }
.account-links button { display:flex; justify-content:space-between; align-items:center; gap:15px; width:100%; padding:15px 0; border-bottom:1px solid #2e4464; font-size:11px; color:#9ebfeb; }
.account-links button:hover { color:#d3e5ff; }
.account-dialog .dialog-note { font-size:9px; }

@media(max-width:1100px) {
  .header-inner .wordmark { width:180px; }
  .header-inner .main-tabs { gap:25px!important; }
  .main-tabs .nav-link { font-size:12px; }
  .header-inner { gap:18px; }
  .header-actions { gap:8px; }
  .header-actions .watchlist-button>span:not(.watch-count) { display:none; }
  .header-actions .watchlist-button { padding:10px; }
  .wallet-button { padding:7px 9px; gap:7px; }
  .wallet-button .wallet-icon { width:23px; height:23px; }
  .wallet-button small { font-size:5px; letter-spacing:.7px; }
  .wallet-button strong { font-size:13px; }
  .wallet-plus { font-size:13px; margin-left:0; }
  .account-avatar { width:32px; height:32px; font-size:10px; }
  .account-chevron { display:none; }
}
@media(max-width:760px) {
  .header-inner .wordmark { width:160px; height:37px; }
  .header-inner { gap:9px; }
  .header-inner .main-tabs { gap:42px!important; }
  .header-actions { gap:6px; }
  .wallet-button { padding:7px 8px; gap:5px; min-height:34px; }
  .wallet-button .wallet-icon { width:20px; height:20px; }
  .wallet-button small,.wallet-plus { display:none; }
  .wallet-button strong { font-size:0; }
  .wallet-button strong:after { content:attr(data-compact); font-size:11px; }
  .header-actions .watchlist-button { padding:8px; height:34px; }
  .header-actions .watchlist-button .watch-count { display:none; }
  .account-button { padding-left:1px; }
  .account-avatar { width:30px; height:30px; font-size:9px; }
  .contests-page .hero { padding-top:33px; }
  .contests-page h1 { font-size:40px; letter-spacing:-1.9px; }
  .contests-page .hero-description { font-size:11px; line-height:1.9; }
  .wallet-dialog { padding:25px 20px; }
  .wallet-dialog h2 { font-size:29px; }
  .wallet-lede { font-size:11px; }
  .deposit-amount-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .deposit-amount { padding:15px 14px 12px; gap:7px; }
  .deposit-amount strong { font-size:24px; }
  .deposit-order strong { font-size:17px; }
  .deposit-order span { font-size:6px; }
  .payment-state { font-size:10px; }
  .stripe-checkout { font-size:11px; }
  .stripe-caption { font-size:8px; }
  .account-dialog { padding:25px 21px; }
  .account-dialog h2 { font-size:28px; }
  .account-lede { font-size:11px; }
  .avatar-editor { gap:16px; }
  .account-avatar.large { width:52px; height:52px; font-size:16px; }
  .avatar-colors { gap:9px; }
  .avatar-color { width:21px; height:21px; }
  .account-form-grid { grid-template-columns:1fr; gap:17px; }
  .account-form-grid label { font-size:11px; }
  .account-help { font-size:8px; }
  .account-preferences>label { gap:17px; font-size:10px; }
  .account-preferences select { width:133px; }
  .account-links button { font-size:10px; }
}
@media(max-width:380px) {
  .header-inner .wordmark { width:144px; }
  .header-inner { gap:7px; }
  .header-actions { gap:5px; }
  .wallet-button { padding:7px; }
  .header-actions .watchlist-button { padding:7px; }
  .account-avatar { width:29px; height:29px; }
  .header-inner .main-tabs { gap:32px!important; }
  .contests-page h1 { font-size:36px; }
}
@media(max-width:360px) { .header-inner .wordmark { width:122px; } .header-inner { gap:6px; } }

@media(prefers-reduced-motion:reduce) { .deposit-amount,.clock-preference input:before { transition:none; } }