/* Printable certificate. */
@media print {
  @page { size: A4 landscape; margin: 0; }
  body { display: block; height: auto; overflow: visible; background: white; }
  body * { visibility: hidden !important; }
  #game-frame, #app, .screen { display: block; width: 297mm; height: 210mm; min-height: 210mm; margin: 0; padding: 0; overflow: visible; border: 0; background: white; }
  .certificate { position: fixed; inset: 0; display: grid !important; grid-template-rows: auto auto auto auto auto auto auto; align-content: center; justify-items: center; gap: 3mm; width: 297mm; height: 210mm; box-sizing: border-box; overflow: hidden; color: #123b32; border: 8mm solid #0c5745; background: #f4f0df url("../../assets/images/backgrounds/bg-certificate.webp") center/cover; text-align: center; visibility: visible !important; }
  .certificate * { visibility: visible !important; }
  .certificate::after { content: ""; position: absolute; inset: 9mm; border: 1px solid #ad8d42; }
  .certificate__seal, .certificate p, .certificate span, .certificate strong, .certificate h2, .certificate h3, .certificate small { position: relative; z-index: 1; margin: 0; }
  .certificate__seal { width: 30mm; height: 30mm; object-fit: contain; }
  .certificate p { letter-spacing: 0.2em; }
  .certificate h2 { font: 700 28pt Georgia, serif; }
  .certificate strong { display: block; min-width: 150mm; padding: 2mm 8mm; border-bottom: 1px solid #ad8d42; font: 700 25pt Georgia, serif; }
  .certificate h3 { color: #0c745a; font-size: 18pt; }
}