Spider-Noir might have been canceled, but Prime Video already has a new Marvel series to replace it, and it turns out that the upcoming superhero show ends up revealing how Spider-Noir's cancellation was probably the best move. Nicolas Cage is a charismatic actor who has been part of multiple exciting movies and franchises over the years. He has appeared as Ghost Rider, Superman, and Spider-Man in movies.

In terms of the latter, Cage famously gave life to Spider-Man Noir in the animated Spider-Man: Into the Spider-Verse, which is regarded by many as the best Spider-Man movie to date. The actor's comedic timing was on point in the film. That later transferred to Cage being cast as a different live-action version of Spider-Man Noir in Prime Video's 2026 superhero series starring the character.

However, he was not called that. Instead, Cage's Marvel hero went by The Spider and was called Ben Reilly under the mask, not Peter Parker, though the show teased that he changed his name from Peter to Ben prior to its events. Spider-Noir instantly became a global hit on Prime Video, trending on the charts for a long time. It also holds a near-perfect 92% critics' score on Rotten Tomatoes.

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;600;700&family=Special+Elite&family=Barlow+Condensed:wght@400;600;700&display=swap");

/* KILL CMS-GENERATED P TAGS */
.sm-quiz p,.sm-quiz > p,.sm-quiz + p{display:none !important;margin:0 !important;padding:0 !important;height:0 !important;overflow:hidden !important;font-size:0 !important;line-height:0 !important;border:0 !important}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
/* SPIDER-MAN RED */
–sm-red:#b71c1c;–sm-red-bright:#e53935;–sm-red-pale:#ef5350;–sm-red-deep:#7f0000;
/* WEB BLUE */
–sm-blue:#1565c0;–sm-blue-bright:#1e88e5;–sm-blue-pale:#42a5f5;–sm-blue-deep:#0d47a1;
/* WEB SILVER / WHITE */
–web:#c0c8d8;–web-bright:#e0e6f0;–web-dim:#8090a8;
/* STARK TECH GOLD */
–stark-gold:#ffc107;–stark-gold-bright:#ffd54f;–stark-gold-dim:#ff8f00;
/* NIGHT SKY — NYC */
–bg:#060810;–bg-card:#0a0e18;–bg-warm:#0e1220;
–chalk:#d4d8e8;–chalk-dim:#606880;
–correct:#4caf50;–wrong:#e53935;
–void:#020408
}

/* QUIZ CONTAINER */
.sm-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(183,28,28,.08) 0%,transparent 45%),
radial-gradient(ellipse at 0% 40%,rgba(21,101,192,.06) 0%,transparent 35%),
radial-gradient(ellipse at 100% 25%,rgba(183,28,28,.05) 0%,transparent 35%),
radial-gradient(ellipse at 30% 85%,rgba(21,101,192,.04) 0%,transparent 30%),
radial-gradient(ellipse at 70% 65%,rgba(255,193,7,.03) 0%,transparent 30%),
linear-gradient(180deg,rgba(183,28,28,.03) 0%,transparent 12%,transparent 88%,rgba(21,101,192,.03) 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:sm-score}

/* SIDE BORDERS — red/blue web gradient */
.sm-quiz::before,.sm-quiz::after{content:";position:absolute;top:0;bottom:0;z-index:2;pointer-events:none}
.sm-quiz::before{left:0;width:7px;border-radius:18px 0 0 18px;
background:linear-gradient(180deg,
var(–sm-red) 0%,var(–sm-blue) 20%,var(–sm-red) 40%,
var(–sm-blue) 60%,var(–sm-red) 80%,var(–sm-blue) 100%);
opacity:.65;box-shadow:4px 0 20px rgba(183,28,28,.35),8px 0 40px rgba(21,101,192,.15)}
.sm-quiz::after{right:0;width:3px;border-radius:0 18px 18px 0;
background:linear-gradient(180deg,var(–sm-blue),var(–sm-red),var(–sm-blue),var(–sm-red));
opacity:.2;box-shadow:-3px 0 12px rgba(21,101,192,.12)}
.sm-quiz input[type="radio"]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}

/* PARTICLE CANVAS */
.sm-particles{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:18px}

/* VIGNETTE */
.sm-vignette{position:absolute;inset:0;border-radius:18px;background:radial-gradient(ellipse at center,transparent 35%,rgba(6,8,16,.88) 100%);pointer-events:none;z-index:1}

