/* Keep classic layout coordinates stable while reading public copy right-to-left. */
#navigation a.game-home-brand {box-sizing:border-box;background:#8e1230;color:#ffe8a2;border:2px solid #d7b566;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;direction:rtl;font:bold 25px/1.5 Tahoma,Arial,sans-serif;text-decoration:none;padding:10px;}
html[lang="ar"] body {font-family:Tahoma,Arial,sans-serif;}
html[lang="ar"] p,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,
html[lang="ar"] #content,html[lang="ar"] #navigation,html[lang="ar"] #footer,
html[lang="ar"] li,html[lang="ar"] label {direction:rtl;text-align:right;}
html[lang="ar"] input[type="email"],html[lang="ar"] input[type="password"] {direction:ltr;}
/* Public tutorial and information pages must not keep their fixed desktop columns on phones. */
@media(max-width:760px){
 body.contentPage #content .grit{min-width:0!important;width:100%!important;padding:12px!important;box-sizing:border-box}
 body.contentPage #content img{max-width:100%;height:auto}
 body.contentPage .footer{height:auto!important;min-height:44px;line-height:1.8!important;overflow-wrap:anywhere}
 #footer .container,#footer ul.menu{width:auto!important;margin:0!important;padding:0!important}
 #footer ul.menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px}
 #footer ul.menu a{display:inline-block;min-height:36px}
}
@media(max-width:760px){
 body.contentPage #navigation{background:none!important}
 body.contentPage #content{background:#fff!important}
 body.contentPage #content .grit{background:none!important}
 body.contentPage #content h1,body.contentPage #content h2,body.contentPage #content h3{width:auto!important;margin:16px 0!important;padding:0!important;text-align:right!important}
 body.contentPage #content p,body.contentPage #content table,body.contentPage #content form,body.contentPage #content .rules,body.contentPage #content .characteristics{margin:12px 0!important;width:100%!important;box-sizing:border-box}
 body.contentPage table.tutorial_table,body.contentPage table.tutorial_table tbody,body.contentPage table.tutorial_table tr,body.contentPage table.tutorial_table td{display:block;width:100%!important;box-sizing:border-box}
 body.contentPage table.tutorial_table td{padding:8px 0!important;text-align:right!important}
 body.contentPage table.tutorial_table td.visual{text-align:center!important}
 body.contentPage #tutorial_nav a{display:block;min-height:44px;line-height:44px}
}
@media(max-width:760px){
 #player_counter{position:static!important;height:auto!important;left:auto!important;right:auto!important}
 #player_counter table{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important}
 #player_counter th{width:auto!important;text-align:right!important;white-space:normal!important}
 #player_counter td{width:48px!important;text-align:center!important}
}