@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alfa-slab-one-latin-400-normal-CbTZiZTW.woff2) format("woff2"),url(/assets/alfa-slab-one-latin-400-normal-UIGeWgec.woff) format("woff")}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pardo: #d3b083;--pardo2: #c7a274;--tinta: #1d2946;--tinta2: color-mix(in srgb, var(--tinta) 72%, transparent);--rosa: #e5523b;--verde: #3b82c4;--mostarda: #f2b33d;--papel: #f7f0e2;--display: "Alfa Slab One", Georgia, serif;--texto: "Bricolage Grotesque Variable", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.09) 0 1.5px,transparent 2.5px) 0 0 / 37px 41px,radial-gradient(circle at 70% 60%,rgba(90,50,10,.1) 0 1.2px,transparent 2px) 0 0 / 23px 29px,radial-gradient(circle at 40% 80%,rgba(90,50,10,.06) 0 .8px,transparent 1.5px) 0 0 / 11px 13px,radial-gradient(140% 80% at 50% 40%,var(--pardo),var(--pardo2));background-attachment:fixed;color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit}:focus-visible{outline:2.5px solid var(--rosa);outline-offset:3px}#app{height:100%}.tela{height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto}.topo{display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 6px;flex:none}.marca{font-family:var(--display);font-size:21px;letter-spacing:0;color:var(--rosa);text-shadow:1.5px 1.5px 0 var(--tinta)}.num{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--tinta2)}.pips{display:flex;gap:5px;list-style:none}.pips li{width:20px;height:6px;background:var(--tinta);opacity:.2;transition:opacity .3s,background .3s}.pips li.feita{opacity:.85;background:var(--tinta)}.pips li.agora{opacity:1;background:var(--rosa)}.ajuda{width:28px;height:28px;border:2px solid var(--tinta);border-radius:50%;font-weight:800;font-size:14px;display:grid;place-items:center}.miolo{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.miolo.vazio{justify-content:center;align-items:center;padding:24px;text-align:center}.aviso{font-size:15px;color:var(--tinta2)}.rodape{flex:none;padding:10px 16px calc(14px + env(safe-area-inset-bottom))}.botao{width:100%;height:56px;font-size:17px;font-weight:800;letter-spacing:.01em;background:var(--tinta);color:var(--papel);border-radius:999px;box-shadow:3px 3px 0 var(--rosa);transition:transform .12s,opacity .2s,box-shadow .12s}.botao:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--rosa)}.botao:disabled{opacity:.4;cursor:default}.pergunta{padding:14px 20px 0;flex:none}.tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px 4px 8px;margin-bottom:12px;border:2px solid var(--tinta);transform:rotate(-3deg);transform-origin:left center}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rosa)}.tag.tema-politica:before{background:var(--tinta)}.tag.tema-educativa:before{background:var(--verde)}.pergunta h2{font-family:var(--texto);font-weight:800;font-size:27px;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;transition:font-size .4s}.fase-revelou .pergunta{padding-top:6px}.fase-revelou .tag{margin-bottom:6px}.fase-revelou .pergunta h2{font-size:18px;line-height:1.18}.palco{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:6px;min-height:0}.fase-revelou .palco{flex:none;padding-top:10px}.mesa{position:relative;margin:0 auto;width:100vw;max-width:520px;touch-action:none;outline:none}.mesa canvas{display:block;margin:0 auto;cursor:ew-resize}.fase-revelou .mesa canvas{cursor:default}.regua{position:absolute;left:50%;transform:translate(-50%);pointer-events:none;overflow:visible}.regua line{stroke:var(--tinta2);stroke-width:1.2}.regua text{fill:var(--tinta2);font:700 10px var(--texto)}.dica{text-align:center;font-size:14px;font-weight:600;color:var(--tinta2);padding:8px 24px 0;min-height:44px;text-wrap:balance}.chip{position:absolute;left:0;top:0;pointer-events:none;z-index:2;transition:opacity .2s}.chip.escondido,.fase-rasgando .chip,.fase-rasgou .chip,.fase-revelou .chip{opacity:0}.chip>div{display:flex;white-space:nowrap;box-shadow:0 6px 14px #46280a4d}.chip .e,.chip .d{padding:4px 10px 5px}.chip .e{background:var(--rosa);color:#fff;text-align:right}.chip .d{background:var(--papel);color:var(--tinta)}.chip span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.9}.chip b{display:block;font-family:var(--display);font-weight:400;font-size:17px;line-height:1.1;font-variant-numeric:tabular-nums}.chip:after{content:"";position:absolute;left:-6px;top:100%;border:6px solid transparent;border-top-color:var(--rosa)}.mao{position:absolute;left:calc(50% - var(--larg) / 2);width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#ffffffe0;box-shadow:0 0 0 8px #ffffff4d,0 4px 14px #46280a59;pointer-events:none;animation:mao 3.2s cubic-bezier(.45,0,.3,1) .6s infinite both}.mao.com-mao{width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:0;box-shadow:none;background:url(/img/mao.webp) center / contain no-repeat;filter:drop-shadow(0 4px 8px rgba(70,40,10,.35))}@keyframes mao{0%{transform:translate(calc(var(--larg) * .25)) scale(1.3);opacity:0}10%{transform:translate(calc(var(--larg) * .25)) scale(1);opacity:1}45%{transform:translate(calc(var(--larg) * .62)) scale(1);opacity:1}55%{transform:translate(calc(var(--larg) * .62)) scale(1)}80%{transform:translate(calc(var(--larg) * .62),60px) scale(1);opacity:1}92%,to{transform:translate(calc(var(--larg) * .62),70px) scale(.9);opacity:0}}.marca-real,.marca-sua{position:absolute;left:0;pointer-events:none;z-index:2}.marca-real{top:0}.marca-real>div{transform:translate(-50%);background:var(--tinta);color:var(--papel);padding:3px 9px 4px;white-space:nowrap;text-align:center;box-shadow:0 6px 14px #46280a4d;animation:cai .45s cubic-bezier(.2,.8,.2,1) both}.marca-real>div:after{content:"";position:absolute;left:50%;top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--tinta)}.marca-real span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.marca-real b{display:block;font-family:var(--display);font-weight:400;font-size:16px;line-height:1.1}.marca-sua>div{transform:translate(-50%);background:var(--rosa);color:#fff;font-size:11px;font-weight:800;padding:2px 7px;white-space:nowrap;animation:sobe .45s .12s cubic-bezier(.2,.8,.2,1) both}.fase-revelou .regua{opacity:.4;transition:opacity .4s}@keyframes cai{0%{opacity:0;transform:translate(-50%,-10px)}}@keyframes sobe{0%{opacity:0;transform:translate(-50%,8px)}}.resultado{padding:0 16px 8px;animation:entra .45s .08s cubic-bezier(.2,.8,.2,1) both}@keyframes entra{0%{opacity:0;transform:translateY(14px)}}.placar{display:flex;align-items:center;gap:10px}.placar b{font-family:var(--display);font-weight:400;font-size:44px;line-height:1;color:var(--rosa);text-shadow:2px 2px 0 var(--tinta);font-variant-numeric:tabular-nums;min-width:2.1em}.placar small{font-size:12px;font-weight:600;line-height:1.25;color:var(--tinta2)}.veredito{margin-left:auto;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border:2.5px solid var(--rosa);color:var(--rosa);transform:rotate(-4deg)}.veredito.v-longe{border-color:var(--tinta);color:var(--tinta);transform:rotate(3deg)}.erro{font-size:14px;font-weight:500;margin-top:8px}.frase{font-size:16.5px;font-weight:700;line-height:1.28;margin:8px 0 10px;text-wrap:pretty}.legenda{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-bottom:10px}.legenda li{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:12.5px;line-height:1.2;animation:entra .4s var(--d) cubic-bezier(.2,.8,.2,1) both}.legenda li:first-child{font-weight:800}.legenda s{width:10px;height:10px;background:var(--c)}.legenda .selo{width:22px;height:22px;margin:-6px 0 -6px -6px;border-radius:50%;box-shadow:0 0 0 2px var(--c);background:var(--papel)}.legenda b{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.rodinha{font-size:11.5px;color:var(--tinta2);line-height:1.4}.rodinha a{text-underline-offset:2px}.fim .miolo{padding:8px 16px 12px}.total{position:relative;padding:10px 4px 14px}.vinheta{position:absolute;right:-10px;bottom:2px;width:132px;height:auto;pointer-events:none}@media(prefers-reduced-motion:no-preference){.vinheta{animation:vinheta .5s cubic-bezier(.3,1.4,.5,1) .35s both}}@keyframes vinheta{0%{opacity:0;transform:translateY(14px) rotate(4deg)}}.quando{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta2)}.soma{margin-top:6px;display:flex;align-items:baseline;gap:10px}.soma b{font-family:var(--display);font-weight:400;font-size:64px;line-height:1;color:var(--rosa);text-shadow:3px 3px 0 var(--tinta);letter-spacing:0}.soma span{font-size:15px;font-weight:600;color:var(--tinta2)}.titulo-dia{display:inline-block;font-family:var(--display);font-size:21px;margin-top:10px;padding:3px 10px;border:2.5px solid var(--tinta);transform:rotate(-2deg)}.seq{display:inline-block;margin:10px 0 0 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:2px solid var(--rosa);color:var(--rosa);transform:rotate(3deg)}.notas{list-style:none;display:grid;gap:8px}.notas li>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:6px 10px 6px 4px;text-align:left;background:#fffaf047;border-bottom:2px dashed color-mix(in srgb,var(--tinta) 35%,transparent)}.notas .mini{display:block}.o-que{font-size:14.5px;font-weight:700;line-height:1.25}.o-que i{display:block;font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta2);font-weight:700}.notas li b{font-family:var(--display);font-weight:400;font-size:26px;color:var(--rosa);text-shadow:1.5px 1.5px 0 var(--tinta)}.detalhe{font-size:13.5px;line-height:1.4;padding:8px 10px 4px}.amanha{margin-top:14px;font-size:13.5px;font-weight:600;color:var(--tinta2);text-align:center}.aviso-curto{margin-top:8px;text-align:center;font-size:13px;font-weight:700;color:var(--tinta)}.folha-fundo{position:fixed;inset:0;background:color-mix(in srgb,var(--tinta) 55%,transparent);display:flex;align-items:flex-end;justify-content:center;z-index:10;animation:aparece .25s both}.folha{width:100%;max-width:520px;background:var(--papel);color:var(--tinta);padding:22px 20px calc(18px + env(safe-area-inset-bottom));border-radius:10px 10px 0 0;animation:entra .35s cubic-bezier(.2,.8,.2,1) both}.folha h2{font-family:var(--display);font-weight:400;font-size:24px;margin-bottom:12px}.folha ol{padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.4;margin-bottom:12px}.folha .miudo{font-size:12px;line-height:1.45;opacity:.75;margin-bottom:16px}@keyframes aparece{0%{opacity:0}}@media(max-height:700px){.pergunta h2{font-size:23px}.fase-revelou .pergunta h2{font-size:16px}.fase-revelou .tag{display:none}.frase{font-size:15.5px;margin:6px 0 8px}.placar b{font-size:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mao{display:none}}