/* Golpinho – interface e arraste natural, sem novas ilustrações */
:root{--card-cream:#fffdf8;--ink-quiet:#6a6359;--swipe-danger:#e66042;--swipe-safe:#337654}
html{scroll-padding-top:18px}
body{overflow-x:clip}
.wrap{max-width:720px;padding-bottom:max(32px,env(safe-area-inset-bottom))}
.top{padding:12px 0 19px;border-bottom:1px solid #e0d4c0;margin-bottom:15px;min-height:79px}
.brand{gap:12px;white-space:nowrap;font-size:clamp(28px,5.8vw,38px);letter-spacing:-.075em}
.brand .brand-icon{display:block;position:relative;width:58px;height:58px;flex:none;padding:0;overflow:hidden;border:2.5px solid var(--ink);border-radius:18px;background:#f8d4b7;transform:rotate(-6deg);box-shadow:3px 4px 0 #c49c84}
.brand .brand-icon img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.47) translateY(5%);transform-origin:center center}
.brand:hover .brand-icon{transform:rotate(0deg)}
.brand:active .brand-icon{transform:rotate(4deg)}
.edition{font-size:10px;line-height:1.35;text-align:center;letter-spacing:.015em;padding:10px 12px;border-color:#c6bda9;color:#5b5a51}
.progress-row{margin:4px 0 17px;gap:12px}
.progress-track{height:9px;box-shadow:inset 0 0 0 1px #dbcfbb}
.progress-text{min-width:48px;letter-spacing:-.02em}
.undo{height:44px;width:44px;flex:none;border-radius:13px;border-width:2px;transition:transform .14s ease,opacity .14s ease}
.undo:not(:disabled):active{transform:rotate(-22deg) scale(.94)}
.hero{min-height:112px;padding:0 8px 0 15px;margin:0 0 -12px;gap:12px}
.hero h1{font-size:clamp(29px,6vw,45px);margin-bottom:9px;line-height:1.04}
.hero-copy{padding-bottom:25px}
.hero p{line-height:1.4;font-size:11px;letter-spacing:.08em}
.hero img{width:136px;height:136px;max-width:38vw;object-fit:contain;filter:drop-shadow(1px 4px 0 #f4d6aa)}
.deck{position:relative;perspective:1000px;isolation:isolate;margin-bottom:14px}
.deck::before,.deck::after{pointer-events:none}
.deck::before{inset:6px 4px -11px 5px;transform:rotate(1.9deg);background:#e4ddd2;border-color:#c7b6a1}
.deck::after{inset:5px 0 -5px 1px;transform:rotate(-1.2deg);background:#fff9ed;border-color:#d9c8b1}
.card{position:relative;overflow:hidden;cursor:grab;will-change:transform;min-height:clamp(355px,48svh,480px);padding:clamp(23px,5vw,37px);border-color:#d0bba5;border-width:2.5px;border-radius:30px;box-shadow:0 15px 28px #54462e18;transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) rotate(var(--drag-angle,0deg));transition:transform .48s cubic-bezier(.18,1.35,.38,1),opacity .28s ease,box-shadow .2s ease;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}
.card.is-dragging{transition:none;cursor:grabbing;box-shadow:0 24px 38px #54462e32;z-index:4}
.card.fly-left{transform:translate3d(-125vw,-28px,0) rotate(-19deg)!important;opacity:0;transition:transform .43s cubic-bezier(.45,0,.85,.33),opacity .34s ease}
.card.fly-right{transform:translate3d(125vw,-28px,0) rotate(19deg)!important;opacity:0;transition:transform .43s cubic-bezier(.45,0,.85,.33),opacity .34s ease}
.card.fly-left,.card.fly-right{pointer-events:none}
.card .topic{margin-bottom:clamp(20px,3.5vh,33px);padding:9px 14px;background:#f6c8b9;border:1px solid #dba996;color:#50342b;position:relative;z-index:1}
.card h2{font-size:clamp(27px,5.7vw,41px);line-height:1.12;margin-bottom:16px;letter-spacing:-.048em;position:relative;z-index:1}
.card .story{font-size:clamp(17px,3.5vw,20px);line-height:1.5;margin:auto 0 0;color:#504b45;position:relative;z-index:1}
.card small{color:#827366;letter-spacing:.045em;font-size:10px;line-height:1.45;margin-top:24px;position:relative;z-index:1}
.swipe-stamp{pointer-events:none;position:absolute;z-index:5;top:24px;border:5px solid currentColor;border-radius:12px;padding:7px 10px;line-height:1;text-transform:uppercase;font:900 clamp(23px,5vw,36px)/1 Arial,sans-serif;letter-spacing:-.065em;opacity:var(--stamp-left,0);transform:rotate(-11deg);text-shadow:1px 1px 0 #fffdf8;box-shadow:0 0 0 5px #fffdf880;transition:opacity .09s linear}
.stamp-scam{left:14px;color:#b44732;opacity:var(--stamp-left,0)}
.stamp-safe{right:14px;color:#32734b;opacity:var(--stamp-right,0);transform:rotate(10deg)}
.drag-hint{display:flex;justify-content:space-between;align-items:center;margin:1px 4px 7px;font:800 11px/1.3 "Courier New",monospace;color:#7d7061;letter-spacing:.005em}
.drag-hint .arrow{font-size:18px;vertical-align:-2px}
.choices{margin-top:14px;gap:12px}
.choice{height:auto;min-height:76px;padding:10px 8px;border:2.5px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 #c8bbab;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;gap:6px;font-size:clamp(16px,4vw,22px)}
.choice:first-child{background:#ed7556;box-shadow:0 5px 0 #b8503a}
.choice:last-child{background:#eff5ec;box-shadow:0 5px 0 #a6bba3}
.choice:disabled{opacity:.55;cursor:default}
.choice:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px 0 #a79a88}
.choice:not(:disabled):hover{filter:saturate(1.1)}
.choice.is-armed{transform:translateY(2px) scale(1.015);box-shadow:0 2px 0 #ae9e89}
.choice span{font-size:21px}
.micro{font-size:11px;line-height:1.45;margin:12px 0 20px;color:#7b7166}
.footer{line-height:1.6;flex-wrap:wrap;row-gap:4px}
.result-page .result-section{box-shadow:2px 3px 0 #d5c7b2}
.result-page .report-head{margin-top:13px}
.result-page .report-score .big{flex:none}
.result-page .report-score p{min-width:0}
.result-page .report-title{line-height:1.17}
.result-page .review-card summary:focus-visible{outline:3px solid var(--blue)}
@media(min-width:650px){
  .card{min-height:410px}
  .hero{padding-left:20px}
  .hero img{height:148px;width:148px}
}
@media(max-width:520px){
  .wrap{padding:15px 16px 27px}
  .top{margin-bottom:13px;padding:7px 0 15px;min-height:70px}
  .brand{font-size:clamp(26px,7vw,33px);gap:8px}
  .brand .brand-icon{height:48px;width:48px;border-radius:14px}
  .edition{max-width:130px;padding:8px 9px;font-size:9px}
  .hero{min-height:98px;padding-left:8px;margin-bottom:-10px}
  .hero img{height:110px;width:110px}
  .hero h1{font-size:clamp(28px,7.3vw,36px)}
  .hero-copy{padding-bottom:19px}
  .deck::before,.deck::after{border-radius:28px}
  .card{min-height:clamp(340px,49svh,440px);padding:23px;border-radius:27px}
  .card h2{font-size:clamp(27px,7.2vw,34px)}
  .card .topic{margin-bottom:20px}
  .card .story{font-size:17px}
  .drag-hint{font-size:10px;margin-left:2px;margin-right:2px}
  .choice{min-height:70px;font-size:clamp(15px,4.1vw,20px)}
  .result-page .report-score{align-items:flex-start;gap:10px}
  .result-page .report-score .big{font-size:clamp(50px,13vw,70px)}
  .result-page .report-score p{font-size:14px}
}
@media(max-width:355px){
  .edition{max-width:106px}
  .brand .brand-icon{height:44px;width:44px}
  .card{padding:20px;min-height:360px}
  .choices{gap:9px}.choice{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .card,.card.is-dragging,.card.fly-left,.card.fly-right{transition:none!important}
  .brand .brand-icon,.undo,.choice{transition:none!important}
  .stamp-scam,.stamp-safe{transition:none!important}
}


/* Single-screen assessment: keep both responses above mobile browser chrome. */
.quiz-pane{display:flex;flex-direction:column;min-height:0;flex:1}
.quiz-intro{padding:2px 3px 14px}
.quiz-intro h1{font-size:clamp(29px,5.8vw,42px);line-height:1.07;letter-spacing:-.06em;margin:0 0 5px}
.quiz-intro p{color:var(--blue);font:800 11px/1.35 Arial,sans-serif;text-transform:uppercase;letter-spacing:.055em;margin:0}
.is-quiz .card .story{margin:0;color:#504b45}
.is-quiz .card .topic{margin-bottom:15px}
.is-quiz .card small{margin-top:18px}
.is-quiz .footer{display:none}
.is-quiz .deck{display:flex;flex:1;min-height:0;margin-bottom:10px}
.is-quiz .deck .card{flex:1;min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.is-quiz .choices{margin-top:7px;flex:none}
.is-quiz .drag-hint{flex:none;margin:1px 4px 3px}
.is-quiz .micro{font-size:10px;margin:9px 0 0;flex:none}
@media(max-width:600px){
 .is-quiz.wrap{
   display:flex;flex-direction:column;
   height:calc(100svh - env(safe-area-inset-bottom) - 10px);
   min-height:0;
   max-width:520px;
   padding:9px 15px 9px;
 }
 .is-quiz .top{flex:none;margin:0 0 8px;min-height:0;padding:4px 0 9px;gap:7px}
 .is-quiz .brand{font-size:clamp(26px,7vw,32px);gap:9px}
 .is-quiz .brand .brand-icon{width:44px;height:44px;border-radius:13px}
 .is-quiz .edition{max-width:116px;font-size:9px;line-height:1.25;letter-spacing:0;padding:7px 8px;white-space:normal}
 .is-quiz .progress-row{flex:none;margin:2px 0 9px;gap:10px}
 .is-quiz .progress-track{height:8px}
 .is-quiz .undo{height:38px;width:40px;font-size:21px}
 .is-quiz #stage{flex:1;display:flex;flex-direction:column;min-height:0}
 .is-quiz .quiz-intro{padding:0 0 11px}
 .is-quiz .quiz-intro h1{font-size:clamp(27px,6.9vw,35px);line-height:1.07;margin:0 0 4px}
 .is-quiz .quiz-intro p{font-size:10px;line-height:1.3}
 .is-quiz .deck{margin:0 0 8px}
 .is-quiz .deck::before,.is-quiz .deck::after{border-radius:24px}
 .is-quiz .card{border-radius:24px;padding:clamp(17px,4vw,23px)}
 .is-quiz .card .topic{padding:7px 11px;margin-bottom:13px;font-size:11px}
 .is-quiz .card h2{font-size:clamp(24px,6.25vw,31px);line-height:1.12;margin:0 0 12px}
 .is-quiz .card .story{font-size:clamp(15px,3.7vw,18px);line-height:1.42;margin:0}
 .is-quiz .card small{font-size:9px;margin-top:15px;letter-spacing:.025em}
 .is-quiz .drag-hint{font-size:10px;line-height:1.2;margin:4px 1px 2px}
 .is-quiz .drag-hint .arrow{font-size:15px}
 .is-quiz .choices{gap:9px;margin-top:6px}
 .is-quiz .choice{min-height:61px;padding:9px 5px;border-radius:13px;font-size:clamp(16px,4vw,19px)}
 .is-quiz .choice span{font-size:18px}
 .is-quiz .micro{margin:9px 0 1px;font-size:10px;line-height:1.2}
 .is-quiz .swipe-stamp{top:14px;border-width:3px;font-size:clamp(18px,5vw,26px)}
}
@media(max-width:600px) and (max-height:730px){
 .is-quiz.wrap{padding-top:5px;padding-bottom:5px}
 .is-quiz .top{padding-bottom:5px;margin-bottom:4px}
 .is-quiz .brand .brand-icon{width:39px;height:39px}
 .is-quiz .progress-row{margin-bottom:5px}
 .is-quiz .quiz-intro{padding-bottom:7px}
 .is-quiz .quiz-intro h1{font-size:26px}
 .is-quiz .card .topic{margin-bottom:9px}
 .is-quiz .card h2{margin-bottom:8px}
 .is-quiz .card small{margin-top:9px}
 .is-quiz .choice{min-height:55px}
 .is-quiz .micro{display:none}
}
@media(max-width:600px) and (max-height:570px){
 /* On extremely short screens prefer scrolling the page to clipping controls. */
 .is-quiz.wrap{height:auto;min-height:calc(100svh - 10px)}
 .is-quiz #stage,.is-quiz .quiz-pane,.is-quiz .deck{flex:none;min-height:0}
 .is-quiz .deck .card{min-height:235px;overflow:visible}
}



/* Card-first editorial layout, inspired by the Urninha hierarchy.
   Scoped to the questionnaire: the final report keeps its own design. */
.is-quiz{
 --quiz-ink:#33235f;
 --quiz-muted:#64548b;
 --quiz-stroke:#cfc3e5;
 --quiz-track:#ece5fa;
 --quiz-pink:#ef8fbd;
 --quiz-safe:#3c8148;
}
body:has(.is-quiz)::before{height:0}
.is-quiz .top{border-bottom:0;padding-bottom:10px;margin-bottom:4px}
.is-quiz .brand{color:var(--quiz-ink)}
.is-quiz .brand i{color:#7040ef}
.is-quiz .edition{
 border:1.5px solid #c9bfda;border-radius:100px;
 background:#fffdfb;color:var(--quiz-muted);
 font:700 12px/1.3 "Courier New",monospace;
 letter-spacing:.035em;min-width:86px;text-align:center;
 box-shadow:0 2px 0 #e4dcf0;
}
.is-quiz .progress-row{margin-top:4px}
.is-quiz .progress-text{color:var(--quiz-ink)}
.is-quiz .progress-track{background:var(--quiz-track);box-shadow:none}
.is-quiz .progress-track i{background:#7d55e5}
.is-quiz .undo{
 color:var(--quiz-muted);background:#fffdfb;
 border:1.5px solid var(--quiz-stroke);box-shadow:0 3px 0 #e3daef;
}
.is-quiz .undo:disabled{opacity:.44}
.is-quiz .quiz-pane{gap:0}
.is-quiz .deck{position:relative;min-height:0;margin-bottom:20px;overflow:visible}
.is-quiz .deck::before{
 inset:8px 2px -9px 5px;background:#f8f5fe;
 border:2.5px solid #c4b5e3;border-radius:31px;
 transform:rotate(1.35deg);
}
.is-quiz .deck::after{
 inset:4px 3px -4px -2px;background:#fffdfd;
 border:2px solid #dfd4f0;border-radius:31px;
 transform:rotate(-.75deg);
}
.is-quiz .deck .card{
 min-height:0;max-height:none;padding:clamp(22px,5vw,38px);
 display:flex;flex-direction:column;
 border:3px solid #cbbde7;border-radius:31px;background:#fff;
 box-shadow:0 16px 30px #3f2b5e14;
}
.is-quiz .card .topic{
 flex:none;align-self:flex-start;margin:0 0 12px;
 background:var(--quiz-pink);color:var(--quiz-ink);
 border:0;padding:10px 16px;border-radius:100px;
 font:900 14px/1.15 Arial,sans-serif;
 letter-spacing:.012em;
}
.is-quiz .card .topic::before{color:var(--quiz-ink)}
.is-quiz .card-main{
 flex:1 1 auto;min-height:0;
 display:flex;align-items:center;
 padding:10px 0 16px;
}
.is-quiz .card-main h2{
 margin:0;color:var(--quiz-ink);
 font:900 clamp(29px,5.6vw,43px)/1.12 Arial,sans-serif;
 letter-spacing:-.048em;
 overflow-wrap:break-word;
}
.is-quiz .card-bottom{flex:none;max-width:100%}
.is-quiz .card .story{
 margin:0;color:#635586;
 font:clamp(16px,3.3vw,21px)/1.45 Georgia,serif;
 overflow-wrap:anywhere;
}
.is-quiz .card small{
 display:block;margin:15px 0 0;color:#827698;
 font:700 10px/1.3 "Courier New",monospace;letter-spacing:.02em;
}
.is-quiz .card-tip{
 position:absolute;right:13px;bottom:-21px;
 z-index:6;max-width:75%;
 padding:9px 13px;background:#fff;border:3px solid var(--quiz-ink);
 border-radius:17px;box-shadow:3px 4px 0 #d4c4eb;
 color:var(--quiz-ink);font:700 11px/1.2 "Courier New",monospace;
 pointer-events:none;white-space:nowrap;
}
.is-quiz .card-tip::after{
 content:"";position:absolute;right:20px;top:-9px;
 width:12px;height:12px;transform:rotate(45deg);
 background:#fff;border-left:3px solid var(--quiz-ink);border-top:3px solid var(--quiz-ink);
}
.is-quiz .choices{
 display:grid;grid-template-columns:1fr 1fr;
 gap:12px;flex:none;margin:3px 0 0;
}
.is-quiz .choice{
 display:flex;justify-content:center;align-items:center;
 min-height:75px;padding:12px 9px;
 border:2.5px solid var(--quiz-ink);border-radius:17px;
 font:900 clamp(17px,3.6vw,23px)/1.05 Arial,sans-serif;
 letter-spacing:-.04em;text-transform:uppercase;
 transition:transform .17s ease,box-shadow .17s ease,filter .17s ease;
}
.is-quiz .choice:first-child{
 color:var(--quiz-ink);background:#fff;
 box-shadow:0 7px 0 #cabfe3;
}
.is-quiz .choice:last-child{
 color:#fff;background:var(--quiz-safe);
 border-color:#326d3d;box-shadow:0 7px 0 #24592f;
}
.is-quiz .choice .choice-arrow{font-size:clamp(20px,4vw,27px)}
.is-quiz .choice:not(:disabled):active{
 transform:translateY(4px);box-shadow:0 3px 0 #a79abd;
}
.is-quiz .micro{
 color:var(--quiz-muted);font:700 11px/1.2 "Courier New",monospace;
 text-align:center;margin:13px 0 0;
}
.is-quiz .swipe-stamp{border-width:4px}
@media(max-width:600px){
 .is-quiz.wrap{height:calc(100svh - env(safe-area-inset-bottom) - 6px);padding:12px 16px 9px}
 .is-quiz .top{padding:0 0 9px;margin:0 0 3px;min-height:0}
 .is-quiz .brand{gap:8px;font-size:clamp(28px,7vw,36px)}
 .is-quiz .brand .brand-icon{width:44px;height:44px}
 .is-quiz .edition{font-size:11px;padding:8px 12px;white-space:nowrap;max-width:none}
 .is-quiz .progress-row{margin:5px 0 12px}
 .is-quiz .deck{margin:0 0 21px}
 .is-quiz .deck .card{padding:clamp(19px,4.7vw,27px);border-radius:27px}
 .is-quiz .deck::before,.is-quiz .deck::after{border-radius:27px}
 .is-quiz .card .topic{font-size:12px;padding:9px 13px;margin-bottom:7px}
 .is-quiz .card-main{padding:7px 0 13px}
 .is-quiz .card-main h2{font-size:clamp(27px,7.1vw,36px);line-height:1.11}
 .is-quiz .card .story{font-size:clamp(16px,3.9vw,19px);line-height:1.45}
 .is-quiz .card small{font-size:9px;margin-top:13px}
 .is-quiz .card-tip{bottom:-18px;right:10px;font-size:10px;padding:8px 11px;border-width:2.5px}
 .is-quiz .card-tip::after{border-width:2.5px}
 .is-quiz .choices{gap:11px;margin:2px 0 0}
 .is-quiz .choice{min-height:72px;font-size:clamp(16px,4.2vw,20px);padding:11px 5px;border-radius:15px}
 .is-quiz .micro{font-size:10px;margin-top:13px}
}
@media(max-width:600px) and (max-height:750px){
 .is-quiz.wrap{padding-top:6px;padding-bottom:6px}
 .is-quiz .top{padding-bottom:5px;margin-bottom:1px}
 .is-quiz .progress-row{margin:2px 0 7px}
 .is-quiz .card .topic{padding:7px 11px}
 .is-quiz .card-main{padding:3px 0 8px}
 .is-quiz .card-main h2{font-size:clamp(23px,6.2vw,30px)}
 .is-quiz .card .story{font-size:clamp(15px,3.6vw,17px);line-height:1.38}
 .is-quiz .card small{margin-top:9px}
 .is-quiz .choices .choice{min-height:60px}
 .is-quiz .micro{margin-top:9px}
 .is-quiz .card-tip{display:none}
 .is-quiz .deck{margin-bottom:10px}
}
@media(max-width:600px) and (max-height:570px){
 .is-quiz .deck .card{min-height:235px}
 .is-quiz .card-main{min-height:90px}
}


/* 2026-10-10: compact, content-sized cards and calmer touch interaction.
   This block intentionally takes precedence over old viewport-fill rules. */
.is-quiz.wrap{
  display:block;
  height:auto;
  min-height:0;
  max-width:680px;
  padding:clamp(10px,2.4vw,20px) 16px 26px;
}
.is-quiz .top{
  margin:0 0 7px;
  padding:5px 0 11px;
  min-height:0;
}
.is-quiz .progress-row{margin:8px 0 16px;gap:10px}
.is-quiz #stage,
.is-quiz .quiz-pane,
.is-quiz .deck{
  display:block;
  height:auto;
  min-height:0;
  flex:none;
  overflow:visible;
}
.is-quiz .deck{
  position:relative;
  margin:0 2px 24px;
}
.is-quiz .deck .card{
  display:block;
  height:auto;
  min-height:0;
  max-height:none;
  flex:none;
  overflow:visible;
  padding:clamp(21px,5vw,35px);
  touch-action:pan-y;
  cursor:grab;
  transform:translate3d(var(--drag-x,0px),var(--drag-y,0px),0) rotate(var(--drag-angle,0deg));
  transition:transform .25s cubic-bezier(.2,.85,.25,1),opacity .23s ease,box-shadow .2s ease;
  -webkit-user-select:none;
  user-select:none;
}
.is-quiz .deck .card.is-dragging{
  cursor:grabbing;
  transition:none;
  box-shadow:0 19px 28px #31204a20;
}
.is-quiz .deck .card.fly-left{
  transform:translate3d(-116vw,-9px,0) rotate(-12deg)!important;
  opacity:0;
  transition:transform .25s cubic-bezier(.35,.7,.55,1),opacity .23s ease!important;
}
.is-quiz .deck .card.fly-right{
  transform:translate3d(116vw,-9px,0) rotate(12deg)!important;
  opacity:0;
  transition:transform .25s cubic-bezier(.35,.7,.55,1),opacity .23s ease!important;
}
.is-quiz .card-main{
  display:block;
  padding:0;
  margin:0 0 15px;
  height:auto;
  min-height:0;
  flex:none;
}
.is-quiz .card-main h2{
  margin:0;
  font-size:clamp(27px,5.7vw,39px);
  line-height:1.13;
  letter-spacing:-.035em;
}
.is-quiz .card-bottom{
  display:block;
  height:auto;
  min-height:0;
  flex:none;
}
.is-quiz .card .topic{margin:0 0 24px}
.is-quiz .card .story{
  margin:0;
  font-size:clamp(16px,3.5vw,20px);
  line-height:1.48;
}
.is-quiz .card small{display:none}
.is-quiz .card-tip{display:none}
.is-quiz .choices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
}
.is-quiz .choice{min-height:72px}
.is-quiz .micro{margin:13px 0 0}
.is-quiz .undo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:auto;
  min-width:88px;
  height:40px;
  padding:0 11px;
  font:700 13px/1 Arial,sans-serif;
  border:1.5px solid #c4b6d4;
  box-shadow:0 2px 0 #e3daef;
  border-radius:11px;
  color:#44336c;
  background:#fffefa;
  transition:background .12s ease,transform .12s ease,opacity .12s ease;
}
.is-quiz .undo span:first-child{
  font:500 23px/1 Arial,sans-serif;
  margin-top:-2px;
}
.is-quiz .undo:disabled{opacity:.42;cursor:default}
.is-quiz .undo:not(:disabled):active{transform:translateY(2px);box-shadow:none}
@media(max-width:600px){
  .is-quiz.wrap{
    display:block;
    height:auto;
    min-height:0;
    padding:9px 16px 24px;
  }
  .is-quiz .top{margin:0 0 6px;padding:4px 0 9px}
  .is-quiz .progress-row{margin:7px 0 15px}
  .is-quiz .progress-text{min-width:37px}
  .is-quiz .deck{margin:0 2px 23px}
  .is-quiz .deck .card{
    min-height:0;
    max-height:none;
    overflow:visible;
    padding:clamp(20px,5vw,26px);
    border-radius:27px;
  }
  .is-quiz .card .topic{margin:0 0 20px;padding:8px 12px}
  .is-quiz .card-main{margin:0 0 13px;min-height:0;padding:0}
  .is-quiz .card-main h2{font-size:clamp(27px,7vw,34px);line-height:1.14}
  .is-quiz .card .story{font-size:clamp(16px,4vw,18px);line-height:1.45}
  .is-quiz .choice{min-height:67px;font-size:clamp(15px,4vw,19px)}
  .is-quiz .micro{font-size:10px;margin:13px 0 0}
  .is-quiz .undo{min-width:80px;height:38px;padding:0 9px;font-size:12px}
}
@media(max-width:600px) and (max-height:690px){
  .is-quiz .top{margin-bottom:3px;padding-bottom:6px}
  .is-quiz .progress-row{margin:5px 0 10px}
  .is-quiz .deck{margin-bottom:18px}
  .is-quiz .deck .card{padding:19px}
  .is-quiz .card .topic{margin-bottom:14px}
  .is-quiz .card-main{margin-bottom:10px}
  .is-quiz .card-main h2{font-size:clamp(25px,6.7vw,31px)}
  .is-quiz .choice{min-height:60px}
}
@media(prefers-reduced-motion:reduce){
  .is-quiz .deck .card,
  .is-quiz .deck .card.is-dragging,
  .is-quiz .deck .card.fly-left,
  .is-quiz .deck .card.fly-right,
  .is-quiz .undo{transition:none!important}
}


/* Single accessible return arrow – no button label. */
.is-quiz .undo{
 width:44px;min-width:44px;max-width:44px;
 height:44px;padding:0;
 display:inline-flex;align-items:center;justify-content:center;
 border-radius:13px;
}
.is-quiz .undo span:first-child{font:500 27px/1 Arial,sans-serif;margin:0}
@media(max-width:600px){
 .is-quiz .undo{width:42px;min-width:42px;max-width:42px;height:42px;padding:0}
}
.is-quiz .deck .card.fly-left{
 transform:translate3d(-116vw,var(--drag-y,0px),0) rotate(-15deg)!important;
}
.is-quiz .deck .card.fly-right{
 transform:translate3d(116vw,var(--drag-y,0px),0) rotate(15deg)!important;
}


/* Rewind action — a recognisable, large curved arrow with a generous tap target. */
.is-quiz .progress-row .undo{
 box-sizing:border-box;
 flex:0 0 42px;
 width:42px;min-width:42px;max-width:42px;
 height:42px;
 padding:0;
 border:2px solid #c6b4dc;
 border-radius:12px;
 display:inline-flex;align-items:center;justify-content:center;
 color:#423270;
 background:#fffefa;
 box-shadow:0 4px 0 #ded2ee;
}
.is-quiz .progress-row .undo svg{
 display:block;width:27px;height:27px;stroke:currentColor;stroke-width:2.3;
}
.is-quiz .progress-row .undo:not(:disabled):active{
 transform:translateY(3px);box-shadow:0 1px 0 #ded2ee;
}
@media(max-width:600px){
 .is-quiz .progress-row .undo{
  flex:0 0 40px;width:40px;min-width:40px;max-width:40px;height:40px;
 }
 .is-quiz .progress-row .undo svg{width:26px;height:26px}
}