Warning! This post contains SPOILERS for Star Wars: Maul - Shadow Lord episodes 1-2Darth Maul’s duel with Qui-Gon Jinn and Obi-Wan Kenobi may be one of the most iconic battles in cinematic history. Few* Star Wars* lightsaber duels are as iconic, especially being backed by a score as unforgettable as John Williams’ “Duel of the Fates.” Likewise, “Duel of the Fates” was the perfect name, considering the duel very much shaped the entire Skywalker Saga’s future by determining Anakin Skywalker’s destiny.
Nearly three decades later, Star Wars is now revisiting those concepts with an all-new Duel of the Fates. As seen in the first two episodes of Maul - Shadow Lord, the former Sith Lord is similarly engaged in a conflict where the destiny of a new young Force-sensitive hangs in the balance (and will most likely be determined by the season’s end).
However, Maul looks to be the one attempting to reshape fate and destiny this time around, rather than simply being an agent of his master as he was during 1999’s The Phantom Menace.
The original “Duel of the Fates” was absolutely critical when it comes to young Anakin Skywalker’s ultimate destiny in the Star Wars canon.
During the Battle on Naboo, Qui-Gon Jinn and Obi-Wan Kenobi’s duel with Darth Maul was a key determining factor in the future of Anakin Skywalker. After all, Qui-Gon believed Anakin was the prophesied Chosen One, intending to guide and train the boy in the ways of the Force that more than likely would have kept Anakin in the light. Additionally, his training likely would have gone beyond the more rigid doctrines and dogma of the Jedi Order.
Had Qui-Gon not been slain by Maul, Anakin would have more than likely led a very different Jedi career. Instead, he was trained by Obi-Wan following Qui-Gon’s demise, starting the boy on the path that would ultimately lead to his corruption to the dark side as Darth Vader. Although Kenobi and Skywalker would become brothers, it’s been argued that what Anakin truly needed was a father figure.
27 years later, Maul: Shadow Lord is now echoing that original Duel of the Fates, though Maul is notably seeking to reshape fate for his own designs, rather than serving Darth Sidious as he was during The Phantom Menace.
In the first two episodes of Shadow Lord, it’s clear that Maul senses the immense potential of Devon Izara, a Jedi survivor and Padawan of Jedi Master Eeko-Dio Daki. Both Jedi are evading the eyes of the Empire on Janix, the same seedy world where Maul is looking to establish a new power base in the criminal underworld.
Much like Qui-Gon saw promise in Anakin, Maul sees potential in Devon as his new apprentice if he can convince her that the dark side offers a better path apart from the one that led to the downfall of the Jedi. As such, it’s going to be fascinating to see if Maul will succeed in turning her to the dark. At the same time, one can imagine that Devon’s master will be trying to keep his Padawan in the light.
As such, it’s not hard to see the parallels between this new “Duel of the Fates” beginning in Maul - Shadow Lord and the one from The Phantom Menace, nor is it hard to imagine what might happen if Master Daki were to be removed from the picture.
After all, it’s already been heavily teased that Devon Izara will likely become a canonical version of Maul’s apprentice Darth Talon from non-canon Legends and original ideas George Lucas had for the sequels. However it all shakes out, it’s going to be very exciting to see what the future may hold for Devon as Maul - Shadow Lord continues.
New episodes of Star Wars: Maul - Shadow Lord release Mondays on Disney+ from Lucasfilm Animation.
Star Wars: Maul - Shadow Lord ](/db/tv-show/maul-shadow-lord/)
](/tag/animation/)
](/tag/adventure/)
,::before,::after{margin:0;padding:0;box-sizing:border-box} :root{ / SITH RED / —sith:#cc1020;—sith-bright:#e82838;—sith-dim:#8a0c18; / DARK SIDE CRIMSON / —crimson:#901020;—crimson-bright:#b81828;—crimson-deep:#580810; / LIGHTNING PURPLE / —lightning:#7848c0;—lightning-bright:#9868e0;—lightning-pale:#b888f0; / SABER RED / —saber:#e81828;—saber-bright:#ff3040;—saber-dim:#b81020; / EMPIRE GREY / —empire:#485060;—empire-bright:#687888;—empire-dim:#303840; / DARK SIDE / —bg:#08060a;—bg-card:#100e14;—bg-warm:#181620; —chalk:#e0dce8;—chalk-dim:#585068; —correct:#50b858;—wrong:#cc1020; —deep-dark:#040308 } / QUIZ CONTAINER / .si-quiz{position:relative;max-width:900px;margin:0 auto;border-radius:18px;background:var(—bg) !important;background-image: radial-gradient(ellipse at 50% -5%,rgba(204,16,32,.08) 0%,transparent 45%), radial-gradient(ellipse at 0% 40%,rgba(120,72,192,.05) 0%,transparent 35%), radial-gradient(ellipse at 100% 25%,rgba(144,16,32,.04) 0%,transparent 35%), radial-gradient(ellipse at 30% 85%,rgba(72,80,96,.03) 0%,transparent 30%), radial-gradient(ellipse at 70% 65%,rgba(232,24,40,.03) 0%,transparent 30%), linear-gradient(180deg,rgba(204,16,32,.03) 0%,transparent 12%,transparent 88%,rgba(120,72,192,.02) 100%), url(“data:image/svg+xml,%3Csvg viewBox=‘0 0 256 256’ xmlns=‘http://www.w3.org/2000/svg’%3E%3Cfilter id=‘n’%3E%3CfeTurbulence type=‘fractalNoise’ baseFrequency=’.8’ numOctaves=‘4’ stitchTiles=‘stitch’/%3E%3C/filter%3E%3Crect width=‘100%25’ height=‘100%25’ filter=‘url(%23n)’ opacity=’.04’/%3E%3C/svg%3E”) !important; color:var(—chalk) !important;font-family:‘Barlow Condensed’,‘Oswald’,sans-serif;font-size:15px;line-height:1.5;padding:0 0 8px;overflow:hidden;counter-reset:si-score} / DARK SIDE BORDERS / .si-quiz::before,.si-quiz::after{content:”;position:absolute;top:0;bottom:0;z-index:2;pointer-events:none} .si-quiz::before{left:0;width:7px;border-radius:18px 0 0 18px; background:linear-gradient(180deg, var(—sith) 0%,var(—crimson) 20%,var(—lightning) 40%, var(—saber) 60%,var(—crimson) 80%,var(—sith) 100%); opacity:.6;box-shadow:4px 0 20px rgba(204,16,32,.3),8px 0 40px rgba(120,72,192,.15)} .si-quiz::after{right:0;width:3px;border-radius:0 18px 18px 0; background:linear-gradient(180deg,var(—sith),var(—lightning),var(—saber),var(—sith)); opacity:.2;box-shadow:-3px 0 12px rgba(204,16,32,.1)} .si-quiz input[type=“radio”]{position:absolute;opacity:0;pointer-events:none;width:0;height:0} / PARTICLE CANVAS / .si-particles{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:18px} / VIGNETTE / .si-vignette{position:absolute;inset:0;border-radius:18px;background:radial-gradient(ellipse at center,transparent 40%,rgba(4,3,8,.85) 100%);pointer-events:none;z-index:1} / EMPIRE WATERMARK / .si-empire-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;z-index:0;opacity:.025} .si-empire-bg svg{width:260px;height:260px} / SCROLL BAR / .si-scroll-bar{position:relative;z-index:3;margin:0 16px;height:14px;display:flex;align-items:stretch;gap:3px;opacity:.5} .si-sc-seg{border-radius:4px;flex-shrink:0} .si-sc-seg.s1{background:var(—sith);width:60px;border-radius:10px 4px 4px 10px} .si-sc-seg.s2{background:var(—crimson);width:40px} .si-sc-seg.s3{background:var(—lightning);flex:1} .si-sc-seg.s4{background:var(—empire);width:30px} .si-sc-seg.s5{background:var(—saber);width:50px} .si-sc-seg.s6{background:var(—sith);width:35px;border-radius:4px 10px 10px 4px} / HEADER / .si-header{position:relative;padding:0;margin:0 16px;background:none;border:none;z-index:3} .si-masthead{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 5px;border-bottom:1px solid rgba(255,255,255,.06)} .si-cr-brand{display:flex;align-items:center;gap:8px} .si-sr-label{font-family:‘Bebas Neue’,sans-serif;font-size:1.1rem;letter-spacing:.06em;color:var(—chalk) !important;white-space:nowrap} .si-sr-sep{color:var(—chalk-dim);opacity:.35;margin:0 2px;font-size:.7rem} .si-cr-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;position:relative} .si-cr-logo svg{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(204,16,32,.5))} .si-cr-wordmark{font-family:‘Bebas Neue’,sans-serif;font-size:.85rem;letter-spacing:.08em;color:var(—chalk) !important} .si-content-badge{display:inline-flex;align-items:center;gap:5px;font-family:‘Special Elite’,monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(—chalk-dim) !important;border:1px solid rgba(204,16,32,.25);border-radius:12px;padding:3px 10px 2px;transform:rotate(-1deg)} .si-content-badge::before{content:”;display:inline-block;width:5px;height:5px;background:var(—sith);border-radius:50%;box-shadow:0 0 6px rgba(204,16,32,.5)} .si-breadcrumbs{display:flex;align-items:center;gap:0;padding:4px 8px 5px;font-family:‘Special Elite’,monospace;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(—chalk-dim) !important;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(—sith),var(—crimson),var(—lightning),var(—saber),transparent) 1} .si-breadcrumbs span{opacity:.7} .si-breadcrumbs .si-bc-sep{margin:0 6px;opacity:.35} .si-breadcrumbs .si-bc-active{color:var(—sith-bright) !important;opacity:1} .si-header::after{content:”;position:absolute;bottom:-8px;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(204,16,32,.05) 0%,rgba(120,72,192,.02) 40%,transparent 100%);z-index:3;pointer-events:none} / SLIDES / .si-slide{display:none;padding:8px 20px 0;animation:siFadeUp .5s ease;position:relative;z-index:3} @keyframes siFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}} @keyframes siScaleIn{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}} #si-s0:checked~.si-slides .si-sl0{display:block} #si-s1:checked~.si-slides .si-sl1{display:block} #si-s2:checked~.si-slides .si-sl2{display:block} #si-s3:checked~.si-slides .si-sl3{display:block} #si-s4:checked~.si-slides .si-sl4{display:block} #si-s5:checked~.si-slides .si-sl5{display:block} #si-s6:checked~.si-slides .si-sl6{display:block} #si-s7:checked~.si-slides .si-sl7{display:block} #si-s8:checked~.si-slides .si-sl8{display:block} #si-sR:checked~.si-slides .si-slR{display:block} / SELECTED — SITH GLOW / #si-q1a:checked~.si-slides .si-opt-1a,#si-q1b:checked~.si-slides .si-opt-1b,#si-q1c:checked~.si-slides .si-opt-1c,#si-q1d:checked~.si-slides .si-opt-1d,#si-q2a:checked~.si-slides .si-opt-2a,#si-q2b:checked~.si-slides .si-opt-2b,#si-q2c:checked~.si-slides .si-opt-2c,#si-q2d:checked~.si-slides .si-opt-2d,#si-q3a:checked~.si-slides .si-opt-3a,#si-q3b:checked~.si-slides .si-opt-3b,#si-q3c:checked~.si-slides .si-opt-3c,#si-q3d:checked~.si-slides .si-opt-3d,#si-q4a:checked~.si-slides .si-opt-4a,#si-q4b:checked~.si-slides .si-opt-4b,#si-q4c:checked~.si-slides .si-opt-4c,#si-q4d:checked~.si-slides .si-opt-4d,#si-q5a:checked~.si-slides .si-opt-5a,#si-q5b:checked~.si-slides .si-opt-5b,#si-q5c:checked~.si-slides .si-opt-5c,#si-q5d:checked~.si-slides .si-opt-5d,#si-q6a:checked~.si-slides .si-opt-6a,#si-q6b:checked~.si-slides .si-opt-6b,#si-q6c:checked~.si-slides .si-opt-6c,#si-q6d:checked~.si-slides .si-opt-6d,#si-q7a:checked~.si-slides .si-opt-7a,#si-q7b:checked~.si-slides .si-opt-7b,#si-q7c:checked~.si-slides .si-opt-7c,#si-q7d:checked~.si-slides .si-opt-7d,#si-q8a:checked~.si-slides .si-opt-8a,#si-q8b:checked~.si-slides .si-opt-8b,#si-q8c:checked~.si-slides .si-opt-8c,#si-q8d:checked~.si-slides .si-opt-8d{background:rgba(204,16,32,.08) !important;border-color:var(—sith) !important;box-shadow:0 0 18px rgba(204,16,32,.18),0 0 35px rgba(120,72,192,.06),inset 0 0 12px rgba(204,16,32,.04)} / FEEDBACK / .si-fb-correct,.si-fb-wrong{display:none} / Q1 correct = C (Rule of Two) / #si-q1c:checked~.si-slides .si-fb-1c{display:block} #si-q1a:checked~.si-slides .si-fb-1w,#si-q1b:checked~.si-slides .si-fb-1w,#si-q1d:checked~.si-slides .si-fb-1w{display:block} / Q2 correct = B (Darth Sidious / Palpatine) / #si-q2b:checked~.si-slides .si-fb-2c{display:block} #si-q2a:checked~.si-slides .si-fb-2w,#si-q2c:checked~.si-slides .si-fb-2w,#si-q2d:checked~.si-slides .si-fb-2w{display:block} / Q3 correct = D (Darth Vader) / #si-q3d:checked~.si-slides .si-fb-3c{display:block} #si-q3a:checked~.si-slides .si-fb-3w,#si-q3b:checked~.si-slides .si-fb-3w,#si-q3c:checked~.si-slides .si-fb-3w{display:block} / Q4 correct = A (Darth Maul) / #si-q4a:checked~.si-slides .si-fb-4c{display:block} #si-q4b:checked~.si-slides .si-fb-4w,#si-q4c:checked~.si-slides .si-fb-4w,#si-q4d:checked~.si-slides .si-fb-4w{display:block} / Q5 correct = C (Count Dooku / Darth Tyranus) / #si-q5c:checked~.si-slides .si-fb-5c{display:block} #si-q5a:checked~.si-slides .si-fb-5w,#si-q5b:checked~.si-slides .si-fb-5w,#si-q5d:checked~.si-slides .si-fb-5w{display:block} / Q6 correct = B (Darth Bane) / #si-q6b:checked~.si-slides .si-fb-6c{display:block} #si-q6a:checked~.si-slides .si-fb-6w,#si-q6c:checked~.si-slides .si-fb-6w,#si-q6d:checked~.si-slides .si-fb-6w{display:block} / Q7 correct = D (Kylo Ren / Ben Solo) / #si-q7d:checked~.si-slides .si-fb-7c{display:block} #si-q7a:checked~.si-slides .si-fb-7w,#si-q7b:checked~.si-slides .si-fb-7w,#si-q7c:checked~.si-slides .si-fb-7w{display:block} / Q8 correct = A (Darth Plagueis) / #si-q8a:checked~.si-slides .si-fb-8c{display:block} #si-q8b:checked~.si-slides .si-fb-8w,#si-q8c:checked~.si-slides .si-fb-8w,#si-q8d:checked~.si-slides .si-fb-8w{display:block} / LOCK OPTIONS AFTER ANSWER / #si-q1a:checked~.si-slides .si-sl1 .si-options-grid,#si-q1b:checked~.si-slides .si-sl1 .si-options-grid,#si-q1c:checked~.si-slides .si-sl1 .si-options-grid,#si-q1d:checked~.si-slides .si-sl1 .si-options-grid,#si-q2a:checked~.si-slides .si-sl2 .si-options-grid,#si-q2b:checked~.si-slides .si-sl2 .si-options-grid,#si-q2c:checked~.si-slides .si-sl2 .si-options-grid,#si-q2d:checked~.si-slides .si-sl2 .si-options-grid,#si-q3a:checked~.si-slides .si-sl3 .si-options-grid,#si-q3b:checked~.si-slides .si-sl3 .si-options-grid,#si-q3c:checked~.si-slides .si-sl3 .si-options-grid,#si-q3d:checked~.si-slides .si-sl3 .si-options-grid,#si-q4a:checked~.si-slides .si-sl4 .si-options-grid,#si-q4b:checked~.si-slides .si-sl4 .si-options-grid,#si-q4c:checked~.si-slides .si-sl4 .si-options-grid,#si-q4d:checked~.si-slides .si-sl4 .si-options-grid,#si-q5a:checked~.si-slides .si-sl5 .si-options-grid,#si-q5b:checked~.si-slides .si-sl5 .si-options-grid,#si-q5c:checked~.si-slides .si-sl5 .si-options-grid,#si-q5d:checked~.si-slides .si-sl5 .si-options-grid,#si-q6a:checked~.si-slides .si-sl6 .si-options-grid,#si-q6b:checked~.si-slides .si-sl6 .si-options-grid,#si-q6c:checked~.si-slides .si-sl6 .si-options-grid,#si-q6d:checked~.si-slides .si-sl6 .si-options-grid,#si-q7a:checked~.si-slides .si-sl7 .si-options-grid,#si-q7b:checked~.si-slides .si-sl7 .si-options-grid,#si-q7c:checked~.si-slides .si-sl7 .si-options-grid,#si-q7d:checked~.si-slides .si-sl7 .si-options-grid,#si-q8a:checked~.si-slides .si-sl8 .si-options-grid,#si-q8b:checked~.si-slides .si-sl8 .si-options-grid,#si-q8c:checked~.si-slides .si-sl8 .si-options-grid,#si-q8d:checked~.si-slides .si-sl8 .si-options-grid{pointer-events:none} / SCORE / .si-score-tracker{display:block;height:0;overflow:hidden;margin:0;padding:0;border:0} .si-inc{display:block} #si-q1c:checked~.si-score-tracker .si-inc-1{counter-increment:si-score} #si-q2b:checked~.si-score-tracker .si-inc-2{counter-increment:si-score} #si-q3d:checked~.si-score-tracker .si-inc-3{counter-increment:si-score} #si-q4a:checked~.si-score-tracker .si-inc-4{counter-increment:si-score} #si-q5c:checked~.si-score-tracker .si-inc-5{counter-increment:si-score} #si-q6b:checked~.si-score-tracker .si-inc-6{counter-increment:si-score} #si-q7d:checked~.si-score-tracker .si-inc-7{counter-increment:si-score} #si-q8a:checked~.si-score-tracker .si-inc-8{counter-increment:si-score} / INTRO / .si-intro-box{text-align:center;padding:6px 8px 0} .si-ep-label{display:block;font-family:‘Special Elite’,monospace;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(—chalk-dim) !important;margin-bottom:3px;opacity:0;animation:siFadeUp .7s .3s forwards} .si-sith-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 3px;opacity:0;animation:siFadeUp .6s .35s forwards} .si-sith-icon svg{width:38px;height:38px;filter:drop-shadow(0 0 12px rgba(204,16,32,.4)) drop-shadow(0 2px 4px rgba(0,0,0,.6))} .si-main-title{display:block;font-family:‘Bebas Neue’,sans-serif;font-size:clamp(1.6rem,5.5vw,2.5rem);letter-spacing:.12em;line-height:1.1;text-transform:uppercase;color:var(—chalk) !important; text-shadow:0 0 8px rgba(204,16,32,.25),0 0 25px rgba(120,72,192,.1),0 2px 4px rgba(0,0,0,.9); margin-bottom:1px;opacity:0;animation:siFadeUp .8s .5s forwards} .si-title-stripe{display:flex;width:clamp(120px,40%,180px);height:3px;margin:0 auto 4px;border-radius:2px;overflow:hidden;opacity:0;animation:siScaleIn .5s .6s forwards} .si-title-stripe span{flex:1;height:100%} .si-title-stripe .si-r{background:var(—sith);box-shadow:0 0 8px rgba(204,16,32,.4)} .si-title-stripe .si-c{background:var(—crimson);box-shadow:0 0 8px rgba(144,16,32,.4)} .si-title-stripe .si-l{background:var(—lightning);box-shadow:0 0 8px rgba(120,72,192,.4)} .si-title-stripe .si-e{background:var(—empire);box-shadow:0 0 8px rgba(72,80,96,.4)} / CATEGORY PREVIEWS / .si-cat-previews{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:2px 8px 1px;opacity:0;animation:siFadeUp .7s 1.1s forwards} .si-cat-thumb{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:50px;padding:5px 6px 4px;border:1px solid transparent;border-radius:14px;cursor:default;position:relative;transition:all .3s ease} .si-cat-thumb::before{content:”;position:absolute;inset:0;border-radius:14px;opacity:0;transition:opacity .3s} .si-cat-thumb:hover{transform:translateY(-6px)} .si-cat-thumb[data-cat=“lords”]:hover{border-color:rgba(204,16,32,.45);box-shadow:0 10px 35px rgba(204,16,32,.18)} .si-cat-thumb[data-cat=“lords”]::before{background:radial-gradient(ellipse at 50% 100%,rgba(204,16,32,.08),transparent 70%)} .si-cat-thumb[data-cat=“power”]:hover{border-color:rgba(120,72,192,.45);box-shadow:0 10px 35px rgba(120,72,192,.18)} .si-cat-thumb[data-cat=“power”]::before{background:radial-gradient(ellipse at 50% 100%,rgba(120,72,192,.08),transparent 70%)} .si-cat-thumb[data-cat=“lore”]:hover{border-color:rgba(232,24,40,.45);box-shadow:0 10px 35px rgba(232,24,40,.18)} .si-cat-thumb[data-cat=“lore”]::before{background:radial-gradient(ellipse at 50% 100%,rgba(232,24,40,.08),transparent 70%)} .si-cat-thumb[data-cat=“betrayal”]:hover{border-color:rgba(144,16,32,.45);box-shadow:0 10px 35px rgba(144,16,32,.18)} .si-cat-thumb[data-cat=“betrayal”]::before{background:radial-gradient(ellipse at 50% 100%,rgba(144,16,32,.06),transparent 70%)} .si-cat-thumb[data-cat=“legacy”]:hover{border-color:rgba(72,80,96,.45);box-shadow:0 10px 35px rgba(72,80,96,.18)} .si-cat-thumb[data-cat=“legacy”]::before{background:radial-gradient(ellipse at 50% 100%,rgba(72,80,96,.06),transparent 70%)} .si-cat-thumb:hover::before{opacity:1} .si-cat-icon{font-size:1.3rem;filter:drop-shadow(0 0 4px rgba(204,16,32,.3));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s;position:relative;z-index:1} .si-cat-thumb:hover .si-cat-icon{transform:scale(1.3);filter:drop-shadow(0 0 10px currentColor)} .si-cat-name{font-family:‘Special Elite’,monospace;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.3;transition:color .3s;position:relative;z-index:1} .si-cat-thumb:hover .si-cat-name{color:var(—sith-bright) !important} .si-cat-words{font-family:‘Barlow Condensed’,sans-serif;font-style:italic;font-size:.55rem;color:rgba(224,228,240,0);line-height:1.3;transition:color .4s,opacity .3s;position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;opacity:0} .si-cat-thumb:hover .si-cat-words{color:rgba(224,228,240,.7);opacity:1} / BUTTONS / .si-btn-center{text-align:center;padding:1px 0 1px;opacity:0;animation:siFadeUp .7s 1.3s forwards} .si-btn-primary,.si-btn-next,.si-btn-restart{display:inline-block;font-family:‘Bebas Neue’,sans-serif;font-size:.88rem;letter-spacing:.14em;text-transform:uppercase;color:#fff !important; background:linear-gradient(135deg,rgba(204,16,32,.12) 0%,rgba(120,72,192,.1) 50%,rgba(144,16,32,.08) 100%) !important; border:2px solid var(—sith);border-radius:30px;padding:7px 24px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden} .si-btn-primary::before,.si-btn-next::before,.si-btn-restart::before{content:”;position:absolute;inset:0;border-radius:30px;background:linear-gradient(135deg,rgba(204,16,32,.25) 0%,rgba(120,72,192,.2) 50%,rgba(232,24,40,.15) 100%);transform:translateX(-101%);transition:transform .4s cubic-bezier(.77,0,.175,1);z-index:0} .si-btn-primary:hover,.si-btn-next:hover,.si-btn-restart:hover{ border-color:var(—sith-bright); box-shadow:0 0 20px rgba(204,16,32,.3),0 0 40px rgba(120,72,192,.1),inset 0 0 15px rgba(204,16,32,.05); text-shadow:0 0 6px rgba(204,16,32,.4)} .si-btn-primary:hover::before,.si-btn-next:hover::before,.si-btn-restart:hover::before{transform:translateX(0)} .si-btn-restart{font-size:.85rem;padding:9px 24px} / PROGRESS / .si-progress-wrap{margin-bottom:5px} .si-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px} .si-q-counter{font-family:‘Bebas Neue’,sans-serif;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(—chalk-dim) !important} .si-q-category{font-family:‘Special Elite’,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(—sith-bright) !important;opacity:.8} .si-progress-track{height:6px;background:rgba(255,255,255,.04);border-radius:10px;overflow:hidden;border:1px solid rgba(204,16,32,.12)} .si-progress-fill{height:100%;background:linear-gradient(90deg,var(—crimson),var(—sith),var(—lightning),var(—saber));border-radius:10px;box-shadow:0 0 15px rgba(204,16,32,.35),0 0 6px rgba(120,72,192,.3)} / QUESTION / .si-question-card{position:relative;margin-bottom:5px;padding:0 4px} .si-q-number-bg{position:absolute;right:0;top:-10px;font-family:‘Bebas Neue’,sans-serif;font-size:3.5rem;color:rgba(204,16,32,.05);line-height:1;pointer-events:none;user-select:none;text-shadow:0 0 25px rgba(204,16,32,.03)} .si-question-text{display:block;font-size:.85rem;line-height:1.4;color:var(—chalk) !important;margin-bottom:6px;position:relative;font-family:‘Barlow Condensed’,sans-serif;font-weight:400} / OPTIONS / .si-options-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:5px} .si-option-btn{display:flex;align-items:flex-start;gap:8px;font-family:‘Barlow Condensed’,sans-serif;font-size:.83rem;line-height:1.25;color:var(—chalk) !important; background:linear-gradient(135deg,var(—bg-card) 0%,#080614 100%) !important; border:1px solid rgba(255,255,255,.06);border-left:5px solid rgba(204,16,32,.3); padding:6px 12px;border-radius:10px;cursor:pointer;transition:all .25s; box-shadow:-3px 0 8px rgba(204,16,32,.04)} .si-option-btn:hover{ background:linear-gradient(135deg,#1c1828 0%,#0e0c18 100%) !important; border-color:rgba(255,255,255,.08);border-left-color:var(—sith-bright);border-left-width:5px;border-radius:12px; box-shadow:0 0 20px rgba(204,16,32,.18),-5px 0 15px rgba(120,72,192,.06),inset 0 0 15px rgba(204,16,32,.03); transform:translateX(3px)} .si-option-letter{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-family:‘Bebas Neue’,sans-serif;font-size:.65rem; border:2px solid rgba(204,16,32,.4);color:var(—sith-bright) !important;background:rgba(204,16,32,.06); margin-top:0;box-shadow:0 0 8px rgba(204,16,32,.1),0 0 3px rgba(120,72,192,.1)} .si-nav{text-align:right;padding:1px 0 3px} / FEEDBACK / .si-feedback{margin-bottom:4px} .si-fb-correct{padding:5px 10px;background:rgba(80,184,88,.06);border-left:4px solid var(—correct);border-radius:10px;font-size:.73rem;line-height:1.3;color:#70cc78 !important;font-family:‘Barlow Condensed’,sans-serif;box-shadow:-6px 0 18px rgba(80,184,88,.08)} .si-fb-wrong{padding:5px 10px;background:rgba(204,16,32,.05);border-left:4px solid var(—wrong);border-radius:10px;font-size:.73rem;line-height:1.3;color:var(—sith-bright) !important;font-family:‘Barlow Condensed’,sans-serif;box-shadow:-6px 0 18px rgba(204,16,32,.08)} / RESULTS / .si-result-reveal{text-align:center;padding:10px 8px 0} .si-result-label{display:block;font-family:‘Special Elite’,monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(—sith-bright) !important;opacity:.9;margin-bottom:2px} .si-result-title{display:block;font-family:‘Bebas Neue’,sans-serif;font-size:clamp(1.1rem,3.5vw,1.5rem);letter-spacing:.1em;text-transform:uppercase;color:var(—chalk) !important;text-shadow:0 0 15px rgba(204,16,32,.2);margin-bottom:3px} .si-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(—crimson),var(—sith),var(—lightning),var(—sith),transparent);margin:6px auto;border-radius:3px;box-shadow:0 0 12px rgba(204,16,32,.25),0 0 25px rgba(120,72,192,.1)} .si-score-box{text-align:center;padding:8px 8px 10px} .si-score-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 6px} .si-score-icon svg{width:42px;height:42px;filter:drop-shadow(0 0 15px rgba(204,16,32,.4)) drop-shadow(0 0 30px rgba(120,72,192,.15))} .si-score-big{font-family:‘Bebas Neue’,sans-serif;letter-spacing:.08em;color:var(—chalk) !important} .si-score-num{font-size:2.6rem;color:var(—sith-bright) !important;text-shadow:0 0 12px rgba(204,16,32,.4),0 0 25px rgba(120,72,192,.2),0 0 50px rgba(232,24,40,.1)} .si-score-num::after{content:counter(si-score)} .si-score-of{font-size:1.2rem;color:var(—chalk-dim) !important;font-family:‘Bebas Neue’,sans-serif;font-weight:400} .si-score-msg{display:block;font-family:‘Special Elite’,monospace;font-style:normal;color:var(—chalk-dim) !important;font-size:.72rem;margin-top:4px} / RESPONSIVE */ @media(max-width:480px){ .si-quiz::before{width:5px} .si-quiz::after{width:2px} .si-slide{padding:10px 18px 0} .si-header{margin:0 12px} .si-scroll-bar{margin:0 12px} .si-masthead{flex-direction:column;gap:5px;align-items:flex-start} }