.modern .visitor-stage.visitor-stats{ width: min(1120px, 100%); margin: 24px auto 20px; }
.modern .visitor-stats .visitor-scene.visitor-stats-grid{
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch; place-items: stretch;
  gap: clamp(9px, 2.1vw, 28px); width: 100%; padding: 0;
}
.modern .visitor-stats .visitor-stats-grid::before,
.modern .visitor-stats .visitor-stats-grid::after{ content: none; }
.modern .visitor-stats .stat-scene{
  --stat-face: #f8edd2; --stat-shade: #e9d9b4; --stat-depth: #bda97a;
  --stat-ink: #4c3f29; --stat-note: #5e5139; --stat-glow: #f3dba37a;
  position: relative; display: grid; min-width: 0; transform-origin: 50% 65%;
}
.modern .visitor-stats .stat-peach{
  --stat-face: #ffe0c5; --stat-shade: #f6c59f; --stat-depth: #c48a72;
  --stat-ink: #673d4b; --stat-note: #77495b; --stat-glow: #ffc5986b;
}
.modern .visitor-stats .stat-mint{
  --stat-face: #d8f0df; --stat-shade: #b9e0ce; --stat-depth: #79ae9e;
  --stat-ink: #365858; --stat-note: #466566; --stat-glow: #b5e9d169;
}
.modern .visitor-stats .stat-light-frame{
  --stat-ray-space: clamp(48px, 5.5vw, 82px);
  position: relative; isolation: isolate; display: grid; min-width: 0; width: 100%;
  padding-block: var(--stat-ray-space);
}
.modern .visitor-stats .stat-light-frame::before,
.modern .visitor-stats .stat-light-frame::after{
  content: ''; position: absolute; z-index: -1; left: calc(50% - 4px);
  width: 8px; height: calc(var(--stat-ray-space) + 3px); pointer-events: none;
  background: linear-gradient(transparent, var(--stat-glow) 50%, #fff0c8b8);
  filter: blur(5px);
}
.modern .visitor-stats .stat-light-frame::before{ top: 0; }
.modern .visitor-stats .stat-light-frame::after{ bottom: 0; rotate: 180deg; }
.modern .visitor-stats .stat-light-frame > .visitor-light{ z-index: 0; max-width: none; background: transparent; }
.modern .visitor-stats .welcome-bottom.welcome-strip{
  --visit-digit-size: clamp(2.2rem, 5.2vw, 4.65rem);
  z-index: 1; display: flex; flex-direction: column; flex-wrap: nowrap;
  justify-content: flex-start; align-items: center; gap: 15px;
  width: 100%; min-width: 0; min-height: clamp(330px, 35vw, 380px); margin: 0;
  padding: 26px clamp(11px, 2vw, 27px) 23px;
  border: 1px solid #fff5e4d9; border-radius: clamp(24px, 3vw, 34px);
  background: radial-gradient(ellipse at 30% 0, #ffffff73, transparent 55%),
    linear-gradient(155deg, var(--stat-face) 25%, var(--stat-shade));
  color: var(--stat-ink);
  box-shadow: inset 0 3px 1px #ffffff88, inset 0 -4px 1px #5f503612,
    0 7px 0 var(--stat-depth), 0 9px 0 #0d0c099e,
    0 15px 17px -8px #07060580, 0 0 22px -7px var(--stat-glow);
}
.modern .visitor-stats .welcome-strip::before{
  inset: 5px; padding: 1px;
  background: linear-gradient(140deg, #ffffff99, #ffffff00 35%, #ffffff00 70%, #ffffff55);
  border-radius: calc(clamp(24px, 3vw, 34px) - 5px);
}
.modern .visitor-stats .stat-character{
  position: relative; flex: 0 0 auto; display: grid; place-items: center;
  width: min(100%, 142px); height: 116px; margin: 0 auto 1px;
}
.modern .visitor-stats .stat-character::after{
  content: ''; position: absolute; z-index: -1; bottom: 0; left: 18%; right: 18%; height: 14px;
  border-radius: 50%; background: var(--stat-depth); opacity: .22; filter: blur(4px);
}
.modern .visitor-stats .stat-character img{ position: relative; display: block; width: auto; max-width: 100%; height: 112px; object-fit: contain; filter: drop-shadow(1px 4px 0 #433a2912); }
.modern .visitor-stats .stat-character-spark{ position: absolute; right: 1%; top: 10px; color: #fff4d0; font: 1.5rem/1 Maple, sans-serif; text-shadow: 0 2px 0 var(--stat-depth); transform: rotate(12deg); }
.modern .visitor-stats .stat-peach .stat-character-spark{ top: 64px; right: 9%; color: #c8b894; transform: rotate(-10deg); }
.modern .visitor-stats .stat-mint .stat-character-spark{ top: 8px; right: 0; color: #ffe4a5; }
.modern .visitor-stats .stat-label{
  display: grid; align-content: center; width: 100%; min-height: 2.5em; margin: 0;
  color: var(--stat-ink); font: 400 clamp(1rem, 2vw, 1.65rem)/1.25 'Patrick Hand', cursive;
  letter-spacing: -.025em; overflow-wrap: anywhere; text-wrap: balance;
  text-shadow: 0 1px 0 #fff5eec9, 0 2px 0 #ffffff33;
}
.modern .visitor-stats .welcome-strip .welcome-visits,
.modern .visitor-stats .stat-value{ width: 100%; min-width: 0; margin: 0; padding: 0; }
.modern .visitor-stats .stat-value{
  color: var(--stat-ink); font: 400 var(--visit-digit-size)/1.15 'Patrick Hand', cursive;
  font-variant-numeric: tabular-nums; letter-spacing: -.025em; overflow-wrap: anywhere;
  text-shadow: 0 2px 0 #fff5dfd9, 0 4px 0 #6a604f26;
}
.modern .visitor-stats #views{ width: 100%; min-width: 0; min-height: calc(var(--visit-digit-size) * 1.15); gap: 0; color: var(--stat-ink); font: 400 .98rem/1.35 'Patrick Hand', cursive; }
.modern .visitor-stats .welcome-strip .visit-digits{ color: var(--stat-ink); font-family: 'Patrick Hand', cursive; font-weight: 400; font-synthesis: none; text-shadow: 0 2px 0 #fff5dfd9, 0 4px 0 #6a604f26; }
.modern .visitor-stats :is(#views, #letters-count, #online-now) .visit-digit-wheel{ mask-image: none; }
.modern .visitor-stats :is(#views, #letters-count, #online-now) .visit-label{ display: none; }
.modern .visitor-stats .stat-note{
  width: 100%; min-height: 2.8em; margin: 0; color: var(--stat-note);
  font: 400 .9rem/1.35 'Patrick Hand', cursive; overflow-wrap: anywhere; text-wrap: balance;
}
.modern .visitor-stats .stat-note-accessible{ position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 650px){.modern .visitor-stage.visitor-stats{ margin-top: 16px; }
.modern .visitor-stats .visitor-scene.visitor-stats-grid{ gap: 10px; }
.modern .visitor-stats .stat-light-frame{ --stat-ray-space: 44px; }
.modern .visitor-stats .welcome-bottom.welcome-strip{ --visit-digit-size: clamp(1.8rem, 5.8vw, 2.7rem); min-height: 266px; padding: 19px 7px 17px; gap: 12px; border-radius: 23px; }
.modern .visitor-stats .welcome-strip::before{ inset: 4px; border-radius: 19px; }
.modern .visitor-stats .stat-character{ height: 77px; }
.modern .visitor-stats .stat-character img{ height: 74px; }
.modern .visitor-stats .stat-character-spark{ right: 0; top: 4px; font-size: 1.05rem; }
.modern .visitor-stats .stat-peach .stat-character-spark{ top: 43px; right: 3%; }
.modern .visitor-stats .stat-label{ min-height: 3.75em; font-size: 1rem; }
.modern .visitor-stats .stat-note{ font-size: .78rem; }

}
@media (max-width: 360px){.modern .visitor-stats .visitor-scene.visitor-stats-grid{ gap: 8px; }
.modern .visitor-stats .welcome-bottom.welcome-strip{ padding-inline: 6px; border-radius: 20px; }
.modern .visitor-stats .welcome-strip::before{ border-radius: 16px; }
.modern .visitor-stats .stat-character{ height: 69px; }
.modern .visitor-stats .stat-character img{ height: 65px; }
.modern .visitor-stats .stat-label{ font-size: .95rem; }

}
@media (prefers-reduced-motion: reduce){.modern .visitor-stats .stat-scene{ opacity: 1 !important; transform: none !important; }

}
@media (forced-colors: active){.modern .visitor-stats .stat-light-frame::before,
  .modern .visitor-stats .stat-light-frame::after,
  .modern .visitor-stats .visitor-light{ display: none; }
.modern .visitor-stats .welcome-bottom.welcome-strip{ border: 2px solid CanvasText; background: Canvas; color: CanvasText; box-shadow: none; }
.modern .visitor-stats :is(.stat-label,.stat-note,.stat-value,#views,.visit-digits){ color: CanvasText; text-shadow: none; }

}