/* SPIDER WATERMARK */
.sm-spider-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;user-select:none;z-index:0;opacity:.02}
.sm-spider-bg svg{width:260px;height:260px}

/* WEB-STRIPE BAR */
.sm-web-bar{position:relative;z-index:3;margin:0 16px;height:14px;display:flex;align-items:stretch;gap:3px;opacity:.45}
.sm-web-seg{border-radius:4px;flex-shrink:0}
.sm-web-seg.s1{background:var(–sm-red);width:60px;border-radius:10px 4px 4px 10px}
.sm-web-seg.s2{background:var(–sm-blue);width:40px}
.sm-web-seg.s3{background:var(–sm-red-bright);flex:1}
.sm-web-seg.s4{background:var(–sm-blue-bright);width:30px}
.sm-web-seg.s5{background:var(–stark-gold);width:50px}
.sm-web-seg.s6{background:var(–sm-red);width:35px;border-radius:4px 10px 10px 4px}

/* HEADER */
.sm-header{position:relative;padding:0;margin:0 16px;background:none;border:none;z-index:3}
.sm-masthead{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 5px;border-bottom:1px solid rgba(255,255,255,.06)}
.sm-cr-brand{display:flex;align-items:center;gap:8px}
.sm-sr-label{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:.06em;color:var(–chalk) !important;white-space:nowrap}
.sm-sr-sep{color:var(–chalk-dim);opacity:.35;margin:0 2px;font-size:.7rem}
.sm-cr-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;position:relative}
.sm-cr-logo svg{width:24px;height:24px;filter:drop-shadow(0 0 6px rgba(229,57,53,.5))}
.sm-cr-wordmark{font-family:'Bebas Neue',sans-serif;font-size:.85rem;letter-spacing:.08em;color:var(–chalk) !important}
.sm-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(229,57,53,.3);border-radius:12px;padding:3px 10px 2px;transform:rotate(-1deg)}
.sm-content-badge::before{content:";display:inline-block;width:5px;height:5px;background:var(–sm-red-bright);border-radius:50%;box-shadow:0 0 6px rgba(229,57,53,.6)}
.sm-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(–sm-red),var(–sm-blue),var(–sm-red-bright),var(–sm-blue-bright),transparent) 1}
.sm-breadcrumbs span{opacity:.7}
.sm-breadcrumbs .sm-bc-sep{margin:0 6px;opacity:.35}
.sm-breadcrumbs .sm-bc-active{color:var(–sm-red-pale) !important;opacity:1}

