/* Star Lord Hivy 1000 — Sticky Steelerzz player-bar clone.
   Isolated from the main Hivy CSS so future reel/art changes cannot disturb it. */

.controls.cd-bar#cdBar,
#cdBar.cd-bar{
  position:absolute;
  z-index:70;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  width:790px;
  max-width:calc(100% - 12px);
  height:84px;
  min-height:84px;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 252px;
  align-items:stretch;
  column-gap:12px;
  overflow:visible;
  color:#fff;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-family:Arial,Helvetica,sans-serif;
}
#cdBar button{font-family:inherit;cursor:pointer}

/* Sticky's finished composition hides the separate lightning button. */
#cdBar .cd-left,#cdBar #turboBtn{display:none}

#cdBar .cd-mid{
  grid-column:1;
  width:100%;
  height:54px;
  align-self:center;
  display:grid;
  grid-template-columns:42px 172px 138px minmax(190px,1fr);
  align-items:stretch;
  gap:0;
  margin:0;
  padding:0;
  transform:none;
  overflow:visible;
  background:transparent;
  border:0;
}
#cdBar .cd-menu-anchor{grid-column:1;position:relative}
#cdBar .cd-menu-anchor + .cd-stat{grid-column:2}
#cdBar .cd-menu-anchor + .cd-stat + .cd-stat{grid-column:3}
#cdBar .cd-play{grid-column:4}

#cdBar .cd-menu-anchor,
#cdBar .cd-stat,
#cdBar .cd-play{
  height:54px;
  min-width:0;
  background:rgba(8,10,16,.10);
  border-top:1px solid rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.035);
  box-shadow:none;
  backdrop-filter:blur(1px);
  -webkit-backdrop-filter:blur(1px);
}
#cdBar .cd-menu-anchor{border-left:1px solid rgba(255,255,255,.035);border-radius:6px 0 0 6px}
#cdBar .cd-play{border-right:1px solid rgba(255,255,255,.035);border-radius:0 6px 6px 0}

#cdBar #menuBtn,
#cdBar #menuBtn:hover,
#cdBar #menuBtn:active,
#cdBar #menuBtn:focus{
  width:40px;height:54px;min-width:40px;min-height:54px;
  margin:0;padding:0;border:0;outline:0;border-radius:0;
  display:flex;align-items:center;justify-content:center;
  background:transparent;box-shadow:none;color:#e9ecef;
  font-size:1.34rem;transform:none;filter:none;
}
#cdBar #menuBtn:hover{color:#f7d35b}

#cdBar .cd-stat{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:5px 13px;box-sizing:border-box;
}
#cdBar .cd-menu-anchor + .cd-stat + .cd-stat{align-items:flex-end;text-align:right;padding-left:8px;padding-right:15px}
#cdBar .cd-menu-anchor + .cd-stat + .cd-stat label,
#cdBar .cd-menu-anchor + .cd-stat + .cd-stat .val{width:100%;text-align:right}

#cdBar .cd-stat label,
#cdBar .cd-play > label,
#cdBar .cd-stat .val,
#cdBar .bet-currency,
#cdBar .bet-val{
  font-family:"Arial Black","Arial Narrow",Impact,Arial,sans-serif;
  font-weight:900;
  -webkit-text-stroke:1px rgba(0,0,0,.95);
  paint-order:stroke fill;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 2px 2px rgba(0,0,0,.90);
}
#cdBar .cd-stat label,#cdBar .cd-play > label{
  display:block;margin:0 0 3px;color:#ffd95a;
  font-size:.58rem;letter-spacing:.48px;line-height:1;text-transform:uppercase;
}
#cdBar .cd-stat .val{margin:0;color:#fff;font-size:.96rem;line-height:1.05;white-space:nowrap}

