.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-howto{max-width:560px;margin:0 auto 12px;padding:10px 14px;background:#fff;border:1px solid #e6d9eb;border-radius:12px;text-align:left}.fp-howto h2{margin:0 0 4px;font-size:16px;color:#773681}.fp-howto p{margin:0;font-size:14px;line-height:1.45}.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-grid.fp-lv1,.fp-grid.fp-lv2{grid-template-columns:repeat(3,minmax(0,1fr));max-width:420px;margin:0 auto}@media (min-width:640px){.fp-grid.fp-lv1,.fp-grid.fp-lv2{max-width:460px}}.fp-level{color:#773681}.fp-logo{cursor:default}.fp-logo .fp-face{gap:6px;background:linear-gradient(145deg,#fff8e8,#f6e3b4);border:1px solid #e8cf8f}.fp-logo svg{stroke:#b3862b}.fp-logo b{font-size:clamp(11px,3vw,14px);color:#8a6420;letter-spacing:.02em}.fp-card{position:relative;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 calc(clamp(10px, 3.1vw, 14px) * 1.2 + 10px)}.fp-front img{width:82%;height:auto;aspect-ratio:1;object-fit:contain;flex:0 1 auto;min-height:0}.fp-name{position:absolute;left:4px;right:4px;bottom:7px;z-index:1;pointer-events:none;font-size:clamp(10px,3.1vw,14px);line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;opacity:0;transition:opacity 0s}.fp-card.is-open .fp-name{opacity:1;transition-delay:.15s}.fp-card.is-found .fp-front{border:2px solid #773681}.fp-check{position:absolute;z-index:1;pointer-events:none;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-card.is-pop{animation:fp-pop .62s cubic-bezier(.3,1.6,.5,1) .26s both;z-index:2}.fp-card.is-pop:after{content:"";position:absolute;inset:-3px;border-radius:16px;border:3px solid #f2c14e;pointer-events:none;opacity:0;animation:fp-ring .82s ease-out .26s both}.fp-card.is-pop .fp-check{animation:fp-check .42s cubic-bezier(.3,1.8,.5,1) .42s both}.fp-sparks{position:absolute;left:50%;top:45%;z-index:3;pointer-events:none}.fp-sparks i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#f2c14e;opacity:0;animation:fp-spark .7s ease-out .3s both}.fp-sparks i:nth-child(2n){background:#b26bbd}.fp-sparks i:first-child{--dx:0px;--dy:-70px}.fp-sparks i:nth-child(2){--dx:60px;--dy:-36px}.fp-sparks i:nth-child(3){--dx:60px;--dy:36px}.fp-sparks i:nth-child(4){--dx:0px;--dy:70px}.fp-sparks i:nth-child(5){--dx:-60px;--dy:36px}.fp-sparks i:nth-child(6){--dx:-60px;--dy:-36px}@keyframes fp-pop{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes fp-ring{0%{opacity:.95;transform:scale(.96)}to{opacity:0;transform:scale(1.14)}}@keyframes fp-check{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fp-spark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}.fp-levelup{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(41,35,45,.45);animation:fp-fade .25s ease-out both}.fp-levelup-card{width:100%;max-width:360px;background:#fff;border-radius:18px;padding:22px 18px 20px;text-align:center;box-shadow:0 18px 50px #29232d40;animation:fp-rise .38s cubic-bezier(.3,1.5,.5,1) both}.fp-levelup-stars{color:#f2c14e;font-size:26px;letter-spacing:6px;margin-bottom:6px}.fp-levelup-card h2{margin:0 0 8px;color:#773681;font-size:22px;line-height:1.25}.fp-levelup-card p{margin:0 0 6px}.fp-levelup-next{font-weight:600;margin-bottom:16px!important}.fp-fireworks{position:fixed;inset:0;width:100vw;height:100vh;z-index:1150;pointer-events:none}@keyframes fp-fade{0%{opacity:0}to{opacity:1}}@keyframes fp-rise{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.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}.fp-card.is-open .fp-name{transition-delay:0s}.fp-card.is-pop,.fp-card.is-pop .fp-check,.fp-card.is-pop:after,.fp-levelup,.fp-levelup-card{animation:none}.fp-sparks{display:none}}