.vce12{--accent:#d9ad45;--accent2:#7e5b19;--bg:#0c0805;--panel:#17100b;--text:#f8f0df;--muted:#c7b9a6;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 35%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
.vce12 *{box-sizing:border-box}.vce12 svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.vce12-top{position:relative;z-index:2;max-width:1450px;margin:auto;min-height:760px;padding:64px 48px 24px;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:40px;align-items:center}
.vce12-copy{max-width:520px}.vce12-kicker{font-size:.76rem;letter-spacing:.22em;color:var(--accent);font-weight:700}.vce12 h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(3rem,5.4vw,6rem);line-height:1.02;margin:18px 0 22px}.vce12-copy p{color:var(--muted);font-size:1.15rem;line-height:1.7;max-width:440px}
.vce12-btn{display:inline-flex;gap:18px;align-items:center;border:1px solid var(--accent);background:transparent;color:var(--accent);padding:15px 24px;border-radius:14px;text-decoration:none;font-weight:700;cursor:pointer;transition:.25s}.vce12-btn:hover{background:var(--accent);color:#100b06;transform:translateY(-2px)}
.vce12-machine-area{position:relative;min-height:650px;display:grid;place-items:center}.vce12-machine-wrap{position:relative;z-index:2;transition:.4s}.vce12-machine{width:min(100%,640px);max-height:670px;object-fit:contain;filter:drop-shadow(0 40px 70px rgba(0,0,0,.58))}
.vce12-machine-wrap.is-turning{animation:vce12Turn .66s cubic-bezier(.2,.8,.2,1)}@keyframes vce12Turn{0%{transform:perspective(1100px) rotateY(0) scale(1)}45%{transform:perspective(1100px) rotateY(80deg) scale(.92);filter:brightness(1.25)}100%{transform:perspective(1100px) rotateY(360deg) scale(1)}}
.vce12-dot{position:absolute;z-index:5;width:12px;height:12px;border-radius:50%;border:1px solid white;background:var(--accent);padding:0;cursor:pointer;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent),0 0 18px var(--accent);transition:.22s}.vce12-dot:hover,.vce12-dot:focus{transform:scale(1.5);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 18%,transparent),0 0 32px var(--accent)}.vce12-dot--1{top:29%;left:35%}.vce12-dot--2{top:37%;right:28%}.vce12-dot--3{top:52%;left:27%}.vce12-dot--4{bottom:26%;right:27%}.vce12-dot--5{bottom:16%;left:39%}
.vce12-themes{position:relative;z-index:3;max-width:1450px;margin:-24px auto 0;padding:0 48px 76px}.vce12-themes h2{text-align:center;font-family:Georgia,serif;font-weight:500;font-size:2rem;margin:0 0 22px}.vce12-theme-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.vce12-theme{min-width:0;text-align:left;color:var(--text);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,#17100b),#110c08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;cursor:pointer;transition:.28s}.vce12-theme:hover,.vce12-theme.is-active{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 20px 50px rgba(0,0,0,.35)}.vce12-theme-icon{display:grid;place-items:center;width:46px;height:46px;padding:10px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,#17100b);color:var(--accent);margin-bottom:14px}.vce12-theme strong,.vce12-theme small{display:block}.vce12-theme strong{font-size:1.02rem;margin-bottom:7px}.vce12-theme small{color:var(--muted);line-height:1.45;font-size:.8rem}
.vce12-decor{position:absolute;inset:0;z-index:1;pointer-events:none}.vce12-decor::before,.vce12-decor::after{content:"";position:absolute;width:36px;height:22px;border-radius:60% 40% 60% 40%;background:var(--accent2);opacity:.45;filter:blur(.2px);box-shadow:180px 90px 0 -5px var(--accent2),410px 250px 0 -8px var(--accent2),760px 110px 0 -7px var(--accent2),1050px 380px 0 -4px var(--accent2),1280px 120px 0 -8px var(--accent2),120px 690px 0 -6px var(--accent2),1340px 740px 0 -7px var(--accent2)}.vce12-decor::after{left:10%;top:20%;transform:rotate(45deg)}
.vce12-capsule-burst{position:absolute;inset:0;z-index:3;pointer-events:none}.vce12-capsule-burst i{position:absolute;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.78) 0 49%,var(--accent) 50%);border:1px solid rgba(255,255,255,.6);opacity:0}.vce12-capsule-burst i:nth-child(1){left:16%;top:38%}.vce12-capsule-burst i:nth-child(2){right:13%;top:31%}.vce12-capsule-burst i:nth-child(3){left:22%;bottom:25%}.vce12-capsule-burst i:nth-child(4){right:18%;bottom:18%}.vce12.is-changing .vce12-capsule-burst i{animation:vce12Pop .8s forwards}.vce12.is-changing .vce12-capsule-burst i:nth-child(2){animation-delay:.08s}.vce12.is-changing .vce12-capsule-burst i:nth-child(3){animation-delay:.16s}.vce12.is-changing .vce12-capsule-burst i:nth-child(4){animation-delay:.24s}@keyframes vce12Pop{0%{opacity:0;transform:translateY(30px) scale(.4)}55%{opacity:1;transform:translateY(-30px) scale(1.1)}100%{opacity:0;transform:translateY(-85px) scale(.8) rotate(30deg)}}
.vce12-levels,.vce12-inquiry{position:relative;z-index:2;padding:100px 48px}.vce12-section-heading{text-align:center;max-width:800px;margin:0 auto 45px}.vce12-section-heading h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:500;margin:12px 0}
.vce12-level-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vce12-level-grid article{position:relative;background:linear-gradient(180deg,#18110c,#100b08);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:32px;min-height:250px}.vce12-level-grid article.featured{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 24px 60px color-mix(in srgb,var(--accent) 14%,transparent)}.vce12-level-grid article b{position:absolute;top:18px;right:18px;color:var(--accent);font-size:.65rem;letter-spacing:.16em}.vce12-level-grid article>span{display:block;color:var(--accent);font-size:.78rem;letter-spacing:.18em;margin-bottom:65px}.vce12-level-grid h3{font-size:1.55rem;margin:0 0 12px}.vce12-level-grid p,.vce12-note{color:var(--muted);line-height:1.65}.vce12-note{text-align:center;max-width:900px;margin:32px auto 0}
.vce12-inquiry{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.24))}.vce12-inquiry form{max-width:980px;margin:auto}.vce12-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vce12-inquiry label>span,.vce12-inquiry legend{display:block;font-size:.84rem;font-weight:700;margin-bottom:9px}.vce12-inquiry input,.vce12-inquiry textarea{width:100%;background:#0c0805;color:white;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:14px}.vce12-inquiry fieldset{border:0;padding:0;margin:30px 0}.vce12-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.vce12-choices--4{grid-template-columns:repeat(4,1fr)}.vce12-choices input{position:absolute;opacity:0}.vce12-choices span{display:block;text-align:center;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#0c0805;cursor:pointer}.vce12-choices input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.vce12-message{display:block;margin-bottom:22px}
.vce12-modal{position:fixed;inset:0;z-index:999999;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.78)}.vce12-modal.is-open{display:grid}.vce12-modal-card{position:relative;width:min(92vw,520px);background:#15100c;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.1));border-radius:22px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.58)}.vce12-close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:2rem;cursor:pointer}.vce12-modal-art{height:170px;border-radius:17px;background:radial-gradient(circle,var(--accent),var(--accent2));display:grid;place-items:center;margin-bottom:22px}.vce12-modal-art span{width:86px;height:86px;padding:18px;border-radius:24px;background:rgba(255,255,255,.82);color:#120c07}.vce12-modal-card h3{font-size:1.6rem;margin:0 0 10px}.vce12-modal-card p{color:var(--muted);line-height:1.65}
.vce12[data-theme="coffee"]{--accent:#c89661;--accent2:#6d3f22;--bg:#160e08;--panel:#21150d;--muted:#cfb7a2}.vce12[data-theme="date"]{--accent:#d6a74c;--accent2:#7a1524;--bg:#17090d;--panel:#231016;--muted:#d0b3b8}.vce12[data-theme="dog"]{--accent:#b8c99c;--accent2:#617553;--bg:#0d130c;--panel:#172016;--muted:#bcc7b4}.vce12[data-theme="gaming"]{--accent:#9a62ff;--accent2:#1b5eea;--bg:#060711;--panel:#10142a;--muted:#b1b5d2}.vce12[data-theme="sweet"]{--accent:#efa6c8;--accent2:#a4672c;--bg:#170b12;--panel:#29131e;--muted:#d8b7c6}.vce12[data-theme="custom"]{--accent:#d9ad45;--accent2:#7e5b19;--bg:#0c0805;--panel:#17100b;--muted:#c7b9a6}
@media(max-width:1050px){.vce12-top{grid-template-columns:1fr;text-align:center}.vce12-copy{margin:auto}.vce12-copy p{margin-inline:auto}.vce12-machine-area{min-height:610px}.vce12-themes{margin-top:0}.vce12-theme-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.vce12-top{padding:45px 20px 0;min-height:auto}.vce12 h1{font-size:2.75rem}.vce12-machine-area{min-height:470px}.vce12-machine{max-height:500px}.vce12-themes{padding:0 20px 60px}.vce12-theme-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.vce12-theme{min-width:74vw;scroll-snap-align:center}.vce12-levels,.vce12-inquiry{padding:76px 20px}.vce12-level-grid,.vce12-form-grid,.vce12-choices,.vce12-choices--4{grid-template-columns:1fr}.vce12-level-grid article.featured{transform:none}}


/* v1.3 layout and unique theme artwork */
.vce12-top{
  display:block;
  max-width:1450px;
  min-height:auto;
  padding:64px 48px 18px;
}
.vce12-copy--center{
  max-width:900px;
  margin:0 auto 18px;
  text-align:center;
}
.vce12-copy--center h1{
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}
.vce12-copy--center p{
  margin-left:auto;
  margin-right:auto;
  max-width:680px;
}
.vce12-machine-area{
  min-height:650px;
  max-width:820px;
  margin:0 auto;
}
.vce12-themes{
  margin-top:0;
  padding-top:10px;
}
.vce12-theme{
  padding:0 0 18px;
  overflow:hidden;
}
.vce12-theme-image{
  display:block;
  width:100%;
  aspect-ratio:1.35/1;
  overflow:hidden;
  border-radius:17px 17px 0 0;
  margin-bottom:14px;
}
.vce12-theme-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease,filter .35s ease;
}
.vce12-theme:hover .vce12-theme-image img,
.vce12-theme.is-active .vce12-theme-image img{
  transform:scale(1.05);
  filter:saturate(1.12) brightness(1.04);
}
.vce12-theme-icon,
.vce12-theme strong,
.vce12-theme small{
  margin-left:18px;
  margin-right:18px;
}
.vce12-theme-icon{
  margin-top:-34px;
  position:relative;
  z-index:2;
  border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);
  backdrop-filter:blur(8px);
}
@media(max-width:1050px){
  .vce12-top{padding-top:48px}
  .vce12-machine-area{min-height:590px}
}
@media(max-width:700px){
  .vce12-top{padding:38px 20px 0}
  .vce12-copy--center{margin-bottom:0}
  .vce12-machine-area{min-height:470px}
}


