.coin-pill {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 999px;
    background: var(--panel); border: 1px solid var(--line);
    color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: 0.3px;
    cursor: pointer; transition: border-color .2s, background .2s;
    font-variant-numeric: tabular-nums;
  }
.coin-pill:hover { border-color: var(--gold); background: rgba(212,178,123,0.08); }
.account-finance-dialog{position:fixed;inset:0;width:min(520px,calc(100% - 24px));height:min(680px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;margin:auto;padding:0;border:1px solid #d7d8c8;border-radius:20px;background:var(--hl-paper,#fbfcf8);color:var(--hl-ink,#1d2530);box-shadow:0 24px 90px #10241844;overflow:hidden;transform:none!important}
.account-finance-dialog[open]{display:flex;flex-direction:column}.account-finance-dialog::backdrop{background:#18251d80;backdrop-filter:blur(4px)}
.account-finance-dialog>header,.account-finance-dialog>footer{flex:none;padding:14px 24px;display:block;margin:0;border:0;border-radius:0;background:transparent;width:auto;max-width:none}
.account-finance-dialog>header span{font:700 10px/1.4 system-ui;letter-spacing:.13em;color:#936900}.account-finance-dialog h2{font:750 24px/1.3 system-ui;margin:6px 0 0}
.account-finance-body{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;padding:0 24px;font:13px/1.6 system-ui}.account-finance-body dl{margin:12px 0}.account-finance-body dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:7px 0;border-bottom:1px solid #e4e5da}.account-finance-body dd{margin:0;text-align:right;font-weight:750;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.account-finance-body dt{color:#5c6862}.account-finance-body small,.account-finance-note{font:12px/1.65 system-ui;color:#5c6862}.account-finance-profit{display:grid;gap:4px;margin:18px 0 12px;padding:14px 16px;border:1px solid #d8dfc9;border-radius:12px;background:#f2f7e9}.account-finance-profit>span{font:700 12px/1.4 system-ui;color:#506151}.account-finance-profit>strong{font:800 25px/1.25 system-ui;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.account-finance-profit>small{display:block}.account-finance-profit[data-state="profit"]>strong{color:#247044}.account-finance-profit[data-state="loss"]{border-color:#e5c7bd;background:#fff3ee}.account-finance-profit[data-state="loss"]>strong{color:#a33a28}.account-finance-profit[data-state="loading"]>strong,.account-finance-profit[data-state="unavailable"]>strong{font-size:18px;color:#68726b}.account-finance-note{padding:12px;background:#f4f3de;border-radius:10px}
.account-finance-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e4e5da}.account-finance-dialog button{min-height:44px;border:1px solid #c8bd99;background:#f4f3de;color:#574714;border-radius:10px;padding:8px 18px;font:700 13px system-ui;cursor:pointer;transform:none}.account-finance-dialog a{color:#936900;font:700 12px/1.5 system-ui}.account-finance-dialog :focus-visible{outline:2px solid #936900;outline-offset:3px}
@media(max-width:420px){.account-finance-dialog>header,.account-finance-dialog>footer{padding:14px 18px}.account-finance-body{padding:0 18px}.account-finance-body dl>div{gap:12px;font-size:12px}.account-finance-dialog h2{font-size:21px}}
.coin-pill .glyph { width: 12px; height: 12px; }
.btn.account { display: inline-flex; align-items: center; gap: 6px; padding: 0; background: transparent; border: none; }
.btn.account .acct-av { width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid rgba(30,40,32,0.12); }
.btn.account .acct-av canvas { width: 34px; height: 34px; image-rendering: pixelated; display: block; }
.btn.account .acct-bal { font-size: 12px; color: var(--gold); font-family: var(--mono); }
.lang-dd { position: relative; display: inline-block; }
.lang-dd-btn {
    display: flex; align-items: center; gap: 6px;
    background: var(--panel2); border: 1px solid var(--line); border-radius: 9px;
    color: var(--txt); cursor: pointer; padding: 10px 14px;
    font-size: 13px; font-weight: 700; letter-spacing: .5px;
    transition: border-color .15s, background .15s;
    white-space: nowrap;
  }
.lang-dd-btn:hover { border-color: var(--green); }
.lang-dd-btn .arrow {
    width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 5px solid var(--dim); transition: transform .15s;
  }
.lang-dd.open .lang-dd-btn .arrow { transform: rotate(180deg); }
.lang-dd-menu {
    position: absolute; top: calc(100% + 6px); right: 0;
    background: var(--panel); border: 1px solid var(--line); border-radius: 9px;
    min-width: 100%; overflow: hidden;
    box-shadow: 0 8px 24px rgba(31,42,31,0.18);
    opacity: 0; transform: translateY(-4px); pointer-events: none;
    transition: opacity .15s, transform .15s;
    z-index: 100;
  }
.lang-dd.open .lang-dd-menu { opacity: 1; transform: translateY(0); pointer-events: auto; }
.lang-dd-item {
    display: block; padding: 9px 14px; cursor: pointer; color: var(--txt);
    font-size: 12px; font-weight: 600; white-space: nowrap;
    transition: background .12s;
  }
.lang-dd-item:hover { background: var(--panel2); }
.lang-dd-item.on { background: rgba(111,211,168,.12); color: var(--green); }
.lang-dd-item .check { float: right; opacity: 0; }
.lang-dd-item.on .check { opacity: 1; }
.acct-dd { position: relative; display: inline-block; }
.acct-dd-menu {
    position: absolute; top: calc(100% + 6px); right: 0;
    background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
    width: 250px; overflow: hidden;
    box-shadow: 0 10px 34px rgba(31,42,31,0.20);
    opacity: 0; transform: translateY(-4px); pointer-events: none;
    transition: opacity .15s, transform .15s; z-index: 100;
  }
.acct-dd.open .acct-dd-menu { opacity: 1; transform: translateY(0); pointer-events: auto; }
.acct-head {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 10px 12px; border-bottom: 1px solid var(--line);
  }
.acct-av-mini {
    flex-shrink: 0;
    width: 32px; height: 32px;
    background: var(--panel2);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 0; cursor: pointer;
    transition: border-color .12s, transform .12s;
    overflow: hidden;
  }
.acct-av-mini:hover { border-color: var(--green); }
.acct-av-mini:active { transform: scale(.94); }
.acct-av-mini canvas { width: 100%; height: 100%; image-rendering: pixelated; display: block; }
.acct-av-mini.is-empty { color: var(--dim); font-size: 11px; line-height: 30px; }
.acct-nick {
    flex: 1 1 auto; min-width: 0;
    background: transparent; border: 1px solid transparent; border-radius: 6px;
    color: var(--txt); font-size: 12px; font-weight: 700; letter-spacing: .3px;
    padding: 4px 6px; outline: none; transition: border-color .12s, background .12s;
  }
.acct-nick:hover { border-color: var(--line); }
.acct-nick:focus { border-color: var(--green); background: var(--panel2); }
.acct-nick::placeholder { color: var(--dim); font-weight: 500; }
.acct-num {
    flex-shrink: 0; color: var(--gold); font-size: 11px; font-weight: 700;
    padding: 2px 6px; background: rgba(212,178,123,.10); border-radius: 6px;
  }
.acct-addr { color: var(--dim); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.acct-logout {
    flex-shrink: 0; background: transparent; border: 1px solid var(--line);
    color: var(--dim); border-radius: 7px; padding: 4px 8px; font-size: 11px; cursor: pointer;
    transition: color .12s, border-color .12s;
  }
.acct-logout:hover { color: var(--txt); border-color: var(--dim); }
.acct-list-label {
    padding: 8px 12px 4px; font-size: 10px; font-weight: 700; letter-spacing: .5px;
    color: var(--dim); text-transform: uppercase;
  }
.acct-list { max-height: 280px; overflow-y: auto; }
.acct-item {
    display: flex; align-items: center; gap: 8px; padding: 6px 10px;
    transition: background .12s;
  }
.acct-item:hover { background: var(--panel2); }
.acct-item .aav {
    width: 32px; height: 32px; flex-shrink: 0; border-radius: 8px;
    display: flex; align-items: center; justify-content: center; overflow: hidden;
    border: 1px solid var(--line);
  }
.acct-item .aav canvas { width: 32px; height: 32px; image-rendering: pixelated; display: block; }
.acct-item .aifo { flex: 1; min-width: 0; }
.acct-item .aid { color: var(--gold); font-size: 12px; letter-spacing: .3px; }
.acct-item .aname { color: var(--txt); font-size: 11px; }
.acct-item .aacts { display: flex; gap: 4px; flex-shrink: 0; }
.acct-mini {
    background: var(--panel2); border: 1px solid var(--line); color: var(--dim);
    border-radius: 6px; padding: 3px 7px; font-size: 10px; cursor: pointer; white-space: nowrap;
    transition: color .12s, border-color .12s, background .12s;
  }
.acct-mini:hover { border-color: var(--green); color: var(--green); }
.acct-mini.on { background: rgba(111,211,168,.12); color: var(--green); border-color: var(--green); }
.acct-empty { padding: 16px 12px; text-align: center; color: var(--dim); font-size: 12px; }
.coin-pill { padding: 5px 9px; font-size: 11px; gap: 4px; }
.lang-dd-btn,.mint-random-btn,.acct-logout { min-height: 44px; }
.lang-dd-menu,.acct-dd-menu { visibility: hidden; }
.lang-dd.open .lang-dd-menu,.acct-dd.open .acct-dd-menu { visibility: visible; }
.lang-dd-item { display: block; width: 100%; border: 0; text-align: start; background: transparent; font: inherit; min-height: 40px; }
.coin-pill { font-size: 10px; padding: 5px; }
.acct-dd-menu { width: min(280px,calc(100vw - 30px)); right: -54px; }
/* Navigation controls retain the home sizing inside scene pages. */
.shared-theme nav.app-nav .coin-pill{min-height:30px;padding:5px 10px;border:1px solid #9a7508;border-radius:999px;background:#faf7e9;color:#967000;font-size:12px;gap:6px;box-shadow:none}
.shared-theme nav.app-nav #acctBtn{padding:0;min-height:34px;min-width:34px;background:transparent;border:0;box-shadow:none}
.shared-theme nav.app-nav #acctBtn canvas{width:28px;height:28px;border-radius:8px;image-rendering:pixelated}
.shared-theme nav.app-nav .acct-dd-menu,.shared-theme nav.app-nav .lang-dd-menu{background:var(--hl-paper,#fbfcf8);color:var(--hl-ink,#1d2530);border:1px solid var(--hl-line,rgba(30,40,32,.12))}
.shared-theme nav.app-nav .acct-dd-menu{width:320px;max-width:calc(100vw - 32px)}
.shared-theme nav.app-nav .acct-head button{min-height:32px;padding:4px 7px;font-size:11px;white-space:nowrap}
.shared-theme nav.app-nav .acct-head .acct-av-mini{padding:0;min-width:32px;background:var(--hl-secondary)}
.shared-theme nav.app-nav .acct-nick{width:80px;font-size:12px;padding:4px;min-width:0;background:transparent}
.shared-theme nav.app-nav .acct-empty{padding:8px 12px 14px;font-size:11px;color:var(--hl-muted)}
.shared-theme nav.app-nav .lang-dd-item{display:flex;justify-content:space-between;border:0;border-radius:0;width:100%;min-height:38px;gap:12px;background:transparent;font-size:12px;padding:8px 14px}
.shared-theme nav.app-nav .lang-dd-item.on{background:var(--hl-active);color:var(--hl-brand)}
.shared-theme nav.app-nav .lang-dd-btn{gap:6px;min-height:44px}
@media(max-width:760px){.shared-theme nav.app-nav .coin-pill{font-size:10px;padding:4px 6px}.shared-theme nav.app-nav .nav-right{gap:5px}.shared-theme nav.app-nav .acct-dd-menu{right:-50px}.shared-theme nav.app-nav .lang-dd-btn{padding:8px;min-width:48px}}
.account-recovery{width:min(430px,calc(100vw - 32px));border:1px solid var(--hl-line);border-radius:16px;padding:24px;background:var(--hl-paper,#fbfcf8);color:var(--hl-ink,#1d2530);font-family:var(--hl-font);box-shadow:0 20px 80px #0004}.account-recovery::backdrop{background:#14252d88}.account-recovery h2{font:700 21px var(--hl-font);margin:0 0 12px}.account-recovery p{font:13px/1.7 var(--hl-font);color:var(--hl-muted)}.recovery-list{display:grid;gap:8px;margin:18px 0;max-height:40vh;overflow:auto}.recovery-list button{display:flex;align-items:center;gap:12px;padding:12px;background:var(--hl-secondary);color:var(--hl-ink);border:1px solid var(--hl-line);border-radius:10px;cursor:pointer;text-align:left}.recovery-list canvas{width:40px;height:40px;image-rendering:pixelated}.account-recovery>button{padding:9px 16px;background:var(--hl-secondary);border:1px solid var(--hl-line);border-radius:9px;cursor:pointer;color:var(--hl-ink)}
.nav-right .nav-x-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;box-sizing:border-box;border:1px solid var(--line,#d5dbd1);border-radius:9px;background:var(--panel2,#eff1e9);color:var(--txt,#24332c);font:700 22px system-ui,sans-serif;text-decoration:none}
.nav-right .nav-x-link:hover{background:#dceee1;color:#246346}
.nav-right .nav-x-link:focus-visible{outline:2px solid #2d996a;outline-offset:3px}
@media(max-width:400px){nav:has(.nav-x-link) .logo b,nav:has(.nav-x-link) .brand b{display:none}nav:has(.nav-x-link) .nav-right{gap:5px}}
/* Profile fields keep separate space for the nickname, character ID and address. */
body.shared-theme nav.app-nav #acctDD .acct-dd-menu {
  width: 336px; max-width: calc(100vw - 32px); padding: 0;
  border-radius: 18px; box-shadow: 0 16px 44px #10241824;
  max-height: calc(100dvh - 96px); overflow: auto;
}
#acctDD .acct-head,body.shared-theme nav.app-nav #acctDD .acct-head {
  display: grid; grid-template-columns: 54px minmax(0,1fr) auto; grid-template-rows: auto;
  gap: 12px; align-items: center; padding: 16px; border-bottom: 1px solid var(--hl-line,var(--line));
}
#acctDD #acctAvHead,body.shared-theme nav.app-nav #acctAvHead {
  grid-column: 1; grid-row: 1; width: 54px; height: 54px; min-width: 54px;
  padding: 7px; border-radius: 14px; background: #efedf5; border: 1px solid #dcd8e7;
}
#acctDD .acct-identity { grid-column: 2; min-width: 0; display: grid; gap: 5px; }
#acctDD #acctIdentityLabel,#acctDD #acctNickLabel,#acctDD #acctAddressLabel {
  color: var(--hl-muted,var(--dim)); font-size: 11px; font-weight: 500; line-height: 1.5;
}
#acctDD #acctNum,body.shared-theme nav.app-nav #acctNum {
  grid-column: auto; grid-row: auto; justify-self: start; padding: 3px 7px;
  color: var(--hl-ink,var(--txt)); background: var(--hl-secondary,var(--panel2));
  border-radius: 6px; font-size: 12px; line-height: 1.4; overflow-wrap: anywhere;
}
#acctDD #acctLogout,body.shared-theme nav.app-nav #acctLogout {
  grid-column: 3; grid-row: 1; min-height: 44px; padding: 0 10px; border-radius: 10px;
  font-size: 12px; background: var(--hl-secondary,var(--panel2)); color: var(--hl-ink,var(--txt));
}
#acctDD #acctLogout:hover { background: #f5e8e2; border-color: #cba698; }
#acctDD .acct-avatar-picker { padding: 12px 14px 14px; border-bottom: 1px solid var(--hl-line,var(--line)); background: color-mix(in srgb,var(--hl-secondary,var(--panel2)) 62%,transparent); }
#acctDD .acct-avatar-picker[hidden] { display: none !important; }
#acctDD .acct-avatar-picker-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; color: var(--hl-muted,var(--dim)); font-size: 11px; line-height: 1.4; }
#acctDD .acct-avatar-picker-head strong { color: var(--hl-ink,var(--txt)); font-size: 12px; }
#acctDD .acct-avatar-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; max-height: 214px; overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
#acctDD .acct-avatar-option { min-width: 0; min-height: 72px; padding: 5px 3px 4px; display: grid; justify-items: center; gap: 2px; border: 1px solid var(--hl-line,var(--line)); border-radius: 10px; background: var(--hl-paper,var(--panel)); color: var(--hl-ink,var(--txt)); cursor: pointer; }
#acctDD .acct-avatar-option:hover { border-color: var(--hl-brand,#51733b); background: var(--hl-secondary,var(--panel2)); }
#acctDD .acct-avatar-option[aria-selected=true] { border-color: #6d9a35; box-shadow: inset 0 0 0 2px #a9ca3655; background: #f1f7dd; }
#acctDD .acct-avatar-option canvas { width: 48px; height: 48px; display: block; image-rendering: pixelated; }
#acctDD .acct-avatar-option small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 9px/1.2 var(--mono,monospace); }
#acctDD .acct-nick-field { display: grid; gap: 6px; padding: 14px 16px 0; margin: 0; }
#acctDD .acct-nick-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
#acctDD #acctNickSave { min-height: 44px; padding: 0 14px; border: 1px solid var(--hl-line,var(--line)); border-radius: 9px; background: var(--hl-secondary,var(--panel2)); color: var(--hl-ink,var(--txt)); font-size: 13px; cursor: pointer; }
#acctDD #acctNickSave:disabled { cursor: default; opacity: .6; }
#acctDD #acctNickStatus { min-height: 30px; margin: 0; font-size: 11px; line-height: 15px; color: var(--hl-muted,var(--muted)); }
#acctDD #acctNickStatus[data-state="error"] { color: #a53c2d; }
#acctDD #acctNick,body.shared-theme nav.app-nav #acctNick {
  grid-column: auto; grid-row: auto; box-sizing: border-box; width: 100%; min-height: 44px; height: 44px;
  padding: 9px 11px; font-size: 16px; font-weight: 600; letter-spacing: 0;
  border: 1px solid var(--hl-line,var(--line)); border-radius: 9px; background: var(--hl-paper,var(--panel));
}
#acctDD .acct-wallet { padding: 14px 16px 0; }
#acctDD .acct-wallet-row { display: flex; gap: 9px; align-items: center; margin-top: 7px; }
#acctDD #acctWalletAddress {
  flex: 1; min-width: 0; padding: 8px 10px; border-radius: 8px;
  background: var(--hl-secondary,var(--panel2)); color: var(--hl-ink,var(--txt));
  font: 11px/1.6 var(--mono,monospace); white-space: normal; overflow-wrap: anywhere;
  word-break: break-word; user-select: text; -webkit-user-select: text; cursor: text;
}
#acctDD #acctCopyAddress {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  min-width: 62px; min-height: 44px; padding: 7px 10px; border: 1px solid var(--hl-line,var(--line));
  border-radius: 9px; background: var(--hl-paper,var(--panel)); color: var(--hl-ink,var(--txt));
  font: 600 12px var(--hl-font,system-ui); white-space: nowrap; cursor: pointer;
}
#acctDD #acctCopyAddress:hover { border-color: var(--hl-brand,#51733b); background: var(--hl-secondary,var(--panel2)); }
#acctDD #acctCopyAddress:disabled { opacity: .45; cursor: default; }
#acctDD #acctCopyStatus { min-height: 17px; margin: 5px 0 0; color: var(--hl-muted,var(--dim)); font-size: 11px; line-height: 1.5; }
#acctDD #acctCopyStatus[data-state=success] { color: #387c48; }
#acctDD #acctCopyStatus[data-state=error] { color: #a84b36; }
#acctDD :is(button,input,code):focus-visible { outline: 2px solid #51733b; outline-offset: 2px; }
body.shared-theme nav.app-nav #acctDD .acct-list-label {
  display: flex; align-items: center; gap: 7px; padding: 10px 16px 0;
  font-size: 11px; line-height: 18px; letter-spacing: 0; text-transform: none; color: var(--hl-ink);
}
body.shared-theme nav.app-nav #acctDD .acct-list-label::before {
  content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #6d8a51;
}
body.shared-theme nav.app-nav #acctSessionInfo { padding: 4px 16px 14px 29px; text-align: left; font-size: 11px; line-height: 1.6; color: var(--hl-muted); }
@media(max-width:420px){
  #acctDD .acct-head,body.shared-theme nav.app-nav #acctDD .acct-head { gap: 9px; padding: 14px; }
  #acctDD .acct-avatar-picker { padding-inline: 12px; }
  #acctDD .acct-avatar-options { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
  #acctDD .acct-nick-field { padding: 12px 14px 0; }
  #acctDD .acct-wallet { padding: 12px 14px 0; }
}

/* Status reflects the remembered/server account; wallet connectivity is separate. */
body.shared-theme nav.app-nav #acctDD .acct-dd-menu[data-session-state] .acct-list-label::before {
  width: 7px; height: 7px; flex-basis: 7px; background: #bd4d43;
  box-shadow: 0 0 0 3px #bd4d4314; animation: account-status-breathe 2.6s ease-in-out infinite;
}
body.shared-theme nav.app-nav #acctDD .acct-dd-menu[data-session-state=earning] .acct-list-label::before { background: #388549; box-shadow: 0 0 0 3px #38854918; }
@keyframes account-status-breathe { 0%,100% { opacity: .65; } 50% { opacity: 1; } }
@media(prefers-reduced-motion:reduce){body.shared-theme nav.app-nav #acctDD .acct-dd-menu[data-session-state] .acct-list-label::before { animation: none; }}

body.shared-theme nav.app-nav #acctDD .acct-dd-menu[data-session-state=test] .acct-list-label::before { background: #388549; box-shadow: 0 0 0 3px #38854918; }
body.shared-theme nav.app-nav #acctDD .acct-dd-menu[data-session-state=remembered] .acct-list-label::before { background: #d89a22; box-shadow: 0 0 0 3px #d89a2220; }
nav.app-nav #coinPill[data-balance-mode=test] { display:inline-flex; flex-direction:column; gap:0; padding:4px 9px; min-height:36px; line-height:1.25; }
nav.app-nav #coinPill[data-balance-mode=test] .test-balance-caption { font-size:9px; font-weight:500; }
nav.app-nav #coinPill[data-balance-mode=test] strong { font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
nav.app-nav .acct-local-recovery { border:0; background:transparent; color:var(--hl-muted,var(--dim)); font:inherit; font-size:11px; padding:4px; min-height:36px; cursor:pointer; }
nav.app-nav .acct-local-recovery[hidden] { display:none; }
nav.app-nav .acct-local-recovery:hover { color:var(--hl-ink,var(--txt)); text-decoration:underline; }
.environment-badge{position:absolute;top:-6px;right:0;display:block;margin:0;padding:0;border:0;background:transparent;color:#a65b16;font:800 7px/1 Arial,'Microsoft YaHei',sans-serif;letter-spacing:.08em;white-space:nowrap;pointer-events:none}

body.shared-theme nav.app-nav #acctDD .acct-dd-menu[data-session-state=reconnecting] .acct-list-label::before {background:#dfa52b;box-shadow:0 0 0 3px #dfa52b20;}

.acct-billing-link{display:flex;align-items:center;min-height:44px;margin:10px 0;padding:0 12px;background:#eef4e6;color:#244b32;border:1px solid #d2deca;border-radius:10px;text-decoration:none;font-weight:700}.acct-billing-link:hover{background:#e1edcf}
.acct-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 16px 3px}
.acct-wallet-actions>button{display:flex;align-items:center;gap:9px;min-width:0;min-height:58px;padding:10px;border:1px solid var(--hl-line,var(--line));border-radius:11px;background:var(--hl-secondary,var(--panel2));color:var(--hl-ink,var(--txt));text-align:left;cursor:pointer}
.acct-wallet-actions>button:hover{border-color:var(--hl-brand,#51733b);background:#eef4e6}
.acct-wallet-actions>button>span:first-child{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#d9f76e;color:#173d29;font-size:18px;font-weight:800}
.acct-wallet-actions>button>span:last-child{display:grid;gap:2px;min-width:0}
.acct-wallet-actions b{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.acct-wallet-actions small{color:var(--hl-muted,var(--dim));font-size:9px;line-height:1.35}
.account-funds-dialog{position:fixed!important;inset:0!important;width:min(460px,calc(100vw - 30px));height:fit-content!important;max-height:calc(100dvh - 30px);margin:auto!important;padding:0;border:1px solid #cfd9c7;border-radius:20px;background:#fbfcf8;color:#1f3528;box-shadow:0 24px 90px #10241855;overflow:auto;float:none!important;transform:none!important}
.account-funds-dialog::backdrop{background:#122b2480;backdrop-filter:blur(4px)}
.account-funds-dialog>div{padding:26px}
.account-funds-eyebrow{display:block;color:#708068;font-size:10px;font-weight:800;letter-spacing:.14em}
.account-funds-dialog h2{margin:8px 0 7px;font:750 24px/1.25 var(--hl-font,system-ui)}
.account-funds-dialog h2+p{margin:0 0 18px;color:#6c7868;font:13px/1.6 var(--hl-font,system-ui)}
.account-funds-methods{display:grid;gap:9px;margin:0 0 16px}.account-funds-methods>strong,.account-funds-destination>span{color:#60705d;font:800 11px/1.4 var(--hl-font,system-ui)}
.account-funds-methods>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-funds-methods button{display:grid;gap:3px;min-height:68px;padding:10px 11px;border:1px solid #d7dfd1;border-radius:11px;background:#f3f6ef;color:#263c2c;text-align:left;cursor:pointer}.account-funds-methods button[aria-pressed=true]{border-color:#527442;background:#eaf3dc;box-shadow:inset 0 0 0 1px #527442}.account-funds-methods b{font:750 12px/1.4 var(--hl-font,system-ui)}.account-funds-methods small{color:#6c7868;font:10px/1.45 var(--hl-font,system-ui)}
.account-funds-destination{display:grid;gap:7px}.account-funds-dialog code{display:block;padding:11px 13px;border:1px solid #dce3d7;border-radius:10px;background:#f0f3eb;font:12px/1.6 var(--mono,monospace);overflow-wrap:anywhere}.account-funds-destination p{margin:0;color:#71806e;font:11px/1.55 var(--hl-font,system-ui)}
.account-funds-notice{margin:16px 0;padding:13px 14px;border-radius:11px;background:#f6f0de;color:#685d37;font:12px/1.65 var(--hl-font,system-ui)}
.account-funds-controls{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.account-funds-controls button{min-height:44px;padding:8px 15px;border:1px solid #d0dac9;border-radius:10px;background:#f2f5ed;color:#273d2d;font:700 12px var(--hl-font,system-ui);cursor:pointer}
.account-funds-controls .account-funds-primary{background:#cff446;border-color:#cff446}
.account-funds-controls button:disabled{opacity:.62;cursor:not-allowed}
.account-funds-dialog :focus-visible,.acct-wallet-actions>button:focus-visible{outline:2px solid #51733b;outline-offset:2px}
.account-wallet-connect{position:fixed!important;inset:0!important;width:min(470px,calc(100vw - 30px));height:fit-content!important;max-height:calc(100dvh - 30px);margin:auto!important;padding:0;border:1px solid #cfd9c7;border-radius:20px;background:#fbfcf8;color:#1f3528;box-shadow:0 24px 90px #10241855;overflow:auto;float:none!important;transform:none!important}.account-wallet-connect::backdrop{background:#122b2480;backdrop-filter:blur(4px)}.account-wallet-connect>div{padding:26px}.account-wallet-connect h2{margin:8px 0 7px;font:750 24px/1.25 var(--hl-font,system-ui)}.account-wallet-connect h2+p{margin:0 0 18px;color:#6c7868;font:13px/1.6 var(--hl-font,system-ui)}
.account-wallet-connect-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-wallet-connect-list button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;min-height:60px;padding:9px 11px;border:1px solid #d7dfd1;border-radius:11px;background:#f3f6ef;color:#263c2c;text-align:left;cursor:pointer}.account-wallet-connect-list button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;align-self:center;border-radius:9px;background:#e6eddf;font:800 13px/1 var(--hl-font,system-ui)}.account-wallet-connect-list b{align-self:end;font:750 12px/1.35 var(--hl-font,system-ui)}.account-wallet-connect-list small{color:#6c7868;font:10px/1.35 var(--hl-font,system-ui)}.account-wallet-connect-list button:hover,.account-wallet-connect-list button:focus-visible{border-color:#527442;background:#eaf3dc}.account-wallet-connect-list button:disabled{opacity:.58;cursor:wait}.account-wallet-connect-list button[data-loading=true]{border-color:#527442;background:#eaf3dc}.account-wallet-connect-status{min-height:20px;margin:13px 0;color:#6a5330;font:12px/1.55 var(--hl-font,system-ui)}.account-wallet-connect>div>button:last-child{min-height:44px;padding:8px 15px;border:1px solid #d0dac9;border-radius:10px;background:#f2f5ed;color:#273d2d;font:700 12px var(--hl-font,system-ui);cursor:pointer}
@media(max-width:420px){.acct-wallet-actions{padding:12px 14px 3px}.account-funds-dialog>div{padding:21px}.account-funds-dialog h2{font-size:21px}.account-funds-methods>div{grid-template-columns:1fr}.account-funds-methods button{min-height:58px}}
@media(max-width:420px){.account-wallet-connect>div{padding:21px}.account-wallet-connect h2{font-size:21px}.account-wallet-connect-list{grid-template-columns:1fr}}
/* Claim notices do not change route widths or shift the active navigation. */
body.shared-theme nav.app-nav .links>a[data-nav-item="land"]{position:relative}
body.shared-theme nav.app-nav .land-claim-badge{position:absolute;top:1px;right:1px;display:grid;place-items:center;box-sizing:border-box;min-width:11px;height:11px;padding:0 2px;border-radius:6px;background:#bf503b;color:#fff;font:600 8px/1 system-ui,sans-serif;letter-spacing:0;pointer-events:none}
body.shared-theme nav.app-nav .land-claim-badge[hidden]{display:none}
/* One information row above an independent, evenly distributed route row. */
body.shared-theme nav.app-nav{box-sizing:border-box;width:min(1320px,calc(100% - 28px));max-width:calc(100% - 28px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:8px;align-items:center;padding:9px 12px 8px;overflow:visible}

/* Shared public companion count is part of the account navigation on every page. */
body.shared-theme nav.app-nav .community-count{display:block;min-width:0;margin:0;padding:4px 8px;align-self:center;color:#416747;font:500 12px/1.5 var(--font-body,system-ui,sans-serif);text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body.shared-theme nav.app-nav .community-count[data-state="syncing"]{color:var(--muted,#798371)}
body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count){grid-template-columns:minmax(0,1fr) minmax(130px,190px) auto}
@media(max-width:1200px){body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count){grid-template-columns:minmax(0,1fr) minmax(0,auto) auto}}
@media(max-width:900px){body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count){grid-template-columns:auto minmax(0,1fr);gap:7px 10px}body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count) .community-count{grid-column:1/-1;grid-row:2;padding-block:1px}}
@media(max-width:900px){body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count) .nav-info-group>.mining-pool-badge{grid-column:1/-1;grid-row:3}body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count) .nav-info-group>.hash-market-widget{grid-column:1/-1;grid-row:4}}
@media(max-width:360px){body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count){grid-template-columns:1fr}body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count) .community-count{grid-row:3}}
@media(max-width:360px){body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count) .nav-info-group>.mining-pool-badge{grid-row:4}body.shared-theme nav.app-nav>.nav-top-row:has(>.community-count) .nav-info-group>.hash-market-widget{grid-row:5}}
body.shared-theme nav.app-nav>.nav-top-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}
body.shared-theme nav.app-nav .nav-info-group{display:flex;align-items:center;gap:10px;min-width:0}
body.shared-theme nav.app-nav .nav-actions-group{display:flex;align-items:center;justify-content:flex-end;min-width:0}
body.shared-theme nav.app-nav .nav-info-group>.logo{position:relative;width:max-content;min-width:44px;min-height:44px;justify-content:flex-start}
body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{position:static;min-width:0;max-width:360px;white-space:normal;overflow-wrap:anywhere}
body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{position:static;min-width:226px;max-width:330px;flex:0 1 330px}
body.shared-theme nav.app-nav .nav-actions-group>.nav-right{min-width:0;margin-left:0;gap:8px;flex:0 0 auto}
body.shared-theme nav.app-nav>.links{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;width:100%;max-width:none;margin:0;overflow:visible}
body.shared-theme nav.app-nav>.links[data-nav-mode=scene]{grid-template-columns:repeat(2,minmax(0,1fr))}
body.shared-theme nav.app-nav>.links>a{min-width:0;min-height:44px;padding:9px 8px;text-align:center}
body.shared-theme nav.app-nav .nav-actions-group :is(.nav-x-link,.coin-pill,#loginBtn,#acctBtn,.lang-dd-btn,#changeRole){min-width:44px;min-height:44px;box-sizing:border-box}
body.shared-theme nav.app-nav .nav-actions-group .coin-pill{max-width:150px;overflow:hidden}
body.shared-theme nav.app-nav .nav-actions-group .coin-pill :is(strong,.test-balance-caption){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.shared-theme nav.app-nav .nav-mascot{display:none}
body.home-layout .home-intro{padding-top:var(--nav-offset,160px)}
body.market-page .page{padding-top:var(--nav-offset,155px)}
body.scene-theme .online-panel{top:var(--nav-offset,132px);max-height:calc(100dvh - var(--nav-offset,132px) - 18px)}
@media(max-width:1060px){body.shared-theme nav.app-nav .logo b{display:none}body.shared-theme nav.app-nav .nav-info-group{gap:7px}body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{max-width:330px}body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{max-width:240px}}
@media(max-width:900px){body.shared-theme nav.app-nav>.nav-top-row{grid-template-columns:auto minmax(0,1fr);gap:7px 10px}body.shared-theme nav.app-nav .nav-info-group{display:contents}body.shared-theme nav.app-nav .nav-info-group>.logo{grid-column:1;grid-row:1}body.shared-theme nav.app-nav .nav-actions-group{grid-column:2;grid-row:1;justify-self:end}body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{grid-column:1;grid-row:2;width:100%;max-width:none}body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-column:2;grid-row:2;width:100%;max-width:none;min-width:0}body.shared-theme nav.app-nav>.links>a{padding-inline:6px}}
@media(max-width:620px){body.shared-theme nav.app-nav{top:10px;width:calc(100% - 20px);max-width:calc(100% - 20px);gap:6px;padding:8px}body.shared-theme nav.app-nav>.nav-top-row{grid-template-columns:auto minmax(0,1fr);gap:6px}body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{grid-column:1/-1;grid-row:2;justify-content:center;padding:5px 7px}body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-column:1/-1;grid-row:3;width:100%;min-width:0;max-width:none}body.shared-theme nav.app-nav .nav-actions-group>.nav-right{gap:5px}body.shared-theme nav.app-nav>.links{gap:0;padding:3px;overflow:visible}body.shared-theme nav.app-nav>.links>a{min-width:0;min-height:44px;padding:7px 3px;font-size:clamp(9px,2.8vw,11px);line-height:1.15;overflow:hidden;text-overflow:ellipsis}body.shared-theme nav.app-nav .logo{gap:0}body.shared-theme nav.app-nav .nav-actions-group #changeRole{width:44px;padding:0;font-size:0}body.shared-theme nav.app-nav .nav-actions-group #changeRole::before{content:'↻';font-size:18px}body.shared-theme nav.app-nav .nav-actions-group .coin-pill{max-width:96px}}
@media(max-width:480px){body.shared-theme nav.app-nav .logo b{display:none}}
@media(max-width:420px){body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-template-columns:minmax(0,1fr) auto}body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget .hash-market-chart{display:none}body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget .hash-market-copy{min-width:0}body.shared-theme nav.app-nav .nav-actions-group .coin-pill{max-width:82px;padding-inline:5px}body.shared-theme nav.app-nav .nav-actions-group .lang-dd-btn{min-width:44px;padding-inline:6px}}
@media(max-width:420px){html[lang=en] body.shared-theme nav.app-nav>.links>a{font-size:clamp(8px,2.4vw,9.5px);letter-spacing:-.1px}}
@media(max-width:360px){body.shared-theme nav.app-nav>.nav-top-row{grid-template-columns:1fr}body.shared-theme nav.app-nav .nav-info-group>.logo{grid-column:1;grid-row:1}body.shared-theme nav.app-nav .nav-actions-group{grid-column:1;grid-row:2;justify-self:stretch}body.shared-theme nav.app-nav .nav-actions-group>.nav-right{width:100%;justify-content:flex-end}body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{grid-column:1;grid-row:3}body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-column:1;grid-row:4}}
@media(max-width:760px){.environment-badge{top:-5px;font-size:6px}}

/* Account menu polish: give the selected creature a real focal area, keep
   actions consistent with the site's green primary controls, and keep the
   wallet identity compact on narrow screens. */
body.shared-theme nav.app-nav #acctDD .acct-head{
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:12px;
}
body.shared-theme nav.app-nav #acctDD #acctAvHead{
  width:54px;height:54px;min-width:54px;padding:2px;border-radius:14px;
  background:#f0edf8;border-color:#d8d0e9;
}
body.shared-theme nav.app-nav #acctDD #acctAvHead canvas{
  width:48px;height:48px;image-rendering:pixelated;display:block;
}
body.shared-theme nav.app-nav #acctDD .acct-wallet-actions>button.acct-wallet-action-primary{
  border-color:#a9ca36;background:#cff446;color:#193b25;
  box-shadow:0 2px 0 #9bbd2e;
}
body.shared-theme nav.app-nav #acctDD .acct-wallet-actions>button.acct-wallet-action-primary:hover{
  border-color:#8fae27;background:#c2ed37;transform:translateY(-1px);
}
body.shared-theme nav.app-nav #acctDD .acct-wallet-actions>button.acct-wallet-action-primary>span:first-child{
  background:#b4df32;color:#173d29;
}
body.shared-theme nav.app-nav #acctDD .acct-wallet-actions>button.acct-wallet-action-primary small{
  display:none;
}
body.shared-theme nav.app-nav #acctDD .acct-billing-link{
  min-height:44px;margin:10px 16px 0;padding:0 13px;
  border-color:#a9ca36;border-radius:10px;background:#d9f76e;color:#193b25;
  box-shadow:0 2px 0 #9bbd2e;font-weight:800;
}
body.shared-theme nav.app-nav #acctDD .acct-billing-link:hover{
  background:#c8ef42;border-color:#8fae27;transform:translateY(-1px);
}
body.shared-theme nav.app-nav #acctDD #acctWalletAddress{
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;
  word-break:normal;cursor:pointer;user-select:none;
}
body.shared-theme nav.app-nav #acctDD .acct-list-label,
body.shared-theme nav.app-nav #acctDD #acctSessionInfo,
#acctDD .acct-list-label,#acctDD #acctSessionInfo{display:none!important;}
@media(max-width:420px){
  body.shared-theme nav.app-nav #acctDD .acct-head{grid-template-columns:54px minmax(0,1fr) auto;gap:9px;padding:14px;}
  body.shared-theme nav.app-nav #acctDD #acctAvHead{width:54px;height:54px;min-width:54px;padding:2px;border-radius:14px;}
  body.shared-theme nav.app-nav #acctDD #acctAvHead canvas{width:48px;height:48px;}
}

/* Keep the compact header usable at the narrowest supported width. The two
   information cards occupy full rows instead of wrapping every character. */
@media(max-width:360px){
  body.shared-theme nav.app-nav>.nav-top-row{grid-template-columns:1fr;grid-template-rows:auto auto auto;}
  body.shared-theme nav.app-nav .nav-info-group{display:contents;}
  body.shared-theme nav.app-nav .nav-info-group>.logo{grid-column:1;grid-row:1;}
  body.shared-theme nav.app-nav .nav-actions-group{grid-column:1;grid-row:2;justify-self:stretch;}
  body.shared-theme nav.app-nav .nav-actions-group>.nav-right{width:100%;justify-content:flex-end;}
  body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge,
  body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-column:1;min-width:0;width:100%;max-width:none;height:auto;min-height:46px;max-height:54px;overflow:hidden;}
  body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;}
  body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-row:4;grid-template-columns:minmax(0,1fr) auto;}
  body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge :is(small,strong),
  body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget :is(small,strong,.hash-market-usd){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  body.shared-theme nav.app-nav>.links{grid-row:2;}
}


