/* v10.12.8 — each existing Current Affairs slide becomes one 9:16 interactive Reel */
.suca-reels-overlay{position:fixed!important;inset:0!important;z-index:100000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:0!important;background:rgba(0,0,0,.92)!important}
.suca-reels-overlay.open{display:flex!important}
.suca-reels-box{position:relative;width:min(100vw,56.25vh);height:min(100vh,177.7778vw);aspect-ratio:9/16;background:#07111f;color:#fff;overflow:hidden;border-radius:0!important}
.suca-reels-close,.suca-reel-mute{position:absolute;z-index:60;top:14px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(0,0,0,.36);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center}.suca-reels-close{right:10px}.suca-reel-mute{right:58px;font-size:16px}
.suca-reels-topline{position:absolute;z-index:55;top:18px;left:14px;right:108px;display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 8px #000}.suca-reels-topline span:last-child{font-size:12px;letter-spacing:0}
.suca-reel-progress{position:absolute;z-index:58;top:6px;left:7px;right:7px;height:3px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden}.suca-reel-progress i{display:block;height:100%;width:0;background:#fff;transition:width .3s ease}
.suca-reel-status{position:absolute;inset:0;z-index:45;display:grid;place-items:center;padding:30px;text-align:center;color:#d8e4f4;font-weight:800;background:radial-gradient(circle at 50% 35%,#17335a 0,#07111f 55%,#02050a 100%)}
.suca-reel-player{position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;background:#07111f}
.suca-reel-stage{position:absolute;inset:0;padding:68px 16px 62px;overflow:hidden;background:linear-gradient(160deg,#071a32,#0b2d4f 48%,#04101e);}
.suca-reel-stage:before,.suca-reel-stage:after{content:"";position:absolute;border-radius:50%;filter:blur(38px);opacity:.22;pointer-events:none}.suca-reel-stage:before{width:230px;height:230px;left:-100px;top:90px;background:#2875ff;animation:sucaFloat 8s ease-in-out infinite alternate}.suca-reel-stage:after{width:220px;height:220px;right:-90px;bottom:100px;background:#00a884;animation:sucaFloat 9s ease-in-out infinite alternate-reverse}@keyframes sucaFloat{to{transform:translate(20px,16px) scale(1.12)}}
.suca-reel-card{position:relative;z-index:3;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:rgba(7,18,33,.78);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.suca-reel-head{padding:16px 15px 10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.suca-reel-head b{background:#ffd21a;color:#111;border-radius:9px;padding:8px 10px;font-size:10px}.suca-reel-head span{font-size:10px;color:#c6d5e7;font-weight:900}
.suca-reel-label{padding:0 15px;color:#83b1ff;font-size:10px;letter-spacing:1.8px;font-weight:950}.suca-reel-question{padding:12px 15px 8px;font-size:clamp(22px,5.5vw,30px);line-height:1.3;font-weight:950;color:#fff;animation:sucaIn .5s ease both}.suca-reel-options{display:grid;gap:8px;padding:8px 15px;opacity:0;transform:translateY(12px);transition:.45s ease}.suca-reel-options.show{opacity:1;transform:none}.suca-reel-option{display:flex;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);font-size:12px;line-height:1.35}.suca-reel-option b{width:25px;height:25px;min-width:25px;border-radius:50%;display:grid;place-items:center;background:#1f5ed6;color:#fff;font-size:10px}
.suca-reel-answer,.suca-reel-explanation{margin:5px 15px 0;padding:10px 11px;border-radius:12px;animation:sucaIn .45s ease both;font-size:11px;line-height:1.4}.suca-reel-answer{background:rgba(35,195,117,.13);border:1px solid rgba(35,195,117,.35);color:#d2f9e3}.suca-reel-explanation{background:rgba(255,207,66,.1);border:1px solid rgba(255,207,66,.3);color:#fff0bd}.suca-reel-answer strong,.suca-reel-explanation strong{display:block;margin-bottom:3px;color:#fff}
.suca-reel-points{display:grid;gap:9px;padding:12px 15px;opacity:0;transform:translateY(14px);transition:.5s ease;overflow:auto}.suca-reel-points.show{opacity:1;transform:none}.suca-reel-point{display:flex;gap:10px;padding:12px;border-radius:13px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);font-size:13px;line-height:1.42}.suca-reel-point b{width:27px;height:27px;min-width:27px;display:grid;place-items:center;border-radius:50%;background:#ffd21a;color:#111;font-size:11px}
.suca-reel-footer{position:absolute;z-index:10;left:16px;right:16px;bottom:20px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b9c8da;text-shadow:0 2px 7px #000}.suca-reel-swipe{color:#fff;font-weight:950;animation:sucaSwipe 1.3s ease-in-out infinite}@keyframes sucaSwipe{50%{transform:translateY(-6px);opacity:.65}}
/* Four existing slide types get visibly different presentation treatments. */
.suca-reel-stage.design-1{background:linear-gradient(145deg,#071d27,#123d45 55%,#06141d)}.suca-reel-stage.design-1 .suca-reel-head b{background:#54e0ad}.suca-reel-stage.design-2{background:linear-gradient(145deg,#21130b,#4b2811 50%,#120a05)}.suca-reel-stage.design-2 .suca-reel-head b{background:#ffb84d}.suca-reel-stage.design-3{background:linear-gradient(145deg,#17102d,#34215a 52%,#0b0718)}.suca-reel-stage.design-3 .suca-reel-head b{background:#cda8ff}
@keyframes sucaIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.suca-reel-empty{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:#06101f;color:#d7e2f1;gap:10px}.suca-reel-empty strong{font-size:20px}.suca-reel-empty span{max-width:300px;color:#9eafc5;font-size:12px;line-height:1.5}.suca-reel-empty button{margin-top:8px;border:0;border-radius:12px;background:#2166f3;color:#fff;padding:11px 18px;font-weight:900}
@media(max-width:600px){.suca-reels-box{width:100vw;height:177.7778vw;max-height:100vh}.suca-reel-stage{padding:66px 10px 58px}.suca-reel-question{font-size:clamp(21px,5.8vw,27px)}.suca-reel-point{font-size:12px}.suca-reel-footer{left:12px;right:12px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.suca-reel-stage:before,.suca-reel-stage:after,.suca-reel-swipe,.suca-reel-question{animation:none}}

/* v10.30: the HTML hidden attribute must win over author display rules. Without this, the empty/error layer stayed visible over the real Reel player and made every state look like 'no data'. */
#suca-reels [hidden]{display:none !important;}
#suca-reel-status[hidden],#suca-reel-player[hidden],#suca-reel-empty[hidden]{display:none !important;}

/* v10.33 — professional Shorts/Reels visual layer */
.suca-reels-box{background:#030914;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 100px rgba(0,0,0,.65)}
.suca-reel-stage{padding:72px 14px 62px;background:radial-gradient(circle at 50% 15%,rgba(28,94,201,.24),transparent 34%),linear-gradient(165deg,#061326 0%,#071c35 48%,#020912 100%)}
.suca-reel-stage:before{background:#1769ff;opacity:.18;filter:blur(55px)}
.suca-reel-stage:after{background:#ffd21a;opacity:.10;filter:blur(60px)}
.suca-reel-card{border-radius:28px;background:linear-gradient(180deg,rgba(10,24,45,.93),rgba(4,13,27,.96));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 70px rgba(0,0,0,.38)}
.suca-reel-head{padding:17px 16px 12px;gap:7px;align-items:center}.suca-reel-head b{padding:7px 10px;border-radius:8px;font-size:9px;letter-spacing:.8px}.suca-reel-head span:last-child{margin-left:auto}.suca-reel-exam-pill{font-size:7px!important;letter-spacing:.25px!important;color:#dbe8ff!important;opacity:.75;white-space:nowrap}
.suca-reel-label{padding:4px 16px 0;font-size:9px;letter-spacing:2.1px;color:#8fb8ff;text-transform:uppercase}
.suca-reel-question{padding:16px 16px 12px;font-size:clamp(23px,6vw,31px);line-height:1.27;letter-spacing:-.2px;text-wrap:balance}
.suca-reel-options{gap:9px;padding:10px 16px}.suca-reel-option{min-height:48px;align-items:center;padding:10px 11px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-color:rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.12);font-size:13px}.suca-reel-option b{width:29px;height:29px;min-width:29px;background:linear-gradient(135deg,#2d75ff,#1750bd);font-size:11px;box-shadow:0 4px 12px rgba(28,100,255,.3)}
.suca-reel-progress{top:7px;height:4px;background:rgba(255,255,255,.12)}.suca-reel-progress i{background:linear-gradient(90deg,#ffd21a,#fff1a0,#fff);box-shadow:0 0 10px rgba(255,210,26,.55)}
.suca-reel-topline{top:19px;left:15px;right:110px;font-size:9px;opacity:.9}.suca-reels-close,.suca-reel-mute{backdrop-filter:blur(10px);background:rgba(4,13,27,.58)}
.suca-reel-scene-dots{position:absolute;z-index:12;left:16px;right:16px;bottom:42px;display:flex;gap:5px}.suca-reel-scene-dots i{height:3px;flex:1;border-radius:9px;background:rgba(255,255,255,.16)}.suca-reel-scene-dots i:first-child{background:#ffd21a}
.suca-reel-countdown{position:absolute;z-index:15;right:16px;top:106px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ffd21a var(--cd,0deg),rgba(255,255,255,.10) 0deg);box-shadow:0 8px 25px rgba(0,0,0,.3)}.suca-reel-countdown:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#07172c;border:1px solid rgba(255,255,255,.10)}.suca-reel-countdown span,.suca-reel-countdown small{position:relative;z-index:2}.suca-reel-countdown span{font-size:22px;font-weight:1000}.suca-reel-countdown small{font-size:6px;letter-spacing:1px;opacity:.65;margin-top:25px;position:absolute}
.reel-hook-kicker{display:block;color:#ffd21a;font-size:.36em;letter-spacing:3px;margin-bottom:18px;font-weight:1000}.reel-hook-title{display:block;font-size:1.18em;line-height:1.2}.reel-hook-sub{display:block;margin-top:28px;color:#ffd21a;font-size:.52em;font-weight:900}.reel-q-badge{display:inline-grid;place-items:center;vertical-align:middle;margin-right:8px;width:48px;height:30px;border-radius:9px;background:#ffd21a;color:#111;font-size:12px;font-weight:1000;letter-spacing:.5px}
.suca-reel-stage.design-1 .suca-reel-head b{background:#54e0ad;color:#062015}.suca-reel-stage.design-2 .suca-reel-head b{background:#ffb84d}.suca-reel-stage.design-3 .suca-reel-head b{background:#cda8ff}
.suca-reel-footer{bottom:17px;font-size:8px;opacity:.8}.suca-reel-swipe{padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.04)}
@media(max-width:600px){.suca-reel-stage{padding:70px 10px 60px}.suca-reel-card{border-radius:25px}.suca-reel-question{font-size:clamp(22px,6.1vw,28px)}.suca-reel-option{font-size:12.5px}.suca-reel-countdown{top:103px;right:15px;width:55px;height:55px}}

/* v10.34: premium visual polish; top close/sound controls intentionally removed. */
.suca-reels-close,.suca-reel-mute{display:none!important}

/* Premium motion layer */
.suca-reel-stage{isolation:isolate}
.suca-reel-stage:before{animation:sucaBlobOne 7s ease-in-out infinite alternate!important}
.suca-reel-stage:after{animation:sucaBlobTwo 8s ease-in-out infinite alternate!important}
@keyframes sucaBlobOne{0%{transform:translate3d(-8px,0,0) scale(.92)}50%{transform:translate3d(35px,18px,0) scale(1.08)}100%{transform:translate3d(8px,-15px,0) scale(.98)}}
@keyframes sucaBlobTwo{0%{transform:translate3d(8px,5px,0) scale(.9)}50%{transform:translate3d(-28px,-18px,0) scale(1.12)}100%{transform:translate3d(2px,10px,0) scale(1)}}
.suca-reel-card{animation:sucaCardIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes sucaCardIn{from{opacity:.72;transform:scale(.985) translateY(10px)}to{opacity:1;transform:none}}
.suca-reel-head b{box-shadow:0 5px 18px rgba(255,210,26,.16);transition:transform .35s ease,box-shadow .35s ease}
.suca-reel-head b{animation:sucaPillPulse 2.6s ease-in-out infinite}
@keyframes sucaPillPulse{50%{transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,210,26,.25)}}
.suca-reel-question{animation:sucaQuestionIn .62s cubic-bezier(.18,.8,.22,1) both}
@keyframes sucaQuestionIn{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.suca-reel-option{animation:sucaOptionIn .5s cubic-bezier(.18,.8,.22,1) both}
.suca-reel-option:nth-child(1){animation-delay:.08s}.suca-reel-option:nth-child(2){animation-delay:.16s}.suca-reel-option:nth-child(3){animation-delay:.24s}.suca-reel-option:nth-child(4){animation-delay:.32s}
@keyframes sucaOptionIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.suca-reel-option b{transition:transform .25s ease;animation:sucaLetterPop .7s ease both}
.suca-reel-option:hover b{transform:scale(1.08)}
@keyframes sucaLetterPop{0%{transform:scale(.5)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
.suca-reel-countdown{animation:sucaCountdownIn .45s cubic-bezier(.2,.8,.2,1) both,sucaCountdownGlow 1s ease-in-out infinite alternate}
@keyframes sucaCountdownIn{from{opacity:0;transform:scale(.72) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes sucaCountdownGlow{to{box-shadow:0 0 0 7px rgba(255,210,26,.045),0 10px 32px rgba(255,210,26,.2)}}
.suca-reel-countdown span{animation:sucaNumberPop .9s ease-in-out infinite}
@keyframes sucaNumberPop{50%{transform:scale(1.14)}}
.suca-reel-answer,.suca-reel-explanation{animation:sucaReveal .65s cubic-bezier(.18,.8,.22,1) both}
@keyframes sucaReveal{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
.suca-reel-scene-dots i{transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.suca-reel-scene-dots i:first-child{box-shadow:0 0 9px rgba(255,210,26,.35)}
.suca-reel-footer{animation:sucaFooterIn .8s ease .25s both}
@keyframes sucaFooterIn{from{opacity:0;transform:translateY(5px)}to{opacity:.8;transform:none}}

/* v10.35 — full 9:16 editorial reel treatment + source-image layer + real swipe transitions */
.suca-reels-box{width:min(100vw,56.25vh)!important;height:min(100vh,177.7778vw)!important;aspect-ratio:9/16!important}
.suca-reel-stage{transition:transform .23s cubic-bezier(.76,0,.24,1),opacity .23s ease;will-change:transform,opacity}
.suca-reel-stage.swipe-out-up{transform:translate3d(0,-100%,0) scale(.96);opacity:.2}
.suca-reel-stage.swipe-out-down{transform:translate3d(0,100%,0) scale(.96);opacity:.2}
.suca-reel-stage.swipe-in-up{animation:sucaSwipeInUp .42s cubic-bezier(.18,.8,.2,1) both}
.suca-reel-stage.swipe-in-down{animation:sucaSwipeInDown .42s cubic-bezier(.18,.8,.2,1) both}
@keyframes sucaSwipeInUp{from{transform:translate3d(0,100%,0) scale(.96);opacity:.25}to{transform:none;opacity:1}}
@keyframes sucaSwipeInDown{from{transform:translate3d(0,-100%,0) scale(.96);opacity:.25}to{transform:none;opacity:1}}
.suca-reel-card{backdrop-filter:blur(12px)}
.suca-reel-visual{position:relative;flex:0 0 auto;margin:4px 16px 0;height:clamp(118px,24vh,190px);overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#020711;box-shadow:0 16px 36px rgba(0,0,0,.28);animation:sucaVisualIn .55s cubic-bezier(.18,.8,.22,1) both}
.suca-reel-visual.visual-compact{height:clamp(88px,17vh,132px)}
.suca-reel-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);animation:sucaKenBurns 8s ease-in-out infinite alternate}
.suca-reel-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12) 45%,rgba(0,0,0,.72))}
.suca-reel-image-badge{position:absolute;left:10px;bottom:9px;padding:5px 8px;border-radius:7px;background:rgba(3,10,20,.72);border:1px solid rgba(255,255,255,.18);font-size:7px;letter-spacing:1.2px;font-weight:1000;color:#fff}
@keyframes sucaVisualIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes sucaKenBurns{from{transform:scale(1.015)}to{transform:scale(1.07) translate3d(-1%, -1%, 0)}}
.suca-reel-question{position:relative;z-index:4}
.suca-reel-options{position:relative;z-index:5}
.suca-reel-option{transition:transform .2s ease,background .2s ease;}
.suca-reel-swipe{display:flex;align-items:center;gap:5px;animation:sucaSwipeHint 1.5s ease-in-out infinite}
.suca-reel-swipe:before{content:'↕';font-size:13px;font-weight:1000;animation:sucaArrowBob 1s ease-in-out infinite}
@keyframes sucaSwipeHint{50%{opacity:.62;transform:translateY(-2px)}}
@keyframes sucaArrowBob{50%{transform:translateY(-4px)}}
.suca-reel-scene-dots i{position:relative;overflow:hidden}
.suca-reel-scene-dots i:after{content:'';position:absolute;inset:0;background:#ffd21a;transform:translateX(-101%);transition:transform .35s ease}
.suca-reel-stage.design-0 .suca-reel-scene-dots i:nth-child(1):after,.suca-reel-stage.design-1 .suca-reel-scene-dots i:nth-child(2):after,.suca-reel-stage.design-2 .suca-reel-scene-dots i:nth-child(3):after,.suca-reel-stage.design-3 .suca-reel-scene-dots i:nth-child(4):after{transform:none}
@media(max-width:600px){.suca-reel-visual{margin-left:14px;margin-right:14px;height:clamp(105px,21vh,165px)}.suca-reel-visual.visual-compact{height:clamp(78px,15vh,118px)}.suca-reel-question{padding-top:12px}.suca-reel-option{min-height:44px}}


/* v10.36 — clean question frame: remove metadata clutter and make every option fit. */
.suca-reels-topline,
.suca-reel-head,
.suca-reel-label{display:none!important}
.suca-reel-stage.design-1 .suca-reel-card{overflow:hidden}
.suca-reel-stage.design-1 .suca-reel-visual.visual-compact{height:clamp(76px,13vh,108px)!important;margin:2px 14px 0!important;border-radius:15px}
.suca-reel-stage.design-1 .suca-reel-question{padding:9px 14px 5px!important;font-size:clamp(19px,5vw,25px)!important;line-height:1.18!important;max-height:27%!important;overflow:hidden!important;flex:0 0 auto}
.suca-reel-stage.design-1 .suca-reel-options{padding:5px 14px 0!important;gap:6px!important;flex:1 1 auto!important;min-height:0!important;grid-template-rows:repeat(4,minmax(0,1fr));overflow:hidden!important}
.suca-reel-stage.design-1 .suca-reel-option{min-height:0!important;height:auto!important;padding:7px 9px!important;font-size:12px!important;line-height:1.2!important;border-radius:13px!important;align-items:center}
.suca-reel-stage.design-1 .suca-reel-option b{width:27px!important;height:27px!important;min-width:27px!important}
.suca-reel-stage.design-1 .suca-reel-footer{display:none!important}
.suca-reel-stage.design-1 .suca-reel-countdown{top:92px!important;right:14px!important;width:52px!important;height:52px!important}
@media(max-width:600px){
  .suca-reel-stage.design-1 .suca-reel-visual.visual-compact{height:clamp(70px,12vh,98px)!important}
  .suca-reel-stage.design-1 .suca-reel-question{font-size:clamp(18px,4.8vw,23px)!important;line-height:1.17!important}
  .suca-reel-stage.design-1 .suca-reel-option{font-size:11.5px!important;padding:6px 8px!important}
  .suca-reel-stage.design-1 .suca-reel-option b{width:25px!important;height:25px!important;min-width:25px!important}
}

/* v10.36 FINAL QUESTION FRAME — remove metadata clutter and guarantee all 4 options fit on mobile. */
#suca-reels .suca-reels-topline,
#suca-reels .suca-reel-head,
#suca-reels .suca-reel-label{display:none!important}

#suca-reels .suca-reel-stage.design-1{padding:34px 10px 28px!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-card{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual.visual-compact{
  flex:0 0 auto!important;
  height:clamp(78px,15vh,118px)!important;
  margin:0 12px 0!important;
  border-radius:15px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{
  flex:0 0 auto!important;
  max-height:30%!important;
  overflow:hidden!important;
  padding:10px 13px 6px!important;
  margin:0!important;
  font-size:clamp(18px,4.7vw,24px)!important;
  line-height:1.16!important;
  letter-spacing:-.15px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-options{
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  padding:5px 12px 8px!important;
  margin:0!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{
  min-height:0!important;
  height:auto!important;
  padding:6px 8px!important;
  margin:0!important;
  font-size:clamp(11px,3vw,13px)!important;
  line-height:1.15!important;
  border-radius:12px!important;
  align-items:center!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option span{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option b{
  width:25px!important;height:25px!important;min-width:25px!important;
  font-size:10px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{
  top:15px!important;right:15px!important;width:50px!important;height:50px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-footer{display:none!important}

@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-1{padding:32px 8px 25px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-visual.visual-compact{height:clamp(72px,14vh,105px)!important;margin-left:10px!important;margin-right:10px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-question{font-size:clamp(17px,4.45vw,22px)!important;line-height:1.15!important;padding:9px 11px 5px!important;max-height:29%!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-options{padding:5px 10px 7px!important;gap:5px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option{font-size:11px!important;padding:5px 7px!important;border-radius:11px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option b{width:23px!important;height:23px!important;min-width:23px!important}
}

/* v10.37 — compact professional options + stronger scene-by-scene editorial motion. */
#suca-reels .suca-reel-stage.design-1 .suca-reel-options{
  align-content:start!important;
  grid-template-rows:repeat(4,52px)!important;
  gap:7px!important;
  flex:0 0 auto!important;
  height:auto!important;
  padding:5px 12px 8px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:7px 10px!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  border-radius:13px!important;
  transform-origin:left center;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option b{
  width:29px!important;height:29px!important;min-width:29px!important;
  font-size:11px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{
  max-height:29%!important;
  padding:9px 13px 6px!important;
  font-size:clamp(18px,4.8vw,24px)!important;
}

/* Each scene gets a deliberately edited entrance, rather than the same generic fade. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-card{animation:sucaHookCard .72s cubic-bezier(.16,.86,.2,1) both}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{animation:sucaHookText .85s cubic-bezier(.12,.82,.2,1) .10s both}
#suca-reels .suca-reel-stage.design-0 .reel-hook-kicker{animation:sucaHookKicker .55s cubic-bezier(.2,.8,.2,1) both}
#suca-reels .suca-reel-stage.design-0 .reel-hook-title{animation:sucaHookTitle .78s cubic-bezier(.12,.82,.2,1) .16s both}
#suca-reels .suca-reel-stage.design-0 .reel-hook-sub{animation:sucaHookSub .65s cubic-bezier(.2,.8,.2,1) .38s both}

#suca-reels .suca-reel-stage.design-1 .suca-reel-visual{animation:sucaQuestionImage .65s cubic-bezier(.16,.86,.2,1) both}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{animation:sucaQuestionDrop .68s cubic-bezier(.14,.86,.2,1) .10s both}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option:nth-child(1){animation:sucaOptionPro .52s cubic-bezier(.16,.9,.2,1) .22s both}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option:nth-child(2){animation:sucaOptionPro .52s cubic-bezier(.16,.9,.2,1) .31s both}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option:nth-child(3){animation:sucaOptionPro .52s cubic-bezier(.16,.9,.2,1) .40s both}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option:nth-child(4){animation:sucaOptionPro .52s cubic-bezier(.16,.9,.2,1) .49s both}

#suca-reels .suca-reel-stage.design-2 .suca-reel-card{animation:sucaAnswerCard .72s cubic-bezier(.14,.88,.2,1) both}
#suca-reels .suca-reel-stage.design-2 .suca-reel-question{animation:sucaAnswerText .72s cubic-bezier(.12,.86,.2,1) .12s both}
#suca-reels .suca-reel-stage.design-2 .suca-reel-question strong{display:inline-block;animation:sucaCorrectPop .75s cubic-bezier(.14,.9,.2,1) .38s both}

#suca-reels .suca-reel-stage.design-3 .suca-reel-card{animation:sucaExplainCard .72s cubic-bezier(.14,.86,.2,1) both}
#suca-reels .suca-reel-stage.design-3 .suca-reel-question{animation:sucaExplainText .82s cubic-bezier(.12,.86,.2,1) .10s both}

@keyframes sucaHookCard{from{opacity:0;transform:scale(.91) translateY(34px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaHookText{from{opacity:0;transform:translateY(28px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaHookKicker{from{opacity:0;transform:translateX(-28px) scale(.8)}to{opacity:1;transform:none}}
@keyframes sucaHookTitle{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes sucaHookSub{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes sucaQuestionImage{from{opacity:0;transform:translateY(-26px) scale(.94);filter:brightness(.65) blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaQuestionDrop{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes sucaOptionPro{from{opacity:0;transform:translateX(-42px) scale(.94);filter:blur(3px)}65%{opacity:1;transform:translateX(5px) scale(1.01);filter:none}to{opacity:1;transform:none}}
@keyframes sucaAnswerCard{from{opacity:0;transform:scale(.88) translateY(24px);filter:blur(5px)}60%{opacity:1;transform:scale(1.02) translateY(-2px);filter:none}to{opacity:1;transform:none}}
@keyframes sucaAnswerText{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:none}}
@keyframes sucaCorrectPop{from{opacity:0;transform:scale(.65);filter:blur(3px)}65%{opacity:1;transform:scale(1.08);filter:none}to{opacity:1;transform:scale(1)}}
@keyframes sucaExplainCard{from{opacity:0;transform:translateY(38px) scale(.95);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaExplainText{from{opacity:0;transform:translateY(26px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}

@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-1 .suca-reel-options{grid-template-rows:repeat(4,48px)!important;gap:6px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option{height:48px!important;min-height:48px!important;max-height:48px!important;font-size:11.5px!important;padding:6px 8px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option b{width:26px!important;height:26px!important;min-width:26px!important}
}

/* v10.40 — Question scene uses the SAME vertical frame/inset as the other three scenes.
   Previous compact overrides pulled the question scene too close to the top and made
   the visual composition feel shorter than Hook/Answer/Explanation. */
#suca-reels .suca-reel-stage.design-1{
  padding:72px 14px 62px!important;
  box-sizing:border-box!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-card{
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual.visual-compact{
  flex:0 0 102px!important;
  height:102px!important;
  min-height:102px!important;
  margin:0 14px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{
  flex:0 0 auto!important;
  max-height:25%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:10px 14px 7px!important;
  margin:0!important;
  font-size:clamp(17px,4.5vw,23px)!important;
  line-height:1.17!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-options{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  padding:6px 14px 10px!important;
  margin:0!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
  padding:6px 9px!important;
  font-size:12px!important;
  line-height:1.15!important;
  border-radius:13px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option b{
  width:26px!important;height:26px!important;min-width:26px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{
  top:104px!important;right:16px!important;width:52px!important;height:52px!important;
}

@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-1{
    padding:66px 10px 58px!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-visual.visual-compact{
    flex-basis:96px!important;height:96px!important;min-height:96px!important;
    margin:0 12px!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-question{
    max-height:25%!important;
    padding:9px 12px 6px!important;
    font-size:clamp(17px,4.35vw,22px)!important;
    line-height:1.16!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-options{
    padding:6px 12px 9px!important;
    gap:5px!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option{
    font-size:11.5px!important;
    padding:5px 8px!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option b{
    width:24px!important;height:24px!important;min-width:24px!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{
    top:96px!important;right:14px!important;width:50px!important;height:50px!important;
  }
}


/* v10.41 — professional centered composition: don't pin every scene's content to the top.
   Question scene gets the same visual breathing room as the other scenes while keeping
   image + question + all four compact options comfortably inside the 9:16 frame. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-card,
#suca-reels .suca-reel-stage.design-2 .suca-reel-card,
#suca-reels .suca-reel-stage.design-3 .suca-reel-card{
  justify-content:center!important;
}
#suca-reels .suca-reel-stage.design-1{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:72px 14px 62px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-card{
  justify-content:center!important;
  height:100%!important;
  padding:0!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual.visual-compact{
  flex:0 0 112px!important;
  height:112px!important;
  min-height:112px!important;
  margin:0 14px 10px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{
  flex:0 0 auto!important;
  max-height:none!important;
  padding:8px 14px 10px!important;
  margin:0!important;
  font-size:clamp(18px,4.5vw,23px)!important;
  line-height:1.18!important;
  text-align:left!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-options{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-rows:repeat(4,46px)!important;
  gap:6px!important;
  height:auto!important;
  min-height:0!important;
  padding:2px 14px 0!important;
  margin:0!important;
  overflow:visible!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:6px 9px!important;
  font-size:12px!important;
  line-height:1.15!important;
  border-radius:12px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option b{
  width:25px!important;height:25px!important;min-width:25px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{
  top:18px!important;right:16px!important;width:50px!important;height:50px!important;
}
@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-1{padding:66px 10px 58px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-visual.visual-compact{
    flex-basis:100px!important;height:100px!important;min-height:100px!important;margin:0 12px 9px!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-question{
    padding:7px 12px 9px!important;font-size:clamp(17px,4.35vw,22px)!important;line-height:1.16!important;
  }
  #suca-reels .suca-reel-stage.design-1 .suca-reel-options{grid-template-rows:repeat(4,44px)!important;gap:5px!important;padding:2px 12px 0!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option{height:44px!important;min-height:44px!important;max-height:44px!important;font-size:11.5px!important;padding:5px 8px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option b{width:24px!important;height:24px!important;min-width:24px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{top:14px!important;right:14px!important;width:48px!important;height:48px!important}
}

/* v10.42 — professional editorial composition: image owns the upper visual area;
   MCQ question/options keep their lower reading zone. Stronger color treatment and motion. */
#suca-reels .suca-reel-stage.design-1 .suca-reel-card{
  background:
    radial-gradient(circle at 15% 20%,rgba(255,210,26,.12),transparent 28%),
    radial-gradient(circle at 88% 78%,rgba(55,130,255,.16),transparent 32%),
    linear-gradient(180deg,#081b35 0%,#071225 58%,#050b18 100%)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual{
  flex:0 0 40%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 18px 35px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
  background:#020711!important;
  animation:sucaHeroImageIn .8s cubic-bezier(.12,.82,.2,1) both!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual img{
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.04)!important;
  animation:sucaHeroKenBurns 7s ease-in-out infinite alternate!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-image-shade{
  background:linear-gradient(180deg,rgba(3,10,24,.02) 48%,rgba(3,10,24,.34) 78%,rgba(3,10,24,.94) 100%)!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-image-badge{display:none!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{
  position:relative!important;
  flex:0 0 auto!important;
  max-height:24%!important;
  padding:16px 16px 8px!important;
  margin:0!important;
  color:#fff!important;
  font-weight:850!important;
  font-size:clamp(18px,4.7vw,24px)!important;
  line-height:1.2!important;
  text-shadow:0 2px 14px rgba(0,0,0,.32)!important;
  background:linear-gradient(180deg,rgba(10,28,53,.72),rgba(8,20,38,.18))!important;
  animation:sucaQuestionLift .72s cubic-bezier(.12,.86,.2,1) .18s both!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-q-badge{
  width:auto!important;height:auto!important;min-width:42px!important;padding:6px 9px!important;
  margin-right:9px!important;border-radius:9px!important;
  background:linear-gradient(135deg,#ffd21a,#ff9f1a)!important;color:#151515!important;
  box-shadow:0 7px 20px rgba(255,174,26,.32)!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-options{
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  padding:8px 16px 18px!important;
  gap:7px!important;
  background:linear-gradient(180deg,rgba(5,13,27,.05),rgba(5,13,27,.72))!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:7px 10px!important;
  border:1px solid rgba(139,186,255,.18)!important;
  background:linear-gradient(100deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;
  color:#f7fbff!important;font-size:12px!important;line-height:1.18!important;
  backdrop-filter:blur(8px)!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option b{
  background:linear-gradient(135deg,#3e8bff,#6c4dff)!important;
  box-shadow:0 5px 15px rgba(66,120,255,.3)!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{
  top:14px!important;right:14px!important;width:54px!important;height:54px!important;
  z-index:30!important;
  box-shadow:0 8px 28px rgba(0,0,0,.42),0 0 22px rgba(255,210,26,.18)!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-card:after{
  content:'';position:absolute;left:18px;right:18px;top:40%;height:1px;z-index:8;
  background:linear-gradient(90deg,transparent,rgba(255,210,26,.55),rgba(102,162,255,.55),transparent);
  opacity:.65;transform:scaleX(.3);animation:sucaDividerIn .9s .35s ease both;
}
@keyframes sucaHeroImageIn{from{opacity:0;transform:scale(1.06) translateY(-24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaHeroKenBurns{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.10) translate3d(0,-1.5%,0)}}
@keyframes sucaQuestionLift{from{opacity:0;transform:translateY(28px);filter:blur(3px)}65%{opacity:1;transform:translateY(-2px);filter:none}to{opacity:1;transform:none}}
@keyframes sucaDividerIn{from{transform:scaleX(.15);opacity:0}to{transform:scaleX(1);opacity:.65}}
@media(max-width:600px){
 #suca-reels .suca-reel-stage.design-1 .suca-reel-visual{flex-basis:39%!important}
 #suca-reels .suca-reel-stage.design-1 .suca-reel-question{max-height:24%!important;padding:13px 13px 7px!important;font-size:clamp(17px,4.35vw,22px)!important}
 #suca-reels .suca-reel-stage.design-1 .suca-reel-options{padding:7px 12px 14px!important;gap:5px!important}
 #suca-reels .suca-reel-stage.design-1 .suca-reel-option{font-size:11.5px!important;padding:6px 8px!important}
}

/* v10.43 — lower the four-scene progress indicators closer to the bottom edge.
   Existing reel layout/functionality preserved. */
.suca-reel-scene-dots{
  bottom:24px !important;
}


/* v10.44 — premium edited-reel motion + color polish. Existing Feed MCQ content remains exact. */
#suca-reels .suca-reel-stage{
  background:
    radial-gradient(circle at 18% 18%,rgba(48,117,255,.22),transparent 28%),
    radial-gradient(circle at 84% 70%,rgba(0,219,190,.12),transparent 30%),
    linear-gradient(165deg,#030914 0%,#071a35 46%,#020711 100%)!important;
  will-change:transform,opacity,filter;
}
#suca-reels .suca-reel-stage:before{background:#287cff!important;opacity:.22!important;filter:blur(58px)!important;animation:sucaAmbientA 7s ease-in-out infinite alternate!important}
#suca-reels .suca-reel-stage:after{background:#00d8c2!important;opacity:.12!important;filter:blur(65px)!important;animation:sucaAmbientB 9s ease-in-out infinite alternate!important}
@keyframes sucaAmbientA{to{transform:translate3d(34px,18px,0) scale(1.18);opacity:.30}}
@keyframes sucaAmbientB{to{transform:translate3d(-28px,-20px,0) scale(1.15);opacity:.18}}
#suca-reels .suca-reel-card{
  border:1px solid rgba(255,255,255,.15)!important;
  background:linear-gradient(180deg,rgba(8,22,43,.91),rgba(3,10,22,.96))!important;
  box-shadow:0 28px 85px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,210,26,.05)!important;
  backdrop-filter:blur(16px)!important;
}
/* Hook — punch-in + kinetic typography */
#suca-reels .design-0 .suca-reel-card{animation:sucaHookPremium .78s cubic-bezier(.12,.9,.2,1) both!important}
#suca-reels .design-0 .reel-hook-kicker{display:block;color:#ffd21a!important;text-shadow:0 0 18px rgba(255,210,26,.35);animation:sucaKickerPremium .58s cubic-bezier(.15,.9,.2,1) both!important}
#suca-reels .design-0 .reel-hook-title{display:block;color:#fff!important;text-shadow:0 5px 28px rgba(0,0,0,.42);animation:sucaHookTitlePremium .85s cubic-bezier(.1,.9,.2,1) .10s both!important}
#suca-reels .design-0 .reel-hook-sub{display:block;color:#67e8ff!important;font-weight:900!important;animation:sucaHookSubPremium .7s cubic-bezier(.12,.88,.2,1) .34s both!important}
@keyframes sucaHookPremium{from{opacity:0;transform:scale(.84) translateY(36px);filter:blur(7px)}65%{opacity:1;transform:scale(1.025) translateY(-2px);filter:none}to{opacity:1;transform:none}}
@keyframes sucaKickerPremium{from{opacity:0;transform:translateX(-30px) scale(.7)}to{opacity:1;transform:none}}
@keyframes sucaHookTitlePremium{from{opacity:0;transform:translateY(28px) scale(.90);filter:blur(5px)}60%{opacity:1;transform:scale(1.025);filter:none}to{opacity:1;transform:none}}
@keyframes sucaHookSubPremium{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
/* Question — cinematic image + staggered words + pop options */
#suca-reels .design-1 .suca-reel-visual img{animation:sucaHeroKenBurnsPremium 7s ease-in-out infinite alternate!important}
@keyframes sucaHeroKenBurnsPremium{from{transform:scale(1.045) translate3d(0,0,0)}to{transform:scale(1.115) translate3d(-1.2%,-1.2%,0)}}
#suca-reels .design-1 .question-kinetic{display:inline}
#suca-reels .design-1 .kinetic-word{display:inline-block;opacity:0;animation:sucaWordIn .52s cubic-bezier(.12,.9,.2,1) both;animation-delay:calc(.12s + var(--word,0) * .025s)}
#suca-reels .design-1 .kinetic-word:nth-child(1){--word:0}.suca-reel-stage.design-1 .kinetic-word:nth-child(2){--word:1}.suca-reel-stage.design-1 .kinetic-word:nth-child(3){--word:2}.suca-reel-stage.design-1 .kinetic-word:nth-child(4){--word:3}.suca-reel-stage.design-1 .kinetic-word:nth-child(5){--word:4}.suca-reel-stage.design-1 .kinetic-word:nth-child(6){--word:5}.suca-reel-stage.design-1 .kinetic-word:nth-child(7){--word:6}.suca-reel-stage.design-1 .kinetic-word:nth-child(8){--word:7}.suca-reel-stage.design-1 .kinetic-word:nth-child(9){--word:8}.suca-reel-stage.design-1 .kinetic-word:nth-child(10){--word:9}
@keyframes sucaWordIn{from{opacity:0;transform:translateY(15px) scale(.88);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
#suca-reels .design-1 .suca-reel-option{animation:sucaOptionPremium .58s cubic-bezier(.12,.92,.2,1) both!important}
#suca-reels .design-1 .suca-reel-option:nth-child(1){animation-delay:.18s!important}.suca-reel-stage.design-1 .suca-reel-option:nth-child(2){animation-delay:.28s!important}.suca-reel-stage.design-1 .suca-reel-option:nth-child(3){animation-delay:.38s!important}.suca-reel-stage.design-1 .suca-reel-option:nth-child(4){animation-delay:.48s!important}
@keyframes sucaOptionPremium{from{opacity:0;transform:translateX(-55px) scale(.88);filter:blur(4px)}70%{opacity:1;transform:translateX(5px) scale(1.02);filter:none}to{opacity:1;transform:none}}
/* Countdown — ring already follows the 5s timer; make the number punch harder. */
#suca-reels .design-1 .suca-reel-countdown{animation:sucaCountdownPremium .5s cubic-bezier(.12,.9,.2,1) both,sucaCountdownGlow 1s ease-in-out infinite alternate!important}
#suca-reels .design-1 .suca-reel-countdown span{animation:sucaCountdownNumber .8s cubic-bezier(.15,.9,.2,1) infinite!important}
@keyframes sucaCountdownPremium{from{opacity:0;transform:scale(.58) rotate(-20deg)}to{opacity:1;transform:none}}
@keyframes sucaCountdownNumber{0%,100%{transform:scale(1)}45%{transform:scale(1.22)}65%{transform:scale(.96)}}
/* Answer — suspense line then glowing answer reveal */
#suca-reels .design-2 .answer-question{opacity:.62;font-size:.72em;line-height:1.4;animation:sucaAnswerQuestion .55s ease .05s both}
#suca-reels .design-2 .answer-suspense{margin-top:18px;color:#ffd21a;font-size:.72em;font-weight:900;letter-spacing:.3px;animation:sucaSuspense .65s ease .30s both}
#suca-reels .design-2 .answer-correct{display:inline-block!important;margin-top:10px;color:#67f5c0!important;text-shadow:0 0 20px rgba(103,245,192,.35);animation:sucaCorrectPremium .85s cubic-bezier(.12,.92,.2,1) .70s both!important}
@keyframes sucaAnswerQuestion{from{opacity:0;transform:translateY(16px)}to{opacity:.62;transform:none}}
@keyframes sucaSuspense{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaCorrectPremium{from{opacity:0;transform:scale(.62) translateY(18px);filter:blur(5px)}60%{opacity:1;transform:scale(1.12);filter:none}to{opacity:1;transform:scale(1)}}
/* Explanation — upward reveal, sentence-by-sentence, with key visual accents */
#suca-reels .design-3 .explanation-kicker{display:inline-block;color:#ffd21a;font-size:.42em;letter-spacing:2.5px;font-weight:1000;margin-bottom:12px;padding:5px 9px;border-radius:8px;background:rgba(255,210,26,.10);border:1px solid rgba(255,210,26,.22);animation:sucaExplainKicker .55s ease both}
#suca-reels .design-3 .explanation-copy{display:block}
#suca-reels .design-3 .explain-line{display:block;margin:0 0 9px;color:#f5f8ff;animation:sucaExplainLine .65s cubic-bezier(.12,.88,.2,1) calc(.12s + var(--i) * .12s) both}
@keyframes sucaExplainKicker{from{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:none}}
@keyframes sucaExplainLine{from{opacity:0;transform:translateY(28px);clip-path:inset(0 0 100% 0);filter:blur(3px)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0);filter:none}}
/* Scene swipe — stronger vertical movement + motion-blur impression. */
#suca-reels .suca-reel-stage.swipe-out-up,#suca-reels .suca-reel-stage.swipe-out-down{filter:blur(7px);transition:transform .23s cubic-bezier(.76,0,.24,1),opacity .23s ease,filter .23s ease!important}
#suca-reels .suca-reel-stage.swipe-in-up,#suca-reels .suca-reel-stage.swipe-in-down{filter:blur(0);}
/* Premium typography and accent colors */
#suca-reels .suca-reel-question{letter-spacing:-.22px;text-shadow:0 3px 18px rgba(0,0,0,.28)}
#suca-reels .design-1 .suca-reel-q-badge{color:#151515!important;background:linear-gradient(135deg,#ffe04b,#ff9f1a)!important}
#suca-reels .design-1 .suca-reel-option b{background:linear-gradient(135deg,#27d8ff,#5066ff)!important;color:#fff!important;box-shadow:0 0 16px rgba(39,216,255,.22)!important}
#suca-reels .design-2 .suca-reel-question{color:#fff!important}
#suca-reels .design-3 .suca-reel-question{color:#fff!important}
@media(max-width:600px){
 #suca-reels .design-0 .suca-reel-question{font-size:clamp(24px,6.2vw,31px)!important}
 #suca-reels .design-2 .suca-reel-question,#suca-reels .design-3 .suca-reel-question{font-size:clamp(20px,5vw,27px)!important}
}
@media(prefers-reduced-motion:reduce){
 #suca-reels .suca-reel-stage:before,#suca-reels .suca-reel-stage:after,#suca-reels .suca-reel-visual img,#suca-reels .kinetic-word,#suca-reels .suca-reel-option,#suca-reels .suca-reel-card,#suca-reels .answer-correct,#suca-reels .explain-line{animation:none!important}
}


/* v10.45 — every Reel scene gets the same editorial image-top composition as the MCQ scene.
   Hook / Answer / Explanation keep their exact text while using the source Feed image above. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-card,
#suca-reels .suca-reel-stage.design-2 .suca-reel-card,
#suca-reels .suca-reel-stage.design-3 .suca-reel-card{
  justify-content:flex-start!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,210,26,.10),transparent 28%),
    radial-gradient(circle at 86% 78%,rgba(49,126,255,.15),transparent 32%),
    linear-gradient(180deg,#081b35 0%,#071225 58%,#050b18 100%)!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-3 .suca-reel-visual{
  display:block!important;
  flex:0 0 40%!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 18px 38px rgba(0,0,0,.38)!important;
  background:#020711!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual img,
#suca-reels .suca-reel-stage.design-2 .suca-reel-visual img,
#suca-reels .suca-reel-stage.design-3 .suca-reel-visual img{
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.04)!important;
  animation:sucaAllSceneKenBurns 8s ease-in-out infinite alternate!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-image-shade,
#suca-reels .suca-reel-stage.design-2 .suca-reel-image-shade,
#suca-reels .suca-reel-stage.design-3 .suca-reel-image-shade{
  background:linear-gradient(180deg,rgba(3,10,24,.02) 42%,rgba(3,10,24,.20) 68%,rgba(3,10,24,.88) 100%)!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question,
#suca-reels .suca-reel-stage.design-2 .suca-reel-question,
#suca-reels .suca-reel-stage.design-3 .suca-reel-question{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:22px 18px 34px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(5,13,27,.18),rgba(5,13,27,.72))!important;
}
@keyframes sucaAllSceneKenBurns{
  from{transform:scale(1.04) translate3d(0,0,0)}
  to{transform:scale(1.12) translate3d(-1.2%,-1%,0)}
}
/* Cinematic hook treatment — image first, then bold clickbait typography. */
#suca-reels .design-0 .reel-hook-kicker{font-size:.43em!important;letter-spacing:3px!important;color:#ffd21a!important;text-transform:uppercase;text-shadow:0 0 22px rgba(255,210,26,.45)}
#suca-reels .design-0 .reel-hook-title{font-size:1.30em!important;line-height:1.08!important;font-weight:1000!important;color:#fff!important;text-shadow:0 8px 30px rgba(0,0,0,.55)}
#suca-reels .design-0 .reel-hook-sub{font-size:.60em!important;color:#63e8ff!important;margin-top:15px!important;text-shadow:0 0 18px rgba(99,232,255,.28)}
#suca-reels .design-0 .suca-reel-question:after{content:'SWIPE UP • ANSWER';display:block;margin-top:22px;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;background:linear-gradient(90deg,#ffd21a,#ff9b1a);color:#111;font-size:9px;font-weight:1000;letter-spacing:1.2px;box-shadow:0 8px 25px rgba(255,171,25,.22);animation:sucaCtaPulse 1.6s ease-in-out infinite}
@keyframes sucaCtaPulse{50%{transform:scale(1.035);box-shadow:0 10px 30px rgba(255,171,25,.36)}}
/* Answer / explanation use the same image-led framing, with richer glass content. */
#suca-reels .design-2 .suca-reel-question,
#suca-reels .design-3 .suca-reel-question{font-weight:850!important}
#suca-reels .design-2 .answer-correct{padding:13px 15px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(54,245,177,.16),rgba(27,135,101,.10))!important;border:1px solid rgba(103,245,192,.35)!important;box-shadow:0 12px 35px rgba(44,230,157,.12),inset 0 1px 0 rgba(255,255,255,.07)!important}
#suca-reels .design-3 .explanation-copy{padding:14px 15px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}
@media(max-width:600px){
 #suca-reels .suca-reel-stage.design-0 .suca-reel-visual,
 #suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
 #suca-reels .suca-reel-stage.design-3 .suca-reel-visual{flex-basis:39%!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-question,
 #suca-reels .suca-reel-stage.design-2 .suca-reel-question,
 #suca-reels .suca-reel-stage.design-3 .suca-reel-question{padding:18px 14px 28px!important}
}


/* v10.47 — stronger visual polish, no blank image area, larger typography, reliable voice fallback. */
#suca-reels .suca-reel-stage{
  background:
    radial-gradient(circle at 12% 12%,rgba(0,191,255,.20),transparent 25%),
    radial-gradient(circle at 88% 30%,rgba(124,58,237,.18),transparent 27%),
    radial-gradient(circle at 55% 92%,rgba(255,174,0,.10),transparent 28%),
    linear-gradient(145deg,#020617 0%,#071b3a 44%,#020617 100%)!important;
}
#suca-reels .suca-reel-stage:before{background:#00bfff!important;opacity:.26!important;filter:blur(70px)!important}
#suca-reels .suca-reel-stage:after{background:#7c3aed!important;opacity:.18!important;filter:blur(75px)!important}
#suca-reels .suca-reel-card{background:linear-gradient(180deg,rgba(8,22,48,.94),rgba(2,8,20,.98))!important;border-color:rgba(90,205,255,.22)!important;box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.10)!important}
#suca-reels .suca-reel-visual{background:linear-gradient(135deg,#102a56,#063b5f 48%,#24104f)!important;position:relative!important}
#suca-reels .suca-reel-visual.visual-placeholder{display:block!important;overflow:hidden!important}
#suca-reels .suca-reel-visual.visual-placeholder:before{content:'CURRENT AFFAIRS';position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.96);font-size:clamp(22px,6vw,38px);font-weight:1000;letter-spacing:3px;text-shadow:0 0 30px rgba(0,191,255,.42);background:radial-gradient(circle at 50% 45%,rgba(0,209,255,.24),transparent 35%),linear-gradient(135deg,rgba(0,140,255,.12),rgba(124,58,237,.28));animation:sucaPlaceholderPulse 2.8s ease-in-out infinite alternate}
#suca-reels .suca-reel-visual.visual-placeholder:after{content:'SHIKSHAUPDATE • EXAM READY';position:absolute;left:0;right:0;bottom:18px;text-align:center;color:#ffd21a;font-size:9px;font-weight:1000;letter-spacing:2px}
@keyframes sucaPlaceholderPulse{to{transform:scale(1.035);filter:brightness(1.18)}}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question,
#suca-reels .suca-reel-stage.design-2 .suca-reel-question,
#suca-reels .suca-reel-stage.design-3 .suca-reel-question{font-size:clamp(25px,6.5vw,36px)!important;line-height:1.12!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-3 .suca-reel-visual{flex-basis:38%!important}
/* If there is no source image, collapse the visual cleanly so text moves upward instead of leaving a dead gap. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual.visual-placeholder,
#suca-reels .suca-reel-stage.design-2 .suca-reel-visual.visual-placeholder,
#suca-reels .suca-reel-stage.design-3 .suca-reel-visual.visual-placeholder{flex-basis:27%!important}
#suca-reels .suca-reel-stage.design-0 .reel-hook-title{font-size:clamp(31px,8.2vw,46px)!important;line-height:1.04!important;color:#fff!important;text-shadow:0 4px 28px rgba(0,0,0,.55),0 0 18px rgba(0,191,255,.10)!important}
#suca-reels .suca-reel-stage.design-0 .reel-hook-sub{font-size:clamp(17px,4.5vw,24px)!important;color:#5ee7ff!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{font-size:clamp(20px,5.4vw,29px)!important;line-height:1.14!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{font-size:clamp(12px,3.25vw,15px)!important;background:linear-gradient(135deg,rgba(20,54,98,.92),rgba(10,26,55,.90))!important;border:1px solid rgba(86,205,255,.18)!important;box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06)!important}
#suca-reels .suca-reel-stage.design-2 .answer-correct{font-size:1.05em!important;color:#65ffc4!important;background:linear-gradient(135deg,rgba(0,209,151,.22),rgba(0,111,255,.12))!important;box-shadow:0 0 28px rgba(0,220,170,.16),inset 0 1px 0 rgba(255,255,255,.10)!important}
#suca-reels .suca-reel-stage.design-3 .explanation-copy{font-size:.86em!important;line-height:1.38!important;background:linear-gradient(135deg,rgba(18,48,87,.80),rgba(8,20,43,.82))!important;border-color:rgba(95,214,255,.18)!important}
#suca-reels .suca-reel-stage.design-3 .explain-line:first-child::first-letter{color:#ffd21a}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question:after{background:linear-gradient(90deg,#ffe14a,#ff8a00,#ff3d81)!important;color:#101010!important;box-shadow:0 8px 30px rgba(255,120,20,.30),0 0 18px rgba(255,210,26,.18)!important}
@media(max-width:600px){
 #suca-reels .suca-reel-stage.design-0 .suca-reel-question,
 #suca-reels .suca-reel-stage.design-2 .suca-reel-question,
 #suca-reels .suca-reel-stage.design-3 .suca-reel-question{font-size:clamp(23px,6.1vw,32px)!important}
 #suca-reels .suca-reel-stage.design-0 .reel-hook-title{font-size:clamp(29px,8vw,40px)!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-visual,
 #suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
 #suca-reels .suca-reel-stage.design-3 .suca-reel-visual{flex-basis:36%!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-visual.visual-placeholder,
 #suca-reels .suca-reel-stage.design-2 .suca-reel-visual.visual-placeholder,
 #suca-reels .suca-reel-stage.design-3 .suca-reel-visual.visual-placeholder{flex-basis:23%!important}
}


/* v10.49 — direct Question-first Reel flow: Question → AI countdown → Answer → Explanation. */
#suca-reels .suca-reel-stage.design-0 .reel-q-clickbait{
  display:block!important;width:max-content;max-width:100%;margin:0 0 10px!important;padding:7px 12px!important;
  border-radius:999px!important;color:#07111f!important;font-size:clamp(10px,2.8vw,13px)!important;font-weight:1000!important;
  letter-spacing:.8px!important;background:linear-gradient(90deg,#ffe45c,#ffb000,#ff5b8a)!important;
  box-shadow:0 8px 28px rgba(255,166,0,.28),0 0 22px rgba(255,91,138,.12)!important;
  animation:sucaClickbaitIn .65s cubic-bezier(.12,.9,.2,1) both, sucaClickbaitPulse 1.8s ease-in-out .7s infinite!important;
}
#suca-reels .suca-reel-stage.design-0 .reel-q-badge{display:block!important;margin:0 0 7px!important;color:#63e8ff!important;font-size:11px!important;letter-spacing:1.4px!important}
#suca-reels .suca-reel-stage.design-0 .question-kinetic{display:block!important;font-size:clamp(23px,6.3vw,34px)!important;line-height:1.12!important;font-weight:1000!important}
#suca-reels .suca-reel-stage.design-0 .kinetic-word{display:inline-block!important;animation:sucaQuestionWord .42s cubic-bezier(.15,.9,.2,1) both!important}
#suca-reels .suca-reel-stage.design-0 .kinetic-word:nth-child(2n){animation-delay:.06s!important}
#suca-reels .suca-reel-stage.design-0 .kinetic-word:nth-child(3n){animation-delay:.12s!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-options{opacity:1!important;transform:none!important;margin-top:4px!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{background:linear-gradient(135deg,rgba(18,70,125,.92),rgba(12,30,65,.94))!important;border:1px solid rgba(84,222,255,.25)!important;box-shadow:0 8px 25px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option b{background:linear-gradient(135deg,#00d9ff,#377dff)!important;box-shadow:0 0 16px rgba(0,217,255,.25)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual{flex-basis:36%!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{padding:12px 14px 5px!important}

#suca-reels .suca-reel-stage.design-1 .suca-reel-question{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important}
#suca-reels .design-1 .reel-countdown-kicker{font-size:clamp(12px,3.2vw,16px)!important;color:#63e8ff!important;font-weight:900!important;letter-spacing:1px!important}
#suca-reels .design-1 .reel-countdown-title{font-size:clamp(24px,7vw,38px)!important;line-height:1.04!important;color:#fff!important;text-shadow:0 0 26px rgba(0,191,255,.2)!important}
#suca-reels .design-1 .reel-countdown-sub{font-size:clamp(12px,3.3vw,16px)!important;color:#ffd84a!important;font-weight:900!important}
#suca-reels .design-1 .suca-reel-countdown{width:78px!important;height:78px!important;top:calc(38% - 39px)!important;right:50%!important;transform:translateX(50%)!important;background:conic-gradient(#ffe14a var(--cd,0deg),#ff3d81 0deg,rgba(255,255,255,.08) 0deg)!important;box-shadow:0 0 35px rgba(255,190,35,.25),0 12px 30px rgba(0,0,0,.35)!important}
#suca-reels .design-1 .suca-reel-countdown:before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(99,232,255,.35);animation:sucaCountdownOrbit 1.5s linear infinite}
#suca-reels .design-1 .suca-reel-countdown:after{background:#061329!important;border:2px solid rgba(255,255,255,.09)!important}
#suca-reels .design-1 .suca-reel-countdown span{font-size:32px!important;color:#fff!important;text-shadow:0 0 20px rgba(255,225,74,.55)!important;animation:sucaCountdownNumberXL .75s cubic-bezier(.12,.9,.2,1) infinite!important}
#suca-reels .design-1 .suca-reel-countdown small{display:none!important}

#suca-reels .suca-reel-stage.design-2 .answer-suspense{font-size:clamp(14px,3.7vw,18px)!important;color:#63e8ff!important;font-weight:800!important;margin-bottom:10px!important}
#suca-reels .suca-reel-stage.design-2 .answer-correct-label{font-size:11px!important;letter-spacing:2px!important;color:#ffd84a!important;font-weight:1000!important;margin-bottom:8px!important}
#suca-reels .suca-reel-stage.design-2 .answer-correct{display:block!important;font-size:clamp(24px,7vw,38px)!important;line-height:1.08!important;text-align:center!important}

#suca-reels .suca-reel-stage.design-3 .explanation-copy{font-size:clamp(17px,4.4vw,23px)!important;line-height:1.38!important}

@keyframes sucaClickbaitIn{from{opacity:0;transform:translateY(-18px) scale(.78);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaClickbaitPulse{50%{transform:scale(1.025);box-shadow:0 10px 34px rgba(255,166,0,.38),0 0 26px rgba(255,91,138,.18)}}
@keyframes sucaQuestionWord{from{opacity:0;transform:translateY(15px) scale(.88);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes sucaCountdownOrbit{to{transform:rotate(360deg)}}
@keyframes sucaCountdownNumberXL{0%,100%{transform:scale(.88);opacity:.75}45%{transform:scale(1.18);opacity:1}65%{transform:scale(1)}}

@media(max-width:600px){
 #suca-reels .suca-reel-stage.design-0 .suca-reel-visual{flex-basis:33%!important}
 #suca-reels .suca-reel-stage.design-0 .question-kinetic{font-size:clamp(21px,5.9vw,30px)!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-option{font-size:12px!important;min-height:43px!important}
 #suca-reels .suca-reel-stage.design-1 .suca-reel-visual{flex-basis:40%!important}
 #suca-reels .design-1 .suca-reel-countdown{width:72px!important;height:72px!important;top:39%!important}
}

#suca-reels .suca-reel-stage.design-0 .suca-reel-question:after{content:"⏱ 5 SEC • THINK FAST"!important;background:linear-gradient(90deg,#ffe14a,#00d9ff,#ff4d9d)!important;color:#06111f!important;box-shadow:0 8px 30px rgba(0,217,255,.22),0 0 18px rgba(255,77,157,.16)!important}


/* v10.49 — no-image reels: never show a placeholder. Collapse the visual completely
   and let the real MCQ move upward with larger, cleaner typography. */
#suca-reels .suca-reel-stage.suca-no-image .suca-reel-visual{display:none!important;height:0!important;min-height:0!important;flex:0 0 0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
#suca-reels .suca-reel-stage.suca-no-image .suca-reel-card{justify-content:flex-start!important}
#suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-question{
  flex:0 0 auto!important;justify-content:flex-start!important;
  padding:24px 18px 8px!important;
  font-size:clamp(29px,7.4vw,42px)!important;
  line-height:1.12!important;
  max-height:none!important;
}
#suca-reels .suca-reel-stage.suca-no-image.design-0 .question-kinetic{
  font-size:clamp(29px,7.4vw,42px)!important;line-height:1.12!important;
}
#suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-options{
  flex:0 0 auto!important;padding:10px 18px 0!important;gap:10px!important;
}
#suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-option{
  font-size:clamp(13px,3.5vw,17px)!important;min-height:48px!important;padding:11px 12px!important;
}
#suca-reels .suca-reel-stage.suca-no-image.design-2 .suca-reel-question,
#suca-reels .suca-reel-stage.suca-no-image.design-3 .suca-reel-question{
  justify-content:flex-start!important;padding:34px 18px 18px!important;
}
#suca-reels .suca-reel-stage.suca-no-image.design-2 .answer-correct{font-size:clamp(28px,7.5vw,42px)!important}
#suca-reels .suca-reel-stage.suca-no-image.design-3 .explanation-copy{font-size:clamp(18px,4.8vw,25px)!important;line-height:1.42!important}
@media(max-width:600px){
 #suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-question{padding:22px 15px 7px!important;font-size:clamp(28px,7.2vw,38px)!important}
 #suca-reels .suca-reel-stage.suca-no-image.design-0 .question-kinetic{font-size:clamp(28px,7.2vw,38px)!important}
 #suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-options{padding-left:15px!important;padding-right:15px!important}
}


/* v10.50 — speech-synced typography: the exact words being narrated animate in,
   the spoken words remain highlighted, and the currently spoken word gets a live glow. */
#suca-reels .speech-word{
  display:inline-block!important;
  color:#f7fbff!important;
  transition:color .28s ease, text-shadow .28s ease, transform .22s ease, opacity .22s ease, filter .22s ease;
}
#suca-reels .speech-word.speaking{
  color:#ffe04a!important;
  text-shadow:0 0 18px rgba(255,224,74,.62),0 0 34px rgba(0,217,255,.18)!important;
  transform:translateY(-2px) scale(1.025)!important;
}
#suca-reels .speech-word.spoken{
  color:#59e8ff!important;
  text-shadow:0 0 10px rgba(89,232,255,.24)!important;
}
#suca-reels .question-spoken{animation:sucaSpeechWordIn .42s cubic-bezier(.12,.9,.2,1) both;}
#suca-reels .option-spoken{animation:sucaSpeechWordIn .36s cubic-bezier(.12,.9,.2,1) both;}
#suca-reels .option-letter{display:grid!important;place-items:center;}
#suca-reels .answer-intro{font-size:inherit!important;font-weight:1000!important;}
#suca-reels .answer-spoken{animation:sucaSpeechWordIn .42s cubic-bezier(.12,.9,.2,1) both;}
#suca-reels .explain-spoken{animation:sucaSpeechWordIn .36s cubic-bezier(.12,.9,.2,1) both;}
@keyframes sucaSpeechWordIn{
  from{opacity:0;transform:translateY(10px) scale(.93);filter:blur(3px)}
  65%{opacity:1;transform:translateY(-1px) scale(1.025);filter:none}
  to{opacity:1;transform:none;filter:none}
}
#suca-reels .design-0 .speech-word.spoken{color:#67e8ff!important}
#suca-reels .design-2 .speech-word.spoken{color:#67f5c0!important;text-shadow:0 0 14px rgba(103,245,192,.32)!important}
#suca-reels .design-3 .speech-word.spoken{color:#ffd84a!important;text-shadow:0 0 12px rgba(255,216,74,.25)!important}
#suca-reels .design-1 .speech-word.spoken{color:#63e8ff!important}

/* v10.51 — compact source image + prominent centered clickbait directly below image. */
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-3 .suca-reel-visual{
  flex:0 0 92px!important;
  height:92px!important;
  min-height:92px!important;
  margin:0 12px 5px!important;
  border-radius:14px!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question,
#suca-reels .suca-reel-stage.design-2 .suca-reel-question,
#suca-reels .suca-reel-stage.design-3 .suca-reel-question{
  padding:2px 12px 5px!important;
}
#suca-reels .reel-scene-clickbait{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 5px!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  text-align:center!important;
  font-size:clamp(13px,3.5vw,17px)!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:.2px!important;
  color:#fff!important;
  background:linear-gradient(90deg,#ffd21a,#ff8a00,#ff3d81)!important;
  box-shadow:0 5px 18px rgba(255,151,20,.28), inset 0 1px 0 rgba(255,255,255,.28)!important;
  animation:sucaClickbaitIn .55s cubic-bezier(.14,.88,.2,1) both!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{font-size:clamp(22px,5.8vw,29px)!important;line-height:1.18!important;text-align:left!important;max-height:31%!important;overflow:hidden!important}
#suca-reels .suca-reel-stage.design-1 .question-kinetic{font-size:clamp(22px,5.8vw,29px)!important;line-height:1.18!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-options{padding:3px 12px 0!important;gap:5px!important;grid-template-rows:repeat(4,43px)!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{height:43px!important;min-height:43px!important;max-height:43px!important;font-size:12.5px!important;padding:6px 9px!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-option b{width:25px!important;height:25px!important;min-width:25px!important}
#suca-reels .suca-reel-stage.design-2 .suca-reel-question,
#suca-reels .suca-reel-stage.design-3 .suca-reel-question{text-align:center!important}
@keyframes sucaClickbaitIn{from{opacity:0;transform:translateY(8px) scale(.9);filter:blur(3px)}70%{opacity:1;transform:translateY(-1px) scale(1.04);filter:none}to{opacity:1;transform:none;filter:none}}
@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-1 .suca-reel-visual,
  #suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
  #suca-reels .suca-reel-stage.design-3 .suca-reel-visual{flex-basis:82px!important;height:82px!important;min-height:82px!important;margin:0 10px 4px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-question{font-size:clamp(21px,5.5vw,27px)!important;line-height:1.17!important;padding:2px 10px 4px!important;max-height:31%!important}
  #suca-reels .suca-reel-stage.design-1 .question-kinetic{font-size:clamp(21px,5.5vw,27px)!important;line-height:1.17!important}
  #suca-reels .reel-scene-clickbait{font-size:13px!important;padding:5px 10px!important;margin-bottom:4px!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-options{padding:2px 10px 0!important;gap:5px!important;grid-template-rows:repeat(4,42px)!important}
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:12px!important}
}

/* v10.52 — smooth inline question number + clean one-step-at-a-time countdown. */
#suca-reels .suca-reel-stage.design-0 .question-inline{
  display:block!important;
  font-size:clamp(24px,6.2vw,33px)!important;
  line-height:1.14!important;
  font-weight:1000!important;
  letter-spacing:-.25px!important;
  animation:sucaQuestionSmoothIn .72s cubic-bezier(.16,.88,.22,1) .08s both!important;
}
#suca-reels .suca-reel-stage.design-0 .reel-q-badge-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:baseline!important;
  margin:0 5px 0 0!important;
  padding:2px 7px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#ffe34d,#ff9b18)!important;
  color:#08101d!important;
  font-size:.55em!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.3px!important;
  box-shadow:0 3px 12px rgba(255,184,30,.25)!important;
  transform:translateY(-.08em);
}
#suca-reels .suca-reel-stage.design-0 .question-kinetic .kinetic-word{
  animation:sucaQuestionWordSmooth .46s cubic-bezier(.12,.9,.2,1) both!important;
}
#suca-reels .suca-reel-stage.design-0 .question-kinetic .kinetic-word:nth-of-type(1){animation-delay:.12s!important}
#suca-reels .suca-reel-stage.design-0 .question-kinetic .kinetic-word:nth-of-type(2){animation-delay:.17s!important}
#suca-reels .suca-reel-stage.design-0 .question-kinetic .kinetic-word:nth-of-type(3){animation-delay:.22s!important}
#suca-reels .suca-reel-stage.design-0 .question-kinetic .kinetic-word:nth-of-type(4){animation-delay:.27s!important}
#suca-reels .suca-reel-stage.design-0 .question-kinetic .kinetic-word:nth-of-type(5){animation-delay:.32s!important}
#suca-reels .suca-reel-stage.design-0 .question-kinetic .kinetic-word:nth-of-type(n+6){animation-delay:.36s!important}

#suca-reels .design-1 .suca-reel-countdown{
  background:conic-gradient(#ffe14a var(--cd,360deg),rgba(255,255,255,.10) 0deg)!important;
  transition:background .08s linear!important;
}
#suca-reels .design-1 .suca-reel-countdown span{
  animation:none!important;
  display:block!important;
  transform:scale(1)!important;
  opacity:1!important;
}
#suca-reels .design-1 .suca-reel-countdown span.cd-step{
  animation:sucaCountdownStep .48s cubic-bezier(.12,.9,.2,1) both!important;
}
#suca-reels .design-1 .reel-countdown-title{
  animation:sucaCountdownTitleIn .65s cubic-bezier(.14,.88,.2,1) both!important;
}
#suca-reels .design-1 .reel-countdown-sub{
  animation:sucaCountdownSubIn .55s ease .18s both!important;
}
@keyframes sucaQuestionSmoothIn{
  from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(4px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes sucaQuestionWordSmooth{
  from{opacity:0;transform:translateY(11px);filter:blur(3px)}
  to{opacity:1;transform:none;filter:none}
}
@keyframes sucaCountdownStep{
  0%{opacity:0;transform:scale(.58);filter:blur(5px)}
  55%{opacity:1;transform:scale(1.16);filter:none}
  100%{opacity:1;transform:scale(1)}
}
@keyframes sucaCountdownTitleIn{
  from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}
}
@keyframes sucaCountdownSubIn{
  from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}
}
@media(max-width:600px){
 #suca-reels .suca-reel-stage.design-0 .question-inline{font-size:clamp(22px,5.9vw,31px)!important;line-height:1.14!important}
 #suca-reels .suca-reel-stage.design-0 .reel-q-badge-inline{font-size:.54em!important;padding:2px 6px!important;margin-right:4px!important}
}


/* v10.53 — clean centered countdown: no Think Fast badge, only a premium center timer. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-question:after{content:none!important;display:none!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{min-height:0!important;height:100%!important;position:relative!important;padding:0!important;display:block!important;pointer-events:none!important}
#suca-reels .suca-reel-stage.design-1 .reel-countdown-kicker,
#suca-reels .suca-reel-stage.design-1 .reel-countdown-title,
#suca-reels .suca-reel-stage.design-1 .reel-countdown-sub,
#suca-reels .suca-reel-stage.design-1 .reel-scene-clickbait{display:none!important}
#suca-reels .design-1 .suca-reel-countdown{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  width:126px!important;
  height:126px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:conic-gradient(#ffe14a var(--cd,360deg),rgba(255,255,255,.09) 0deg)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 45px rgba(255,211,45,.20),0 16px 45px rgba(0,0,0,.42)!important;
  animation:sucaCountdownCenterIn .65s cubic-bezier(.12,.9,.2,1) both!important;
}
#suca-reels .design-1 .suca-reel-countdown:before{
  content:""!important;position:absolute!important;inset:-12px!important;border-radius:50%!important;
  border:2px solid rgba(99,232,255,.25)!important;
  box-shadow:0 0 24px rgba(99,232,255,.12)!important;
  animation:sucaCountdownOrbitSlow 2.8s linear infinite!important;
}
#suca-reels .design-1 .suca-reel-countdown:after{
  content:""!important;position:absolute!important;inset:10px!important;border-radius:50%!important;
  background:radial-gradient(circle at 35% 30%,#102d55,#061329 68%,#030a15)!important;
  border:2px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 30px rgba(0,0,0,.45)!important;
}
#suca-reels .design-1 .suca-reel-countdown span{
  position:relative!important;z-index:3!important;font-size:58px!important;line-height:1!important;
  font-weight:1000!important;color:#fff!important;
  text-shadow:0 0 18px rgba(255,225,74,.65),0 2px 8px rgba(0,0,0,.45)!important;
}
#suca-reels .design-1 .suca-reel-countdown span.cd-step{animation:sucaCountdownDropStep .68s cubic-bezier(.16,.88,.24,1.05) both!important}
@keyframes sucaCountdownCenterIn{from{opacity:0;transform:translate(-50%,-50%) scale(.55);filter:blur(7px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}}
/* v10.54 — true drop-in countdown: each new number falls from above with overshoot, then settles. */
@keyframes sucaCountdownDropStep{
  0%{opacity:0;transform:translateY(-115px) scale(.62);filter:blur(7px)}
  42%{opacity:1;transform:translateY(16px) scale(1.12);filter:blur(0)}
  66%{transform:translateY(-7px) scale(.98)}
  82%{transform:translateY(3px) scale(1.02)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:none}
}
@keyframes sucaCountdownOrbitSlow{to{transform:rotate(360deg)}}
@media(max-width:600px){
 #suca-reels .design-1 .suca-reel-countdown{width:112px!important;height:112px!important}
 #suca-reels .design-1 .suca-reel-countdown span{font-size:52px!important}
}

/* v10.55: progress line removed from Reels UI */
.suca-reel-progress{display:none!important}
.suca-reel-player.is-paused{cursor:pointer}

/* v10.57 — final polish: compact question image, uncropped MCQ, premium inline Q badge,
   and speech-synchronised word highlighting. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual{
  flex:0 0 108px!important;
  height:108px!important;
  min-height:108px!important;
  margin:0 12px 2px!important;
  border-radius:16px!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{
  flex:0 0 auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:6px 13px 5px!important;
  font-size:clamp(24px,6.1vw,32px)!important;
  line-height:1.13!important;
  letter-spacing:-.25px!important;
}
#suca-reels .suca-reel-stage.design-0 .question-inline{
  display:block!important;
  overflow:visible!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
#suca-reels .suca-reel-stage.design-0 .reel-q-badge-inline{
  display:inline-flex!important;
  vertical-align:middle!important;
  margin:0 6px 2px 0!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#162b58,#244f9d 55%,#19c9e8)!important;
  border:1px solid rgba(112,239,255,.5)!important;
  color:#fff!important;
  font-size:.42em!important;
  line-height:1.1!important;
  font-weight:1000!important;
  letter-spacing:.7px!important;
  box-shadow:0 5px 16px rgba(0,190,255,.25),inset 0 1px 0 rgba(255,255,255,.28)!important;
  text-shadow:0 1px 5px rgba(0,0,0,.35)!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-options{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:5px 12px 8px!important;
  gap:6px!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  min-height:0!important;
  height:auto!important;
  padding:7px 9px!important;
  font-size:clamp(12px,3.2vw,15px)!important;
  line-height:1.2!important;
}
#suca-reels .suca-reel-stage.design-0 .speech-word{
  display:inline-block!important;
  will-change:transform,color,text-shadow,filter!important;
}
#suca-reels .suca-reel-stage.design-0 .speech-word.speaking{
  color:#ffe34d!important;
  text-shadow:0 0 14px rgba(255,227,77,.72),0 0 28px rgba(0,217,255,.25)!important;
  transform:translateY(-2px) scale(1.035)!important;
}
#suca-reels .suca-reel-stage.design-0 .speech-word.spoken{
  color:#58e6ff!important;
  text-shadow:0 0 9px rgba(88,230,255,.28)!important;
}
#suca-reels .suca-reel-stage.design-0 .question-spoken,
#suca-reels .suca-reel-stage.design-0 .option-spoken{
  animation:sucaSpeechWordIn .34s cubic-bezier(.12,.9,.2,1) both!important;
}
@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-0 .suca-reel-visual{height:92px!important;min-height:92px!important;flex-basis:92px!important;margin:0 10px 1px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-question{padding:5px 11px 4px!important;font-size:clamp(23px,6.2vw,31px)!important;line-height:1.12!important}
  #suca-reels .suca-reel-stage.design-0 .reel-q-badge-inline{font-size:.41em!important;padding:3px 8px!important;margin-right:5px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-options{padding:4px 10px 7px!important;gap:5px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option{font-size:12.5px!important;padding:6px 8px!important}
}

/* v10.58 — remove all Reel scene/progress indicator lines and add a subtle thinking emoji
   for MCQs that have no source image. The emoji is decorative only and does not create a
   fake image/placeholder; the actual question remains in the normal no-image layout. */
#suca-reels .suca-reel-progress,
#suca-reels .suca-reel-scene-dots{display:none!important}

#suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-question{
  position:relative!important;
  padding-top:58px!important;
}
#suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-question:before{
  content:'🤔';
  position:absolute;
  top:7px;
  left:50%;
  transform:translateX(-50%) translateY(-18px) scale(.55) rotate(-8deg);
  font-size:46px;
  line-height:1;
  opacity:0;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));
  animation:sucaThinkDrop .72s cubic-bezier(.16,1.35,.24,1) .08s forwards,
            sucaThinkFloat 2.4s ease-in-out .86s infinite;
  pointer-events:none;
  z-index:4;
}
@keyframes sucaThinkDrop{
  0%{opacity:0;transform:translateX(-50%) translateY(-26px) scale(.48) rotate(-12deg);filter:blur(5px) drop-shadow(0 8px 14px rgba(0,0,0,.35))}
  68%{opacity:1;transform:translateX(-50%) translateY(3px) scale(1.08) rotate(5deg);filter:none drop-shadow(0 8px 14px rgba(0,0,0,.35))}
  84%{transform:translateX(-50%) translateY(-2px) scale(.97) rotate(-2deg)}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(0);filter:none}
}
@keyframes sucaThinkFloat{
  0%,100%{transform:translateX(-50%) translateY(0) scale(1) rotate(0)}
  50%{transform:translateX(-50%) translateY(-5px) scale(1.035) rotate(2deg)}
}
@media(max-width:600px){
  #suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-question{padding-top:54px!important}
  #suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-question:before{font-size:42px}
}


/* v10.58 — no-image thinker + permanently remove bottom scene progress bars. */
#suca-reels .suca-reel-scene-dots,
#suca-reels .suca-reel-progress{display:none!important}
#suca-reels .suca-reel-no-image-thinker{
  display:block!important;
  width:78px!important;height:78px!important;
  margin:2px auto 8px!important;
  text-align:center!important;
  font-size:58px!important;line-height:78px!important;
  transform-origin:50% 100%;
  animation:sucaThinkerDropIn 900ms cubic-bezier(.16,1.25,.28,1) both, sucaThinkerFloat 2.8s 900ms ease-in-out infinite;
  filter:drop-shadow(0 8px 18px rgba(0,217,255,.28));
}
@keyframes sucaThinkerDropIn{0%{opacity:0;transform:translateY(-55px) scale(.55) rotate(-8deg);filter:blur(5px) drop-shadow(0 0 0 rgba(0,217,255,0))}65%{opacity:1;transform:translateY(6px) scale(1.08) rotate(2deg);filter:blur(0) drop-shadow(0 8px 22px rgba(0,217,255,.38))}82%{transform:translateY(-3px) scale(.98) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0) drop-shadow(0 8px 18px rgba(0,217,255,.28))}}
@keyframes sucaThinkerFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}
#suca-reels .suca-reel-stage.suca-no-image.design-0 .suca-reel-no-image-thinker{margin-top:0!important;margin-bottom:4px!important}
@media(max-width:600px){#suca-reels .suca-reel-no-image-thinker{width:64px!important;height:64px!important;font-size:48px!important;line-height:64px!important;margin:0 auto 5px!important}}

/* v10.59 hard cleanup: legacy Reel progress indicators must never render. */
#suca-reels .suca-reel-progress,
#suca-reels .suca-reel-progress-bar,
#suca-reels .suca-reel-scene-dots,
#suca-reels [id*="reel-progress"],
#suca-reels [class*="reel-progress"]{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;opacity:0!important;pointer-events:none!important}
/* v10.59 no-image state: thinker is the visual, never a placeholder box. */
#suca-reels .suca-no-image .suca-reel-visual{display:none!important}
#suca-reels .suca-no-image .suca-reel-no-image-thinker{display:block!important}


/* v10.60 — full-width question speech + sequential option focus animation. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}
#suca-reels .suca-reel-stage.design-0 .question-inline{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  display:block!important;
}
#suca-reels .suca-reel-stage.design-0 .question-inline .speech-word{
  transition:color .12s ease,text-shadow .12s ease,transform .12s ease,filter .12s ease;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  transform-origin:center center!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,filter .28s ease!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option.speech-active{
  animation:sucaOptionSpeechFocus .72s cubic-bezier(.2,.9,.2,1) both!important;
  border-color:rgba(78,224,255,.75)!important;
  box-shadow:0 12px 34px rgba(0,190,255,.24),inset 0 1px 0 rgba(255,255,255,.12),0 0 22px rgba(0,217,255,.14)!important;
  z-index:3!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option.speech-active .option-letter{
  box-shadow:0 0 22px rgba(0,217,255,.55)!important;
}
@keyframes sucaOptionSpeechFocus{
  0%{transform:scale(1);filter:brightness(1)}
  28%{transform:scale(1.045);filter:brightness(1.16)}
  58%{transform:scale(1.025);filter:brightness(1.08)}
  100%{transform:scale(1);filter:brightness(1)}
}
@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-0 .suca-reel-question{width:100%!important;padding-left:10px!important;padding-right:10px!important}
}


/* v10.63 FINAL LAYOUT FIXES
   - Answer/Explanation: compact image immediately followed by text; no dead gap.
   - Question: no image, full-width readable question and all 4 options visible.
   - Active spoken option gets a clear whole-card focus pulse.
   - Q number gets a premium badge. */
#suca-reels .suca-reel-stage.design-2 .suca-reel-card,
#suca-reels .suca-reel-stage.design-3 .suca-reel-card{
  justify-content:flex-start!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-3 .suca-reel-visual{
  flex:0 0 145px!important;
  height:145px!important;
  min-height:145px!important;
  width:auto!important;
  margin:0 12px!important;
  border-radius:18px!important;
}
#suca-reels .suca-reel-stage.design-2 .suca-reel-question,
#suca-reels .suca-reel-stage.design-3 .suca-reel-question{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  padding:10px 14px 18px!important;
  margin:0!important;
  overflow:auto!important;
  background:linear-gradient(180deg,rgba(7,20,42,.96),rgba(3,10,22,.98))!important;
}
#suca-reels .suca-reel-stage.design-2 .reel-scene-clickbait,
#suca-reels .suca-reel-stage.design-3 .reel-scene-clickbait{
  margin:0 auto 8px!important;
  align-self:center!important;
}
#suca-reels .suca-reel-stage.design-2 .answer-suspense{margin:2px 0 8px!important}
#suca-reels .suca-reel-stage.design-3 .explanation-kicker{margin:2px 0 8px!important}

/* Question scene: compact, image-free and designed around all four options. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-card{
  justify-content:flex-start!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual{display:none!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{
  flex:0 0 auto!important;
  width:100%!important;
  max-width:none!important;
  max-height:50%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  justify-content:flex-start!important;
  padding:12px 13px 7px!important;
  margin:0!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-options{
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  padding:6px 12px 10px!important;
  margin:0!important;
  overflow:visible!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  box-sizing:border-box!important;
  padding:8px 10px!important;
  font-size:clamp(14px,3.65vw,16px)!important;
  line-height:1.15!important;
  border-radius:14px!important;
  overflow:hidden!important;
  transform-origin:center center!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Q number: strong premium pill that stays on the same line as the first word. */
#suca-reels .suca-reel-stage.design-0 .reel-q-badge-inline{
  display:inline-flex!important;
  vertical-align:baseline!important;
  align-items:center!important;
  justify-content:center!important;
  padding:3px 9px!important;
  margin:0 6px 2px 0!important;
  min-height:1.15em!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#101d46 0%,#235bb0 52%,#08d6e8 100%)!important;
  border:1px solid rgba(124,240,255,.9)!important;
  color:#fff!important;
  font-size:.48em!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.6px!important;
  box-shadow:0 5px 18px rgba(0,194,255,.30),inset 0 1px 0 rgba(255,255,255,.35)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.45)!important;
}

/* Spoken option: whole card briefly enlarges/focuses, then returns before the next option. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-option.speech-active{
  animation:sucaOptionWholeFocus .78s cubic-bezier(.18,.9,.22,1) both!important;
  border-color:rgba(92,235,255,.95)!important;
  box-shadow:0 12px 34px rgba(0,190,255,.28),0 0 24px rgba(0,220,255,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
  z-index:20!important;
}
@keyframes sucaOptionWholeFocus{
  0%{transform:scale(1);filter:brightness(1)}
  28%{transform:scale(1.055);filter:brightness(1.18)}
  58%{transform:scale(1.04);filter:brightness(1.10)}
  100%{transform:scale(1);filter:brightness(1)}
}

@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
  #suca-reels .suca-reel-stage.design-3 .suca-reel-visual{
    flex-basis:132px!important;height:132px!important;min-height:132px!important;margin:0 10px!important;
  }
  #suca-reels .suca-reel-stage.design-2 .suca-reel-question,
  #suca-reels .suca-reel-stage.design-3 .suca-reel-question{padding:8px 10px 14px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-question{max-height:50%!important;padding:9px 10px 5px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-options{grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:5px!important;padding:5px 10px 8px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option{font-size:clamp(13.5px,3.7vw,16px)!important;padding:7px 8px!important}
}

/* v10.65 — definitive layout correction
   Answer/Explanation: image immediately followed by content, no vertical dead space.
   Question: adaptive question sizing + readable options; spoken option gets whole-card focus.
   Q badge: premium inline pill. */

/* ANSWER + EXPLANATION: use a deterministic two-row layout so content can never drift
   into the middle of the card. */
#suca-reels .suca-reel-stage.design-2 .suca-reel-card,
#suca-reels .suca-reel-stage.design-3 .suca-reel-card{
  display:grid!important;
  grid-template-rows:24% minmax(0,1fr)!important;
  align-content:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-2 .suca-reel-visual,
#suca-reels .suca-reel-stage.design-3 .suca-reel-visual{
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  flex:none!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  align-self:stretch!important;
}
#suca-reels .suca-reel-stage.design-2 .suca-reel-question,
#suca-reels .suca-reel-stage.design-3 .suca-reel-question{
  grid-row:2!important;
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  flex:none!important;
  display:block!important;
  box-sizing:border-box!important;
  overflow:auto!important;
  align-self:stretch!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:8px 13px 16px!important;
  margin:0!important;
  background:linear-gradient(180deg,rgba(5,15,34,.12),rgba(3,9,20,.72))!important;
}
#suca-reels .suca-reel-stage.design-2 .reel-scene-clickbait,
#suca-reels .suca-reel-stage.design-3 .reel-scene-clickbait{
  margin:0 auto 6px!important;
}
#suca-reels .suca-reel-stage.design-2 .answer-suspense{
  margin:2px 0 7px!important;
}
#suca-reels .suca-reel-stage.design-3 .explanation-kicker{
  margin:1px 0 6px!important;
}
#suca-reels .suca-reel-stage.design-3 .explanation-copy{
  margin-top:0!important;
}

/* QUESTION: reserve enough room for four readable option cards. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{
  flex:0 0 auto!important;
  width:100%!important;
  max-width:none!important;
  max-height:47%!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  padding:6px 12px 7px!important;
  margin:0!important;
  display:block!important;
  text-align:left!important;
}
#suca-reels .suca-reel-stage.design-0 .question-inline{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  text-wrap:normal!important;
}
/* Adaptive question sizing: long question shrinks, options do not. */
#suca-reels .suca-reel-stage.design-0.q-short .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-short .question-inline{font-size:clamp(27px,6.8vw,34px)!important;line-height:1.12!important}
#suca-reels .suca-reel-stage.design-0.q-medium .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-medium .question-inline{font-size:clamp(24px,6.1vw,31px)!important;line-height:1.12!important}
#suca-reels .suca-reel-stage.design-0.q-long .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-long .question-inline{font-size:clamp(21px,5.5vw,28px)!important;line-height:1.11!important}
#suca-reels .suca-reel-stage.design-0.q-very-long .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-very-long .question-inline{font-size:clamp(19px,5vw,25px)!important;line-height:1.10!important}

/* Premium inline Q number. */
#suca-reels .suca-reel-stage.design-0 .reel-q-badge-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:.10em!important;
  padding:4px 10px!important;
  margin:0 7px 2px 0!important;
  min-height:1.05em!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#12295b 0%,#2368c9 52%,#00cfe8 100%)!important;
  border:1px solid rgba(120,239,255,.78)!important;
  color:#fff!important;
  font-size:.40em!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.7px!important;
  box-shadow:0 6px 20px rgba(0,198,255,.28),inset 0 1px 0 rgba(255,255,255,.32)!important;
  text-shadow:0 1px 5px rgba(0,0,0,.45)!important;
}

/* Four option rows always share the remaining vertical space. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-options{
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  padding:5px 11px 8px!important;
  margin:0!important;
  overflow:visible!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  padding:7px 11px!important;
  gap:10px!important;
  font-size:clamp(15px,3.9vw,18px)!important;
  line-height:1.18!important;
  border-radius:16px!important;
  overflow:visible!important;
  transform-origin:center center!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option span{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option .option-letter{
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  font-size:14px!important;
}

/* When an option is spoken, lift and enlarge the ENTIRE card, then settle back. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-option.speech-active{
  animation:sucaOptionFullFocus1065 .86s cubic-bezier(.16,.92,.22,1) both!important;
  z-index:30!important;
}
@keyframes sucaOptionFullFocus1065{
  0%{transform:scale(1) translateY(0);filter:brightness(1)}
  28%{transform:scale(1.075) translateY(-8px);filter:brightness(1.20)}
  58%{transform:scale(1.06) translateY(-5px);filter:brightness(1.12)}
  100%{transform:scale(1) translateY(0);filter:brightness(1)}
}

/* Speech colours: current word is gold/cyan, already-spoken words stay highlighted. */
#suca-reels .suca-reel-stage.design-0 .speech-word,
#suca-reels .suca-reel-stage.design-2 .speech-word,
#suca-reels .suca-reel-stage.design-3 .speech-word{
  display:inline-block!important;
  transition:color .14s ease,transform .14s ease,text-shadow .14s ease,filter .14s ease!important;
}
#suca-reels .suca-reel-stage .speech-word.speaking{
  color:#ffe34f!important;
  text-shadow:0 0 12px rgba(255,227,79,.72),0 0 25px rgba(0,216,255,.28)!important;
  transform:translateY(-2px) scale(1.035)!important;
  filter:brightness(1.12)!important;
}
#suca-reels .suca-reel-stage .speech-word.spoken{
  color:#55e7ff!important;
  text-shadow:0 0 9px rgba(85,231,255,.26)!important;
}

@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-2 .suca-reel-card,
  #suca-reels .suca-reel-stage.design-3 .suca-reel-card{grid-template-rows:23% minmax(0,1fr)!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-question{max-height:47%!important;padding:5px 10px 6px!important}
  #suca-reels .suca-reel-stage.design-0.q-short .suca-reel-question,
  #suca-reels .suca-reel-stage.design-0.q-short .question-inline{font-size:clamp(26px,6.9vw,32px)!important}
  #suca-reels .suca-reel-stage.design-0.q-medium .suca-reel-question,
  #suca-reels .suca-reel-stage.design-0.q-medium .question-inline{font-size:clamp(23px,6.1vw,29px)!important}
  #suca-reels .suca-reel-stage.design-0.q-long .suca-reel-question,
  #suca-reels .suca-reel-stage.design-0.q-long .question-inline{font-size:clamp(20px,5.4vw,26px)!important}
  #suca-reels .suca-reel-stage.design-0.q-very-long .suca-reel-question,
  #suca-reels .suca-reel-stage.design-0.q-very-long .question-inline{font-size:clamp(18px,4.9vw,23px)!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option{font-size:clamp(15px,4vw,17px)!important;padding:6px 9px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option .option-letter{flex-basis:34px!important;width:34px!important;height:34px!important;min-width:34px!important;font-size:13px!important}
}


/* v10.67 — TRUE 9:16 MOBILE CANVAS + CLEAN QUESTION/OPTIONS FIT
   The visible Reel card itself is the 9:16 canvas.  It is sized from the
   actual overlay viewport so it never extends behind the phone UI/content. */
#suca-reels.suca-reels-overlay{
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#suca-reels .suca-reels-box{
  width:calc(min(100%, 56.25vh))!important;
  height:calc(min(100%, 177.7778vw))!important;
  aspect-ratio:9/16!important;
  max-width:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-player,
#suca-reels .suca-reel-stage{
  width:100%!important;
  height:100%!important;
}
#suca-reels .suca-reel-stage{
  inset:0!important;
  padding:0!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
}
#suca-reels .suca-reel-footer{display:none!important}

/* Never allow the old THINK FAST strip to return through a pseudo-element. */
#suca-reels .suca-reel-question:after,
#suca-reels .suca-reel-question:before{
  content:none!important;
  display:none!important;
}

/* Question scene: reserve more room for four full-size options. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{
  max-height:44%!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-options{
  flex:1 1 56%!important;
  min-height:0!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  padding:7px 12px 12px!important;
  overflow:visible!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  font-size:clamp(15px,3.9vw,18px)!important;
  line-height:1.16!important;
  padding:7px 11px!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option span{
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Long questions shrink only the question, never the option typography. */
#suca-reels .suca-reel-stage.design-0.q-short .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-short .question-inline{font-size:clamp(27px,6.7vw,34px)!important}
#suca-reels .suca-reel-stage.design-0.q-medium .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-medium .question-inline{font-size:clamp(23px,5.9vw,30px)!important}
#suca-reels .suca-reel-stage.design-0.q-long .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-long .question-inline{font-size:clamp(20px,5.2vw,27px)!important}
#suca-reels .suca-reel-stage.design-0.q-very-long .suca-reel-question,
#suca-reels .suca-reel-stage.design-0.q-very-long .question-inline{font-size:clamp(18px,4.7vw,24px)!important}

@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-0 .suca-reel-question{max-height:44%!important;padding:7px 10px 5px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-options{flex-basis:56%!important;gap:6px!important;padding:6px 9px 10px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option{
    font-size:clamp(15px,4vw,17px)!important;
    padding:6px 9px!important;
  }
}

/* v10.67 — prevent focus animation from escaping the 9:16 canvas */
#suca-reels .suca-reel-stage.design-0 .suca-reel-option.speech-active{
  transform-origin:center center!important;
  animation:sucaOptionWholeFocus1067 .78s cubic-bezier(.18,.9,.22,1) both!important;
}
@keyframes sucaOptionWholeFocus1067{
  0%{transform:scale(1) translateY(0);filter:brightness(1)}
  28%{transform:scale(1.035) translateY(-3px);filter:brightness(1.18)}
  58%{transform:scale(1.025) translateY(-2px);filter:brightness(1.10)}
  100%{transform:scale(1) translateY(0);filter:brightness(1)}
}


/* v10.68 — FULL GAP SHELL + TRUE 9:16 INNER REEL
   The Reel overlay fills the space between the website's top content and
   the fixed Current Affairs bottom tabs. The actual video/card remains 9:16. */
#suca-reels.suca-reels-overlay{
  position:fixed!important;
  left:0!important;right:0!important;
  top:var(--suca-reel-gap-top,0px)!important;
  bottom:var(--suca-reel-gap-bottom,0px)!important;
  width:auto!important;height:auto!important;
  padding:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:rgba(2,7,16,.96)!important;
}
#suca-reels.suca-reels-overlay.open{display:flex!important}
#suca-reels .suca-reels-box{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#07111f!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#suca-reels .suca-reel-player{
  position:relative!important;
  inset:auto!important;
  width:min(100%, calc(var(--suca-reel-gap-height,100vh) * .5625))!important;
  height:100%!important;
  aspect-ratio:9/16!important;
  max-width:100%!important;
  max-height:100%!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  background:#07111f!important;
}
#suca-reels .suca-reel-stage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-card{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  border-radius:24px!important;
  box-sizing:border-box!important;
}
#suca-reels .suca-reel-footer{display:none!important}

/* No legacy progress/think-fast elements should occupy layout space. */
#suca-reels .suca-reel-progress,
#suca-reels .suca-reel-progress-fill,
#suca-reels .suca-reel-progress-line,
#suca-reels .suca-reel-think-fast,
#suca-reels .think-fast,
#suca-reels .reel-think-fast{display:none!important;height:0!important;visibility:hidden!important}


/* v10.71 — remove empty vertical shell space + remove THINK FAST badge
   The reel stage/card must occupy the complete area between the website header and
   compact bottom navigation. No legacy question badge is allowed to reserve space. */
#suca-reels.suca-reels-overlay{
  top:var(--suca-reel-gap-top,0px)!important;
  bottom:var(--suca-reel-gap-bottom,0px)!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
#suca-reels .suca-reels-box{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#suca-reels .suca-reel-player{
  height:100%!important;
  max-height:100%!important;
  flex:0 0 auto!important;
  margin:0!important;
}
#suca-reels .suca-reel-stage{
  height:100%!important;
  min-height:100%!important;
  padding:0!important;
  margin:0!important;
}
#suca-reels .suca-reel-card{
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
}
#suca-reels .suca-reel-question:after,
#suca-reels .suca-reel-question:before{
  content:none!important;
  display:none!important;
}
#suca-reels .suca-reel-progress,
#suca-reels .suca-reel-progress-fill,
#suca-reels .suca-reel-progress-line{display:none!important;}


/* v10.74 — eliminate residual white strip beneath the Reel card */
#suca-reels.suca-reels-overlay{
  background:#07111f!important;
  overflow:hidden!important;
}
#suca-reels .suca-reels-box,
#suca-reels .suca-reel-player,
#suca-reels .suca-reel-stage,
#suca-reels .suca-reel-card{
  background:#07111f!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-player{
  margin-bottom:0!important;
  transform:translateZ(0);
}

/* v10.74.3 — professional editorial Reel polish
   Question + countdown both use the supplied Feed image.
   Keep the working v10.74 engine intact; only tighten the visual layer. */
#suca-reels .suca-reel-visual{
  position:relative!important;
  flex:0 0 auto!important;
  width:calc(100% - 28px)!important;
  height:clamp(118px,22vh,164px)!important;
  margin:8px 14px 0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10)!important;
  background:#06111f!important;
}
#suca-reels .suca-reel-visual img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center!important;display:block!important;
  transform:scale(1.025)!important;
}
#suca-reels .suca-reel-image-shade{
  position:absolute!important;inset:0!important;z-index:2!important;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(2,8,18,.48) 100%)!important;
  pointer-events:none!important;
}
#suca-reels .suca-reel-image-badge{
  position:absolute!important;left:10px!important;bottom:9px!important;z-index:3!important;
  padding:4px 8px!important;border-radius:999px!important;
  background:rgba(5,14,28,.72)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;font-size:7px!important;font-weight:900!important;letter-spacing:1.1px!important;
  backdrop-filter:blur(7px)!important;
}

/* Compact question composition: image → question → four neat option cards. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-card{
  display:flex!important;flex-direction:column!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual{
  height:clamp(112px,20vh,150px)!important;
  margin:7px 13px 0!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{
  flex:0 0 auto!important;
  max-height:24%!important;
  min-height:0!important;
  padding:7px 13px 4px!important;
  overflow:hidden!important;
  font-size:clamp(20px,5.2vw,27px)!important;
  line-height:1.16!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-options{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  padding:5px 13px 9px!important;
  overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  min-height:0!important;height:auto!important;max-height:none!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:5px 8px!important;border-radius:13px!important;
  font-size:clamp(11px,3.2vw,14px)!important;line-height:1.15!important;
  color:#f7fbff!important;border-width:1px!important;
  box-shadow:0 7px 18px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(1){background:linear-gradient(135deg,rgba(0,174,255,.22),rgba(22,64,130,.78))!important;border-color:rgba(55,205,255,.48)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(2){background:linear-gradient(135deg,rgba(126,82,255,.22),rgba(45,34,112,.78))!important;border-color:rgba(156,119,255,.46)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(3){background:linear-gradient(135deg,rgba(0,206,157,.20),rgba(14,87,82,.78))!important;border-color:rgba(52,230,190,.43)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(4){background:linear-gradient(135deg,rgba(255,157,46,.20),rgba(112,57,24,.78))!important;border-color:rgba(255,178,77,.43)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option b{
  width:26px!important;height:26px!important;min-width:26px!important;
  border-radius:9px!important;display:grid!important;place-items:center!important;
  font-size:10px!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(0,0,0,.20)!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(1) b{background:linear-gradient(135deg,#18cfff,#2579ff)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(2) b{background:linear-gradient(135deg,#a46bff,#6546e8)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(3) b{background:linear-gradient(135deg,#19e6b5,#0e9d88)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(4) b{background:linear-gradient(135deg,#ffbd4a,#ef6b20)!important}

/* Countdown stays on the same supplied image, in a clean corner badge. */
#suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{
  top:15px!important;right:15px!important;width:56px!important;height:56px!important;
  z-index:20!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual{
  height:clamp(180px,34vh,260px)!important;
  margin:10px 13px 0!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-question{
  padding:9px 14px!important;
}

@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-0 .suca-reel-visual{height:clamp(105px,18vh,138px)!important;margin-top:6px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-question{font-size:clamp(18px,4.8vw,23px)!important;padding:6px 11px 3px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-options{gap:4px!important;padding:4px 10px 8px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option{font-size:clamp(10.5px,3vw,13px)!important;padding:4px 7px!important;border-radius:11px!important}
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option b{width:24px!important;height:24px!important;min-width:24px!important;border-radius:8px!important}
}


/* v10.74.5 — restore the proven Feed-image-first Question composition.
   The supplied Feed image is the hero at the top; countdown sits over its corner.
   Keep the four compact option cards and remove every source of the bottom white strip. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 27%!important;
  width:calc(100% - 26px)!important;
  height:auto!important;
  min-height:0!important;
  margin:7px 13px 0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#020711!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual[hidden]{display:block!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-visual img{
  display:block!important;width:100%!important;height:100%!important;
  min-height:0!important;object-fit:cover!important;object-position:center!important;
  transform:scale(1.025)!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-question{
  flex:0 0 auto!important;max-height:29%!important;min-height:0!important;
  padding:8px 13px 4px!important;overflow:hidden!important;
  font-size:clamp(20px,5.2vw,27px)!important;line-height:1.15!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-options{
  flex:1 1 auto!important;min-height:0!important;display:grid!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:5px!important;
  padding:4px 13px 7px!important;overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  min-height:0!important;height:auto!important;max-height:none!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:5px 8px!important;border-radius:12px!important;font-size:clamp(11px,3.05vw,14px)!important;
  line-height:1.14!important;color:#f7fbff!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(1){background:linear-gradient(135deg,rgba(0,174,255,.24),rgba(22,64,130,.82))!important;border-color:rgba(55,205,255,.48)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(2){background:linear-gradient(135deg,rgba(126,82,255,.24),rgba(45,34,112,.82))!important;border-color:rgba(156,119,255,.46)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(3){background:linear-gradient(135deg,rgba(0,206,157,.22),rgba(14,87,82,.82))!important;border-color:rgba(52,230,190,.43)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(4){background:linear-gradient(135deg,rgba(255,157,46,.22),rgba(112,57,24,.82))!important;border-color:rgba(255,178,77,.43)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option b{
  width:25px!important;height:25px!important;min-width:25px!important;border-radius:8px!important;
  display:grid!important;place-items:center!important;font-size:10px!important;color:#fff!important;
}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(1) b{background:linear-gradient(135deg,#18cfff,#2579ff)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(2) b{background:linear-gradient(135deg,#a46bff,#6546e8)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(3) b{background:linear-gradient(135deg,#19e6b5,#0e9d88)!important}
#suca-reels .suca-reel-stage.design-0 .suca-reel-option:nth-child(4) b{background:linear-gradient(135deg,#ffbd4a,#ef6b20)!important}

/* countdown badge lives on the hero image, not as a separate slide */
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual{
  display:block!important;visibility:visible!important;opacity:1!important;
  flex:0 0 38%!important;width:calc(100% - 26px)!important;height:auto!important;
  min-height:0!important;margin:0 13px!important;border-radius:18px!important;overflow:hidden!important;
}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual[hidden]{display:block!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
#suca-reels .suca-reel-stage.design-1 .suca-reel-countdown{top:14px!important;right:14px!important;z-index:30!important;width:56px!important;height:56px!important}

/* eliminate the visible shell/white seam above the fixed bottom tabs */
#suca-reels.suca-reels-overlay{
  background:#07111f!important;
  box-shadow:0 8px 0 #07111f!important;
  overflow:hidden!important;
}
#suca-reels .suca-reels-box,#suca-reels .suca-reel-player,#suca-reels .suca-reel-stage,#suca-reels .suca-reel-card{
  background:#07111f!important;border-bottom:0!important;margin-bottom:0!important;
}
@media(max-width:600px){
 #suca-reels .suca-reel-stage.design-0 .suca-reel-visual{flex-basis:25%!important;margin:6px 10px 0!important;width:calc(100% - 20px)!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-question{max-height:30%!important;padding:6px 10px 3px!important;font-size:clamp(18px,4.8vw,23px)!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-options{gap:4px!important;padding:4px 10px 6px!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-option{font-size:clamp(10.5px,3vw,13px)!important;padding:4px 7px!important;border-radius:10px!important}
 #suca-reels .suca-reel-stage.design-0 .suca-reel-option b{width:23px!important;height:23px!important;min-width:23px!important;border-radius:7px!important}
}
\n/* v10.74.9: Reel fixes — keep original option cards; countdown overlays them only after option narration. */
.suca-reel-countdown.is-inline-overlay{top:auto!important;right:auto!important;left:50%!important;bottom:auto!important;transform:translate(-50%,0)!important;z-index:40!important;width:78px!important;height:78px!important;background:conic-gradient(#ffd21a var(--cd,0deg),rgba(255,255,255,.10) 0deg)!important;pointer-events:none!important;box-shadow:0 8px 30px rgba(0,0,0,.55)!important;}
.suca-reel-countdown.is-inline-overlay:after{background:rgba(4,16,31,.94)!important;}
.suca-reel-countdown.is-inline-overlay span{font-size:28px!important;}
.suca-reel-countdown.is-inline-overlay small{font-size:7px!important;}
@media(max-width:600px){.suca-reel-countdown.is-inline-overlay{left:50%!important;top:56%!important;bottom:auto!important;}}
.suca-reel-stage,.suca-reel-card,.suca-reel-player{min-height:calc(100% + 4px)!important;}
.suca-reel-player{bottom:-4px!important;}
.suca-reels-box{overflow:visible!important;}

/* v10.74.10 — Answer scene: no repeated question; only two clean information boxes. */
#suca-reels .suca-reel-stage.design-1 #suca-reel-question{display:none!important}
#suca-reels .suca-reel-stage.design-1 #suca-reel-answer,
#suca-reels .suca-reel-stage.design-1 #suca-reel-explanation{
  display:block!important;
  width:calc(100% - 30px)!important;
  box-sizing:border-box!important;
  margin:12px 15px 0!important;
  padding:14px 15px!important;
  border-radius:16px!important;
  font-size:clamp(13px,3.5vw,16px)!important;
  line-height:1.48!important;
}
#suca-reels .suca-reel-stage.design-1 #suca-reel-answer{margin-top:18px!important}
#suca-reels .suca-reel-stage.design-1 #suca-reel-explanation{margin-top:12px!important}
#suca-reels .suca-reel-stage.design-1 #suca-reel-answer strong:first-child,
#suca-reels .suca-reel-stage.design-1 #suca-reel-explanation strong:first-child{
  font-size:12px!important;letter-spacing:.7px!important;text-transform:none!important;margin-bottom:7px!important
}
#suca-reels .suca-reel-stage.design-1 .answer-correct-label{font-size:12px!important;opacity:.86!important;margin-bottom:4px!important}
#suca-reels .suca-reel-stage.design-1 .answer-correct{font-size:clamp(18px,5vw,24px)!important;line-height:1.25!important}
#suca-reels .suca-reel-stage.design-1 .explanation-copy{font-size:clamp(13px,3.6vw,16px)!important;line-height:1.52!important}

/* v10.74.14 — larger option text only; preserve existing option box dimensions/layout. */
#suca-reels .suca-reel-stage.design-1 .suca-reel-option{
  font-size:clamp(14px,3.8vw,17px)!important;
  line-height:1.15!important;
}
@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-1 .suca-reel-option{
    font-size:clamp(14px,3.8vw,17px)!important;
  }
}
\n/* v10.74.15 — option text larger only; preserve original option cards. */
#suca-reels .suca-reel-stage.design-0 .suca-reel-option{
  font-size:clamp(14px,3.7vw,17px)!important;
  line-height:1.15!important;
}
@media(max-width:600px){
  #suca-reels .suca-reel-stage.design-0 .suca-reel-option{
    font-size:clamp(14px,3.8vw,17px)!important;
  }
}


/* v10.74.17 — Reel speech-synced option/answer/explanation focus + subscribe animation */
#suca-reels .suca-reel-option{transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;}
#suca-reels .suca-reel-option.speech-active{
  transform:scale(1.055)!important;
  filter:brightness(1.18)!important;
  background:linear-gradient(135deg,rgba(255,224,79,.28),rgba(0,214,255,.18))!important;
  border-color:rgba(255,224,79,.92)!important;
  box-shadow:0 0 0 2px rgba(255,224,79,.16),0 0 24px rgba(255,224,79,.28)!important;
  z-index:5!important;
}
#suca-reels .answer-intro.speaking,
#suca-reels .answer-spoken.speaking,
#suca-reels .explain-spoken.speaking{
  color:#ffe34f!important;
  text-shadow:0 0 16px rgba(255,227,79,.72)!important;
  transform:translateY(-2px) scale(1.055)!important;
  filter:brightness(1.16)!important;
}
#suca-reels .suca-reel-subscribe{
  margin:12px auto 4px!important;padding:11px 24px!important;border:0!important;border-radius:999px!important;
  font-weight:1000!important;font-size:15px!important;letter-spacing:.4px!important;
  background:linear-gradient(135deg,#ff304f,#ff7a18)!important;color:#fff!important;
  box-shadow:0 8px 24px rgba(255,48,79,.28)!important;display:block!important;opacity:1!important;
  transform:scale(.94);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
#suca-reels .suca-reel-subscribe[hidden]{display:none!important}
#suca-reels .suca-reel-subscribe.is-speaking{
  animation:sucaSubscribePulse .62s cubic-bezier(.2,.9,.25,1) infinite alternate!important;
  filter:brightness(1.18)!important;
}
@keyframes sucaSubscribePulse{
  from{transform:scale(.98);box-shadow:0 8px 22px rgba(255,48,79,.28),0 0 0 0 rgba(255,122,24,.18)}
  to{transform:scale(1.12);box-shadow:0 12px 34px rgba(255,48,79,.48),0 0 0 9px rgba(255,122,24,.08)}
}

/* v10.74.18 — requested: larger inline countdown; subscribe appears only after explanation and animates with subscribe voice. */
#suca-reels .suca-reel-countdown.is-inline-overlay{width:104px!important;height:104px!important;}
#suca-reels .suca-reel-countdown.is-inline-overlay span{font-size:40px!important;}
@media(max-width:600px){#suca-reels .suca-reel-countdown.is-inline-overlay{width:96px!important;height:96px!important;}#suca-reels .suca-reel-countdown.is-inline-overlay span{font-size:36px!important;}}


/* v10.74.24 — voice-synced entry animation only; all existing Reel layout/animation preserved. */
#suca-reels .voice-entry{
  animation:sucaVoiceEntry .48s cubic-bezier(.18,.82,.25,1) both!important;
  will-change:transform,opacity,filter;
}
#suca-reels .suca-reel-option.voice-entry{
  animation:sucaOptionVoiceEntry .42s cubic-bezier(.18,.82,.25,1) both!important;
}
#suca-reels #suca-reel-answer.voice-entry,
#suca-reels #suca-reel-explanation.voice-entry{
  animation:sucaBoxVoiceEntry .45s cubic-bezier(.18,.82,.25,1) both!important;
}
#suca-reels #suca-reel-subscribe.voice-entry{
  animation:sucaSubscribeVoiceEntry .58s cubic-bezier(.18,.9,.22,1) infinite alternate!important;
}
@keyframes sucaVoiceEntry{
  0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(3px)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes sucaOptionVoiceEntry{
  0%{opacity:0;transform:translateX(-18px) scale(.92);filter:brightness(.8)}
  100%{opacity:1;transform:translateX(0) scale(1);filter:brightness(1)}
}
@keyframes sucaBoxVoiceEntry{
  0%{opacity:.15;transform:translateY(16px) scale(.95);filter:brightness(.75)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}
}
@keyframes sucaSubscribeVoiceEntry{
  0%{opacity:.72;transform:scale(.94);box-shadow:0 8px 22px rgba(255,48,79,.28),0 0 0 0 rgba(255,122,24,.12)}
  100%{opacity:1;transform:scale(1.12);box-shadow:0 12px 36px rgba(255,48,79,.5),0 0 0 10px rgba(255,122,24,.10)}
}

/* v10.74.25 — Reel Like + Share actions only. */
/* v10.74.29 — make Reel Like/Share permanently visible above the Reel content. */
#suca-reels .suca-reel-player{position:relative!important;overflow:hidden!important;}
#suca-reels .suca-reel-actions{position:absolute!important;right:12px!important;top:52%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:9999!important;display:flex!important;flex-direction:column!important;gap:12px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
#suca-reels .suca-reel-action{position:relative!important;width:54px!important;height:62px!important;min-width:54px!important;min-height:62px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:16px!important;background:rgba(3,12,25,.92)!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;box-shadow:0 8px 24px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.06)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;cursor:pointer!important;padding:5px!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
#suca-reels .suca-reel-action span{font-size:28px!important;line-height:1!important;font-weight:900!important;color:#fff!important;display:block!important;visibility:visible!important;opacity:1!important;transition:transform .16s ease,color .16s ease!important;}
#suca-reels .suca-reel-action small{font-size:10px!important;line-height:1!important;font-weight:900!important;color:#fff!important;opacity:1!important;display:block!important;visibility:visible!important;}
#suca-reels .suca-reel-action.liked span{color:#ff355d!important;transform:scale(1.12);}
#suca-reels .suca-reel-action.pop span{animation:sucaReelLikePop .28s cubic-bezier(.2,.8,.2,1);}
@keyframes sucaReelLikePop{0%{transform:scale(.75)}55%{transform:scale(1.35)}100%{transform:scale(1.08)}}
@media(max-width:600px){#suca-reels .suca-reel-actions{right:9px!important;top:54%!important;bottom:auto!important;transform:translateY(-50%)!important;gap:10px!important;}#suca-reels .suca-reel-action{width:50px!important;height:58px!important;min-width:50px!important;min-height:58px!important;border-radius:15px!important;}#suca-reels .suca-reel-action span{font-size:25px!important;}#suca-reels .suca-reel-action small{font-size:9px!important;}}


/* v10.74.26 — stronger voice-synced word animation. Only Reel speech styling. */
#suca-reels .speech-word{
  display:inline-block!important;
  transition:color .12s ease,transform .12s cubic-bezier(.2,.85,.2,1),text-shadow .12s ease,filter .12s ease,opacity .12s ease!important;
  transform-origin:center center!important;
  will-change:transform,color,filter;
}
#suca-reels .speech-word.speaking{
  color:#ffe34f!important;
  transform:scale(1.18)!important;
  text-shadow:0 0 7px rgba(255,227,79,.55),0 0 18px rgba(255,227,79,.38)!important;
  filter:brightness(1.25)!important;
  font-weight:1000!important;
  position:relative!important;
  z-index:6!important;
}
#suca-reels .speech-word.spoken{
  color:#8ff6ff!important;
  transform:scale(1.025)!important;
  text-shadow:0 0 7px rgba(0,220,255,.25)!important;
}
#suca-reels .question-spoken.speaking{
  color:#fff06a!important;
  transform:scale(1.15)!important;
}
#suca-reels .option-spoken.speaking{
  color:#ffe34f!important;
  transform:scale(1.17)!important;
  text-shadow:0 0 8px rgba(255,227,79,.62),0 0 20px rgba(255,170,0,.25)!important;
}
#suca-reels .suca-reel-option.speech-active{
  transform:scale(1.075)!important;
  filter:brightness(1.2)!important;
  box-shadow:0 0 0 2px rgba(255,227,79,.28),0 0 30px rgba(255,227,79,.34)!important;
}
#suca-reels .answer-spoken.speaking,
#suca-reels .answer-intro.speaking,
#suca-reels .explain-spoken.speaking{
  color:#ffe34f!important;
  transform:translateY(-2px) scale(1.13)!important;
  text-shadow:0 0 9px rgba(255,227,79,.72),0 0 20px rgba(255,180,0,.25)!important;
  filter:brightness(1.22)!important;
  font-weight:1000!important;
}
#suca-reels .answer-spoken.spoken,
#suca-reels .explain-spoken.spoken{
  color:#9cf7ff!important;
  text-shadow:0 0 7px rgba(0,220,255,.28)!important;
}
#suca-reels .answer-intro.speaking{transform:translateY(-2px) scale(1.08)!important;}


/* v10.74.28 — full Reel slide/card-toss entry. Only Reel stage animation. */
#suca-reels .suca-reel-stage.reel-card-toss-in{
  transform-origin:50% 78%!important;
  backface-visibility:hidden!important;
  will-change:transform,opacity,filter!important;
  animation:sucaReelCardTossIn .68s cubic-bezier(.18,.82,.22,1) both!important;
}
#suca-reels .suca-reel-stage.reel-card-toss-in.reel-card-toss-left{
  --reel-toss-rotate:-7deg;
  --reel-toss-x:-72px;
}
#suca-reels .suca-reel-stage.reel-card-toss-in.reel-card-toss-right{
  --reel-toss-rotate:7deg;
  --reel-toss-x:72px;
}
@keyframes sucaReelCardTossIn{
  0%{opacity:0;transform:translate3d(var(--reel-toss-x,60px),42px,0) rotateZ(var(--reel-toss-rotate,7deg)) rotateY(10deg) scale(.90);filter:blur(4px) brightness(.78);}
  38%{opacity:1;transform:translate3d(calc(var(--reel-toss-x,60px)*-.16),-10px,0) rotateZ(calc(var(--reel-toss-rotate,7deg)*-.34)) rotateY(-3deg) scale(1.035);filter:blur(0) brightness(1.08);}
  68%{transform:translate3d(5px,3px,0) rotateZ(calc(var(--reel-toss-rotate,7deg)*.10)) rotateY(1deg) scale(.992);filter:brightness(1.02);}
  84%{transform:translate3d(-2px,0,0) rotateZ(calc(var(--reel-toss-rotate,7deg)*-.035)) scale(1.006);}
  100%{opacity:1;transform:translate3d(0,0,0) rotateZ(0) rotateY(0) scale(1);filter:blur(0) brightness(1);}
}
@media(prefers-reduced-motion:reduce){
  #suca-reels .suca-reel-stage.reel-card-toss-in{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;}
}