.sm-header::after{content:";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(183,28,28,.06) 0%,rgba(21,101,192,.03) 40%,transparent 100%);z-index:3;pointer-events:none}

/* SLIDES */
.sm-slide{display:none;padding:8px 20px 0;animation:smFadeUp .5s ease;position:relative;z-index:3}
@keyframes smFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes smScaleIn{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}

#sm-s0:checked~.sm-slides .sm-sl0{display:block}
#sm-s1:checked~.sm-slides .sm-sl1{display:block}
#sm-s2:checked~.sm-slides .sm-sl2{display:block}
#sm-s3:checked~.sm-slides .sm-sl3{display:block}
#sm-s4:checked~.sm-slides .sm-sl4{display:block}
#sm-s5:checked~.sm-slides .sm-sl5{display:block}
#sm-s6:checked~.sm-slides .sm-sl6{display:block}
#sm-s7:checked~.sm-slides .sm-sl7{display:block}
#sm-s8:checked~.sm-slides .sm-sl8{display:block}
#sm-sR:checked~.sm-slides .sm-slR{display:block}

/* SELECTED — WEB GLOW */
#sm-q1a:checked~.sm-slides .sm-opt-1a,#sm-q1b:checked~.sm-slides .sm-opt-1b,#sm-q1c:checked~.sm-slides .sm-opt-1c,#sm-q1d:checked~.sm-slides .sm-opt-1d,#sm-q2a:checked~.sm-slides .sm-opt-2a,#sm-q2b:checked~.sm-slides .sm-opt-2b,#sm-q2c:checked~.sm-slides .sm-opt-2c,#sm-q2d:checked~.sm-slides .sm-opt-2d,#sm-q3a:checked~.sm-slides .sm-opt-3a,#sm-q3b:checked~.sm-slides .sm-opt-3b,#sm-q3c:checked~.sm-slides .sm-opt-3c,#sm-q3d:checked~.sm-slides .sm-opt-3d,#sm-q4a:checked~.sm-slides .sm-opt-4a,#sm-q4b:checked~.sm-slides .sm-opt-4b,#sm-q4c:checked~.sm-slides .sm-opt-4c,#sm-q4d:checked~.sm-slides .sm-opt-4d,#sm-q5a:checked~.sm-slides .sm-opt-5a,#sm-q5b:checked~.sm-slides .sm-opt-5b,#sm-q5c:checked~.sm-slides .sm-opt-5c,#sm-q5d:checked~.sm-slides .sm-opt-5d,#sm-q6a:checked~.sm-slides .sm-opt-6a,#sm-q6b:checked~.sm-slides .sm-opt-6b,#sm-q6c:checked~.sm-slides .sm-opt-6c,#sm-q6d:checked~.sm-slides .sm-opt-6d,#sm-q7a:checked~.sm-slides .sm-opt-7a,#sm-q7b:checked~.sm-slides .sm-opt-7b,#sm-q7c:checked~.sm-slides .sm-opt-7c,#sm-q7d:checked~.sm-slides .sm-opt-7d,#sm-q8a:checked~.sm-slides .sm-opt-8a,#sm-q8b:checked~.sm-slides .sm-opt-8b,#sm-q8c:checked~.sm-slides .sm-opt-8c,#sm-q8d:checked~.sm-slides .sm-opt-8d{background:rgba(183,28,28,.1) !important;border-color:var(–sm-red-bright) !important;box-shadow:0 0 18px rgba(183,28,28,.22),0 0 35px rgba(21,101,192,.1),inset 0 0 12px rgba(183,28,28,.05)}

/* FEEDBACK */
.sm-fb-correct,.sm-fb-wrong{display:none}
/* Q1 correct = B (Captain America: Civil War) */
#sm-q1b:checked~.sm-slides .sm-fb-1c{display:block}
#sm-q1a:checked~.sm-slides .sm-fb-1w,#sm-q1c:checked~.sm-slides .sm-fb-1w,#sm-q1d:checked~.sm-slides .sm-fb-1w{display:block}
/* Q2 correct = A (Vulture / Adrian Toomes) */
#sm-q2a:checked~.sm-slides .sm-fb-2c{display:block}
#sm-q2b:checked~.sm-slides .sm-fb-2w,#sm-q2c:checked~.sm-slides .sm-fb-2w,#sm-q2d:checked~.sm-slides .sm-fb-2w{display:block}
/* Q3 correct = C (Karen) */
#sm-q3c:checked~.sm-slides .sm-fb-3c{display:block}
#sm-q3a:checked~.sm-slides .sm-fb-3w,#sm-q3b:checked~.sm-slides .sm-fb-3w,#sm-q3d:checked~.sm-slides .sm-fb-3w{display:block}
/* Q4 correct = D (Quentin Beck) */
#sm-q4d:checked~.sm-slides .sm-fb-4c{display:block}
#sm-q4a:checked~.sm-slides .sm-fb-4w,#sm-q4b:checked~.sm-slides .sm-fb-4w,#sm-q4c:checked~.sm-slides .sm-fb-4w{display:block}
/* Q5 correct = B (Spider-Man's real identity) */
#sm-q5b:checked~.sm-slides .sm-fb-5c{display:block}
#sm-q5a:checked~.sm-slides .sm-fb-5w,#sm-q5c:checked~.sm-slides .sm-fb-5w,#sm-q5d:checked~.sm-slides .sm-fb-5w{display:block}
/* Q6 correct = C (Doctor Strange) */
#sm-q6c:checked~.sm-slides .sm-fb-6c{display:block}
#sm-q6a:checked~.sm-slides .sm-fb-6w,#sm-q6b:checked~.sm-slides .sm-fb-6w,#sm-q6d:checked~.sm-slides .sm-fb-6w{display:block}
/* Q7 correct = A (Ned Leeds) */
#sm-q7a:checked~.sm-slides .sm-fb-7c{display:block}
#sm-q7b:checked~.sm-slides .sm-fb-7w,#sm-q7c:checked~.sm-slides .sm-fb-7w,#sm-q7d:checked~.sm-slides .sm-fb-7w{display:block}
/* Q8 correct = D (Everyone forgets who Peter Parker is) */
#sm-q8d:checked~.sm-slides .sm-fb-8c{display:block}
#sm-q8a:checked~.sm-slides .sm-fb-8w,#sm-q8b:checked~.sm-slides .sm-fb-8w,#sm-q8c:checked~.sm-slides .sm-fb-8w{display:block}

/* LOCK OPTIONS AFTER ANSWER */
#sm-q1a:checked~.sm-slides .sm-sl1 .sm-options-grid,#sm-q1b:checked~.sm-slides .sm-sl1 .sm-options-grid,#sm-q1c:checked~.sm-slides .sm-sl1 .sm-options-grid,#sm-q1d:checked~.sm-slides .sm-sl1 .sm-options-grid,#sm-q2a:checked~.sm-slides .sm-sl2 .sm-options-grid,#sm-q2b:checked~.sm-slides .sm-sl2 .sm-options-grid,#sm-q2c:checked~.sm-slides .sm-sl2 .sm-options-grid,#sm-q2d:checked~.sm-slides .sm-sl2 .sm-options-grid,#sm-q3a:checked~.sm-slides .sm-sl3 .sm-options-grid,#sm-q3b:checked~.sm-slides .sm-sl3 .sm-options-grid,#sm-q3c:checked~.sm-slides .sm-sl3 .sm-options-grid,#sm-q3d:checked~.sm-slides .sm-sl3 .sm-options-grid,#sm-q4a:checked~.sm-slides .sm-sl4 .sm-options-grid,#sm-q4b:checked~.sm-slides .sm-sl4 .sm-options-grid,#sm-q4c:checked~.sm-slides .sm-sl4 .sm-options-grid,#sm-q4d:checked~.sm-slides .sm-sl4 .sm-options-grid,#sm-q5a:checked~.sm-slides .sm-sl5 .sm-options-grid,#sm-q5b:checked~.sm-slides .sm-sl5 .sm-options-grid,#sm-q5c:checked~.sm-slides .sm-sl5 .sm-options-grid,#sm-q5d:checked~.sm-slides .sm-sl5 .sm-options-grid,#sm-q6a:checked~.sm-slides .sm-sl6 .sm-options-grid,#sm-q6b:checked~.sm-slides .sm-sl6 .sm-options-grid,#sm-q6c:checked~.sm-slides .sm-sl6 .sm-options-grid,#sm-q6d:checked~.sm-slides .sm-sl6 .sm-options-grid,#sm-q7a:checked~.sm-slides .sm-sl7 .sm-options-grid,#sm-q7b:checked~.sm-slides .sm-sl7 .sm-options-grid,#sm-q7c:checked~.sm-slides .sm-sl7 .sm-options-grid,#sm-q7d:checked~.sm-slides .sm-sl7 .sm-options-grid,#sm-q8a:checked~.sm-slides .sm-sl8 .sm-options-grid,#sm-q8b:checked~.sm-slides .sm-sl8 .sm-options-grid,#sm-q8c:checked~.sm-slides .sm-sl8 .sm-options-grid,#sm-q8d:checked~.sm-slides .sm-sl8 .sm-options-grid{pointer-events:none}

/* SCORE */
.sm-score-tracker{display:block;height:0;overflow:hidden;margin:0;padding:0;border:0}
.sm-inc{display:block}
#sm-q1b:checked~.sm-score-tracker .sm-inc-1{counter-increment:sm-score}
#sm-q2a:checked~.sm-score-tracker .sm-inc-2{counter-increment:sm-score}
#sm-q3c:checked~.sm-score-tracker .sm-inc-3{counter-increment:sm-score}
#sm-q4d:checked~.sm-score-tracker .sm-inc-4{counter-increment:sm-score}
#sm-q5b:checked~.sm-score-tracker .sm-inc-5{counter-increment:sm-score}
#sm-q6c:checked~.sm-score-tracker .sm-inc-6{counter-increment:sm-score}
#sm-q7a:checked~.sm-score-tracker .sm-inc-7{counter-increment:sm-score}
#sm-q8d:checked~.sm-score-tracker .sm-inc-8{counter-increment:sm-score}

/* INTRO */
.sm-intro-box{text-align:center;padding:6px 8px 0}
.sm-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:smFadeUp .7s .3s forwards}
.sm-title-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 3px;opacity:0;animation:smFadeUp .6s .35s forwards}
.sm-title-icon svg{width:36px;height:36px;filter:drop-shadow(0 0 12px rgba(229,57,53,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.6))}

