html{-webkit-text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:hidden}
a,button,.btn,.rks-chip,.mnav-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
input,select,textarea{font-size:16px}

@media(max-width:760px){
  .cabar{font-size:11px;padding:6px 8px;gap:8px;position:relative;z-index:60}
  .cabar code{display:inline-block;max-width:min(68vw,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
  nav .wrap{height:56px;gap:8px;padding-left:12px;padding-right:12px}
  .logo{font-size:18px;gap:6px;flex-shrink:0}
  .logo svg,.logo .rk,nav .rk svg{width:28px!important;height:28px!important}
  .navbtn,nav>.wrap>.btn,nav .btn{padding:8px 10px!important;font-size:12px!important;box-shadow:3px 3px 0 var(--dark)!important}
  #rks-privy{max-width:46vw;min-width:0;overflow:hidden;flex:1 1 auto}
  #rks-privy .rks-chip{padding:8px 10px;font-size:12px;box-shadow:3px 3px 0 #0f2e29;white-space:nowrap}
  #rks-privy .rks-chip-row{gap:6px;max-width:100%}
  .hero{min-height:0;padding:28px 16px 36px}
  section{padding:56px 0}
  .divn{font-size:clamp(28px,11vw,64px);text-shadow:4px 4px 0 var(--dark)}
  .h2{font-size:clamp(28px,8vw,48px)}
  .marquee{margin:16px 0;transform:none}
  .ctas{gap:10px}
  .ctas .btn{flex:1 1 140px;justify-content:center;padding:12px 14px;font-size:14px}
  .pvbtns .btn{flex:1 1 46%;justify-content:center}
  .card{padding:18px;box-shadow:6px 6px 0 var(--dark)}
  footer{padding:28px 12px max(88px, env(safe-area-inset-bottom, 0px) + 48px);font-size:13px}
  .toast{max-width:92vw;font-size:13px}
}

.in-wallet body{padding-bottom:max(96px, env(safe-area-inset-bottom, 0px) + 56px)}
.in-wallet nav{top:0}
.in-wallet #rks-bar-slot{top:56px}
.in-wallet .rks-modal{padding:12px 10px 100px;align-items:flex-start}
.in-wallet .rks-modal-box{max-height:none}