/* Wallet and installation fit the same scrollable arena sheets on phone and PC. */
.arena-welcome-brand .coinbrawl-welcome-logo{display:block;width:min(100%,560px);height:auto;object-fit:contain;margin:20px auto}
.arena-install-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #40534b;padding-top:12px;margin-top:16px}
.arena-install-row small{color:#afbab1;font-size:12px;line-height:1.4}
.arena-install-row [data-add-app]{flex-shrink:0;padding:10px 16px;min-height:42px;font-size:12px;background:#1d302b;color:#e4f76a;border:1px solid #607843}
.wallet-picker{width:min(620px,calc(100% - 24px))}
.wallet-picker .crypto-sheet-body{display:grid;gap:16px}
.wallet-picker .wallet-choices{display:grid;gap:10px}
.wallet-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:70px;padding:18px;text-align:left;background:#20362e;border:1px solid #667d54;color:#f5f1d5}
.wallet-choice strong{font-size:19px}.wallet-choice span{font-size:13px;color:#c1cbc1;text-transform:none;letter-spacing:normal}
.wallet-choice:hover{border-color:#e4f76a;background:#2b402d}.wallet-choice:focus-visible{outline:2px solid #e4f76a;outline-offset:3px}
.wallet-browser-option{padding-top:14px;border-top:1px solid #40534b}.wallet-browser-option a,.usdc-funding-guide a{color:#e4f76a;font-weight:700;text-underline-offset:4px}
.wallet-browser-option p{font-size:13px;line-height:1.5;color:#b6c1b7;margin:8px 0 0}
.funding-routes{display:grid;gap:10px;margin:14px 0}.funding-route{border:1px solid #41594e;background:#142823;padding:14px}
.funding-route summary{font-size:15px;color:#f6f2db;font-weight:700;cursor:pointer;line-height:1.4}.funding-route ol{padding-left:22px}.funding-route li{padding:5px 0;line-height:1.55}
.funding-destination{overflow-wrap:anywhere}.funding-copy-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}.funding-copy-row button{padding:10px 14px;min-height:42px}
#usdc-funding-copy-status{font-size:12px;color:#b5c2b5}.funding-network{color:#e4f76a;font-weight:700}
.wallet-picker .crypto-sheet-body{align-content:start}.wallet-picker #wallet-picker-status{margin:0;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.wallet-picker .keyboard-heading{flex-shrink:0}.wallet-picker .wallet-handoff{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:center;gap:20px}.wallet-picker .wallet-handoff-copy{min-width:0}.wallet-handoff-copy p{font-size:15px;line-height:1.55;margin:0 0 14px}.wallet-open-app{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;text-align:center;background:#e4f76a;border:1px solid #e4f76a;color:#101818;font-weight:800;text-decoration:none}.wallet-install-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#c4d89d;font-size:13px;text-underline-offset:4px}.wallet-picker canvas{display:block;width:100%;max-width:260px;height:auto;aspect-ratio:1;background:#fff;image-rendering:pixelated;justify-self:center}.wallet-picker #wallet-picker-retry{min-height:44px;padding:12px;border:1px solid #789754;background:#20362e;color:#e4f76a;font-weight:700}.wallet-picker a:focus-visible,.wallet-picker button:focus-visible{outline:2px solid #e4f76a;outline-offset:3px}.wallet-picker .wallet-handoff:has(canvas.hidden){grid-template-columns:1fr}.arena-wallet-balance{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;text-align:left;padding:14px 16px;margin:14px 0;background:#182e27;border:1px solid #536b51}.arena-wallet-balance>span{font-size:11px;letter-spacing:1px;color:#b7c7ae}.arena-wallet-balance>strong{grid-row:2;font-size:clamp(22px,4vw,32px);line-height:1.2;color:#e4f76a;overflow-wrap:anywhere}.arena-wallet-balance>button{grid-column:2;grid-row:1/span 2;align-self:center;min-height:44px;padding:10px 14px;background:#263c2d;border:1px solid #789754;color:#f5f1d7;font-size:12px;font-weight:700}
@media(max-width:600px){.arena-install-row{flex-wrap:wrap}.wallet-choice{align-items:flex-start;flex-direction:column;gap:5px;padding:14px}.funding-route{padding:12px}.arena-welcome-brand .coinbrawl-welcome-logo{margin:10px auto}}
@media(max-width:520px){.wallet-picker .wallet-handoff{grid-template-columns:1fr}.arena-wallet-balance{grid-template-columns:1fr}.arena-wallet-balance>button{grid-column:1;grid-row:3;width:100%}.wallet-picker canvas{max-width:min(260px,100%)}}
@media(orientation:landscape) and (max-height:540px){.wallet-picker{width:min(840px,calc(100% - 20px))}.wallet-picker .keyboard-heading{padding:10px 16px}.wallet-picker h2{font-size:27px}.wallet-picker .crypto-sheet-body{padding:12px 16px;gap:10px}.wallet-picker .wallet-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-choice{min-height:54px;padding:12px;flex-direction:column;align-items:flex-start;gap:4px}.wallet-choice strong{font-size:17px}.wallet-choice span{font-size:12px}.arena-install-row{margin-top:8px;padding-top:8px}.arena-welcome-brand .coinbrawl-welcome-logo{margin:8px auto;max-height:110px}}

/* The wallet uses the existing sheet's single native scroll area. */
#usdc-info[data-view="wallet"]{width:min(680px,calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}
#usdc-info[data-view="wallet"] .keyboard-heading{padding:18px 20px 12px}
#usdc-info[data-view="wallet"] .keyboard-heading h2{font-size:30px;line-height:1.1}
#usdc-info[data-view="wallet"] .crypto-sheet-body{padding:8px 20px 16px;min-width:0;scroll-padding-block:12px}
#usdc-info[data-view="wallet"] .crypto-sheet-body>section{min-width:0}
#usdc-info[data-view="wallet"] .usdc-funds-overview{padding:18px;margin:0 0 14px;border:1px solid #5b7456;background:#1b3029}
#usdc-info[data-view="wallet"] .usdc-funds-overview .crypto-wallet-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
#usdc-info[data-view="wallet"] .usdc-funds-overview dt{font-size:12px;line-height:1.45}
#usdc-info[data-view="wallet"] .usdc-funds-overview dd{margin-top:7px;font-size:clamp(23px,4vw,30px);line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#usdc-info[data-view="wallet"] #usdc-funds-wallet{color:#e4f76a}
#usdc-info[data-view="wallet"] #usdc-funds-available{color:#f5f1d7}
#usdc-info[data-view="wallet"] .usdc-funds-overview .crypto-detail-copy{font-size:12px;line-height:1.55;margin:14px 0}
#usdc-info[data-view="wallet"] .usdc-funds-actions{display:flex;flex-wrap:wrap;gap:8px}
#usdc-info[data-view="wallet"] .usdc-funds-actions button{min-height:46px;max-width:100%;padding:11px 15px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
#usdc-info[data-view="wallet"] #usdc-funds-add{background:#e4f76a;border:1px solid #e4f76a;color:#14231e;font-weight:800}
#usdc-info[data-view="wallet"] #usdc-funds-withdraw{background:#263c2d;border:1px solid #8aa065;color:#f5f1d7}
#usdc-info[data-view="wallet"] #usdc-funds-refresh{background:transparent;border:1px solid #526c58;color:#c3d2bc}
#usdc-info[data-view="wallet"] .crypto-detail-copy{font-size:13px;line-height:1.55}
#usdc-info[data-view="wallet"] .crypto-sheet-footer{min-height:64px;padding:10px 20px;gap:14px}
#usdc-info[data-view="wallet"] #usdc-done{max-width:none;font-size:11px;padding:10px 0;min-height:44px}
#usdc-info[data-view="wallet"] .usdc-guided-action{min-width:0;flex-wrap:wrap;gap:8px 14px}
#usdc-info[data-view="wallet"] .usdc-guided-action>p{font-size:12px;line-height:1.5;flex:1 1 180px}
#usdc-info[data-view="wallet"] .usdc-guided-action>.crypto-primary-action{min-width:0;flex:1 1 180px;min-height:44px}
#usdc-info[data-view="wallet"] .usdc-tx-status{font-size:13px;line-height:1.55;margin:0 0 8px}
#usdc-info[data-view="wallet"] .usdc-tx-hash{font-size:12px;line-height:1.55;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
#usdc-info[data-view="wallet"] #usdc-wallet-home{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #40594b}
#usdc-wallet-id{margin:0;min-width:0;font:12px/1.5 monospace;color:#d3dec9;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
#usdc-wallet-notice{margin:0;min-width:0;font:13px/1.55 Arial,sans-serif;color:#c0cdb7}
#usdc-info[data-view="wallet"] #usdc-wallet-home #usdc-wallet-notice{grid-column:1}
#usdc-wallet-primary{min-height:44px;max-width:100%;padding:10px 14px;font:700 12px/1.4 Arial,sans-serif;background:#263c2d;border:1px solid #789754;color:#e4f76a;white-space:normal}
#usdc-info[data-view="wallet"] #usdc-wallet-primary{grid-column:2;grid-row:1/span 2;align-self:center}
#usdc-info[data-view="wallet"] #usdc-wallet-section{padding:0;border-bottom:0}
#usdc-info #usdc-wallet-details{margin:10px 0 0;border-top:1px solid #40594b}
#usdc-wallet-details>summary{min-height:44px;padding:13px 0;font:700 12px/1.5 Arial,sans-serif;color:#c0d0b4;cursor:pointer}
#usdc-wallet-details .usdc-wallet-summary{font-size:12px;line-height:1.5;margin:0 0 12px}
#usdc-wallet-details .usdc-wallet-summary>div{gap:14px;padding:8px 0}
#usdc-wallet-details .usdc-wallet-summary>div:first-child dd{font-size:12px}
#usdc-wallet-details .usdc-wallet-actions button{min-height:44px;font-size:12px}
#usdc-info #usdc-recovery-card{padding:14px;margin:14px 0 0;border:1px solid #8b8958;background:#2b3023}
#usdc-recovery-card .crypto-detail-copy{margin:8px 0;font-size:13px;line-height:1.55}
#usdc-wallet-recovery{min-height:44px;max-width:100%;margin-top:10px;padding:10px 14px;background:#293e2b;border:1px solid #819b5f;color:#e4f76a;font:700 12px/1.4 Arial,sans-serif;white-space:normal}
/* The same funding guide can be opened during duel preparation. */
#usdc-info #usdc-funding-guide{min-width:0}
#usdc-info[data-view="wallet"][data-funding="true"] #usdc-funding-guide{margin:0;border-top:0}
#usdc-info[data-view="wallet"][data-funding="true"] #usdc-funding-guide>summary{display:none}
#usdc-funding-back{min-height:44px;padding:10px 0;margin:0 0 10px;border:0;background:transparent;color:#c3d2bb;font:700 12px/1.4 Arial,sans-serif;text-align:left}
#usdc-funding-intro{font:13px/1.55 Arial,sans-serif;color:#d2ddc7;margin:0 0 14px}
#usdc-info .funding-source-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 16px}
#usdc-info .funding-source-options>button{min-width:0;min-height:54px;padding:11px 8px;border:1px solid #607b58;background:#1b3029;color:#d6dfcd;font:700 13px/1.4 Arial,sans-serif;text-align:center;white-space:normal;overflow-wrap:anywhere}
#usdc-info .funding-source-options>button[aria-pressed="true"]{border-color:#e4f76a;color:#e4f76a;background:#2b402c;box-shadow:inset 0 -2px #e4f76a}
#usdc-info .funding-source-options>button small{display:block;margin-top:4px;color:#b4c4ac;font:11px/1.4 Arial,sans-serif}
#usdc-info .funding-route-panel{min-width:0;padding:15px;border:1px solid #536d52;background:#172b25;font:13px/1.6 Arial,sans-serif;color:#d7e0ce}
#usdc-info .funding-route-panel h3,#usdc-info .funding-route-panel h4{margin:0 0 10px;font:700 15px/1.4 Arial,sans-serif;color:#f2f2d9}
#usdc-info .funding-route-panel p{margin:10px 0}
#usdc-info .funding-route-panel ol{margin:0;padding-left:21px}
#usdc-info .funding-route-panel li{padding-left:3px;margin:0 0 10px}
#usdc-info .funding-route-panel li:last-child{margin-bottom:0}
#usdc-info .funding-route-panel a{display:inline-block;min-height:44px;padding:11px 0;line-height:1.55}
#usdc-info label:has(#usdc-funding-network-confirm){display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:14px 0 0;padding:12px;border:1px solid #84975d;background:#243a29;color:#eef1d6;font:700 13px/1.5 Arial,sans-serif;cursor:pointer}
#usdc-funding-network-confirm{flex:none;width:20px;height:20px;margin:0;accent-color:#c4f464}
#usdc-info #usdc-funding-receive{min-width:0;margin-top:14px;padding:14px;border:1px solid #708a54;background:#203729}
#usdc-funding-receive .funding-destination{margin:0;font:12px/1.5 Arial,sans-serif}
#usdc-funding-receive .funding-destination>div{display:block;padding:0;border:0}
#usdc-funding-receive .funding-destination dt{color:#d7e4c7}
#usdc-funding-receive .funding-destination dd{margin:8px 0 0;font:13px/1.65 monospace;color:#f0f2d9;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
#usdc-info #usdc-funding-copy{min-height:44px;padding:10px 14px;font-size:12px}
#usdc-info #usdc-funding-copy-status{font-size:12px;line-height:1.55;overflow-wrap:anywhere}
#usdc-info #usdc-funding-check{min-height:46px;width:100%;margin-top:14px;padding:12px 16px;border:1px solid #e4f76a;background:#e4f76a;color:#14231e;font-size:12px;line-height:1.4}
#usdc-info .usdc-amount-entry{min-width:0}
#usdc-info #usdc-amount-range{font-size:11px;line-height:1.5;margin:8px 0}
#usdc-info #usdc-amount-error{font-size:12px;line-height:1.5;margin:10px 0 0;color:#ffbd9d;overflow-wrap:anywhere}
#usdc-info .usdc-stake-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:6px;width:100%;min-width:0;margin-top:10px}
#usdc-info .usdc-stake-presets>button{min-width:0;min-height:44px;padding:8px 6px;background:#1b3029;border:1px solid #607b58;color:#d6dfcd;font:700 12px/1.4 Arial,sans-serif}
#usdc-info .usdc-stake-presets>button[aria-pressed="true"]{border-color:#e4f76a;color:#e4f76a;background:#2b402c}
#usdc-info .usdc-amount-label input{font-size:16px;line-height:1.4}
#usdc-info .usdc-amount-label input[aria-invalid="true"]{border-color:#ffbd9d}
#usdc-info #usdc-wallet-details>summary:focus-visible,#usdc-info #usdc-funding-network-confirm:focus-visible{outline:2px solid #e4f76a;outline-offset:4px}
@media(max-width:480px){
 #usdc-info[data-view="wallet"] .keyboard-heading{padding:14px 16px 10px}
 #usdc-info[data-view="wallet"] .crypto-sheet-body{padding:6px 16px 14px}
 #usdc-info[data-view="wallet"] .usdc-funds-overview{padding:15px}
 #usdc-info[data-view="wallet"] .usdc-funds-overview .crypto-wallet-lines{grid-template-columns:minmax(0,1fr);gap:16px}
 #usdc-info[data-view="wallet"] .usdc-funds-overview .crypto-wallet-lines>div+div{border-top:1px solid #486046;padding-top:14px}
 #usdc-info[data-view="wallet"] .usdc-funds-actions button{flex:1 1 120px}
 #usdc-info[data-view="wallet"] #usdc-funds-refresh{flex-basis:100%}
 #usdc-info[data-view="wallet"] .crypto-sheet-footer{padding-inline:16px;gap:12px}
 #usdc-info[data-view="wallet"] #usdc-wallet-home{grid-template-columns:minmax(0,1fr);padding-bottom:12px;margin-bottom:12px}
 #usdc-info[data-view="wallet"] #usdc-wallet-primary{grid-column:1;grid-row:auto;justify-self:start;margin-top:5px}
 #usdc-info .funding-source-options{gap:6px}
 #usdc-info .funding-source-options>button{font-size:12px;padding:10px 6px}
 #usdc-info .funding-route-panel{padding:13px}
 #usdc-info #usdc-funding-receive{padding:12px}
}
@media(orientation:landscape) and (max-height:540px){
 #usdc-info[data-view="wallet"]{width:min(780px,calc(100% - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)))}
 #usdc-info[data-view="wallet"] .keyboard-heading{padding:8px 16px}
 #usdc-info[data-view="wallet"] .keyboard-heading h2{font-size:25px}
 #usdc-info[data-view="wallet"] .crypto-sheet-body{padding:6px 16px 12px}
 #usdc-info[data-view="wallet"] .usdc-funds-overview{padding:12px 14px;margin-bottom:10px}
 #usdc-info[data-view="wallet"] .usdc-funds-overview dd{font-size:24px;margin-top:4px}
 #usdc-info[data-view="wallet"] .usdc-funds-overview .crypto-detail-copy{margin:10px 0}
 #usdc-info[data-view="wallet"] .crypto-sheet-footer{min-height:58px;padding:7px 16px}
 #usdc-info[data-view="wallet"] #usdc-wallet-home{padding-bottom:10px;margin-bottom:10px}
 #usdc-info .funding-source-options{margin:8px 0 12px}
 #usdc-info .funding-source-options>button{min-height:44px;padding:9px}
 #usdc-info .funding-route-panel{padding:12px 14px}
 #usdc-funding-back{margin-bottom:4px}
}