:root{color-scheme:light;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#242424;background:#101312;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-width:280px;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#292d29 0,#141715 55%,#090b0a 100%)}
button,a,select{-webkit-tap-highlight-color:transparent}
button,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait}
a{color:inherit;text-underline-offset:3px}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--screen-ink,#242424);outline-offset:3px}
.atm-stage{position:relative;isolation:isolate;width:min(100%,600px);height:max(640px,min(800px,133.333vw));background:url('/atm-cabinet.jpg?v=native-eth-1') center/100% 100% no-repeat;filter:drop-shadow(0 20px 38px #0008);container-type:inline-size}
.wallet{--screen-paper:#fafafa;--screen-ink:#242424;--screen-muted:#616161;--screen-faint:#757575;--screen-line:#00000022;--screen-control:#ebebeb;--screen-control-hover:#dedede;--screen-highlight:#00000005;--screen-own:#e2e2e2;position:absolute;z-index:2;left:13.55%;right:13.25%;top:18.25%;bottom:39.4%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aaa #f1f1f1;padding:17px 19px 12px;background:var(--screen-paper);color:var(--screen-ink);color-scheme:light;display:flex;flex-direction:column}
.heading{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;margin:0 0 9px;width:100%}
h1{margin:0;font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.8px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.screen-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px;border-bottom:1px solid var(--screen-line)}
.screen-tab{padding:3px 0 8px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--screen-muted);background:none;font-size:12px;line-height:1.3;white-space:nowrap}
.screen-tab[aria-selected="true"]{color:var(--screen-ink);border-bottom-color:var(--screen-ink)}
.screen-tab:hover{color:var(--screen-ink)}
.wallet-view{display:flex;flex-direction:column;flex-shrink:0}
.field-label{font-size:8px;line-height:1.4;letter-spacing:1.25px;color:var(--screen-muted);text-transform:uppercase}
.ecosystem-picker,.wallet-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;flex-shrink:0;border-bottom:1px solid var(--screen-line)}
.ecosystem-picker select,.wallet-picker select{width:71%;min-width:0;min-height:29px;padding:3px 3px 3px 5px;border:0;border-radius:0;color:var(--screen-ink);background:var(--screen-control);font-size:11px;line-height:1.4}
.wallet option{background:var(--screen-control);color:var(--screen-ink)}
select:disabled{opacity:.6}
.wallet:has(#account-panel:not([hidden])) .ecosystem-picker{display:none}
.account{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:1px 0 8px;margin-top:0;border-bottom:1px solid var(--screen-line)}
.account-details{min-width:0}
.account-details .field-label{display:block;margin-bottom:5px;font-size:8px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.address-button{display:flex;align-items:center;gap:6px;border:0;padding:0;background:none;color:var(--screen-ink);font-size:11px;white-space:nowrap}
.address-button svg,.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.account-tools{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}
.text-button{padding:4px 0 4px 6px;border:0;background:none;color:var(--screen-muted);font-size:9px;white-space:nowrap}
.text-button:hover{color:var(--screen-ink)}
.account-picker{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:6px}
.account-picker .field-label{max-width:65px;font-size:7px}
.account-picker select{flex:1;min-width:0;min-height:25px;border:1px solid var(--screen-line);border-radius:0;background:var(--screen-control);padding:3px 5px;color:var(--screen-ink);font-size:10px}
.portfolio{position:relative;display:flex;align-items:center;justify-content:center;margin:6px 0 0;padding:0;flex-shrink:0;min-height:0;text-align:center}
.total-value{font-size:clamp(26px,7.8cqw,45px);font-weight:500;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.total-currency{display:block;margin-top:4px;font-size:8px;font-weight:500;letter-spacing:1px;color:var(--screen-muted)}
.portfolio.is-error .total-value,.portfolio.is-loading .total-value{font-size:24px;letter-spacing:-1px;color:var(--screen-muted)}
.portfolio.is-error .total-currency,.portfolio.is-loading .total-currency{display:none}
.actions{flex-shrink:0}
.publication-disclosure{margin:0 0 8px;color:var(--screen-muted);font-size:8px;line-height:1.45}
.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:7px 12px;border:1px solid #aaa;border-radius:1px;background:var(--screen-control);color:var(--screen-ink);box-shadow:inset 0 1px #fff9,0 2px 0 #0002;font-size:12px;font-weight:600;transition:background .15s}
.primary-button:hover:not(:disabled){background:var(--screen-control-hover)}
.primary-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff9}
.primary-button:disabled{opacity:.6}
.primary-button span{font-size:16px;font-weight:400}
.status{margin:7px 0 0;font-size:9px;line-height:1.5;color:var(--screen-muted);overflow-wrap:anywhere}
.status:empty{display:none}
.status.is-error{color:var(--screen-ink);text-decoration:underline;text-decoration-color:var(--screen-muted);text-underline-offset:3px}
.leaderboard-save-status{color:var(--screen-faint);margin-top:4px}
.wallet-help{flex-shrink:0;margin:12px 0 4px;padding:9px 0 0;border-top:1px solid var(--screen-line);font-size:10px;line-height:1.55;color:var(--screen-muted)}
.wallet-help p{margin:0}
.help-links{display:flex;flex-wrap:wrap;gap:5px 12px;margin:6px 0;font-size:10px;font-weight:500;color:var(--screen-ink)}
.wallet-help .help-note{font-size:9px;color:var(--screen-muted)}
.wallet-help .help-note+.help-note{margin-top:5px}
.leaderboard-view{min-width:0}
.leaderboard-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:0 0 4px;color:var(--screen-muted);font-size:7px;line-height:1.4;letter-spacing:.3px}
.leaderboard-heading .text-button{font-size:8px;color:var(--screen-ink);padding:4px 0 4px 4px}
.leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9px;line-height:1.35;font-variant-numeric:tabular-nums}
.leaderboard-table th{font-weight:400;color:var(--screen-muted);font-size:7px;letter-spacing:.5px;text-align:left;padding:5px 2px;border-bottom:1px solid var(--screen-line)}
.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:24px}
.leaderboard-table th:last-child,.leaderboard-table td:last-child{width:46%;text-align:right}
.leaderboard-table td{padding:7px 2px;border-bottom:1px solid var(--screen-line);vertical-align:top;color:var(--screen-ink);overflow-wrap:anywhere}
.leaderboard-table .leaderboard-address{white-space:nowrap;font-size:9px}
.leaderboard-table .is-own td{color:var(--screen-ink);background:var(--screen-highlight)}
.leaderboard-table .is-outside td{border-top:1px dashed var(--screen-muted)}
.leaderboard-table .you-label{display:block;margin-top:2px;color:var(--screen-muted);font-size:7px;letter-spacing:.4px}
.leaderboard-empty{margin:22px 0;color:var(--screen-muted);text-align:center;font-size:10px}
.leaderboard-note{margin:9px 0 0;font-size:7px;line-height:1.5;color:var(--screen-muted)}
footer{display:flex;align-items:center;flex-wrap:wrap;gap:5px;flex-shrink:0;margin-top:auto;padding-top:8px;font-size:8px;line-height:1.5;color:var(--screen-muted)}
footer #full-page{margin-left:auto}
.noscript{font-size:11px;line-height:1.5}
@media(min-width:650px){.atm-stage{margin:24px auto;height:800px}.wallet{padding:24px 26px 16px}h1{font-size:25px}.field-label{font-size:9px}.ecosystem-picker,.wallet-picker{min-height:36px}.ecosystem-picker select,.wallet-picker select{font-size:12px;min-height:35px}.portfolio{margin:17px 0}.wallet:has(#account-panel:not([hidden])) .portfolio{margin:6px 0 0}.primary-button{min-height:42px;font-size:14px}.status{font-size:10px}.text-button{font-size:10px}.address-button{font-size:12px}.screen-tab{font-size:14px}.publication-disclosure{font-size:9px}.leaderboard-table{font-size:11px}.leaderboard-table .leaderboard-address{font-size:11px}.leaderboard-table th,.leaderboard-heading{font-size:8px}.leaderboard-heading .text-button{font-size:10px}.leaderboard-note{font-size:8px}footer{font-size:9px}}
@media(max-width:400px){.atm-stage{height:650px}.wallet{padding:14px 13px 10px}.heading{margin-bottom:7px}h1{font-size:19px}.field-label{font-size:7px;letter-spacing:1px}.ecosystem-picker select,.wallet-picker select{font-size:10px}.portfolio{margin:5px 0 0;min-height:0}.total-value{font-size:30px;letter-spacing:-1.5px}.primary-button{font-size:11px;min-height:35px;padding-inline:10px}.account-tools .text-button{font-size:8px}.address-button{font-size:10px}.account-details .field-label{max-width:115px}.account-picker .field-label{max-width:50px}.account-picker select{font-size:9px}.portfolio.is-error .total-value,.portfolio.is-loading .total-value{font-size:22px}.screen-tab{font-size:11px}.publication-disclosure{font-size:8px;margin-bottom:7px}.leaderboard-table{font-size:8px}.leaderboard-table .leaderboard-address{font-size:8px}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:20px}.leaderboard-table th:last-child,.leaderboard-table td:last-child{width:44%}.leaderboard-table td{padding-block:7px}.leaderboard-heading{letter-spacing:0}}
@media(max-width:320px){.wallet{padding-inline:9px}.field-label{font-size:6px}.ecosystem-picker select,.wallet-picker select{font-size:9px}.text-button{font-size:7px}.address-button{font-size:9px}.total-value{font-size:27px}.total-currency{font-size:7px}.status{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* One compact screen: balance, optional profile editor, and the top five. */
.wallet:has(#account-panel[hidden]) .portfolio{display:none}
.wallet .account-tools{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:145px;gap:0 5px}
.wallet .account-tools .text-button{padding:2px 0;font-size:8px}
.wallet .account{padding-bottom:5px}
.wallet .portfolio{margin:6px 0 0}
.wallet .total-value{font-size:clamp(26px,7cqw,40px)}
.wallet .leaderboard-view{margin-top:11px;flex-shrink:0}
.wallet .leaderboard-heading{margin-bottom:3px;font-size:7px}
.wallet .leaderboard-table td{padding-block:5px}
.leaderboard-name{display:block;font-size:9px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leaderboard-message{display:block;margin-top:2px;font-size:8px;color:var(--screen-muted);line-height:1.35;overflow-wrap:anywhere}
.leaderboard-table .is-own td{background:var(--screen-own);font-weight:600}
.leaderboard-table .is-own .leaderboard-message{font-weight:400}
.profile-editor{flex-shrink:0;margin-top:6px;padding:6px 0;border-block:1px solid var(--screen-line)}
.profile-editor>label{display:block;margin-bottom:8px;font-size:9px;color:var(--screen-ink)}
.profile-editor>label>span{color:var(--screen-muted);font-size:8px}
.profile-editor input[type="text"]{display:block;width:100%;min-width:0;margin-top:4px;border:1px solid #aaa;border-radius:0;padding:5px 6px;background:var(--screen-control);color:var(--screen-ink);font:inherit;font-size:10px}
.profile-editor input[type="text"]:focus{outline:none;box-shadow:none;border-color:#999;background:var(--screen-paper)}
.profile-editor input[type="text"]:focus-visible{outline:1px solid #999;outline-offset:1px}
.profile-editor .privacy-choice{display:flex;align-items:center;gap:5px;line-height:1.4}
.privacy-choice input{margin:0;accent-color:#555;flex-shrink:0}
.profile-actions{display:flex;align-items:center;gap:10px}
.profile-actions .profile-publish{padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--screen-ink)}
.profile-actions .profile-publish:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}
@media(min-width:650px){.wallet .account-tools{max-width:190px}.wallet .account-tools .text-button{font-size:9px}.leaderboard-name{font-size:11px}.leaderboard-message{font-size:9px}.wallet .leaderboard-heading{font-size:8px}.profile-editor>label{font-size:10px}}
@media(max-width:400px){.wallet .account-tools{max-width:120px;gap:0 4px}.wallet .account-tools .text-button{font-size:7px}.wallet .total-value{font-size:29px}.leaderboard-name{font-size:8px}.leaderboard-message{font-size:7px}.wallet .leaderboard-table td{padding-block:5px}}

.address-button.is-private{cursor:default}.address-button.is-private svg{display:none}.address-button #wallet-address{max-width:140px;overflow:hidden;text-overflow:ellipsis}.leaderboard-table .rank-column{width:2ch}.leaderboard-table .value-column{width:44%}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:2ch}.leaderboard-table th:last-child,.leaderboard-table td:last-child{width:44%}

.leaderboard-table .rank-column,.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:24px;white-space:nowrap;overflow-wrap:normal}

/* Keep the usual five rows plus your rank visible on a narrow ATM screen. */
@media(max-width:649px){.wallet{padding-top:10px;padding-bottom:8px}.wallet .portfolio{margin:5px 0 0}.wallet .leaderboard-view{margin-top:5px}.wallet .leaderboard-table td{padding-block:4px}}

/* Wallet choice is one explicit popup step, across both ecosystems. */
.ecosystem-picker,.wallet-picker{display:none!important}
.connect-button{display:inline-flex;align-items:baseline;justify-content:flex-start;gap:5px;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--screen-ink);box-shadow:none;font:inherit;font-size:13px;font-weight:600;text-align:left}
.connect-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}
.connect-button:disabled{opacity:.6}
.you-mark{font-size:8px;color:var(--screen-muted);font-weight:400;letter-spacing:0;white-space:nowrap}
.leaderboard-name .you-mark{margin-left:4px}
.wallet .leaderboard-heading{justify-content:flex-end}
.wallet-dialog{width:min(350px,calc(100vw - 32px));max-height:min(520px,calc(100svh - 40px));padding:18px;border:1px solid #aaa;border-radius:8px;overflow:auto;background:#fafafa;color:#242424;box-shadow:0 16px 60px #0006;font:12px/1.4 "SFMono-Regular",Consolas,"Liberation Mono",monospace;text-shadow:none}
.wallet-dialog::backdrop{background:#0007}
.wallet-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wallet-dialog h2{margin:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3}
.wallet-dialog-close{padding:0 3px;border:0;background:transparent;color:#555;font-size:24px;line-height:1}
.wallet-dialog-note{margin:10px 0;color:#666;font-size:11px}
.wallet-dialog-options{display:flex;flex-direction:column;gap:6px}
.wallet-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;background:#eee;color:#242424;text-align:left;font-size:12px;text-shadow:none}
.wallet-option:hover,.wallet-option:focus-visible{background:#e2e2e2;border-color:#888}
.wallet-option-network{flex-shrink:0;color:#666;font-size:9px}
.wallet-dialog .wallet-help{margin-top:10px;border:0;padding:0;color:#444}
.wallet-dialog .help-links{color:#333}.wallet-dialog .help-note{color:#666}
.profile-editor input:focus-visible{outline:2px solid var(--screen-ink);outline-offset:2px}
@media(min-width:650px){.connect-button{font-size:15px}.you-mark{font-size:9px}}
@media(max-width:400px){.connect-button{font-size:12px}}

.wallet .wallet-dialog button{text-shadow:none}

.tip-panel{flex-shrink:0;margin-top:clamp(16px,4cqw,24px);padding-top:8px}
.wallet:has(#profile-editor:not([hidden])) .tip-panel{margin-top:8px}
.tip-row{display:flex;align-items:center;gap:9px;font-size:9px}
.tip-row label{margin-right:auto;line-height:1.5;min-width:0}
.tip-row label span{white-space:nowrap}
.tip-row input{min-width:0;width:63px;padding:3px 5px;border:1px solid #aaa;border-radius:0;background:var(--screen-control);color:var(--screen-ink);font:inherit;text-align:right}
.tip-row input::placeholder{color:var(--screen-ink);opacity:1}
.tip-row input:focus{outline:none;border-color:#999;background:var(--screen-paper)}
.tip-row input:focus-visible{outline:1px solid #b8b8b8;outline-offset:1px}
.tip-row .text-button{padding:3px 0;border:0;background:none;color:var(--screen-ink);white-space:nowrap}
.tip-meta{margin:5px 0 0;font-size:7px;line-height:1.35;color:var(--screen-muted)}
#tip-note:not([hidden]){display:block;margin-bottom:3px}
.tip-meta a,.tip-transaction{color:inherit;text-decoration:none}
.tip-meta a:hover,.tip-transaction:hover{text-decoration:underline}
.tip-transaction{font-size:inherit}
@media(min-width:650px){.tip-row{font-size:11px}.tip-meta{font-size:9px}.tip-row input{width:75px}}
@media(max-width:400px){.tip-panel{padding-top:6px}.tip-row{gap:7px;font-size:8px}.tip-row input{width:50px;flex-shrink:0}.tip-meta{font-size:6px}}