/* lenalabaki.com.br / 1win Brasil / folha de estilo / lote 1573 */

/* === fontes === */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400 800;font-display:swap;
src:url(/assets/fonts/intertight-latin.woff2) format('woff2');
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}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400 800;font-display:swap;
src:url(/assets/fonts/intertight-latin-ext.woff2) format('woff2');
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}

/* === variaveis === */
:root{
  --paper:#ffffff;--paper2:#f4f4f0;--paper3:#e9e9e2;
  --ink:#0c0c0c;--ink2:#2b2b2b;--body:#3a3a38;--soft:#67675f;--faint:#8b8b82;
  --lime:#c8f000;--lime2:#e6ff6b;--flame:#ff3b00;--deep:#1338ff;
  --stroke:2px solid var(--ink);
  --hard:5px 5px 0 var(--ink);
  --hard-sm:3px 3px 0 var(--ink);
  --zonew:1200px;--textw:660px;
  --sans:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Courier New',monospace;
  --fs:17px;--beat:clamp(44px,5.2vw,72px);--topbarh:60px;--nowbarh:46px;
}

/* === base === */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;
scroll-padding-top:calc(var(--topbarh) + var(--nowbarh) + 14px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--paper2);color:var(--body);font-family:var(--sans);font-size:var(--fs);
line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
overflow-x:hidden;overflow-wrap:break-word;font-feature-settings:'kern' 1,'liga' 1;
padding-bottom:calc(60px + env(safe-area-inset-bottom))}
@media(min-width:900px){body{padding-bottom:0}}
body.shut{overflow:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
svg{width:20px;height:20px;flex:none}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;
text-decoration-color:var(--lime);transition:background .12s,color .12s}
a:hover{background:var(--lime);color:var(--ink);text-decoration-color:var(--ink)}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.15em;padding-left:1.2em}
li{margin:.4em 0}
li::marker{color:var(--ink)}
strong,b{color:var(--ink);font-weight:800}
em{font-style:italic}
code{font-family:var(--mono);font-size:.87em;background:var(--lime);padding:.1em .34em;color:var(--ink)}
hr{border:0;border-top:var(--stroke);margin:32px 0}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:3px solid var(--deep);outline-offset:2px}
h1,h2,h3,h4{color:var(--ink);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin:0 0 .5em}
h1{font-size:clamp(34px,6vw,72px);text-transform:uppercase;letter-spacing:-.04em}
h2{font-size:clamp(24px,3.2vw,38px);text-transform:uppercase}
h3{font-size:clamp(18px,1.9vw,22px);letter-spacing:-.02em}
h4{font-size:16px;text-transform:uppercase;letter-spacing:.02em}