/* One wallet picker on home, land, market and world pages. */
.account-wallet-connect>div{position:relative}.account-wallet-connect h2{padding-right:26px}
.account-wallet-connect .account-wallet-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--hl-line,rgba(30,40,32,.12));border-radius:50%;background:var(--hl-secondary,#eef0e7);color:var(--hl-ink,#1d2530);font:22px/1 system-ui;cursor:pointer;transform:none}
.account-wallet-connect-list button[data-provider=metamask]>span{background:linear-gradient(135deg,#f5841f,#e2761b);color:#fff}.account-wallet-connect-list button[data-provider=okx]>span{background:#141414;color:#fff}.account-wallet-connect-list button[data-provider=rabby]>span{background:#8697ff;color:#fff}.account-wallet-connect-list button[data-provider=trust]>span{background:#0500ff;color:#fff}.account-wallet-connect-list button[data-provider=coinbase]>span{background:#1652f0;color:#fff}.account-wallet-connect-list button[data-provider=phantom]>span{background:#ab9ff2;color:#fff}
.account-wallet-connect-list button[data-provider=binance]>span{background:#f0b90b;color:#181a20;font-size:10px}.account-wallet-connect-list button[data-provider=ave]>span{background:#2678ed;color:#fff;font-size:10px}.account-wallet-help{display:block;width:fit-content;max-width:100%;margin-top:9px;color:#365e37;font-weight:700;text-underline-offset:3px}.account-wallet-help:focus-visible{outline:2px solid #527442;outline-offset:3px;border-radius:3px}

/* Shared header density: information and wallet controls use the same frame. */
body.shared-theme nav.app-nav,body.shared-theme nav.app-nav *{box-sizing:border-box}
/* Keep the shared navigation flush with the viewport edge on every page. */
body.shared-theme nav.app-nav{top:0!important}
body.shared-theme nav.app-nav{--nav-control-height:46px;--nav-control-radius:9px;--nav-control-line:var(--hl-line,#d7dacb);--nav-control-paper:var(--hl-secondary,#eef0e7);gap:6px;padding:8px 10px}
body.shared-theme nav.app-nav>.nav-top-row{align-items:stretch;gap:10px}
body.shared-theme nav.app-nav .nav-info-group{align-items:stretch;gap:7px}
body.shared-theme nav.app-nav .nav-actions-group{align-items:stretch}
body.shared-theme nav.app-nav .nav-actions-group>.nav-right{align-items:stretch;gap:6px}
body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge,body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{box-sizing:border-box;min-height:var(--nav-control-height);height:auto;padding:4px 8px;border:1px solid var(--nav-control-line);border-radius:var(--nav-control-radius);background:var(--nav-control-paper);box-shadow:none}
body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{flex:0 1 320px;min-width:220px;max-width:320px;column-gap:7px}
body.shared-theme nav.app-nav .mining-pool-metric{gap:3px;justify-content:center}
body.shared-theme nav.app-nav .mining-pool-metric+.mining-pool-metric{padding-left:7px;border-left-color:var(--nav-control-line)}
body.shared-theme nav.app-nav .mining-pool-badge>em{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:0;padding:3px 4px}
body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{flex:0 1 270px;min-width:210px;max-width:270px}
body.shared-theme nav.app-nav .nav-actions-group :is(.nav-x-link,.coin-pill,#loginBtn,#acctBtn,.lang-dd-btn,#changeRole){min-height:var(--nav-control-height);height:auto;padding:4px 8px;border:1px solid var(--nav-control-line);border-radius:var(--nav-control-radius);background:var(--nav-control-paper);box-shadow:none;transform:none}
body.shared-theme nav.app-nav .nav-actions-group :is(.acct-dd,.lang-dd){display:flex;align-items:stretch}
body.shared-theme nav.app-nav .nav-actions-group #acctBtn{width:44px;justify-content:center;padding:5px}
body.shared-theme nav.app-nav .nav-actions-group #acctBtn canvas{display:block;width:32px;height:32px;image-rendering:pixelated}
body.shared-theme nav.app-nav .nav-actions-group .coin-pill{max-width:180px;overflow:visible;justify-content:center}
body.shared-theme nav.app-nav .nav-actions-group .coin-pill :is(strong,.test-balance-caption){overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;text-align:center}
body.shared-theme nav.app-nav .nav-actions-group .lang-dd-btn{justify-content:center;gap:5px;letter-spacing:0}
/* Page-level button themes must not restyle individual shared header frames. */
body.shared-theme nav.app-nav :is(#globalMiningRemaining,#globalHashMarket,#coinPill,#langBtn,#acctBtn,#loginBtn,#changeRole,.nav-x-link){border:1px solid var(--nav-control-line)!important;border-radius:var(--nav-control-radius)!important;background:var(--nav-control-paper)!important;box-shadow:none!important}
body.shared-theme nav.app-nav :is(#globalHashMarket,#coinPill,#langBtn,#acctBtn,#loginBtn,#changeRole,.nav-x-link):hover{border-color:var(--hl-brand,#936900)!important}
@media(max-width:900px){
 body.shared-theme nav.app-nav>.nav-top-row{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:6px}
 body.shared-theme nav.app-nav .nav-actions-group{grid-column:2/-1;grid-row:1;justify-self:stretch}
 body.shared-theme nav.app-nav .nav-actions-group>.nav-right{width:100%;justify-content:flex-end;flex-wrap:wrap}
 body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{grid-column:1/3;grid-row:2;width:100%;min-width:0;max-width:none}
 body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-column:3;grid-row:2;width:100%;min-width:0;max-width:none}
}
@media(max-width:620px){
 body.shared-theme nav.app-nav{padding:7px;gap:5px}
 body.shared-theme nav.app-nav>.nav-top-row{grid-template-columns:auto minmax(0,1fr);gap:5px}
 body.shared-theme nav.app-nav .nav-info-group>.logo{grid-column:1;grid-row:1}
 body.shared-theme nav.app-nav .nav-actions-group{grid-column:2;grid-row:1}
 body.shared-theme nav.app-nav .nav-actions-group>.nav-right{gap:5px}
 body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{grid-column:1/-1;grid-row:2}
 body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-column:1/-1;grid-row:3}
 body.shared-theme nav.app-nav .nav-actions-group .coin-pill{max-width:160px;padding-inline:7px}
 body.shared-theme nav.app-nav .nav-actions-group .lang-dd-btn{padding-inline:7px}
}
@media(min-width:361px) and (max-width:620px){
 body.shared-theme nav.app-nav>.nav-top-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.shared-theme nav.app-nav .nav-info-group>.logo{grid-column:1;grid-row:1;justify-self:start}
 body.shared-theme nav.app-nav .nav-actions-group{grid-column:1/-1;grid-row:1;margin-left:50px}
 body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 6px;align-content:center}
 body.shared-theme nav.app-nav .nav-info-group>.hash-market-widget{grid-column:2;grid-row:2}
 body.shared-theme nav.app-nav .mining-pool-metric{gap:2px;align-self:start}
 body.shared-theme nav.app-nav .mining-pool-metric small{line-height:10px}
 body.shared-theme nav.app-nav .mining-pool-metric strong{line-height:12px}
 body.shared-theme nav.app-nav .mining-pool-metric+.mining-pool-metric{padding-left:6px}
 body.shared-theme nav.app-nav .mining-pool-badge>em{grid-column:1/-1;grid-row:2;justify-self:start;padding:0;border:0;background:transparent;line-height:10px}
}
@media(max-width:620px){body.shared-theme nav.app-nav,body.shared-theme nav.app-nav>.nav-top-row,body.shared-theme nav.app-nav>.links{pointer-events:none}body.shared-theme nav.app-nav :is(a,button,input,select){pointer-events:auto}}
.account-finance-payback{display:grid;gap:5px;margin-top:9px;padding-top:11px;border-top:1px solid #d8dfc9}.account-finance-payback>b{font:700 13px/1.6 system-ui;color:#344e3c}.account-finance-profit[data-state="loss"] .account-finance-payback{border-color:#ead6cb}.account-finance-payback>small{font-size:11px;line-height:1.6}

/* mail-227 compact account actions: keep all three controls inside the menu. */
#acctDD .acct-wallet-actions{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 16px 0}
#acctDD .acct-wallet-actions>button{box-sizing:border-box;justify-content:center;width:100%;min-width:0;min-height:44px;gap:6px;padding:6px 7px;border-radius:8px}
#acctDD .acct-wallet-actions>button>span:first-child{flex:0 0 22px;width:22px;height:22px;border-radius:5px;font-size:14px}
#acctDD .acct-wallet-actions>button>span:last-child{display:block;min-width:0}
#acctDD .acct-wallet-actions b{display:block;font-size:11px;line-height:1.25;text-align:center;overflow-wrap:anywhere}
#acctDD .acct-billing-link,body.shared-theme nav.app-nav #acctDD .acct-billing-link{box-sizing:border-box;justify-content:center;width:calc(100% - 32px);max-width:calc(100% - 32px);min-height:42px;margin:8px 16px 12px;padding:7px 10px;border-radius:8px;font-size:11px;line-height:1.3;text-align:center;overflow-wrap:anywhere}
@media(max-width:420px){#acctDD .acct-wallet-actions{padding-inline:14px}#acctDD .acct-billing-link,body.shared-theme nav.app-nav #acctDD .acct-billing-link{width:calc(100% - 28px);max-width:calc(100% - 28px);margin-inline:14px}}
/* The real shared header loads after theme.css. Keep product routes compact and
   on one line; narrow screens scroll within the pill instead of adding a row. */
body.shared-theme nav.app-nav>.links[data-nav-mode="product"]{
 display:flex;grid-template-columns:none;align-items:center;justify-content:center;
 gap:clamp(2px,1vw,12px);min-width:0;overflow-x:auto;overflow-y:hidden;
 scrollbar-width:thin;overscroll-behavior-x:contain;
}
body.shared-theme nav.app-nav>.links[data-nav-mode="product"]> :is(a,button.nav-coming-soon){
 flex:0 0 auto;width:auto;min-width:44px;height:44px;min-height:44px;
 padding:8px 12px;white-space:nowrap;overflow:visible;text-overflow:clip;
}
@media(max-width:700px){
 body.shared-theme nav.app-nav>.links[data-nav-mode="product"]{justify-content:flex-start}
 body.shared-theme nav.app-nav>.links[data-nav-mode="product"]> :is(a,button.nav-coming-soon){height:40px;min-height:40px;padding:8px 9px}
}
/* Standalone world scene uses the same account-nav count mount. */
body.shared-theme nav.topbar .community-count{display:block;min-width:0;margin:0;padding:4px 8px;align-self:center;color:#416747;font:500 12px/1.5 var(--font-body,system-ui,sans-serif);text-align:center;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body.shared-theme nav.topbar .community-count[data-state="syncing"]{color:var(--muted,#798371)}
@media(max-width:700px){body.shared-theme nav.topbar{flex-wrap:wrap}body.shared-theme nav.topbar .community-count{order:4;flex:1 1 100%;padding-block:2px;font-size:11px}}

/* Browser-to-game-server response time shares the persistent population slot. */
body.shared-theme nav.app-nav .community-count,body.shared-theme nav.topbar .community-count{display:flex;align-items:center;justify-content:center;gap:5px 8px;flex-wrap:wrap}
body.shared-theme nav.app-nav .server-latency,body.shared-theme nav.topbar .server-latency{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-height:20px;padding:2px 6px;border:1px solid #cad9c9;border-radius:999px;background:#f1f7ef;color:#416747;font:700 10px/1.2 var(--font-body,system-ui,sans-serif);white-space:nowrap;font-variant-numeric:tabular-nums}
body.shared-theme nav.app-nav .server-latency-dot,body.shared-theme nav.topbar .server-latency-dot{width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
body.shared-theme nav.app-nav .server-latency[data-state="checking"],body.shared-theme nav.topbar .server-latency[data-state="checking"]{border-color:#d8dcd2;background:#f3f4ef;color:#788078}
body.shared-theme nav.app-nav .server-latency[data-state="fair"],body.shared-theme nav.topbar .server-latency[data-state="fair"]{border-color:#e5d3a1;background:#fff8e7;color:#8c6818}
body.shared-theme nav.app-nav .server-latency[data-state="slow"],body.shared-theme nav.topbar .server-latency[data-state="slow"]{border-color:#edc397;background:#fff2e5;color:#a45b17}
body.shared-theme nav.app-nav .server-latency[data-state="error"],body.shared-theme nav.app-nav .server-latency[data-state="offline"],body.shared-theme nav.topbar .server-latency[data-state="error"],body.shared-theme nav.topbar .server-latency[data-state="offline"]{border-color:#e4b7b1;background:#fff0ee;color:#a54437}
@media(max-width:620px){body.shared-theme nav.app-nav .server-latency-label,body.shared-theme nav.topbar .server-latency-label{display:none}}

/* Withdrawal amount and separate wallet-paid network GAS. */
.account-withdraw-amount{display:grid;gap:7px;margin-top:18px;min-width:0}.account-withdraw-amount>label{display:grid;gap:7px;color:#60705d;font:750 12px/1.4 var(--hl-font,system-ui)}
.account-withdraw-input{display:flex;gap:8px;min-width:0}.account-withdraw-input input{box-sizing:border-box;width:100%;min-width:0;flex:1;padding:11px 12px;border:1px solid #ccd8c3;border-radius:10px;background:#fff;color:#1f3528;font:600 16px/1.4 var(--hl-font,system-ui)}.account-withdraw-input input[aria-invalid=true]{border-color:#ad4537}.account-withdraw-input button{flex:none;min-width:60px;min-height:44px;padding:9px 12px;border:1px solid #bed68c;border-radius:10px;background:#edf7d8;color:#365b30;font:750 13px var(--hl-font,system-ui);cursor:pointer}.account-withdraw-input :disabled{opacity:.55;cursor:not-allowed}
.account-withdraw-balance{color:#65765e;font:12px/1.5 var(--hl-font,system-ui);overflow-wrap:anywhere}.account-withdraw-feedback{margin:0;color:#a43b30;font:12px/1.5 var(--hl-font,system-ui)}.account-withdraw-gas{margin:3px 0 0;color:#65765e;font:12px/1.55 var(--hl-font,system-ui)}
.account-withdraw-token,.account-withdraw-receipt{display:grid;gap:8px;margin:12px 0;font-size:12px;min-width:0}
.account-withdraw-token button{justify-self:start;border:1px solid #cad7bd;border-radius:12px;padding:8px 12px;background:#f3f8e8;color:#264934;cursor:pointer}
.account-withdraw-token code,.account-withdraw-receipt a{overflow-wrap:anywhere;word-break:break-all;font-size:11px}
.account-withdraw-receipt{padding:12px;border:1px solid #cad7bd;border-radius:12px;background:#f3f8e8}
.account-withdraw-receipt[hidden]{display:none}
.account-deposit-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.account-deposit-methods button{min-width:0;padding:12px;border:1px solid #cad7bd;border-radius:12px;background:#edf7d8;color:#264934;white-space:normal;font:600 12px/1.5 system-ui}.account-deposit-methods button:disabled{background:#f4f5f0;color:#879180}.account-deposit-destination{display:block;overflow-wrap:anywhere;word-break:break-all;padding:12px;border-radius:10px;background:#f0f4e9;font-size:12px}.account-deposit-dialog h2{overflow-wrap:anywhere}.account-deposit-dialog .account-funds-primary{white-space:normal}

/* Fill only the account-card portrait; keep other header avatars unchanged. */
#acctDD #acctAvHead,body.shared-theme nav.app-nav #acctDD #acctAvHead {
  box-sizing: border-box; display: block; padding: 0; overflow: hidden;
}
#acctDD #acctAvHead canvas,body.shared-theme nav.app-nav #acctDD #acctAvHead canvas {
  display: block; width: 100%; height: 100%; max-width: none; max-height: none;
  margin: 0; border-radius: 0; image-rendering: pixelated; object-fit: contain;
}

/* Persistent, shared re-verification entry next to the account portrait. */
body.shared-theme nav.app-nav #acctReverify{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:64px;min-height:44px;padding:8px 10px;border:1px solid #a8bd76;border-radius:var(--nav-control-radius,8px);background:#eaf4c5;color:#2e4824;font:700 12px/1.2 var(--hl-font,system-ui);white-space:nowrap;cursor:pointer}
body.shared-theme nav.app-nav #acctReverify:hover{background:#d9ed9e;border-color:#789a43}
body.shared-theme nav.app-nav #acctReverify:active{transform:translateY(1px)}
body.shared-theme nav.app-nav #acctReverify:focus-visible{outline:3px solid #55782e;outline-offset:3px}
body.shared-theme nav.app-nav #acctReverify[hidden]{display:none!important}

/* Fit the character to the navigation tile, leaving an empty tile before mint. */
body.shared-theme nav.app-nav #acctDD #acctBtn{box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:1px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
body.shared-theme nav.app-nav #acctDD #acctBtn canvas{display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;margin:0;border-radius:0;image-rendering:pixelated}
.account-wallet-connect .account-wallet-connect-list[hidden]{display:none!important}

/* TEST pool allocation header 294: compact figures; no economic state changes. */
body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge[data-pool-presentation]{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:5px 8px}
body.shared-theme nav.app-nav .mining-pool-badge[data-pool-presentation] .mining-pool-metric{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:0;border:0}
body.shared-theme nav.app-nav .mining-pool-badge[data-pool-presentation] .mining-pool-metric small{font-size:9px;line-height:1.25;white-space:normal}
body.shared-theme nav.app-nav .mining-pool-badge[data-pool-presentation] .mining-pool-metric strong{font-size:12px;line-height:1.25;white-space:nowrap}
body.shared-theme nav.app-nav .mining-pool-badge[data-pool-presentation] .mining-pool-metric strong i{display:inline;font-size:9px}
@media(max-width:620px){body.shared-theme nav.app-nav .nav-info-group>.mining-pool-badge[data-pool-presentation]{padding:5px 6px;gap:4px}body.shared-theme nav.app-nav .mining-pool-badge[data-pool-presentation] .mining-pool-metric{gap:4px}body.shared-theme nav.app-nav .mining-pool-badge[data-pool-presentation] .mining-pool-metric strong{font-size:11px}body.shared-theme nav.app-nav .mining-pool-badge[data-pool-presentation] .mining-pool-metric small{font-size:8px}}

/* Deposit summary and wallet handoff remain above the page scene. */
.account-deposit-dialog{isolation:isolate;background:#fbfcf8!important;z-index:10000!important}
.account-deposit-dialog[data-wallet-handoff=true]{box-shadow:0 0 0 100vmax #122b2480,0 24px 90px #10241855}
.account-deposit-dialog>div{position:relative;background:#fbfcf8;border-radius:inherit}
.account-deposit-quote{display:grid;gap:10px;margin:16px 0 0;padding:14px;border:1px solid #dce3d7;border-radius:12px;background:#f0f4eb;font-variant-numeric:tabular-nums}
.account-deposit-quote[hidden]{display:none}
.account-deposit-quote>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.account-deposit-quote>div>span{font-size:12px;color:#61725d}
.account-deposit-quote>div>strong{font-size:18px;text-align:right;overflow-wrap:anywhere}
.account-deposit-quote>small{border-top:1px solid #dce3d7;padding-top:9px;color:#6c7868;font-size:11px;line-height:1.5}
.account-deposit-progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;margin:18px 0 0}
.account-deposit-progress li{border-top:3px solid #dce3d7;padding-top:8px;font:600 12px/1.5 system-ui;color:#84917d}
.account-deposit-progress li[data-state=current]{border-color:#9ac633;color:#28452e}
.account-deposit-progress li[data-state=done]{border-color:#557b46;color:#557b46}
.account-deposit-dialog .account-funds-notice{margin:14px 0 0;padding:10px 12px;line-height:1.5}
.account-deposit-dialog .account-funds-controls{margin-top:16px}
.account-deposit-dialog .account-funds-controls .account-funds-primary{min-width:150px}

/* Personal referrals: compact account card, readable mobile invitation rows. */
#acctDD .hl-personal-referral{padding:12px 16px;border-bottom:1px solid #dae1d2;text-align:left;font:12px/1.5 var(--hl-font,system-ui);color:#294735}
#acctDD .hl-personal-referral[hidden]{display:none}
.hl-referral-head,.hl-referral-stats{display:flex;align-items:center;justify-content:space-between;gap:8px}.hl-referral-head a{font-size:11px;color:#456630;text-decoration:underline}
.hl-referral-code{display:flex;gap:5px;align-items:center;margin:8px 0}.hl-referral-code code{flex:1;min-width:0;font-size:12px;letter-spacing:.2px;overflow-wrap:anywhere}
#acctDD .hl-personal-referral button{width:auto;min-height:30px;padding:4px 7px;border:1px solid #cedac5;border-radius:8px;background:#f3f7ed;color:#294735;font:inherit;cursor:pointer;white-space:nowrap}
.hl-referral-stats{color:#507038}.hl-personal-referral details{margin-top:6px}.hl-personal-referral summary{cursor:pointer;font-size:11px;color:#6d7c65}.hl-personal-referral details p{margin:7px 0;font-size:11px}.hl-personal-referral ul{padding-left:16px;margin:6px 0;font-size:11px}.hl-referral-notice{font-size:11px;margin:6px 0 0}
.hl-referral-bind{display:flex;gap:5px;margin:8px 0 3px}.hl-referral-bind input{box-sizing:border-box;flex:1;width:0;min-width:0;padding:6px;border:1px solid #cedac5;border-radius:7px;background:#fffef8;color:#294735;font:12px/1.4 system-ui}.hl-referral-bind+small,.hl-referral-bound{font-size:11px;overflow-wrap:anywhere}.hl-personal-referral button:disabled{opacity:.55;cursor:wait}
.hl-invite-rewards{padding:14px 16px;margin:0 0 16px;border:1px solid #d9e1cf;border-radius:12px;background:#f4f7ed;color:#294735;font:13px/1.6 system-ui}.hl-invite-rewards h3{font-size:15px;margin:0 0 6px}.hl-invite-rewards p{margin:5px 0}.hl-invite-rewards ul{padding-left:18px;margin:8px 0}
.hl-invite-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:16px 0;border-bottom:1px solid #dae1d2;color:#294735}.hl-invite-record>div{min-width:0}.hl-invite-record strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl-invite-record small,.hl-invite-record time{font-size:12px;color:#758069}.hl-invite-record time{grid-column:1/-1}.hl-invite-record b{font-size:14px}.hl-invites-more{margin-top:16px}.hl-invites-summary{font-size:13px;color:#657859}

/* Keep transient feedback below the measured header and behind its menus. */
body.shared-theme #toast{top:var(--nav-offset,calc(env(safe-area-inset-top,0px) + 184px));bottom:auto;z-index:49}

/* Account menu 435: identity, inbox, funds and account settings. */
#acctDD .acct-dd-menu{width:min(370px,calc(100vw - 24px));padding:12px;box-sizing:border-box;max-height:calc(100dvh - var(--nav-offset,150px) - 20px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#fbfcf4;border:1px solid #ccd8be;border-radius:18px;box-shadow:0 18px 50px #1838282e}
#acctDD .acct-head{padding:8px 4px 16px;gap:12px;border-bottom:1px solid #e0e6d4}#acctDD .acct-av-mini{width:54px;height:54px;border-radius:12px;background:#e8f1d7}#acctDD .acct-identity{flex:1;min-width:0;gap:5px}#acctDD .acct-identity>span:first-child{font-size:10px;letter-spacing:.08em;color:#829071}#acctDD .acct-num{font-size:16px;color:#2c4938}#acctDD .acct-logout{font-size:11px;min-height:34px;padding:6px 10px;border:1px solid #dce2d0;border-radius:9px;background:#f4f6eb;color:#76846d}
#acctDD .acct-nick-field{padding:14px 4px 6px;border:0}#acctDD .acct-nick-field>label,#acctDD .acct-wallet>span{font-size:11px;font-weight:600;color:#6d7f60}#acctDD .acct-nick-row{gap:8px;margin-top:6px}#acctDD .acct-nick{min-height:40px;border-radius:10px;background:#fffef9;border:1px solid #d6dfc8;padding:8px 10px;box-sizing:border-box}#acctDD #acctNickSave{min-height:40px;border-radius:10px;padding:7px 14px;background:#e9f1d7;border:1px solid #cbdab6}#acctDD #acctNickStatus{margin:5px 0;font-size:10px}
#acctDD .acct-mail-shortcut{margin:10px 0;width:100%;padding:11px 12px;border:1px solid #ccdbb1;border-radius:12px;box-shadow:none;background:#edf5db;grid-template-columns:40px minmax(0,1fr) auto}#acctDD .acct-mail-shortcut:hover{transform:none;box-shadow:none;background:#e4f0c7}#acctDD .acct-mail-copy strong{font-size:14px}#acctDD .acct-mail-copy small{font-size:11px}#acctDD .acct-mail-pixel{border:0;border-radius:9px;background:#e0edc3}
#acctDD .acct-wallet{margin:0;padding:12px 4px;border:0}#acctDD .acct-wallet-row{margin-top:6px;gap:6px;padding:8px;background:#f0f3e7;border-radius:9px}#acctDD #acctWalletAddress{font-size:10px;overflow-wrap:anywhere;white-space:normal;line-height:1.5;flex:1;min-width:0}#acctDD #acctCopyAddress{font-size:11px;border:0;background:transparent;padding:5px;min-height:32px}#acctDD #acctCopyStatus:empty{display:none}
#acctDD .acct-wallet-actions{padding:0 4px 12px;gap:8px;border-bottom:1px solid #e0e6d4;display:grid;grid-template-columns:1fr 1fr}#acctDD .acct-wallet-actions>button{min-width:0;min-height:44px;padding:8px;gap:6px;border-radius:10px;font-size:11px;border:1px solid #d0ddbc;background:#f0f6e1;box-shadow:none}#acctDD .acct-wallet-actions b{font-size:11px;font-weight:600}
#acctDD .hl-personal-referral{padding:14px 4px;border:0}#acctDD .acct-list-label{margin:10px 4px 4px;font-size:10px;color:#89977c}#acctDD #acctSessionInfo{padding:4px;margin:0;font-size:11px;line-height:1.5;color:#7d8e70;background:transparent}
@media(max-width:600px){#acctDD .acct-dd-menu{position:fixed;right:12px;left:auto;top:var(--nav-offset,140px);width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - var(--nav-offset,140px) - 16px - env(safe-area-inset-bottom))}}

/* BALANCE_ACTIONS_454: financial actions belong to the balance dialog. */
.account-finance-actions[hidden]{display:none!important}
.account-finance-dialog>.account-finance-actions{flex:none;display:grid;gap:10px;padding:0 24px 16px;border-bottom:1px solid #dce3d2}
.account-finance-actions .acct-wallet-actions{padding:0;gap:10px}
.account-finance-actions .acct-wallet-actions>button,.account-finance-actions .acct-billing-link{box-sizing:border-box;min-height:46px;border:1px solid #99b940;border-radius:11px;background:#d5f650;color:#203d28;box-shadow:0 2px 0 #8dab36;font:700 13px/1.4 system-ui;text-decoration:none;cursor:pointer}
.account-finance-actions .acct-wallet-actions>button{padding:10px;justify-content:center;text-align:left}
.account-finance-actions .acct-wallet-actions b{font-size:13px}.account-finance-actions .acct-wallet-actions small{display:none}
.account-finance-actions .acct-billing-link{display:flex;align-items:center;justify-content:center;padding:10px 14px;margin:0}
.account-finance-actions :is(button,a):hover{background:#caee41}.account-finance-actions :is(button,a):focus-visible{outline:2px solid #244b34;outline-offset:3px}
.account-finance-dialog>footer{justify-content:flex-end}
@media(max-width:420px){.account-finance-dialog>.account-finance-actions{padding:0 18px 14px}.account-finance-actions .acct-wallet-actions{padding:0}.account-finance-actions .acct-wallet-actions>button{gap:5px;padding:9px 6px}}