/* R10: polish mobile; reuse approved color tokens, no visual redesign */
#screen-evolution .a28-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
#r10BadgesShortcut{grid-column:1/-1;min-height:50px;border-color:#977346;text-align:left;font-size:14px}
#screen-evolution .r9-badges{margin:4px 0 16px!important;padding:17px!important}
#screen-evolution .r9-badges .r8-heading h3{font-size:21px;line-height:1.18}
#screen-evolution .r9-badges .r8-heading p{font-size:12px}
#screen-evolution .r9-badges .r8-medal{font-size:22px;padding:8px}
#screen-evolution .r9-badges #r9BadgeStatus{font-size:12px;padding:9px;margin:10px 0}
#screen-evolution .r9-badges .r8-actions button{font-size:12px;min-height:44px}
.r4-dashboard .r4-daily.r10-chart-empty{height:38px;margin-top:12px;align-items:flex-end}
.r4-dashboard .r10-empty-block .r4-note{margin-top:12px}
.r4-dashboard .r4-top{flex-wrap:wrap;align-items:flex-start}
.r4-dashboard .r4-top>div:first-child{min-width:0;flex:1 1 180px}
.r4-dashboard .r4-periods{flex:0 0 auto}
.r4-dashboard .r4-stats strong{overflow-wrap:anywhere}
.a28-overlay .a28-sheet{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 12px);scroll-padding-top:18px}
.a28-overlay .a28-head{position:relative}
@media(max-width:420px){
 #screen-evolution .r4-stats{gap:6px}
 #screen-evolution .r4-stats>div{padding:9px 7px}
 #screen-evolution .r4-stats small{font-size:10px}
 #screen-evolution .r4-stats strong{font-size:22px}
 .a28-sheet [data-ms]{scroll-snap-align:start;min-height:44px}
}