:root{
      --bg1:#3b0f73;
      --bg2:#6a1b9a;
      --yellow:#ffcf33;
      --orange:#ff8a00;
      --purple:#6d2cff;
      --purple-dark:#421080;
      --green:#22c55e;
      --red:#ef4444;
      --blue:#2563eb;
      --pink:#ec4899;
      --gold:#ffdd66;
      --card:#ffffff;
      --ink:#231942;
      --shadow:0 10px 24px rgba(32,14,60,.28);
      --radius:26px;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: Inter, ui-rounded, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color:#fff;
      background: radial-gradient(circle at top, #4c1d95 0%, #2e1065 45%, #180535 100%);
      min-height:100vh;
    }
    .app{
      max-width:440px;
      margin:0 auto;
      min-height:100vh;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 15% 10%, rgba(255,221,102,.28) 0 6%, transparent 7%),
        radial-gradient(circle at 90% 8%, rgba(255,255,255,.18) 0 3%, transparent 4%),
        radial-gradient(circle at 75% 18%, rgba(255,221,102,.16) 0 4%, transparent 5%),
        linear-gradient(180deg, #2f73ff 0%, #7653ff 34%, #5220b8 66%, #2b0f5b 100%);
      box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 20px 50px rgba(0,0,0,.35);
    }
    .screen{display:none; padding:16px 16px 110px; min-height:100vh; position:relative;}
    .screen.active{display:block;}
    .topbar{
      display:flex; gap:10px; align-items:center; justify-content:space-between; margin-bottom:18px;
    }
    .pill{
      background:#5323a6;
      border:2px solid rgba(255,255,255,.15);
      border-radius:999px;
      padding:8px 12px;
      box-shadow:var(--shadow);
      font-weight:800;
    }
    .xpbar{flex:1; background:#5323a6; border-radius:999px; padding:9px 12px; box-shadow:var(--shadow);}
    .xpbar .label{font-size:13px; font-weight:800; margin-bottom:6px; display:flex; justify-content:space-between;}
    .bar{height:12px; border-radius:999px; background:rgba(255,255,255,.22); overflow:hidden;}
    .fill{height:100%; border-radius:999px; background:linear-gradient(90deg,#8cff54,#32d74b); width:32%;}
    .coins{display:flex; gap:8px; align-items:center;}
    .coinbox,.iconbtn{
      min-width:46px; height:46px; border-radius:18px; display:flex; align-items:center; justify-content:center;
      background:linear-gradient(180deg,#7a2cff,#4b1aa7); box-shadow:var(--shadow); border:2px solid rgba(255,255,255,.12); font-size:22px;
    }
    .coinbox{padding:0 12px; min-width:98px; font-size:18px; font-weight:900; gap:8px;}
    .hero{
      text-align:center; position:relative; margin-bottom:14px;
    }
    .ribbon{
      display:inline-block; margin-top:6px; background:#ffeab2; color:#4f249d; border-radius:999px; padding:8px 16px; font-weight:900; font-size:14px;
      box-shadow:var(--shadow);
    }
    .title{
      font-size:clamp(34px, 8vw, 54px); line-height:.95; font-weight:1000; margin:8px 0 8px;
      text-shadow:0 4px 0 rgba(73,21,159,.85), 0 14px 24px rgba(0,0,0,.2);
    }
    .title .gold{
      display:block;
      color:#ffcf33;
      -webkit-text-stroke: 3px #5d20bf;
      paint-order: stroke fill;
    }
    .title .white{
      display:block;
      color:#fff;
      -webkit-text-stroke: 3px #5d20bf;
      paint-order: stroke fill;
    }
    .mascotWrap{
      width:170px; height:170px; margin:14px auto 10px; position:relative;
      filter:drop-shadow(0 12px 22px rgba(0,0,0,.25));
    }
    .mascotGlow{position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle, rgba(255,223,104,.95) 0, rgba(255,190,60,.5) 42%, transparent 70%);}
    .mascot{
      position:absolute; inset:14px; border-radius:50%; background:linear-gradient(180deg,#ffdf77,#ffa629); display:flex; flex-direction:column; align-items:center; justify-content:center;
      box-shadow: inset 0 -14px 28px rgba(0,0,0,.12), 0 12px 28px rgba(74,24,130,.45);
      border:5px solid #fff2b5;
    }
    .mascot .dog{font-size:72px; line-height:1;}
    .mascot .name{font-size:18px; font-weight:1000; color:#5820a5; margin-top:6px;}
    .ctaMain,.ctaSecondary,.answerBtn,.bigReveal{
      width:100%; border:none; cursor:pointer; border-radius:24px; font-weight:1000; box-shadow:var(--shadow); transition:.15s transform, .2s opacity, .15s filter;
    }
    button:hover{transform:translateY(-1px)}
    .ctaMain{
      background:linear-gradient(180deg,#47f179,#12b64a); color:#fff; font-size:28px; padding:22px 18px; border:5px solid #ffe07a; text-transform:uppercase;
      text-shadow:0 2px 0 rgba(0,0,0,.22);
    }
    .ctaSecondary{
      margin-top:10px; background:linear-gradient(180deg,#8748ff,#6626dc); color:#fff; font-size:20px; padding:16px 18px; border:3px solid rgba(255,255,255,.18);
    }
    .bottomNav{
      position:absolute; left:0; right:0; bottom:0; background:linear-gradient(180deg,#3d117f,#24084c); display:flex; padding:10px 8px 12px; gap:6px; border-top:1px solid rgba(255,255,255,.08);
    }
    .navItem{flex:1; text-align:center; color:#f8dd7a; font-size:11px; font-weight:800; opacity:.95}
    .navIcon{
      width:42px; height:42px; border-radius:50%; margin:0 auto 6px; background:linear-gradient(180deg,#ffda69,#ff9d15); color:#5b208f; display:flex; align-items:center; justify-content:center; font-size:20px; box-shadow:var(--shadow);
    }
    .homeGrid{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0 18px;}
    .topicCard{
      background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.12));
      border:3px solid rgba(255,255,255,.22); border-radius:28px; padding:14px 12px; text-align:center; box-shadow:var(--shadow);
      cursor:pointer; position:relative; overflow:hidden; min-height:120px;
    }
    .topicCard.selected{outline:4px solid #a2ff70; transform:translateY(-2px)}
    .topicCard .emoji{font-size:42px; margin-bottom:8px; display:block}
    .topicCard .name{font-size:20px; font-weight:1000; line-height:1.05}
    .topicCard .count{font-size:13px; margin-top:6px; color:#f8edc8; font-weight:700}
    .badgeCheck{position:absolute; right:10px; top:10px; width:34px; height:34px; border-radius:50%; background:#a2ff70; color:#14532d; display:none; align-items:center; justify-content:center; font-weight:1000; border:3px solid #fff;}
    .topicCard.selected .badgeCheck{display:flex}

    .panel{
      background:linear-gradient(180deg,#ffeec7,#ffffff); color:var(--ink); border-radius:28px; border:5px solid #ffd34d; box-shadow:var(--shadow); padding:18px 16px;
    }
    .themePill{display:inline-flex; gap:8px; align-items:center; background:linear-gradient(180deg,#8237ff,#6423d7); color:#fff; padding:9px 14px; border-radius:999px; font-weight:1000; margin:0 auto 12px; box-shadow:var(--shadow)}
    .qCounter{display:inline-block; background:#6320cc; border:3px solid rgba(255,255,255,.25); color:#fff; padding:8px 16px; border-radius:22px; font-weight:1000; margin-bottom:12px; box-shadow:var(--shadow)}
    .questionText{font-size:32px; line-height:1.05; text-align:center; font-weight:1000; color:#17348b; margin:8px 0 18px;}
    .answerBtn{
      margin-top:10px; padding:18px 16px; font-size:24px; color:#fff; border:4px solid rgba(255,255,255,.35); text-transform:uppercase;
    }
    .answerBtn small{display:block; font-size:13px; font-weight:800; text-transform:none; opacity:.95; margin-top:4px}
    .answer-green{background:linear-gradient(180deg,#3ef16d,#0fbb49)}
    .answer-red{background:linear-gradient(180deg,#ff6666,#d92727)}
    .answer-blue{background:linear-gradient(180deg,#4f91ff,#1e58ef)}
    .answerBtn.selected{outline:4px solid #ffe182; transform:translateY(-1px)}
    .bigReveal{
      margin-top:14px; background:linear-gradient(180deg,#9d45ff,#7524e1); color:#ffd658; font-size:30px; padding:18px 14px; border:5px solid #ffdb69; text-transform:uppercase;
    }
    .bigReveal:disabled{opacity:.55; cursor:not-allowed; filter:saturate(.6)}
    .hint{font-size:13px; text-align:center; color:#4f249d; font-weight:800; margin-top:12px}
    .themeSidebar{display:flex; gap:8px; flex-wrap:wrap; margin:0 0 12px}
    .miniTag{background:#2d74ff; color:#fff; border-radius:14px; padding:8px 10px; font-size:12px; font-weight:800; box-shadow:var(--shadow)}
    .modal{
      position:fixed; inset:0; background:rgba(15,6,34,.62); display:none; align-items:flex-end; justify-content:center; padding:12px; z-index:20;
    }
    .modal.show{display:flex}
    .sheet{
      width:min(440px,100%); max-height:90vh; overflow:auto; background:linear-gradient(180deg,#fff6d1,#ffffff); border-radius:30px 30px 18px 18px; color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.45); padding:18px;
      border:5px solid #ffdb6e;
    }
    .sheet h2{margin:0 0 10px; font-size:28px; color:#4c1d95}
    .answerEcho{background:none; color:#685a88; border-radius:0; padding:0; font-size:13px; font-weight:750; margin-bottom:4px}
    .cardsCompare{display:grid; gap:12px;}
    .candCard{border-radius:22px; padding:14px; box-shadow:var(--shadow); border:2px solid rgba(0,0,0,.06)}
    .candCard h3{margin:0 0 8px; font-size:22px}
    .candLula{background:linear-gradient(180deg,#fff7f7,#ffffff)}
    .candFlavio{background:linear-gradient(180deg,#f7fbff,#ffffff)}
    .meta{font-size:13px; color:#665c84; font-weight:700; margin-top:8px}
    .neutralNote{background:#fff5c8; border:2px solid #ffdc69; padding:14px; border-radius:18px; font-size:15px; line-height:1.4; font-weight:800; margin:12px 0; color:#614600}
    #neutralText{white-space:pre-line}
    #neutralText::before{content:"🔎 Em resumo"; display:block; font-size:17px; font-weight:1000; color:#502493; margin-bottom:5px}
    .links a{display:inline-block; margin:6px 10px 0 0; color:#5b22bf; font-weight:900; text-decoration:none}
    .actionsRow{display:flex; gap:10px; margin-top:14px}
    .smallBtn{flex:1; border:none; border-radius:18px; padding:14px 12px; font-weight:1000; cursor:pointer; box-shadow:var(--shadow)}
    .nextBtn{background:linear-gradient(180deg,#47f179,#14bb4a); color:#fff}
    .closeBtn{background:#ece5ff; color:#4c1d95}
    .summaryCard{background:linear-gradient(180deg,#fff0b9,#fff); border-radius:28px; padding:18px; color:var(--ink); border:5px solid #ffd34d; box-shadow:var(--shadow); text-align:center}
    .summaryCard h2{margin:6px 0 8px; color:#4c1d95; font-size:32px}
    .stars{font-size:28px; letter-spacing:2px}
    .sourceBox{margin-top:18px; padding:16px; border-radius:22px; background:rgba(255,255,255,.12); border:2px solid rgba(255,255,255,.15)}
    .sourceBox h3{margin-top:0; margin-bottom:8px}
    .sourceBox a{color:#ffe28c; font-weight:800}
    .tiny{font-size:12px; opacity:.9}

    #answerOptions{display:grid;gap:10px}
    #answerOptions .answerBtn{margin-top:0;text-align:left;font-size:21px;line-height:1.27;text-transform:none;overflow-wrap:anywhere;}
    #answerOptions .answerBtn .answerLead{font-size:24px;font-weight:1000;margin-right:5px}
    .comparisonType{display:inline-flex;background:#fff;border:1px solid #e8c94e;color:#6638a4;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:900;margin-bottom:8px;}
    #missingCommitment{margin-top:10px;padding-top:8px;border-top:1px solid #edcf6d;color:#614600;font-weight:900;}
    #neutralBox #neutralText{white-space:pre-line}
    #neutralBox #neutralText::before{content:none}
    #historyLines{display:grid;gap:10px;line-height:1.4}
    #historyLines .historyItem{padding-bottom:9px;border-bottom:1px solid #d4eee3}
    #historyLines strong{display:block;color:#14532d;margin-bottom:4px}
    .cardsCompare .candCard{line-height:1.42}
    #modalQuestionTitle{font-weight:850;color:#47258b}
    #sourcePages{font-size:14px;line-height:1.5}
    .sheet{overscroll-behavior:contain}

/* ===== EDIÇÃO PREMIUM DO CARAMELO — 3D, tela inicial aprovada, demais telas interativas ===== */
:root{--gold:#ffd45e;--violet:#41146f;--sun:#ffb321;--ink:#26377b;--radius:28px}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 40% 10%,#457fea,#392080 75%,#160c34 100%);font-family:system-ui,"Trebuchet MS",Arial,sans-serif}
.app{max-width:510px;background:linear-gradient(180deg,#2785e8 0%,#83d6ef 12%,#3b6db3 32%,#6741be 60%,#30105e 100%);min-height:100dvh;overflow:hidden;box-shadow:0 4px 65px #050116b0;border-left:1px solid #ffffff77;border-right:1px solid #ffffff77}
.screen{padding:16px 16px 105px;min-height:100dvh;background:radial-gradient(circle at 85% 21%,#ffe777aa,transparent 20%),radial-gradient(circle at 12% 25%,#ffffffa0,transparent 16%),linear-gradient(180deg,#318cf0 0%,#75cae8 25%,#4878cb 48%,#6a31b1 73%,#321060 100%)}
.screen:not(.premium-home):before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-radial-gradient(circle at 13% 20%,transparent 0 13px,#ffffff 14px 14.7px,transparent 16px 45px)}
.screen>*{position:relative}
.premium-home{padding:0;background:#2d1554;min-height:100dvh}
.premium-home::before{display:none}
.splash-frame{position:relative;width:100%;height:min(100dvh,920px);min-height:620px;}
.splash-image{width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;user-select:none}
.splash-hit{position:absolute;display:block;border:0;border-radius:100px;cursor:pointer;background:transparent;z-index:4;touch-action:manipulation;transition:transform .16s ease,background .16s ease}
.splash-hit:hover{background:#ffffff19;transform:scale(1.015)}
.splash-hit:focus-visible{outline:4px solid #fff;outline-offset:2px;background:#ffffff2d}
.splash-play{left:17%;top:66.4%;width:66%;height:12.0%}
.splash-help{left:26.5%;top:81.25%;width:47%;height:5.4%}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.live-score{position:absolute;top:1.3%;left:2%;right:2%;height:5.7%;display:flex;align-items:center;gap:6px;z-index:3;border-radius:30px;padding:4px 9px;background:linear-gradient(165deg,#392078fa,#231250fa);border:2px solid #eebd61;box-shadow:0 2px 6px #19063e99,0 0 0 2px #5834a8 inset}
.score-icon{font-size:25px;line-height:1}
.score-progress{min-width:0;flex:1}
.score-name{font-weight:950;color:#fff;font-size:clamp(12px,3.5vw,17px);display:flex;justify-content:space-between;gap:4px;white-space:nowrap}
.score-name small{font-size:clamp(10px,2.5vw,13px);font-weight:750;color:#f6dffb}
.live-score .bar{height:11px;background:#271346;border:1px solid #d9b9fa;box-shadow:0 0 0 1px #4c0f92 inset}
.live-score .fill{background:linear-gradient(#b9fa38,#16c832);box-shadow:0 0 6px #b9ff72}
.score-coins{font-size:clamp(13px,3.2vw,17px);white-space:nowrap;font-weight:950;padding:5px 7px;border-radius:30px;color:#fff;background:linear-gradient(135deg,#6b299b,#251559);box-shadow:inset 0 0 0 2px #e6a83c}
.splash-footnote{font-size:11px;color:#f3dbff;text-align:center;padding:12px 24px 15px;margin:0;line-height:1.4;background:#311158}
.topbar{gap:8px;margin-bottom:14px;z-index:1}
.xpbar,.pill,.coinbox,.iconbtn{background:linear-gradient(160deg,#5d25b4,#241057)!important;border:2px solid #be8aff!important;box-shadow:0 3px 0 #1d0d4b,0 8px 16px #17073066,inset 0 3px 2px #ffffff38!important}
.xpbar{padding:9px 10px}
.pill{border-radius:24px}
.topbar .label{color:#fff}
.theme-poster{margin:0 auto 10px;max-width:100%;border:4px solid #ffd96e;border-radius:26px;overflow:hidden;box-shadow:0 8px 0 #a65b17,0 14px 26px #1d104c66;background:#379ae3}
.theme-poster img{width:100%;display:block;height:auto}
.theme-instruction{text-align:center;font-weight:950;color:#fff8c5;text-shadow:0 3px 0 #422073;font-size:15px;margin:14px 0 8px}
.homeGrid{gap:12px;margin:14px 0 24px}
#themesGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.topicCard{min-height:194px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 8px 11px;border:4px solid #ffda67;box-shadow:inset 0 4px 0 #ffffffa8,inset 0 -6px 0 #531d8b80,0 7px 0 #7832a4,0 12px 21px #1d0c4e77;position:relative;cursor:pointer;transition:transform .15s,border-color .15s;overflow:hidden}
.topicCard:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#fff9 0%,transparent 42%,#4b147b3a 100%);pointer-events:none}
.topicCard.selected{outline:3px solid #abff36;outline-offset:2px;transform:translateY(-3px);box-shadow:inset 0 3px 0 #ffffffb8,0 6px 0 #348a30,0 0 24px #a6ff5d}
.topicCard .topic-image{height:112px;width:100%;object-fit:cover;object-position:top;border-radius:13px;box-shadow:0 3px 7px #2d115cb0;border:2px solid #ffffffb8}
.topicCard .topic-emoji{font-size:68px;height:112px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 4px #441a73aa)}
.topicCard .name{font-size:clamp(16px,4.1vw,20px);line-height:1.08;margin-top:10px;text-shadow:0 2px 3px #200f70cc;z-index:1}
.topicCard .count{font-size:12px;line-height:1.2;margin-top:5px;color:#fff6bb;z-index:1}
.badgeCheck{display:flex!important;background:linear-gradient(#b1ff68,#2bdc49);border:3px solid #ffeb75;color:#10502d;width:35px;height:35px;box-shadow:0 2px 6px #163315bb;transform:scale(.72);opacity:0;z-index:2}
.topicCard.selected .badgeCheck{opacity:1;transform:scale(1)}
.ctaMain,.bigReveal{border:5px solid #ffe176;background:linear-gradient(180deg,#6dff54 0%,#02cb48 39%,#019b2c 75%,#007327 100%)!important;border-radius:60px;color:#ffea4b!important;text-shadow:0 3px 0 #7f3a04,0 2px 5px #391b04;box-shadow:inset 0 4px 2px #ffffffad,inset 0 -7px 0 #005e20,0 8px 0 #b87a19,0 12px 22px #2b064599;letter-spacing:.5px;font-size:clamp(22px,5.5vw,30px);font-weight:1000;padding:17px 12px;text-transform:uppercase;}
.ctaMain:active,.bigReveal:active{transform:translateY(4px);box-shadow:inset 0 4px 2px #ffffffad,inset 0 -4px 0 #005e20,0 4px 0 #b87a19}
.ctaSecondary{background:linear-gradient(#c66aff,#6e1caf 70%,#471272)!important;border:4px solid #ffc951;border-radius:48px;color:#fff;text-shadow:0 2px 3px #3c0b5f;font-size:17px;box-shadow:inset 0 3px 1px #ffffffa6,0 6px 0 #421275,0 9px 15px #2e074d7a}
.sourceBox{background:linear-gradient(155deg,#381178ee,#5621a8b5);border:2px solid #bd86e8;border-radius:22px}
.sourceBox h3{color:#ffe588}
.bottomNav{position:relative;border-radius:30px 30px 0 0;background:linear-gradient(#512077,#1e0a43)!important;border:3px solid #a759d6;border-bottom:0;box-shadow:inset 0 4px 2px #b46ee288,0 -6px 17px #16062a88;margin-top:28px;margin-left:-16px;margin-right:-16px;padding:16px 7px 9px;gap:2px;display:flex}
.navItem{font-size:10px;color:#ffe6b1}
.navIcon{background:linear-gradient(160deg,#78349e,#3b1569);border:2px solid #db9e47;color:#ffeb7b;border-radius:18px;box-shadow:inset 0 3px 1px #ffffff55,0 3px 6px #1c063b99}
.question-hero{margin:3px auto 8px;display:flex;align-items:center;justify-content:center;gap:10px;max-width:410px;}
.dog-medallion{width:125px;height:125px;flex:none;border:5px solid #ffe98b;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px #a33c96,0 7px 0 #a26319,0 10px 28px #1b0c46a1;background:#f8bb47}
.dog-medallion img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.1)}
.hero-bubble{background:linear-gradient(#ffffff,#fff2be);border:4px solid #ffb629;border-radius:24px;box-shadow:0 6px 0 #aa641c,0 10px 15px #1e085a60;color:#14347b;text-align:center;padding:11px;flex:1;min-width:0;position:relative}
.hero-bubble span{display:block;font-size:12px;font-weight:900;color:#853a9b}
.hero-bubble strong{display:block;font-size:clamp(14px,4.1vw,18px);line-height:1.13;margin-top:5px}
.qCounter{font-size:15px;display:block;text-align:center;margin:0 auto 9px;width:fit-content;border:4px solid #ffcb50;border-radius:22px;background:linear-gradient(#923ff4,#381080);color:#ffeb90;text-shadow:0 2px 2px #1f0752;box-shadow:inset 0 2px #ffffff99,0 5px 0 #72359b}
.themeSidebar{gap:5px;justify-content:center}
.miniTag{background:linear-gradient(#7a36e9,#3a178e);border:1px solid #ffd453;font-size:11px}
.panel{padding:15px 14px 17px;background:linear-gradient(155deg,#fffbed,#ffffff)!important;border:7px solid #ffd049!important;border-radius:33px;box-shadow:inset 0 0 0 2px #fff5bd,inset 0 5px 13px #fff8c3,0 9px 0 #aa650d,0 18px 28px #25053b98}
.themePill{background:linear-gradient(#a947f0,#48127e);border:4px solid #ffc44c;border-radius:18px;font-size:17px;margin-top:-3px;box-shadow:inset 0 2px #ffffffa0,0 4px 0 #9d4c13}
.questionText{font-size:clamp(22px,5.4vw,29px);line-height:1.16;color:#122d77;margin:15px 2px 17px;font-weight:950;text-wrap:balance}
#answerOptions{gap:12px}
.answerBtn,#answerOptions .answerBtn{border-radius:40px;border:4px solid #fce28f;font-weight:1000;font-size:clamp(17px,4.6vw,23px);padding:14px 15px;box-shadow:inset 0 3px 2px #ffffffb8,inset 0 -4px 2px #5e1b625e,0 5px 0 #ac6a17,0 8px 13px #2e135c70;text-align:center;line-height:1.25;text-shadow:0 2px 2px #0007}
.answer-green{background:linear-gradient(#5bff9a,#09b348 82%,#00832c)!important}
.answer-red{background:linear-gradient(#ff777b,#e01838 79%,#ac1439)!important}
.answer-blue{background:linear-gradient(#71c8ff,#2162f4 74%,#1241bf)!important}
.answerBtn.selected{outline:4px solid #fbb513;outline-offset:1px;filter:brightness(1.12)}
#answerOptions .answerBtn small{font-size:11px}
.bigReveal{margin-top:16px;background:linear-gradient(#da5afb,#8121c8 65%,#4a0e8d)!important;color:#ffdd33!important;border-color:#ffd663;font-size:clamp(20px,4.9vw,25px);text-shadow:0 2px #551167}
.bigReveal:disabled{filter:grayscale(.5);opacity:.75}
.hint{color:#49236e;font-size:12px;line-height:1.35;margin-top:13px}
.modal{background:#1e0b47c9;backdrop-filter:blur(7px)}
.sheet{border-radius:33px 33px 0 0;border:5px solid #ffda6b;border-bottom:0;background:linear-gradient(#fff9eb,#fff);box-shadow:0 -15px 45px #1b034993;max-height:91dvh}
.sheet h2{color:#4c1884;text-align:center;font-size:26px}
.neutralNote{background:linear-gradient(#fff8d9,#ffefba);border:3px solid #ffc74b;border-radius:22px;box-shadow:inset 0 2px #fff,0 4px 0 #d7a14e;}
#neutralText:before{font-size:17px}
.candCard{border:3px solid #eed99a;border-radius:22px;box-shadow:0 4px 0 #d6c49480,0 7px 16px #2a095a18;line-height:1.5}
.candLula{background:linear-gradient(#fff5f5,#fff)}
.candFlavio{background:linear-gradient(#eff6ff,#fff)}
.links a{display:inline-block;padding:7px 10px;margin:6px 5px 0 0;background:#e4dcff;border-radius:14px;font-size:13px;text-decoration:underline;}
.nextBtn{background:linear-gradient(#61fb7a,#06ad47);border:2px solid #c8f5b9}
.closeBtn{background:linear-gradient(#f3eaff,#d5beff);border:2px solid #d4b5f7}
.summaryCard{border:6px solid #ffd35d;border-radius:30px;box-shadow:0 8px 0 #b8752a,0 17px 30px #25053b9a;margin-top:18px}
.topicCard:not(.selected)::after{content:"✦";position:absolute;right:6px;top:8px;width:43px;height:43px;border:3px solid #ffe181;border-radius:50%;z-index:4;color:#fff4aa;background:linear-gradient(140deg,#bb8bea,#613baf);display:flex;align-items:center;justify-content:center;font-size:21px;text-shadow:0 1px 2px #451878;box-shadow:inset 0 2px 2px #ffffffa9,0 2px 5px #2d105380}
.topicCard .badgeCheck{right:6px;top:8px;width:43px;height:43px;z-index:5;font-size:22px}
@media(min-width:510px){.splash-frame{height:907px}.topicCard .name{font-size:20px}.questionText{font-size:29px}}
@media(max-width:350px){.splash-frame{min-height:570px}.topicCard{min-height:172px}.topicCard .topic-image{height:95px}.dog-medallion{width:98px;height:98px}.hero-bubble{padding:6px}}

  /* A arte e os botões mantêm as mesmas posições relativas. */
.premium-home.active{display:flex;flex-direction:column;height:100svh;min-height:0;overflow:auto}
.premium-home .splash-frame{height:auto;min-height:0;flex:1 1 0;overflow:hidden}
.premium-home .splash-footnote{flex:0 0 auto}