.scenery{background-image:url('assets/biblioteca-v9.webp');background-position:43% center}.memories-main{max-width:740px}.branding-memorias .game-logo{width:min(445px,100%)}.memory-board{max-width:680px;margin:auto}.board-crown{display:grid;grid-template-columns:78px 65px minmax(0,1fr);align-items:center;gap:14px;position:relative;padding:10px 24px 8px;border-bottom:1px solid var(--line);min-height:90px}.board-crown .guide-nils{width:72px;height:89px;margin-top:-13px;margin-bottom:-2px}.board-crown .guide-nils img{width:100%;height:100%;object-fit:contain}.board-crown .stat-group{margin-left:auto;gap:25px}.progress-track{height:3px;position:relative;margin:0 18px;background:#ac709035}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#c67aab,#ffd7ab);transition:width .16s}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:21px 28px 18px;contain:layout style;isolation:isolate}.cards[data-count="20"]{grid-template-columns:repeat(5,minmax(0,1fr))}.cards[data-count="24"]{grid-template-columns:repeat(6,minmax(0,1fr))}.memory-card{position:relative;aspect-ratio:220/290;border:0;border-radius:9px;background:none;padding:0;perspective:700px;outline-offset:3px}.card-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform 160ms cubic-bezier(.2,.7,.4,1);border-radius:9px}.memory-card.is-open .card-turn{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:9px}.card-back{background:url('../../assets/v10/memory-back-v10.webp') center/100% 100% no-repeat}.card-front{transform:rotateY(180deg);background:#f5ddd8 url('assets/frente-carta.svg') center/100% 100% no-repeat;border:1px solid #edc4a0}.card-front img{width:75%;height:79%;object-fit:contain;position:relative;display:block}.card-front img.character{width:88%;height:89%;object-position:center bottom;align-self:end;margin-bottom:5px}.memory-card.is-matched .card-front{box-shadow:inset 0 0 0 2px #f6d499}.memory-card.is-matched::after{content:'✦';display:grid;place-items:center;position:absolute;bottom:4px;right:4px;z-index:2;width:18px;height:18px;background:#9e6b7f;border:1px solid #ecc598;border-radius:50%;color:#ffeac0;font-size:9px;pointer-events:none}.memory-card.is-hint .card-front{box-shadow:inset 0 0 0 3px #c98fd2}.memory-board .board-status{border-bottom:0}.memory-board .power-dock{border-top:1px solid #d2a28433;padding-top:5px}.cards[aria-busy=true]{opacity:.7}.memory-board .status-text{max-width:76%}
@media(max-width:700px){.board-crown{grid-template-columns:62px 53px minmax(0,1fr);gap:10px;padding:10px 15px 8px;min-height:77px}.board-crown .guide-nils{width:62px;height:78px;margin-top:-14px}.board-crown .stat-group{gap:18px}.board-crown .stat small{font-size:.53rem}.board-crown .stat strong{font-size:.95rem}.cards{gap:9px;padding:17px 18px 16px}.memory-card{border-radius:7px}.card-face{border-radius:7px}.cards[data-count="24"]{gap:7px}.cards[data-count="24"] .card-front img{width:80%;height:82%}.memory-board .status-text{max-width:78%}.memory-board .power-dock{padding-top:5px}.branding-memorias .game-logo{width:min(380px,100%)}}
@media(max-width:420px){.board-crown{gap:8px;padding-inline:12px;grid-template-columns:54px 49px minmax(0,1fr)}.board-crown .guide-nils{width:55px;height:75px;margin-top:-14px}.board-crown .phase-badge{min-width:49px;padding-inline:6px}.board-crown .stat-group{gap:12px}.board-crown .stat small{font-size:.49rem}.board-crown .stat strong{font-size:.86rem}.cards{gap:8px;padding:15px 15px 14px}.cards[data-count="20"]{gap:7px}.cards[data-count="24"]{gap:6px}.memory-card.is-matched::after{width:13px;height:13px;font-size:7px;bottom:2px;right:2px}}
@media(max-width:360px){.board-crown{grid-template-columns:47px 45px minmax(0,1fr);padding-inline:10px;gap:7px}.board-crown .guide-nils{width:48px;height:71px}.board-crown .phase-badge{min-width:45px}.board-crown .stat-group{gap:9px}.board-crown .stat small{font-size:.46rem}.cards[data-count="24"]{grid-template-columns:repeat(4,minmax(0,1fr))}.cards[data-count="20"]{grid-template-columns:repeat(4,minmax(0,1fr))}.cards[data-count="20"] .memory-card,.cards[data-count="24"] .memory-card{aspect-ratio:1.02}.memory-board .board-status{gap:7px;padding-inline:12px}.memory-board .status-text{font-size:.6rem}}