.sm-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(183,28,28,.3),0 0 25px rgba(21,101,192,.12),0 2px 4px rgba(0,0,0,.9);
margin-bottom:1px;opacity:0;animation:smFadeUp .8s .5s forwards}
/* Web stripe */
.sm-title-stripe{display:flex;width:clamp(120px,40%,180px);height:3px;margin:0 auto 4px;border-radius:2px;overflow:hidden;opacity:0;animation:smScaleIn .5s .6s forwards}
.sm-title-stripe span{flex:1;height:100%}
.sm-title-stripe .ts-red{background:var(–sm-red);box-shadow:0 0 8px rgba(183,28,28,.5)}
.sm-title-stripe .ts-blue{background:var(–sm-blue-bright);box-shadow:0 0 8px rgba(30,136,229,.5)}
.sm-title-stripe .ts-gold{background:var(–stark-gold);box-shadow:0 0 8px rgba(255,193,7,.5)}
.sm-title-stripe .ts-web{background:var(–web);box-shadow:0 0 8px rgba(192,200,216,.4)}

/* TOPIC PREVIEWS */
.sm-topic-previews{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:2px 8px 0;opacity:0;animation:smFadeUp .7s .7s forwards}
.sm-topic-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}
.sm-topic-thumb::before{content:";position:absolute;inset:0;border-radius:14px;opacity:0;transition:opacity .3s}
.sm-topic-thumb:hover{transform:translateY(-6px)}

.sm-topic-thumb[data-topic="homecoming"]:hover{border-color:rgba(183,28,28,.45);box-shadow:0 10px 35px rgba(183,28,28,.18)}
.sm-topic-thumb[data-topic="homecoming"]::before{background:radial-gradient(ellipse at 50% 100%,rgba(183,28,28,.08),transparent 70%)}
.sm-topic-thumb[data-topic="farfromhome"]:hover{border-color:rgba(21,101,192,.45);box-shadow:0 10px 35px rgba(21,101,192,.18)}
.sm-topic-thumb[data-topic="farfromhome"]::before{background:radial-gradient(ellipse at 50% 100%,rgba(21,101,192,.08),transparent 70%)}
.sm-topic-thumb[data-topic="nowayhome"]:hover{border-color:rgba(255,193,7,.45);box-shadow:0 10px 35px rgba(255,193,7,.18)}
.sm-topic-thumb[data-topic="nowayhome"]::before{background:radial-gradient(ellipse at 50% 100%,rgba(255,193,7,.08),transparent 70%)}
.sm-topic-thumb[data-topic="villains"]:hover{border-color:rgba(229,57,53,.45);box-shadow:0 10px 35px rgba(229,57,53,.18)}
.sm-topic-thumb[data-topic="villains"]::before{background:radial-gradient(ellipse at 50% 100%,rgba(229,57,53,.06),transparent 70%)}
.sm-topic-thumb[data-topic="mcu"]:hover{border-color:rgba(66,165,245,.45);box-shadow:0 10px 35px rgba(66,165,245,.18)}
.sm-topic-thumb[data-topic="mcu"]::before{background:radial-gradient(ellipse at 50% 100%,rgba(66,165,245,.06),transparent 70%)}

.sm-topic-thumb:hover::before{opacity:1}
.sm-topic-icon{font-size:1.3rem;filter:drop-shadow(0 0 4px rgba(183,28,28,.3));transition:transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s;position:relative;z-index:1}
.sm-topic-thumb:hover .sm-topic-icon{transform:scale(1.3);filter:drop-shadow(0 0 10px currentColor)}
.sm-topic-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}
.sm-topic-thumb:hover .sm-topic-name{color:var(–sm-red-pale) !important}
.sm-topic-words{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-size:.55rem;color:rgba(212,216,232,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}
.sm-topic-thumb:hover .sm-topic-words{color:rgba(212,216,232,.7);opacity:1}

/* BUTTONS */
.sm-btn-center{text-align:center;padding:2px 0 2px;opacity:0;animation:smFadeUp .7s .8s forwards}
.sm-btn-primary,.sm-btn-next,.sm-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(183,28,28,.12) 0%,rgba(21,101,192,.1) 50%,rgba(183,28,28,.08) 100%) !important;
border:2px solid var(–sm-red);border-radius:30px;padding:7px 24px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}
.sm-btn-primary::before,.sm-btn-next::before,.sm-btn-restart::before{content:";position:absolute;inset:0;border-radius:30px;background:linear-gradient(135deg,rgba(183,28,28,.25) 0%,rgba(21,101,192,.2) 50%,rgba(183,28,28,.15) 100%);transform:translateX(-101%);transition:transform .4s cubic-bezier(.77,0,.175,1);z-index:0}
.sm-btn-primary:hover,.sm-btn-next:hover,.sm-btn-restart:hover{
border-color:var(–sm-red-bright);
box-shadow:0 0 20px rgba(183,28,28,.35),0 0 40px rgba(21,101,192,.12),inset 0 0 15px rgba(183,28,28,.06);
text-shadow:0 0 6px rgba(183,28,28,.5)}
.sm-btn-primary:hover::before,.sm-btn-next:hover::before,.sm-btn-restart:hover::before{transform:translateX(0)}
.sm-btn-restart{font-size:.85rem;padding:9px 24px}

/* PROGRESS */
.sm-progress-wrap{margin-bottom:5px}
.sm-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}
.sm-q-counter{font-family:'Bebas Neue',sans-serif;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(–chalk-dim) !important}
.sm-q-category{font-family:'Special Elite',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(–sm-red-pale) !important;opacity:.8}
.sm-progress-track{height:6px;background:rgba(255,255,255,.03);border-radius:10px;overflow:hidden;border:1px solid rgba(183,28,28,.15)}
.sm-progress-fill{height:100%;background:linear-gradient(90deg,var(–sm-red-deep),var(–sm-red),var(–sm-blue-bright),var(–stark-gold));border-radius:10px;box-shadow:0 0 15px rgba(183,28,28,.35),0 0 6px rgba(21,101,192,.2)}

