:root{--color-navy:#101b3f;--color-blue:#1455a0;--color-burgundy:#8c1538;--color-gold:#f2c14e;--color-white:#fff;--color-bg:var(--color-navy);--color-surface:#16224a;--color-border:var(--color-blue);--color-text:var(--color-white);--color-text-muted:#c6d0e8;--color-accent:var(--color-gold);--color-link:#9fc2ff;--font-family-arabic:"Segoe UI", "Tahoma", "Arial", sans-serif;--font-family-english:"Segoe UI", "Arial", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:28px;--line-height:1.6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;font-family:var(--font-family-arabic);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);overflow-wrap:break-word;margin:0;overflow-x:hidden}#root{min-height:100vh}img,svg,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-link)}:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{max-width:480px;min-height:100vh;padding:0 var(--space-md) var(--space-lg);flex-direction:column;margin:0 auto;display:flex}.screen__header{padding:var(--space-lg) 0 var(--space-md);border-bottom:2px solid var(--color-burgundy)}.screen__header--compact{padding-bottom:var(--space-sm);border-bottom:none}.kicker{margin:0 0 var(--space-sm);font-family:var(--font-family-english);letter-spacing:.04em;font-size:var(--font-size-sm);color:var(--color-accent)}.screen__title{font-size:var(--font-size-xl);margin:0;line-height:1.3}.screen__subtitle{margin:var(--space-sm) 0 0;color:var(--color-text-muted)}.screen__footer-actions{gap:var(--space-sm);padding-top:var(--space-lg);flex-direction:column;margin-top:auto;display:flex}.screen__primary-cta{width:100%}.button{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;text-align:center;touch-action:manipulation;border:2px solid #0000;min-height:48px;padding:12px 20px;font-weight:600;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background-color:var(--color-blue);color:var(--color-white)}.button--primary:not(:disabled):active{background-color:#0e3f78}.button--secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button--gold{background-color:var(--color-gold);color:var(--color-navy)}.button--danger{background-color:var(--color-burgundy);color:var(--color-white)}.badge{background-color:var(--color-gold);min-width:24px;height:24px;color:var(--color-navy);font-size:var(--font-size-sm);border-radius:12px;justify-content:center;align-items:center;padding:0 6px;font-weight:700;display:inline-flex}.coins-pill{border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-gold);color:var(--color-gold);align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.speech-button{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);border:2px solid var(--color-blue);background-color:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;padding:8px 14px;font-weight:600;display:inline-flex}.speech-button:disabled{opacity:.45;cursor:not-allowed}.speech-button--active{background-color:var(--color-blue);color:var(--color-white)}.field{display:block}.field__label{margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);display:block}.field__input{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);padding:10px 14px}.field__input:focus{outline:3px solid var(--color-gold);outline-offset:2px}.field__input--number{max-width:120px}.onboarding-form{gap:var(--space-lg);padding-top:var(--space-lg);flex-direction:column;display:flex}.onboarding-form__kit{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.kit-chip{margin:var(--space-sm) 0;display:inline-block}.kit-chip__colors{background:linear-gradient(to right, var(--color-navy) 0 25%, var(--color-blue) 25% 50%, var(--color-burgundy) 50% 75%, var(--color-gold) 75% 100%);border:1px solid var(--color-white);border-radius:10px 10px 4px 4px;width:72px;height:96px;display:inline-block}.kit-chip__name{margin:var(--space-sm) 0 0;font-weight:600}.onboarding-form__submit{width:100%}.player-bar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.player-bar__shirt{background:linear-gradient(to bottom, var(--color-blue) 0 60%, var(--color-navy) 60% 100%);border:2px solid var(--color-gold);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.player-bar__number{color:var(--color-gold);font-weight:800;font-size:var(--font-size-lg)}.card{margin-top:var(--space-lg);padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.home-session-card__title{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:700}.home-session-card__meta,.home-session-card__reward{margin:0 0 var(--space-sm);color:var(--color-text-muted)}.home-session-card__cta{width:100%;margin-top:var(--space-md)}.home-session-card__unlocked{margin:var(--space-md) 0 0;color:#6fd39a;font-weight:700}.home-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.home-action{justify-content:space-between;width:100%}.dev-reset{margin-top:var(--space-lg)}.dev-reset__trigger{border-color:var(--color-burgundy);width:100%}.dev-reset__confirm{padding:var(--space-md);border:1px solid var(--color-burgundy);border-radius:var(--radius-md);background-color:var(--color-surface)}.dev-reset__confirm p{margin:0 0 var(--space-md)}.dev-reset__buttons{gap:var(--space-sm);flex-direction:column;display:flex}.signings-list{margin:var(--space-lg) 0 0;gap:var(--space-md);flex-direction:column;padding:0;list-style:none;display:flex}.signing-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.signing-card__shirt{background:linear-gradient(to bottom, var(--color-burgundy) 0 55%, var(--color-gold) 55% 100%);border:2px solid var(--color-white);border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.signing-card__number{color:var(--color-white);font-weight:800;font-size:var(--font-size-lg);text-shadow:0 1px 2px #0009}.signing-card__info{flex:1;min-width:0}.signing-card__word{font-weight:700;font-size:var(--font-size-lg);margin:0}.signing-card__arabic{color:var(--color-gold);margin:0;font-weight:600}.signing-card__definition{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.discovery-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:1fr;display:grid}.discovery-card{padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.discovery-card__word{font-weight:800;font-size:var(--font-size-lg);margin:0}.discovery-card__arabic{margin:var(--space-xs) 0 0;color:var(--color-gold);font-weight:600}.discovery-card__position{margin:var(--space-xs) 0 var(--space-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.discovery-card__listen{width:100%}.discovery-card__mastery{margin:var(--space-sm) 0 0;color:#6fd39a;font-size:var(--font-size-sm);font-weight:600}.play-topbar{justify-content:space-between;align-items:baseline;gap:var(--space-md);display:flex}.play-topbar__title{margin:0;font-weight:700}.play-topbar__counter{color:var(--color-accent);margin:0;font-weight:700}.progress-track{height:10px;margin-top:var(--space-md);background-color:var(--color-surface);border-radius:5px;overflow:hidden}.progress-track__fill{background-color:var(--color-gold);border-radius:5px;height:100%;transition:width .25s}.play-body{padding-top:var(--space-lg)}.play-prompt{margin:0 0 var(--space-lg);font-size:var(--font-size-lg);font-weight:700}.choice-list{gap:var(--space-sm);flex-direction:column;display:flex}.choice{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);min-height:52px;color:var(--color-text);cursor:pointer;text-align:center;touch-action:manipulation;padding:12px 16px;font-weight:600}.choice:not(:disabled):active{background-color:var(--color-blue)}.choice--correct{color:#baf0cd;background-color:#3fae6b40;border-color:#3fae6b}.choice--wrong{border-color:var(--color-burgundy);color:#f2b8c6;background-color:#8c15384d;text-decoration:line-through}.choice--dimmed{opacity:.4}.play-unavailable{color:var(--color-text-muted)}.play-feedback{min-height:60px;padding:var(--space-md) 0}.play-feedback__text{font-size:var(--font-size-lg);margin:0;font-weight:700}.play-feedback__text.is-correct{color:#6fd39a}.play-feedback__text.is-wrong{color:#f2b8c6}.play-feedback__answer{margin:var(--space-sm) 0 0;color:var(--color-text-muted)}.play-next{width:100%}.play-abandon{padding-top:var(--space-lg);width:100%;color:var(--color-text-muted);background:0 0;border-color:#0000;margin-top:auto;text-decoration:underline}.result-panel{margin-top:var(--space-lg);padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.result-panel__score{color:var(--color-gold);margin:0;font-size:44px;font-weight:800}.result-panel__accuracy{margin:var(--space-sm) 0 0;color:var(--color-text-muted)}.result-panel__grid{gap:var(--space-sm);margin-top:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.result-stat{padding:var(--space-sm);background-color:var(--color-navy);border-radius:var(--radius-md)}.result-stat__value{font-size:var(--font-size-lg);color:var(--color-accent);margin:0;font-weight:800}.result-stat__label{margin:var(--space-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.reward-panel,.review-panel{margin-top:var(--space-lg);padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.reward-panel{border-color:var(--color-gold)}.reward-panel__title,.review-panel__title{margin:0 0 var(--space-sm);font-weight:700}.reward-panel__text{color:var(--color-gold);margin:0;font-weight:600}.review-panel__list{margin:0 0 var(--space-md);gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.review-panel__list li{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-navy);border-radius:var(--radius-md);display:flex}.review-panel__count{color:#f2b8c6;font-size:var(--font-size-sm)}.review-panel__cta{width:100%}.session-list{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.session-card{padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.session-card--locked{opacity:.55}.session-card--completed{border-color:#3fae6b}.session-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.session-card__title{font-size:var(--font-size-lg);overflow-wrap:break-word;margin:0;font-weight:700}.status-chip{font-size:var(--font-size-sm);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-weight:700}.status-chip--available{background-color:var(--color-blue);color:var(--color-white)}.status-chip--locked{background-color:var(--color-navy);color:var(--color-text-muted)}.status-chip--in_progress{background-color:var(--color-gold);color:var(--color-navy)}.status-chip--completed{color:var(--color-navy);background-color:#3fae6b}.session-card__meta{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.session-card__cta{width:100%;margin-top:var(--space-md)}.match-scoreboard{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr auto 1fr;display:grid}.match-scoreboard__team{align-items:center;gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.match-scoreboard__name{font-size:var(--font-size-sm);text-align:center;margin:0;font-weight:600}.match-scoreboard__shirt{background:linear-gradient(to bottom, var(--color-blue) 0 60%, var(--color-navy) 60% 100%);border:1px solid var(--color-gold);border-radius:6px;width:28px;height:34px}.match-scoreboard__shirt--rival{background:linear-gradient(to bottom, var(--color-burgundy) 0 60%, var(--color-navy) 60% 100%);border-color:var(--color-white)}.match-scoreboard__goals{color:var(--color-gold);margin:0;font-size:40px;font-weight:800}.match-result{margin-top:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border);background-color:var(--color-surface)}.match-result--win{border-color:var(--color-gold)}.match-result--draw{border-color:#9fc2ff}.match-result--training_complete{border-color:var(--color-blue)}.match-result__outcome{font-size:var(--font-size-xl);color:var(--color-accent);margin:0;font-weight:800}.match-result__score{margin:var(--space-sm) 0 0;color:var(--color-gold);font-size:44px;font-weight:800}.locker-room{margin-top:var(--space-lg);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.locker-room--wallpaper{border-color:var(--color-gold);background:linear-gradient(135deg,#16224a 0%,#1d2c5e 60%,#8c1538 160%)}.locker-room__wallpaper-note{margin:0 0 var(--space-md);color:var(--color-gold);font-weight:700}.locker-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.locker-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-navy);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.locker-item--locked{opacity:.5}.locker-item__icon{background-color:var(--color-gold);width:40px;height:40px;color:var(--color-navy);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.locker-item--locked .locker-item__icon{background-color:var(--color-burgundy);color:var(--color-white);font-size:var(--font-size-sm)}.locker-item__info{min-width:0}.locker-item__title{margin:0;font-weight:700}.locker-item__kind{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.audio-question{gap:var(--space-lg);padding-top:var(--space-lg);flex-direction:column;display:flex}.audio-question__input{text-align:left;direction:ltr}.audio-question__check{width:100%}.builder-question{gap:var(--space-lg);padding-top:var(--space-lg);flex-direction:column;display:flex}.builder-question__word,.builder-question__sentence{min-height:48px;padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-lg);text-align:center;overflow-wrap:break-word;direction:ltr}.builder-question__tiles,.builder-question__tokens{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.builder-tile{border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);min-width:44px;min-height:44px;color:var(--color-text);font-weight:700;font-size:var(--font-size-lg);cursor:pointer;touch-action:manipulation;padding:4px 10px}.builder-token{border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;touch-action:manipulation;padding:8px 12px;font-weight:600}.builder-tile:disabled,.builder-token:disabled{cursor:not-allowed}.builder-tile--selected,.builder-token--selected{border-color:var(--color-gold);background-color:var(--color-blue);color:var(--color-white)}.builder-tile--dimmed,.builder-token--dimmed{opacity:.4}.builder-question__actions{gap:var(--space-sm);display:flex}.builder-question__actions .button{flex:1}.choice-question__template{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width>=480px){.screen{padding-right:var(--space-lg);padding-left:var(--space-lg)}.discovery-grid{grid-template-columns:repeat(2,1fr)}.dev-reset__buttons{flex-direction:row}}.chunk-exercise{margin-top:var(--space-lg)}.chunk-exercise__arabic{text-align:center;color:var(--color-gold);font-weight:700;font-size:var(--font-size-lg);margin:0}.chunk-exercise__example{margin:var(--space-sm) 0 0;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.chunk-stage{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.chunk-stage__label{text-align:center;font-family:var(--font-family-english);letter-spacing:.04em;font-size:var(--font-size-sm);color:var(--color-accent);margin:0}.chunk-word{justify-content:center;align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0 0;padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-english);font-size:var(--font-size-xl);color:var(--color-gold);flex-wrap:wrap;font-weight:800;display:flex}.chunk-word__seg{min-width:44px;min-height:48px;padding:0 var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-navy);border:1px solid var(--color-blue);color:var(--color-text);justify-content:center;align-items:center;display:inline-flex}.chunk-stage__listen{min-height:48px;margin:0 auto}.chunk-build{justify-content:center;align-items:center;gap:var(--space-sm);min-height:72px;padding:var(--space-md);border:2px dashed var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.chunk-build__empty{color:var(--color-text-muted);font-size:var(--font-size-sm)}.chunk-build__placed{min-width:48px;min-height:48px;padding:0 var(--space-sm);border-radius:var(--radius-sm);background-color:var(--color-gold);color:var(--color-navy);font-family:var(--font-family-english);font-size:var(--font-size-lg);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.chunk-pool{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.chunk-chip{min-width:56px;min-height:48px;padding:0 var(--space-md);border:2px solid var(--color-blue);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-family-english);font-size:var(--font-size-lg);cursor:pointer;touch-action:manipulation;font-weight:700}.chunk-chip:disabled{opacity:.35;cursor:not-allowed;background-color:var(--color-navy)}.chunk-feedback{text-align:center;margin:0;font-weight:700}.chunk-feedback--wrong{color:#ffb4a2}.chunk-feedback--good{color:#6fd39a}.chunk-hint{justify-content:center;gap:var(--space-xs);padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-english);flex-wrap:wrap;display:flex}.chunk-hint__cell{align-items:baseline;display:inline-flex}.chunk-hint__text{color:var(--color-gold);font-weight:800}.chunk-hint__blank{color:var(--color-text-muted);letter-spacing:.08em}.chunk-done{margin-top:var(--space-md);text-align:center}.chunk-done__title{font-size:var(--font-size-lg);color:var(--color-gold);margin:0;font-weight:800}.chunk-done__word{margin:var(--space-md) 0 0;font-family:var(--font-family-english);font-size:var(--font-size-xl);font-weight:800}.chunk-done__note{margin:var(--space-sm) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.chunk-done--reveal{padding:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.chunk-write__field{margin-top:var(--space-sm)}.chunk-write__input{font-family:var(--font-family-english);font-size:var(--font-size-lg);text-align:center;letter-spacing:.04em}.screen--notice{padding-top:var(--space-lg);padding-bottom:var(--space-lg);justify-content:center;align-items:center}.notice-card{width:100%;max-width:360px;padding:var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.notice-card__title{font-size:var(--font-size-lg);margin:0;font-weight:700;line-height:1.4}.notice-card__cta{width:100%;margin-top:var(--space-md)}.round-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:2px solid var(--color-burgundy)}.round-section__heading{font-size:var(--font-size-xl);margin:0;line-height:1.3}.round-section__subtitle{margin:var(--space-sm) 0 0;color:var(--color-text-muted)}.round-section__note{margin:var(--space-md) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (width>=768px){.screen{max-width:960px}.session-list,.home-actions{grid-template-columns:repeat(2,1fr);display:grid}}