/* v1.4: neutral machine image and theme-specific machine decorations */
.vce12-machine{
  width:min(100%,520px);
  max-height:650px;
}
.vce12-theme-decor{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.vce12-decor-item{
  position:absolute;
  width:34px;
  height:34px;
  opacity:.78;
  transition:background .35s ease,transform .35s ease,opacity .35s ease;
}
.vce12-decor-item--1{left:12%;top:22%}
.vce12-decor-item--2{right:13%;top:26%}
.vce12-decor-item--3{left:9%;top:50%}
.vce12-decor-item--4{right:10%;top:53%}
.vce12-decor-item--5{left:18%;bottom:15%}
.vce12-decor-item--6{right:18%;bottom:13%}

/* coffee beans */
.vce12[data-theme="coffee"] .vce12-decor-item{
  border-radius:55% 45% 55% 45%;
  background:#8b522b;
  box-shadow:inset -7px -4px 0 rgba(49,25,12,.45);
  transform:rotate(28deg);
}
.vce12[data-theme="coffee"] .vce12-decor-item::after{
  content:"";
  position:absolute;
  left:15px;top:5px;width:3px;height:24px;
  border-radius:3px;background:#3a2113;
  transform:rotate(-12deg);
}

/* date-night hearts */
.vce12[data-theme="date"] .vce12-decor-item{
  width:30px;height:27px;background:#a91f3c;
  transform:rotate(-45deg);
  border-radius:6px 0 6px 0;
}
.vce12[data-theme="date"] .vce12-decor-item::before,
.vce12[data-theme="date"] .vce12-decor-item::after{
  content:"";position:absolute;width:30px;height:27px;border-radius:50%;background:#a91f3c;
}
.vce12[data-theme="date"] .vce12-decor-item::before{left:0;top:-14px}
.vce12[data-theme="date"] .vce12-decor-item::after{left:14px;top:0}

/* dog paws */
.vce12[data-theme="dog"] .vce12-decor-item{
  width:28px;height:22px;border-radius:50% 50% 45% 45%;background:#9eb77e;
  box-shadow:-11px -12px 0 -5px #9eb77e,0 -17px 0 -5px #9eb77e,11px -12px 0 -5px #9eb77e;
}

/* gaming RGB tiles */
.vce12[data-theme="gaming"] .vce12-decor-item{
  width:42px;height:14px;border-radius:9px;
  background:linear-gradient(90deg,#19d8ff,#8f5bff,#ff3abf);
  box-shadow:0 0 18px rgba(120,90,255,.7);
}
.vce12[data-theme="gaming"] .vce12-decor-item:nth-child(even){transform:rotate(90deg)}

/* sweet candy */
.vce12[data-theme="sweet"] .vce12-decor-item{
  width:28px;height:28px;border-radius:8px;background:#f0a4c6;
}
.vce12[data-theme="sweet"] .vce12-decor-item::before,
.vce12[data-theme="sweet"] .vce12-decor-item::after{
  content:"";position:absolute;top:5px;width:12px;height:18px;background:#f0a4c6;
}
.vce12[data-theme="sweet"] .vce12-decor-item::before{left:-9px;clip-path:polygon(100% 0,0 50%,100% 100%)}
.vce12[data-theme="sweet"] .vce12-decor-item::after{right:-9px;clip-path:polygon(0 0,100% 50%,0 100%)}

/* custom stars */
.vce12[data-theme="custom"] .vce12-decor-item{
  width:28px;height:28px;background:#d9ad45;
  clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);
}
@media(max-width:700px){
  .vce12-machine{width:min(100%,430px);max-height:510px}
  .vce12-decor-item--1{left:5%}.vce12-decor-item--2{right:5%}
  .vce12-decor-item--3{left:2%}.vce12-decor-item--4{right:2%}
}


/* v1.5 — neutral machine stage */
.vce12{
  background:
    radial-gradient(circle at 50% 32%, color-mix(in srgb,var(--accent) 10%,transparent), transparent 33%),
    linear-gradient(180deg,#0b0c10 0%,#090a0d 48%,#07080a 100%);
}

.vce12-machine-area{
  isolation:isolate;
}

.vce12-machine-area::before{
  content:"";
  position:absolute;
  inset:8% 8% 5%;
  z-index:0;
  border-radius:48%;
  background:
    radial-gradient(circle at 50% 43%, color-mix(in srgb,var(--accent) 18%,transparent), transparent 46%),
    radial-gradient(circle at 50% 78%, rgba(255,255,255,.035), transparent 34%);
  filter:blur(7px);
  transition:background .4s ease;
}

.vce12-machine-wrap{
  z-index:3;
}

.vce12-machine{
  width:min(100%,500px);
  max-height:640px;
  filter:
    drop-shadow(0 42px 72px rgba(0,0,0,.65))
    contrast(1.06)
    saturate(.9);
}

/* Remove the old baked-in brown/coffee atmosphere layer. */
.vce12-decor{
  display:none;
}

/* Theme-specific neutral glows */
.vce12[data-theme="coffee"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 42%,rgba(126,79,38,.30),transparent 47%);
}
.vce12[data-theme="date"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 42%,rgba(132,26,52,.32),transparent 47%);
}
.vce12[data-theme="dog"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 42%,rgba(81,116,72,.32),transparent 47%);
}
.vce12[data-theme="gaming"] .vce12-machine-area::before{
  background:
    radial-gradient(circle at 41% 44%,rgba(80,55,255,.30),transparent 38%),
    radial-gradient(circle at 63% 46%,rgba(21,118,255,.27),transparent 38%);
}
.vce12[data-theme="sweet"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 42%,rgba(177,82,139,.31),transparent 47%);
}
.vce12[data-theme="custom"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 42%,rgba(134,99,28,.28),transparent 47%);
}


