/* =====================================================
   Unit 1 · අපේ පරිසරය  — extras on top of css/style.css
   (load AFTER style.css; colours still come from the theme variables)
   ===================================================== */

/* environment scenery: palms, flowers, birds instead of the maths forest props */
header::after{content:'🐦 🦋 🐒'}
body::before{content:'🌴 🥥 🌳'}
body::after{content:'🌺 🐸 🐿️'}

/* topic chips on the home card */
.chip{background:var(--card)}

/* sorting labs: item tray + bins */
#tray{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
#tray .it{font-size:1.05em}
.stage b{font-family:var(--fh)}

/* picture-pick tiles */
.opt.pk{display:flex;align-items:center;justify-content:center;min-height:84px;padding:8px}
.opt.pk.sel{outline:3px dashed var(--mark);background:#fff7d6}

/* memory game */
button.fun.flip{background:linear-gradient(135deg,#0984e3,#74b9ff);transform:rotateY(8deg)}
button.fun.hit{background:linear-gradient(135deg,#1faa59,#55efc4);opacity:1}
button.fun.hit:disabled{opacity:1}

/* large readable emoji in questions */
.card h2{overflow-wrap:anywhere}
.card svg,.card .em{max-width:100%}

@media(max-width:575.98px){
  .opt.pk{min-height:72px}
  #tray .it{font-size:1em;padding:8px 10px}
}