/* v10.74.28 — visible word colour/zoom + option card lift entry. */
#suca-reels .speech-word.speaking{
  color:#ffdf3f!important;
  -webkit-text-fill-color:#ffdf3f!important;
  transform:translateY(-1px) scale(1.24)!important;
  text-shadow:0 0 10px rgba(255,223,63,.85),0 0 24px rgba(255,170,0,.48)!important;
  filter:brightness(1.35) saturate(1.35)!important;
  font-weight:1000!important;
}
#suca-reels .speech-word.spoken{
  color:#6ff3ff!important;
  -webkit-text-fill-color:#6ff3ff!important;
  text-shadow:0 0 8px rgba(0,220,255,.35)!important;
}
#suca-reels .option-spoken.speaking{
  color:#ffe24a!important;
  -webkit-text-fill-color:#ffe24a!important;
  transform:translateY(-2px) scale(1.23)!important;
  text-shadow:0 0 12px rgba(255,226,74,.9),0 0 25px rgba(255,170,0,.48)!important;
}
#suca-reels .answer-spoken.speaking,
#suca-reels .answer-intro.speaking,
#suca-reels .explain-spoken.speaking{
  color:#ffe24a!important;
  -webkit-text-fill-color:#ffe24a!important;
  transform:translateY(-2px) scale(1.20)!important;
  text-shadow:0 0 12px rgba(255,226,74,.9),0 0 25px rgba(255,170,0,.45)!important;
}
#suca-reels .suca-reel-option.speech-active{
  animation:sucaOptionLiftZoom .42s cubic-bezier(.16,.88,.24,1) both!important;
  transform-origin:50% 70%!important;
  filter:brightness(1.16)!important;
  border-color:rgba(255,226,74,.95)!important;
  box-shadow:0 0 0 2px rgba(255,226,74,.25),0 0 28px rgba(255,211,52,.34)!important;
  z-index:8!important;
}
@keyframes sucaOptionLiftZoom{
  0%{opacity:.82;transform:translateY(20px) scale(.90);filter:brightness(.86)}
  55%{opacity:1;transform:translateY(-4px) scale(1.075);filter:brightness(1.28)}
  100%{opacity:1;transform:translateY(0) scale(1.035);filter:brightness(1.16)}
}

