.fate-section{position:relative;background:radial-gradient(ellipse at 50% 50%,#780d2522,transparent 65%),#080808;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;overflow:hidden;padding-block:65px;text-align:center;transition:opacity .6s,transform .6s}.fate-section[hidden]{display:none!important}.fate-heading{max-width:680px;margin:0 auto 32px}.fate-heading .eyebrow{justify-content:center;color:#f03449}.fate-heading h2{font-size:clamp(26px,3.5vw,46px);line-height:1.4;margin:14px 0;color:white;text-wrap:balance}.fate-heading>p:last-child{font-size:17px;color:#c9c9c9;line-height:1.8;margin:14px auto;max-width:550px}.fate-deck{display:flex;align-items:center;justify-content:center;gap:24px;max-width:900px;margin:0 auto;min-height:330px;perspective:1400px}.fate-slot{width:210px;aspect-ratio:2/3;flex-shrink:0;transition:width .8s cubic-bezier(.2,.8,.2,1),opacity .5s,transform .8s;position:relative}.fate-slot:nth-child(1){transform:rotate(-6deg) translateY(10px)}.fate-slot:nth-child(3){transform:rotate(6deg) translateY(10px)}.fate-card{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;transform-style:preserve-3d;transition:transform .95s cubic-bezier(.2,.65,.2,1);color:white;cursor:pointer;box-shadow:0 14px 45px #0009;border-radius:15px;touch-action:manipulation}.fate-card:focus-visible{outline:2px solid white;outline-offset:7px}.fate-card:disabled{opacity:1;cursor:default}.fate-card:enabled:hover{transform:translateY(-12px) rotateY(8deg)}.fate-face{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;border:1px solid #ce29488c;backface-visibility:hidden;-webkit-backface-visibility:hidden}.fate-back{background:radial-gradient(ellipse at center,#510e20 0,#1c0b10 35%,#0b0b0d 80%);box-shadow:inset 0 0 35px #bb183922}.fate-back:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff38;border-radius:9px}.fate-back:after{content:"";position:absolute;inset:19px;border:1px solid #a51a3c55;border-radius:5px;pointer-events:none}.fate-orbit{width:88px;height:88px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 35px #c61a3b22;animation:fate-breathe 4s ease-in-out infinite}.fate-orbit:before,.fate-orbit:after{content:"";position:absolute;width:115%;height:48%;border:1px solid #d5274970;border-radius:50%;transform:rotate(-30deg)}.fate-orbit:after{transform:rotate(30deg)}.fate-moon{width:40px;height:40px;display:block;border-radius:50%;background:radial-gradient(circle at 30% 30%,white,#ddd 35%,#6a6a6a 90%);box-shadow:0 0 18px #ffffff3b}.fate-mark{position:absolute;top:28px;font:600 12px Montserrat,sans-serif;letter-spacing:3px;color:#ddd}.fate-number{position:absolute;bottom:26px;font:500 13px Montserrat,sans-serif;letter-spacing:4px;color:#f34966}.fate-front{transform:rotateY(180deg);background:#080808;border-color:#ed3447}.fate-front img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;transform:none}.fate-front:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#0009 70%,#050505 100%);pointer-events:none}.fate-caption{position:absolute;bottom:22px;left:18px;right:18px;text-align:left;z-index:1}.fate-name{display:block;font-size:23px;line-height:1.35;color:#fff;text-wrap:balance}.fate-meta{display:block;font-size:12px;line-height:1.7;color:#ddd;margin-top:10px}.fate-selected .fate-deck{gap:0}.fate-selected .fate-chosen{width:260px;transform:none}.fate-selected .fate-vanish{width:0;opacity:0;transform:translateY(35px) rotate(18deg) scale(.65);pointer-events:none}.fate-vanish .fate-card{visibility:hidden}.fate-flipped .fate-card{transform:rotateY(180deg)}.fate-status{color:#b6b6b6;font-size:14px;min-height:1.7em;margin:28px 0 16px;line-height:1.7}.fate-actions{max-width:510px;margin:0 auto;display:flex;justify-content:center;gap:12px;animation:fate-actions-in .5s both}.fate-actions[hidden]{display:none}.fate-actions .button{font-size:15px;min-height:52px;padding:14px 22px;display:flex;align-items:center;justify-content:center;gap:10px}.fate-actions .fate-close{background:#151515;border:1px solid #ffffff30;color:#ddd}.fate-dismissed{opacity:0;transform:translateY(20px);pointer-events:none}@keyframes fate-breathe{50%{box-shadow:0 0 40px #db294b55;transform:scale(1.04)}}@keyframes fate-actions-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:680px){.fate-section{padding-block:45px}.fate-heading{margin-bottom:28px}.fate-heading h2{font-size:28px}.fate-heading>p:last-child{font-size:15px;line-height:1.8}.fate-deck{gap:12px;min-height:180px;max-width:100%}.fate-slot{width:calc((100% - 24px)/3);max-width:150px}.fate-mark{font-size:8px;letter-spacing:1px;top:20px}.fate-number{font-size:10px;bottom:19px}.fate-orbit{width:45px;height:45px}.fate-moon{width:24px;height:24px}.fate-back:before{inset:6px}.fate-back:after{inset:11px}.fate-face{border-radius:10px}.fate-selected .fate-chosen{width:min(75vw,260px);max-width:none}.fate-caption{left:17px;right:17px;bottom:20px}.fate-name{font-size:22px}.fate-actions{flex-direction:column;max-width:300px}.fate-actions .button{width:100%;font-size:14px}.fate-status{font-size:13px;margin-top:24px}.fate-heading .eyebrow{font-size:10px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.fate-section,.fate-slot,.fate-card{transition:none}.fate-orbit,.fate-actions{animation:none}}