/* QUESTION */
.sm-question-card{position:relative;margin-bottom:5px;padding:0 4px}
.sm-q-number-bg{position:absolute;right:0;top:-10px;font-family:'Bebas Neue',sans-serif;font-size:3.5rem;color:rgba(183,28,28,.05);line-height:1;pointer-events:none;user-select:none;text-shadow:0 0 25px rgba(183,28,28,.03)}
.sm-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 */
.sm-options-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:5px}
.sm-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%,#060812 100%) !important;
border:1px solid rgba(255,255,255,.05);border-left:5px solid rgba(183,28,28,.3);
padding:6px 12px;border-radius:10px;cursor:pointer;transition:all .25s;
box-shadow:-3px 0 8px rgba(183,28,28,.05)}
.sm-option-btn:hover{
background:linear-gradient(135deg,#120a18 0%,#0a0812 100%) !important;
border-color:rgba(255,255,255,.07);border-left-color:var(–sm-red-bright);border-left-width:5px;border-radius:12px;
box-shadow:0 0 20px rgba(183,28,28,.2),-5px 0 15px rgba(21,101,192,.06),inset 0 0 15px rgba(183,28,28,.04);
transform:translateX(3px)}
.sm-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(183,28,28,.4);color:var(–sm-red-pale) !important;background:rgba(183,28,28,.06);
margin-top:0;box-shadow:0 0 8px rgba(183,28,28,.12)}
.sm-nav{text-align:right;padding:1px 0 3px}

