/* Mesa da Memória · página da mesa. Usa base.css.
   Regras: um acento (vermelho EDEM), uma família de cinzas quentes,
   cartas com raio 3px, controles em pílula, imagens sempre inteiras. */
/* Mesa */
.mesa{position:relative;min-height:calc(100svh - var(--topo));display:flex;flex-direction:column;background:var(--mesa);border-bottom:1px solid var(--fio)}
.mesa-cabeca{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:16px var(--lateral) 0;position:relative;z-index:3}
.mesa-intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.3vw,34px);line-height:1.05;letter-spacing:-.01em}
.mesa-intro p{font-size:14px;color:var(--luz-2);max-width:96ch;margin-top:4px}
.lentes{display:flex;padding:3px;border:1px solid var(--fio);border-radius:999px;flex-shrink:0}
.lentes button{font-size:13px;padding:8px 16px;border-radius:999px;color:var(--luz-2);min-height:36px}
.lentes button[aria-pressed=true]{background:var(--luz-texto);color:var(--tinta)}

.palco{position:relative;flex:1;min-height:440px;margin:6px var(--lateral) 0;isolation:isolate}
.luz{position:absolute;inset:-12px calc(-1 * var(--lateral)) -40px;z-index:-1;overflow:hidden;pointer-events:none;
  background:radial-gradient(ellipse 46% 58% at 50% 50%, color-mix(in srgb,var(--luz) 30%,transparent), transparent 72%);
  transition:background .9s ease}
.luz-img{position:absolute;left:50%;top:50%;width:62%;height:auto;transform:translate(-50%,-50%) scale(1.25);filter:blur(70px) saturate(1.3);opacity:.34;transition:opacity .9s ease}
.luz-img:not([src]),.palco[data-lente=toda] .luz-img{opacity:0}
.mesa:has(.palco[data-lente=toda]) .fila-trilho{display:none}

/* Foco: três zonas sobre a mesa */
.foco{height:100%;min-height:inherit;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.25fr) minmax(240px,.9fr);gap:clamp(20px,3vw,52px);align-items:center;padding:6px 0 12px}
.foco[hidden]{display:none}
.foco>*{min-width:0}
.texto{align-self:center;max-width:470px}
.texto .sobretitulo{display:flex;flex-wrap:wrap;gap:4px 10px}
.texto .sobretitulo span{white-space:nowrap}.texto .sobretitulo span:not(:last-child)::after{content:'·';margin-left:10px;color:var(--luz-3)}
.texto h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3vw,48px);line-height:1;letter-spacing:-.015em;margin-top:14px;text-wrap:balance}
.texto .autoria{font-size:15px;color:var(--luz-texto);margin-top:12px}
.texto .frase{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.25;color:var(--luz-texto);margin-top:14px}
.texto blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(22px,1.9vw,28px);line-height:1.2;margin-top:18px;text-wrap:balance}
.texto blockquote footer{font-family:var(--sans);font-style:normal;font-size:12px;color:var(--luz-2);margin-top:8px;letter-spacing:.02em}
.texto .lede{font-size:16px;line-height:1.6;color:var(--luz-2);margin-top:16px;max-width:52ch}
.texto .notas{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--fio)}
.texto .notas div{display:grid;grid-template-columns:118px 1fr;gap:12px;font-size:13px;line-height:1.5}
.texto .notas dt{color:var(--luz-3)}
.texto .notas dd{color:var(--luz-2)}
.texto .limite{font-size:13px;color:var(--luz-2);margin-top:14px;padding-left:12px;border-left:2px solid var(--acento)}
.acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fonte{font-size:12px;color:var(--luz-3);margin-top:16px;max-width:52ch}

