@font-face{font-family:"Barlow Desafio";src:url("/fonts/barlow-condensed-latin-900-normal.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
:root{--quiz-ink:#241a3b;--quiz-plum:#332052;--quiz-gold:#ffda77;--quiz-pink:#f482ad}
.quiz-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;overflow:hidden;min-height:290px;padding:clamp(22px,5vw,58px);gap:12px;border:1px solid #67486f;border-radius:28px;color:#fff6e9;background:radial-gradient(ellipse at 78% 35%,#72416f 0,transparent 51%),linear-gradient(120deg,#241438,#45265e)}
.quiz-banner h2,.quiz-display{font-family:"Barlow Desafio",Impact,"Arial Black",system-ui,sans-serif;font-weight:900;letter-spacing:.025em;line-height:1.02}
.quiz-banner h2{color:#fff3db;font-size:clamp(2.4rem,6vw,5.4rem);margin:.22em 0;text-shadow:0 5px #1e1031}
.quiz-banner .eyebrow,.quiz-eyebrow{color:var(--quiz-gold);font-weight:900;font-size:.8rem;letter-spacing:.17em;text-transform:uppercase}
.quiz-banner p{max-width:39ch;margin:12px 0 22px;color:#fff1e1}
.quiz-banner .btn,.quiz-button{display:inline-block;text-decoration:none;border:1px solid transparent;border-radius:13px;padding:12px 18px;background:#ffda77;color:#241a3b;font:inherit;font-weight:850;cursor:pointer}
.quiz-banner .btn:hover,.quiz-button:hover{background:#ffe8a1;color:#241a3b}
.quiz-banner-art{position:relative;min-width:0;display:grid;place-items:center}
.quiz-banner-art img{width:min(100%,325px);z-index:2;filter:drop-shadow(0 16px 30px #160d2f80);animation:faisca-float 4s ease-in-out 3}
.quiz-card-orbit{position:absolute;display:grid;place-items:center;width:23%;aspect-ratio:4/5;border:2px solid #ffc878;border-radius:15px;color:var(--quiz-gold);font:bold clamp(1.2rem,4vw,2.8rem) system-ui;background:#522c6a;box-shadow:0 10px 25px #26153d90}
.quiz-card-orbit:first-child{left:1%;top:26%;transform:rotate(-19deg);animation:faisca-card 3.8s ease-in-out 3}
.quiz-card-orbit:nth-child(2){right:2%;top:16%;transform:rotate(20deg);animation:faisca-card 3.8s .4s ease-in-out 3 reverse}
.quiz-card-orbit:nth-child(3){right:10%;bottom:4%;transform:rotate(11deg)}
.quiz-page{max-width:970px;margin:28px auto 70px;padding:0 16px}
.quiz-page .quiz-banner{min-height:220px;margin-bottom:20px;padding-block:22px}
.quiz-page .quiz-banner-art img{max-height:220px}
.quiz-shell,.quiz-board{background:var(--paper,#fff);color:var(--text,#27223a);border:1px solid var(--line,#e9dceb);border-radius:21px;padding:clamp(16px,4vw,30px);margin:18px 0}
.quiz-shell h2,.quiz-board h2{margin:.4em 0 .6em;line-height:1.2}
.quiz-shell .quiz-eyebrow{color:#92527e}
.quiz-hud,.quiz-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}
.quiz-hud span{border-radius:999px;padding:6px 12px;background:#eee5f8;color:#3a2652;font-weight:750;font-size:.88rem}
.quiz-hud .quiz-urgent{color:#811b37;background:#ffdfdf}
.quiz-progress{overflow:hidden;height:7px;background:#ebe0f1;border-radius:10px}
.quiz-progress div{height:100%;background:linear-gradient(90deg,#a05ac1,#e75c93)}
.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}
.quiz-options button,.quiz-button.secondary{background:#fffafc;border:1px solid #d4c4df;color:#382a4f}
.quiz-options button{min-height:58px;border-radius:12px;padding:12px;text-align:left;font:inherit;overflow-wrap:anywhere;cursor:pointer}
.quiz-options button:hover{border-color:#a65dc4}
.quiz-options button.selected{background:#e8d9fb;border-color:#945fc3}
.quiz-shell button:disabled{opacity:.55;cursor:default}
.quiz-shell button:focus-visible,.quiz-shell a:focus-visible{outline:3px solid #a04bc3;outline-offset:3px}
.quiz-shell input{font:inherit;border-radius:11px;padding:10px 12px;border:1px solid #bca6cf;max-width:100%}
.quiz-portal{isolation:isolate;position:relative;overflow:hidden;padding:clamp(16px,4vw,27px);border-radius:20px;background:linear-gradient(145deg,#332052,#583163);color:#fff7eb;border:1px solid #8e6594}
.quiz-portal .quiz-eyebrow{color:var(--quiz-gold)}
.quiz-portal h2,.quiz-portal h3{color:inherit}
.quiz-portal-art{width:104px;float:right;margin-left:8px;animation:faisca-float 3s ease-in-out 2}
.quiz-reveal{animation:quiz-reveal .55s cubic-bezier(.2,.85,.3,1) both}
.quiz-position{animation:quiz-reveal .45s .35s both;color:#ffe09a;font-weight:850}
.quiz-stage-two{margin-top:16px;background:radial-gradient(ellipse at 85% 50%,#63436f,transparent 52%),#291640}
.quiz-stage-two.quiz-reveal{animation:quiz-chamber .78s cubic-bezier(.18,.87,.34,1) both}
.quiz-stage-two .quiz-display{color:#ffe297;text-shadow:0 0 30px #bd79e58c}
.quiz-stage-two .quiz-portal-art{transform:scale(1.05);filter:drop-shadow(0 0 13px #ffc56b88)}
.quiz-ranking-row{display:flex;justify-content:space-between;gap:9px;padding:9px 0;border-bottom:1px solid var(--line,#ded4e8)}
.quiz-ranking-row span:first-child{overflow-wrap:anywhere}
.quiz-ranking-row span:last-child{flex-shrink:0}
.quiz-board details{margin-top:16px}
.quiz-note{font-size:.9rem}
.quiz-skip{background:transparent;color:inherit;border:0;text-decoration:underline;cursor:pointer;font:inherit;padding:8px}
@keyframes faisca-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@keyframes faisca-card{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes quiz-chamber{from{clip-path:inset(0 45% round 20px);filter:brightness(1.5)}to{clip-path:inset(0 round 20px);filter:none}}
@keyframes quiz-reveal{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:620px){.quiz-banner{grid-template-columns:1fr .75fr;min-height:215px;gap:0}.quiz-banner p{font-size:.94rem}.quiz-banner h2{font-size:clamp(1.8rem,8vw,3rem)}.quiz-options{grid-template-columns:1fr}.quiz-page .quiz-banner{min-height:0}.quiz-card-orbit{border-radius:8px}.quiz-portal-art{width:76px}}
@media(prefers-reduced-motion:reduce){.quiz-banner-art img,.quiz-card-orbit,.quiz-portal-art,.quiz-reveal,.quiz-stage-two.quiz-reveal,.quiz-position{animation:none}}