.play-screen--emoji{min-height:min(780px,calc(100svh - 9rem));padding:clamp(.85rem,2vw,1.1rem) 0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.emoji-match{display:grid;gap:1rem;max-width:960px;margin:0 auto;padding:4.3rem clamp(.85rem,2.4vw,1.4rem) clamp(.85rem,2.4vw,1.4rem);border:1px solid rgba(77,61,134,.12);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(255,208,92,.2),transparent 32%),radial-gradient(circle at 90% 8%,rgba(103,213,255,.2),transparent 30%),linear-gradient(145deg,#fffaf5,#f2efff 58%,#e9f9ff);box-shadow:0 24px 55px #30245c1f}.emoji-match__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;padding-bottom:1rem;border-bottom:1px solid var(--line)}.emoji-match__eyebrow{margin:0;color:var(--ink-soft);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.emoji-match h1{margin:.35rem 0 0;max-width:13ch;color:var(--ink);font-size:3.25rem;line-height:.95;letter-spacing:0}.emoji-match__intro{margin:.8rem 0 0;max-width:42rem;color:var(--ink-soft)}.emoji-match__stats{display:grid;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.6rem}.emoji-match__stat{display:grid;gap:.15rem;min-height:4.3rem;padding:.72rem .82rem;border:1px solid var(--line);border-radius:14px;background:#fdfbf6c2}.emoji-match__stat span{color:var(--ink-soft);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.emoji-match__stat strong{color:var(--ink);font-size:1.18rem;line-height:1}.emoji-match__worlds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.emoji-match__world{display:inline-flex;align-items:center;gap:.55rem;min-height:2.85rem;padding:.52rem .8rem;border:1px solid var(--line);border-radius:14px;background:#ffffffbd;color:var(--ink);font-weight:800;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.emoji-match__world:hover{transform:translateY(-1px)}.emoji-match__world[data-state=selected]{border-color:#7050da42;background:#fff;box-shadow:0 10px 22px #4e34a424}.emoji-match__world-icon{width:2rem;height:2rem;object-fit:contain}.emoji-match__progress-track{overflow:hidden;height:.55rem;border-radius:999px;background:#0e172614}.emoji-match__progress-bar{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67d5ff,#76e2b0 46%,#ffd05c);transition:width .22s ease}.emoji-match__status-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem}.emoji-match__status{margin:0;min-height:2.5rem;padding:.58rem .82rem;border:1px solid var(--line);border-radius:999px;background:#fdfbf6c7;color:var(--ink);font-weight:750}.emoji-match__status[data-tone=success]{border-color:#31885e2e;background:#76e2b033;color:#0b5a3c}.emoji-match__status[data-tone=gentle]{border-color:#ffd05c4d;background:#ffd05c38}.emoji-match__controls{display:flex;flex-wrap:wrap;gap:.65rem}.emoji-match__board{--emoji-match-columns: 4;display:grid;grid-template-columns:repeat(var(--emoji-match-columns),minmax(0,1fr));gap:.75rem}.emoji-match__card{position:relative;display:grid;place-items:center;aspect-ratio:1;border:2px solid rgba(255,255,255,.72);border-radius:22px;background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.3),transparent 24%),linear-gradient(145deg,#7259d9,#49369e);box-shadow:inset 0 1px #ffffff6b,0 14px 24px #2e1d6a33;color:#fff;cursor:pointer;overflow:hidden;transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.emoji-match__card:hover{transform:translateY(-2px);box-shadow:0 18px 30px #08111f29}.emoji-match__card:disabled{cursor:default}.emoji-match__card-back,.emoji-match__card-front{grid-area:1 / 1;display:grid;place-items:center;width:100%;height:100%;transition:opacity .16s ease,transform .18s ease}.emoji-match__card-back{padding:18%}.emoji-match__card-front{padding:7%;background:linear-gradient(155deg,#fff,#f7f0ff);color:var(--ink);opacity:0;transform:rotateY(90deg)}.emoji-match__card-back img,.emoji-match__card-front img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.emoji-match__card-back img{filter:saturate(0) brightness(0) invert(1);opacity:.88}.emoji-match__card[data-state=open],.emoji-match__card[data-state=matched]{background:var(--surface-strong)}.emoji-match__card[data-state=matched] .emoji-match__card-front img{animation:emoji-match-celebrate .52s cubic-bezier(.2,.8,.2,1)}@keyframes emoji-match-celebrate{0%{transform:scale(.82) rotate(-5deg)}58%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1) rotate(0)}}.emoji-match__card[data-state=open] .emoji-match__card-back,.emoji-match__card[data-state=matched] .emoji-match__card-back{opacity:0;transform:rotateY(-90deg)}.emoji-match__card[data-state=open] .emoji-match__card-front,.emoji-match__card[data-state=matched] .emoji-match__card-front{opacity:1;transform:rotateY(0)}.emoji-match__card[data-state=matched]{border-color:#31885e47;box-shadow:inset 0 0 0 3px #76e2b02e,0 10px 18px #08111f14}.emoji-match__card[data-state=matched] .emoji-match__card-front{background:linear-gradient(180deg,var(--surface-strong),#e8fbf2)}@media(max-width:760px){.play-screen--emoji{min-height:auto}.emoji-match{margin-top:.75rem}.emoji-match__hero{grid-template-columns:minmax(0,1fr)}.emoji-match h1{font-size:2.45rem}.emoji-match__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.emoji-match{padding-top:4.3rem}.emoji-match__board{gap:.52rem}.emoji-match__card{border-radius:15px}.emoji-match__world,.emoji-match__controls .button,.emoji-match__controls .button--secondary,.emoji-match__music{width:100%}}@media(prefers-reduced-motion:reduce){.emoji-match__music,.emoji-match__card:hover,.emoji-match__world:hover{transform:none}.emoji-match__card[data-state=matched] .emoji-match__card-front img{animation:none}}