.grvc-wrap{
  --gold:#d8a73b;
  --gold2:#f6d77c;
  --ink:#080705;
  --paper:#16110a;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  max-width:980px;
  margin:28px auto;
  padding:34px 80px;
  box-sizing:border-box;
  border:1px solid rgba(216,167,59,.48);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,167,59,.14), transparent 38%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px),
    linear-gradient(180deg,#11100d 0%,#050504 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.48), inset 0 0 35px rgba(216,167,59,.06);
  color:#f5e4b6;
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
}
.grvc-wrap:before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(216,167,59,.24);
  border-radius:14px;
  pointer-events:none;
}
.grvc-inner{position:relative;z-index:3}
.grvc-kicker{
  font-size:12px;
  letter-spacing:.34em;
  font-weight:700;
  color:var(--gold2);
  opacity:.9;
  margin-bottom:8px;
}
.grvc-title{
  font-size:clamp(21px,3vw,36px);
  line-height:1.05;
  letter-spacing:.08em;
  font-weight:800;
  text-transform:uppercase;
  color:#f3deb0;
  text-shadow:0 2px 0 #4b3210, 0 0 20px rgba(216,167,59,.2);
}
.grvc-counter{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:24px auto 18px;
  perspective:700px;
}
.grvc-digit{
  position:relative;
  display:grid;
  place-items:center;
  width:clamp(42px,7vw,76px);
  height:clamp(58px,9vw,96px);
  border-radius:8px;
  border:1px solid rgba(246,215,124,.56);
  background:
    linear-gradient(180deg,rgba(255,255,255,.05) 0 49%,rgba(0,0,0,.25) 49% 51%,rgba(255,255,255,.02) 51% 100%),
    linear-gradient(180deg,#21180c,#090704);
  box-shadow:inset 0 0 18px rgba(216,167,59,.10),0 8px 18px rgba(0,0,0,.55);
  color:var(--gold2);
  font-family:"Courier New",monospace;
  font-size:clamp(38px,6vw,70px);
  font-weight:900;
  line-height:1;
  text-shadow:0 0 14px rgba(246,215,124,.27);
}
.grvc-digit:before,.grvc-digit:after{
  content:"";
  position:absolute;
  top:50%;
  width:5px;
  height:10px;
  background:#060504;
  border:1px solid rgba(216,167,59,.24);
  transform:translateY(-50%);
}
.grvc-digit:before{left:-4px;border-radius:0 3px 3px 0}
.grvc-digit:after{right:-4px;border-radius:3px 0 0 3px}
.grvc-subtitle{font-size:15px;font-style:italic;letter-spacing:.08em;color:#d9c38f}
.grvc-caption{font-size:10px;letter-spacing:.28em;color:#9b7c3a;text-transform:uppercase}
.grvc-divider{margin:10px auto 8px;display:flex;align-items:center;gap:10px;color:var(--gold)}
.grvc-divider:before,.grvc-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(216,167,59,.55),transparent)}
.grvc-glow{position:absolute;z-index:1;left:50%;top:45%;width:58%;height:120px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(216,167,59,.12),transparent 67%);filter:blur(16px);animation:grvcPulse 4.5s ease-in-out infinite}
.grvc-film-strip{position:absolute;z-index:2;left:0;right:0;height:18px;opacity:.75;background:linear-gradient(180deg,#050504,#151008)}
.grvc-film-strip:before{content:"";position:absolute;inset:4px 0;background:repeating-linear-gradient(90deg,transparent 0 18px,var(--gold) 18px 28px,transparent 28px 48px);opacity:.42}
.grvc-film-strip-top{top:0}.grvc-film-strip-bottom{bottom:0;transform:rotate(180deg)}
.grvc-reel{position:absolute;z-index:1;top:50%;width:78px;height:78px;border:3px solid rgba(216,167,59,.18);border-radius:50%;transform:translateY(-50%);opacity:.55;animation:grvcSpin 18s linear infinite}
.grvc-reel:before,.grvc-reel:after,.grvc-reel span:before,.grvc-reel span:after{content:"";position:absolute;width:18px;height:18px;border:2px solid rgba(216,167,59,.18);border-radius:50%;left:50%;top:50%;transform-origin:0 0}
.grvc-reel:before{transform:rotate(45deg) translate(20px,-9px)}
.grvc-reel:after{transform:rotate(135deg) translate(20px,-9px)}
.grvc-reel span:before{transform:rotate(225deg) translate(20px,-9px)}
.grvc-reel span:after{transform:rotate(315deg) translate(20px,-9px)}
.grvc-reel-left{left:18px}.grvc-reel-right{right:18px;animation-direction:reverse}
@keyframes grvcSpin{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes grvcPulse{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.08)}}
@media(max-width:700px){
  .grvc-wrap{padding:34px 18px 30px;border-radius:14px;margin:18px auto}
  .grvc-reel{display:none}
  .grvc-counter{gap:4px}
  .grvc-digit{width:14%;min-width:36px;max-width:54px;height:64px;font-size:42px}
  .grvc-kicker{letter-spacing:.18em;font-size:10px}
  .grvc-caption{letter-spacing:.16em}
}