:root{color-scheme:dark;--bg:#121617;--surface:#1b2021;--line:#343b3b;--text:#f3f0e9;--muted:#a6b0af;--gold:#e6bb72;font:15px/1.6 "Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}.logo{width:165px;max-height:80px;object-fit:contain}a{color:var(--gold)}.back{text-decoration:none;font-weight:600}main{max-width:1120px;margin:48px auto;padding:0 24px}h1{font-size:clamp(30px,4vw,45px);line-height:1.2;margin:8px 0 16px;letter-spacing:-1px}h2{font-size:20px;margin:0 0 10px}p{margin:8px 0 18px}.eyebrow{color:var(--gold);font-weight:600;margin:0}.intro,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.intro{margin-bottom:30px}.intro p:not(.eyebrow){color:var(--muted);max-width:650px}.network{white-space:nowrap;border:1px solid #655232;border-radius:30px;color:var(--gold);padding:5px 12px;font-size:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;margin:20px 0}.notice{background:#29291f;border:1px solid #6b603c;border-radius:12px;padding:20px;color:#e5d6b7}.notice p{margin-bottom:0}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.form-row{display:flex;gap:16px;align-items:flex-end}.form-row>*{flex:1}label{display:block;font-weight:600;margin:12px 0}input,select,button{font:inherit;min-height:46px;border-radius:8px}input,select{display:block;width:100%;background:#121819;border:1px solid #4b5554;color:var(--text);padding:10px 12px;margin-top:7px}button{background:var(--gold);color:#231d12;border:1px solid var(--gold);padding:10px 20px;font-weight:650;cursor:pointer;touch-action:manipulation}button:hover:enabled{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}.secondary{background:transparent;color:var(--text);border-color:#53615e}.text-button{background:none;border:0;color:var(--gold);padding:5px 0;font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.connection{max-width:none}.connection .form-row{max-width:620px}.balances{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.balance{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:24px}.balance-heading{display:flex;gap:10px;align-items:center}.balance img{width:28px;height:28px;object-fit:contain}.balance strong{font-size:30px;line-height:1.2;display:block;margin-top:16px;overflow-wrap:anywhere}.balance p{margin:8px 0 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.conversion{margin:18px 0}.conversion>div{display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.conversion dt{color:var(--muted)}.conversion dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}#feedback{min-height:24px}#feedback[data-error=true]{color:#f4a59b}#production-game{width:100%;height:550px;background:#000;border:1px solid var(--line);border-radius:8px}footer{border-top:1px solid var(--line);padding:24px;color:var(--muted);text-align:center;font-size:12px}[hidden]{display:none!important}:focus-visible{outline:2px solid #f5d194;outline-offset:4px}@media(max-width:700px){header{padding:15px 20px}.logo{width:135px}main{margin:28px auto;padding:0 16px}.intro{align-items:flex-start;flex-direction:column;gap:8px}.balances,.columns{grid-template-columns:1fr}.balance{padding:18px}.balance strong{font-size:26px}.panel{padding:20px}.form-row{flex-wrap:wrap}.form-row>*{flex-basis:100%}.panel-heading{flex-wrap:wrap}#production-game{height:420px}}
.currency-icon{width:18px;height:18px;object-fit:contain;vertical-align:middle;margin-right:5px}.balance-heading .currency-icon{width:28px;height:28px;margin-right:0}.balance p .currency-icon{width:18px;height:18px}.currency-select{display:block;position:relative}.currency-select>.currency-icon{position:absolute;left:12px;top:14px;pointer-events:none}.currency-select>select.has-currency-icon{padding-left:38px}
.production-history-item{border-top:1px solid var(--line);padding:18px 0}.production-history-item h3{margin:0}.production-proof{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.production-proof pre{max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
/* The wallet inherits the same site shell from styles.css. These rules only
 * style its cashier content; other production pages keep their existing layout. */
.wallet-site .wallet-content { padding-bottom: 28px; }
.wallet-site .wallet-content p { margin: 8px 0 18px; }
.wallet-site .wallet-content h2 { font-size: 18px; font-weight: 550; letter-spacing: -.2px; margin: 0 0 10px; }
.wallet-site .wallet-content h3 { font-size: 16px; font-weight: 550; }
.wallet-site .wallet-content .page-intro h2 { font-size: 33px; letter-spacing: -1.1px; margin: 0; }
.wallet-site .wallet-content .page-intro p { margin: 10px 0 0; }
.wallet-site .wallet-content .panel { padding: 24px; margin: 20px 0; overflow: visible; }
.wallet-site .wallet-content .panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.wallet-site .wallet-content .panel-heading h2 { margin-bottom: 0; }
.wallet-site .wallet-content .network { display: inline-flex; align-items: center; flex-shrink: 0; border: 1px solid #68664a66; border-radius: 5px; color: #cfc19b; padding: 5px 10px; font-size: 11px; }
.wallet-site .wallet-content .notice { background: #e6bb7209; border: 1px solid #68664a66; border-radius: 10px; padding: 20px 24px; color: #d9cba9; font-size: 13px; }
.wallet-site .wallet-content .notice h2 { font-size: 16px; color: var(--text); }
.wallet-site .wallet-content .notice p { margin-bottom: 0; }
.wallet-site .wallet-content .muted { color: var(--muted); }
.wallet-site .wallet-content .small { font-size: 12px; line-height: 1.7; }
.wallet-site .wallet-content .mono { font-family: ui-monospace, monospace; overflow-wrap: anywhere; }
.wallet-site .wallet-content .form-row { display: flex; gap: 16px; align-items: flex-end; }
.wallet-site .wallet-content .form-row > * { flex: 1; min-width: 0; }
.wallet-site .wallet-content label { display: block; color: #c5cac2; font-size: 12px; font-weight: 550; margin: 14px 0; }
.wallet-site .wallet-content input, .wallet-site .wallet-content select { display: block; width: 100%; min-height: 44px; border-radius: 6px; padding: 11px 12px; margin-top: 7px; background: #14191a; border: 1px solid #404747; color: var(--text); font: inherit; }
.wallet-site .wallet-content button { min-height: 43px; border: 1px solid transparent; border-radius: 6px; padding: 11px 20px; background: var(--gold); color: #242015; font-size: 12px; font-weight: 650; line-height: 1.5; }
.wallet-site .wallet-content button:hover:enabled { background: #f2cf91; filter: none; }
.wallet-site .wallet-content .secondary { background: transparent; color: #ddd8c8; border-color: #505348; }
.wallet-site .wallet-content .secondary:hover:enabled { background: #34382f; color: #f5e0b6; }
.wallet-site .wallet-content .text-button { background: none; border: 0; color: var(--gold); padding: 5px 0; }
.wallet-site .wallet-content .text-button:hover:enabled { background: none; color: #f7dfb6; }
.wallet-site .wallet-content .actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.wallet-site .wallet-content .connection .form-row { max-width: 560px; }
.wallet-site .wallet-content .form-row > button { flex: 0 0 auto; margin-bottom: 14px; }
.wallet-site .wallet-content #account-description { margin-bottom: 9px; }
.wallet-site .wallet-content .connection .actions { margin-top: 10px; }
.wallet-site .wallet-content .balances { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.wallet-site .wallet-content .balance { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); padding: 20px; }
.wallet-site .wallet-content .balance-heading { display: flex; gap: 10px; align-items: center; font-size: 13px; font-weight: 550; color: #c5cac2; }
.wallet-site .wallet-content .balance img { width: 28px; height: 28px; object-fit: contain; }
.wallet-site .wallet-content .balance strong { display: block; margin-top: 16px; font-size: 28px; font-weight: 550; letter-spacing: -.7px; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wallet-site .wallet-content .balance p { margin: 8px 0 0; }
.wallet-site .wallet-content .balance .balance-network { color: #d8c398; font-size: 12px; line-height: 1.5; }
.wallet-site .wallet-content .balance-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: auto; padding-top: 16px; }
.wallet-site .wallet-content .balance-actions button { min-width: 0; min-height: 44px; padding: 9px 5px; font-size: 12px; }
.wallet-site .wallet-content .columns { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; }
.wallet-site .wallet-content .columns > .panel { margin-bottom: 0; }
.wallet-site .wallet-content .conversion { margin: 18px 0; }
.wallet-site .wallet-content .conversion > div { display: flex; gap: 20px; justify-content: space-between; border-bottom: 1px solid var(--line); padding: 12px 0; }
.wallet-site .wallet-content .conversion dt { color: var(--muted); }
.wallet-site .wallet-content .conversion dd { margin: 0; text-align: right; overflow-wrap: anywhere; max-width: 65%; font-variant-numeric: tabular-nums; }
.wallet-site .wallet-content #feedback { min-height: 24px; }
.wallet-site .wallet-content #feedback:empty { display: none; }
.wallet-site .wallet-content #feedback[data-error=true] { color: var(--red); }
.wallet-site .wallet-content #player-name-status[data-error=true] { color: var(--red); }
.wallet-site .wallet-content #production-game { width: 100%; height: 550px; background: #000; border: 1px solid var(--line); border-radius: 6px; }
.wallet-site .wallet-content .currency-icon { display: inline-block; width: 18px; height: 18px; object-fit: contain; vertical-align: middle; margin-right: 5px; }
.wallet-site .wallet-content .balance-heading .currency-icon { width: 28px; height: 28px; margin-right: 0; }
.wallet-site .wallet-content .balance p .currency-icon { width: 18px; height: 18px; }
.wallet-site .wallet-content .currency-select { display: block; position: relative; }
.wallet-site .wallet-content .currency-select > .currency-icon { position: absolute; left: 12px; top: 14px; pointer-events: none; }
.wallet-site .wallet-content .currency-select > select.has-currency-icon { padding-left: 38px; }
.wallet-site .wallet-content .transfer-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; border: 1px solid var(--line); background: #14191a; padding: 5px; border-radius: 7px; margin: 20px 0 10px; }
.wallet-site .wallet-content .transfer-tabs button { background: none; color: var(--muted); border: 1px solid transparent; }
.wallet-site .wallet-content .transfer-tabs button:hover:enabled { background: var(--raised); color: var(--text); }
.wallet-site .wallet-content .transfer-tabs button[aria-pressed=true] { color: #242015; background: var(--gold); }
.wallet-site .wallet-content .transfer-direction { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.wallet-site .wallet-content #get-quote { width: 100%; margin-top: 8px; }
.wallet-site .wallet-content .withdrawal-amount-row { display: flex; align-items: stretch; gap: 8px; }
.wallet-site .wallet-content .withdrawal-amount-row input { flex: 1; min-width: 0; margin: 0; }
.wallet-site .wallet-content #withdraw-all { flex: none; padding: 9px 12px; font-size: 12px; }
.wallet-site .wallet-content .withdrawal-available { margin: 10px 0 4px; color: var(--text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.wallet-site .wallet-content #withdrawal-note { margin: 4px 0 12px; }
.wallet-site .wallet-content .production-cashier-history-list { margin: 18px 0; padding: 0; list-style: none; }
.wallet-site .wallet-content .production-cashier-history-item { border-top: 1px solid var(--line); padding: 18px 0; overflow-wrap: anywhere; }
.wallet-site .wallet-content .production-cashier-history-item p { margin: 4px 0; }
.wallet-site .wallet-content .production-cashier-history-item p:first-child { font-weight: 600; }
.wallet-site .wallet-content .production-cashier-history-item a { display: inline-block; margin-top: 8px; font-size: 12px; }
.wallet-site .wallet-content #production-transfers > button { margin: 0 8px 8px 0; }
.wallet-site .wallet-content #cashier, .wallet-site .wallet-content #operation, .wallet-site .wallet-content #production-membership { scroll-margin-top: 100px; }
.wallet-site .wallet-content #operation { border-color: #9b8154; }
.wallet-site .wallet-content .production-history-item { border-top: 1px solid var(--line); padding: 18px 0; }
.wallet-site .wallet-content .production-history-item h3 { margin: 0; }
.wallet-site .wallet-content .production-proof { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 20px; }
.wallet-site .wallet-content .production-proof pre { max-height: 360px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; }
.wallet-site .wallet-footer { border-top: 1px solid var(--line); padding: 24px; color: var(--muted); text-align: center; font-size: 12px; }
.wallet-site .wallet-footer a { color: var(--gold); }
.wallet-site .wallet-mobile-nav { display: none; }

@media (max-width: 1100px) {
  .wallet-site .wallet-content .columns { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .wallet-site .wallet-content .balances { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wallet-site .wallet-content .balance { padding: 18px; }
  .wallet-site .wallet-content .balance strong { font-size: 24px; }
}
@media (max-width: 900px) {
  .wallet-site .wallet-site-sidebar { display: none; }
  .wallet-site .wallet-mobile-nav { display: block; }
  .wallet-site .wallet-mobile-nav summary { list-style: none; cursor: pointer; touch-action: manipulation; min-height: 44px; min-width: 44px; }
  .wallet-site .wallet-mobile-nav summary::-webkit-details-marker { display: none; }
  .wallet-site .wallet-mobile-nav .wallet-nav-close, .wallet-site .wallet-mobile-nav[open] .wallet-nav-open { display: none; }
  .wallet-site .wallet-mobile-nav[open] .wallet-nav-close { display: block; }
  .wallet-site .wallet-mobile-nav > nav { position: absolute; z-index: 95; left: 16px; top: calc(100% + 8px); width: min(300px, calc(100vw - 32px)); max-height: calc(100dvh - 100px); overflow: auto; background: var(--sidebar); border: 1px solid var(--line); border-radius: 10px; padding: 14px; box-shadow: 0 18px 50px #0008; }
  .wallet-site .wallet-content .page-intro { align-items: flex-start; flex-wrap: wrap; gap: 14px; }
}
@media (max-width: 620px) {
  .wallet-site .wallet-content .page-intro h2 { font-size: 29px; }
  .wallet-site .wallet-content .panel, .wallet-site .wallet-content .notice { padding: 20px; }
  .wallet-site .wallet-content .form-row { flex-wrap: wrap; gap: 0; }
  .wallet-site .wallet-content .form-row > * { flex-basis: 100%; }
  .wallet-site .wallet-content .form-row > button { flex-basis: 100%; margin-bottom: 0; }
  .wallet-site .wallet-content .panel-heading { flex-wrap: wrap; gap: 12px; }
  .wallet-site .wallet-content button { min-height: 44px; }
  .wallet-site .wallet-content #production-game { height: 420px; }
}
.wallet-site .wallet-content .notice.attention { background: #e6bb7214; border-color: #c9a35e; color: #f3e6c4; font-size: 14px; }
.wallet-site .wallet-content .notice.attention p { margin: 0; }
.wallet-site .wallet-content #transfer-blocked { margin: 16px 0; }
.wallet-site .wallet-content #transfer-blocked .text-button { margin-top: 8px; font-size: 13px; }
.wallet-site .wallet-content #stale-page { margin: 0 0 20px; }
.wallet-site .wallet-content #game-blocked { margin: 16px 0 0; }
.wallet-site .wallet-content #transfer-feedback, .wallet-site .wallet-content #operation-feedback { margin: 12px 0 0; font-size: 13px; }
.wallet-site .wallet-content #transfer-feedback[data-error=true], .wallet-site .wallet-content #operation-feedback[data-error=true] { color: var(--red); }
.wallet-site .wallet-content #operation.in-flight { border-color: var(--gold); box-shadow: 0 0 0 1px #e6bb7240; }
.wallet-site .wallet-content .balance .pending-line { color: var(--gold); font-weight: 650; }
/* One transfer workspace: enter an amount, then review in the same place. */
.wallet-site .wallet-content .connection { padding: 18px 24px; }
.wallet-site .wallet-content .connection > div p { margin-bottom: 0; }
.wallet-site .wallet-content .wallet-details { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 12px; font-size: 13px; }
.wallet-site .wallet-content .wallet-details summary { cursor: pointer; color: var(--muted); padding: 5px 0; }
.wallet-site .wallet-content .wallet-details summary:hover { color: var(--text); }
.wallet-site .wallet-content .wallet-details[open] summary { margin-bottom: 12px; color: var(--text); }
.wallet-site .wallet-content .transfer-progress { display: flex; gap: 6px; margin: 20px 0 24px; padding: 0; list-style: none; }
.wallet-site .wallet-content .transfer-progress li { flex: 1; padding-top: 9px; border-top: 3px solid var(--line); color: var(--muted); font-size: 11px; }
.wallet-site .wallet-content .transfer-progress li[data-state=current] { color: var(--gold); border-color: var(--gold); }
.wallet-site .wallet-content .transfer-progress li[data-state=done] { color: #9bc6ac; border-color: #527c63; }
.wallet-site .wallet-content .transfer-tabs button[aria-pressed=true]:disabled { opacity: 1; }
.wallet-site .wallet-content .amount-preview { padding: 18px; margin: 18px 0; border: 1px solid #7e76513d; border-radius: 8px; background: #b3a46b09; }
.wallet-site .wallet-content .amount-preview > span { color: var(--muted); font-size: 12px; }
.wallet-site .wallet-content .amount-preview strong { display: block; margin-top: 5px; font-size: 25px; font-weight: 550; color: #eddfbd; overflow-wrap: anywhere; }
.wallet-site .wallet-content .amount-preview p { margin: 8px 0 0; }
.wallet-site .wallet-content .amount-error { color: #f4a59b; }
.wallet-site .wallet-content #amount { font-size: 20px; min-height: 54px; font-variant-numeric: tabular-nums; }
.wallet-site .wallet-content #get-quote { margin-top: 20px; min-height: 48px; font-size: 14px; }
.wallet-site .wallet-content .transfer-operation { outline: none; }
.wallet-site .wallet-content .transfer-operation .network { white-space: normal; text-align: right; }
.wallet-site .wallet-content #operation.in-flight { box-shadow: none; }
.wallet-site .wallet-content .transfer-operation .actions button { flex: 1 1 160px; min-height: 48px; }
.wallet-site .wallet-content .transfer-operation .conversion { font-size: 14px; }
.wallet-site .wallet-content .transfer-operation > .conversion > div:nth-child(3) dd { font-size: 18px; font-weight: 600; color: #f2dfb8; }
.wallet-site .wallet-content .transfer-guide { align-self: start; }
.wallet-site .wallet-content [data-account-flow="true"]:not(.is-ingame) [id="wallet-transfer-guide"] { display: none; }
.wallet-site .wallet-content .transfer-guide > p { color: var(--muted); font-size: 14px; }
.wallet-site .wallet-content .wallet-guide-row { display: flex; gap: 16px; margin-top: 24px; }
.wallet-site .wallet-content .wallet-guide-row > span { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid #82745255; border-radius: 8px; color: var(--gold); background: #c9a86d0a; font-size: 18px; }
.wallet-site .wallet-content .wallet-guide-row h3 { margin: 0; font-size: 14px; }
.wallet-site .wallet-content .wallet-guide-row p { margin: 6px 0 0; color: var(--muted); font-size: 13px; }
@media (max-width: 620px) {
  .wallet-site .wallet-content .balances { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .wallet-site .wallet-content .balance { padding: 14px 12px; }
  .wallet-site .wallet-content .balance strong { font-size: 20px; letter-spacing: -.3px; margin-top: 10px; }
  .wallet-site .wallet-content .balance-heading { gap: 7px; font-size: 13px; }
  .wallet-site .wallet-content .balance-heading .currency-icon { width: 20px; height: 20px; }
  .wallet-site .wallet-content .balance .small { font-size: 12px; line-height: 1.5; }
  .wallet-site .wallet-content .balance-actions { grid-template-columns: minmax(0, 1fr); gap: 6px; padding-top: 12px; }
  .wallet-site .wallet-content .balance-actions button { font-size: 13px; }
  .wallet-site .wallet-content #cashier { padding: 20px 16px; }
  .wallet-site .wallet-content .transfer-progress { gap: 5px; }
  .wallet-site .wallet-content .transfer-progress li { font-size: 10px; }
  .wallet-site .wallet-content .transfer-operation .panel-heading { align-items: flex-start; }
}

/* Native ETH (production-ethereum-panel.js): the existing panel, address, form and history styles, in two columns. */
.production-ethereum .ethereum-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 16px; }
.production-ethereum .ethereum-columns > section { min-width: 0; }
.production-ethereum h3 { margin: 0 0 6px; }
.production-ethereum [data-ethereum=address-area] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; margin-top: 12px; }
.production-ethereum .deposit-qr { flex: none; margin: 0; }
.production-ethereum .deposit-address-details { flex: 1 1 220px; min-width: 0; }
.production-ethereum .deposit-address { overflow-wrap: anywhere; }
.production-ethereum [data-ethereum=rules] { margin: 14px 0 0; padding-left: 18px; }
.production-ethereum [data-ethereum=rules] li { margin: 4px 0; }
.production-ethereum form label { display: grid; gap: 6px; min-width: 0; }
.production-ethereum .ethereum-review { margin-top: 12px; padding: 18px; border: 1px solid #9b8154; border-radius: 10px; outline: none; }
.production-ethereum .ethereum-review .panel-heading { align-items: flex-start; }
.production-ethereum .ethereum-review .network { white-space: normal; text-align: right; }
.production-ethereum .ethereum-review dd.mono { font-size: 12px; }
.production-ethereum .ethereum-activity { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 16px; }
.production-ethereum [role=status][data-error=true] { color: #f4a59b; }
.production-ethereum a { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .production-ethereum .ethereum-columns { grid-template-columns: minmax(0, 1fr); }
}
/* USDT on Ethereum (docs/production-ethereum.md#usdt-on-ethereum): the network choice that starts a USDT transfer, each
 * Solana route's network line, and the Ethereum section's currency choice, warning and exact approval text. */
.wallet-site .wallet-content .network-chooser { border-color: #9b8154; outline: none; }
.wallet-site .wallet-content .network-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 16px 0 6px; }
.wallet-site .wallet-content .network-option { display: grid; align-content: start; justify-items: start; gap: 6px; min-height: 76px; padding: 14px 16px; text-align: left; font-weight: 400; color: var(--text); background: #14191a; border: 1px solid #53615e; border-radius: 10px; }
.wallet-site .wallet-content .network-option:hover:enabled,
.wallet-site .wallet-content .network-option:focus-visible:enabled { background: #242b29; border-color: var(--gold); color: var(--text); filter: none; }
.wallet-site .wallet-content .network-option strong { font-size: 15px; font-weight: 650; color: #f2dfb8; }
.wallet-site .wallet-content .asset-network { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 12px 0 0; color: var(--text); }
.wallet-site .wallet-content .asset-network .text-button { min-height: 32px; padding: 0; }
.account-cashier [data-account-cashier=use-ethereum] { min-height: 32px; padding: 0; margin: 0 0 8px; }
.production-ethereum .ethereum-asset-choice { margin: 4px 0 12px; }
.production-ethereum .ethereum-warning { margin: 14px 0 0; }
.production-ethereum .network-line { margin: 2px 0 10px; color: var(--text); }
.production-ethereum .approval-text { margin-top: 14px; }
.production-ethereum .approval-message { max-height: 280px; overflow: auto; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 620px) {
  .wallet-site .wallet-content .network-options { grid-template-columns: minmax(0, 1fr); }
}
/* House-owned creator funding stays visually separate from personal balances. */
.creator-wallet h2 { margin-top: 0; }
.creator-wallet .creator-balance-card { margin-top: 1rem; padding: 1rem; border: 1px solid #514b35; border-radius: 10px; background: rgba(201,169,81,.04); }
.creator-wallet .creator-balance-card strong { font-size: 1.7rem; font-variant-numeric: tabular-nums; }
.creator-wallet .creator-disclosure { color: #e1c272; font-weight: 650; }
.creator-wallet .conversion dd { overflow-wrap: anywhere; }

/* Full wallet page only. Play and the movable in-game cashier keep their layouts. */
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) :is(#finance, #signed-in) {
  display: grid;
  gap: 24px;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) :is(#finance, #signed-in) > .panel,
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .columns > .panel {
  margin: 0;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .columns {
  gap: 24px;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .columns:not(:has(> :not([hidden]))),
.wallet-site .wallet-content > #production-cashier-root[data-account-flow=true]:not(.is-ingame) .columns:has(> #cashier[hidden]) {
  display: none;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .account-cashier {
  display: grid;
  gap: 24px;
  width: 100%;
  max-width: none;
  margin: 0;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .account-access[data-signed-in=true] {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, auto);
  gap: 18px 24px;
  padding: 24px;
  margin: 0;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) [data-account-cashier=session] {
  width: auto;
  min-width: 0;
  max-width: none;
  justify-content: flex-end;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .account-access[data-signed-in=true] > :is([data-account-cashier=account-access-note], [data-account-cashier=password-auth], [data-account-cashier=email-auth], [data-account-cashier=contact-email]) {
  grid-column: 1 / -1;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) [data-account-cashier=account-access-note]:not(:empty) {
  border-top: 1px solid var(--line);
  padding-top: 16px;
  margin: 0;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .balances {
  gap: 16px;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .balance-heading .currency-icon {
  width: 36px;
  height: 36px;
  flex: none;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #121617;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .balance .balance-network {
  align-self: flex-start;
  border: 1px solid #68664a66;
  border-radius: 5px;
  padding: 3px 8px;
  margin-top: 12px;
  font-size: 11px;
}
.wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .production-ethereum .ethereum-columns > section {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #12161766;
}
@media (max-width: 1200px) {
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .account-access[data-signed-in=true] {
    grid-template-columns: minmax(0, 1fr);
  }
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) [data-account-cashier=session] {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) {
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) [data-account-cashier=session] > button { min-height: 44px; }
}
@media (max-width: 620px) {
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) :is(#finance, #signed-in, .account-cashier, .columns) { gap: 20px; }
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .account-access[data-signed-in=true] { padding: 20px; }
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .balances { gap: 10px; }
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .balance-heading .currency-icon { width: 28px; height: 28px; }
  .wallet-site .wallet-content > #production-cashier-root:not(.is-ingame) .production-ethereum .ethereum-columns > section { padding: 16px; }
}

/* Keep phone controls readable without Safari zooming the form on focus. */
@media (max-width: 900px) {
  .wallet-site .wallet-content { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); padding-bottom: max(28px, env(safe-area-inset-bottom)); }
  .wallet-site .wallet-content input:not([type=checkbox]), .wallet-site .wallet-content select { font-size: 16px; }
  .wallet-site .wallet-content button, .wallet-site .wallet-content .wallet-details summary,
  .wallet-site .wallet-content .account-cashier button, .wallet-site .wallet-content .password-auth .quiet-button { min-height: 44px; }
  .wallet-site .wallet-content .wallet-details summary { padding-block: 11px; }
  .wallet-site .wallet-content .account-cashier [data-account-cashier=refresh-balances],
  .wallet-site .wallet-content .account-cashier [data-account-cashier=signout],
  .wallet-site .wallet-content .account-cashier [data-account-cashier=use-ethereum],
  .wallet-site .wallet-content .asset-network .text-button { min-height: 44px; }
  .wallet-site .wallet-content .production-ethereum .panel-heading { flex-wrap: wrap; }
  .wallet-site .wallet-content .production-ethereum .ethereum-review { padding: 14px; }
}