/* Shared text sizes follow the existing pixel skin at every breakpoint.
   Typography only: each skin keeps its own family, weight and layout. */

.lobby-brand h1{font-size:clamp(36px,5vw,70px)}
.lobby-menu button{font-size:15px}
.lobby-menu .lobby-start{font-size:18px}
.hud .run-stats>#timer{font-size:20px}
@media (pointer:coarse),(max-width:800px),(max-width:1000px) and (max-height:500px){
 .overlay{font-size:14px}.overlay .choice p,.overlay .shop-card p,.overlay .library-skill p{font-size:12px}
 .lobby-brand h1{font-size:clamp(32px,7vw,52px)}
 .hud .run-stats>#timer{font-size:18px}
}
@media (pointer:coarse) and (orientation:landscape),(max-width:800px) and (orientation:landscape),(max-width:1000px) and (max-height:500px){
 .choice b{font-size:14px}
 .touch-actions button>span{font-size:9px}
}
@media (max-width:560px) and (orientation:portrait){
 .overlay .choice p,.overlay .shop-card p{font-size:12px}
}
@media (pointer:coarse),(max-width:800px),(max-width:1000px) and (max-height:500px){
 html[data-graphics] #mechanicHint{font-size:11px}
 html[data-graphics] #tutorialHint h3{font-size:14px}
 html[data-graphics] #tutorialHint p{font-size:13px}
}

@media (pointer:coarse),(max-width:800px),(max-width:1000px) and (max-height:500px){
 html[data-graphics] #toast{font-size:12px}
}