.carta-memoria{position:relative;width:var(--carta-l,100px);height:var(--carta-a,130px);padding:0;border:0;background:none;perspective:900px}
.carta-memoria.entra{animation:carta-entra .45s var(--mola) both;animation-delay:calc(var(--ordem,0) * 45ms)}
.carta-memoria.balanca{animation:carta-balanca .5s var(--ease)}
.miolo{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s var(--ease)}
.carta-memoria.virada .miolo,.carta-memoria.achada .miolo{transform:rotateY(180deg)}
.face{position:absolute;inset:0;border-radius:18px;display:grid;place-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid var(--noite-3)}
.verso{background:
    radial-gradient(circle at 50% 50%,rgba(250,189,5,.22),transparent 60%),
    linear-gradient(180deg,#3A2E8E,#2A1F72);
  box-shadow:0 6px 0 var(--noite-1),0 12px 20px rgba(42,18,5,.22),inset 0 0 0 4px rgba(250,189,5,.35)}
.verso svg{width:44%;height:44%;opacity:.9}
.frente{transform:rotateY(180deg);overflow:hidden;background:linear-gradient(180deg,#FFFFFF,var(--lua));box-shadow:0 6px 0 var(--noite-3),0 12px 20px rgba(42,18,5,.2)}
.carta-memoria:active .miolo{translate:0 3px}
.carta-memoria.certa .frente{border-color:var(--nami-fundo);box-shadow:0 6px 0 var(--nami-fundo),0 0 0 6px var(--nami),0 0 40px 12px rgba(250,189,5,.75)}
.carta-memoria.certa{z-index:2;animation:carta-pula .7s var(--mola)}
.carta-memoria.achada:not(.certa) .miolo{opacity:.22;transition:opacity .4s var(--ease),transform .45s var(--ease)}
.carta-memoria.achada{pointer-events:none}
.carta-memoria.dica .verso{border-color:var(--nami);box-shadow:0 6px 0 var(--noite-1),0 0 0 5px var(--nami),0 0 34px 10px rgba(250,189,5,.7)}
.carta-memoria.dica{animation:memoria-brilha 1.1s ease-in-out infinite}
@keyframes memoria-brilha{0%,100%{scale:1}50%{scale:1.07}}

.colecao{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0 2px}
.caldeirao{width:clamp(67px,9.6dvh,91px);height:auto;filter:drop-shadow(0 8px 10px rgba(42,18,5,.3));transform-origin:50% 100%}
.caldeirao.borbulha{animation:borbulha .6s var(--mola)}
@keyframes borbulha{0%{transform:none}40%{transform:scale(1.18,.86)}75%{transform:scale(.94,1.08)}100%{transform:none}}
.vagas{display:flex;flex-wrap:nowrap;gap:6px;min-width:0}
.vaga{width:min(clamp(38px,5.4dvh,50px),calc((100vw - 150px) / 6 - 6px));flex:none;aspect-ratio:1;border-radius:50%;background:rgba(255,252,240,.32);box-shadow:inset 0 0 0 2.5px rgba(46,35,120,.45);display:grid;place-items:center;padding:2px}
.vaga.cheia{background:var(--branco);box-shadow:0 0 0 3px var(--nami),0 6px 12px rgba(42,18,5,.25);animation:carta-entra .4s var(--mola)}
.vaga img{width:100%;height:100%;object-fit:contain}
.voador{position:fixed;z-index:30;pointer-events:none;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(42,18,5,.35))}
.relogio{position:absolute;left:18px;right:18px;bottom:9px;height:10px;border-radius:99px;background:rgba(32,42,179,.14);overflow:hidden;pointer-events:none}
.relogio span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--nami),var(--lanterna));transform-origin:left center}
.balao:has(.relogio){padding-bottom:26px}