/* Shared interface dimensions use the established pixel values.
   Skins retain borders, ornaments, typography metrics and alignment fixes.
   Cartoon weapon labels retain ellipsis/flex to contain long names/mastery. */

.lobby-brand h1{margin:18px 0}
.lobby-menu{gap:10px}
.lobby-menu button{min-height:48px}
@media (pointer:coarse) and (orientation:landscape),(max-width:800px) and (orientation:landscape),(max-width:1000px) and (max-height:500px){
 .choice-screen .choices,.armory .choices{gap:8px}
 .choice{padding:9px 10px}
}
@media (pointer:coarse),(max-width:800px),(max-width:1000px) and (max-height:500px){
 html[data-graphics] #mechanicHint{padding:2px 5px}
 html[data-graphics] #tutorialHint{padding:6px 9px}
 html[data-graphics] .mobile-tools #mobileWeapon{width:72px;min-width:72px;max-width:72px;padding-inline:4px}
}

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