#cdBar .cd-play{position:relative;min-width:190px;width:auto;padding:0;margin:0;overflow:visible}
#cdBar .cd-play > label{position:absolute;left:10px;top:7px;z-index:3;margin:0}
#cdBar .cd-play-row{
  width:100%;height:54px;display:flex;align-items:center;justify-content:center;
  gap:10px;padding:15px 9px 0;margin:0;
}
#cdBar .bet-display{
  position:static;width:auto;height:30px;min-width:82px;
  display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;white-space:nowrap;
}
#cdBar .bet-currency{color:#fff;font-size:.88rem;line-height:1}
#cdBar .cd-play-row .bet-val,#cdBar .bet-val{color:#fff;font-size:1rem;line-height:1}
#cdBar .cd-pm{
  position:static;width:32px;min-width:32px;height:32px;min-height:32px;flex:0 0 32px;
  display:flex;align-items:center;justify-content:center;margin:0;padding:0;
  border:2px solid rgba(255,255,255,.98);border-radius:50%;
  background:rgba(7,9,14,.65);color:#fff;font-size:1.45rem;font-weight:900;line-height:1;
  box-shadow:0 0 0 1px rgba(15,20,35,.28),0 2px 5px rgba(0,0,0,.20);
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;
}
#cdBar .cd-pm:hover{background:rgba(7,9,14,.90);border-color:#fff;color:#fff;box-shadow:0 0 0 1px rgba(15,20,35,.22),0 0 10px rgba(255,255,255,.34);transform:scale(1.08)}
#cdBar .cd-pm:active{transform:scale(.96)}

#cdBar .cd-right{
  grid-column:2;width:232px;min-width:232px;max-width:232px;height:74px;
  display:flex;align-items:center;justify-content:flex-end;gap:12px;
  margin:0;padding:0;position:relative;overflow:visible;background:transparent;border:0;box-shadow:none;
}
#cdBar .auto-wrap{
  position:relative;width:56px;min-width:56px;max-width:56px;height:56px;flex:0 0 56px;
  display:flex;align-items:center;justify-content:center;margin:0;padding:0;
  overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;
}
#cdBar .cd-auto{
  position:relative;width:54px;height:54px;min-width:54px;min-height:54px;flex:0 0 54px;
  display:flex;align-items:center;justify-content:center;margin:0;padding:0;
  border:3px solid rgba(255,255,255,.96);border-radius:50%;outline:0;
  background:rgba(7,9,14,.65);box-shadow:0 2px 5px rgba(0,0,0,.18);color:#fff;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;
}
#cdBar .cd-auto::before{
  content:"↻";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);
  color:#fff;font-size:2.35rem;font-weight:700;line-height:1;z-index:1;
}
#cdBar .cd-auto .auto-letter{position:relative;z-index:2;color:#fff;font-size:.60rem;font-weight:1000;line-height:1;transform:translateY(1px)}
#cdBar .cd-auto:hover,#cdBar .cd-auto.auto-on{background:rgba(7,9,14,.90);border-color:#fff;box-shadow:0 0 12px rgba(255,255,255,.28);transform:scale(1.045)}
#cdBar .cd-auto:hover::before,#cdBar .cd-auto:hover .auto-letter,#cdBar .cd-auto.auto-on::before,#cdBar .cd-auto.auto-on .auto-letter{color:#fff}

#cdBar .cd-spin{
  position:relative;z-index:2;width:72px;height:72px;min-width:72px;min-height:72px;flex:0 0 72px;
  display:flex;align-items:center;justify-content:center;margin:0;padding:0;outline:0;
  border:4px solid rgba(255,255,255,.98);border-radius:50%;background:rgba(7,9,14,.65);color:#fff;
  box-shadow:0 0 0 2px rgba(15,20,35,.28),0 3px 7px rgba(0,0,0,.20);
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;
}
#cdBar .cd-spin .spin-arrow{display:block;transform:rotate(-18deg);color:#fff;font-size:3.72rem;font-weight:700;line-height:.78;text-shadow:0 2px 3px rgba(0,0,0,.34)}
#cdBar .cd-spin:hover{background:rgba(7,9,14,.90);border-color:#fff;box-shadow:0 0 0 2px rgba(15,20,35,.22),0 0 15px rgba(255,255,255,.34);transform:scale(1.055)}
#cdBar .cd-spin:hover .spin-arrow{color:#fff;text-shadow:none}
#cdBar .cd-spin.is-spinning .spin-arrow{animation:hivyStickySpinArrow .38s ease-out 1 both}
@keyframes hivyStickySpinArrow{to{transform:rotate(342deg)}}
#cdBar .cd-spin:disabled{cursor:default}

/* Sticky's final player bar has no separate round BONUS button. The side-panel buy remains live. */
#cdBar #buyBtn,#cdBar .cd-bonus{display:none}