/* === estrutura === */
.zone{width:100%;max-width:var(--zonew);margin:0 auto;padding:0 18px}
.textw{max-width:var(--textw)}
.gone{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jumplink{position:absolute;left:-9999px;top:0;z-index:800;background:var(--lime);color:var(--ink);
font-weight:800;padding:12px 18px;border:var(--stroke)}
.jumplink:focus{left:0}

/* === etiquetas === */
.stencil{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.16em;
text-transform:uppercase;color:var(--ink);background:var(--lime);padding:3px 8px}
.marker{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:var(--stroke);
background:var(--paper);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;color:var(--ink)}
.markers{display:flex;flex-wrap:wrap;gap:7px}
.plus18{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 6px;
background:var(--flame);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700}

/* === botoes === */
.hit{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);
font-size:14.6px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.02em;
padding:14px 22px;border:var(--stroke);background:var(--paper);color:var(--ink);cursor:pointer;
text-decoration:none;white-space:nowrap;box-shadow:var(--hard-sm);
transition:transform .12s,box-shadow .12s,background .12s,color .12s}
.hit:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);text-decoration:none;background:var(--paper)}
.hit:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}
.hit--lime{background:var(--lime);color:var(--ink)}
.hit--lime:hover{background:var(--lime2);color:var(--ink)}
.hit--ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hit--ink:hover{background:var(--ink2);color:var(--paper)}
.hit--flame{background:var(--flame);color:#fff}
.hit--flame:hover{background:#e03400;color:#fff}
.hit--big{padding:17px 28px;font-size:16px;box-shadow:var(--hard)}
.hit--tiny{padding:9px 13px;font-size:12.4px;box-shadow:2px 2px 0 var(--ink)}
.hit--fill{width:100%}
.hits{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}

/* === faixa e topo === */
.notice{background:var(--ink);color:var(--paper);padding:7px 0;font-family:var(--mono);font-size:12px;
letter-spacing:.02em}
.notice__in{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;text-align:center}
.notice b{color:var(--lime);font-weight:700}
.topbar{position:sticky;top:0;z-index:220;background:var(--paper);border-bottom:var(--stroke)}
.topbar__in{display:flex;align-items:center;gap:12px;height:var(--topbarh)}
.wordmark{display:inline-flex;align-items:center;gap:9px;flex:none;text-decoration:none;background:var(--ink);
padding:7px 10px;border:var(--stroke)}
.wordmark:hover{background:var(--ink2)}
.wordmark img{height:21px;width:auto}
.wordmark b{font-family:var(--mono);font-size:10.4px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--lime);display:none}
@media(min-width:560px){.wordmark b{display:inline}}
.mainlinks{display:none;margin-left:14px;gap:0}
@media(min-width:1100px){.mainlinks{display:flex}}
.mainlinks a{padding:6px 11px;font-family:var(--mono);font-size:11.6px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;color:var(--ink);text-decoration:none}
.mainlinks a:hover{background:var(--lime)}
.topbar__acts{display:flex;align-items:center;gap:9px;margin-left:auto}
.topbar__acts .hit--ink{display:none}
@media(min-width:700px){.topbar__acts .hit--ink{display:inline-flex}}
.indexbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:var(--stroke);
background:var(--paper);box-shadow:2px 2px 0 var(--ink);font-family:var(--mono);font-size:11.6px;
font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.indexbtn:hover{background:var(--lime)}
.indexbtn s{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;width:12px;text-decoration:none}
.indexbtn s i{display:block;width:5px;height:5px;background:var(--ink)}

/* === menu em grade === */
.indexgrid{position:fixed;inset:calc(var(--topbarh)) 0 auto;z-index:215;background:var(--paper);
border-bottom:var(--stroke);padding:16px 0 22px;max-height:calc(100vh - var(--topbarh));overflow-y:auto;
transform:translateY(-102%);transition:transform .24s cubic-bezier(.2,.8,.25,1);visibility:hidden}
body.shut .indexgrid{transform:none;visibility:visible}
.indexgrid__cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);border:var(--stroke)}
@media(min-width:680px){.indexgrid__cells{grid-template-columns:repeat(4,minmax(0,1fr))}}
.indexgrid__cells a{display:block;background:var(--paper);padding:13px 14px;text-decoration:none;min-width:0}
.indexgrid__cells a:hover{background:var(--lime)}
.indexgrid__cells i{display:block;font-family:var(--mono);font-size:10.4px;font-weight:700;
letter-spacing:.1em;color:var(--faint);font-style:normal}
.indexgrid__cells span{display:block;font-size:14.4px;font-weight:800;color:var(--ink);line-height:1.24;margin-top:3px}
.indexgrid .hit{margin-top:16px}
.blind{position:fixed;inset:0;z-index:210;background:rgba(12,12,12,.4);opacity:0;visibility:hidden;transition:opacity .22s}
body.shut .blind{opacity:1;visibility:visible}

/* === barra do capitulo atual === */
.nowbar{position:sticky;top:var(--topbarh);z-index:200;background:var(--lime);border-bottom:var(--stroke)}
.nowbar__in{display:flex;align-items:center;gap:10px;height:var(--nowbarh)}
.nowbar__tag{font-family:var(--mono);font-size:10.6px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--ink);white-space:nowrap}
.nowbar__name{font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;
text-overflow:ellipsis;flex:1;min-width:0}
.nowbar__pair{display:flex;gap:6px;flex:none}
.nowbar__pair button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;
border:var(--stroke);background:var(--paper);color:var(--ink);cursor:pointer;padding:0}
.nowbar__pair button:hover:not(:disabled){background:var(--ink);color:var(--lime)}
.nowbar__pair button:disabled{opacity:.35;cursor:default}
.nowbar__pair svg{width:15px;height:15px}

