body{margin:0;padding:20px;background:#0d1b13;color:white;font-family:Arial,Helvetica,sans-serif;background-image:radial-gradient(circle at top left,#2f7d45,transparent 35%)}
*{box-sizing:border-box}.wrap{max-width:820px;margin:0 auto}
.hero,.card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:24px;margin-bottom:18px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.hero.wildlife{background:radial-gradient(circle at top left,rgba(128,255,138,.25),transparent 34%),rgba(255,255,255,.1)}
.hero.dinosaur{background:radial-gradient(circle at top left,rgba(255,190,85,.28),transparent 34%),rgba(255,255,255,.1)}
.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:#caffb9}
h1{font-size:clamp(38px,7vw,66px);line-height:.95;margin:0 0 14px}h2{margin-top:0;line-height:1.1}
label{display:block;margin-top:14px;margin-bottom:6px;font-weight:800}
input,select,button{width:100%;padding:15px;border:0;border-radius:14px;font-size:16px}
button{margin-top:16px;background:#9cff8f;color:#08200f;font-weight:900;cursor:pointer}
button:hover{filter:brightness(1.05)}button:disabled{opacity:.75;cursor:not-allowed}
.secondary{background:rgba(255,255,255,.14);color:white;border:1px solid rgba(255,255,255,.22)}
.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.challenge-btn{text-align:left;min-height:190px;color:white;padding:20px}
.challenge-btn span{display:block;font-size:44px;margin-bottom:8px}.challenge-btn strong{display:block;font-size:24px;margin-bottom:8px}.challenge-btn small{display:block;font-size:15px;line-height:1.4;color:rgba(255,255,255,.78)}
.challenge-btn.wildlife{background:linear-gradient(135deg,#244f35,#1b3727)}.challenge-btn.dinosaur{background:linear-gradient(135deg,#5a3d1d,#2e2418)}
.answer{background:#244f35;color:white;margin-top:10px;text-align:left}.dinosaur-theme .answer{background:#4d351b}
.correct{background:#6df27a!important;color:#09200f!important}.wrong{background:#ff7979!important;color:#270606!important}
.hidden{display:none}.status{color:#ffdf8a;font-weight:700}.small{color:rgba(255,255,255,.72)}#feedback{min-height:28px;font-weight:900;color:#d9ffd3}
.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.hud div{background:rgba(0,0,0,.24);border-radius:18px;padding:14px;text-align:center}
.hud span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:rgba(255,255,255,.7);font-weight:900}.hud strong{display:block;margin-top:4px;font-size:34px;line-height:1}
.timer-bar{height:14px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden;margin-bottom:18px}
#timer-fill{height:100%;width:100%;background:#9cff8f;border-radius:999px;transition:width .2s linear}#timer-fill.warning{background:#ffdf6e}#timer-fill.danger{background:#ff7979}
li{margin:8px 0;font-size:17px}@media(max-width:700px){body{padding:12px}.hero,.card{padding:18px;border-radius:20px}.challenge-grid{grid-template-columns:1fr}.hud strong{font-size:28px}}