/* v1.6 — restore rich black-and-gold machine color */
.vce12-machine{
  filter:
    drop-shadow(0 42px 72px rgba(0,0,0,.68))
    contrast(1.12)
    saturate(1.18)
    brightness(1.03);
}

/* Keep the surrounding stage neutral while preserving the machine itself. */
.vce12-machine-wrap{
  mix-blend-mode:normal;
}


/* v1.7 — machine-only render, no baked background */
.vce12{
  background:linear-gradient(180deg,#090a0c 0%,#07080a 55%,#050608 100%);
}

.vce12-machine-area::before{
  inset:16% 18% 10%;
  border-radius:44%;
  background:
    radial-gradient(circle at 50% 46%, rgba(220,174,73,.22), transparent 42%),
    radial-gradient(circle at 50% 68%, rgba(220,174,73,.08), transparent 34%);
  filter:blur(14px);
}

.vce12-machine{
  width:min(100%,520px);
  max-height:650px;
  filter:
    drop-shadow(0 0 24px rgba(223,176,72,.22))
    drop-shadow(0 28px 60px rgba(0,0,0,.72))
    contrast(1.08)
    saturate(1.08);
}

/* Theme changes affect the glow/decor only, never the machine image. */
.vce12[data-theme="coffee"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 46%,rgba(183,118,66,.25),transparent 43%);
}
.vce12[data-theme="date"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 46%,rgba(172,39,72,.24),transparent 43%);
}
.vce12[data-theme="dog"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 46%,rgba(103,143,86,.24),transparent 43%);
}
.vce12[data-theme="gaming"] .vce12-machine-area::before{
  background:
    radial-gradient(circle at 43% 46%,rgba(81,64,255,.24),transparent 34%),
    radial-gradient(circle at 60% 46%,rgba(35,143,255,.22),transparent 34%);
}
.vce12[data-theme="sweet"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 46%,rgba(207,96,157,.24),transparent 43%);
}
.vce12[data-theme="custom"] .vce12-machine-area::before{
  background:radial-gradient(circle at 50% 46%,rgba(220,174,73,.22),transparent 43%);
}

