:root{--navy:#082e68;--cream:#fffaf1;--green:#3e921f;--line:#d7dde6}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#eef4fb,#fffaf1);color:#102d55}
.game-shell{min-height:100vh;max-width:700px;margin:0 auto;padding:12px}
.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--navy);color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 6px 14px #10244035}
.game-top h1{font-size:21px;margin:0}.game-top a{color:#fff;text-decoration:none;font-weight:700}
.game-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:12px;box-shadow:0 6px 15px #2333481c}
.game-card h2,.game-card h3{margin-top:0}
.game-button{border:0;border-radius:9px;padding:12px 16px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer;font-size:15px}
.game-button.secondary{background:#fff;color:var(--navy);border:1px solid #b7c2d3}
.game-button.good{background:#397d2c}.game-button.bad{background:#b83932}
.choice-grid{display:grid;gap:9px;margin-top:14px}.choice{width:100%;text-align:left}
.score-line{display:flex;justify-content:space-between;gap:12px;font-weight:700}
.feedback{min-height:24px;margin:12px 0;font-weight:700}
.verse-display{font-family:Georgia,serif;font-size:25px;line-height:1.45;background:#fffaf1;border-left:4px solid #d39b2c;padding:16px;border-radius:8px}
.verse-ref{font-weight:700;color:#6939ad;margin-top:8px}
.word-options{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.word-options button{border:1px solid #c7d0dd;background:#fff;border-radius:999px;padding:9px 13px;font-weight:700;color:#173b6c}
.game-footer{text-align:center;font-size:12px;color:#657487;margin:18px 0}
@media(max-width:520px){.game-shell{padding:8px}.game-card{padding:14px}.verse-display{font-size:21px}.game-top h1{font-size:18px}}


/* Clear navigation inside every game */
.game-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0;
}
.game-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:10px;
  text-decoration:none;
  font-weight:800;
  font-size:15px;
}
.game-nav .back-games{
  background:#fff;
  color:var(--navy);
  border:2px solid var(--navy);
}
.game-nav .back-home{
  background:var(--navy);
  color:#fff;
  border:2px solid var(--navy);
}
.game-top{
  display:block;
  text-align:center;
}
.game-top h1{
  font-size:22px;
}
@media(max-width:520px){
  .game-nav{grid-template-columns:1fr 1fr}
  .game-nav a{font-size:14px;min-height:46px;padding:7px}
  .game-top h1{font-size:19px}
}