/* Only the puzzle surface is restyled; drag geometry and validation stay intact. */
.vue-puzzle-vcode .vue-auth-box_ {
 border-radius:16px!important;
 box-shadow:0 18px 60px rgba(22,43,87,.22),0 0 0 1px rgba(210,221,241,.7)!important;
 background:#fff!important;
}
.vue-puzzle-vcode .auth-body_ {border-radius:10px;overflow:hidden;}
.vue-puzzle-vcode .auth-canvas1_,.vue-puzzle-vcode .auth-canvas3_ {border-radius:10px;}
.vue-puzzle-vcode .range-box {border-radius:12px!important;background:#eef3fc!important;box-shadow:inset 0 0 0 1px #e0e8f5;}
.vue-puzzle-vcode .range-slider {border-radius:12px!important;background:linear-gradient(90deg,#dbe8ff,#b9d0ff)!important;}
.vue-puzzle-vcode .range-btn {border:0!important;border-radius:12px!important;background:linear-gradient(145deg,#3d78ff,#2254e8)!important;color:#fff!important;box-shadow:0 4px 12px #2459dc40!important;}
.vue-puzzle-vcode .range-btn:hover,.vue-puzzle-vcode .range-btn.isDown {background:linear-gradient(145deg,#2d68f1,#1847cf)!important;}
.vue-puzzle-vcode .range-text {color:#657898!important;font-weight:500;}
.vue-puzzle-vcode .range-btn div {border-color:#fff!important;}
.vue-puzzle-vcode .reset_ {border-radius:50%;background:#ffffffdc;box-shadow:0 2px 8px #1b41702b;}