/* Imprimir e jogar: folhas A4 de verdade (mm), 3 x 3 cartas de 63 x 88 mm. */
.imprimir { padding-top: 10px; }
.imp-cabeca { display: grid; grid-template-columns: 1.2fr 1fr; gap: 26px; align-items: start; margin-top: 10px; }
.imp-cabeca h1 { font-size: clamp(38px, 5.5vw, 60px); text-transform: uppercase; font-style: italic; margin: 6px 0 14px; }
.imp-cabeca p { color: #cbdad1; }
.imp-opcoes { padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.imp-opcoes fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: 6px; }
.imp-opcoes legend { font: 800 14px/1 var(--fonte-t); letter-spacing: .1em; text-transform: uppercase; color: var(--neon); margin-bottom: 8px; }
.imp-opcoes label { display: flex; gap: 8px; align-items: center; font-size: 14.5px; cursor: pointer; }
.imp-opcoes input { accent-color: var(--neon); width: 17px; height: 17px; }
.imp-total { margin: 4px 0 0; font-weight: 700; }
.imp-previa-titulo { font-size: 26px; text-transform: uppercase; margin: 30px 0 10px; }
.pagina-imprimir .ad-caixa { margin-top: 26px; }

.previa { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 0 12px 40px; }
.folha { width: 210mm; height: 297mm; background: #fff; color: #111; position: relative; flex: none; overflow: hidden;
  zoom: var(--z, 1); box-shadow: 0 10px 40px rgba(0,0,0,.6);
  -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.folha-grade { position: absolute; left: 10.5mm; top: 16.5mm; display: grid; grid-template-columns: repeat(3, 63mm); grid-template-rows: repeat(3, 88mm); }
.slot { position: relative; width: 63mm; height: 88mm; outline: .15mm solid #c4c4c4; }
.slot .carta { --w: 63mm; box-shadow: none; border-radius: 3mm; transition: none; }
.slot .carta.r-rara .c-arte::after { animation: none; background-position: 40% 0; }
.folha-rodape { position: absolute; left: 10.5mm; right: 10.5mm; bottom: 6mm; display: flex; justify-content: space-between;
  font: 600 8pt/1 var(--fonte); color: #888; }
/* marcas de corte nos cantos de fora da grade */
.marca { position: absolute; background: #777; }
.marca.h { height: .2mm; width: 6mm; } .marca.v { width: .2mm; height: 6mm; }

/* folha de placar */
.folha-placar { padding: 14mm; font-family: var(--fonte); }
.folha-placar h2 { font: 800 22pt/1 var(--fonte-t); text-transform: uppercase; margin: 0 0 4mm; color: #111; }
.folha-placar h3 { font: 800 12pt/1 var(--fonte-t); text-transform: uppercase; margin: 6mm 0 2.5mm; color: #333; }
.trilha { display: grid; grid-template-columns: repeat(10, 1fr); gap: 1.4mm; }
.trilha div { aspect-ratio: 1; border: .4mm solid #222; border-radius: 1.6mm; display: grid; place-items: center; font: 800 15pt/1 var(--fonte-t); color: #222; }
.trilha div:nth-child(5n+1) { background: #eef7d8; }
.placar-folha { display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; }
.placar-folha > div { border: .4mm solid #222; border-radius: 2mm; padding: 3mm; }
.placar-folha b { display: block; font: 800 12pt/1.2 var(--fonte-t); text-transform: uppercase; margin-bottom: 2mm; }
.caixas { display: flex; gap: 1.6mm; flex-wrap: wrap; }
.caixas i { width: 7mm; height: 7mm; border: .35mm solid #444; border-radius: 1mm; }
.linha-rot { font-size: 8.5pt; color: #555; margin: 2mm 0 1mm; }
.tabela-d20 { display: grid; grid-template-columns: repeat(10, 1fr); border: .4mm solid #222; border-radius: 2mm; overflow: hidden; }
.tabela-d20 div { text-align: center; padding: 1.4mm 0; border-right: .2mm solid #bbb; border-bottom: .2mm solid #bbb; font-size: 9pt; }
.tabela-d20 div b { display: block; font: 800 11pt/1.1 var(--fonte-t); }
.nota { font-size: 8.5pt; color: #555; margin-top: 2mm; }

@media (max-width: 860px) {
  .imp-cabeca { grid-template-columns: 1fr; }
}

@media print {
  @page { size: A4 portrait; margin: 0; }
  html, body { background: #fff !important; }
  body { min-height: 0; }
  .nao-imprime, .toasts, .ad-caixa, #cf-anchor { display: none !important; }
  .previa { display: block; padding: 0; gap: 0; }
  .folha { zoom: 1 !important; box-shadow: none; break-after: page; page-break-after: always; margin: 0; }
  .folha:last-child { break-after: auto; page-break-after: auto; }
}