:root{--red:#f7070b;--red-deep:#d70007;--navy:#101a48;--blue:#263eab;--navy-soft:#19265f;--white:#fff;--green:#1ebd58;--green-deep:#0a8839;--orange:#ff8b1f;--orange-deep:#d86600;--ink:#161a2c;--muted:#ffffffb8;--shadow:0 24px 70px #39000040;--radius-xl:clamp(28px, 3.2vw, 58px);--radius-lg:clamp(20px, 2vw, 34px);--display-font:Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;--body-font:Inter, Arial, Helvetica, sans-serif;--arabic-font:Tahoma, Arial, sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--blue);width:100%;height:100%;color:var(--white);font-family:var(--body-font);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;overflow:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{isolation:isolate;background:radial-gradient(circle at 80% 15%, #ffffff1f, transparent 23%), radial-gradient(circle at 15% 90%, #ffffff17, transparent 20%), linear-gradient(135deg, var(--blue) 0%, #1131ff 50%, #071570 100%);grid-template-rows:clamp(78px,8.8vh,112px) 1fr clamp(70px,8.2vh,98px);width:100vw;height:100dvh;min-height:560px;display:grid;position:relative;overflow:hidden}.app:before{content:"";filter:blur(1px);z-index:-2;background:#ffffff0f;border-radius:44% 56% 70% 30%/47% 37% 63% 53%;width:62vw;height:62vw;position:absolute;inset:-10% -16% auto auto;transform:rotate(-18deg)}.app:after{content:"";z-index:-2;border:clamp(24px,3vw,54px) solid #ffffff0b;border-radius:50%;width:56vw;height:56vw;position:absolute;bottom:-28vw;left:-8vw}.ambient{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.bubble{background:radial-gradient(circle at 30% 22%,#ffffff73,#ffffff0d 35%,#0000 68%);border:1px solid #ffffff38;border-radius:50%;animation:9s ease-in-out infinite float;position:absolute;box-shadow:inset -10px -14px 28px #82000014,0 14px 30px #82000014}.bubble--1{width:90px;height:90px;animation-delay:-1s;top:18%;left:8%}.bubble--2{width:42px;height:42px;animation-delay:-3s;top:10%;right:38%}.bubble--3{width:76px;height:76px;animation-delay:-5s;bottom:15%;right:6%}.bubble--4{width:28px;height:28px;animation-delay:-7s;bottom:8%;left:48%}.gloss{filter:blur(2px);background:#ffffff14;border-radius:999px;position:absolute;transform:rotate(-28deg)}.gloss--1{width:28vw;height:3vw;top:24%;left:-5%}.gloss--2{width:22vw;height:2vw;bottom:22%;right:-3%}.brandbar{z-index:10;justify-content:space-between;align-items:center;gap:24px;padding:clamp(12px,1.6vh,22px) clamp(26px,4vw,74px) 0;display:flex;position:relative}.brandmark{border-radius:10px;width:clamp(148px,13vw,240px);height:clamp(120px,6.8vh,126px);padding-right:80px;position:relative}.brandmark img{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff);object-fit:contain;object-position:center;width:100%;height:100%;display:block}.brandbar__message{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;font-weight:900;display:flex}.brandbar__pill{background:linear-gradient(135deg,#42d963,#11953c);border-radius:999px;align-items:center;min-height:40px;padding:8px 18px;display:inline-flex;transform:rotate(-2deg);box-shadow:inset 0 2px #ffffff73,0 10px 20px #00461433}.brandbar__arabic{font-family:var(--arabic-font);font-size:clamp(15px,1.25vw,22px)}.operator-hint{opacity:.16;letter-spacing:.12em;font-size:10px}.screen{z-index:5;align-items:stretch;min-height:0;padding:clamp(10px,1.4vh,18px) clamp(24px,4vw,72px) clamp(10px,1.5vh,22px);display:flex;position:relative}.view{width:100%;min-height:0;animation:.55s cubic-bezier(.2,.8,.2,1) both viewIn}.start-view{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(28px,5vw,88px);display:grid}.start-copy{z-index:2;max-width:980px;position:relative}.eyebrow{color:#ffffffc7;letter-spacing:.13em;margin-bottom:14px;font-size:clamp(12px,1vw,18px);font-weight:900;display:inline-block}.display-title{font-family:var(--display-font);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;text-shadow:0 8px #87000029;margin:0;font-size:clamp(62px,8.2vw,150px);line-height:.84}.display-title span{display:block}.display-title .outline{color:#0000;-webkit-text-stroke:clamp(2px, .22vw, 4px) var(--white);text-stroke:clamp(2px, .22vw, 4px) var(--white)}.start-subtitle{color:#ffffffe0;max-width:780px;margin:clamp(20px,3vh,36px) 0 0;font-size:clamp(19px,1.55vw,30px);font-weight:700;line-height:1.3}.start-arabic{font-family:var(--arabic-font);color:#fff;margin-top:10px;font-size:clamp(19px,1.55vw,30px)}.start-cta{background:var(--white);color:var(--blue);cursor:pointer;box-shadow:var(--shadow), inset 0 -3px 0 #78000014;border:0;border-radius:999px;align-items:center;gap:18px;margin-top:clamp(26px,4vh,48px);padding:15px 26px 15px 16px;font-size:clamp(17px,1.35vw,25px);font-weight:1000;transition:transform .2s,box-shadow .2s;display:inline-flex}.start-cta:hover,.start-cta:focus-visible{outline:none;transform:translateY(-4px)scale(1.02);box-shadow:0 30px 80px #39000057}.start-cta__keys{gap:7px;display:flex}.start-visual{align-self:stretch;place-items:center;min-height:0;display:grid;position:relative}.start-visual__blob{background:linear-gradient(145deg,#fffffffa,#ebf1f8f0);border-radius:58% 42% 30% 70%/45% 42% 58% 55%;position:absolute;inset:3% 0 2% 7%;overflow:hidden;transform:rotate(2deg);box-shadow:0 42px 100px #4a000057,inset 0 3px #fff}.start-visual__blob:after{content:"";background:linear-gradient(120deg,#0000 20%,#fffc 43%,#0000 55%);animation:5s ease-in-out infinite sweep;position:absolute;inset:0;transform:translate(-100%)}.start-visual img{z-index:2;object-fit:cover;object-position:center;filter:saturate(1.05)contrast(1.04);border-radius:48% 52% 36% 64%/48% 42% 58% 52%;width:min(92%,690px);height:min(91%,720px);position:relative;box-shadow:0 22px 55px #0c164040}.start-visual__badge{z-index:4;aspect-ratio:1;width:clamp(105px,9vw,170px);font-family:var(--display-font);text-align:center;background:linear-gradient(145deg,#4ada67,#0a8737);border:6px solid #fffc;border-radius:50%;place-items:center;font-size:clamp(22px,2vw,38px);line-height:.9;display:grid;position:absolute;top:8%;right:2%;transform:rotate(7deg);box-shadow:0 20px 38px #00541e47,inset 0 5px 10px #ffffff59}.keycap{aspect-ratio:1;background:var(--white);width:clamp(34px,2.7vw,52px);color:var(--blue);font-family:var(--display-font);border-radius:13px;place-items:center;font-size:clamp(20px,1.65vw,32px);display:inline-grid;box-shadow:inset 0 -4px #64000029,0 7px 14px #4600002b}.quiz-view{grid-template-columns:minmax(0,1fr) minmax(290px,.34fr);gap:clamp(20px,2.6vw,46px);display:grid}.quiz-main{grid-template-rows:auto auto 1fr;gap:clamp(14px,1.8vh,24px);min-width:0;display:grid}.progress-head{justify-content:space-between;align-items:center;gap:24px;display:flex}.progress-label{font-family:var(--display-font);letter-spacing:.035em;text-transform:uppercase;font-size:clamp(18px,1.65vw,30px)}.progress-track{background:#ffffff38;border-radius:99px;flex:1;max-width:52%;height:clamp(9px,1vh,14px);overflow:hidden;box-shadow:inset 0 2px 5px #5a000029}.progress-fill{border-radius:inherit;background:var(--white);height:100%;transition:width .65s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px #ffffff7a}.question-card{border-radius:var(--radius-xl);min-height:clamp(134px,18vh,220px);color:var(--navy);box-shadow:var(--shadow), inset 0 2px 0 #ffffffe6;background:radial-gradient(circle at 92% 15%,#f7070b21,#0000 24%),linear-gradient(135deg,#fff,#f5f7fb 72%);flex-direction:column;justify-content:center;padding:clamp(22px,2.6vw,46px);display:flex;position:relative;overflow:hidden}.question-card:after{content:"?";font-family:var(--display-font);color:#f7070b0e;font-size:clamp(150px,16vw,290px);position:absolute;bottom:-24%;right:3%;transform:rotate(10deg)}.question-card__fr{z-index:1;font-family:var(--display-font);text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(31px,3.25vw,62px);line-height:1.03;position:relative}.question-card__ar{z-index:1;font-family:var(--arabic-font);color:var(--navy);margin:14px 0 0;font-size:clamp(31px,3.25vw,62px);font-weight:1000;line-height:1.35;position:relative}.answers{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.7vw,30px);min-height:0;display:grid}.answer-card{isolation:isolate;border-radius:var(--radius-lg);min-width:0;min-height:clamp(190px,31vh,360px);color:var(--navy);text-align:left;cursor:pointer;background:linear-gradient(155deg,#fffffffa,#f5f7fbf0);border:2px solid #ffffff9e;padding:100px clamp(18px,2vw,34px) clamp(18px,2vw,34px);transition:transform .24s,opacity .24s,border-color .24s,box-shadow .24s;position:relative;overflow:hidden;box-shadow:0 20px 46px #5c000033,inset 0 2px #ffffffe6}.answer-card:hover,.answer-card:focus-visible{outline:none;transform:translateY(-8px);box-shadow:0 30px 64px #5c000047,inset 0 2px #ffffffe6}.answer-card:disabled{cursor:default}.answer-card__number{z-index:3;aspect-ratio:1;background:var(--red);color:#fff;width:clamp(62px,5.2vw,96px);font-family:var(--display-font);border-radius:24px;place-items:center;font-size:clamp(38px,3.9vw,72px);transition:background .25s,transform .25s;display:grid;position:absolute;top:10px;left:10px;box-shadow:inset 0 -7px #6400002e,0 12px 24px #7300002e}.answer-card__copy{z-index:3;margin-top:clamp(18px,2vh,28px);position:relative}.answer-card__fr{text-transform:uppercase;font-size:clamp(19px,1.55vw,31px);font-weight:1000;line-height:1.12;display:block}.answer-card__ar{font-family:var(--arabic-font);color:#000;text-align:right;margin-top:12px;font-size:clamp(19px,1.55vw,31px);font-weight:1000;line-height:1.38;display:block}.answer-card__icon{z-index:5;aspect-ratio:1;opacity:0;border-radius:50%;place-items:center;width:clamp(45px,3.6vw,68px);font-size:clamp(24px,2vw,38px);font-weight:1000;transition:opacity .28s,transform .38s cubic-bezier(.2,1.6,.3,1);display:grid;position:absolute;top:clamp(18px,1.8vw,30px);right:clamp(18px,1.8vw,30px);transform:scale(.4)rotate(-20deg)}.answer-card__liquid{z-index:1;border-radius:45% 55% 48% 52%/56% 48% 52% 44%;width:120%;height:145%;transition:bottom .75s cubic-bezier(.2,.75,.25,1);animation:3.6s ease-in-out infinite liquidWobble;position:absolute;bottom:-130%;left:-10%}.answer-card__liquid:before,.answer-card__liquid:after{content:"";background:inherit;border-radius:50%;position:absolute}.answer-card__liquid:before{width:80px;height:80px;top:-25px;left:13%}.answer-card__liquid:after{width:55px;height:55px;top:-15px;right:17%}.answer-card__glint{z-index:2;background:linear-gradient(90deg,#0000,#ffffff57,#0000);width:36%;height:300%;transition:left .8s;position:absolute;inset:-100% auto auto -60%;transform:rotate(20deg)}.answer-card.is-correct{color:#fff;border-color:#ffffffd1;transform:translateY(-8px)scale(1.025);box-shadow:0 28px 68px #00532754,inset 0 2px #ffffff8c}.answer-card.is-correct .answer-card__number{color:var(--green-deep);background:#fff;transform:scale(1.08)rotate(-4deg)}.answer-card.is-correct .answer-card__ar{color:#ffffffdb}.answer-card.is-correct .answer-card__icon{opacity:1;color:var(--green-deep);background:#fff;transform:scale(1)rotate(0)}.answer-card.is-correct .answer-card__liquid{background:linear-gradient(155deg, var(--green), var(--green-deep));bottom:-18%}.answer-card.is-correct .answer-card__glint{left:130%}.answer-card.is-wrong{color:#fff;border-color:#ffffffd1;transform:translateY(-4px);box-shadow:0 24px 58px #873e0057,inset 0 2px #ffffff8c}.answer-card.is-wrong .answer-card__number{color:var(--orange-deep);background:#fff;transform:rotate(4deg)}.answer-card.is-wrong .answer-card__ar{color:#ffffffdb}.answer-card.is-wrong .answer-card__icon{opacity:1;color:var(--orange-deep);background:#fff;transform:scale(1)rotate(0)}.answer-card.is-wrong .answer-card__liquid{background:linear-gradient(155deg, var(--orange), var(--orange-deep));bottom:-18%}.answer-card.is-dimmed{opacity:.38;filter:saturate(.6);transform:scale(.97)}.side-panel{border-radius:var(--radius-xl);background:radial-gradient(circle at 18% 12%, #5373ff6b, transparent 42%), linear-gradient(145deg, #1d2f86 0%, var(--navy) 58%, #0a1238 100%);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 66px #00003747,inset 0 2px #ffffff1a}.side-panel:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffffff1c,#0000 66%);border-radius:50%;width:125%;position:absolute;inset:-35% -60% auto auto}.side-panel__content{z-index:2;flex-direction:column;flex:1;min-height:0;padding:clamp(20px,2vw,34px);display:flex;position:relative}.side-panel__prompt{text-align:center;flex:1;place-items:center;min-height:100%;display:grid}.side-panel__prompt-title{max-width:8ch;font-family:var(--display-font);text-transform:uppercase;text-wrap:balance;text-shadow:0 0 28px #8da3ff5c;margin:0;font-size:clamp(38px,3.8vw,68px);line-height:.9;animation:1.55s ease-in-out infinite promptBlink}.side-panel__feedback-state{flex-direction:column;flex:1;min-height:0;animation:.58s cubic-bezier(.2,.8,.2,1) both feedbackReveal;display:flex}.side-panel__label{color:#8da3ff;letter-spacing:.1em;font-size:clamp(11px,.85vw,16px);font-weight:900}.side-panel__title{font-family:var(--display-font);text-transform:uppercase;margin:8px 0 0;font-size:clamp(24px,2.4vw,44px);line-height:.95}.feedback-panel{flex-direction:column;min-height:0;margin-top:18px;animation:.45s both feedbackIn;display:none}.feedback-panel.is-visible{display:flex}.feedback-panel__status{text-transform:uppercase;align-items:center;gap:10px;font-size:clamp(18px,1.5vw,28px);font-weight:1000;display:flex}.feedback-panel__status.is-correct{color:#62f18f}.feedback-panel__status.is-wrong{color:#ffb05c}.feedback-panel__explanation{margin:13px 0 0;font-size:clamp(15px,1.13vw,21px);font-weight:700;line-height:1.38}.feedback-panel__explanation.ar{font-family:var(--arabic-font);color:#ffffffc7;margin-top:9px}.feedback-panel__tip{color:#ffffffbf;border-top:1px solid #ffffff26;margin-top:auto;padding-top:18px;font-size:clamp(13px,.98vw,18px);line-height:1.4}.feedback-panel__tip strong{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:.78em;display:block}.auto-advance-loader{color:#ffffffb8;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.auto-advance-loader__ring{--countdown-progress:360deg;aspect-ratio:1;background:conic-gradient(#8da3ff var(--countdown-progress), #ffffff21 0);border-radius:50%;flex:none;place-items:center;width:48px;transition:background .35s linear,transform .25s;display:grid;position:relative;box-shadow:0 0 20px #5373ff2e}.auto-advance-loader__ring:before{content:"";border-radius:inherit;background:#111b4a;position:absolute;inset:4px;box-shadow:inset 0 1px #ffffff1a}.auto-advance-loader__seconds{z-index:1;color:#fff;font-family:var(--display-font);font-size:22px;line-height:1;position:relative}.auto-advance-loader__label{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(11px,.8vw,14px);font-weight:900}.next-button{color:var(--navy);cursor:pointer;background:#fff;border:0;border-radius:16px;margin-top:18px;padding:13px 16px;font-weight:1000;display:none}.next-button.is-visible{display:block}.result-view{grid-template-columns:minmax(0,1fr) minmax(340px,.64fr);align-items:center;gap:clamp(28px,5vw,84px);display:grid}.result-copy{max-width:920px}.result-title{font-family:var(--display-font);text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(58px,7vw,128px);line-height:.85}.result-message{margin:28px 0 0;font-size:clamp(22px,2vw,36px);font-weight:900;line-height:1.22}.result-message-ar{font-family:var(--arabic-font);color:#fff;margin:12px 0 0;font-size:clamp(27px,2.45vw,44px);font-weight:900;line-height:1.4}.takeaways{gap:12px;margin:30px 0 0;display:grid}.takeaway{align-items:center;gap:13px;font-size:clamp(16px,1.28vw,24px);font-weight:800;display:flex}.takeaway:before{content:"✓";aspect-ratio:1;background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;display:grid}.restart-note{color:#ffffffe0;background:#ffffff14;border-radius:12px;width:-moz-fit-content;width:fit-content;margin-top:30px;padding:10px 14px;font-size:clamp(14px,1vw,18px);animation:1.25s ease-in-out infinite restartNoteBlink}.score-wrap{place-items:center;min-height:min(60vh,640px);display:grid;position:relative}.score-blob{background:#fff;border-radius:48% 52% 56% 44%/47% 39% 61% 53%;animation:7s ease-in-out infinite blobMorph;position:absolute;inset:4%;box-shadow:0 36px 90px #5900004d,inset 0 3px #ffffffe6}.score-ring{z-index:2;aspect-ratio:1;background:conic-gradient(var(--green) calc(var(--score) * 1%), #101a481a 0);border-radius:50%;place-items:center;width:min(31vw,430px);display:grid;position:relative;box-shadow:inset 0 0 0 18px #fff,0 22px 50px #101a482e}.score-ring:after{content:"";background:linear-gradient(145deg, var(--navy), #192868);border-radius:50%;position:absolute;inset:17%;box-shadow:inset 0 3px #ffffff1f}.score-ring__content{z-index:2;text-align:center;position:relative}.score-ring__percent{font-family:var(--display-font);font-size:clamp(72px,7vw,128px);line-height:.8;display:block}.score-ring__fraction{color:#aab7ff;margin-top:12px;font-size:clamp(20px,1.6vw,30px);font-weight:900;display:block}.footer{z-index:10;justify-content:space-between;align-items:center;gap:24px;padding:0 clamp(26px,4vw,74px) clamp(10px,1.5vh,20px);display:flex;position:relative}.footer__instruction{align-items:center;gap:10px;font-size:clamp(14px,1.08vw,21px);font-weight:900;display:flex}.footer__instruction .keycap{border-radius:10px;width:clamp(30px,2.2vw,43px);font-size:clamp(18px,1.35vw,26px)}.footer__campaign{font-family:var(--display-font);letter-spacing:.04em;font-size:clamp(16px,1.3vw,25px)}.liquid-transition{z-index:80;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.liquid-transition.is-active{visibility:visible}.liquid-transition__layer{border-radius:44% 56% 63% 37%/56% 42% 58% 44%;width:170vw;height:170vh;position:absolute;left:-35vw;transform:translate(-80%,60%)rotate(-13deg)}.liquid-transition__layer--one{background:#fff;top:-30vh}.liquid-transition__layer--two{background:var(--navy);opacity:.18;top:-42vh;transform:translate(-85%,70%)rotate(9deg)}.liquid-transition.is-active .liquid-transition__layer--one{animation:.9s cubic-bezier(.7,0,.25,1) both liquidCover}.liquid-transition.is-active .liquid-transition__layer--two{animation:.9s cubic-bezier(.7,0,.25,1) both liquidCover2}.liquid-transition__shine{opacity:0;background:radial-gradient(circle at 40%,#ffffffa6,#0000 18%);position:absolute;inset:0}.liquid-transition.is-active .liquid-transition__shine{animation:.9s both flash}.operator-backdrop{z-index:89;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#0508188f;transition:all .25s;position:fixed;inset:0}.operator-backdrop.is-open{opacity:1;visibility:visible}.operator-panel{z-index:90;width:min(440px,100vw - 48px);color:var(--ink);background:#fffffff7;border-radius:30px;padding:28px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;top:24px;bottom:24px;right:24px;overflow:auto;transform:translate(calc(100% + 50px));box-shadow:0 40px 120px #00001e6b}.operator-panel.is-open{transform:translate(0)}.operator-panel__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.operator-panel h2{font-family:var(--display-font);text-transform:uppercase;color:var(--navy);margin:4px 0 0;font-size:34px}.operator-panel .eyebrow{color:var(--red);margin:0}.icon-button{aspect-ratio:1;width:42px;color:var(--navy);cursor:pointer;background:#edf0f6;border:0;border-radius:50%;font-size:26px}.field{gap:8px;margin-top:18px;font-weight:800;display:grid}.field--row{grid-template-columns:1fr auto;align-items:center}.field input[type=number],.field select{width:100%;color:var(--ink);background:#fff;border:2px solid #e2e5ec;border-radius:14px;outline:none;padding:13px 14px}.field input:focus,.field select:focus{border-color:var(--red)}.field input[type=checkbox]{width:24px;height:24px;accent-color:var(--red)}.operator-panel__actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.button{cursor:pointer;border:0;border-radius:14px;padding:14px 16px;font-weight:1000}.button--primary{background:var(--red);color:#fff}.button--ghost{color:var(--navy);background:#edf0f6}.operator-panel__note{color:#697086;margin:18px 0 0;font-size:12px}[dir=rtl] .answer-card{text-align:right}.mode-ar .question-card__fr,.mode-ar .answer-card__fr,.mode-ar .feedback-panel__explanation:not(.ar){display:none}.mode-ar .question-card__ar,.mode-ar .answer-card__ar{color:var(--navy);margin-top:0;font-size:clamp(28px,2.8vw,52px)}.mode-ar .answer-card.is-correct .answer-card__ar,.mode-ar .answer-card.is-wrong .answer-card__ar{color:#fff}.mode-fr .question-card__ar,.mode-fr .answer-card__ar,.mode-fr .feedback-panel__explanation.ar{display:none}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-18px)translate(8px)}}@keyframes sweep{0%,55%{transform:translate(-120%)}80%,to{transform:translate(180%)}}@keyframes viewIn{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:none}}@keyframes feedbackIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes feedbackReveal{0%{opacity:0;filter:blur(6px);transform:translateY(20px)scale(.985)}to{opacity:1;filter:blur();transform:none}}@keyframes promptBlink{0%,to{opacity:.42;transform:scale(.97)}50%{opacity:1;transform:scale(1.035)}}@keyframes restartNoteBlink{0%,to{opacity:.55;box-shadow:0 0 #fff0}50%{opacity:1;box-shadow:0 0 24px #ffffff29}}@keyframes liquidWobble{0%,to{transform:rotate(-2deg)scale(1.02)}50%{transform:rotate(2deg)scale(1.06)}}@keyframes liquidCover{0%{transform:translate(-85%,60%)rotate(-13deg)}48%{transform:translate(-5%,-7%)rotate(-4deg)}58%{transform:translate(-5%,-7%)rotate(-4deg)}to{transform:translate(95%,-70%)rotate(8deg)}}@keyframes liquidCover2{0%{transform:translate(-95%,70%)rotate(9deg)}50%{transform:translate(-8%,-2%)rotate(4deg)}60%{transform:translate(-8%,-2%)rotate(4deg)}to{transform:translate(105%,-58%)rotate(-8deg)}}@keyframes flash{0%,35%,to{opacity:0}50%{opacity:1}}@keyframes blobMorph{0%,to{border-radius:48% 52% 56% 44%/47% 39% 61% 53%;transform:rotate(-2deg)}50%{border-radius:58% 42% 39% 61%/52% 56% 44% 48%;transform:rotate(3deg)}}@media (max-width:1100px){.app{min-height:620px}.start-view{grid-template-columns:1fr .7fr}.quiz-view{grid-template-columns:1fr 290px}.answers{gap:14px}.answer-card{min-height:230px}}@media (max-width:820px),(max-height:650px){.app{grid-template-rows:68px 1fr 66px;min-height:520px}.brandbar{padding-top:8px}.brandbar__arabic,.operator-hint{display:none}.start-view{grid-template-columns:1fr 34%;gap:20px}.start-visual__badge{display:none}.quiz-view{grid-template-columns:1fr}.side-panel{z-index:20;width:min(390px,42vw);max-height:55vh;display:none;position:absolute;bottom:12vh;right:4vw}.side-panel.has-feedback{display:flex}.answers{min-height:0}.answer-card{min-height:170px}.question-card{min-height:110px}.footer__campaign{display:none}.score-wrap{min-height:420px}}@media (orientation:portrait){html,body{overflow:auto}.app{grid-template-rows:auto 1fr auto;height:auto;min-height:100dvh;overflow:visible}.screen{min-height:calc(100dvh - 150px)}.start-view,.result-view{grid-template-columns:1fr}.start-visual{min-height:420px}.quiz-view,.answers{grid-template-columns:1fr}.answer-card{min-height:160px}.side-panel{min-height:480px}.footer{padding-top:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.18s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.liquid-transition__layer{border-radius:0}}.view{animation:none}.bubble{will-change:transform;animation:none}.score-blob{will-change:transform, border-radius;animation:none}.start-visual__blob,.start-visual__badge,.answer-card,.answer-card__liquid,.answer-card__icon,.answer-card__glint,.progress-fill,.liquid-transition__layer{will-change:transform, opacity}.answer-card{transition:box-shadow .24s,border-color .24s}.answer-card__liquid{transition:none;animation:none;bottom:-18%;transform:none}.answer-card.is-correct .answer-card__liquid,.answer-card.is-wrong .answer-card__liquid{bottom:-18%}.answer-card__glint,.answer-card__icon{transition:none}.answer-card.is-correct,.answer-card.is-wrong,.answer-card.is-dimmed{transform:none}.answer-card.is-correct .answer-card__icon,.answer-card.is-wrong .answer-card__icon{opacity:0;transform:scale(.35)rotate(-20deg)}.feedback-panel__tip .ar{font-family:var(--arabic-font);margin-top:6px;display:block}.liquid-transition{opacity:0;visibility:hidden}.liquid-transition__layer{transform:none}.liquid-transition__shine{opacity:0}.operator-panel,.operator-backdrop{visibility:hidden}.operator-panel{transition:none;transform:translate(115%)}.operator-backdrop{transition:none}.footer__instruction{transition:opacity .25s}@media (prefers-reduced-motion:reduce){.bubble,.gloss,.start-visual__blob,.start-visual__badge,.score-blob{transform:none!important}}