/* v1.8 — clean machine-only asset and single hero heading */
.vce12-copy--center{position:relative;z-index:6;margin-bottom:28px}
.vce12-machine-area{margin-top:8px}
.vce12-machine{width:min(100%,500px);max-height:610px;object-fit:contain}


/* v1.9 — theme-specific machine renders */
.vce12-copy--center{
  margin-bottom:44px;
}

.vce12-machine-area{
  margin-top:0;
  padding-top:8px;
}

.vce12-machine{
  width:min(100%,520px);
  max-height:620px;
  object-fit:contain;
  transition:filter .35s ease;
}

/* The machine image now contains only the product and its theme glow.
   Keep the CSS stage subtle so it does not compete with the render. */
.vce12-machine-area::before{
  opacity:.5;
}


/* v2.0 — genuine theme-specific machine renders */
.vce12-machine-area::before{
  opacity:.18;
  inset:18% 24% 12%;
  filter:blur(24px);
}

.vce12-machine-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.vce12-machine{
  display:block;
  width:min(100%,520px);
  max-height:620px;
  object-fit:contain;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 28px 58px rgba(0,0,0,.72));
}


/* v2.1 — normal black/gold machine with theme color only on top marquee glow */
.vce12-machine-area::before{
  display:none !important;
}

.vce12-machine-wrap{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.vce12-machine{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 28px 58px rgba(0,0,0,.72));
}


