/* V8 · Physical card interactions · isolated from the rest of the website */
#quiz .quiz-game-grid{align-items:start}
#quiz .deck-scene{--card:#fffaf0;position:relative;isolation:isolate;padding:0 0 8px;min-width:0}
#quiz .deck-under{position:absolute;inset:8px 9px 96px;background:#ded2b4;border:1px solid #ad9b72;border-radius:18px;box-shadow:0 14px 25px #59482920;pointer-events:none}
#quiz .deck-under--second{transform:translate(9px,10px) rotate(3deg);background:#c5bc9f;opacity:.7}
#quiz .deck-under--first{transform:translate(-5px,4px) rotate(-2deg);background:#efe3c8}
#quiz .deck-motion{position:relative;perspective:1500px;filter:drop-shadow(0 18px 24px #70614026);transform-style:preserve-3d}
#quiz .quiz-flip-card{height:440px;width:100%;position:relative;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.72,.16,1)}
#quiz .quiz-flip-card.is-flipped{transform:rotateY(180deg)}
#quiz .quiz-face{position:absolute;inset:0;display:flex;flex-direction:column;border:1px solid #c7b58c;background:var(--card);border-radius:18px;padding:26px 26px 23px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto;color:#17362f}
#quiz .quiz-face--front{z-index:2}
#quiz .quiz-face--back{background:radial-gradient(circle at 90% 0%,#f6eacb,#e9dec2 60%,#ecddba 100%);transform:rotateY(180deg);z-index:1}
#quiz .quiz-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
#quiz .quiz-card-brand{font:800 .7rem/1.2 Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:.15em;color:#826a3c}
#quiz .quiz-card-number{font:800 .65rem/1.2 Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:.08em;color:#806d47;white-space:nowrap}
#quiz .quiz-card-progress{height:4px;border-radius:10px;background:#e8dec9;overflow:hidden;margin-bottom:26px}
#quiz .quiz-card-progress>span{display:block;height:100%;width:20%;background:#a4844e;transition:width .26s ease}
#quiz .quiz-card-type{font-size:.66rem;font-weight:900;letter-spacing:.17em;color:#517b6a}
#quiz .quiz-question{font-size:clamp(1.3rem,2.1vw,1.68rem);line-height:1.25;margin:11px 0 19px;color:#14352e;letter-spacing:-.035em}
#quiz .quiz-options{display:grid;gap:9px}
#quiz .quiz-options button{color:#1e3c33;border:1px solid #d2c5a8;background:#f1ede2;border-radius:10px;padding:13px 15px;line-height:1.4;min-height:45px;font-size:.84rem;font-weight:680;text-align:left;transition:transform .16s,background .16s,border .16s}
#quiz .quiz-options button:hover{transform:translateX(3px);background:#e9e0cb;border-color:#a99771}
#quiz .quiz-options button:focus-visible{outline:2px solid #23574c;outline-offset:3px}
#quiz .quiz-card-hint{margin-top:auto;font-size:.72rem;color:#68786c;padding-top:13px}
#quiz .quiz-face--back .quiz-result-icon{display:grid;place-items:center;width:50px;height:50px;background:#1e5848;border-radius:15px;color:#f5daa3;font-size:25px;margin:14px 0 22px}
#quiz .quiz-face--back .quiz-result-icon.incorrect{background:#815d42;color:#f9e7c6}
#quiz .quiz-back-kicker{font-size:.7rem;letter-spacing:.14em;font-weight:850;color:#3b8064;margin-bottom:7px;text-transform:uppercase}
#quiz .quiz-back-kicker.incorrect{color:#8a5a39}
#quiz #quiz-back-answer{font-size:1.7rem;line-height:1.15;letter-spacing:-.04em;margin-bottom:16px}
#quiz .quiz-back-text{font-size:.85rem;line-height:1.65;color:#466458}
#quiz .quiz-score{font-size:.73rem;color:#5b6c5c;font-weight:800;margin-top:auto;padding:13px 0}
#quiz .quiz-next{display:inline-flex!important;align-self:flex-start;margin-top:0;background:#1b4940;color:#f8e8c2;border:0;border-radius:9px;min-height:47px;padding:12px 17px;font-weight:800}
#quiz .quiz-next:hover{background:#23584b}
#quiz .quiz-post-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
#quiz .quiz-post-actions .button{min-height:42px;padding:11px 14px;font-size:.72rem}
#quiz .deck-motion.is-dealing{animation:quiz-deal .44s cubic-bezier(.22,.77,.29,1) both}
@keyframes quiz-deal{0%{opacity:1;transform:translate(0,0) rotate(0)}40%{opacity:0;transform:translate(58px,-16px) rotate(6deg)}45%{opacity:0;transform:translate(-24px,13px) rotate(-4deg)}100%{opacity:1;transform:translate(0,0) rotate(0)}}
#quiz .quiz-face--front .quiz-options button:active{transform:scale(.985)}
#quiz .quiz-play .button:disabled{opacity:.54;cursor:wait}
@media(max-width:900px){#quiz .deck-scene{margin-top:10px}}
@media(max-width:600px){#quiz .quiz-flip-card{height:470px}#quiz .quiz-face{padding:21px 20px}#quiz .quiz-card-progress{margin-bottom:19px}#quiz .quiz-question{font-size:1.3rem}#quiz .quiz-post-actions{gap:8px;margin-top:25px}#quiz .quiz-post-actions .button{flex:1;min-width:180px}#quiz .quiz-options button{font-size:.81rem;padding:11px 12px}#quiz .quiz-card-hint{font-size:.68rem}#quiz .deck-under{inset:7px 12px 105px}}
@media (prefers-reduced-motion:reduce){#quiz .quiz-flip-card{transition:none}#quiz .deck-motion.is-dealing{animation:none}#quiz .quiz-card-progress>span,#quiz .quiz-options button{transition:none}#quiz .quiz-options button:hover{transform:none}#quiz .ai-wheel{transition:none}}