/* ==========================================================================
   game.css - "Message Rush" mini game
   ========================================================================== */

.game{background:linear-gradient(180deg,#06302a,var(--ink));color:#fff}
.game .head p{color:#9fb8b2}
.arena-w{display:grid;grid-template-columns:1fr 250px;gap:20px}
.arena{position:relative;height:440px;background:#06302a;border:1px solid #14473f;border-radius:22px;overflow:hidden;user-select:none;touch-action:manipulation}
.lane{position:absolute;top:0;bottom:0;width:33.333%;border-right:1px dashed rgba(255,255,255,.08)}
.floor{position:absolute;left:0;right:0;bottom:0;height:46px;background:linear-gradient(transparent,rgba(239,68,68,.35));border-top:2px dashed rgba(239,68,68,.6);display:grid;place-items:end center;font-size:.72rem;color:#fca5a5;padding-bottom:6px}

/* Falling messages */
.b{position:absolute;width:calc(33.333% - 16px);margin-left:8px;padding:9px 12px;border-radius:12px;border-top-left-radius:2px;background:#fff;color:#111;font-size:.8rem;font-weight:500;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.3);border:0;text-align:left;font-family:inherit;will-change:transform}
.b i{color:var(--green-dark);margin-right:4px}
.b:hover{background:#f3fff7}
.b.gone{animation:send .35s forwards;background:var(--bubble);pointer-events:none}
@keyframes send{to{opacity:0;scale:.6}}

/* Start / game over overlay */
.overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:rgba(4,32,28,.88);z-index:5;padding:20px}
.overlay h3{font-size:2rem;margin-bottom:8px}
.overlay p{color:#9fb8b2;margin-bottom:20px;max-width:340px}

/* Score panel */
.side{display:grid;gap:14px;align-content:start}
.stat{background:#0a2e29;border:1px solid #14473f;border-radius:16px;padding:16px 18px}
.stat small{color:#7f9993}
.stat b{display:block;font:800 2rem 'Poppins'}
.hearts{font-size:1.3rem;display:flex;gap:6px}
.hearts .on{color:#ef4444}
.hearts .off{color:#2c5d55}
.pop{position:absolute;color:var(--lime);font-weight:800;pointer-events:none;animation:up .7s forwards;z-index:4}
@keyframes up{to{transform:translateY(-40px);opacity:0}}