.fp-card{box-sizing:border-box;aspect-ratio:1;min-width:0;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;perspective:700px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;padding:0;display:block;position:relative}.fp-card[aria-disabled=true]{cursor:default}.fp-card-inner{transform-style:preserve-3d;transition:transform .3s;position:absolute;inset:0}.fp-card:is([data-state=up],[data-state=found]) .fp-card-inner{transform:rotateY(180deg)}.fp-card-back,.fp-card-face{box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;position:absolute;inset:0}.fp-card-back{--fp-back:var(--accent);--fp-back-edge:var(--accent);--fp-back-stripe:color-mix(in srgb, var(--accent-ink) 12%, transparent);--fp-back-ring:color-mix(in srgb, var(--accent-ink) 45%, transparent);border:2px solid var(--fp-back-edge);background:var(--fp-back) repeating-linear-gradient(45deg, var(--fp-back-stripe) 0 6px, transparent 6px 14px)}.fp-card-back:after{content:"";border:2px solid var(--fp-back-ring);border-radius:50%;position:absolute;inset:18%}:root[data-theme=dark] .fp-card-back{--fp-back:color-mix(in srgb, var(--accent) 34%, var(--card));--fp-back-edge:color-mix(in srgb, var(--accent) 72%, var(--card));--fp-back-stripe:color-mix(in srgb, var(--accent) 14%, transparent);--fp-back-ring:color-mix(in srgb, var(--accent) 60%, transparent)}@media (prefers-color-scheme:dark){:root[data-theme=system] .fp-card-back{--fp-back:color-mix(in srgb, var(--accent) 34%, var(--card));--fp-back-edge:color-mix(in srgb, var(--accent) 72%, var(--card));--fp-back-stripe:color-mix(in srgb, var(--accent) 14%, transparent);--fp-back-ring:color-mix(in srgb, var(--accent) 60%, transparent)}}.fp-card-face{border:2px solid var(--control-border);background:var(--pic-tile);place-items:center;padding:12%;display:grid;transform:rotateY(180deg)}.fp-card-face .pic-svg{width:100%;height:100%}.fp-card-back,.fp-card-face{transition:visibility 0s linear 90ms}.fp-card:not([data-state=up],[data-state=found]) .fp-card-face,.fp-card:is([data-state=up],[data-state=found]) .fp-card-back{visibility:hidden}.fp-card[data-state=up] .fp-card-face{border:3px solid var(--accent)}.fp-card[data-state=found] .fp-card-face{border:3px solid var(--right-line)}.fp-card-tick{top:5px;background:var(--right-line);width:1.5rem;height:1.5rem;color:var(--card);border-radius:50%;place-items:center;font-size:.875rem;font-weight:750;line-height:1;display:none;position:absolute;inset-inline-end:5px}.fp-card-tick:before{content:"✓";content:"✓" / ""}.fp-card[data-state=found] .fp-card-tick{display:grid}.fp-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (hover:hover){.fp-card:not([aria-disabled=true]):not([data-state=up]):hover .fp-card-back{border-color:var(--ink)}}@media (prefers-reduced-motion:reduce){.fp-card-inner,.fp-card-back,.fp-card-face{transition:none}}.fp-example{gap:8px;margin:0;display:grid}.fp-example-board{grid-template-columns:repeat(4,3.25rem);gap:6px;display:grid}.fp-example-card{cursor:default;border-radius:10px}.fp-example-card :is(.fp-card-back,.fp-card-face){border-radius:10px}.fp-example-card .fp-card-tick{top:2px;width:1rem;height:1rem;font-size:.625rem;inset-inline-end:2px}.fp-example figcaption{color:var(--ink);margin:0;font-size:.9375rem;line-height:1.5}.fp-round{--fp-cols:4;gap:12px;display:grid}.fp-round[data-cards="24"]{--fp-cols:6}.fp-top{min-height:44px}.fp-top>p{color:var(--ink);margin:0;font-weight:600}.fp-board{grid-template-columns:repeat(var(--fp-cols), minmax(0, 1fr));width:min(100%, calc(var(--fp-cols) * 8.5rem));gap:10px;margin-inline:auto;display:grid}@media (width<=36rem){.fp-board{gap:8px}.fp-round[data-cards="12"]{--fp-cols:3}.fp-round[data-cards="24"]{--fp-cols:4}.fp-card,.fp-card-back,.fp-card-face{border-radius:11px}.fp-card-face{padding:10%}.fp-card-tick{top:3px;width:1.25rem;height:1.25rem;font-size:.75rem;inset-inline-end:3px}}.fp-timer{align-items:center;gap:10px;width:min(100%,26rem);margin-inline:auto;display:flex}.fp-timer[hidden]{display:none}.fp-timer-track{background:var(--line);border-radius:999px;flex:auto;height:8px;overflow:hidden}.fp-timer-fill{height:100%;background:var(--accent);inline-size:100%;display:block}.fp-timer-text{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem}.fp-panel{width:min(100%, calc(var(--fp-cols) * 8.5rem));gap:8px;margin-inline:auto;display:grid}.fp-line{color:var(--ink);margin:0;font-size:1.125rem;font-weight:650;line-height:1.4}.fp-go-on{margin:0}.fp-done{justify-self:start}.fp-error{margin-top:16px}@media (forced-colors:active){.fp-card-back{background:buttonface;border-color:buttontext}.fp-card-back:after,.fp-card-face{border-color:buttontext}.fp-card[data-state=up] .fp-card-face,.fp-card[data-state=found] .fp-card-face{border-color:highlight}.fp-card-tick{forced-color-adjust:none;color:highlighttext;background:highlight}.fp-timer-fill{background:highlight}}@media print{.fp-card-inner{transition:none}.fp-timer,.fp-done{display:none!important}}