@import url('./keepsake-memory.css?v=28');
.crystal-game .bright-memory-app{max-width:480px;margin:22px auto}
.crystal-board{display:block;width:min(100%,54svh);margin:auto;aspect-ratio:3/4;touch-action:none;user-select:none;border:5px solid #b28b49;border-radius:22px;background:radial-gradient(ellipse at 50% 20%,#236d64,#12392e 65%,#09241d);box-shadow:inset 0 0 35px #071c17,0 14px 26px #42361a30}
.crystal-game [role=status]{min-height:26px;font-weight:700;font-size:14px}
.crystal-game .bright-memory-tools{gap:12px;margin-top:16px}
.crystal-game button:disabled{opacity:.5}
.crystal-board:focus-visible{outline:3px solid #e75c4c;outline-offset:4px}
.crystal-game .crystal-start[hidden]{display:none}
@media(max-width:500px){.crystal-game{padding-inline:14px}.crystal-game .gift-button-secondary{padding-inline:25px}}
.crystal-game.is-playing .crystal-gem image{animation:crystal-glint 3s ease-in-out infinite}
.crystal-game .crystal-gem:nth-child(3n) image{animation-delay:-1s}
.crystal-game .crystal-gem:nth-child(3n+1) image{animation-delay:-2s}
.crystal-game.is-playing .crystal-bonus image{animation:crystal-power .7s ease-in-out infinite alternate}
@keyframes crystal-glint{0%,75%,100%{filter:brightness(1)}85%{filter:brightness(1.35) drop-shadow(0 0 2px #fff6ca)}}
@keyframes crystal-power{from{filter:drop-shadow(0 0 1px #ffdc79)}to{filter:brightness(1.18) drop-shadow(0 0 5px #ffcf65)}}
@media(prefers-reduced-motion:reduce){.crystal-game.is-playing .crystal-gem image,.crystal-game.is-playing .crystal-bonus image{animation:none}}
.crystal-stage{position:relative;width:min(100%,54svh);margin:auto}
.crystal-stage .crystal-board{width:100%;box-sizing:border-box;background-size:cover;background-position:center}
.crystal-overlay{position:absolute;inset:5px;border-radius:16px;background:#071b17c9;display:grid;place-items:center;color:#fff4d5;z-index:3;text-align:center}
.crystal-overlay[hidden]{display:none}
.crystal-overlay h3{font:28px/1.3 var(--serif);color:#fff4d5;margin:0 12px 24px}
.crystal-pause{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid #d7b66d;border-radius:50%;background:#12372de0;color:#fff3c3;font-size:22px;z-index:2;cursor:pointer}
.crystal-pause:disabled{visibility:hidden}
.crystal-cheer{min-height:26px;font-weight:700;color:var(--deep)}
.crystal-transition{position:absolute;inset:25% 8%;display:grid;place-items:center;pointer-events:none;color:#fff3c5;text-align:center;font:26px/1.4 var(--serif);text-shadow:0 2px 12px #000;z-index:2}
.crystal-transition[hidden]{display:none}
.crystal-game.is-changing .crystal-board{animation:crystal-scene-change 1.5s ease both}
.crystal-game.is-arriving .crystal-targets{animation:crystal-arrive .8s ease both;transform-origin:center top}
@keyframes crystal-scene-change{0%,100%{filter:brightness(1)}35%,45%{filter:brightness(.3)}}
@keyframes crystal-arrive{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
.crystal-game:not(.is-playing) .crystal-board,.crystal-game:not(.is-playing) .crystal-targets{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.crystal-game.is-changing .crystal-board,.crystal-game.is-arriving .crystal-targets{animation:none}}