@media(max-width:850px){body{display:block;padding-bottom:66px}
aside{position:fixed;z-index:8;bottom:0;left:0;right:0;height:66px;padding:5px 6px max(5px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);display:block}
.brand,.boundary{display:none}
nav{display:flex;overflow-x:auto;gap:2px;margin:0;scrollbar-width:none}
nav button{flex:0 0 auto;min-width:84px;padding:10px 8px;text-align:center;font-size:.72rem;white-space:nowrap}
header{min-height:116px;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
header>div:first-child{margin:0}
.locale-controls{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr}
.locale-controls select{min-width:0}
#signin,#wallet-disconnect,#wallet-revoke{grid-column:auto;padding:8px 10px;font-size:.75rem;max-width:130px}
#signin{grid-column:2;grid-row:1}
#wallet-disconnect,#wallet-revoke{max-width:none;grid-column:1;grid-row:3}
.wallet-status,.wallet-summary{font-size:.7rem}
.wallet-checks{margin-top:10px}
.wallet-chooser-panel{width:min(94vw,520px)}
main{padding:24px 16px 42px}
.metrics{grid-template-columns:1fr 1fr}
.metrics article:nth-child(2){border-inline-end:0}
.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}
.row{grid-template-columns:1fr}
.row-actions button{width:auto}
.table{padding:4px 14px}
.bar{align-items:flex-start}
pre{font-size:.78rem}
}
@media(max-width:420px){h1{font-size:1.2rem}
.metrics{grid-template-columns:1fr}
.metrics article{border-inline-end:0!important;border-bottom:1px solid var(--line)!important}
.metrics article:last-child{border-bottom:0!important}
.callout,form{padding:17px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}