.memory-board{grid-template-columns:repeat(var(--memory-cols-m), minmax(0, 1fr));gap:7px;width:100%;display:grid}.memory-lv-hard .memory-board{gap:5px}.memory-card{aspect-ratio:1;min-width:0;font:inherit;cursor:pointer;perspective:500px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;padding:0;position:relative}.memory-card:focus-visible{outline:3px solid var(--ring);outline-offset:1px}.memory-card[aria-disabled=true]{cursor:default}.memory-in{transform-style:preserve-3d;transition:transform .36s cubic-bezier(.3,.7,.3,1);position:absolute;inset:0}.memory-card.is-up .memory-in{transform:rotateY(180deg)}.memory-face{backface-visibility:hidden;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.memory-back{background:radial-gradient(#fff3 1.4px, transparent 1.6px) 0 0 / 11px 11px, var(--primary);box-shadow:0 2px 0 var(--memory-back-edge);color:#fff;font-size:34px;font-weight:900;line-height:1}.memory-back:after{content:"";border:1.5px dashed #ffffff59;border-radius:8px;position:absolute;inset:5px}.memory-front{background:var(--card);border:2px solid var(--border);transform:rotateY(180deg)}.memory-front svg{width:74%;height:74%;display:block}.memory-card.is-done .memory-front{background:var(--memory-done-bg);border-color:var(--memory-done-line)}.memory-card.by-p1 .memory-front{border-color:var(--memory-p1);background:var(--memory-p1-bg)}.memory-card.by-p2 .memory-front{border-color:var(--memory-p2);background:var(--memory-p2-bg)}.memory-card.is-miss .memory-front{border-color:var(--memory-miss);animation:.4s ease-in-out .2s memory-shake}.memory-card.is-pop .memory-front{animation:.45s ease-out .25s memory-pop}.memory-own{box-sizing:border-box;color:#fff;border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:3px;left:3px}.by-p1 .memory-own{background:var(--memory-p1)}.by-p2 .memory-own{background:var(--memory-p2-mark)}.memory-lv-normal .memory-back{font-size:32px}.memory-lv-hard .memory-back{font-size:22px}.memory-lv-hard .memory-face,.memory-lv-hard .memory-card{border-radius:9px}.memory-lv-hard .memory-back:after{border-radius:6px;inset:4px}.memory-lv-hard .memory-front{border-width:1.5px}@keyframes memory-shake{0%,to{transform:rotateY(180deg)translate(0)}25%{transform:rotateY(180deg) translateX(var(--memory-shake,-4px))}75%{transform:rotateY(180deg) translateX(calc(var(--memory-shake,-4px) * -1))}}@keyframes memory-pop{0%{transform:rotateY(180deg)scale(1)}45%{transform:rotateY(180deg)scale(1.1)}to{transform:rotateY(180deg)scale(1)}}@media (min-width:768px){.memory-board{grid-template-columns:repeat(var(--memory-cols-pc), minmax(0, 1fr));gap:10px}.memory-lv-hard .memory-board{gap:8px}.memory-card{perspective:700px;border-radius:16px}.memory-card:focus-visible{outline-offset:2px}.memory-in{transition-duration:.38s}.memory-face{border-radius:16px}.memory-back{background:radial-gradient(#fff3 1.6px, transparent 1.8px) 0 0 / 14px 14px, var(--primary);box-shadow:0 3px 0 var(--memory-back-edge), 0 6px 14px #463ec838;font-size:46px;transition:filter .15s ease-out}.memory-back:after{border-width:2px;border-radius:11px;inset:7px}.memory-card:not(.is-up):hover .memory-back{filter:brightness(1.08)}.memory-card:not(.is-up):active .memory-back{filter:brightness(.95)}.memory-front{box-shadow:0 3px #20243814}.memory-front svg{width:70%;height:70%}.memory-own{min-width:22px;height:22px;padding:0 5px;font-size:12px;top:6px;left:6px}.memory-card.is-miss .memory-front{--memory-shake:-5px}.memory-lv-normal .memory-back{font-size:40px}.memory-lv-hard .memory-back{font-size:32px}.memory-lv-hard .memory-face,.memory-lv-hard .memory-card{border-radius:12px}.memory-lv-hard .memory-back:after{border-radius:8px;inset:5px}.memory-lv-hard .memory-front{border-width:2px}}.memory-player{transition:transform .2s ease-out,opacity .2s ease-out,background-color .2s,border-color .2s}.memory-player-sub{color:var(--muted-foreground)}.memory-player.p1 .memory-score{color:var(--memory-p1)}.memory-player.p2 .memory-score{color:var(--memory-p2-mark)}.memory-player.p1.is-turn{background:var(--memory-p1-strong);border-color:var(--memory-p1-strong);box-shadow:0 8px 18px #2463c459}.memory-player.p2.is-turn{background:var(--memory-p2-strong);border-color:var(--memory-p2-strong);box-shadow:0 8px 18px #b44a0a59}.memory-player.is-turn,.memory-player.is-turn .memory-score,.memory-player.is-turn .memory-player-sub{color:#fff}.memory-player.is-turn{animation:1.6s ease-in-out infinite memory-turn}.memory-player.is-wait{opacity:.45;transform:scale(.97)}@keyframes memory-turn{0%,to{transform:scale(1.01)}50%{transform:scale(1.045)}}.memory-turn{white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;gap:5px;height:24px;padding:0 10px 0 8px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex;box-shadow:0 2px 6px #00000026}.memory-turn:before{content:"";border-top:4.5px solid #0000;border-bottom:4.5px solid #0000;border-left:7px solid;width:0;height:0}.p1 .memory-turn{color:var(--memory-p1-ink)}.p2 .memory-turn{color:var(--memory-p2-ink)}.memory-status i{background:var(--primary)}.memory-status.p1{background:var(--memory-p1-status-bg);color:var(--memory-p1-status-ink)}.memory-status.p2{background:var(--memory-p2-status-bg);color:var(--memory-p2-status-ink)}.memory-status.p1 i{background:var(--memory-p1-strong)}.memory-status.p2 i{background:var(--memory-p2-strong)}.memory-fade{animation:.35s ease-out memory-fade}@keyframes memory-fade{0%{opacity:0}to{opacity:1}}.memory-confetti i{--fall:400px;border-radius:3px;width:8px;height:12px;animation:2.2s ease-in forwards memory-fall;position:absolute;top:-12px}.memory-confetti i:first-child{background:#f5b53d;animation-delay:0s;left:6%}.memory-confetti i:nth-child(2){background:#645ce7;animation-delay:.15s;left:16%}.memory-confetti i:nth-child(3){background:#e5484d;animation-delay:50ms;left:26%}.memory-confetti i:nth-child(4){background:#30a46c;animation-delay:.3s;left:36%}.memory-confetti i:nth-child(5){background:#3e8de8;animation-delay:.1s;left:46%}.memory-confetti i:nth-child(6){background:#f76b15;animation-delay:.25s;left:56%}.memory-confetti i:nth-child(7){background:#d6409f;animation-delay:20ms;left:66%}.memory-confetti i:nth-child(8){background:#f5b53d;animation-delay:.35s;left:76%}.memory-confetti i:nth-child(9){background:#645ce7;animation-delay:.12s;left:86%}.memory-confetti i:nth-child(10){background:#30a46c;animation-delay:.22s;left:94%}.memory-confetti i:nth-child(n+11){display:none}@media (min-width:768px){.memory-confetti i{--fall:640px;width:10px;height:14px;animation-duration:2.4s}.memory-confetti i:nth-child(n+11){display:block}.memory-confetti i:nth-child(2){left:14%}.memory-confetti i:nth-child(3){left:22%}.memory-confetti i:nth-child(4){left:31%}.memory-confetti i:nth-child(5){left:40%}.memory-confetti i:nth-child(6){left:49%}.memory-confetti i:nth-child(7){left:58%}.memory-confetti i:nth-child(8){left:67%}.memory-confetti i:nth-child(9){left:76%}.memory-confetti i:nth-child(10){left:85%}.memory-confetti i:nth-child(11){background:#e5484d;animation-delay:80ms;left:93%}.memory-confetti i:nth-child(12){background:#3e8de8;animation-delay:.4s;left:45%}}@keyframes memory-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(var(--fall)) rotate(540deg);opacity:0}}.memory-play,.memory-play *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.memory-chips{scrollbar-width:none}.memory-chips::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.memory-in,.memory-player{transition:none}.memory-confetti{display:none}.memory-fade,.memory-card.is-miss .memory-front,.memory-card.is-pop .memory-front,.memory-player.is-turn{animation:none}}