:root{--blue:#073d8f;--red:#9d2119;--gold:#d5972b;--paper:#fff8df;--green:#387937}*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#17345d;background:#ede4ca}.game-shell{min-height:100vh;background:url('../assets/site-template.png') top center/cover fixed no-repeat;padding:175px 0 80px}.game-card{width:min(1120px,92vw);margin:auto;background:rgba(255,249,226,.96);border:4px solid #c8892b;border-radius:24px;padding:24px;box-shadow:0 14px 36px rgba(48,31,7,.28)}h1,h2{text-align:center;color:var(--blue)}h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem)}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-box{border:2px solid #d3a355;border-radius:15px;background:rgba(255,255,255,.58);padding:15px}.setup-box h2{font-size:1.2rem;margin:0 0 12px}.field{display:flex;flex-direction:column;gap:5px;margin:10px 0}.field input,.field select{border:2px solid #d0a158;border-radius:9px;padding:8px;background:#fffdf5}.checks{display:flex;gap:16px;flex-wrap:wrap}.vocab-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;overflow:auto;padding:8px;background:#fffaf0;border-radius:10px}.vocab-checks label{display:flex;align-items:center;gap:6px}.setup-actions{text-align:center;margin-top:18px}.btn{border:2px solid #a7681d;border-radius:10px;padding:10px 18px;background:#f6c45d;color:#17345d;font-weight:800;cursor:pointer;text-decoration:none}.status{text-align:center;min-height:1.5em;margin:10px;font-weight:700;color:#9a2119}.scorebar{display:flex;justify-content:center;gap:26px;align-items:center;flex-wrap:wrap;margin:8px 0 16px;font-weight:800}.score{padding:8px 14px;border-radius:12px;background:#fff1c3;border:2px solid #cf9c41}.score.active{outline:4px solid #76a955}.board{display:grid;gap:10px;max-width:920px;margin:0 auto}.memory-card{position:relative;aspect-ratio:4/3;perspective:800px;cursor:pointer;min-height:80px}.memory-inner{position:absolute;inset:0;transition:transform .42s;transform-style:preserve-3d}.memory-card.flipped .memory-inner,.memory-card.matched .memory-inner{transform:rotateY(180deg)}.memory-face{position:absolute;inset:0;backface-visibility:hidden;border:3px solid #b87e23;border-radius:15px;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 4px 9px rgba(0,0,0,.2)}.memory-back{background:#fff6db;overflow:hidden;padding:0}.memory-back img{width:100%;height:100%;object-fit:cover;display:block}.memory-front{transform:rotateY(180deg);background:#fff8df;color:#17345d;font:800 clamp(.9rem,2vw,1.45rem) Arial;text-align:center}.memory-front img{max-width:92%;max-height:92%;object-fit:contain}.memory-card.matched .memory-front{background:#dff1c9}.turn-note{text-align:center;font-weight:800;color:var(--red);min-height:1.4em}.game-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.footer-nav{text-align:center;margin-top:20px}.book-back{display:inline-block;padding:10px 16px;border:2px solid #b98536;border-radius:12px;background:#fff1ca;text-decoration:none;font-weight:800;color:var(--blue)}
@media(max-width:700px){.game-shell{padding-top:150px;background-size:auto 780px}.game-card{width:96vw;padding:14px}.setup-grid{grid-template-columns:1fr}.vocab-checks{grid-template-columns:repeat(2,1fr)}.board{gap:6px}.memory-card{min-height:64px}}

/* Dynamic page-title plaque: replaces Home title baked into the old image. */
.online-shell::before, .game-shell::before, .site-shell::before {
  content: attr(data-plaque);
  display: block;
  width: fit-content;
  max-width: 90vw;
  margin: 0 auto 18px;
  padding: 7px 34px 10px;
  border: 3px solid #ac722b;
  border-radius: 0 0 19px 19px;
  background: linear-gradient(#fff0c7, #eaca89);
  color: #0b3c80;
  text-align: center;
  font: bold clamp(1.3rem, 3.6vw, 2rem) Georgia, serif;
  box-shadow: 0 4px 10px rgba(67,42,10,.18);
}
@media(max-width:600px){
  .online-shell::before, .game-shell::before, .site-shell::before {padding:6px 18px 8px;}
}