.avatar-crop-area{touch-action:none;-webkit-user-select:none;user-select:none}.avatar-crop-overlay{pointer-events:none}.avatar-crop-overlay:before{content:"";background:radial-gradient(circle closest-side,#0000 98%,#0000008c 99%);position:absolute;inset:0}.avatar-crop-overlay:after{content:"";background:radial-gradient(circle closest-side,#0000 calc(98% - 1px),#fff9 98% 99%,#0000 calc(99% + 1px));position:absolute;inset:0}
.cod-card-circle{pointer-events:auto;touch-action:none;position:absolute;left:50%}.cod-tarot-card{cursor:pointer;perspective:800px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;opacity:0;transform:translate(var(--card-x), var(--card-y)) rotate(var(--card-rotation)) scale(0);will-change:transform, opacity;background:0 0;border:0;outline:none;padding:0;position:absolute;top:50%;left:50%}.cod-tarot-card img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.cod-tarot-card-inner{border-radius:var(--card-br,18px);width:100%;height:100%;transition:box-shadow .2s;position:relative;box-shadow:-2px 0 4px #0000001f,2px 0 4px #00000014,0 2px 6px #00000026,0 0 1px #0003}.cod-tarot-card-inner:hover{box-shadow:-3px 0 8px #00000026,3px 0 8px #0000001a,0 4px 12px #0000002e,0 0 1px #00000040}.cod-tarot-card[data-selected=true] .cod-tarot-card-inner{box-shadow:-3px 0 8px #c4a87c40,3px 0 8px #c4a87c33,0 4px 14px #c4a87c59,0 0 1px #0003}.cod-pic-face{backface-visibility:hidden;border-radius:inherit;background:linear-gradient(145deg,#f5ede3,#e8dfd3);position:absolute;inset:0;overflow:hidden}.cod-pic-front{transform:rotateY(180deg)}.cod-overlay-card-inner{border-radius:var(--card-br,14px);width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cod-overlay-card-face{backface-visibility:hidden;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.cod-overlay-card-front,.cod-overlay-card-inner[data-card-revealed=true]{transform:rotateY(180deg)}.cod-tarot-card[data-spread=true]{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards cod-card-spread;animation-delay:var(--card-delay)}@keyframes cod-card-spread{0%{opacity:0;transform:translate(var(--card-x), var(--card-y)) rotate(var(--card-rotation)) scale(0)}60%{opacity:1;transform:translate(var(--card-x), var(--card-y)) rotate(var(--card-rotation)) scale(1.05)}to{opacity:1;transform:translate(var(--card-x), var(--card-y)) rotate(var(--card-rotation)) scale(1)}}.cod-tarot-card[data-ready=true]{opacity:1;transform:translate(var(--card-x), var(--card-y)) rotate(var(--card-rotation)) scale(1);will-change:auto;transition:transform .35s cubic-bezier(.34,1.2,.64,1);animation:none}.cod-tarot-card[data-ready=true][data-selected=true]{transform:translate(var(--card-x-selected), var(--card-y-selected)) rotate(var(--card-rotation)) scale(1)}.cod-tarot-card[data-slide-away=true]{animation:.6s cubic-bezier(.4,0,.2,1) forwards cod-slide-away;animation-delay:calc(var(--card-delay) * .25)}@keyframes cod-slide-away{to{opacity:0;transform:translate(0)scale(0)}}.cod-tarot-card[data-hidden=true]{opacity:0!important;pointer-events:none!important}.cod-fly-overlay{z-index:9999;left:var(--fly-left);top:var(--fly-top);width:var(--fly-w);height:var(--fly-h);transform:rotate(var(--fly-rot));perspective:1000px;pointer-events:none;transition:left .8s cubic-bezier(.34,1.56,.64,1),top .8s cubic-bezier(.34,1.56,.64,1),width .8s cubic-bezier(.34,1.56,.64,1),height .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1),opacity .7s;position:fixed}.cod-fly-overlay[data-centered=true]{left:var(--target-left);top:var(--target-top);width:var(--target-w);height:var(--target-h);transform:rotate(0)}.cod-fly-overlay[data-dissolving=true]{opacity:0}.cod-fly-inner{border-radius:var(--card-br,14px);width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1) .85s;position:relative;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.cod-fly-overlay[data-revealed=true] .cod-fly-inner{transform:rotateY(180deg)}.cod-fly-face{border-radius:inherit;backface-visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0;overflow:hidden}.cod-fly-face img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.cod-fly-front{transform:rotateY(180deg)}.cod-center-overlay{animation:.5s ease-out both cod-overlay-enter}@keyframes cod-overlay-enter{0%{opacity:0}to{opacity:1}}.cod-center-overlay[data-leaving=true],.cod-tarot-card[data-leaving=true]{animation:.8s ease-in forwards cod-overlay-exit!important}@keyframes cod-overlay-exit{0%{opacity:1}to{opacity:0}}.cod-loading-card-wrapper{animation:3s ease-in-out infinite cod-loading-float}@keyframes cod-loading-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cod-loading-card-glow{background:radial-gradient(#c4a87c73 0%,#7b5ea740 50%,#0000 75%);animation:4s ease-in-out infinite cod-glow-pulse}@keyframes cod-glow-pulse{0%,to{opacity:.4;transform:scale(.92)}50%{opacity:.8;transform:scale(1.04)}}.cod-loading-card-shimmer{border-radius:inherit;pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.cod-loading-card-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 25%,#ffffff38 45%,#ffffff52 50%,#ffffff38 55%,#ffffff0a 75%,#0000 100%);width:50%;height:400%;animation:2.6s ease-in-out infinite cod-loading-shimmer-sweep;position:absolute;top:-150%;left:-60%;transform:rotate(-25deg)}@keyframes cod-loading-shimmer-sweep{0%{left:-60%}to{left:160%}}.cod-loading-message{animation:.4s ease-out both cod-loading-message-enter}@keyframes cod-loading-message-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cod-result-enter{animation:.6s cubic-bezier(.22,1,.36,1) forwards cod-result-in}@keyframes cod-result-in{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes credits-pop{0%{opacity:0;transform:scale(.5)translateY(8px)}60%{opacity:1;transform:scale(1.1)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.credits-awarded-pop{animation:.5s ease-out forwards credits-pop}@keyframes pill-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pill-animate{animation:.3s ease-out forwards pill-fade-in}@keyframes souls-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.souls-count-entrance{animation:.6s ease-out forwards souls-slide-in}.souls-count-number{align-items:center;gap:2px;display:inline-flex}@keyframes sparkle-twinkle-1{0%,to{opacity:.3;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes sparkle-twinkle-2{0%,to{opacity:.2;transform:scale(.6)rotate(0)}50%{opacity:.9;transform:scale(1)rotate(-30deg)}}.souls-sparkle-1{animation:2s ease-in-out infinite sparkle-twinkle-1}.souls-sparkle-2{animation:2.5s ease-in-out .8s infinite sparkle-twinkle-2}.cod-card-revealing{background:linear-gradient(160deg,#2d1f4e 0%,#1a1528 30%,#3d2b5a 50%,#1a1528 70%,#2d1f4e 100%);position:relative;overflow:hidden}.cod-card-revealing:after{content:"";background:radial-gradient(circle,#d4a8434d 0%,#d4a8431a 30%,#0000 60%);animation:2s ease-in-out infinite cod-revealing-pulse;position:absolute;inset:0}@keyframes cod-revealing-pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.cod-loading-card-reveal{animation:.6s ease-out forwards cod-card-img-reveal}@keyframes cod-card-img-reveal{0%{opacity:0;filter:brightness(1.5)}to{opacity:1;filter:brightness()}}@keyframes card-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-shimmer{background:linear-gradient(90deg, hsl(var(--muted)) 25%, hsl(var(--muted-foreground) / .1) 37%, hsl(var(--muted)) 63%);background-size:200% 100%;animation:1.5s ease-in-out infinite card-shimmer}.cod-share-btn{animation:3s ease-in-out 1.5s infinite cod-share-glow;position:relative;overflow:hidden}.cod-share-btn:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 35%,#d4a84340 45%,#d4a84314 55%,#0000 65%);animation:4s ease-in-out 2s infinite cod-share-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes cod-share-glow{0%,to{box-shadow:0 0 #d4a84300}50%{box-shadow:0 0 8px 1px #d4a84340}}@keyframes cod-share-shimmer{0%{transform:translate(-100%)}40%{transform:translate(100%)}to{transform:translate(100%)}}
.share-overlay{z-index:120;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.18s ease-out share-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.share-panel{background:#fff;border-radius:.75rem;flex-direction:column;width:100%;max-width:28rem;max-height:90vh;animation:.18s ease-out share-zoom-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.share-panel-header{border-bottom:1px solid #e8dfd3;flex-shrink:0;padding:.75rem 1rem}.share-panel-body{flex-direction:column;flex:1;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto}@media (prefers-color-scheme:dark){.share-panel{background:hsl(var(--background));border:1px solid hsl(var(--border))}}.share-icon-btn{all:unset;cursor:pointer;flex-direction:column;align-items:center;gap:.375rem;display:flex}.share-icon-btn:focus-visible{outline-offset:4px;border-radius:.5rem;outline:2px solid #8b7355}@keyframes share-fade-in{0%{opacity:0}to{opacity:1}}@keyframes share-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}