.tarot-page{--tarot-ink:var(--foreground);--tarot-ink-soft:var(--retro-teal);--tarot-muted:#6b7280;--tarot-body:#4b5563;--tarot-accent:var(--retro-teal);--tarot-amber:var(--retro-yellow);--tarot-line:#e5e7eb;--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-quint:cubic-bezier(.22,1,.36,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);color:var(--tarot-ink);background:0 0}.tarot-shell{background:0 0;position:relative;overflow:hidden}.tarot-hero{z-index:1;position:relative}.tarot-title-mark{animation:tarot-title-in .52s var(--ease-out-quint)both;color:var(--retro-teal);position:relative}.tarot-title-mark:after{animation:tarot-rule-in .62s var(--ease-out-expo).17s both;background:linear-gradient(90deg,var(--retro-teal),var(--retro-orange),var(--retro-yellow));content:"";height:.28rem;position:absolute;bottom:-.2rem;left:17%;right:17%;transform:skew(-18deg)}.tarot-feature-card,.tarot-category-card{border:1px solid var(--tarot-line);text-align:left;z-index:1;transition:border-color .22s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart),transform .22s var(--ease-out-quart);background:#fff;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000000f}.tarot-feature-card{animation:tarot-feature-in .62s var(--ease-out-quint).13s both;background:linear-gradient(135deg,#4a9b8ef5,#ff6b35e0),var(--retro-teal);border-color:#ffffff47;border-radius:1.75rem;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;transform:rotate(-.35deg);box-shadow:0 24px 58px #4a9b8e40}.tarot-category-card{animation:tarot-card-in .52s var(--ease-out-quint)both;border-radius:1.35rem;flex-direction:column;height:100%;padding:1.25rem}.tarot-feature-card:after{content:"";pointer-events:none;transition:transform .52s var(--ease-out-expo);background:repeating-linear-gradient(-35deg,#ffffff38 0 2px,#0000 2px 10px);position:absolute;inset:0;transform:translate(-18%);-webkit-mask-image:linear-gradient(110deg,#0000 0 48%,#000 48% 100%);mask-image:linear-gradient(110deg,#0000 0 48%,#000 48% 100%)}.tarot-feature-card:hover:after{transform:translate(10%)}.tarot-feature-card:hover,.tarot-category-card:hover{border-color:var(--retro-teal);transform:translateY(-2px);box-shadow:0 18px 44px #0000001a}.tarot-feature-card:hover{transform:rotate(-.35deg)translateY(-2px);box-shadow:0 30px 68px #4a9b8e4f}.tarot-feature-card:active,.tarot-category-card:active{transform:translateY(0)scale(.985)}.tarot-feature-card:active{transform:rotate(-.35deg)scale(.99)}.tarot-feature-title,.tarot-feature-copy,.tarot-feature-card .tarot-start-label{color:#fff}.tarot-feature-copy{opacity:.86}.tarot-feature-icon,.tarot-category-icon{background:var(--bg-ivory-medium);border:1px solid var(--tarot-line);color:var(--tarot-ink-soft);transition:background .22s var(--ease-out-quart),color .22s var(--ease-out-quart),transform .22s var(--ease-out-quart);justify-content:center;align-items:center;display:flex}.tarot-feature-icon{color:#fff;background:#ffffff2e;border-color:#ffffff42;border-radius:1.35rem;flex-shrink:0;width:4rem;height:4rem}.tarot-category-icon{border-radius:1rem;width:3rem;height:3rem}.tarot-feature-card:hover .tarot-feature-icon,.tarot-category-card:hover .tarot-category-icon{background:linear-gradient(135deg,var(--retro-teal),var(--retro-orange));color:#fff;transform:rotate(-3deg)}.tarot-feature-card:hover .tarot-feature-icon svg,.tarot-category-card:hover .tarot-category-icon svg{animation:tarot-icon-lift .36s var(--ease-out-quint)}.tarot-category-love{--category-color:var(--retro-orange);--category-soft:#ff6b351a}.tarot-category-study{--category-color:var(--retro-teal);--category-soft:#4a9b8e1f}.tarot-category-money{--category-color:var(--retro-yellow);--category-soft:#f7b32b29}.tarot-category-health{--category-color:#80afa9;--category-soft:#80afa929}.tarot-category-card{background:linear-gradient(155deg,var(--category-soft,transparent),transparent 56%),white}.tarot-category-card:first-child{animation-delay:.21s}.tarot-category-card:nth-child(2){animation-delay:.28s}.tarot-category-card:nth-child(3){animation-delay:.35s}.tarot-category-card:nth-child(4){animation-delay:.42s}.tarot-category-card .tarot-category-icon{background:var(--category-soft,var(--bg-ivory-medium));color:var(--category-color,var(--retro-teal))}.tarot-category-card:hover{border-color:var(--category-color,var(--retro-teal))}.tarot-category-card:hover .tarot-category-icon{background:var(--category-color,var(--retro-teal))}.tarot-start-label{color:var(--tarot-ink-soft);opacity:0;transition:opacity .22s var(--ease-out-quart),transform .22s var(--ease-out-quart);font-weight:800;transform:translate(-.5rem)}.tarot-feature-card:hover .tarot-start-label,.tarot-category-card:hover .tarot-start-label{opacity:1;transform:translate(0)}.tarot-draw-copy{animation:tarot-card-in .42s var(--ease-out-quint)both;color:var(--tarot-body);text-align:center;max-width:30rem;margin-bottom:1rem;font-weight:600}.tarot-link-action{color:var(--tarot-ink-soft);transition:color .18s var(--ease-out-quart),transform .14s var(--ease-out-quart);align-items:center;gap:.375rem;font-size:.875rem;font-weight:700;display:flex}.tarot-link-action:hover{color:var(--tarot-ink);transform:translateY(-1px)}.tarot-link-action:active{transform:translateY(0)scale(.96)}.tarot-link-muted{color:var(--tarot-muted)}.tarot-primary-button{background:var(--tarot-ink-soft);color:#fff;transition:background .18s var(--ease-out-quart),transform .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart);border-radius:.95rem;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #4a9b8e33}.tarot-primary-button:hover{background:color-mix(in srgb,var(--retro-teal)88%,black);transform:translateY(-1px);box-shadow:0 16px 34px #4a9b8e3d}.tarot-primary-button:active{transform:translateY(0)scale(.97);box-shadow:0 8px 18px #4a9b8e2e}.tarot-primary-button:disabled{transform:none}.tarot-result-card,.tarot-mini-result{border:1px solid var(--tarot-line);background:#fff;box-shadow:0 12px 30px #0000000f}.tarot-result-card{border-radius:1.15rem;padding:1.1rem 1.25rem}.tarot-result-card-strong{background:linear-gradient(135deg,#4a9b8e17,#ff6b350f),#fff;border-color:#4a9b8e33}.tarot-mini-result{border-radius:1rem;padding:.95rem}.tarot-reverse-badge{background:var(--retro-orange);color:#fff;z-index:10;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:800;position:absolute;bottom:.75rem}.card-container{animation:tarot-card-in .46s var(--ease-out-quint)both;perspective:1000px;width:180px;height:280px}@media (max-width:640px){.card-container{width:150px;height:240px}}.card-inner{width:100%;height:100%;transition:transform .8s var(--ease-out-quint);transform-style:preserve-3d;position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 18px 48px #00000024}.card-front{background:radial-gradient(circle at 50% 35%,#fdf5e657,transparent 2.8rem),linear-gradient(135deg,var(--retro-teal)0%,var(--retro-orange)100%);border:1px solid #ffffff5c}.card-back{background:var(--retro-cream);border:2px solid var(--retro-brown);overflow:hidden;transform:rotateY(180deg)}.card-back img{object-fit:cover;border-radius:10px;width:100%;height:100%}.card-pattern{border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-container{animation:tarot-card-in .42s var(--ease-out-quint)both;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-bottom:2rem;display:flex}.ring-deck{width:320px;height:320px;position:relative}@media (min-width:480px){.ring-deck{width:420px;height:420px}}@media (min-width:640px){.ring-deck{width:520px;height:520px}}@media (min-width:768px){.ring-deck{width:600px;height:600px}}.ring-card{cursor:pointer;width:40px;height:64px;transition:filter .2s var(--ease-out-quart),transform .3s var(--ease-out-quart),z-index 0s;background:radial-gradient(circle at 50% 36%,#fdf5e657,transparent .9rem),linear-gradient(135deg,var(--retro-teal)0%,var(--retro-orange)100%);opacity:0;--ring-radius:130px;border:1px solid #ffffff42;border-radius:3px;margin-top:-32px;margin-left:-20px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(0)rotate(0)scale(.5);box-shadow:0 1px 3px #0003}@media (min-width:480px){.ring-card{--ring-radius:172px;width:48px;height:76px;margin-top:-38px;margin-left:-24px}}@media (min-width:640px){.ring-card{--ring-radius:216px;width:55px;height:88px;margin-top:-44px;margin-left:-27.5px}}@media (min-width:768px){.ring-card{--ring-radius:252px;width:60px;height:95px;margin-top:-47.5px;margin-left:-30px}}.ring-card.dealt{opacity:1;transform:rotate(var(--card-angle))translateY(calc(var(--ring-radius)*-1));transition:transform .8s var(--ease-out-expo),opacity .3s ease;transition-delay:var(--deal-delay)}.deck-shuffling .ring-card{transition:transform .6s ease-in-out;transform:rotate(calc(var(--card-angle)*2))translateY(0)scale(.5)!important;transition-delay:0s!important}.deck-shuffling .ring-card:nth-child(odd){transform:rotate(calc(var(--card-angle)*2 + 10deg))translateY(10px)scale(.5)!important}.ring-card:hover{filter:brightness(1.2);transition-delay:0s;box-shadow:0 10px 20px #0000004d;z-index:500!important;transform:rotate(var(--card-angle))translateY(calc(var(--ring-radius)*-1 - 20px))scale(1.1)!important}.ring-card.selected-card{filter:brightness(1.3);border-color:#fff;box-shadow:0 0 26px #4a9b8ec7;z-index:600!important;transform:rotate(var(--card-angle))translateY(calc(var(--ring-radius)*-1 - 40px))scale(1.15)!important}.ring-card.selected-card .ring-card-inner:after{animation:tarot-selection-pulse 1.35s var(--ease-out-quart)infinite;content:"";opacity:0;border:1px solid #ffffffb8;border-radius:4px;position:absolute;inset:-5px}.ring-card-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ring-card-inner:before{content:"";border:1px solid #fff3;border-radius:2px;position:absolute;inset:3px}@media (max-width:640px){.tarot-feature-card{border-radius:1.35rem;align-items:flex-start;gap:1rem;padding:1.15rem}.tarot-feature-icon{width:3.25rem;height:3.25rem}.tarot-category-card{padding:1rem}}@media (prefers-reduced-motion:reduce){.tarot-title-mark,.tarot-title-mark:after,.tarot-feature-card,.tarot-feature-card:after,.tarot-category-card,.tarot-draw-copy,.ring-container,.card-container,.card-inner,.ring-card,.ring-card.selected-card .ring-card-inner:after,.tarot-primary-button{transition:none;animation:none}.result-section{animation:none}}@keyframes tarot-title-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tarot-rule-in{0%{opacity:0;transform-origin:0;transform:scaleX(0)skew(-18deg)}to{opacity:1;transform-origin:0;transform:scaleX(1)skew(-18deg)}}@keyframes tarot-feature-in{0%{opacity:0;transform:translateY(18px)rotate(-.35deg)scale(.985)}to{opacity:1;transform:translateY(0)rotate(-.35deg)scale(1)}}@keyframes tarot-card-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tarot-icon-lift{0%{transform:translateY(0)rotate(0)scale(1)}55%{transform:translateY(-2px)rotate(-5deg)scale(1.08)}to{transform:translateY(0)rotate(0)scale(1)}}@keyframes tarot-selection-pulse{0%{opacity:.72;transform:scale(.94)}to{opacity:0;transform:scale(1.22)}}@keyframes revealResult{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-section{animation:.5s ease-out forwards revealResult}.result-section:first-child{animation-delay:.1s}.result-section:nth-child(2){animation-delay:.2s}.result-section:nth-child(3){animation-delay:.3s}.result-section:nth-child(4){animation-delay:.4s}.category-btn{transition:all .2s}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ring-controls{z-index:10;flex-direction:column;align-items:center;gap:.75rem;margin-top:5rem;padding-top:1rem;display:flex;position:relative}@media (max-width:640px){.ring-controls{margin-top:3rem}}