Mental Maths Speed Challenge — Interactive Lesson (Ages 10–13)

Name: Mental Maths Speed Challenge — Interactive Lesson (Ages 10–13)
Brand: Skoolmaths
SKU: SKM-104023
Price: 5.00 GBP
Availability: InStock

★★★★★ 5.0 • Year 6 Maths • 📁 Digital Resource

$6.62

One-time purchase. Instant digital download.

🎓

Better value with membership Get unlimited access to this and every other resource across all subjects and year groups — for one low monthly price.

⭐ Get Unlimited Access — Members Only

✅ Instant Download

🖨️ Print & Digital

🔒 Secure Checkout

♻️ Unlimited Use

#math-game-wrapper {
font-family: ‘Poppins’, sans-serif;
position: relative;
min-height: 650px;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
border-radius: 20px;
overflow: hidden;
background: #0f172a; /* Dark background to make brand color pop */
}
#bg-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* — GAME CARD — */
.game-card {
background: rgba(255, 255, 255, 0.98);
width: 100%;
max-width: 450px;
padding: 40px;
border-radius: 24px;
box-shadow: 0 20px 60px rgba(0,0,0,0.4);
position: relative;
z-index: 10;
text-align: center;
}
h2 { color: #22ad91; font-weight: 800; margin: 0 0 10px 0; }
.hud {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
font-weight: 700;
background: #f0fdf9;
padding: 12px;
border-radius: 12px;
border: 1px solid #cbf5eb;
}
.hud-time { color: #e74c3c; }
.hud-score { color: #22ad91; }
.question-display {
font-size: 54px;
font-weight: 800;
margin: 20px 0;
color: #333;
min-height: 80px;
}
input[type=”number”] {
width: 100%;
padding: 15px;
font-size: 28px;
text-align: center;
border: 3px solid #eee;
border-radius: 15px;
font-family: ‘Poppins’, sans-serif;
margin-bottom: 20px;
outline: none;
transition: 0.3s;
box-sizing: border-box;
}
input:focus { border-color: #22ad91; box-shadow: 0 0 10px rgba(34, 173, 145, 0.2); }
.action-btn {
background: #22ad91;
color: white;
border: none;
padding: 16px;
width: 100%;
font-family: ‘Poppins’;
font-weight: 700;
font-size: 18px;
border-radius: 50px;
cursor: pointer;
box-shadow: 0 6px 20px rgba(34, 173, 145, 0.3);
transition: 0.3s;
}
.action-btn:hover { background: #1a8a73; transform: translateY(-2px); }
/* — LEADERBOARD STYLE — */
.leaderboard {
margin-top: 25px;
text-align: left;
border-top: 2px solid #f0fdf9;
padding-top: 15px;
}
.leaderboard h4 {
margin: 0 0 10px 0;
color: #22ad91;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
.score-row {
display: flex;
justify-content: space-between;
padding: 5px 0;
font-size: 14px;
color: #666;
border-bottom: 1px solid #fafafa;
}
.score-row:last-child { border: none; }
.rank { font-weight: 800; color: #22ad91; width: 25px; display: inline-block; }
/* Animations */
.shake { animation: shake 0.4s; border-color: #e74c3c !important; }
@keyframes shake {
0%, 100% {transform: translateX(0);}
25% {transform: translateX(-8px);}
75% {transform: translateX(8px);}
}
#game-area, #end-area { display: none; }