.page-views {
  position: absolute;
  top: 8px;
  right: 20px;
  display: flex;
  width: max-content;
  max-width: 100%;
  margin: 0;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 4px;
  color: #ededed;
  font: 600 13px/1 "Segoe UI", Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-shadow: 0 1px 5px #000;
  opacity: .8;
  pointer-events: none;
}
.page-views img { display: block; width: 30px; height: 22px; object-fit: cover; object-position: center; image-rendering: auto; transform: scale(1.35); mix-blend-mode: screen; }
[data-place="1"] { --place-color: #edc665; --place-shadow: #edc66535; }
[data-place="2"] { --place-color: #d4dce5; --place-shadow: #d4dce535; }
[data-place="3"] { --place-color: #ce9264; --place-shadow: #ce926435; }
.view-place, .badge-item.view-place {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 26px; width: 26px; height: 26px; padding: 0;
  box-sizing: border-box; border: 1px solid var(--place-color); border-radius: 50%;
  color: var(--place-color); background: #181818;
  box-shadow: inset 0 0 0 2px #181818, inset 0 0 0 3px var(--place-shadow), 0 0 12px var(--place-shadow);
  font: 800 13px/1 "Segoe UI", Arial, sans-serif; text-shadow: 0 0 8px var(--place-shadow);
  text-align: center; text-indent: 0; letter-spacing: 0;
}
.view-place > .view-place-number { display: block; line-height: 1; font-variant-numeric: tabular-nums; transform: translateY(-.5px); }
.badge-strip .view-place:focus-visible { outline: 2px solid var(--place-color); outline-offset: 3px; }
.name-line:has(> .view-place) { flex-wrap: wrap; }
body:has(.enter-gate):not(.entered) .page-views { visibility: hidden; }
body:is(.larp-page, .kalashnikov-page) .page-views { right: auto; left: 20px; }
@media (max-width: 600px) {
  .page-views { top: 3px; right: 16px; min-height: 22px; }
  body:is(.larp-page, .kalashnikov-page) .page-views { left: 16px; }
}