/* Sinhala glyphs need room above/below the baseline and natural spacing. */
html[lang="si"] body,
html[lang="si"] button,
html[lang="si"] input,
html[lang="si"] h1,
html[lang="si"] h2,
html[lang="si"] .navbar-title,
html[lang="si"] .stat small,
html[lang="si"] #studentName {
    font-family:'Nirmala UI','Iskoola Pota','Noto Sans Sinhala',sans-serif;
    letter-spacing:0;
    line-height:1.8;
}
html[lang="si"] h1{font-size:34px;line-height:1.55}
html[lang="si"] .navbar-title{font-size:16px;line-height:1.65}
html[lang="si"] #studentScreen h1{font-size:30px;letter-spacing:0;line-height:1.65}
html[lang="si"] .eyebrow,
html[lang="si"] .section-title,
html[lang="si"] .section-title>span,
html[lang="si"] .stat>span,
html[lang="si"] .scene-label,
html[lang="si"] .character-label,
html[lang="si"] .pill,
html[lang="si"] footer>span:first-child{letter-spacing:0;font-size:11px;line-height:1.8}
html[lang="si"] .intro{font-size:14px;line-height:1.9}
html[lang="si"] .level-text{font-size:13px;line-height:1.8;min-width:0}
html[lang="si"] .level-text small{font-size:11px;line-height:1.8}
html[lang="si"] .level-number{flex-shrink:0}
html[lang="si"] .tip p{font-size:12px;line-height:1.9}
html[lang="si"] .tip strong{font-size:13px}
html[lang="si"] .game-top{height:auto;min-height:64px;padding-top:10px;padding-bottom:10px;gap:10px;flex-wrap:wrap}
html[lang="si"] .game-top>div{flex-wrap:wrap}
html[lang="si"] .game-top strong{font-size:13px}
html[lang="si"] .game-top button{font-size:12px}
html[lang="si"] .prompt{width:270px;max-width:calc(100% - 32px);padding:10px 16px;top:44px}
html[lang="si"] .prompt>span{font-size:12px;line-height:1.8}
html[lang="si"] .prompt small{font-size:11px;line-height:1.8;display:block}
html[lang="si"] .prompt strong{font-family:Outfit,'Nirmala UI',sans-serif}
html[lang="si"] .character-label{white-space:nowrap}
html[lang="si"] .start-panel>span{font-size:10px}
html[lang="si"] .feedback{top:4px;right:12px;max-width:calc(100% - 24px);font-size:11px;text-align:right;line-height:1.6}
html[lang="si"] .scene-label{top:24px;font-size:10px}
html[lang="si"] .stat small{font-size:11px}
html[lang="si"] .stat strong{line-height:1.6}
html[lang="si"] .game-footer{gap:16px;font-size:11px;line-height:1.8}
html[lang="si"] .game-footer button{font-size:11px;flex-shrink:0}
html[lang="si"] footer{font-size:11px;line-height:1.8;gap:20px;flex-wrap:wrap}
@media(max-width:1000px){html[lang="si"] .dashboard{gap:10px}html[lang="si"] .stat{padding-right:10px}html[lang="si"] .stat strong small{display:block}html[lang="si"] .clock-icon{display:none}}
@media(max-width:760px){html[lang="si"] h1{font-size:30px}html[lang="si"] .navbar-title{font-size:12px}html[lang="si"] #studentScreen h1{font-size:25px}html[lang="si"] .game-footer{align-items:flex-start}html[lang="si"] .stat>span{font-size:10px}html[lang="si"] .scene-label{font-size:9px}}

/* Keep game actions together and the statistics strip compact. */
html[lang="si"] .game-top>.game-actions{margin-left:auto;flex-wrap:nowrap;gap:14px}
.game-actions button{white-space:nowrap}
html[lang="si"] .dashboard{padding:10px 20px;gap:16px}
html[lang="si"] .stat strong{margin:2px 0 4px;font-size:22px;line-height:1.3}
html[lang="si"] .stat strong small{display:inline;font-size:10px}
html[lang="si"] .stat>span{font-size:10px;line-height:1.6}
html[lang="si"] .stars>small{font-size:10px;line-height:1.4}
@media(max-width:760px){html[lang="si"] .dashboard{padding:9px 12px;gap:8px}html[lang="si"] .stat{padding-right:8px}html[lang="si"] .stat strong{font-size:20px}html[lang="si"] .stat strong small{font-size:9px}}