.heart-game{text-align:center;margin:3rem auto;scroll-margin-top:12px}.heart-counter{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.heart-counter span{color:#c5bba9;font-size:24px}.heart-counter .found{color:#c79523;text-shadow:0 0 8px #ffdc6c}.heart-message{min-height:3em;font-size:.95rem}.heart-scene{background:url(/azulejo/meio/leao-cenario.webp) 50%/100% 100%;border-radius:18px;max-width:580px;margin:auto;padding:165px 7%}.heart-board{background:#f7e7c7;border:5px solid #8c7453;border-radius:5px;grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.heart-cell{aspect-ratio:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.heart-cell.wall{background:linear-gradient(145deg,#a18b6c,#75624b);box-shadow:inset 0 0 0 1px #66543f,inset 2px 2px #c2aa88}.heart-cell.path{background:#faedcf}.heart-cell.exit{color:#2b674a;background:#bed8c4;font-size:24px}.heart-rider{object-fit:contain;z-index:2;pointer-events:none;width:115%;height:115%;max-width:none!important}.heart-pickup{color:#d59c18;filter:drop-shadow(0 0 4px #ffe46f);font-size:clamp(17px,4vw,30px)}.heart-barrier{color:#4e3829;font-size:22px}.heart-controls{grid-template-rows:repeat(2,56px);grid-template-columns:repeat(3,64px);justify-content:center;gap:7px;margin:18px auto;display:grid}.heart-dir-Cima{grid-area:1/2}.heart-dir-Esquerda{grid-area:2/1}.heart-dir-Baixo{grid-area:2/2}.heart-dir-Direita{grid-area:2/3}.heart-controls button{color:#fff;background:#234f69;border:0;border-radius:15px;width:100%;height:100%;font-size:26px}.heart-controls button[aria-pressed=true]{background:#ad7834}.heart-controls button:disabled{opacity:.45}.heart-restart{cursor:pointer;background:0 0;border:0;padding:15px;text-decoration:underline}.heart-victory{z-index:200;background:#fcf6e8;padding:20px;position:fixed;inset:0;overflow:auto}.heart-victory>div{max-width:850px;margin:auto}.heart-victory img{object-fit:contain;border-radius:12px;max-width:100%;max-height:65svh}.heart-victory button{cursor:pointer;border-radius:25px;margin:10px;padding:14px}.heart-scene{box-sizing:border-box;width:100%}.heart-board:focus-visible{outline-offset:3px;outline:3px solid #245b91}@media (max-width:600px){.heart-scene{padding:100px 5%}.heart-controls{z-index:5;background:#fff9e9ed;border-radius:20px;width:max-content;padding:10px;position:sticky;bottom:8px}}.heart-board{touch-action:none}.heart-board:focus-visible{outline:4px solid #e8ba53}
