.game{align-items:center;gap:var(--space-4);flex-direction:column;flex:1;display:flex}.pbar{gap:var(--space-4);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:14px;display:flex}.pbar b{color:var(--ink)}.pgrid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);width:min(440px,100%);display:grid}@media (min-width:560px){.pgrid{grid-template-columns:repeat(6,1fr);width:min(560px,100%)}}.ptile{aspect-ratio:1;cursor:pointer;perspective:600px;border-radius:var(--radius-sm);background-color:#0000;border:0;padding:0}.ptile:disabled{cursor:default}.pinner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .25s ease-in-out;display:block;position:relative}.ptile.up .pinner{transform:rotateY(180deg)}.pback,.pfront{border-radius:var(--radius-sm);backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.pback{background-color:var(--key);box-shadow:var(--shadow-press);background-image:radial-gradient(circle, color-mix(in srgb, var(--ink) 18%, transparent) 1.5px, transparent 1.6px);background-size:12px 12px}.pfront{background-color:var(--surface-raised);border:2px solid var(--line-strong);transform:rotateY(180deg)}.ptile.found .pfront{border-color:var(--minze)}.pfront svg{width:62%;height:62%}.pfront.kobalt{color:var(--kobalt)}.pfront.mango{color:var(--mango)}.pfront.koralle{color:var(--koralle)}.pfront.minze{color:var(--minze)}.pfront svg path{fill:currentColor}.ptile:active .pback{box-shadow:none;translate:0 2px}.ptile.hop{animation:.42s ease-out both p-hop}@keyframes p-hop{40%{transform:translateY(-8px)}}.after{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.after p{margin:0}@media (prefers-reduced-motion:reduce){.pinner{transition:none}}