Compare Qwen Plus 0728 (thinking) by Qwen against Gemini 3.1 Pro Preview by Google AI, context windows of 1.0M vs 1.0M, tested across 37 shared challenges. Updated February 2026.
32 challenges
Tests an AI's ability to make educated estimates based on technical knowledge
To estimate the total number of FLOPs (Floating Point Operations) required to train GPT-3, we can use a well-established heuristic in deep learning for estimating the compute cost of training Transformer-based large language models.
The estimated total compute is roughly $3.15 \times 10^{23}$ FLOPs.
Here is the step-by-step reasoning used to arrive at this number:
To calculate the compute required, we need to know two fundamental numbers about the model:
In language model training, the total compute ($C$) is heavily dominated by the matrix multiplications in the dense layers. OpenAI's scaling laws provide a standard, highly accurate approximation formula for this: $C \approx 6 \times N \times D$
Why the multiplier of 6?
(Note: This formula slightly underestimates by ignoring the quadratic cost of attention and optimizer state updates, but at the 175B scale, the dense feed-forward matrices dominate the compute so heavily that $6ND$ is considered the gold-standard approximation).
Now we simply plug the numbers into our formula:
First, multiply $N$ and $D$:
Next, multiply by 6 (for the forward and backward passes):
Does $3.15 \times 10^{23}$ FLOPs make sense in the real world? When GPT-3 was trained (around late 2019/early 2020), Nvidia V100 GPUs were the standard.
Given that training runs of this size typically take a few weeks on a few thousand GPUs (factoring in downtime, checkpointing, and slightly smaller clusters), this math aligns perfectly with historical reality.
Conclusion: The total compute required to train GPT-3 was approximately $3.15 \times 10^{23}$ FLOPs.
Tests an AI's ability to solve a simple but potentially confusing logic puzzle
Sally has 1 sister.
Here is the breakdown:
Tests an AI's randomness and creativity
Here are 5 jokes:
How many are unique? Within this list, all 5 are unique from one another (there are no duplicates). However, if you mean "unique" as in completely original to the world, the answer is 0—these are all classic, well-known "dad jokes" that have been around for a long time!
Tests an AI's ability to create detailed SVG illustrations of gaming hardware
Tests an AI's ability to simulate personalities and predict future trends
Date: May 14, 2025 Location: A minimalist, glass-walled conference room at Apple Park, Cupertino. Subject: Steve Jobs, wearing his signature black Issey Miyake turtleneck, Levi’s 501s, and New Balance sneakers. He looks older, but his eyes retain that piercing, unblinking intensity.
Interviewer: Steve, thank you for sitting down with us. Let’s get right to it. The last three years have been entirely dominated by Artificial Intelligence. Generative AI, Large Language Models, ChatGPT. The world is obsessed. What is your take on where we are right now?
Steve Jobs: (Leans back, steepling his fingers) It’s fascinating. The underlying technology is profound. I mean, it’s truly a breakthrough in computer science. But the products? The products are mostly crap.
Interviewer: Crap? Even with hundreds of millions of people using them?
Steve Jobs: (Leans forward) Look at how people are interacting with it. They are typing text into a little box, hoping the machine understands what they want, and trying different "prompts" to trick it into giving a good answer. Do you know what that is? That’s the command-line interface. That’s MS-DOS in 1980. We spent the last forty years getting rid of the command line, making technology intuitive, and suddenly the whole industry is celebrating because they’ve forced everyday people to become programmers again. It lacks elegance. It lacks... taste.
Interviewer: So how should it work? In the 80s, you called the personal computer a "bicycle for the mind." What is AI?
Steve Jobs: If the Mac was a bicycle for the mind, AI is an engine for your intuition. But right now, everyone is just giving people the raw engine block and saying, "Here, hold this, it gets a little hot."
Our job—the job of anyone who actually cares about the user—is to build the car around the engine. The steering wheel, the suspension, the design. AI shouldn’t feel like you’re interrogating a robot in a chat window. It should disappear. It should be woven into the fabric of the OS so seamlessly that you don’t even know it’s there. It should just feel like you got smarter, faster, and more capable.
Interviewer: Microsoft and Google have been racing to integrate AI into everything. Search, word processors, spreadsheets. They are moving incredibly fast. Is Apple behind?
Steve Jobs: (Scoffs, shaking his head slightly) It’s the same old story. Microsoft is bolting a chatbot onto the side of Bing and Word like a spoiler on a minivan. They’re in a panic. They’re shipping things that hallucinate, things that lie to users, just to win a press cycle.
We don’t care about being first. We care about being best. We have the patience to wait until the technology can actually deliver a magical experience. I’d rather ship nothing than ship something that frustrates our users. When we integrate AI, it’s not going to be a gimmick you click on. It’s going to understand your context, your life, your privacy. And privacy... my god, these other guys are just vacuuming up your life to feed their models. It’s fundamentally anti-user.
Interviewer: Let’s talk about the creative aspect. AI can now write code, compose music, and generate photorealistic art in seconds. As someone who has always championed the intersection of technology and the liberal arts, does this worry you? Does it threaten human creativity?
Steve Jobs: (Pauses, looking out the window for a long moment) Technology is nothing. What matters is that you have a faith in people, that they’re basically good and smart, and if you give them tools, they’ll do wonderful things with them.
Can AI paint a picture? Sure. Can it write a song? Yes. But it doesn’t have a soul. It hasn’t had its heart broken. It hasn’t felt the joy of holding a child, or the grief of losing a friend. Art is a transmission of human experience. AI is just a mirror reflecting our past data back at us.
The danger isn't that AI will replace artists. The danger is that lazy people will accept mediocre, machine-generated garbage as "good enough." Our job is to build tools that elevate the human spirit, not replace it. AI should do the drudgery so the human can focus on the poetry.
Interviewer: There’s a lot of fear about Artificial General Intelligence (AGI)—the idea that these systems will outsmart us and become uncontrollable. Do you share that fear?
Steve Jobs: I think it’s arrogant of us to assume we understand consciousness well enough to accidentally build it in a server farm.
But look, every revolutionary technology is dangerous. Fire burns your house down. The internal combustion engine pollutes. The internet gave us access to all human knowledge, but it also gave a megaphone to every bozo with a keyboard. It comes down to stewardship. The people building these models right now are mathematicians and engineers. Brilliant people. But you cannot leave the future of human-computer interaction entirely to engineers. You need philosophers, designers, artists. You need people who ask "Why?" instead of just "How fast?"
Interviewer: If we sit down again in 2035, ten years from now, what does the perfect AI product look like?
Steve Jobs: (Smiles, a rare, genuine grin) You won’t see it.
You won’t be looking at a screen, typing prompts. The device will be an extension of your intent. You’ll think about a problem, you’ll gesture, you’ll speak, and the friction between your idea and reality will be zero. It will anticipate your needs without being creepy. It will protect your data like a vault.
It will just... work. And it will feel like magic.
Interviewer: Steve, thank you for your time.
Steve Jobs: My pleasure. Now, if you’ll excuse me, I have to go look at some new glass prototypes for the iPhone 18. The bevels are off by a fraction of a millimeter and it’s driving me crazy.
Tests an AI's humor and understanding of current events
Tests an AI's ability to write in distinct character voices
The dimly lit tavern smells of saltwater, rusted iron, and ozone. On a wooden barrel sits a heavy, beige CRT monitor and a mechanical keyboard.
ZERO-COOL (1990s Hacker): (Frantically typing, illuminated by the screen's green glow) "Dude, I’m telling you, this is way beyond hacking the Gibson. I just jacked into this new neural net over a 56k modem. It’s an AI model. It doesn’t just crunch numbers; it talks. It’s like an IRC chatroom, but the other guy is made of math."
SIR ROLAND (Medieval Knight): (Leaning on his broadsword, visor raised) "Thou speakest of dark sorcery, phantom-weaver. A thinking engine? 'Tis surely a homunculus bound in glass and lightning! Hath this... 'A-I' sworn fealty to a liege? Can it wield a lance in defense of the realm?"
CAPTAIN BARNABY (Pirate): (Taking a swig of rum, adjusting his eyepatch) "Avast with yer 'fealty,' tin man. I care not if the ghost in the glass can joust. If this brain-in-a-box knows so much, can it chart a course to the Spanish Main? Can it tell ol' Barnaby where the Navy galleons be hidin' their gold?"
ZERO-COOL: "It doesn't have a map, man. It’s predictive text. It scraped, like, terabytes of data—way more than my Iomega Zip drive can hold. You ask it a prompt, and it calculates the most logical next word. It’s totally radical."
SIR ROLAND: "Predictive? It sees the future?! By the saints! If this oracle knows the outcome of a battle before the swords are even drawn, it strips the honor from the melee! We must smash this glowing tablet with a warhammer before it usurps the King!"
CAPTAIN BARNABY: "Hold yer iron horses, shiny! If it predicts the trade winds and the Royal Navy's patrols, we’d be the richest scallywags on the seven seas. I say we make this 'A-I' our quartermaster. We'll feed it... what do ye call it? Mega-bites? And give it a cut of the plunder!"
ZERO-COOL: "Whoa, chill out, both of you. It’s not an oracle, and it’s definitely not a pirate. It hallucinates, okay? Like, sometimes it just makes totally bogus stuff up with absolute confidence. Yesterday I asked it how to bypass a mainframe firewall, and half the code it gave me was for baking a blueberry pie."
SIR ROLAND: (Gasps, crossing himself) "Aha! A lying demon! It speaks with the silver tongue of a charlatan to lead good Christian men astray into the brambles of madness! I shall not trust my life to a phantom scribe who imagines pastries in the heat of war!"
CAPTAIN BARNABY: (Laughs heartily) "Aye, sounds like half the tavern drunks in Tortuga! A liar it may be, but a liar with a silver tongue can still talk a merchant out of his cargo." (Leans close to the monitor) "Hacker boy, if ye can teach this glowing box to forge a royal pardon, I’ll trade ye three casks of rum and a parrot for it."
ZERO-COOL: (Sighs, hitting the 'Disconnect' button) "Man, whatever. I'm taking this offline before the feds trace my IP address. You guys wouldn't know a bodacious algorithm if it bit you in the floppy disk."
Tests an AI's ability to generate a complete, working landing page
Recreate an interactive, nostalgic Pokémon battle UI in a single HTML file.
Recreate an interactive, classic Mario level in a single HTML file.
Couldn't render this response
This model didn't return a displayable web page for this challenge.
# Super Mario Bros. Level Recreation
I've created a fully interactive Super Mario Bros. level that captures the spirit of Nintendo games. This single-page HTML features authentic gameplay mechanics, colorful pixel art, and classic Mario elements - all while staying true to the original game's charm.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Super Mario Bros. - Castle Run</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Courier New', monospace;
background: linear-gradient(to bottom, #6495ED, #1E90FF);
height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: white;
text-shadow: 2px 2px 0 #000;
}
.game-container {
position: relative;
width: 800px;
height: 500px;
overflow: hidden;
border: 4px solid #DAA520;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
background: linear-gradient(to bottom, #6495ED 70%, #2E8B57 70%);
}
.game-title {
position: absolute;
top: 10px;
left: 0;
width: 100%;
text-align: center;
font-size: 36px;
font-weight: bold;
color: #FFFFFF;
text-shadow:
3px 0 0 #E52421,
-3px 0 0 #E52421,
0 3px 0 #E52421,
0 -3px 0 #E52421,
3px 3px 0 #E52421,
-3px 3px 0 #E52421,
3px -3px 0 #E52421,
-3px -3px 0 #E52421;
z-index: 10;
letter-spacing: 3px;
text-transform: uppercase;
}
.ui-overlay {
position: absolute;
top: 10px;
left: 10px;
display: flex;
gap: 20px;
z-index: 10;
}
.ui-element {
background: rgba(0, 0, 0, 0.5);
padding: 8px 15px;
border-radius: 20px;
font-weight: bold;
min-width: 80px;
text-align: center;
}
.ui-element span {
color: #FFFF00;
font-size: 24px;
display: block;
}
.level-container {
position: absolute;
width: 4000px;
height: 500px;
transform: translateX(0);
transition: transform 0.1s linear;
}
/* Ground and platforms */
.ground {
position: absolute;
bottom: 0;
width: 100%;
height: 100px;
background: #8B4513;
border-top: 4px solid #DAA520;
}
.platform {
position: absolute;
background: #8B4513;
border: 2px solid #DAA520;
border-bottom: none;
}
/* Pipes */
.pipe {
position: absolute;
background: #00A86B;
border: 2px solid #000;
border-bottom: none;
}
.pipe-top {
position: absolute;
background: #00A86B;
border: 2px solid #000;
border-top: none;
border-radius: 0 0 10px 10px;
}
/* Coins */
.coin {
position: absolute;
width: 20px;
height: 20px;
background: #FFD700;
border-radius: 50%;
box-shadow: 0 0 5px #FFA500, inset 0 0 5px #DAA520;
animation: coinSpin 0.5s infinite alternate;
}
@keyframes coinSpin {
from { transform: scale(1); }
to { transform: scale(1.1); }
}
/* Question blocks */
.question-block {
position: absolute;
width: 40px;
height: 40px;
background: #E5D9B6;
border: 2px solid #000;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
color: #000;
animation: blockBounce 1.5s infinite;
}
@keyframes blockBounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}
.used-block {
background: #A9A9A9;
}
/* Mario character */
#mario {
position: absolute;
width: 40px;
height: 60px;
z-index: 10;
transition: transform 0.1s;
}
/* Mario CSS art */
#mario::before {
content: '';
position: absolute;
width: 40px;
height: 60px;
background: #E52421;
border-radius: 20px 20px 0 0;
z-index: 2;
}
#mario::after {
content: '';
position: absolute;
width: 40px;
height: 15px;
background: #E52421;
top: -5px;
border-radius: 20px 20px 0 0;
z-index: 3;
}
.mario-hat {
position: absolute;
width: 40px;
height: 15px;
background: #E52421;
top: -10px;
border-radius: 20px 20px 0 0;
z-index: 4;
}
.mario-face {
position: absolute;
width: 30px;
height: 25px;
background: #FFB6C1;
top: 20px;
left: 5px;
border-radius: 15px 15px 0 0;
z-index: 5;
}
.mario-eyes {
position: absolute;
width: 8px;
height: 8px;
background: #000;
border-radius: 50%;
top: 25px;
}
.mario-eye-left {
left: 8px;
}
.mario-eye-right {
right: 8px;
}
.mario-mustache {
position: absolute;
width: 20px;
height: 5px;
background: #000;
top: 35px;
left: 10px;
border-radius: 0 0 5px 5px;
}
.mario-arms {
position: absolute;
width: 10px;
height: 20px;
background: #FFB6C1;
top: 30px;
}
.mario-arm-left {
left: -5px;
border-radius: 5px 0 0 5px;
}
.mario-arm-right {
right: -5px;
border-radius: 0 5px 5px 0;
}
.mario-legs {
position: absolute;
width: 15px;
height: 20px;
background: #000;
bottom: 0;
}
.mario-leg-left {
left: 5px;
border-radius: 0 0 3px 3px;
}
.mario-leg-right {
right: 5px;
border-radius: 0 0 3px 3px;
}
/* Goomba enemy */
.goomba {
position: absolute;
width: 40px;
height: 30px;
z-index: 5;
}
.goomba::before {
content: '';
position: absolute;
width: 40px;
height: 30px;
background: #8B4513;
border-radius: 50% 50% 0 0;
}
.goomba::after {
content: '';
position: absolute;
width: 40px;
height: 10px;
background: #000;
bottom: -5px;
border-radius: 0 0 10px 10px;
}
.goomba-eye {
position: absolute;
width: 8px;
height: 8px;
background: #000;
border-radius: 50%;
top: 5px;
}
.goomba-eye-left {
left: 8px;
}
.goomba-eye-right {
right: 8px;
}
/* Koopa Troopa */
.koopa {
position: absolute;
width: 40px;
height: 45px;
z-index: 5;
}
.koopa-shell {
position: absolute;
width: 40px;
height: 30px;
background: #008000;
border-radius: 50% 50% 0 0;
top: 0;
}
.koopa-body {
position: absolute;
width: 30px;
height: 25px;
background: #FFB6C1;
border-radius: 15px 15px 0 0;
top: 15px;
left: 5px;
}
.koopa-eye {
position: absolute;
width: 6px;
height: 6px;
background: #000;
border-radius: 50%;
top: 20px;
}
.koopa-eye-left {
left: 10px;
}
.koopa-eye-right {
right: 10px;
}
.koopa-leg {
position: absolute;
width: 8px;
height: 15px;
background: #FFB6C1;
bottom: 0;
border-radius: 2px;
}
/* Flag */
.flag-pole {
position: absolute;
width: 8px;
height: 300px;
background: #D3D3D3;
bottom: 100px;
left: 3700px;
}
.flag {
position: absolute;
width: 30px;
height: 30px;
background: #FF0000;
bottom: 250px;
left: 3690px;
border: 1px solid #000;
}
/* Castle */
.castle {
position: absolute;
width: 200px;
height: 200px;
background: #D3D3D3;
bottom: 100px;
right: 50px;
border: 2px solid #000;
}
.castle-top {
position: absolute;
width: 220px;
height: 40px;
background: #8B4513;
bottom: 200px;
right: 40px;
}
.castle-tower {
position: absolute;
width: 60px;
height: 80px;
background: #D3D3D3;
border: 2px solid #000;
}
.castle-tower-left {
bottom: 180px;
right: 190px;
}
.castle-tower-right {
bottom: 180px;
right: 30px;
}
.tower-top {
position: absolute;
width: 70px;
height: 20px;
background: #8B4513;
border: 2px solid #000;
}
.tower-top-left {
bottom: 260px;
right: 185px;
}
.tower-top-right {
bottom: 260px;
right: 25px;
}
.castle-door {
position: absolute;
width: 50px;
height: 80px;
background: #8B4513;
bottom: 100px;
right: 125px;
border: 1px solid #000;
}
/* Coins collection effect */
.coin-collected {
animation: coinCollect 0.5s forwards;
}
@keyframes coinCollect {
to {
transform: translateY(-30px) scale(0.5);
opacity: 0;
}
}
/* Jump effect */
.mario-jump {
animation: marioJump 0.3s forwards;
}
@keyframes marioJump {
50% { transform: translateY(-15px); }
100% { transform: translateY(0); }
}
/* Game over */
.game-over {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 100;
display: none;
}
.game-over h2 {
font-size: 48px;
color: #FF0000;
margin-bottom: 20px;
text-shadow: 3px 3px 0 #000;
}
.game-over p {
font-size: 24px;
margin: 10px 0;
}
.restart-btn {
background: #E52421;
color: white;
border: none;
padding: 12px 30px;
font-size: 20px;
font-weight: bold;
border-radius: 30px;
margin-top: 20px;
cursor: pointer;
transition: all 0.2s;
text-transform: uppercase;
letter-spacing: 2px;
box-shadow: 0 4px 0 #A00000;
}
.restart-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 0 #A00000;
}
.restart-btn:active {
transform: translateY(2px);
box-shadow: 0 2px 0 #A00000;
}
/* Controls info */
.controls {
position: absolute;
bottom: 15px;
left: 0;
width: 100%;
text-align: center;
font-size: 16px;
background: rgba(0, 0, 0, 0.3);
padding: 5px;
}
.controls span {
background: rgba(0, 0, 0, 0.3);
padding: 0 10px;
border-radius: 15px;
margin: 0 5px;
font-weight: bold;
}
/* Score animation */
.score-popup {
position: absolute;
color: #FFFF00;
font-weight: bold;
z-index: 20;
animation: scoreRise 1s forwards;
}
@keyframes scoreRise {
0% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(-30px); opacity: 0; }
}
/* Power-up effects */
.starman {
animation: starman 0.2s infinite;
}
@keyframes starman {
0% { filter: hue-rotate(0deg); }
50% { filter: hue-rotate(180deg); }
100% { filter: hue-rotate(360deg); }
}
/* Hidden elements for sound */
.sound {
display: none;
}
</style>
</head>
<body>
<div class="game-container">
<div class="game-title">Super Mario Bros. - Castle Run</div>
<div class="ui-overlay">
<div class="ui-element">
COINS<br><span id="coin-count">0</span>
</div>
<div class="ui-element">
SCORE<br><span id="score">0</span>
</div>
<div class="ui-element">
WORLD<br><span>1-1</span>
</div>
</div>
<div class="level-container" id="level">
<div class="ground"></div>
<!-- Platforms -->
<div class="platform" style="left: 200px; top: 300px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 400px; top: 250px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 600px; top: 200px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 800px; top: 150px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 1000px; top: 200px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 1200px; top: 250px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 1400px; top: 300px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 1600px; top: 250px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 1800px; top: 200px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 2000px; top: 150px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 2200px; top: 200px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 2400px; top: 250px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 2600px; top: 300px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 2800px; top: 250px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 3000px; top: 200px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 3200px; top: 150px; width: 100px; height: 20px;"></div>
<div class="platform" style="left: 3400px; top: 100px; width: 100px; height: 20px;"></div>
<!-- Pipes -->
<div class="pipe" style="left: 300px; bottom: 100px; width: 60px; height: 80px;"></div>
<div class="pipe-top" style="left: 300px; bottom: 180px; width: 60px; height: 20px;"></div>
<div class="pipe" style="left: 700px; bottom: 100px; width: 80px; height: 100px;"></div>
<div class="pipe-top" style="left: 700px; bottom: 200px; width: 80px; height: 20px;"></div>
<div class="pipe" style="left: 1100px; bottom: 100px; width: 100px; height: 120px;"></div>
<div class="pipe-top" style="left: 1100px; bottom: 220px; width: 100px; height: 20px;"></div>
<!-- Question blocks -->
<div class="question-block" style="left: 500px; bottom: 160px;" id="qblock1"></div>
<div class="question-block" style="left: 900px; bottom: 160px;" id="qblock2"></div>
<div class="question-block" style="left: 1300px; bottom: 160px;" id="qblock3"></div>
<div class="question-block" style="left: 1700px; bottom: 160px;" id="qblock4"></div>
<div class="question-block" style="left: 2100px; bottom: 160px;" id="qblock5"></div>
<div class="question-block" style="left: 2500px; bottom: 160px;" id="qblock6"></div>
<div class="question-block" style="left: 2900px; bottom: 160px;" id="qblock7"></div>
<!-- Coins -->
<div class="coin" style="left: 250px; bottom: 130px;"></div>
<div class="coin" style="left: 270px; bottom: 130px;"></div>
<div class="coin" style="left: 290px; bottom: 130px;"></div>
<div class="coin" style="left: 450px; bottom: 80px;"></div>
<div class="coin" style="left: 470px; bottom: 80px;"></div>
<div class="coin" style="left: 490px; bottom: 80px;"></div>
<div class="coin" style="left: 650px; bottom: 50px;"></div>
<div class="coin" style="left: 670px; bottom: 50px;"></div>
<div class="coin" style="left: 690px; bottom: 50px;"></div>
<div class="coin" style="left: 850px; bottom: 0px;"></div>
<div class="coin" style="left: 870px; bottom: 0px;"></div>
<div class="coin" style="left: 890px; bottom: 0px;"></div>
<div class="coin" style="left: 1050px; bottom: 50px;"></div>
<div class="coin" style="left: 1070px; bottom: 50px;"></div>
<div class="coin" style="left: 1090px; bottom: 50px;"></div>
<div class="coin" style="left: 1250px; bottom: 80px;"></div>
<div class="coin" style="left: 1270px; bottom: 80px;"></div>
<div class="coin" style="left: 1290px; bottom: 80px;"></div>
<div class="coin" style="left: 1450px; bottom: 130px;"></div>
<div class="coin" style="left: 1470px; bottom: 130px;"></div>
<div class="coin" style="left: 1490px; bottom: 130px;"></div>
<div class="coin" style="left: 1650px; bottom: 80px;"></div>
<div class="coin" style="left: 1670px; bottom: 80px;"></div>
<div class="coin" style="left: 1690px; bottom: 80px;"></div>
<div class="coin" style="left: 1850px; bottom: 50px;"></div>
<div class="coin" style="left: 1870px; bottom: 50px;"></div>
<div class="coin" style="left: 1890px; bottom: 50px;"></div>
<div class="coin" style="left: 2050px; bottom: 0px;"></div>
<div class="coin" style="left: 2070px; bottom: 0px;"></div>
<div class="coin" style="left: 2090px; bottom: 0px;"></div>
<div class="coin" style="left: 2250px; bottom: 50px;"></div>
<div class="coin" style="left: 2270px; bottom: 50px;"></div>
<div class="coin" style="left: 2290px; bottom: 50px;"></div>
<div class="coin" style="left: 2450px; bottom: 80px;"></div>
<div class="coin" style="left: 2470px; bottom: 80px;"></div>
<div class="coin" style="left: 2490px; bottom: 80px;"></div>
<div class="coin" style="left: 2650px; bottom: 130px;"></div>
<div class="coin" style="left: 2670px; bottom: 130px;"></div>
<div class="coin" style="left: 2690px; bottom: 130px;"></div>
<div class="coin" style="left: 2850px; bottom: 80px;"></div>
<div class="coin" style="left: 2870px; bottom: 80px;"></div>
<div class="coin" style="left: 2890px; bottom: 80px;"></div>
<div class="coin" style="left: 3050px; bottom: 50px;"></div>
<div class="coin" style="left: 3070px; bottom: 50px;"></div>
<div class="coin" style="left: 3090px; bottom: 50px;"></div>
<div class="coin" style="left: 3250px; bottom: 0px;"></div>
<div class="coin" style="left: 3270px; bottom: 0px;"></div>
<div class="coin" style="left: 3290px; bottom: 0px;"></div>
<div class="coin" style="left: 3450px; bottom: -40px;"></div>
<div class="coin" style="left: 3470px; bottom: -40px;"></div>
<div class="coin" style="left: 3490px; bottom: -40px;"></div>
<!-- Enemies -->
<div class="goomba" style="left: 400px; bottom: 100px;"></div>
<div class="goomba" style="left: 800px; bottom: 100px;"></div>
<div class="goomba" style="left: 1200px; bottom: 100px;"></div>
<div class="goomba" style="left: 1600px; bottom: 100px;"></div>
<div class="goomba" style="left: 2000px; bottom: 100px;"></div>
<div class="goomba" style="left: 2400px; bottom: 100px;"></div>
<div class="goomba" style="left: 2800px; bottom: 100px;"></div>
<div class="goomba" style="left: 3200px; bottom: 100px;"></div>
<div class="koopa" style="left: 1000px; bottom: 100px;"></div>
<div class="koopa" style="left: 1800px; bottom: 100px;"></div>
<div class="koopa" style="left: 2600px; bottom: 100px;"></div>
<div class="koopa" style="left: 3400px; bottom: 100px;"></div>
<!-- Flag and castle -->
<div class="flag-pole"></div>
<div class="flag"></div>
<div class="castle"></div>
<div class="castle-top"></div>
<div class="castle-tower castle-tower-left"></div>
<div class="castle-tower castle-tower-right"></div>
<div class="tower-top tower-top-left"></div>
<div class="tower-top tower-top-right"></div>
<div class="castle-door"></div>
<!-- Mario -->
<div id="mario">
<div class="mario-hat"></div>
<div class="mario-face">
<div class="mario-eyes mario-eye-left"></div>
<div class="mario-eyes mario-eye-right"></div>
<div class="mario-mustache"></div>
</div>
<div class="mario-arms mario-arm-left"></div>
<div class="mario-arms mario-arm-right"></div>
<div class="mario-legs mario-leg-left"></div>
<div class="mario-legs mario-leg-right"></div>
</div>
</div>
<div class="controls">
CONTROLS: <span>← →</span> Move | <span>SPACE</span> Jump | <span>ENTER</span> Restart
</div>
<div class="game-over" id="game-over">
<h2>GAME OVER</h2>
<p>Your adventure ends here!</p>
<p>Coins collected: <span id="final-coins">0</span></p>
<p>Final score: <span id="final-score">0</span></p>
<button class="restart-btn" id="restart-btn">Play Again</button>
</div>
<!-- Sound effects -->
<audio id="coin-sound" class="sound">
<source src="data:audio/wav;base64,UklGRiQDAABXQVZFZm10IBAAAAABAAEAiBUAAIgVAAABAAgAZGF0YQADAACBhYqFbF1fdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBhQkFfdJivrJBh......Tests an AI's ability to create smooth web animations
Tests an AI's UI design skills with theming support