.jg-demo{display:grid}.jg-tablero{background:var(--grafito);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 14px;padding:12px;display:grid}.jg-celda{aspect-ratio:1;transition:background-color .25s var(--ease),border-color .25s var(--ease);border:1.5px solid #f4f3f024;border-radius:14px;place-items:center;display:grid;position:relative}.jg-celda i{background:var(--turquesa);opacity:0;width:14px;height:14px;transition:opacity .12s var(--ease),transform .2s var(--ease);border-radius:50%;transform:scale(.4)}.jg-celda.is-activa{border-color:#15b7b199}.jg-celda.is-activa i{opacity:1;transform:scale(1)}.jg-celda.is-premio{background:var(--turquesa);border-color:var(--turquesa);color:var(--grafito);animation:jg-premio .55s var(--ease)both}.jg-celda.is-premio .herr-ico{stroke-width:1.75px;width:34%;min-width:22px;height:34%;min-height:22px}.jg-demo.is-pierde .jg-celda.is-activa i{background:#f4f3f080}@keyframes jg-premio{0%{transform:scale(.85)}to{transform:scale(1)}}.jg-resultado{min-height:2.7em;font-family:var(--titular);font-size:.98rem;font-weight:750;line-height:1.35}.jg-demo.is-gana .jg-resultado,.jg-demo.is-pierde .jg-resultado{animation:jg-aparece .4s var(--ease)both}@keyframes jg-aparece{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.jg-boton{width:100%}.jg-tablero{justify-self:center;width:100%;max-width:280px}