.mystery-overlay{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060914eb;position:fixed;inset:0}.mystery-panel{z-index:61;text-align:center;color:#f9edcf;outline:none;width:min(94vw,42rem);max-height:94dvh;padding:1.25rem;position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%)}.mystery-title{margin:0 0 .75rem;font-family:Georgia,serif;font-size:clamp(1.4rem,5vw,2rem)}.mystery-description{color:#e3d4b5;max-width:32rem;margin:0 auto 1.5rem}.mystery-deck{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(.4rem,2vw,1rem);display:grid}.mystery-deck.is-revealed{grid-template-columns:minmax(0,20rem);justify-content:center}.mystery-slot{perspective:1000px;min-width:0}.mystery-slot[hidden]{display:none}.mystery-choice{aspect-ratio:5/8;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.8rem;padding:0;display:block}.mystery-choice:focus-visible,.mystery-continue:focus-visible{outline-offset:5px;outline:3px solid #fff5cc}.mystery-choice:disabled{cursor:default}.mystery-card{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative}.mystery-card.is-flipping{animation:.7s ease-in-out both blessing-flip}.mystery-card.is-revealed{transform:rotateY(180deg)}.mystery-back,.mystery-front{backface-visibility:hidden;border:3px solid #be9651;border-radius:.8rem;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 4px #271f35,inset 0 0 0 6px #be9651,0 12px 28px #00000073}.mystery-back{background:repeating-conic-gradient(from 45deg,#30264b 0% 25%,#221c38 0% 50%) 50%/24px 24px;justify-content:center;align-items:center}.mystery-sigil{aspect-ratio:1;background:#171426;border:2px solid #d9b876;border-radius:50%;place-items:center;width:65%;display:grid;box-shadow:0 0 0 5px #171426,0 0 0 6px #be9651}.mystery-sigil svg{color:#e5c581;width:70%;height:70%}.mystery-front{--card-glow:#6fc6a1;background:linear-gradient(145deg,#342c24,#131824);gap:.6rem;padding:.9rem;transform:rotateY(180deg)}.mystery-front.is-tradeoff{--card-glow:#e1b252}.mystery-front.is-curse{--card-glow:#c88edb}.mystery-name{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:clamp(1rem,4vw,1.5rem)}.mystery-art{background:radial-gradient(ellipse at center, var(--card-glow), transparent 65%), repeating-conic-gradient(#182235 0deg 15deg, #222338 15deg 30deg);border:1px solid #be9651;flex:1;place-items:center;min-height:4rem;display:grid}.mystery-art svg{color:#fff3ce;filter:drop-shadow(0 3px 4px #101018);width:60%;height:60%}.mystery-kind{color:var(--card-glow);font-size:.8rem}.mystery-rules{color:#292218;text-align:start;overflow-wrap:anywhere;background:#f4e8cb;border:1px solid #be9651;border-radius:.2rem;padding:.9rem;font-size:.95rem;line-height:1.5;display:block}.mystery-status{min-height:1.5em;margin:1rem 0 .5rem}.mystery-continue{color:#201c18;cursor:pointer;background:#e7c77b;border:1px solid #e7c77b;border-radius:.5rem;padding:.8rem 1.4rem;font-weight:700}.mystery-continue:disabled{opacity:.6;cursor:default}@keyframes blessing-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media (prefers-reduced-motion:reduce){.mystery-card.is-flipping{animation:none;transform:rotateY(180deg)}}