/* Ouiwey Vision home visitor counter: gold bezel, centered under the dock cards */
#vcount{display:none}
#vcount.on{display:flex;align-items:center;gap:8px;position:absolute;left:50%;top:12px;transform:translateX(-50%);height:44px;padding:2px;border-radius:999px;
 background:linear-gradient(135deg,#FFE7A0 0%,#FFB000 22%,#9A5E00 46%,#FFD36B 62%,#FF8A00 82%,#FFE7A0 100%);
 box-shadow:0 0 14px rgba(255,176,0,.55),0 0 28px rgba(255,79,208,.28),0 4px 14px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap;animation:vcin .6s cubic-bezier(.2,.8,.2,1) both}
.dk-foot{position:relative}
#vcount .vc-in{display:flex;align-items:center;gap:9px;height:100%;padding:0 12px 0 14px;border-radius:999px;background:radial-gradient(120% 140% at 50% 0%,#1c1648 0%,#0a0e24 60%,#07081a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 12px rgba(185,59,217,.45)}
#vcount .vc-l{font-family:VT323,monospace;font-size:15px;line-height:1;letter-spacing:.2em;color:#1EA6EA;text-shadow:0 0 8px rgba(30,166,234,.8)}
#vcount .vc-l b{display:block;font-weight:400;color:#FF4FD0;text-shadow:0 0 8px rgba(255,79,208,.8);font-size:11px;letter-spacing:.24em}
#vcount .vc-d{display:flex;gap:3px;align-items:center}
#vcount .vc-c{position:relative;width:20px;height:30px;overflow:hidden;border-radius:5px;background:linear-gradient(#050616,#16123a 50%,#050616);border:1px solid rgba(255,176,0,.75);box-shadow:inset 0 0 8px rgba(0,0,0,.9),0 0 6px rgba(255,176,0,.35)}
#vcount .vc-c::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
#vcount .vc-s{display:block;transition:transform 1.6s cubic-bezier(.2,.75,.15,1)}
#vcount .vc-s i{display:block;height:30px;font-style:normal;font-family:VT323,monospace;font-size:28px;line-height:31px;text-align:center;color:#FFB000;text-shadow:0 0 8px rgba(255,176,0,.9),0 0 2px #FFE7A0}
#vcount .vc-k{font-family:VT323,monospace;font-size:24px;line-height:1;color:#FF8A00;margin:0 -1px;align-self:flex-end;padding-bottom:3px}
@keyframes vcin{from{opacity:0;transform:translateX(-50%) translateY(6px) scale(.94)}to{opacity:1;transform:translateX(-50%)}}
/* phone: the counter gets its own centered row under the cards, above the (c) line and BUILD A GAME */
@media (max-width:699px){
 .dk-foot:has(#vcount.on){display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:10px}
 #vcount.on{position:static;transform:none;grid-column:1/-1;grid-row:1;justify-self:center;height:40px;animation-name:vcinm}
 #vcount .vc-c{width:18px;height:27px}#vcount .vc-s i{height:27px;font-size:25px;line-height:28px}
 html.hero3d:has(#vcount.on) #vo{bottom:290px}
 html.hero3d:has(#vcount.on) #hint{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 286px)}
}
@keyframes vcinm{from{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#vcount.on{animation:none}#vcount .vc-s{transition:none}}
@media (min-width:700px){
 #vcount.on{top:8px;height:52px;padding:3px;box-shadow:0 0 18px rgba(255,176,0,.75),0 0 36px rgba(255,79,208,.4),0 4px 14px rgba(0,0,0,.6)}
 #vcount .vc-in{padding:0 14px 0 18px;gap:11px}
 #vcount .vc-l{font-size:18px}#vcount .vc-l b{font-size:13px}
 #vcount .vc-c{width:24px;height:36px;border-color:#FFB000}
 #vcount .vc-s i{height:36px;font-size:34px;line-height:37px}
 #vcount .vc-k{font-size:28px}
}
/* 7 zero-padded odometer cells; leading zeros a touch dimmer */
#vcount .vc-d{gap:2px}
#vcount .vc-z .vc-s i{color:#d99400;text-shadow:0 0 5px rgba(255,176,0,.55)}
#vcount .vc-z{border-color:rgba(255,176,0,.55)}
@media (max-width:699px){#vcount .vc-c{width:17px;height:26px}#vcount .vc-s i{height:26px;font-size:24px;line-height:27px}#vcount .vc-in{padding:0 10px 0 12px;gap:8px}}
@media (min-width:700px) and (max-width:1023px){#vcount .vc-c{width:19px;height:30px}#vcount .vc-s i{height:30px;font-size:28px;line-height:31px}#vcount .vc-l{font-size:15px}#vcount .vc-l b{font-size:11px}#vcount .vc-in{padding:0 10px 0 12px;gap:8px}#vcount.on{height:46px;top:11px}}
/* small unique-visitor number, top-right under the menu button (3D home only; hidden while a page panel is open) */
#vuniq{display:none}
html.hero3d #vuniq.on{display:block;position:fixed;z-index:3;top:calc(max(10px,env(safe-area-inset-top)) + 54px);right:calc(max(12px,env(safe-area-inset-right)) + 2px);font-family:VT323,monospace;font-size:20px;line-height:1;letter-spacing:.12em;color:#FFB000;text-shadow:0 0 6px rgba(255,176,0,.75),0 0 2px #000,0 1px 3px #000;pointer-events:none;transition:opacity .35s;font-variant-numeric:tabular-nums}
html.hero3d.panel-open #vuniq{opacity:0}
@media (min-width:700px){html.hero3d #vuniq.on{font-size:26px;text-shadow:0 0 8px rgba(255,176,0,.8),0 0 3px #000,0 1px 4px #000,0 0 12px rgba(0,0,0,.9)}}