.fp-page{background:#f6f0f8;max-width:none;padding:20px 12px 40px}.fp-game{max-width:760px;margin:0 auto;color:#29232d}.fp-head{text-align:center;margin-bottom:14px}.fp-head h1{margin:0 0 6px;font-size:clamp(26px,6vw,36px);color:#29232d}.fp-head p{margin:0 0 12px}.fp-bar{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;align-items:center}.fp-count{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fp-game .btn-primary{background:#773681;border-color:#773681;color:#fff}.fp-game .btn-primary:hover{background:#5d2866;border-color:#5d2866}.fp-game .btn-ghost{background:#fff;border:1px solid #e6d9eb;color:#773681}.fp-game .btn-ghost:hover{border-color:#5d2866;color:#5d2866}.fp-status{margin-top:10px}.fp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media (min-width:640px){.fp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}}.fp-card{aspect-ratio:3/4;padding:0;border:0;background:none;perspective:800px;cursor:pointer;border-radius:14px;min-width:0;font:inherit;color:inherit}.fp-card[aria-disabled=true]{cursor:default}.fp-card:focus-visible{outline:3px solid #773681;outline-offset:3px}.fp-inner{position:relative;display:block;width:100%;height:100%;transition:transform .3s ease;transform-style:preserve-3d}.fp-card.is-open .fp-inner{transform:rotateY(180deg)}.fp-face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #29232d1f;overflow:hidden}.fp-back{background:linear-gradient(145deg,#8a4594,#773681 50%,#5d2866)}.fp-back:after{content:"";position:absolute;inset:6px;border:1px solid #ffffff59;border-radius:10px}.fp-front{background:#fff;border:1px solid #e6d9eb;transform:rotateY(180deg);padding:6px 4px;gap:4px}.fp-front img{width:82%;height:auto;aspect-ratio:1;object-fit:contain;flex:0 1 auto;min-height:0}.fp-name{font-size:clamp(10px,3.1vw,14px);line-height:1.15;text-align:center;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-weight:600;max-width:100%}.fp-card.is-found .fp-front{border:2px solid #773681}.fp-check{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#773681;color:#fff;font-size:12px;line-height:20px;text-align:center}.fp-result{margin-top:20px;background:#fff;border:1px solid #e6d9eb;border-radius:16px;padding:18px 14px;text-align:center}.fp-result h2{margin:0 0 6px;color:#773681}.fp-result h3{margin:18px 0 10px;font-size:18px}.fp-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.fp-favs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.fp-fav{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid #e6d9eb;border-radius:12px;color:#29232d;text-decoration:none;background:#fff}.fp-fav:hover{border-color:#773681}.fp-fav small{color:#773681}@media (prefers-reduced-motion:reduce){.fp-inner{transition:none;transform-style:flat}.fp-card.is-open .fp-inner{transform:none}.fp-face{backface-visibility:visible;-webkit-backface-visibility:visible}.fp-front{transform:none;display:none}.fp-card.is-open .fp-front{display:flex}.fp-card.is-open .fp-back{display:none}}