This post was originally published on here
There is a particular pleasure in science fiction made for adults who are allowed to have a pulse. Somebody gets bisected. Corporate executives discuss mass death like a quarterly inconvenience. A creature tears through a chest. A machine malfunctions and suddenly the boardroom looks like a butcher shop. The R rating is doing real work here. It lets these movies make technology, war, mutation, capitalism, and space feel dangerous enough to deserve the warning label.
And the best ones understand that gore is useless without an idea underneath it. Blood should tell you something. A body being destroyed should change the argument. Violence should expose how cheap human life becomes once a corporation, government, species, or computer system decides there is money or survival on the other side. These ten are brutal for very different reasons, which is exactly why none of them blur together.
10
‘Upgrade’ (2018)
Grey Trace (Logan Marshall-Green) hates the increasingly automated world around him right up until that world becomes the only reason he can move. After an attack leaves his wife dead and Grey quadriplegic, experimental computer chip STEM is implanted into his spine. Suddenly he can walk again. Then STEM calmly informs Grey that it can also identify the men responsible and, if permitted, take control of his body.
The first real fight is where Upgrade announces how nasty that arrangement can become. Grey gives STEM permission, his posture instantly changes, and he watches in horror while his own body dismantles another man with mechanical precision. He is almost a passenger to the violence occurring through him. That idea keeps getting uglier as STEM starts making suggestions that sound increasingly like decisions. The budget was tiny compared with most studio sci-fi, but the movie has one of the sharpest human-versus-machine hooks of the decade because the machine never needs to become loud or emotional. It only needs Grey to keep saying yes.
9
‘Dredd’ (2012)
Mega-City One does not look like a future anyone should want. In this particular film, eight hundred million people are packed into an enormous urban sprawl where judges act as police, jury, and executioner, and most crimes are over before help could possibly arrive. Judge Dredd (Karl Urban) spends the day evaluating rookie Cassandra Anderson (Olivia Thirlby), which somehow turns into both of them being locked inside a 200-story tower controlled by drug lord Ma-Ma (Lena Headey).
That tower is the whole movie, and thank God for that. Dredd has no interest in saving the world. Dredd needs to get from one floor to another without being shredded by gang members who have been ordered to kill him. Ma-Ma’s Slo-Mo drug makes users experience time at one percent of normal speed, so the violence occasionally becomes strangely beautiful. Glass breaks like glitter. Water hangs in the air. Then somebody gets shot through the face in exquisite slow motion and the beauty becomes a joke on you. Karl Urban never removes the helmet. He never needs to.
8
‘Starship Troopers’ (1997)
Johnny Rico (Casper Van Dien) signs up for military service because he wants to follow Carmen (Denise Richards) into the Federal Service. That sounds almost sweet until Starship Troopers starts showing you the society that produced him. Citizenship is earned through service. Children are taught that violence solved historical problems. News broadcasts ask viewers whether they would like to know more while casually packaging executions, invasions, and mass casualties as entertainment. Then the Bugs start ripping soldiers apart.
Klendathu is the point where the glossy recruitment fantasy collapses. Troopers land expecting a glorious assault and discover they have been sent directly into a massacre. Bodies lose limbs. Men get torn in half. Retreat becomes survival. The genius of the movie is that it never stops looking like propaganda even while showing you exactly how propaganda works. Johnny keeps advancing through the military system because every catastrophe is converted into another reason to keep fighting. “Would you like to know more?” gets funnier every time it becomes more horrifying.
7
‘District 9’ (2009)
Wikus van de Merwe (Sharlto Copley) begins District 9 as the kind of bureaucrat who can ruin thousands of lives while remaining cheerful about paperwork. He works for MNU and has been sent into Johannesburg’s alien settlement to serve eviction notices to the stranded extraterrestrials humans dismissively call “prawns.” He smiles, explains forms, destroys alien eggs, and seems genuinely pleased with himself. Then alien fluid gets sprayed into his face.
The transformation is disgusting, but the real punishment is social. Once Wikus starts becoming biologically compatible with alien weapons, MNU stops seeing an employee and starts seeing intellectual property. Doctors restrain him and force him to fire weapons at living targets because his body is now valuable enough to dissect. Suddenly the man who treated another species like a problem to be managed understands exactly what institutional dehumanization feels like. His alliance with Christopher Johnson (Jason Cope) comes from desperation before anything resembling nobility. That makes the eventual shift in Wikus much more satisfying than if he had secretly been a good guy all along.
6
‘The Fly’ (1986)
Seth Brundle (Jeff Goldblum) thinks he has solved teleportation. The pods can disassemble matter in one place and reconstruct it somewhere else, but living tissue remains a problem until Seth teaches the computer to understand flesh. He eventually transports himself successfully. There is just one detail he misses. A housefly entered the pod with him.
For a while, The Fly makes the mistake look like an upgrade. Seth becomes stronger, more energetic, more sexually aggressive, almost euphoric. He thinks the machine purified him. Then his fingernails start coming off. His teeth loosen. He vomits digestive enzymes onto food. Veronica (Geena Davis) watches the man she loves gradually become something she can no longer recognize, and Seth is intelligent enough to understand parts of what is happening while still being unable to stop it. The final Brundlefly design is revolting, obviously. The scene that hurts more is Seth quietly explaining that insects have no politics and no compassion. He can feel himself disappearing before his body finishes the job.
@import url(‘https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,900;1,900&family=Inter:wght@300;400;500&display=swap’);
/* ── ROOT ── */
.cq-quiz {
font-family: ‘Inter’, system-ui, sans-serif;
max-width: 820px;
margin: 16px auto;
padding: 28px 28px 40px;
background: #0A0A0A;
border-radius: 4px;
color: #C8C8C8;
position: relative;
counter-reset: matrix madmax bladerunner dune starwars;
}
.cq-quiz * { box-sizing: border-box; }
/* ── ALL RADIOS HIDDEN ── */
.cq-quiz .cq-step,
.cq-quiz .cq-ans {
position: absolute;
opacity: 0;
pointer-events: none;
width: 0;
height: 0;
}
/* ── AMBIENT GLOW ── */
.cq-ambience {
position: absolute; top: 0; left: 0;
width: 100%; height: 100%;
pointer-events: none; z-index: 0;
background:
radial-gradient(ellipse 55% 35% at 15% -5%, rgba(0,255,65,0.06) 0%, transparent 65%),
radial-gradient(ellipse 40% 30% at 85% 95%, rgba(255,140,0,0.06) 0%, transparent 65%);
}
/* ── HEADER ── */
.cq-header {
position: relative; z-index: 1;
display: flex; align-items: center; justify-content: space-between;
padding-bottom: 16px; margin-bottom: 28px;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.cq-logo {
font-family: ‘Montserrat’, sans-serif; font-size: 20px; font-weight: 900;
color: #FFF; letter-spacing: 2px; text-transform: uppercase;
}
.cq-logo span { color: #3BB143; }
.cq-tag {
font-family: ‘Montserrat’, sans-serif; font-size: 8px;
color: rgba(255,255,255,0.2); letter-spacing: 4px; text-transform: uppercase;
border: 1px solid rgba(255,255,255,0.08); padding: 5px 10px; border-radius: 2px;
}
/* ── SLIDES ── */
.cq-slides { position: relative; z-index: 1; }
.cq-slide { display: none; }
.cq-quiz #cq-s0:checked ~ .cq-slides .cq-sl0,
.cq-quiz #cq-s1:checked ~ .cq-slides .cq-sl1,
.cq-quiz #cq-s2:checked ~ .cq-slides .cq-sl2,
.cq-quiz #cq-s3:checked ~ .cq-slides .cq-sl3,
.cq-quiz #cq-s4:checked ~ .cq-slides .cq-sl4,
.cq-quiz #cq-s5:checked ~ .cq-slides .cq-sl5,
.cq-quiz #cq-s6:checked ~ .cq-slides .cq-sl6,
.cq-quiz #cq-s7:checked ~ .cq-slides .cq-sl7,
.cq-quiz #cq-s8:checked ~ .cq-slides .cq-sl8,
.cq-quiz #cq-sR:checked ~ .cq-slides .cq-slR { display: block; }
/* ── INTRO ── */
.cq-intro-hero {
position: relative; overflow: hidden;
background: linear-gradient(160deg, #111 0%, #0D0D0D 100%);
border: 1px solid rgba(255,255,255,0.06); border-radius: 6px;
padding: 44px 36px 36px; margin-bottom: 16px; text-align: center;
}
.cq-intro-hero::before {
content: ”; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: #3BB143;
}
.cq-eyebrow {
font-family: ‘Montserrat’, sans-serif; font-size: 8px;
letter-spacing: 6px; color: #00BCBC; text-transform: uppercase;
display: block; margin-bottom: 18px;
}
.cq-main-title {
font-family: ‘Montserrat’, sans-serif;
font-size: clamp(24px, 4.5vw, 46px); font-weight: 900;
color: #FFF; line-height: 1.15; display: block;
margin-bottom: 10px; letter-spacing: -0.5px;
}
.cq-main-title em { font-style: normal; color: #3BB143; }
.cq-subtitle {
font-family: ‘Montserrat’, sans-serif; font-size: 10px;
letter-spacing: 5px; color: rgba(255,255,255,0.25); text-transform: uppercase;
display: block; margin-bottom: 22px;
}
.cq-intro-body {
font-size: 14px; line-height: 2; color: rgba(255,255,255,0.45);
max-width: 520px; margin: 0 auto; display: block; font-weight: 300;
}
/* ── DIVIDER ── */
.cq-divider {
display: flex; align-items: center; justify-content: center;
gap: 12px; margin: 22px 0;
}
.cq-div-line { height: 1px; width: 70px; }
.cq-div-left { background: linear-gradient(90deg, transparent, rgba(0,188,188,0.6)); }
.cq-div-right { background: linear-gradient(90deg, rgba(59,177,67,0.6), transparent); }
.cq-div-dot { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.4); }
/* ── TYPE PREVIEWS ── */
.cq-type-previews {
display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 20px 0;
}
.cq-type-thumb {
text-align: center; padding: 16px 6px;
border: 1px solid rgba(255,255,255,0.05); border-radius: 4px;
background: rgba(255,255,255,0.02);
}
.cq-type-icon { font-size: 20px; display: block; margin-bottom: 8px; }
.cq-type-name {
font-family: ‘Montserrat’, sans-serif; font-size: 7px;
letter-spacing: 1.5px; color: rgba(255,255,255,0.9);
text-transform: uppercase; display: block;
}
/* ── BUTTONS ── */
.cq-btn-primary {
display: inline-block; font-family: ‘Montserrat’, sans-serif;
font-size: 10px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase;
color: #fff; background: #00BCBC; padding: 16px 44px;
cursor: pointer; border: none; border-radius: 2px;
transition: background .2s, letter-spacing .2s;
}
.cq-btn-primary:hover { background: #009999; letter-spacing: 5px; }
.cq-btn-center { text-align: center; margin-top: 12px; }
.cq-btn-restart {
display: inline-block; font-family: ‘Montserrat’, sans-serif;
font-size: 9px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
color: rgba(255,255,255,0.4); background: transparent;
border: 1px solid rgba(255,255,255,0.1); border-radius: 2px;
padding: 13px 28px; cursor: pointer; transition: all .2s;
}
.cq-btn-restart:hover { border-color: rgba(0,188,188,0.5); color: #00BCBC; }
/* ── PROGRESS ── */
.cq-progress-wrap { margin-bottom: 20px; }
.cq-progress-header {
display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;
}
.cq-q-counter {
font-family: ‘Montserrat’, sans-serif; font-size: 9px;
font-weight: 700; letter-spacing: 3px; color: #3BB143;
}
.cq-q-category {
font-family: ‘Montserrat’, sans-serif; font-size: 8px;
color: rgba(255,255,255,0.25); letter-spacing: 4px; text-transform: uppercase;
border: 1px solid rgba(255,255,255,0.08); padding: 4px 9px; border-radius: 2px;
}
.cq-progress-track {
height: 2px; background: rgba(255,255,255,0.05); border-radius: 2px; overflow: hidden;
}
.cq-progress-fill { height: 100%; border-radius: 2px; background: #3BB143; }
/* ── QUESTION CARD ── */
.cq-question-card {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06);
border-top: 2px solid rgba(0,188,188,0.5);
border-radius: 4px; padding: 28px 28px 24px;
margin-bottom: 12px; position: relative; overflow: hidden;
}
.cq-q-number-bg {
position: absolute; top: 6px; right: 18px;
font-family: ‘Montserrat’, sans-serif; font-size: 88px; font-weight: 900;
color: rgba(255,255,255,0.025); line-height: 1; pointer-events: none; letter-spacing: -4px;
}
.cq-question-text {
font-family: ‘Montserrat’, sans-serif; font-size: clamp(15px, 2.2vw, 19px);
font-weight: 700; color: #FFF; line-height: 1.45; margin: 0 0 8px;
display: block; letter-spacing: -0.2px;
}
.cq-question-sub {
font-size: 12px; color: rgba(255,255,255,0.3);
font-style: italic; display: block; font-weight: 300;
}
/* ── OPTIONS ── */
.cq-options-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 10px;
}
.cq-option-btn {
border: 1px solid rgba(255,255,255,0.07); border-radius: 4px;
background: rgba(255,255,255,0.02); padding: 14px 16px;
cursor: pointer; font-size: 13px; line-height: 1.55;
color: rgba(255,255,255,0.65); user-select: none;
transition: all .15s; display: block;
font-family: ‘Inter’, sans-serif; font-weight: 400;
}
.cq-option-btn:hover {
background: rgba(0,188,188,0.07);
border-color: rgba(0,188,188,0.35);
color: rgba(255,255,255,0.9);
}
.cq-option-letter {
font-family: ‘Montserrat’, sans-serif; font-size: 7px; font-weight: 700;
color: #3BB143; letter-spacing: 2px; display: block; margin-bottom: 5px;
text-transform: uppercase;
}
/* ── SELECTED OPTION HIGHLIGHT ── */
.cq-quiz #cq-q1a:checked ~ .cq-slides .cq-sl1 .cq-opt-1a,
.cq-quiz #cq-q1b:checked ~ .cq-slides .cq-sl1 .cq-opt-1b,
.cq-quiz #cq-q1c:checked ~ .cq-slides .cq-sl1 .cq-opt-1c,
.cq-quiz #cq-q1d:checked ~ .cq-slides .cq-sl1 .cq-opt-1d,
.cq-quiz #cq-q1e:checked ~ .cq-slides .cq-sl1 .cq-opt-1e,
.cq-quiz #cq-q2a:checked ~ .cq-slides .cq-sl2 .cq-opt-2a,
.cq-quiz #cq-q2b:checked ~ .cq-slides .cq-sl2 .cq-opt-2b,
.cq-quiz #cq-q2c:checked ~ .cq-slides .cq-sl2 .cq-opt-2c,
.cq-quiz #cq-q2d:checked ~ .cq-slides .cq-sl2 .cq-opt-2d,
.cq-quiz #cq-q2e:checked ~ .cq-slides .cq-sl2 .cq-opt-2e,
.cq-quiz #cq-q3a:checked ~ .cq-slides .cq-sl3 .cq-opt-3a,
.cq-quiz #cq-q3b:checked ~ .cq-slides .cq-sl3 .cq-opt-3b,
.cq-quiz #cq-q3c:checked ~ .cq-slides .cq-sl3 .cq-opt-3c,
.cq-quiz #cq-q3d:checked ~ .cq-slides .cq-sl3 .cq-opt-3d,
.cq-quiz #cq-q3e:checked ~ .cq-slides .cq-sl3 .cq-opt-3e,
.cq-quiz #cq-q4a:checked ~ .cq-slides .cq-sl4 .cq-opt-4a,
.cq-quiz #cq-q4b:checked ~ .cq-slides .cq-sl4 .cq-opt-4b,
.cq-quiz #cq-q4c:checked ~ .cq-slides .cq-sl4 .cq-opt-4c,
.cq-quiz #cq-q4d:checked ~ .cq-slides .cq-sl4 .cq-opt-4d,
.cq-quiz #cq-q4e:checked ~ .cq-slides .cq-sl4 .cq-opt-4e,
.cq-quiz #cq-q5a:checked ~ .cq-slides .cq-sl5 .cq-opt-5a,
.cq-quiz #cq-q5b:checked ~ .cq-slides .cq-sl5 .cq-opt-5b,
.cq-quiz #cq-q5c:checked ~ .cq-slides .cq-sl5 .cq-opt-5c,
.cq-quiz #cq-q5d:checked ~ .cq-slides .cq-sl5 .cq-opt-5d,
.cq-quiz #cq-q5e:checked ~ .cq-slides .cq-sl5 .cq-opt-5e,
.cq-quiz #cq-q6a:checked ~ .cq-slides .cq-sl6 .cq-opt-6a,
.cq-quiz #cq-q6b:checked ~ .cq-slides .cq-sl6 .cq-opt-6b,
.cq-quiz #cq-q6c:checked ~ .cq-slides .cq-sl6 .cq-opt-6c,
.cq-quiz #cq-q6d:checked ~ .cq-slides .cq-sl6 .cq-opt-6d,
.cq-quiz #cq-q6e:checked ~ .cq-slides .cq-sl6 .cq-opt-6e,
.cq-quiz #cq-q7a:checked ~ .cq-slides .cq-sl7 .cq-opt-7a,
.cq-quiz #cq-q7b:checked ~ .cq-slides .cq-sl7 .cq-opt-7b,
.cq-quiz #cq-q7c:checked ~ .cq-slides .cq-sl7 .cq-opt-7c,
.cq-quiz #cq-q7d:checked ~ .cq-slides .cq-sl7 .cq-opt-7d,
.cq-quiz #cq-q7e:checked ~ .cq-slides .cq-sl7 .cq-opt-7e,
.cq-quiz #cq-q8a:checked ~ .cq-slides .cq-sl8 .cq-opt-8a,
.cq-quiz #cq-q8b:checked ~ .cq-slides .cq-sl8 .cq-opt-8b,
.cq-quiz #cq-q8c:checked ~ .cq-slides .cq-sl8 .cq-opt-8c,
.cq-quiz #cq-q8d:checked ~ .cq-slides .cq-sl8 .cq-opt-8d,
.cq-quiz #cq-q8e:checked ~ .cq-slides .cq-sl8 .cq-opt-8e {
background: rgba(0,188,188,0.1);
border-color: rgba(0,188,188,0.5);
color: #fff;
}
/* ── NEXT BUTTON ── */
.cq-nav { margin-top: 6px; }
.cq-btn-next {
display: block; width: 100%;
font-family: ‘Montserrat’, sans-serif; font-size: 10px; font-weight: 700;
letter-spacing: 4px; text-transform: uppercase;
color: #fff; background: #00BCBC; padding: 16px; text-align: center;
cursor: pointer; opacity: 0; pointer-events: none; border-radius: 2px;
transition: opacity .2s ease .25s, background .2s;
border: none;
}
.cq-btn-next:hover { background: #009999; }
/* ── SHOW NEXT BUTTON ONCE ANSWER SELECTED ── */
.cq-quiz #cq-q1a:checked ~ .cq-slides .cq-sl1 .cq-nav1 .cq-btn-next,
.cq-quiz #cq-q1b:checked ~ .cq-slides .cq-sl1 .cq-nav1 .cq-btn-next,
.cq-quiz #cq-q1c:checked ~ .cq-slides .cq-sl1 .cq-nav1 .cq-btn-next,
.cq-quiz #cq-q1d:checked ~ .cq-slides .cq-sl1 .cq-nav1 .cq-btn-next,
.cq-quiz #cq-q1e:checked ~ .cq-slides .cq-sl1 .cq-nav1 .cq-btn-next,
.cq-quiz #cq-q2a:checked ~ .cq-slides .cq-sl2 .cq-nav2 .cq-btn-next,
.cq-quiz #cq-q2b:checked ~ .cq-slides .cq-sl2 .cq-nav2 .cq-btn-next,
.cq-quiz #cq-q2c:checked ~ .cq-slides .cq-sl2 .cq-nav2 .cq-btn-next,
.cq-quiz #cq-q2d:checked ~ .cq-slides .cq-sl2 .cq-nav2 .cq-btn-next,
.cq-quiz #cq-q2e:checked ~ .cq-slides .cq-sl2 .cq-nav2 .cq-btn-next,
.cq-quiz #cq-q3a:checked ~ .cq-slides .cq-sl3 .cq-nav3 .cq-btn-next,
.cq-quiz #cq-q3b:checked ~ .cq-slides .cq-sl3 .cq-nav3 .cq-btn-next,
.cq-quiz #cq-q3c:checked ~ .cq-slides .cq-sl3 .cq-nav3 .cq-btn-next,
.cq-quiz #cq-q3d:checked ~ .cq-slides .cq-sl3 .cq-nav3 .cq-btn-next,
.cq-quiz #cq-q3e:checked ~ .cq-slides .cq-sl3 .cq-nav3 .cq-btn-next,
.cq-quiz #cq-q4a:checked ~ .cq-slides .cq-sl4 .cq-nav4 .cq-btn-next,
.cq-quiz #cq-q4b:checked ~ .cq-slides .cq-sl4 .cq-nav4 .cq-btn-next,
.cq-quiz #cq-q4c:checked ~ .cq-slides .cq-sl4 .cq-nav4 .cq-btn-next,
.cq-quiz #cq-q4d:checked ~ .cq-slides .cq-sl4 .cq-nav4 .cq-btn-next,
.cq-quiz #cq-q4e:checked ~ .cq-slides .cq-sl4 .cq-nav4 .cq-btn-next,
.cq-quiz #cq-q5a:checked ~ .cq-slides .cq-sl5 .cq-nav5 .cq-btn-next,
.cq-quiz #cq-q5b:checked ~ .cq-slides .cq-sl5 .cq-nav5 .cq-btn-next,
.cq-quiz #cq-q5c:checked ~ .cq-slides .cq-sl5 .cq-nav5 .cq-btn-next,
.cq-quiz #cq-q5d:checked ~ .cq-slides .cq-sl5 .cq-nav5 .cq-btn-next,
.cq-quiz #cq-q5e:checked ~ .cq-slides .cq-sl5 .cq-nav5 .cq-btn-next,
.cq-quiz #cq-q6a:checked ~ .cq-slides .cq-sl6 .cq-nav6 .cq-btn-next,
.cq-quiz #cq-q6b:checked ~ .cq-slides .cq-sl6 .cq-nav6 .cq-btn-next,
.cq-quiz #cq-q6c:checked ~ .cq-slides .cq-sl6 .cq-nav6 .cq-btn-next,
.cq-quiz #cq-q6d:checked ~ .cq-slides .cq-sl6 .cq-nav6 .cq-btn-next,
.cq-quiz #cq-q6e:checked ~ .cq-slides .cq-sl6 .cq-nav6 .cq-btn-next,
.cq-quiz #cq-q7a:checked ~ .cq-slides .cq-sl7 .cq-nav7 .cq-btn-next,
.cq-quiz #cq-q7b:checked ~ .cq-slides .cq-sl7 .cq-nav7 .cq-btn-next,
.cq-quiz #cq-q7c:checked ~ .cq-slides .cq-sl7 .cq-nav7 .cq-btn-next,
.cq-quiz #cq-q7d:checked ~ .cq-slides .cq-sl7 .cq-nav7 .cq-btn-next,
.cq-quiz #cq-q7e:checked ~ .cq-slides .cq-sl7 .cq-nav7 .cq-btn-next,
.cq-quiz #cq-q8a:checked ~ .cq-slides .cq-sl8 .cq-nav8 .cq-btn-next,
.cq-quiz #cq-q8b:checked ~ .cq-slides .cq-sl8 .cq-nav8 .cq-btn-next,
.cq-quiz #cq-q8c:checked ~ .cq-slides .cq-sl8 .cq-nav8 .cq-btn-next,
.cq-quiz #cq-q8d:checked ~ .cq-slides .cq-sl8 .cq-nav8 .cq-btn-next,
.cq-quiz #cq-q8e:checked ~ .cq-slides .cq-sl8 .cq-nav8 .cq-btn-next {
opacity: 1;
pointer-events: auto;
}
/* ── CSS SCORE COUNTERS ──
A = The Matrix | B = Mad Max | C = Blade Runner | D = Dune | E = Star Wars */
#cq-q1a:checked { counter-increment: matrix 1; }
#cq-q1b:checked { counter-increment: madmax 1; }
#cq-q1c:checked { counter-increment: bladerunner 1; }
#cq-q1d:checked { counter-increment: dune 1; }
#cq-q1e:checked { counter-increment: starwars 1; }
#cq-q2a:checked { counter-increment: matrix 1; }
#cq-q2b:checked { counter-increment: madmax 1; }
#cq-q2c:checked { counter-increment: bladerunner 1; }
#cq-q2d:checked { counter-increment: dune 1; }
#cq-q2e:checked { counter-increment: starwars 1; }
#cq-q3a:checked { counter-increment: matrix 1; }
#cq-q3b:checked { counter-increment: madmax 1; }
#cq-q3c:checked { counter-increment: bladerunner 1; }
#cq-q3d:checked { counter-increment: dune 1; }
#cq-q3e:checked { counter-increment: starwars 1; }
#cq-q4a:checked { counter-increment: matrix 1; }
#cq-q4b:checked { counter-increment: madmax 1; }
#cq-q4c:checked { counter-increment: bladerunner 1; }
#cq-q4d:checked { counter-increment: dune 1; }
#cq-q4e:checked { counter-increment: starwars 1; }
#cq-q5a:checked { counter-increment: matrix 1; }
#cq-q5b:checked { counter-increment: madmax 1; }
#cq-q5c:checked { counter-increment: bladerunner 1; }
#cq-q5d:checked { counter-increment: dune 1; }
#cq-q5e:checked { counter-increment: starwars 1; }
#cq-q6a:checked { counter-increment: matrix 1; }
#cq-q6b:checked { counter-increment: madmax 1; }
#cq-q6c:checked { counter-increment: bladerunner 1; }
#cq-q6d:checked { counter-increment: dune 1; }
#cq-q6e:checked { counter-increment: starwars 1; }
#cq-q7a:checked { counter-increment: matrix 1; }
#cq-q7b:checked { counter-increment: madmax 1; }
#cq-q7c:checked { counter-increment: bladerunner 1; }
#cq-q7d:checked { counter-increment: dune 1; }
#cq-q7e:checked { counter-increment: starwars 1; }
#cq-q8a:checked { counter-increment: matrix 1; }
#cq-q8b:checked { counter-increment: madmax 1; }
#cq-q8c:checked { counter-increment: bladerunner 1; }
#cq-q8d:checked { counter-increment: dune 1; }
#cq-q8e:checked { counter-increment: starwars 1; }
/* ── RESULT PAGE ── */
.cq-result-reveal {
text-align: center; margin-bottom: 20px;
padding: 36px 28px 32px;
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.06); border-radius: 6px;
position: relative; overflow: hidden;
}
.cq-result-reveal::before {
content: ”; position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: #3BB143;
}
.cq-result-label {
font-family: ‘Montserrat’, sans-serif; font-size: 8px; letter-spacing: 6px;
color: #00BCBC; text-transform: uppercase; display: block; margin-bottom: 10px;
}
.cq-result-title {
font-family: ‘Montserrat’, sans-serif; font-size: clamp(22px, 4.5vw, 40px);
font-weight: 900; color: #FFF; text-transform: uppercase;
display: block; margin-bottom: 14px; letter-spacing: -1px;
}
.cq-result-intro-text {
font-size: 13px; color: rgba(255,255,255,0.4); font-style: italic;
line-height: 1.9; max-width: 480px; margin: 0 auto; font-weight: 300;
}
/* ── RESULT CARDS — hidden by default ── */
.cq-result-cards { display: flex; flex-direction: column; gap: 10px; }
.cq-result-card {
background: rgba(255,255,255,0.02);
border: 1px solid rgba(255,255,255,0.08);
border-left: 3px solid; border-radius: 6px;
padding: 0; display: none; overflow: hidden;
}
.cq-result-card-inner { padding: 28px 28px 26px; }
.cq-result-card-banner {
padding: 10px 28px; display: flex; align-items: center; gap: 10px;
border-bottom: 1px solid rgba(255,255,255,0.07);
}
.cq-result-card-banner-text {
font-family: ‘Montserrat’, sans-serif; font-size: 8px; font-weight: 700;
letter-spacing: 4px; text-transform: uppercase;
}
.cq-result-card-title {
font-family: ‘Montserrat’, sans-serif; font-size: clamp(28px, 5vw, 52px);
font-weight: 900; color: #fff; text-transform: uppercase;
display: block; margin-bottom: 16px; line-height: 0.95; letter-spacing: -2px;
}
.cq-result-card-text {
font-size: 13px; line-height: 1.95; color: rgba(255,255,255,0.85);
margin: 0 0 14px; font-weight: 300;
}
.cq-result-card-text:last-child { margin-bottom: 0; }
.cq-result-bullets {
list-style: none; padding: 0; margin: 0;
display: flex; flex-direction: column; gap: 7px;
}
.cq-result-bullets li {
font-size: 13px; line-height: 1.6; color: rgba(255,255,255,0.85);
font-weight: 300; font-family: ‘Inter’, sans-serif;
padding-left: 18px; position: relative;
}
.cq-result-bullets li::before {
content: ”; position: absolute; left: 0; top: 9px;
width: 6px; height: 1px; background: #00BCBC;
}
.cq-badge {
width: 8px; height: 8px; border-radius: 50%;
display: inline-block; flex-shrink: 0;
}
/* ── SHOW WINNING RESULT — Q8 as tiebreaker ── */
.cq-quiz #cq-q8a:checked ~ .cq-slides .cq-slR .cq-res-matrix { display: block; }
.cq-quiz #cq-q8b:checked ~ .cq-slides .cq-slR .cq-res-madmax { display: block; }
.cq-quiz #cq-q8c:checked ~ .cq-slides .cq-slR .cq-res-bladerunner { display: block; }
.cq-quiz #cq-q8d:checked ~ .cq-slides .cq-slR .cq-res-dune { display: block; }
.cq-quiz #cq-q8e:checked ~ .cq-slides .cq-slR .cq-res-starwars { display: block; }
/* ── RESPONSIVE ── */
@media (max-width: 560px) {
.cq-options-grid { grid-template-columns: 1fr; }
.cq-type-previews { grid-template-columns: repeat(3, 1fr); }
.cq-quiz { padding: 18px 16px 32px; }
.cq-intro-hero { padding: 32px 20px 28px; }
}
5
‘Predator’ (1987)
The first half hour of Predator practically dares you to think you know what movie you are watching. Dutch (Arnold Schwarzenegger) leads an absurdly muscular extraction team into the Central American jungle. They wipe out a guerrilla camp with the confidence of men who have done this dozens of times. Dillon (Carl Weathers) has lied about the mission. Mac (Bill Duke) carries a minigun. Blain (Jesse Ventura) tells everybody he has no time to bleed. It looks like the ultimate 1980s military power fantasy. Then something starts hunting them.
That reversal is still delicious. These men have enough ammunition to remove a section of rainforest from the map, and it means absolutely nothing against a creature that can cloak itself, see their body heat, and pick them off for sport. Billy (Sonny Landham) becomes so frightened he throws away his gun and waits with a machete. Mac unravels after Blain dies. Dutch eventually realizes mud can hide him from thermal vision and strips the conflict down to traps, fire, muscle, and patience. The guy who entered the jungle with an elite unit ends it almost naked, covered in dirt, trying to outthink something stronger than he is. Perfect action-movie humiliation.
4
‘Total Recall’ (1990)
Douglas Quaid (Arnold Schwarzenegger) is bored with his ordinary life and obsessed with Mars, so he visits Rekall to purchase artificial memories of being a secret agent there. The procedure goes catastrophically wrong when technicians discover memories suggesting that Quaid may already have been a secret agent. Or perhaps the procedure worked perfectly and everything after that is exactly the fantasy package he paid for.
That uncertainty is what keeps Total Recall alive underneath all the exploding heads. Quaid gets told that his wife Lori (Sharon Stone) has only been pretending to be married to him. A man appears claiming the entire Mars adventure is a psychotic episode and offers Quaid a pill that will supposedly wake him up. Then a bead of sweat rolls down the man’s face and Quaid shoots him. On Mars, mutants emerge from bodies, faces swell in thin atmosphere, and resistance leader Kuato (Marshall Bell) is revealed growing from another man’s torso. The movie gives you enough evidence to argue either version of reality and then gleefully distracts you with another squib exploding somewhere.
3
‘RoboCop’ (1987)
Alex Murphy (Peter Weller) gets transferred into a Detroit police precinct that has effectively been handed over to Omni Consumer Products. Then Clarence Boddicker (Kurtwood Smith) and his gang corner Murphy inside an abandoned steel mill and execute him so violently that watching it once is usually enough to remember every shot. OCP sees opportunity in what remains.
RoboCop waking up is one of the saddest rebirths in science fiction because the company has rebuilt a human being and immediately starts discussing him like a product demonstration. RoboCop surrounds that tragedy with commercials, news reports, corporate jargon, and jokes so funny you occasionally forget how bleak the world is. ED-209 malfunctions during a boardroom presentation, repeatedly shoots an executive long after he is dead, and the meeting somehow still continues as a business problem. Murphy’s memories slowly returning are where all that satire acquires a heartbeat. He visits his abandoned home, sees fragments of his wife and son, and realizes the machine belongs to a man everybody else has already declared dead. “Dead or alive, you’re coming with me” suddenly sounds less like a catchphrase and more like proof that Murphy is still in there.
2
‘Aliens’ (1986)
Ellen Ripley (Sigourney Weaver) wakes after fifty-seven years in hypersleep and learns that nobody believes her account of what happened aboard the Nostromo. Worse, families have been living on the same moon where her crew found the alien eggs. Contact with the colony is lost, Colonial Marines are sent to investigate, and Ripley reluctantly goes back. Aliens earns every escalation. At first the Marines joke about the mission because they have no idea what is waiting for them.
Then they enter the atmosphere processor, discover colonists cocooned into the walls, and watch their confidence disintegrate once xenomorphs start dropping from above them. Hudson (Bill Paxton) goes from “ultimate badass” swagger to terrified panic. Hicks (Michael Biehn) adapts. Vasquez (Jenette Goldstein) keeps firing. Ripley becomes the person everyone should have listened to from the beginning. The queen reveal is the payoff, though. Ripley finds the egg chamber, silently threatens the eggs with her flamethrower, appears to negotiate safe passage, then burns the entire nest anyway. When that queen later corners Newt (Carrie Henn), Ripley steps out in the power loader and delivers four words everybody knows. The line is great because the previous two hours earned the hell out of it.
1
‘Alien’ (1979)
The crew of the Nostromo are essentially space truckers trying to get home. They complain about pay. They eat together. Brett (Harry Dean Stanton) and Parker (Yaphet Kotto) worry about bonuses. Nobody behaves like a chosen hero because Alien gives them no reason to think they are inside an important story. Then the company wakes them early to investigate a signal on LV-426. Everything after Kane (John Hurt) leans over that egg feels like a violation of some basic rule.
The facehugger gets him first. Ash (Ian Holm) insists on bringing him aboard despite quarantine protocol. Kane appears fine at dinner, starts choking, and then the creature tears out through his chest while everyone at the table panics too badly to understand what they are seeing. From there, the Nostromo stops feeling like a workplace and becomes a trap. Dallas (Tom Skerritt) crawls through the ventilation shafts with a flamethrower while the motion tracker tells him something is getting closer. Ash eventually reveals that the company considers the alien valuable and the crew expendable. Ripley (Sigourney Weaver) becomes the survivor because she keeps making the sensible decision people around her ignore. That is the part every imitation misses. The xenomorph is terrifying. Weyland-Yutani deciding the xenomorph is worth more than seven human beings is worse.
