/* Sultan Team: one bundled Arabic family for screens and exported images. */
@font-face{font-family:SultanTajawal;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/Tajawal-400.ttf') format('truetype')}
@font-face{font-family:SultanTajawal;font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/Tajawal-500.ttf') format('truetype')}
@font-face{font-family:SultanTajawal;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/Tajawal-700.ttf') format('truetype')}
@font-face{font-family:SultanTajawal;font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/Tajawal-800.ttf') format('truetype')}
@font-face{font-family:SultanTajawal;font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/Tajawal-900.ttf') format('truetype')}
:root{--sultan-font:SultanTajawal,Arial,sans-serif}
body,body *,body *::before,body *::after{font-family:var(--sultan-font)!important}
body{font-weight:500;line-height:1.6}
button,input,select,textarea{font-family:var(--sultan-font)!important}
#app button{font-weight:800;line-height:1.45}
#app .input{font-size:18px;font-weight:500;line-height:1.5}
#app .input::placeholder{font-family:var(--sultan-font);font-weight:500;opacity:1}
#app h1,#app .title-copy{font-weight:900!important;line-height:1.4!important}
#app h2,#app h3{font-weight:800;line-height:1.5}
#app .record-copy b{font-size:clamp(21px,5.4vw,27px);font-weight:800;line-height:1.45}
#app .record-copy small{font-size:15px;font-weight:500;line-height:1.7;color:#c6d6e8}
#app .record-member-head b{font-size:20px;font-weight:800;line-height:1.5}
#app .member-no{font-size:15px;font-weight:500;line-height:1.6}
#app .participants .table td,#app .quick-player,#app .player{font-weight:700;line-height:1.5}
#app .field-label,#app label,#app .date-caption{font-weight:700;line-height:1.5}
#app .notice{font-size:14px;font-weight:500;line-height:1.8}
#app .stat span{font-size:14px;font-weight:700;line-height:1.5}
#app .stat b{font-weight:900;line-height:1.3}
#app .date-parts select,#app .matchno,#app .num{font-weight:800;font-variant-numeric:tabular-nums}
#app .inline-win-card label{font-size:16px}
#app .inline-win-card .input{font-size:18px}
#app .inline-win-card button[type=submit]{font-size:19px;font-weight:800}
.win-edit-dialog label{font-weight:700;line-height:1.6}
.win-edit-dialog .input{font-size:18px;font-weight:500}
.footer,.export-footer{font-weight:500;line-height:1.6}
.light #app .record-copy small{color:#405b75}
@media(max-width:360px){#app .record-copy b{font-size:20px}#app .record-copy small{font-size:14px}}
