pre .ascii{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;white-space:pre;line-height:1;font-size:9;overflow-x:auto;font-variant-ligatures:none}.title-ascii{display:inline-block;white-space:pre;line-height:.75;margin:0}.layer>p{max-width:80ch;text-align:center}.layer{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:18px}.ritual-ui{max-width:80ch;text-align:center;display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:5px}.shuffle-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}html,body{margin:0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;background:#000;color:#fff}pre.stars-ascii{position:fixed;inset:0;margin:0;padding:0;font-family:monospace,monospace;display:flex;align-items:center;justify-content:center;white-space:pre;font-family:monospace;line-height:1;background:#000;color:#fff;opacity:.25;transform:scale(1.8);transform-origin:center;overflow-x:auto;overflow:none;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.header{text-align:center;margin-bottom:20px;transform:translateY(-25px)}.ritual-hint{margin-top:0;margin-bottom:0;opacity:100;transform:translateY(-50px)}.modeToggle{position:fixed;top:14px;right:14px;z-index:9999;display:flex;gap:10px}.modeToggle button{font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;background:#0000008c;border:1px solid rgba(255,255,255,.18);color:#fff;padding:6px 10px;border-radius:999px;cursor:pointer}.modeToggle button:disabled{opacity:.45;cursor:not-allowed}.tagline{opacity:.7;margin-top:8px}.stage{position:relative;width:100%;min-height:450px;display:flex;justify-content:center;align-items:flex-start}.stage>.fade{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0;transform:translateY(-50px)}.fade{transition:opacity .9s ease,transform .9s ease;will-change:opacity,transform}.fade-in{opacity:1;transform:scale(1);transition:opacity .8s ease,transform .8s ease}.fade-out{opacity:0;transform:scale(.98);pointer-events:none}.flipCard{user-select:none;-webkit-user-select:none;touch-action:manipulation}.flipInner{display:grid;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.22,1,.36,1);will-change:transform}.flipCard.isFlipped .flipInner{transform:rotateY(180deg)}.flipSide{grid-area:1 / 1;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:none}.flipBack{transform:translateZ(1px);pointer-events:none}.flipFront{--rev-rot: 0deg;transform:rotateY(180deg) translateZ(1px) rotate(var(--rev-rot));pointer-events:none}.flipFront.rev{--rev-rot: 180deg}.ascii{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;white-space:pre;line-height:1;font-variant-ligatures:none;font-size:8px}.dealRow{display:flex;gap:32px;margin-top:0}.dealCard{--delay: calc(var(--i) * .18s);animation:dealIn .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay);perspective:1400px;opacity:0;transform:translateY(-220px) translate(40px) rotate(-6deg) scale(.96)}@keyframes dealIn{0%{opacity:0;transform:translateY(-220px) translate(40px) rotate(-6deg) scale(.96)}60%{opacity:1}to{opacity:1;transform:translateY(0) translate(0) rotate(0) scale(1)}}.tiltOuter{perspective:1400px;display:inline-block;position:relative;z-index:0}.cardHover{transform-style:preserve-3d;transition:transform .22s cubic-bezier(.22,1,.36,1);will-change:transform}@media(hover:hover)and (pointer:fine){.tiltOuter:hover .cardHover{transform:scale(1.01);filter:drop-shadow(0 10px 18px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(255,255,255,.1))}}.cardColumn{position:relative;display:flex;flex-direction:column;align-items:center;z-index:0}.meaningWindow{margin-top:10px;width:380px;padding:10px 12px;background:#0909094c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:5px;transform:translateY(-6px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.meaningTitle{--suit: rgba(255,255,255,.35)}.suit-major{--suit: #976b00}.suit-cups{--suit: #6a0000}.suit-pentacles{--suit: #053e13}.suit-swords{--suit: #33677a}.suit-wands{--suit: #5a0099}.meaningTitle{display:inline-block;padding:4px 12px;margin-bottom:6px;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:999px;background:color-mix(in srgb,var(--suit) 100%,rgba(0,0,0,.35))}@media(hover:hover)and (pointer:fine){.cardColumn:hover .meaningWindow{opacity:1;transform:translateY(0);z-index:50}}.deck{position:relative;width:260px;height:360px;margin:24px auto;pointer-events:none}.cardBack{position:absolute;width:260px;height:360px;top:35%;left:50%;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(var(--s));transform-origin:center;will-change:transform;transition:transform .75s ease}.cardBack .cardImg{width:100%;height:100%;-webkit-user-select:none;user-select:none}.cardBack.flingOverlay{transition:none;animation:flingToBack 1s cubic-bezier(.22,1,.36,1)}@keyframes flingToBack{0%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(var(--s))}55%{transform:translate(calc(-50% + var(--x) + 300px),calc(-50% + var(--y) - 210px)) rotate(calc(var(--r) + 30deg)) scale(calc(var(--s) + .08))}to{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) rotate(var(--br)) scale(var(--bs))}}