/* === abertura invertida === */
.blackout{background:var(--ink);color:var(--paper);padding:clamp(34px,5vw,64px) 0}
.blackout h1{color:var(--paper)}
.blackout h1 mark{background:var(--lime);color:var(--ink);padding:0 .12em}
.blackout__grid{display:grid;gap:clamp(22px,3vw,38px)}
@media(min-width:940px){.blackout__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}}
.blackout__grid>*{min-width:0}
.blackout__text{font-size:clamp(16px,1.5vw,18.5px);color:#d8d8d2;max-width:58ch}
.blackout__fine{font-family:var(--mono);font-size:11.4px;color:var(--faint);margin:0}
.blackout .hit{box-shadow:5px 5px 0 var(--lime)}
.blackout .hit:hover{box-shadow:7px 7px 0 var(--lime)}
.blackout figure{margin:0;border:2px solid var(--paper)}
.blackout figure img{width:100%}
.blackout figcaption{padding:9px 12px;border-top:2px solid var(--paper);font-family:var(--mono);
font-size:10.8px;letter-spacing:.06em;text-transform:uppercase;color:#c9c9c3}

/* === ficha em tabela dura === */
.specsheet{border:var(--stroke);background:var(--paper);box-shadow:var(--hard);margin-top:clamp(26px,3vw,40px)}
.specsheet__row{display:grid;grid-template-columns:1fr;border-bottom:var(--stroke)}
@media(min-width:620px){.specsheet__row{grid-template-columns:230px minmax(0,1fr)}}
.specsheet__row:last-child{border-bottom:0}
.specsheet dt{padding:11px 14px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;color:var(--ink);background:var(--paper3);border-bottom:1px solid var(--paper3)}
@media(min-width:620px){.specsheet dt{border-right:var(--stroke);border-bottom:0}}
.specsheet dd{margin:0;padding:11px 14px;color:var(--body);font-size:15.4px}
.specsheet dl{margin:0}
.numstrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);
border:var(--stroke);margin-top:clamp(22px,2.6vw,32px)}
@media(min-width:760px){.numstrip{grid-template-columns:repeat(4,minmax(0,1fr))}}
.numstrip>div{background:var(--paper);padding:14px 16px;min-width:0}
.numstrip b{display:block;font-family:var(--mono);font-size:clamp(21px,2.4vw,27px);font-weight:700;
color:var(--ink);line-height:1.1;letter-spacing:-.02em}
.numstrip span{display:block;margin-top:2px;font-family:var(--mono);font-size:10.4px;letter-spacing:.1em;
text-transform:uppercase;color:var(--soft)}

