/* Runtime-only guard: the original mobile hero intentionally sits 10vw beyond
   the right edge; clip that decorative overflow without changing its artwork. */
html,body{overflow-x:hidden}

.sidebar-account{display:grid;gap:10px}
.sidebar-auth{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sidebar-auth .btn{min-height:34px;padding:7px 5px;font-size:11px}
.mode-cards.has-ranked{grid-template-columns:repeat(3,1fr)}
.time-rule,.guest-note{display:grid;gap:5px;margin:20px 0;padding:15px 17px;border:1px solid #3d475f;border-radius:10px;background:#0b1322c7}
.time-rule span,.guest-note p{color:#b9bac9;font-size:13px}
.guest-note a{color:#ff747a;font-size:13px;font-weight:700}
.guest-upgrade{margin-top:24px;max-width:760px}
.guest-upgrade p{margin-top:12px;line-height:1.7}
.profile-head>div .btn{margin-right:8px}
.player-turn-clock{display:block;min-height:18px;color:#ff9b9f!important;font-size:12px!important;font-variant-numeric:tabular-nums}
.result-art{width:min(230px,100%);max-height:120px;object-fit:contain;object-position:left center;margin-bottom:8px}
.settings-dialog{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-height:min(70vh,680px);overflow:auto}
.settings-dialog .panel{padding:17px}
.settings-dialog .form-actions,.settings-dialog .form-error{grid-column:1/-1}
dialog:has(.settings-dialog){width:min(820px,94vw)}
#language-switcher{position:fixed;right:18px;top:18px;z-index:90;display:flex;gap:4px;padding:4px;border:1px solid #465069;border-radius:999px;background:#0b1120ed;box-shadow:0 8px 28px #0007}
#language-switcher button{min-width:38px;min-height:30px;padding:4px 8px;border-radius:999px;background:transparent;color:#cfd2df;font-size:11px;font-weight:750}
#language-switcher button.active{background:#ff6068;color:#101522}

@media(max-width:1150px){
 .sidebar-auth{grid-template-columns:1fr}
 .sidebar-auth .btn{font-size:9px}
 .mode-cards.has-ranked{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
 .mode-cards.has-ranked{grid-template-columns:1fr}
 .mode-cards.has-ranked .mode-card{min-height:130px}
 .settings-dialog{grid-template-columns:1fr}
 .settings-dialog .form-actions,.settings-dialog .form-error{grid-column:1}
 #language-switcher{left:14px;right:auto;top:14px}
}