#cdBar .cd-menu,#cdBar .auto-picker{
  display:none;position:absolute;bottom:calc(100% + 8px);z-index:180;padding:6px;
  background:#111416;border:1px solid rgba(255,255,255,.12);border-radius:7px;box-shadow:0 14px 28px rgba(0,0,0,.46);
}
#cdBar .cd-menu{left:0;width:150px}
#cdBar .auto-picker{left:-7px;width:72px;grid-template-columns:1fr}
#cdBar .cd-menu.open{display:block}
#cdBar .auto-picker.show{display:grid}
#cdBar .cd-menu-title{padding:4px 7px 6px;color:#788690;font-size:9px;font-weight:900;letter-spacing:.08em}
#cdBar .cd-menu-item,#cdBar .auto-picker button{
  width:100%;min-height:30px;padding:0 8px;border:0;border-radius:5px;background:transparent;
  color:#e9ecef;text-align:left;font-size:10px;font-weight:800;
}
#cdBar .auto-picker button{text-align:center}
#cdBar .cd-menu-item:hover,#cdBar .auto-picker button:hover{background:#202326;color:#f7d35b}

#autoBtn .sticky-auto-remaining{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;
  color:#fff;font-family:"Arial Black",Impact,Arial,sans-serif;font-size:clamp(12px,1.05vw,17px);
  font-weight:1000;line-height:1;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.95);z-index:3;
}
#autoBtn .sticky-auto-remaining[hidden]{display:none}
#autoBtn.auto-on .sticky-auto-remaining{color:#fff}

@media(max-width:900px){
  .controls.cd-bar#cdBar,#cdBar.cd-bar{scale:.88;transform-origin:50% 100%}
}
@media(max-width:700px){
  .controls.cd-bar#cdBar,#cdBar.cd-bar{scale:.72;bottom:16px;width:790px;max-width:none}
}


/* More visible light-gray Sticky-style player bar glass. */
#cdBar .cd-menu-anchor,
#cdBar .cd-stat,
#cdBar .cd-play{
  background:rgba(176,184,194,.34);
  border-top-color:rgba(255,255,255,.16);
  border-bottom-color:rgba(255,255,255,.16);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
#cdBar .cd-menu-anchor{
  border-left-color:rgba(255,255,255,.16);
}
#cdBar .cd-play{
  border-right-color:rgba(255,255,255,.16);
}

/* Double Chance ON: the actual 1.25x wager is shown and highlighted orange. */
#cdBar.hivy-ante-active .bet-currency,
#cdBar.hivy-ante-active .bet-val{
  color:#ff9f32;
  text-shadow:
    -1px -1px 0 #2a1300,
    1px -1px 0 #2a1300,
    -1px 1px 0 #2a1300,
    1px 1px 0 #2a1300,
    0 0 9px rgba(255,133,28,.60);
}


/* v202 compact right controls — prevents the spin circle from clipping */
#cdBar .cd-right{
  width:232px!important;
  min-width:232px!important;
  max-width:232px!important;
  height:74px!important;
}
#cdBar .cd-spin{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  flex-basis:72px!important;
}
#cdBar .cd-spin .spin-arrow{
  font-size:3.72rem!important;
}


/* v204 Background music controls */
#cdBar .cd-menu{
  width:188px;
}
#cdBar .cd-music-control{
  margin:3px 2px 5px;
  padding:7px 7px 8px;
  border-radius:6px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.075);
}
#cdBar .cd-music-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
  color:#e9ecef;
  font-size:10px;
  font-weight:900;
}
#cdBar .cd-music-toggle{
  min-width:36px;
  height:21px;
  padding:0 7px;
  border:1px solid rgba(109,223,147,.55);
  border-radius:999px;
  background:rgba(38,142,78,.25);
  color:#b9ffcb;
  font-size:9px;
  font-weight:1000;
}
#cdBar .cd-music-toggle.off{
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:#9aa4aa;
}
#cdBar .cd-music-range-row{
  display:grid;
  grid-template-columns:14px minmax(0,1fr) 30px;
  align-items:center;
  gap:5px;
}
#cdBar .cd-music-icon{
  color:#f7d35b;
  font-size:11px;
}
#cdBar .cd-music-percent{
  color:#b9c4ca;
  font-size:9px;
  font-weight:900;
  text-align:right;
}
#cdBar .cd-music-slider{
  width:100%;
  height:14px;
  margin:0;
  accent-color:#f7d35b;
  cursor:pointer;
}


/* v206 — lift only Auto + Spin controls by 3px */
#cdBar .cd-right{
  transform:translateY(-3px);
}