/* === blocos de capitulo === */
.chunk{padding:var(--beat) 0 0}
.chunk__label{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.chunk__label s{flex:1;height:2px;background:var(--ink);text-decoration:none}
.chunk__head{max-width:70ch;margin-bottom:24px}
.chunk__head h2{margin:0 0 8px}
.chunk__head p{margin:0;font-size:15px;color:var(--soft)}

/* === cartoes com sombra dura === */
.hardcard{background:var(--paper);border:var(--stroke);box-shadow:var(--hard-sm);padding:20px}
.hardcard>*:last-child{margin-bottom:0}
.hardcard h3,.hardcard h4{margin-top:0}
.hardcard--lime{background:var(--lime)}
.hardcard--ink{background:var(--ink);color:#d8d8d2}
.hardcard--ink h3,.hardcard--ink h4,.hardcard--ink b,.hardcard--ink strong{color:var(--paper)}
.pair2,.pair3{display:grid;gap:16px}
@media(min-width:720px){.pair2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:660px){.pair3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1020px){.pair3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pair2>*,.pair3>*{min-width:0}
.splitrow{display:grid;gap:clamp(20px,2.8vw,34px);align-items:center}
@media(min-width:920px){.splitrow{grid-template-columns:repeat(2,minmax(0,1fr))}
.splitrow--rev>*:first-child{order:2}}
.splitrow>*{min-width:0}
.framed{margin:0;border:var(--stroke);background:var(--paper);box-shadow:var(--hard-sm)}
.framed img{width:100%}
.framed figcaption{padding:10px 14px;border-top:var(--stroke);font-family:var(--mono);font-size:11px;
letter-spacing:.05em;color:var(--soft)}

/* === passos === */
.steplist{list-style:none;margin:0;padding:0;counter-reset:sl;display:grid;gap:16px}
@media(min-width:760px){.steplist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.steplist>li{counter-increment:sl;position:relative;background:var(--paper);border:var(--stroke);
box-shadow:var(--hard-sm);padding:20px 20px 18px 20px;margin:0;min-width:0}
.steplist>li::before{content:counter(sl,decimal-leading-zero);position:absolute;left:-2px;top:-2px;
background:var(--ink);color:var(--lime);font-family:var(--mono);font-size:12px;font-weight:700;padding:4px 8px}
.steplist b{display:block;color:var(--ink);font-size:16.4px;margin:14px 0 3px}
.steplist p{margin:0;font-size:14.8px;color:var(--body)}

/* === bloco do bonus === */
.bonusblock{border:var(--stroke);background:var(--lime);box-shadow:var(--hard);padding:clamp(20px,2.6vw,30px)}
.bonusblock h3{margin:0 0 4px;font-size:clamp(30px,4vw,46px);text-transform:uppercase;letter-spacing:-.04em}
.bonusblock p{color:var(--ink);font-weight:600}
.tiergrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);
border:var(--stroke);margin:18px 0 0}
@media(min-width:820px){.tiergrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tiergrid>div{background:var(--paper);padding:14px 15px;min-width:0}
.tiergrid dt{font-family:var(--mono);font-size:10.4px;font-weight:700;letter-spacing:.1em;
text-transform:uppercase;color:var(--soft)}
.tiergrid dd{margin:4px 0 0}
.tiergrid dd b{display:block;font-family:var(--mono);font-size:24px;font-weight:700;color:var(--ink);line-height:1}
.tiergrid dd span{display:block;font-size:12.8px;color:var(--body);margin-top:3px}
.tiergrid dl{margin:0}

/* === conta de guardanapo === */
.mathpad{border:var(--stroke);background:var(--paper);box-shadow:var(--hard-sm);padding:0;overflow:hidden}
.mathpad__title{background:var(--ink);color:var(--lime);padding:9px 14px;font-family:var(--mono);
font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.mathpad ol{list-style:none;margin:0;padding:14px}
.mathpad li{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:14px;
color:var(--ink);margin:0;padding:6px 0;border-bottom:1px dashed var(--paper3)}
.mathpad li:last-child{border-bottom:0}
.mathpad li i{flex:none;width:24px;font-style:normal;color:var(--faint);font-size:11px}
.mathpad li span:first-of-type{flex:1;min-width:0}
.mathpad li b{white-space:nowrap}
.mathpad li.total{border-top:var(--stroke);border-bottom:0;margin-top:6px;padding-top:10px;background:var(--lime);
margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
.mathpad__note{margin:0;padding:0 14px 14px;font-size:13px;color:var(--soft)}

/* === chave com/sem bonus === */
.switcher{display:inline-flex;border:var(--stroke);background:var(--paper);box-shadow:var(--hard-sm);margin:0 0 16px}
.switcher button{padding:11px 18px;border:0;background:transparent;font-family:var(--sans);font-size:13.4px;
font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);cursor:pointer}
.switcher button+button{border-left:var(--stroke)}
.switcher button[aria-pressed="true"]{background:var(--ink);color:var(--lime)}
.js .state[hidden]{display:none}

/* === tabelas === */
/* position:relative prende os rotulos .gone (absolutos) ao proprio rolagem;
   sem isso o deslocamento deles dentro da tabela larga estica a pagina */
.tablewrap{position:relative;overflow-x:auto;border:var(--stroke);background:var(--paper);
box-shadow:var(--hard-sm);margin:0 0 1.3em;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:540px;font-size:14.8px}
caption{caption-side:bottom;padding:10px 14px;font-family:var(--mono);font-size:11.4px;color:var(--soft);text-align:left}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--paper3);vertical-align:top}
thead th{background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10.6px;font-weight:700;
letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-bottom:0}
tbody th{color:var(--ink);font-weight:800;white-space:nowrap}
tbody tr:last-child>*{border-bottom:0}
tbody tr:hover{background:var(--paper2)}
td strong{color:var(--ink)}
.mononum{font-family:var(--mono);font-size:14px;white-space:nowrap}
.speedbar{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--ink);white-space:nowrap}

/* === prova de contato dos jogos === */
.contactsheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);border:var(--stroke)}
@media(min-width:520px){.contactsheet{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:980px){.contactsheet{grid-template-columns:repeat(8,minmax(0,1fr))}}
.contactsheet figure{margin:0;background:var(--paper);min-width:0}
.contactsheet img{width:100%;aspect-ratio:240/327;object-fit:cover;border-bottom:var(--stroke)}
.contactsheet figcaption{padding:7px 8px}
.contactsheet b{display:block;font-size:12.4px;font-weight:800;color:var(--ink);line-height:1.2}
.contactsheet i{display:block;font-family:var(--mono);font-size:9.6px;font-style:normal;letter-spacing:.08em;
text-transform:uppercase;color:var(--soft);margin-top:2px}
.contactsheet figure:hover{background:var(--lime)}
.studios{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}
.studios span{padding:5px 10px;border:var(--stroke);background:var(--paper);font-family:var(--mono);
font-size:11.4px;color:var(--ink)}

/* === listas === */
.ticked,.crossed{list-style:none;padding:0;margin:0 0 1.15em}
.ticked li,.crossed li{position:relative;padding-left:28px;margin:.46em 0}
.ticked li::before{content:'';position:absolute;left:0;top:.44em;width:15px;height:15px;background:var(--lime);border:2px solid var(--ink)}
.crossed li::before{content:'';position:absolute;left:0;top:.44em;width:15px;height:15px;background:var(--flame);border:2px solid var(--ink)}
.barred{list-style:none;padding:0;margin:0 0 1.15em}
.barred li{position:relative;padding-left:22px;margin:.44em 0}
.barred li::before{content:'';position:absolute;left:0;top:.8em;width:13px;height:2px;background:var(--ink)}

/* === avisos === */
.callout{border:var(--stroke);background:var(--paper);box-shadow:var(--hard-sm);padding:0;margin:22px 0;overflow:hidden}
.callout__bar{background:var(--ink);color:var(--lime);padding:8px 14px;font-family:var(--mono);font-size:10.8px;
font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.callout--flame .callout__bar{background:var(--flame);color:#fff}
.callout--lime .callout__bar{background:var(--lime);color:var(--ink)}
.callout__body{padding:14px}
.callout__body>*:last-child{margin-bottom:0}
.callout p{font-size:15px}

/* === atendimento === */
.deskrow{display:grid;gap:1px;background:var(--ink);border:var(--stroke)}
@media(min-width:760px){.deskrow{grid-template-columns:repeat(3,minmax(0,1fr))}}
.deskrow>div{background:var(--paper);padding:16px 18px;min-width:0}
.deskrow b{display:block;color:var(--ink);margin-bottom:3px;text-transform:uppercase;font-size:14.6px}
.deskrow p{margin:0;font-size:13.8px;color:var(--body)}
.deskrow em{display:inline-block;margin-top:9px;font-style:normal;font-family:var(--mono);font-size:10.6px;
font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--lime);padding:2px 7px;color:var(--ink)}

/* === perguntas === */
.qblocks{border-top:var(--stroke)}
.qblocks>div{padding:18px 0;border-bottom:1px solid var(--paper3)}
.qblocks h3{margin:0 0 6px;font-size:16.4px;text-transform:uppercase;letter-spacing:-.01em;
display:flex;gap:10px;align-items:baseline}
.qblocks h3 i{font-style:normal;font-family:var(--mono);font-size:11.4px;color:var(--faint);flex:none}
.qblocks p{margin:0 0 0 30px;font-size:15.2px}

/* === placar final === */
.scorecard{border:var(--stroke);background:var(--paper);box-shadow:var(--hard)}
.scorecard__top{display:grid;gap:0;border-bottom:var(--stroke)}
@media(min-width:720px){.scorecard__top{grid-template-columns:auto minmax(0,1fr)}}
.scorecard__mark{background:var(--ink);color:var(--lime);padding:24px 28px;text-align:center}
/* bloco preto: o numero tem de vencer a cor global de <b> */
.scorecard__mark b{display:block;color:var(--lime);font-family:var(--mono);font-size:44px;font-weight:700;line-height:1}
.scorecard__mark span{display:block;font-family:var(--mono);font-size:10.4px;letter-spacing:.12em;
text-transform:uppercase;color:#a8a8a0;margin-top:6px}
.scorecard__say{padding:20px 22px}
.scorecard__say h3{margin:0 0 6px}
.scorecard__say p{margin:0;font-size:15px}
.thermo{margin:0;border-bottom:var(--stroke)}
.thermo>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;
padding:11px 22px;border-bottom:1px solid var(--paper3)}
.thermo>div:last-child{border-bottom:0}
.thermo dt{font-size:14.8px;color:var(--body)}
.thermo dd{margin:0;display:flex;align-items:center;gap:10px}
.thermo u{display:flex;gap:2px;text-decoration:none}
.thermo u i{width:9px;height:16px;background:var(--paper3);border:1px solid var(--ink)}
.thermo u i.fill{background:var(--lime)}
.thermo em{font-style:normal;font-family:var(--mono);font-size:13.4px;font-weight:700;color:var(--ink);min-width:24px;text-align:right}
.ledger{display:grid;gap:1px;background:var(--ink)}
@media(min-width:720px){.ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ledger>div{background:var(--paper);padding:18px 22px}
.ledger h4{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em}
.ledger ul{margin:0;font-size:14.6px}
.ledger--up h4{background:var(--lime);display:inline-block;padding:3px 8px}
.ledger--down h4{background:var(--flame);color:#fff;display:inline-block;padding:3px 8px}

/* === fecho === */
.closingblock{margin-top:var(--beat);background:var(--ink);color:#d8d8d2;padding:clamp(28px,3.8vw,52px) 0;text-align:center}
.closingblock h2{color:var(--paper);margin-bottom:10px}
.closingblock h2 mark{background:var(--lime);color:var(--ink);padding:0 .12em}
.closingblock p{max-width:56ch;margin:0 auto 20px}
.closingblock .hits{justify-content:center;margin-bottom:4px}
.closingblock .hit{box-shadow:5px 5px 0 var(--lime)}
.closingblock small{display:block;margin-top:12px;font-family:var(--mono);font-size:11.4px;color:var(--faint)}

/* === rodape === */
.endmatter{background:var(--paper);border-top:var(--stroke);padding:clamp(28px,3.6vw,48px) 0 18px}
.endmatter__grid{display:grid;gap:24px}
@media(min-width:780px){.endmatter__grid{grid-template-columns:1.7fr 1fr 1fr}}
.endmatter h4{font-family:var(--mono);font-size:10.6px;letter-spacing:.14em;text-transform:uppercase;
color:var(--ink);margin-bottom:12px;background:var(--paper3);display:inline-block;padding:3px 8px}
.endmatter ul{list-style:none;margin:0;padding:0}
.endmatter li{margin:.36em 0}
.endmatter a{color:var(--ink);font-size:14px;text-decoration:none;border-bottom:2px solid var(--paper3)}
.endmatter a:hover{background:var(--lime);border-bottom-color:var(--ink)}
.endmatter__note p{font-size:13.6px;color:var(--body);margin:14px 0}
.endmatter__end{margin-top:24px;padding-top:16px;border-top:var(--stroke);display:flex;
justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--mono);font-size:11.4px;color:var(--soft)}
.endmatter__end p{margin:0;display:flex;align-items:center;gap:8px}

/* === barra fixa e topo === */
.stickydeal{position:fixed;left:0;right:0;bottom:0;z-index:230;display:flex;align-items:center;gap:11px;
padding:9px 14px;padding-bottom:calc(9px + env(safe-area-inset-bottom));background:var(--paper);border-top:var(--stroke)}
.stickydeal .hit{flex:1}
.stickydeal span{flex:none;font-family:var(--mono);font-size:10.4px;font-weight:700;letter-spacing:.06em;
text-transform:uppercase;color:var(--ink);max-width:84px;line-height:1.25}
@media(min-width:900px){.stickydeal{display:none}}
.upblock{position:fixed;right:14px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:225;
width:42px;height:42px;border:var(--stroke);background:var(--paper);box-shadow:3px 3px 0 var(--ink);
color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;
opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.upblock.seen{opacity:1;visibility:visible}
.upblock:hover{background:var(--lime)}
@media(min-width:900px){.upblock{bottom:20px;right:20px}}

/* === impressao === */
@media print{
 body{background:#fff;padding:0}
 .topbar,.nowbar,.notice,.indexgrid,.blind,.stickydeal,.upblock,.hits,.closingblock,.switcher{display:none!important}
 .blackout{background:#fff;color:#111}
 .blackout h1,.blackout figcaption{color:#111}
 .hardcard,.specsheet,.tablewrap,.scorecard,.mathpad,.contactsheet,.framed{box-shadow:none;border-color:#111}
 .hardcard--ink,.scorecard__mark,.mathpad__title,.callout__bar,thead th{background:#eee;color:#111}
 a{color:#111}
 .state[hidden]{display:block!important}
}