/* FEEDBACK */
.sm-feedback{margin-bottom:4px}
.sm-fb-correct{padding:5px 10px;background:rgba(76,175,80,.06);border-left:4px solid var(–correct);border-radius:10px;font-size:.73rem;line-height:1.3;color:#7dcc82 !important;font-family:'Barlow Condensed',sans-serif;box-shadow:-6px 0 18px rgba(76,175,80,.08)}
.sm-fb-wrong{padding:5px 10px;background:rgba(229,57,53,.05);border-left:4px solid var(–wrong);border-radius:10px;font-size:.73rem;line-height:1.3;color:#e05a5a !important;font-family:'Barlow Condensed',sans-serif;box-shadow:-6px 0 18px rgba(229,57,53,.08)}

/* RESULTS */
.sm-result-reveal{text-align:center;padding:10px 8px 0}
.sm-result-label{display:block;font-family:'Special Elite',monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(–sm-red-pale) !important;opacity:.9;margin-bottom:2px}
.sm-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(183,28,28,.25);margin-bottom:3px}
.sm-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(–sm-red),var(–sm-blue-bright),var(–sm-red),transparent);margin:6px auto;border-radius:3px;box-shadow:0 0 12px rgba(183,28,28,.3),0 0 25px rgba(21,101,192,.1)}
.sm-score-box{text-align:center;padding:8px 8px 10px}
.sm-score-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 6px}
.sm-score-icon svg{width:30px;height:30px;filter:drop-shadow(0 0 15px rgba(183,28,28,.5)) drop-shadow(0 0 30px rgba(21,101,192,.15))}
.sm-score-big{font-family:'Bebas Neue',sans-serif;letter-spacing:.08em;color:var(–chalk) !important}
.sm-score-num{font-size:2.6rem;color:var(–sm-red-pale) !important;text-shadow:0 0 12px rgba(183,28,28,.5),0 0 25px rgba(21,101,192,.2),0 0 50px rgba(183,28,28,.1)}
.sm-score-num::after{content:counter(sm-score)}
.sm-score-of{font-size:1.2rem;color:var(–chalk-dim) !important;font-family:'Bebas Neue',sans-serif;font-weight:400}
.sm-score-msg{display:block;font-family:'Special Elite',monospace;font-style:normal;color:var(–chalk-dim) !important;font-size:.72rem;margin-top:4px}

