/* VenueSootra live brand, approved 2026-10-01. UI only; drawing/material colours stay authored. */
:root {
  --accent:#589ff6!important; --accent-hi:#8abcf9!important;
  --accent-dim:rgba(88,159,246,.14)!important; --on-accent:#091522!important;
  --acc:#589ff6!important; --acc-2:#8abcf9!important; --acc-sunk:rgba(88,159,246,.13)!important;
  --vst-accent:#589ff6!important; --vst-accent-hi:#8abcf9!important;
  --grad:linear-gradient(110deg,#589ff6,#50cbb6)!important;
  --brand-teal:#50cbb6; --bg:#0d121a!important; --bg2:#111821!important; --bg-2:#111821!important;
  --panel:#151d28!important; --panel2:#1b2632!important; --panel3:#24303e!important;
}
.vs-brand-breathe {display:block;width:156px;height:88px;object-fit:contain;flex:none;
  animation:vsBrandBreathe 3s ease-in-out infinite;transform-origin:center;
  filter:drop-shadow(0 0 12px rgba(88,159,246,.16));}
@keyframes vsBrandBreathe {
  0%,100% {transform:scale(1);filter:drop-shadow(0 0 12px rgba(88,159,246,.16));}
  50% {transform:scale(1.04);filter:drop-shadow(0 0 24px rgba(80,203,182,.32));}
}
#renOverlay {background:rgba(7,13,22,.76);padding:16px;box-sizing:border-box;overflow:auto;}
#renOverlay .card {background:radial-gradient(ellipse at 50% 0,rgba(88,159,246,.10),transparent 65%),#151d28;
 border-color:rgba(88,159,246,.30);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;}
#renOverlay .anim {width:156px;height:88px;margin:0 auto 20px;}
#renOverlay .sub,#renOverlay .eta {color:#b7c6d9;}
#renOverlay .help {color:#a7b9ce;}
#renOverlay .row {gap:12px;color:#e5edf6;}
#renOverlay .row b {color:#8abcf9;white-space:nowrap;}
#renOverlay .bar i {background:linear-gradient(90deg,#589ff6,#50cbb6);}
#renOverlay .btns .go {background:#589ff6;border-color:#589ff6;color:#091522;}
#renOverlay .btns button:hover,#renOverlay .btns a:hover {border-color:#50cbb6;}
#renOverlay.done .vs-brand-breathe,#renOverlay.fail .vs-brand-breathe {animation:none;}
#renOverlay.done .card {border-color:rgba(80,203,182,.5);}
#renOverlay.fail .card {border-color:rgba(248,113,113,.45);}
#renOverlay.fail .bar i {background:#f87171;}
#vProg .vprogbox {min-width:0;width:min(380px,calc(100vw - 32px));box-sizing:border-box;
 border:1px solid rgba(88,159,246,.3);border-radius:14px;background:#151d28;padding:30px;}
#vProg .vs-brand-breathe {margin:0 auto 20px;}
#vProg .vprogt {color:#edf3fb;}
#vProg .vprogs {color:#b7c6d9;}
#ueWalk #uwSpin {background:radial-gradient(ellipse at center,rgba(88,159,246,.06),transparent 65%);}
#ueWalk #uwSpin .vs-brand-breathe {width:180px;height:102px;margin-bottom:8px;}
@media(max-width:480px) {#renOverlay .card {padding:24px 18px;} #renOverlay .btns>* {min-height:40px;}}
@media(prefers-reduced-motion:reduce) {
 .vs-brand-breathe,#renOverlay.on,#renOverlay .bar i::after {animation:none!important;}
 #renOverlay .bar i {transition:none;}
}