/* v10.74.30 — hard visibility + motion layer. */
#suca-reels .suca-reel-player{isolation:isolate!important;}
#suca-reels .suca-reel-actions{position:fixed!important;right:10px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;z-index:2147483000!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
#suca-reels .suca-reel-action{visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
#suca-reels .speech-word{display:inline-block!important;transform-origin:center center!important;transition:color .10s ease,transform .10s cubic-bezier(.2,.85,.2,1),text-shadow .10s ease,filter .10s ease!important;will-change:transform,color,filter!important;}
#suca-reels .speech-word.speaking{color:#ffdf3f!important;-webkit-text-fill-color:#ffdf3f!important;transform:translateY(-2px) scale(1.24)!important;text-shadow:0 0 10px rgba(255,223,63,.9),0 0 24px rgba(255,170,0,.5)!important;filter:brightness(1.35) saturate(1.35)!important;}
#suca-reels .speech-word.spoken{color:#6ff3ff!important;-webkit-text-fill-color:#6ff3ff!important;transform:scale(1.025)!important;text-shadow:0 0 8px rgba(0,220,255,.35)!important;}
#suca-reels .suca-reel-option.speech-active{animation:sucaOptionLiftZoom30 .34s cubic-bezier(.16,.88,.24,1) both!important;}
@keyframes sucaOptionLiftZoom30{0%{opacity:.86;transform:translateY(18px) scale(.92)}60%{opacity:1;transform:translateY(-4px) scale(1.07)}100%{opacity:1;transform:translateY(-4px) scale(1.045)}}

