/* Shared by the four localized archetype quizzes. */
.quiz-reveal { width: min(100%, 520px); padding-block: 30px; gap: 20px; }
.quiz-reveal-orbit { position: relative; display: grid; place-items: center; width: 100%; padding: 18px 0; }
.quiz-reveal-orbit::before { content: ''; position: absolute; width: min(100%, 340px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(185,132,236,.2), rgba(216,169,78,.06) 48%, transparent 72%); pointer-events: none; }
.quiz-reveal-button { display: block; position: relative; width: 220px; max-width: 100%; aspect-ratio: 360 / 620; padding: 0; border: 0; background: none; color: var(--gold-soft, #e7cc92); cursor: pointer; perspective: 1100px; -webkit-tap-highlight-color: transparent; touch-action: manipulation; border-radius: 18px; }
.quiz-reveal-button:focus-visible { outline: 2px solid var(--gold-soft, #e7cc92); outline-offset: 8px; }
.quiz-reveal-button:disabled { opacity: 1; cursor: default; }
.quiz-reveal-rotor { position: absolute; inset: 0; display: block; transform-style: preserve-3d; transition: transform .3s ease; }
.quiz-reveal-button:not(:disabled):hover .quiz-reveal-rotor { transform: translateY(-5px) rotateY(-8deg); }
.quiz-reveal-back, .quiz-reveal-front { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(231,204,146,.65); border-radius: 18px; backface-visibility: hidden; -webkit-backface-visibility: hidden; box-shadow: 0 18px 45px rgba(0,0,0,.4), 0 0 24px rgba(216,169,78,.12); }
.quiz-reveal-back { background: radial-gradient(ellipse at 50% 40%, #24182a, #100c14 62%, #09090d); transform: rotateY(0deg); }
.quiz-reveal-back svg { position: absolute; inset: 0; width: 100%; height: 100%; stroke: currentColor; stroke-width: 1.2; color: #dabb7b; }
.quiz-reveal-brand { display: block; position: absolute; width: 88%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); mix-blend-mode: screen; filter: brightness(1.3) contrast(1.15); mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent); pointer-events: none; user-select: none; }
.quiz-reveal-back::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg, rgba(255,230,170,.07), transparent 32%, transparent 65%, rgba(255,230,170,.035)); pointer-events: none; }
.quiz-reveal-front { transform: rotateY(180deg); background: #261831; }
.quiz-reveal-front img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #e8d9b6; }
.quiz-reveal-fallback { padding: 18px; font-family: var(--serif); font-size: 1.65rem; }
.quiz-reveal-hint { margin: 0; color: var(--gold-soft, #e7cc92); font-weight: 800; }
.quiz-reveal-note { margin: -8px 0 0; color: var(--text-muted); font-size: .88rem; }
.quiz-reveal.is-revealing .quiz-reveal-orbit::before { background: radial-gradient(circle, rgba(185,132,236,.3), rgba(216,169,78,.12) 48%, transparent 72%); }
@media (max-width: 640px) { .quiz-reveal-button { width: 180px; } .quiz-reveal { padding-block: 24px; gap: 16px; } }
@media (prefers-reduced-motion: reduce) { .quiz-reveal-rotor { transition: none; } .quiz-reveal-button:not(:disabled):hover .quiz-reveal-rotor { transform: none; } }