/* NSS — demonic seal. Decorative artwork is CSS-only. */
#nss-visitor-counter {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: center;
  align-items: center;
  clear: both;
  width: fit-content;
  min-width: 218px;
  max-width: 100%;
  min-height: 132px;
  margin: 30px auto 24px;
  padding: 38px 42px 32px;
  background: transparent;
}
#nss-visitor-counter::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 150'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='%23f3d68c'/%3E%3Cstop offset='.5' stop-color='%23b58a3d'/%3E%3Cstop offset='1' stop-color='%235a361d'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-width='1.4'%3E%3Cpath d='M90 48C66 38 60 20 67 7C48 23 48 43 71 61M170 48C194 38 200 20 193 7C212 23 212 43 189 61' fill='%230c0908'/%3E%3Cpath d='M63 65L18 48L33 71L8 75L34 85L24 103L66 91M197 65L242 48L227 71L252 75L226 85L236 103L194 91' fill='%230c0908'/%3E%3Cpath d='M72 52L130 35L188 52M72 104L130 132L188 104M92 113L130 143L168 113M130 119V143M116 133H144'/%3E%3Cpath d='M104 33L130 19L156 33M130 8V27' opacity='.6'/%3E%3C/g%3E%3Cg fill='%239c2924'%3E%3Cpath d='M53 73L65 77L56 79ZM207 73L195 77L204 79Z'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  filter: drop-shadow(0 2px 3px #000) drop-shadow(0 0 5px #a66b2426);
}
#nss-visitor-counter::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 22px 24px 18px;
  pointer-events: none;
  background: radial-gradient(ellipse, #8e1c2040 0%, #7f211515 40%, transparent 72%);
  animation: nss-seal-breathe 4.5s ease-in-out infinite;
}
#nss-visitor-counter > span {
  box-sizing: border-box;
  display: inline-block;
  min-width: 134px;
  max-width: 100%;
  padding: 12px 21px;
  border: 1px solid #b08b48;
  border-radius: 3px 3px 12px 12px;
  background: linear-gradient(150deg, #262015 0%, #0c0a09 42%, #160a0b 100%);
  color: #f1d795;
  font: 600 clamp(23px, 5vw, 30px)/1.2 Georgia, "Times New Roman", serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: 3px;
  text-align: center;
  overflow-wrap: anywhere;
  box-shadow: inset 0 1px 0 #f9e4a72b, inset 0 -3px 10px #000b, 0 3px 0 #382615, 0 7px 16px #000a, 0 0 18px #9a222524;
  text-shadow: 0 2px 2px #000, 0 0 10px #c79a3c55;
}
@keyframes nss-seal-breathe {
  0%, 100% { opacity: .45; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1.04); }
}
@media (max-width: 360px) {
  #nss-visitor-counter { min-width: 0; width: 218px; padding-inline: 34px; }
  #nss-visitor-counter > span { min-width: 0; width: 100%; padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  #nss-visitor-counter::after { animation: none; opacity: .65; }
}