.quiz-head{padding-top:30px}.quiz-head h1{font-size:28px;margin:10px 0}.deck-area{text-align:center;padding:30px 22px 34px}#draw{width:min(340px,100%);margin:0 auto;border:none;cursor:pointer;font-family:var(--font-body)}.deck-fan{height:110px;position:relative;margin-bottom:18px}.deck-fan i{position:absolute;left:50%;top:8px;width:62px;height:94px;margin-left:-31px;border-radius:8px;border:1px solid #c9ab5e;background:radial-gradient(circle at 50% 30%,rgba(232,196,118,.3),transparent 60%),repeating-linear-gradient(45deg,#2a2450 0 6px,#332c5e 6px 12px);color:#e8c476;font-style:normal;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #3b345240;transform-origin:50% 120%;transition:transform .35s cubic-bezier(.2,.7,.3,1.2)}.deck-fan i:nth-child(1){transform:rotate(-14deg)}.deck-fan i:nth-child(2){transform:rotate(0) translateY(-4px)}.deck-fan i:nth-child(3){transform:rotate(14deg)}.deck-area:hover .deck-fan i:nth-child(1){transform:rotate(-24deg) translateY(-4px)}.deck-area:hover .deck-fan i:nth-child(2){transform:rotate(0) translateY(-12px)}.deck-area:hover .deck-fan i:nth-child(3){transform:rotate(24deg) translateY(-4px)}@keyframes deal{0%{opacity:0;transform:translateY(-36px) rotate(-5deg) scale(.92)}to{opacity:1;transform:none}}.deal{animation:deal .55s cubic-bezier(.2,.7,.3,1.1) both}@media(prefers-reduced-motion:reduce){.deal{animation:none}.deck-fan i{transition:none}}.hint{font-size:13px;color:var(--text-dim);text-align:center;margin:18px 0 10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pos-label{text-align:center;font-family:var(--font-display);color:var(--gold-soft);font-size:13px;margin-bottom:8px}.tcard{perspective:900px;background:none;border:none;width:100%;aspect-ratio:2 / 3.2;cursor:pointer;padding:0}.tcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.tcard.is-flipped .tcard-inner{transform:rotateY(180deg)}.tcard-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:12px;border:1px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tcard-back{background:radial-gradient(circle at 50% 30%,rgba(232,196,118,.3),transparent 60%),repeating-linear-gradient(45deg,#2a2450 0 8px,#332c5e 8px 16px);color:#e8c476;font-size:34px;border-color:#c9ab5e;box-shadow:0 8px 20px #3b345247}.tcard:hover .tcard-back{box-shadow:0 12px 28px #3b345261;transform:translateY(-2px)}.tcard-front{background:linear-gradient(170deg,#fffdf6,#f8f0dd);border:1.5px solid var(--gold-soft);box-shadow:inset 0 0 0 4px #fffdf6,inset 0 0 0 5px var(--gold-pale),var(--shadow-soft);transform:rotateY(180deg);gap:3px}.tcard-front:before,.tcard-front:after{content:"✦";position:absolute;color:var(--gold-soft);font-size:10px}.tcard-front:before{top:9px;left:50%;transform:translate(-50%)}.tcard-front:after{bottom:9px;left:50%;transform:translate(-50%)}.tcard-front.is-rev .tart{transform:rotate(180deg)}.tart{width:68%;height:auto;margin:2px 0}.tnum{font-family:var(--font-display);font-size:clamp(14px,4vw,20px);font-weight:700;color:#3a3050;line-height:1.2}.tname{font-family:var(--font-display);font-weight:700;color:var(--gold);font-size:clamp(12px,3.4vw,16px)}.ten{font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.tori{font-size:11px;color:var(--text-dim)}.sec-title{font-size:21px;margin:40px 0 16px;color:var(--text)}.read-block{margin-bottom:14px}.read-block h3{color:var(--gold);font-size:16px;margin-bottom:4px}.read-block .frame{font-size:12px;color:var(--text-dim);margin-bottom:8px}.read-block p{font-size:14px;color:var(--text-soft)}.guide-note{margin:20px 0}.guide-note p{font-size:14px;color:var(--text-soft)}.reco-title{margin:30px 0 8px;font-size:17px;color:var(--gold-soft)}.reco-lead{font-size:13.5px;color:var(--text-dim);margin-bottom:14px}.svc-grid{display:grid;gap:16px}.retry{text-align:center;margin:34px 0 10px}.retry button{cursor:pointer;background:none;font-family:var(--font-body)}.also{text-align:center;font-size:13px;color:var(--text-dim)}