/* v2.2 — true transparent machine cutout */
.vce12{
  background:linear-gradient(180deg,#090a0c 0%,#07080a 55%,#050608 100%);
}

.vce12-machine-area{
  isolation:isolate;
}

.vce12-machine-wrap{
  position:relative;
  z-index:3;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.vce12-machine{
  display:block;
  width:min(100%,520px);
  max-height:620px;
  object-fit:contain;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 28px 58px rgba(0,0,0,.72));
}

/* Pure CSS glow behind the cut-out machine — never a colored box. */
.vce12-machine-area::before{
  display:block !important;
  content:"";
  position:absolute;
  left:50%;
  top:48%;
  width:62%;
  height:70%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  filter:blur(34px);
  opacity:.55;
  z-index:0;
  background:radial-gradient(circle,rgba(220,174,73,.34) 0%,rgba(220,174,73,.13) 38%,transparent 72%);
  transition:background .35s ease;
}

.vce12[data-theme="coffee"] .vce12-machine-area::before{
  background:radial-gradient(circle,rgba(140,84,42,.38) 0%,rgba(140,84,42,.14) 40%,transparent 72%);
}
.vce12[data-theme="date"] .vce12-machine-area::before{
  background:radial-gradient(circle,rgba(190,35,64,.36) 0%,rgba(190,35,64,.13) 40%,transparent 72%);
}
.vce12[data-theme="dog"] .vce12-machine-area::before{
  background:radial-gradient(circle,rgba(74,155,82,.36) 0%,rgba(74,155,82,.13) 40%,transparent 72%);
}
.vce12[data-theme="gaming"] .vce12-machine-area::before{
  background:
    radial-gradient(circle at 42% 50%,rgba(59,70,255,.35) 0%,transparent 55%),
    radial-gradient(circle at 62% 48%,rgba(30,145,255,.28) 0%,transparent 55%);
}
.vce12[data-theme="sweet"] .vce12-machine-area::before{
  background:radial-gradient(circle,rgba(224,83,165,.36) 0%,rgba(224,83,165,.13) 40%,transparent 72%);
}
.vce12[data-theme="custom"] .vce12-machine-area::before{
  background:radial-gradient(circle,rgba(220,174,73,.34) 0%,rgba(220,174,73,.13) 40%,transparent 72%);
}


/* v2.3 — clearer experience levels and exact page background */
.vce12{
  background:#0A0003 !important;
}

.vce12-level-grid article{
  display:flex;
  flex-direction:column;
}

.vce12-level-grid h4{
  margin:8px 0 8px;
  color:var(--accent);
  font-size:1rem;
  line-height:1.35;
}

.vce12-level-grid article small{
  display:block;
  margin-top:auto;
  padding-top:14px;
  color:var(--muted);
  line-height:1.5;
  font-size:.82rem;
}

.vce12-capsule-scale{
  display:flex;
  gap:8px;
  margin-bottom:24px;
}

.vce12-capsule-scale span{
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.25);
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.14) 0 49%,
      rgba(255,255,255,.04) 50% 100%
    );
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.vce12-capsule-scale span.is-filled{
  border-color:var(--accent);
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.72) 0 49%,
      var(--accent) 50% 100%
    );
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 28%,transparent);
}

.vce12-note strong{
  color:var(--text);
}

.vce12-machine{
  object-position:center top;
}


/* v2.3.3 — safely hide the remaining baked-in caption without altering layout */
.vce12-machine-wrap{
  overflow:hidden;
}

.vce12-machine{
  clip-path:inset(0 0 3% 0);
}