.language-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid #687568;background:#202720;color:#e9eee9;font:600 .82rem/1.2 Zona,Arial,sans-serif;letter-spacing:.015em;cursor:pointer;white-space:nowrap;transition:background .18s,transform .18s,border-color .18s}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/be-vietnam-pro/be-vietnam-pro-400.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/be-vietnam-pro/be-vietnam-pro-600.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:900;font-display:swap;src:url("assets/fonts/be-vietnam-pro/be-vietnam-pro-900.woff2") format("woff2")}
.language-toggle:hover{background:#303b30;border-color:#34e339;transform:translateY(-1px)}
.language-toggle:focus-visible{outline:3px solid #34e339;outline-offset:4px}
.header-language-toggle{margin-left:auto}
.mobile-language-toggle{display:none}
.uel-confirmation .confirmation-top{gap:12px;flex-wrap:wrap;height:auto;min-height:100px;padding-block:20px}
.confirmation-language-toggle{margin-left:auto;background:#182019;border-color:#566456}
.confirmation-language-toggle[aria-pressed="true"]{color:#34e339;border-color:#34e339}
html[lang="vi"] body{line-height:1.72;overflow-wrap:anywhere;font-family:"Be Vietnam Pro",Arial,sans-serif}
html[lang="vi"] body *{font-family:"Be Vietnam Pro",Arial,sans-serif}
html[lang="vi"] h1,html[lang="vi"] h2,html[lang="vi"] h3,html[lang="vi"] button,html[lang="vi"] .eyebrow{letter-spacing:normal}
html[lang="vi"] .hero h1{line-height:1.07}
html[lang="vi"] .confirmation-title{line-height:1.08;letter-spacing:-.035em}
html[lang="vi"] .confirmation-language-toggle{font-family:"Be Vietnam Pro",Arial,sans-serif}
@media(max-width:760px){.header-language-toggle{display:none}.mobile-language-toggle{display:inline-flex;position:fixed;z-index:25;right:14px;bottom:14px;padding:9px 12px;box-shadow:0 5px 22px #0008}.uel-confirmation .confirmation-index{order:3;flex-basis:100%}.confirmation-language-toggle{padding:8px 10px}}

/* Arabic: local, fully licensed Noto Sans Arabic variable face. */
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:100 900;font-display:swap;src:url("assets/fonts/noto-sans-arabic/NotoSansArabic-Variable.ttf") format("truetype")}
[data-language-ar]{font-family:"Noto Sans Arabic",sans-serif!important;direction:rtl}
[data-language-ar][aria-pressed="true"]{color:#34e339;border-color:#34e339}
body>[data-language-ar]{display:none}
@media(max-width:760px){
 .site-header .header-inner>[data-language-ar]{display:none}
 body>.mobile-arabic-toggle{display:inline-flex;position:fixed;z-index:26;right:130px;bottom:14px;box-shadow:0 5px 22px #0008}
}

/* All rules are locale-scoped so English and Vietnamese retain their existing layout. */
html[lang="ar"]{direction:rtl}
html[lang="ar"] body,
html[lang="ar"] body *{font-family:"Noto Sans Arabic",sans-serif}
html[lang="ar"] body{direction:rtl;text-align:start;line-height:1.9;overflow-wrap:anywhere}
html[lang="ar"] :where(h1,h2,h3,h4,.eyebrow,.tag,.button,.text-button,button,summary){letter-spacing:normal}
html[lang="ar"] :where(h1,h2,h3){line-height:1.35}
html[lang="ar"] h1{line-height:1.3}
html[lang="ar"] .hero h1{line-height:1.32}
html[lang="ar"] .hero-description{line-height:1.9}
html[lang="ar"] .confirmation-title{line-height:1.35;letter-spacing:normal}
html[lang="ar"] .confirmation-lead,
html[lang="ar"] .confirmation-next p{line-height:1.9}

/* Keep identifiers and applicant-entered Latin values legible and in their natural direction. */
html[lang="ar"] :where(input[type="email"],input[type="url"],input[type="tel"],.confirmation-email,.confirmation-email-list,.receipt,.uel-socials__link>span,[dir="ltr"],.confirmation-team){direction:ltr;unicode-bidi:isolate;text-align:left}
html[lang="ar"] input[type="email"],
html[lang="ar"] input[type="url"],
html[lang="ar"] input[type="tel"]{font-family:Zona,sans-serif}
html[lang="ar"] .brand,
html[lang="ar"] .confirmation-brand{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .brand>span,
html[lang="ar"] .confirmation-brand span{border-left:0;border-right:1px solid #343a34;padding-left:0;padding-right:17px}
html[lang="ar"] .brand>span{border-right-color:var(--line);padding-right:18px}

/* Mirror directional motifs and align the main entry experience to the Arabic reading edge. */
html[lang="ar"] .hero-stage::before{background:linear-gradient(270deg,rgba(4,8,15,.97) 0%,rgba(4,8,15,.9) 26%,rgba(4,8,15,.62) 47%,rgba(4,8,15,.16) 72%,rgba(4,8,15,.08) 100%)}
html[lang="ar"] .hero-stage .hero-copy{ text-align:right}
html[lang="ar"] .hero .eyebrow{flex-direction:row-reverse}
html[lang="ar"] .prize{border-right:0;border-left:1px solid #3d453d;padding-right:0;padding-left:24px}
html[lang="ar"] .prize:first-child{border-left:1px solid var(--line);padding-left:12px;padding-right:0}
html[lang="ar"] .checks li{padding-left:0;padding-right:26px}
html[lang="ar"] .checks li:before{left:auto;right:0}
html[lang="ar"] .card-prize>span{text-align:right}
html[lang="ar"] .registration-facts{padding-left:0;padding-right:20px;border-left:0;border-right:3px solid var(--green)}
html[lang="ar"] .notice{border-left:0;border-right:3px solid var(--green)}
html[lang="ar"] .field-label input,
html[lang="ar"] .player-fieldset .field-label select,
html[lang="ar"] .participation-questions .field-label input,
html[lang="ar"] #team-select{direction:rtl;text-align:right}
html[lang="ar"] .category-option,
html[lang="ar"] .team-option,
html[lang="ar"] .age-fieldset label,
html[lang="ar"] .guardian-consent,
html[lang="ar"] .consents label{direction:rtl}
html[lang="ar"] .team-option input{left:auto;right:8px}
html[lang="ar"] .faq-layout details p{padding-right:0;padding-left:20px}
html[lang="ar"] .final-cta,
html[lang="ar"] .visual-caption,
html[lang="ar"] .slot-center{text-align:center}
html[lang="ar"] .slot-corner,
html[lang="ar"] .slot-bottom{left:auto;right:35px}
html[lang="ar"] .slot-center{letter-spacing:normal}
html[lang="ar"] .footer-inner{direction:rtl}
html[lang="ar"] .footer-brand{direction:rtl}
html[lang="ar"] .footer-links{direction:rtl}
html[lang="ar"] .uel-socials__link{direction:rtl}
html[lang="ar"] .uel-socials__link>span{font-family:Zona,sans-serif}
html[lang="ar"] .rules-socials{text-align:right}
html[lang="ar"] dialog{direction:rtl;text-align:right;line-height:1.9}
html[lang="ar"] dialog .close-dialog{right:auto;left:15px}
html[lang="ar"] .terms-content h3{letter-spacing:normal}
html[lang="ar"] .field-label input[type="email"]{direction:ltr;unicode-bidi:isolate;text-align:left}
html[lang="ar"] .field-label input[type="text"]{unicode-bidi:plaintext;text-align:start}

/* Button pairs added by the locale controls stay together and may wrap on narrow screens. */
html[lang="ar"] :where(.site-header .header-inner,.rules-controls,.uel-confirmation .confirmation-top):has(>[data-language-toggle]):has(>[data-language-ar]),
html[lang="ar"] :where(.site-header .header-inner,.rules-controls,.uel-confirmation .confirmation-top):has(.language-toggle):has([data-language-ar]){gap:10px;flex-wrap:wrap}
html[lang="ar"] :where(.language-toggle,button[data-language-ar]){font-family:"Noto Sans Arabic",sans-serif!important;direction:rtl;letter-spacing:normal;white-space:nowrap}
html[lang="ar"] :where(.header-language-toggle,.confirmation-language-toggle){margin-left:0;margin-right:auto}
html[lang="ar"] .confirmation-top{height:auto;min-height:100px;flex-wrap:wrap;gap:12px;padding-block:20px}
html[lang="ar"] .confirmation-index{letter-spacing:normal}
html[lang="ar"] .confirmation-kicker{letter-spacing:normal}
html[lang="ar"] .confirmation-email-list{border-left:0;border-right:2px solid var(--confirm-green);text-align:left}
html[lang="ar"] .confirmation-status-card{border-left:1px solid #39463a;border-right:4px solid var(--confirm-green);direction:rtl}
html[lang="ar"] .confirmation-unavailable{border-right-color:#d6b26a}
html[lang="ar"] .confirmation-footer{direction:rtl;letter-spacing:normal}
html[lang="ar"] .confirmation-footer span:last-child{text-align:left}

@media(max-width:760px){
 html[lang="ar"] .mobile-language-toggle{right:auto;left:14px}
 html[lang="ar"] body>[data-language-ar]{position:fixed;z-index:26;left:126px;right:auto;bottom:14px;translate:none;max-width:calc(100vw - 28px);box-shadow:0 5px 22px #0008}
 html[lang="ar"] .site-header .header-inner>[data-language-ar]{display:none}
 html[lang="ar"] .header-inner:has(>[data-language-toggle]):has(>[data-language-ar]){justify-content:flex-start}
 html[lang="ar"] .header-inner .button{letter-spacing:normal}
 html[lang="ar"] .prize{border-left:0;padding-left:0}
 html[lang="ar"] .prize:first-child{border-left:1px solid var(--line);padding-left:12px}
 html[lang="ar"] .slot-corner{right:30px}
 html[lang="ar"] .slot-bottom{right:30px}
 html[lang="ar"] .footer-inner{align-items:flex-start}
}
@media(max-width:560px){
 html[lang="ar"] .rules-controls{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex-wrap:wrap}
 html[lang="ar"] .rules-controls [data-language-toggle],
 html[lang="ar"] .rules-controls [data-language-ar]{max-width:100%}
}
@media(max-width:400px){
 html[lang="ar"] .uel-confirmation .confirmation-top{align-items:flex-start}
 html[lang="ar"] .confirmation-brand span{padding-right:10px}
 html[lang="ar"] .confirmation-index{order:3;flex-basis:100%}
}