/* Stranger Talk mobile dashboard refresh — additive, existing actions/data preserved */
@media (max-width: 640px){
  :root{--gutter:16px;--header-h:58px;--nav-h:66px}
  html,body{overflow-x:hidden}
  body{font-size:16px;line-height:1.55}
  .site-header{box-shadow:0 1px 0 rgba(15,23,42,.04)}
  .header-inner{padding-inline:16px;gap:10px}
  .brand-name{font-size:16px;letter-spacing:-.35px}
  .brand-mark{width:30px;height:30px}
  .header-actions{gap:6px}
  .header-actions .icon-btn{width:40px;height:40px;border-radius:12px}
  .main{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 20px)}
  .shell.dashboard-home{width:100%;max-width:560px;margin:0 auto;padding:14px 16px 24px}
  .v2-hero{margin:0 0 14px!important;padding:14px!important;border-radius:18px!important}
  .v2-idrow{gap:10px}
  .v2-avl{width:44px!important;height:44px!important;flex-basis:44px!important}
  .v2-g h2{font-size:16px!important;line-height:1.3}
  .v2-g small,.v2-rank{font-size:12px!important;line-height:1.45}
  .v2-code{min-height:42px;padding:0 11px!important;border-radius:12px!important;font-size:12px!important}
  .v2-stats{gap:0!important;margin-top:14px!important;padding-top:12px!important}
  .v2-stats>div{padding-inline:5px!important}
  .v2-stats b{font-size:17px!important;font-variant-numeric:tabular-nums}
  .v2-stats span{font-size:11px!important;line-height:1.3}
  .v2-rc{position:relative;overflow:hidden;margin:0 0 14px!important;padding:22px 18px 18px!important;border-radius:20px!important;text-align:left!important;min-height:0!important}
  .v2-rc h2{max-width:13em;font-size:clamp(25px,7vw,31px)!important;line-height:1.17!important;letter-spacing:-.8px!important;text-wrap:balance}
  .v2-rc h2 span{display:block}
  .v2-rc p{max-width:30em;margin:9px 0 16px!important;font-size:14px!important;line-height:1.55!important}
  .v2-rc .v2-k{font-size:12px!important}
  .v2-rc .v2-go{width:100%;min-height:58px!important;border-radius:14px!important}
  .v2-rc .v2-go b{font-size:15px!important}
  .v2-rc .v2-go small{font-size:12px!important}
  .v2-globe{width:68px!important;height:68px!important;right:12px!important;top:10px!important;opacity:.13!important}
  .v2-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 20px!important}
  .v2-q{min-height:116px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:40px auto auto!important;align-content:start!important;align-items:center!important;gap:5px 10px!important;padding:13px!important;border-radius:15px!important;text-align:left!important}
  .v2-q .v2-mi{grid-column:1;grid-row:1;width:40px!important;height:40px!important;border-radius:12px!important}
  .v2-q>b{grid-column:1/-1;grid-row:2;font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere}
  .v2-q>small{grid-column:1/-1;grid-row:3;font-size:12px!important;line-height:1.4!important;color:var(--text2)!important;overflow-wrap:anywhere}
  .v2-q .st-hot-b{font-size:9px!important}
  .v2-cols,.db2-cols{display:flex!important;flex-direction:column!important;gap:14px!important}
  .v2-col,.db2-col{width:100%!important;min-width:0!important}
  .v2-sec,.db2-sec,.v2-fandom,.db2-fh,.db-invite{margin:0 0 14px!important;border-radius:16px!important}
  .v2-sec h2,.db-h2{font-size:18px!important;line-height:1.3!important;letter-spacing:-.25px}
  .v2-sec p,.db-sub{font-size:13px!important;line-height:1.5!important}
  .v2-quick button,.v2-sec button,.db2 button{touch-action:manipulation}
  /* Current dashboard markup uses db2-* classes; keep mobile action tiles readable. */
  .db2 .db2-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .db2 .db2-tile{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;justify-items:start;gap:4px 10px;min-height:82px;padding:12px;border-radius:15px;text-align:left}
  .db2 .db2-ti{grid-column:1;grid-row:1 / span 2;width:40px;height:40px}
  .db2 .db2-tile>b{grid-column:2;grid-row:1;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
  .db2 .db2-tile>small{display:block;grid-column:2;grid-row:2;font-size:12px;line-height:1.35;color:var(--text2);overflow-wrap:anywhere}
  .db2 .db2-rc{padding:18px;border-radius:20px}
  .db2 .db2-go{min-height:56px;border-radius:14px}
  .db2 .db2-cols{grid-template-columns:minmax(0,1fr);gap:14px}
  .db2 .db2-col{gap:14px}
  .db2 .db2-fh-top{padding:14px;gap:10px}
  .db2 .db2-fh-open{min-height:44px;padding:8px 12px}
  .bottom-nav{height:calc(66px + var(--safe-bottom))!important;padding:0 5px var(--safe-bottom)!important;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--surface) 94%,transparent)!important;box-shadow:0 -5px 20px rgba(15,23,42,.06)}
  .bottom-nav-item{height:66px!important;gap:4px!important;font-size:11px!important;font-weight:700!important}
  .bottom-nav-item svg{width:20px;height:20px}
  .bottom-nav-item.active{color:var(--brand)!important}
  .footer-global{padding-bottom:calc(78px + var(--safe-bottom))!important}
  button,a,input,select,textarea{scroll-margin-bottom:90px}
}
@media (max-width:380px){
  .shell.dashboard-home{padding-inline:12px}
  .v2-hero{padding:12px!important}
  .v2-code{padding-inline:8px!important;font-size:11px!important}
  .v2-rc{padding:19px 15px 16px!important}
  .v2-q{padding:11px!important;min-height:112px!important}
  .v2-q>b{font-size:13.5px!important}
  .bottom-nav-item{font-size:10.5px!important}
}
@media (prefers-reduced-motion:reduce){.v2-q,.v2-go{transition:none!important}}