@media (max-width:520px),(max-height:820px){
.sirah-page-loader{padding:18px!important}
.sirah-loader-card{width:min(272px,calc(100% - 48px))!important;min-height:152px!important;gap:10px!important;padding:22px 18px 20px!important;border-radius:24px!important}
.sirah-loader-card::before{inset:9px!important;border-radius:17px!important}
.sirah-loader-mark{width:58px!important;height:58px!important}
.sirah-loader-mark::before{border-width:3px!important}
.sirah-loader-mark::after{inset:14px!important}
.sirah-loader-title{font-size:17px!important;line-height:1.35!important}
.sirah-loader-copy{font-size:12.5px!important;line-height:1.52!important}
.sirah-loader-dots{gap:6px!important;margin-top:0!important}
.sirah-loader-dots span{width:7px!important;height:7px!important}
.language-card,.about-card{width:min(344px,calc(100% - 38px))!important;gap:11px!important;padding:26px 22px 22px!important;border-radius:27px!important}
.language-mark{width:min(100%,260px)!important;margin:0 auto!important}
.language-mark img{max-height:92px!important;object-fit:contain!important}
.language-card h2,.about-card h2{font-size:26px!important;line-height:1.35!important;margin:0!important}
.language-copy,.about-copy,.about-programmer{font-size:15.5px!important;line-height:1.72!important}
.language-actions{gap:11px!important}
.language-btn,.about-close-btn{min-height:54px!important;font-size:17px!important}
.about-divider{height:26px!important;margin:0!important}
.sirah-question-page .question-start-modal{padding:20px!important}
.sirah-question-page .question-start-card{width:min(344px,calc(100% - 38px))!important;gap:10px!important;padding:26px 22px 22px!important;border-radius:27px!important}
.sirah-question-page .question-start-card::before{inset:9px!important;border-radius:20px!important}
.sirah-question-page .question-start-logo{width:min(100%,260px)!important;max-height:96px!important}
.sirah-question-page .question-start-card h2{font-size:26px!important;line-height:1.34!important}
.sirah-question-page .question-start-stage{max-width:284px!important;font-size:15.5px!important;line-height:1.62!important}
.sirah-question-page .question-start-divider{height:26px!important;margin:0!important}
.sirah-question-page .question-start-button{min-height:54px!important;font-size:18px!important}
}
@media (max-height:720px){
.sirah-loader-card{width:min(260px,calc(100% - 50px))!important;min-height:136px!important;padding:19px 16px 17px!important}
.sirah-loader-mark{width:52px!important;height:52px!important}
.language-card,.about-card,.sirah-question-page .question-start-card{width:min(328px,calc(100% - 42px))!important;padding:22px 18px 18px!important;gap:8px!important}
.language-mark img,.sirah-question-page .question-start-logo{max-height:82px!important}
.language-card h2,.about-card h2,.sirah-question-page .question-start-card h2{font-size:24px!important}
.language-copy,.about-copy,.about-programmer,.sirah-question-page .question-start-stage{font-size:14px!important}
.language-btn,.about-close-btn,.sirah-question-page .question-start-button{min-height:49px!important;font-size:16.5px!important}
}