/* A carta sobre a mesa */
.carta-zona{position:relative;display:grid;place-items:center;height:100%;min-height:360px}
.carta{position:relative;background:var(--papel);color:var(--tinta);border-radius:3px;padding:14px 14px 16px;transform:rotate(var(--giro,-1.6deg));
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 2px 6px rgba(0,0,0,.45),0 24px 60px rgba(0,0,0,.55);will-change:transform}
.carta::after{content:'';position:absolute;inset:0;border-radius:3px;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.22),transparent 40%,rgba(0,0,0,.05))}
.carta-img{display:grid;place-items:center;background:var(--papel-2)}
.carta-img img{width:auto;height:auto;max-width:100%;max-height:min(44vh,420px);object-fit:contain}
.carta-legenda{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-2);margin-top:10px}
.carta.doc{max-width:min(100%,520px)}

/* Carta de projeto 2026: arte inteira + corpo de papel */
.carta.projeto{width:min(100%,430px);padding:0;overflow:hidden}
.carta.projeto .carta-img{background:#0d0c0b}
.carta.projeto .carta-img img{max-height:none;width:100%}
.carta-corpo{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:12px 14px 13px}
.carta-corpo img{width:48px;height:48px;border-radius:11px}
.carta-corpo strong{display:block;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1}
.carta-corpo span{display:block;font-size:12px;color:var(--tinta-2);margin-top:4px}
.pilha-2026{display:grid;justify-items:center;gap:14px;width:100%}
.pilha-2026 .carta.projeto{width:min(100%,360px)}
.anexos{display:flex;align-items:flex-start;justify-content:center;gap:16px;width:min(100%,560px)}
.tela{flex:0 0 34%;margin:0;transform:rotate(-1.8deg)}
.tela img{width:100%;height:auto;border-radius:4px;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 30px rgba(0,0,0,.55)}
.tela figcaption{font-size:11px;color:var(--luz-3);margin-top:7px}
.bilhete{flex:1;min-width:0;margin:0;padding:12px 16px 14px;background:#f6f1e7;color:var(--tinta);border-radius:2px;transform:rotate(.8deg);box-shadow:0 2px 5px rgba(0,0,0,.4),0 14px 30px rgba(0,0,0,.45)}
.bilhete figcaption{font-size:11.5px;letter-spacing:.03em;color:var(--tinta-2)}
.bilhete q{display:block;font-family:var(--mono);font-size:12px;line-height:1.45;margin-top:6px;quotes:none;color:var(--tinta)}
.bilhete details{font-size:11.5px;line-height:1.45;color:var(--tinta-2);margin-top:8px;padding-top:6px;border-top:1px dashed #cdbfa9}
.bilhete summary{cursor:pointer;padding:2px 0;color:var(--tinta-2)}
.bilhete details p{margin-top:4px}

/* Filme: miniatura com perfurações */
.carta.filme{padding:18px 26px;background:#0e0d0c;color:var(--luz-texto)}
.carta.filme::before,.carta.filme .perf{content:'';position:absolute;top:6px;bottom:6px;width:10px;background:repeating-linear-gradient(to bottom,rgba(241,234,221,.75) 0 6px,transparent 6px 14px)}
.carta.filme::before{left:8px}
.carta.filme .perf{right:8px}
.carta.filme .carta-img{background:#000}
.carta.filme .carta-img img{width:min(52vw,420px);max-height:none}
.carta.filme .carta-legenda{color:var(--luz-2)}

/* Sequência: quadros que se alternam */
.sequencia{display:grid;gap:12px;justify-items:center}
.seq-quadros{position:relative;display:grid}
.seq-quadros img{grid-area:1/1;opacity:0;transition:opacity .5s ease;max-height:min(37vh,360px)}
.seq-quadros img.ativo{opacity:1}
.seq-controles{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}
.seq-controles button{font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--fio-forte);color:var(--luz-2);min-height:32px}
.seq-controles button[aria-pressed=true]{background:var(--luz-texto);color:var(--tinta);border-color:var(--luz-texto)}
.seq-controles .seq-play{border-color:transparent;color:var(--luz-texto)}

/* Ecos */
.ecos{align-self:center}
.ecos h3{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--luz-2);font-weight:400}
.ecos-lista{display:grid;gap:4px;margin-top:10px}
.eco{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;width:100%;text-align:left;padding:6px 8px;border-radius:3px;border:1px solid transparent;transition:background .15s,border-color .15s}
.eco:hover,.eco:focus-visible{background:rgba(244,236,224,.05);border-color:var(--fio)}
.eco-miniatura{display:grid;place-items:center;width:54px;height:54px;background:var(--papel);border-radius:2px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.eco-miniatura img{max-width:100%;max-height:46px;width:auto;height:auto;object-fit:contain}
.eco-motivo{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--acento-claro)}
.eco-titulo{display:block;font-family:var(--serif);font-size:18px;line-height:1.1;margin-top:2px}
.eco-data{display:block;font-size:12px;color:var(--luz-3);margin-top:2px}
.eco-texto{font-size:12.5px;line-height:1.5;color:var(--luz-2);margin-top:10px;padding:8px 12px;border-left:1px solid var(--fio-forte)}

.fios{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}
.fios path{fill:none;stroke:var(--fio-forte);stroke-width:1}
.fios circle{fill:var(--luz-texto)}
.fios text{fill:var(--luz-2);font:11px var(--sans);letter-spacing:.04em}

/* Projeção: entrada em foco */
.projetar{opacity:0;filter:blur(6px);transform:translateY(6px)}
.projetado .projetar{opacity:1;filter:none;transform:none;transition:opacity .45s var(--entrada),filter .55s var(--entrada),transform .45s var(--entrada);transition-delay:calc(var(--i,0) * 70ms + 160ms)}
.saindo{opacity:0;transition:opacity .16s var(--saida)}

/* A mesa inteira */
.toda{position:relative;height:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,32px);padding:6px 0 20px;align-items:start;overflow:auto}
.toda-coluna h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;color:var(--luz-2);padding-bottom:10px;border-bottom:1px solid var(--fio);margin-bottom:12px}
.toda-coluna h3 span{display:block;font-family:var(--serif);font-size:20px;letter-spacing:0;text-transform:none;color:var(--luz-texto)}
.toda-pilha{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.toda-carta{display:flex;flex-direction:column;align-self:flex-start;width:calc(33.333% - 7px);background:var(--papel);border-radius:2px;padding:4px 4px 5px;transform:rotate(var(--giro,0deg));box-shadow:0 6px 14px rgba(0,0,0,.45);transition:transform .2s var(--entrada),opacity .2s,box-shadow .2s;text-align:left;color:var(--tinta)}
.toda-carta img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:var(--papel-2)}
.toda-carta span{display:block;font-size:10px;line-height:1.25;margin-top:4px;color:var(--tinta-2)}
.toda-carta:hover,.toda-carta:focus-visible{transform:rotate(0) scale(1.05);box-shadow:0 12px 26px rgba(0,0,0,.55);z-index:2;position:relative}
.toda.ligando .toda-carta{opacity:.32}
.toda.ligando .toda-carta.ligada,.toda.ligando .toda-carta.origem{opacity:1}
.toda-carta.fora{display:none}

/* Fila de cartas */
.fila-bloco{position:relative;z-index:4;padding:4px var(--lateral) 8px;background:linear-gradient(to bottom,rgba(28,24,20,0),rgba(22,19,16,.94) 26%)}
.regua{display:flex;gap:4px;align-items:stretch;max-width:980px;margin:0 auto 0}
.regua button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:4px 10px 8px;border-radius:3px;font-size:12px;line-height:1.2;color:var(--luz-2);text-align:left;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.regua button::after{content:'';position:absolute;left:10px;right:10px;bottom:3px;height:2px;background:var(--fio-forte);border-radius:2px;transition:background .15s}
.regua button:hover{color:var(--luz-texto);border-color:var(--fio)}
.regua button[aria-pressed=true]{color:var(--luz-texto)}
.regua button[aria-pressed=true]::after{background:var(--acento)}
.regua .r-nome{white-space:nowrap}
.regua .r-conta{font-size:11px;color:var(--luz-3);font-variant-numeric:tabular-nums}
.fila-trilho{display:flex;align-items:center;gap:8px}
.fila-seta{flex-shrink:0;width:40px;height:40px;border-radius:999px;border:1px solid var(--fio-forte);font-size:16px;color:var(--luz-texto)}
.fila-seta:hover{border-color:var(--luz-texto)}
.fila{flex:1;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:12px 6px 4px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--fio-forte) transparent;cursor:grab;overscroll-behavior-x:contain}
.fila.arrastando{cursor:grabbing;scroll-snap-type:none}
.fila.arrastando .f-carta{pointer-events:none}
.fila li{flex-shrink:0;scroll-snap-align:center;display:flex;align-items:flex-end;gap:12px}
.f-marco{align-self:stretch;display:flex;align-items:flex-start;padding-top:2px;font-family:var(--serif);font-size:18px;color:var(--luz-3);border-left:1px solid var(--fio);padding-left:10px;margin-left:4px;min-width:48px}
.f-carta{display:flex;flex-direction:column;width:96px;text-align:left;transition:transform .2s var(--entrada)}
.f-face{display:grid;place-items:center;height:92px;background:var(--papel);border-radius:3px;padding:6px;transform:rotate(var(--giro,0deg));box-shadow:0 6px 14px rgba(0,0,0,.45);transition:transform .2s var(--entrada),box-shadow .2s}
.f-face img{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain}
.f-carta.p2026 .f-face img{max-height:92px}
.f-carta.p2026 .f-face{background:#0f0e0d;padding:0;overflow:hidden}
.f-rotulo{font-size:11.5px;line-height:1.3;margin-top:7px;color:var(--luz-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.f-ano{font-size:11px;color:var(--luz-3);font-variant-numeric:tabular-nums}
.f-carta:hover .f-face,.f-carta:focus-visible .f-face{transform:translateY(-6px) rotate(0);box-shadow:0 14px 26px rgba(0,0,0,.55)}
.f-carta[aria-current=true] .f-face{transform:translateY(-10px) rotate(0);outline:2px solid var(--acento);outline-offset:3px}
.f-carta[aria-current=true] .f-rotulo{color:var(--luz-texto)}

/* Livro */
.livro-secao{padding:96px 0 90px;background:var(--mesa);border-bottom:1px solid var(--fio);--luz:#d41920}
.livro-mesa{position:relative;isolation:isolate;padding:clamp(70px,8vw,124px) var(--lateral) 0;overflow:hidden}
.livro-mesa::before{content:'';position:absolute;inset:0 0 120px;z-index:-1;background:radial-gradient(ellipse 50% 60% at 50% 46%,color-mix(in srgb,var(--luz) 30%,transparent),transparent 75%);transition:background .8s ease}
.livro-projecao{position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:-1;font-family:var(--serif);font-style:italic;font-size:clamp(48px,7.4vw,112px);line-height:1;color:color-mix(in srgb,var(--luz) 55%,var(--luz-texto));opacity:.22;white-space:nowrap;pointer-events:none;transition:color .8s ease}
.livro{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1060px;margin:0 auto;perspective:2200px;outline:none}
.livro:focus-visible{outline:2px solid var(--acento-claro);outline-offset:10px}
.livro::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:40px;transform:translateX(-50%);background:linear-gradient(to right,transparent,rgba(0,0,0,.18) 45%,rgba(0,0,0,.28) 50%,rgba(0,0,0,.18) 55%,transparent);pointer-events:none}
.pagina{position:relative;min-height:520px;background:var(--papel);color:var(--tinta);padding:clamp(28px,3.6vw,52px);box-shadow:0 30px 70px rgba(0,0,0,.5);backface-visibility:hidden;transform-style:preserve-3d}
.pagina-esq{border-radius:3px 0 0 3px;transform-origin:right center}
.pagina-dir{border-radius:0 3px 3px 0;transform-origin:left center;background:linear-gradient(to right,#e9e1d3,var(--papel) 8%)}
.pagina-esq{background:linear-gradient(to left,#e9e1d3,var(--papel) 8%)}
.pag-quando{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--acento)}
.pag-titulo{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,50px);line-height:1;letter-spacing:-.01em;margin-top:14px;text-wrap:balance}
.pag-texto p{font-size:16.5px;line-height:1.65;color:#3a332c;margin-top:16px;max-width:46ch}
.pag-texto p:first-child{margin-top:26px}
.pag-num{position:absolute;bottom:22px;font-size:12px;color:var(--tinta-2);font-variant-numeric:tabular-nums}
.pagina-esq .pag-num{left:clamp(28px,3.6vw,52px)}
.pagina-dir .pag-num{right:clamp(28px,3.6vw,52px)}
.art-titulo{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-2);padding-bottom:12px;border-bottom:1px solid #cfc4b2}
.art-lista li{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid #ddd3c3;font-family:var(--serif);font-size:24px;line-height:1.15}
.art-lista li span{font-family:var(--sans);font-size:12px;color:var(--tinta-2);min-width:22px;font-variant-numeric:tabular-nums}
.art-palavras{display:grid;gap:4px;margin-top:22px}
.art-palavras li{font-family:var(--serif);font-size:clamp(46px,5vw,72px);line-height:1}
.art-palavras li:nth-child(2){padding-left:12%;font-style:italic}
.art-palavras li:nth-child(3){padding-left:24%}
.art-ficha li{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:end;padding:10px 0;font-size:14px;color:var(--tinta-2)}
.art-ficha li i{display:block;border-bottom:1px solid #b9ad9a;height:18px}
.art-ciclo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.art-ciclo li{border:1px solid #cfc4b2;border-radius:3px;padding:18px 16px;font-family:var(--serif);font-size:26px;line-height:1.1}
.art-ciclo li span{display:block;font-family:var(--sans);font-size:12px;color:var(--tinta-2);margin-bottom:8px}
.art-pedidos{display:grid;gap:16px;margin-top:18px}
.art-pedidos figure{border-left:2px solid var(--acento);padding:4px 0 4px 14px}
.art-pedidos q{display:block;font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--tinta);quotes:none;white-space:pre-line}
.art-pedidos figcaption{font-size:12px;color:var(--tinta-2);margin-top:6px}
.art-pedidos figcaption button{text-decoration:underline;text-underline-offset:3px}
.art-nota{font-size:12px;color:var(--tinta-2);margin-top:16px}
.art-projetos{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:14px 10px;margin-top:18px}
.art-projetos button{display:grid;justify-items:center;gap:6px;font-size:11.5px;line-height:1.2;text-align:center;color:var(--tinta-2);padding:4px;border-radius:3px}
.art-projetos button:hover{background:rgba(0,0,0,.05);color:var(--tinta)}
.art-projetos img{width:56px;height:56px;border-radius:13px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.art-links li a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 0;border-bottom:1px solid #ddd3c3;text-decoration:none}
.art-links strong{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1}
.art-links small{grid-column:1;font-size:13px;color:var(--tinta-2)}
.art-links span{grid-row:1/3;grid-column:2;align-self:center;color:var(--acento)}
.art-links a:hover strong{text-decoration:underline;text-underline-offset:4px}
.art-capa{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:420px}
.art-capa .capa-marca{font-family:var(--serif);font-size:clamp(54px,6vw,92px);line-height:.92;letter-spacing:-.02em}
.art-capa .capa-marca em{color:var(--acento)}
.art-capa ul{border-top:1px solid #cfc4b2}
.art-capa li{padding:10px 0;border-bottom:1px solid #ddd3c3;font-size:15px}
.art-link{display:inline-flex;margin-top:20px;font-size:14px;color:var(--acento)}
.livro-controles{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:28px}
.livro-folio{font-size:13px;color:var(--luz-2);min-width:64px;text-align:center;font-variant-numeric:tabular-nums}
.livro-indice{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:1060px;margin:24px auto 0}
.livro-indice button{font-size:12.5px;padding:7px 12px;border-radius:999px;color:var(--luz-2);border:1px solid transparent;line-height:1.25}
.livro-indice button:hover{border-color:var(--fio)}
.livro-indice button[aria-current=true]{color:var(--luz-texto);border-color:var(--fio-forte)}
.livro-indice button span{color:var(--luz-3);margin-right:6px;font-variant-numeric:tabular-nums}
.virando-sai{animation:sai .26s var(--saida) forwards}
.virando-entra{animation:entra .32s var(--entrada) both}
.pagina-dir.virando-sai{--de:0deg;--para:-90deg}
.pagina-esq.virando-entra{--de:90deg;--para:0deg}
.pagina-esq.virando-sai{--de:0deg;--para:90deg}
.pagina-dir.virando-entra{--de:-90deg;--para:0deg}
@keyframes sai{from{transform:rotateY(var(--de));filter:brightness(1)}to{transform:rotateY(var(--para));filter:brightness(.7)}}
@keyframes entra{from{transform:rotateY(var(--de));filter:brightness(.7)}to{transform:rotateY(var(--para));filter:brightness(1)}}

/* O que a mesa revela */
.revela{padding:96px var(--lateral) 80px;background:var(--sala)}
.revela-lista{max-width:1180px;margin:0 auto;border-top:1px solid var(--fio)}
.revela-lista>li{display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;gap:28px;padding:26px 0;border-bottom:1px solid var(--fio);align-items:center}
.revela-tema h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,34px);line-height:1.05}
.revela-tema p{font-size:14px;color:var(--luz-2);margin-top:8px}
.revela-tema .vao{font-size:12px;color:var(--luz-3);margin-top:10px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.revela-cartas{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 10px;scrollbar-width:thin;scrollbar-color:var(--fio-forte) transparent}
.revela-cartas button{flex-shrink:0;width:92px;text-align:left;display:flex;flex-direction:column;align-self:flex-start}
.revela-cartas .rc-face{display:grid;place-items:center;height:96px;background:var(--papel);border-radius:2px;padding:5px;box-shadow:0 5px 12px rgba(0,0,0,.4);transition:transform .2s var(--entrada)}
.revela-cartas .rc-face img{max-width:100%;max-height:86px;width:auto;height:auto;object-fit:contain}
.revela-cartas .p2026 .rc-face img{max-height:96px}
.revela-cartas .p2026 .rc-face{background:#0f0e0d;padding:0;overflow:hidden}
.revela-cartas button:hover .rc-face,.revela-cartas button:focus-visible .rc-face{transform:translateY(-4px)}
.revela-cartas small{display:block;font-size:11px;line-height:1.3;color:var(--luz-2);margin-top:7px}
.revela-cartas small b{display:block;font-weight:400;color:var(--luz-3)}
.revela-seta{flex-shrink:0;align-self:center;color:var(--luz-3);font-size:14px;padding:0 2px}

/* Salas */
.salas{padding:90px var(--lateral);background:var(--mesa);border-top:1px solid var(--fio)}
.salas-grade{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;max-width:1180px;margin:0 auto}
.salas h3{font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:400;color:var(--luz-2);padding-bottom:12px;border-bottom:1px solid var(--fio-forte)}
.salas-lista a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:18px 0;border-bottom:1px solid var(--fio);text-decoration:none}
.sala-nome{font-family:var(--serif);font-size:26px;line-height:1.1}
.sala-nota{grid-column:1;font-size:14px;color:var(--luz-2)}
.salas-lista a>span:last-child{grid-row:1/3;grid-column:2;align-self:center;font-size:18px;color:var(--luz-2);transition:transform .2s var(--entrada),color .2s}
.salas-lista a:hover .sala-nome{text-decoration:underline;text-underline-offset:5px}
.salas-lista a:hover>span:last-child{transform:translateX(4px);color:var(--acento-claro)}

/* Telas baixas de notebook: fila mais compacta */
@media (max-height:860px) and (min-width:761px){
  .mesa-intro p{font-size:13px}
  .regua .r-periodo{display:none}
  .regua button{flex-direction:row;align-items:baseline;gap:6px;padding:4px 10px 8px}
  .f-face{height:76px}.f-face img{max-height:64px}.f-carta.p2026 .f-face img{max-height:76px}
  .f-carta{width:80px}.f-ano{display:none}
  .carta-img img{max-height:min(42vh,400px)}
}

/* Larguras intermediárias */
@media (max-width:1180px){
  .foco{grid-template-columns:minmax(240px,1fr) minmax(280px,1.15fr);grid-template-areas:'texto carta' 'ecos ecos'}
  .texto{grid-area:texto}.carta-zona{grid-area:carta}.ecos{grid-area:ecos}
  .ecos-lista{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .toda{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fila-bloco{position:sticky;bottom:0;background:rgba(20,17,14,.96);border-top:1px solid var(--fio);backdrop-filter:blur(8px)}
}
/* Celular */
@media (max-width:760px){
  .mesa{min-height:0}
  .mesa-cabeca{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px}
  .mesa-intro p{font-size:13.5px}
  .lentes{align-self:stretch}.lentes button{flex:1}
  .palco{margin-top:8px;min-height:0}
  .luz{inset:-8px -16px}
  .foco{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding-bottom:10px}
  .carta-zona,.pilha-2026{display:contents}
  .carta-zona>*,.pilha-2026>.carta{order:-1;align-self:center;margin-top:12px}
  .anexos{order:1}.ecos{order:2}
  .texto,.ecos,.anexos{align-self:stretch;max-width:none}
  .sequencia{order:-1}
  .carta-img img{max-height:44vh}
  .carta.filme .carta-img img{width:100%}
  .anexos{flex-direction:column;align-items:stretch}.tela{flex:none;width:62%;align-self:flex-end}
  .texto h2{font-size:34px}
  .texto .notas div{grid-template-columns:96px 1fr}
  .ecos-lista{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;padding-bottom:6px}
  .fios{display:none}
  .toda{grid-template-columns:1fr;overflow:visible}
  .toda-carta{width:calc(25% - 8px)}
  .livro-projecao{display:none}
  .livro-mesa{padding-top:8px}
  .fila-bloco{position:sticky;bottom:0;padding:6px 0 10px;background:rgba(20,17,14,.96);border-top:1px solid var(--fio);backdrop-filter:blur(8px)}
  .regua{overflow-x:auto;padding:0 16px;margin-bottom:2px}
  .regua button{flex:0 0 auto!important;padding:6px 10px 8px}
  .fila-seta{display:none}
  .regua button{flex-direction:row;align-items:baseline;gap:6px;padding:6px 10px 9px}
  .regua .r-periodo{display:none}
  .fila{padding:10px 16px 2px;gap:8px}
  .f-carta{width:58px}
  .f-face{height:64px;padding:4px}
  .f-face img{max-height:56px}
  .f-carta.p2026 .f-face img{max-height:64px}
  .f-rotulo,.f-ano{display:none}
  .f-marco{font-size:13px;min-width:34px;padding-left:6px}
  .f-carta[aria-current=true] .f-face{transform:translateY(-6px)}
  .livro-secao,.revela,.salas{padding-top:64px;padding-bottom:64px}
  .livro{grid-template-columns:1fr}
  .livro::after{display:none}
  .pagina{min-height:0;border-radius:3px!important}
  .pagina-esq{border-bottom:1px dashed #cfc4b2;padding-bottom:30px}
  .pagina-dir{background:var(--papel);padding-top:24px;padding-bottom:54px}
  .pag-num{display:none}
  .livro-controles{gap:10px}
  .livro-indice{justify-content:flex-start}
  .revela-lista>li{grid-template-columns:1fr;gap:14px}
  .salas-grade{grid-template-columns:1fr;gap:28px}
  .art-capa{min-height:0;gap:28px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}
  .projetado .projetar{transition:opacity .2s linear;transition-delay:0s;filter:none;transform:none}
  .projetar{filter:none;transform:none}
  .seq-quadros img{transition:none}
  .f-face,.toda-carta,.rc-face{transition:none}
}
@media (forced-colors:active){
  .carta,.pagina,.f-face{border:1px solid CanvasText}
}