.lesson-entry-splash{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;display:grid;place-items:center;padding:max(1.25rem,env(safe-area-inset-top)) 1rem max(1.25rem,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 34%,#1a99dc85,#1a99dc33 26%,#0612210a 56%),linear-gradient(180deg,#0b4d7c,#135f8f 24%,#114f73 56%,#09253a);opacity:0;pointer-events:none;z-index:2500;transition:opacity .16s ease}.lesson-entry-splash.is-visible{opacity:1}.lesson-entry-splash.is-hiding{opacity:0}html.lesson-entry-freeze #lesson-meta>:not(.lesson-entry-splash),html.lesson-entry-freeze #lesson-meta>:not(.lesson-entry-splash) *{animation-play-state:paused!important}.lesson-entry-splash__bubble{width:min(92vw,760px);max-width:100%;padding:.4rem 1rem;color:#fff;text-align:center;display:grid;justify-items:center;row-gap:1.15rem;transform:scale(.88);transition:transform .16s ease}.lesson-entry-splash.is-visible .lesson-entry-splash__bubble{transform:scale(1)}.lesson-entry-splash.is-hiding .lesson-entry-splash__bubble{transform:scale(.96)}.lesson-entry-splash__title{font-family:var(--font-display, "Noto Sans Arabic"),sans-serif;font-weight:900;text-shadow:none;max-width:100%;font-size:clamp(3.3rem,10vw,6.4rem);line-height:1.12;letter-spacing:.02em;overflow-wrap:anywhere;color:#fff;-webkit-text-stroke:.12em #1557c8;paint-order:stroke fill;text-shadow:0 .08em 0 #113e96,0 .12em .32em rgba(4,20,43,.46)}.lesson-entry-splash--compact .lesson-entry-splash__title{font-size:clamp(2.6rem,8vw,4.8rem);line-height:1.02}.lesson-entry-splash__subtitle{font-family:var(--font-display, "Noto Sans Arabic"),sans-serif;font-weight:900;font-size:clamp(2.1rem,7.4vw,4rem);line-height:.98;letter-spacing:.03em;color:#fff;-webkit-text-stroke:.1em #1557c8;paint-order:stroke fill;text-shadow:0 .08em 0 #113e96,0 .12em .32em rgba(4,20,43,.46)}.lesson-entry-splash__countdown-wrap{margin-top:1.2rem;min-width:min(18rem,82vw);padding:0}.lesson-entry-splash__countdown{display:inline-block;min-height:1.25em;font-family:var(--font-display, "Noto Sans Arabic"),sans-serif;font-size:clamp(3.1rem,10vw,5.6rem);font-weight:900;line-height:.96;letter-spacing:.04em;color:#ffe458;text-transform:uppercase;opacity:.98;-webkit-text-stroke:.1em #1557c8;paint-order:stroke fill;transform-origin:center center;will-change:transform,opacity;text-shadow:0 .08em 0 #113e96,0 .12em .32em rgba(4,20,43,.5)}.lesson-entry-splash[data-countdown-state="3"] .lesson-entry-splash__countdown{color:#fed601}.lesson-entry-splash[data-countdown-state="2"] .lesson-entry-splash__countdown{color:#ad0114}.lesson-entry-splash[data-countdown-state="1"] .lesson-entry-splash__countdown{color:#017fd4}.lesson-entry-splash[data-countdown-state=go] .lesson-entry-splash__countdown{color:#ff4d3d}.lesson-entry-splash__countdown.is-popping{animation:lesson-entry-countdown-pop .86s cubic-bezier(.2,.8,.18,1) both}@keyframes lesson-entry-countdown-pop{0%{opacity:0;transform:scale(.58)}45%{opacity:1;transform:scale(1.34)}76%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1.26)}}@media (max-width: 640px){.lesson-entry-splash{width:100vw;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh}.lesson-entry-splash__bubble{width:min(94vw,620px);max-width:min(94vw,620px);padding:.3rem .8rem;row-gap:.95rem}.lesson-entry-splash__title{font-size:clamp(2.8rem,13vw,4.3rem)}.lesson-entry-splash--compact .lesson-entry-splash__title{font-size:clamp(2.2rem,10.2vw,3.3rem)}.lesson-entry-splash__subtitle{font-size:clamp(1.8rem,8.8vw,3.1rem)}.lesson-entry-splash__countdown-wrap{min-width:min(14rem,84vw);margin-top:1rem}.lesson-entry-splash__countdown{font-size:clamp(2.8rem,13vw,4.2rem)}}