/* v10.74.36 — Chrome/Incognito animation compatibility layer.
   Do not rely on inline transform on option cards; the animation owns it. */
#suca-reels .suca-reel-option.speech-active{
  animation-name:sucaOptionLiftZoom35!important;
  animation-duration:.42s!important;
  animation-timing-function:cubic-bezier(.16,.88,.24,1)!important;
  animation-fill-mode:both!important;
  transform-origin:50% 70%!important;
  will-change:transform,opacity,filter!important;
}
@keyframes sucaOptionLiftZoom35{
  0%{opacity:.82;transform:translate3d(0,20px,0) scale(.90);filter:brightness(.86)}
  55%{opacity:1;transform:translate3d(0,-4px,0) scale(1.075);filter:brightness(1.28)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1.035);filter:brightness(1.16)}
}
/* Chrome can report reduced-motion in a profile/environment even when the
   user still expects the Reel's deliberate voice-synced UI animation. */
@media (prefers-reduced-motion:reduce){
  #suca-reels .suca-reel-option.speech-active{animation-name:sucaOptionLiftZoom35!important;animation-duration:.42s!important;animation-iteration-count:1!important;}
  #suca-reels .suca-reel-stage.reel-card-toss-in{animation-name:sucaReelCardTossIn!important;animation-duration:.68s!important;animation-iteration-count:1!important;opacity:1!important;}
}


/* v10.74.36 — Reel motion must not be disabled by browser/OS reduced-motion
   rules. The Reel deliberately synchronizes motion to narration. Chrome gets
   a Web Animations API fallback from reels-v1075.js. */
#suca-reels .suca-reel-stage.reel-card-toss-in{
  animation-name:sucaReelCardTossIn!important;
  animation-duration:.68s!important;
  animation-iteration-count:1!important;
}
#suca-reels .suca-reel-option.speech-active{
  animation-name:sucaOptionLiftZoom35!important;
  animation-duration:.42s!important;
  animation-iteration-count:1!important;
}