/* BYLINE */

/* RESPONSIVE */
@media(max-width:480px){
.sm-quiz::before{width:5px}
.sm-quiz::after{width:2px}
.sm-slide{padding:10px 18px 0}
.sm-header{margin:0 12px}
.sm-web-bar{margin:0 12px}
.sm-masthead{flex-direction:column;gap:5px;align-items:flex-start}
}

However, despite all the support for the show, Prime Video officially canceled Spider-Noir after season 1. The news was disappointing, as Cage's performance as Ben was both mysterious, crazy, and hilarious, making for an entertaining and layered protagonist. The show being a noir detective story at its core, rather than a superhero action series, also made it different. Losing all of that was tough, but a new reveal explains why it was for the best.

Prime Video's New Spider-Man Series Softens The Blow Of Spíder-Noir's Cancellation

Shortly after the news about Spider-Noir's cancellation made the rounds, multiple reports about how other Spider-Man TV shows were in development at Prime Video emerged. Now, Deadline has confirmed that one of those is not only nearing a green-light, but it will also be inspired by the major Clone Saga storyline from Marvel Comics. This new Marvel series on Prime Video is said to focus on two Spider-Man clones, Ben Reilly and Kane Parker, who will team up upon learning that they are clones and face other clones in the upcoming Spider-Man series. That said, some sources claim changes to the comics could happen.

The confirmation of a Spider-Man series based on the Clone Saga is the perfect update to soften the blow of Spider-Noir's cancellation. First, it teases that Prime Video subscribers will not go that long without a live-action Spider-Man series on the streaming service, as the new show from American Born Chinese's Kelvin Yu is almost at a green-light.

Then, there is the fact that the Clone Saga series might help explain Spider-Noir's cancellation. Given how its performance was not an issue, as Spider-Noir trended on Prime Video for over a month, the fact that a more action-packed show featuring a comics-accurate Ben Reilly is coming might have played a role in the decision. Honestly, maybe it was for the best.

How The Spider-Man Clone Saga Series Has More Potential Than Spider-Noir Season 2

Don't get me wrong, Spider-Noir is an entertaining series that attempts to do something fresh in a genre that needs this kind of creative swing after years in the spotlight. That said, as a Spider-Man story, as well as a noir series, it never really got to a level where it would touch the greatest releases in those two categories. Additionally, at the end of the Spider-Noir season 1 finale, every major storyline in the show was tied up. I was actually surprised by how much it felt like a series finale, with no clear season 2 hooks.

As such, rather than risk messing with what became a closed-off story, like coming up with new ways to create villains that escape the show's central explanation related to World War I, Spider-Noir can rest as a tight one-season detective story, making room for a comics-accurate take on Ben Reilly in the Clone Saga series. This new Spider-Man show has the potential to be the action-packed live-action Spider-Man series that fans have spent years asking for.

Having several Spider-Man clones appear throughout the series with Ben and Kane as the leads just sounds like a lot of fun. It is also one of the most well-known events in Marvel Comics, expanding the scope of the franchise on TV after Spider-Noir took an insular approach. As such, Prime Video's new Spider-Man series could reach far greater heights than Cage's Spider-Noir season 2 ever dreamt of.