/* Sticky Steelerzz v39.3 live-only UI.
   Separate file so the tuned reel/game CSS remains untouched. */

.sticky-highscores-panel{width:min(var(--sticky-slot-w,1160px),100%);margin:6px auto 42px;padding:16px;box-sizing:border-box;color:#e9f2f8;background:#1c3444;border:1px solid rgba(255,255,255,.055);border-radius:11px;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.sticky-highscores-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 8px 14px;border-bottom:1px solid rgba(177,211,231,.20)}
.sticky-highscores-kicker{margin-bottom:3px;color:#7fa4ba;font-size:.68rem;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
.sticky-highscores-head h2{margin:0;font-size:1.02rem;line-height:1.1}.sticky-highscores-live{display:flex;align-items:center;gap:6px;color:#a8c2d2;font-size:.72rem;white-space:nowrap}.sticky-highscores-live span{width:8px;height:8px;border-radius:50%;background:#28df55;box-shadow:0 0 8px rgba(40,223,85,.35)}
.sticky-highscores-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px 12px}.sticky-highscores-copy{display:flex;flex-direction:column;gap:3px}.sticky-highscores-copy strong{color:#eef6fb;font-size:.88rem}.sticky-highscores-copy span{color:#7f9fb2;font-size:.67rem}
.sticky-highscores-currency{display:flex;gap:4px;padding:3px;background:#102737;border-radius:20px}.sticky-highscores-currency button{min-width:48px;height:30px;padding:0 10px;border:0;border-radius:16px;background:transparent;color:#9bb6c6;font-size:.68rem;font-weight:900;cursor:pointer}.sticky-highscores-currency button.active{background:#45677e;color:#fff}
.sticky-highscores-table-head,.sticky-highscore-row{display:grid;grid-template-columns:54px minmax(180px,1fr) 150px 130px;align-items:center;gap:10px;padding:0 16px;box-sizing:border-box}.sticky-highscores-table-head{min-height:38px;background:#0f2534;border-radius:8px 8px 0 0;color:#7f9fb2;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.45px}.sticky-highscores-list{overflow:hidden;border-radius:0 0 8px 8px;background:#102533}.sticky-highscore-row{min-height:52px;border-bottom:1px solid rgba(177,211,231,.13)}.sticky-highscore-row:last-child{border-bottom:0}.sticky-highscore-rank{color:#f3c54b;font-size:.76rem;font-weight:1000}.sticky-highscore-player{min-width:0;display:flex;align-items:center;gap:8px}.sticky-highscore-vip-icon{width:25px;height:25px;object-fit:contain;flex:0 0 25px}.sticky-highscore-vip-fallback{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2a4354;color:#8da8b9;font-size:.56rem;font-weight:1000}.sticky-highscore-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e8f0;font-size:.76rem;font-weight:800}.sticky-highscore-date{color:#8faabd;font-size:.68rem;white-space:nowrap}.sticky-highscore-win{text-align:right;white-space:nowrap;font-size:.76rem;font-weight:1000}.sticky-highscore-win.gc{color:#f1c84d}.sticky-highscore-win.sb{color:#54df82}.sticky-highscores-loading,.sticky-highscores-empty,.sticky-highscores-error{padding:20px 16px;color:#7899ad;font-size:.72rem;text-align:center}.sticky-highscores-error{color:#f58a8a}

.sticky-wallet-overlay{display:none;position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.55);align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.sticky-wallet-overlay.show{display:flex}.sticky-wallet-panel{width:min(400px,94vw);max-height:calc(100vh - 40px);overflow-y:auto;background:#0f172a;border:1px solid rgba(71,85,105,.5);border-radius:14px;padding:14px;box-shadow:0 16px 48px rgba(0,0,0,.5)}.sticky-wallet-stats-panel{width:min(420px,94vw)}.sticky-wallet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sticky-wallet-title{font-weight:900;letter-spacing:1px;color:#e2e8f0}.sticky-wallet-x{border:0;background:transparent;color:#94a3b8;font-size:1.4rem;cursor:pointer;line-height:1}.sticky-wallet-user-card,.sticky-wallet-section{background:rgba(30,41,59,.62);border:1px solid rgba(71,85,105,.45);border-radius:12px;padding:12px;margin-bottom:10px}.sticky-wallet-name{font-weight:800;color:#f1f5f9;margin-bottom:8px}.sticky-wallet-muted{font-size:.72rem;color:#94a3b8;margin:4px 0 8px}.sticky-wallet-level-row{display:flex;justify-content:space-between;font-size:.72rem;color:#94a3b8;margin-bottom:6px}.sticky-wallet-rank-label-row{margin-top:6px;margin-bottom:0}.sticky-wallet-bar{height:12px;border-radius:6px;background:#1e293b;overflow:hidden;border:1px solid rgba(71,85,105,.5)}.sticky-wallet-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:6px}.sticky-wallet-rank-row{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px;gap:12px}.sticky-wallet-rank-side{max-width:48%;font-size:.68rem;color:#94a3b8;font-weight:600}.sticky-wallet-rank-side.right{text-align:right;margin-left:auto}.sticky-wallet-rank-icon{height:26px;width:auto;display:block;margin-bottom:4px;object-fit:contain}.sticky-wallet-rank-side.right .sticky-wallet-rank-icon{margin-left:auto}.sticky-wallet-sec-title{font-weight:800;color:#e2e8f0;font-size:.85rem}.sticky-wallet-action{width:100%;padding:8px;border:0;border-radius:8px;background:linear-gradient(180deg,#9f1239,#7f1d1d);color:#fecaca;font-weight:800;cursor:pointer}.sticky-wallet-action:disabled{background:#334155;color:#94a3b8;cursor:not-allowed;opacity:.85}.sticky-wallet-topup{background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff}.sticky-wallet-stats-button{margin-bottom:2px;background:linear-gradient(180deg,#334155,#1e293b);color:#e2e8f0}.sticky-wallet-select{width:100%;padding:8px;border-radius:8px;background:#1e293b;color:#e2e8f0;border:1px solid #334155}.sticky-wallet-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sticky-wallet-stats-grid .sticky-wallet-section{margin:0}

.sticky-session-graph{position:fixed;z-index:215;left:12px;top:80px;width:280px;background:#140a0e;border:1px solid #5c1a1a;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.55);padding:10px 12px 12px;touch-action:none;user-select:none;color:#e2e8f0;box-sizing:border-box}.sticky-session-graph[hidden]{display:none}.sticky-session-graph-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 8px;cursor:grab;font-size:.78rem;font-weight:900}.sticky-session-graph-head.is-dragging{cursor:grabbing}.sticky-session-graph-head button{border:0;background:transparent;color:#94a3b8;font-size:1.15rem;cursor:pointer}.sticky-session-graph canvas{display:block;width:256px;max-width:100%;height:140px;background:#0b111a;border-radius:8px}.sticky-session-graph-stats{font-size:.72rem;color:#94a3b8;line-height:1.55;margin-top:8px}.sticky-session-graph-stats b{color:#fff}.sticky-session-graph-stats .is-profit{color:#4ade80}.sticky-session-graph-stats .is-loss{color:#f87171}.sticky-session-graph-stats .is-rtp{color:#93c5fd}
@media(max-width:760px){.sticky-highscores-table-head,.sticky-highscore-row{grid-template-columns:48px minmax(135px,1fr) 104px 98px;gap:6px;padding-left:10px;padding-right:10px}.sticky-highscore-date{font-size:.61rem}}
@media(max-width:620px){.sticky-highscores-toolbar{align-items:flex-start;flex-direction:column}.sticky-highscores-panel{padding:12px}.sticky-highscores-table-head,.sticky-highscore-row{grid-template-columns:42px minmax(120px,1fr) 92px}.sticky-highscores-table-head span:nth-child(3),.sticky-highscore-date{display:none}}


/* v39.4 — autoplay remaining counter */
#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}


/* v40 Sticky Game Insights: exact Steezn's Realm UI blocks */
/* copied from Steezn's Realm: SLOT-GAME-STATISTICS-UI */
.slot-stats-panel{
  /* PANEL WIDTH CONTROL:
     Increase 80px to pull ONLY the right edge farther left.
     Example: 100px = narrower, 120px = even narrower. */
  width:min(1078px,calc(100% - 80px)) !important;
  max-width:1078px !important;
  margin:6px 0 42px 24px !important;
  padding:16px !important;
  box-sizing:border-box !important;

  color:#e9f2f8 !important;
  background:#1c3444 !important;
  border:1px solid rgba(255,255,255,.055) !important;
  border-radius:11px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.16) !important;
}

.slot-stats-head{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:2px 8px 14px !important;
  border-bottom:1px solid rgba(177,211,231,.20) !important;
}

.slot-stats-kicker{
  margin-bottom:3px !important;
  color:#7fa4ba !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  letter-spacing:.7px !important;
  text-transform:uppercase !important;
}

.slot-stats-head h2{
  margin:0 !important;
  font-size:1.02rem !important;
  line-height:1.1 !important;
}

.slot-stats-live{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#a8c2d2 !important;
  font-size:.72rem !important;
  white-space:nowrap !important;
}
.slot-stats-live span{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#28df55 !important;
  box-shadow:0 0 8px rgba(40,223,85,.35) !important;
}

.slot-stats-main-tabs{
  width:max-content !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:2px !important;
  margin:14px 0 12px !important;
  padding:3px !important;
  box-sizing:border-box !important;

  background:#102737 !important;
  border-radius:24px !important;
}

.slot-stats-tab{
  min-width:150px !important;
  height:40px !important;
  padding:0 18px !important;

  border:0 !important;
  border-radius:21px !important;
  background:transparent !important;
  color:#f1f6f9 !important;

  font-size:.78rem !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

.slot-stats-tab.active{
  background:#45677e !important;
}

.slot-stats-subtabs{
  display:flex !important;
  gap:8px !important;
  margin-bottom:12px !important;
}

.slot-stats-subtab{
  height:36px !important;
  padding:0 16px !important;
  border:0 !important;
  border-radius:7px !important;
  background:#122b3c !important;
  color:#afd0e2 !important;
  font-size:.72rem !important;
  font-weight:800 !important;
}

.slot-stats-subtab.active{
  background:#466a82 !important;
  color:#fff !important;
}

.slot-stats-table-wrap{
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
.slot-stats-table-wrap::-webkit-scrollbar{
  display:none !important;
}

.slot-stats-table{
  width:100% !important;
  min-width:650px !important;
  border-collapse:collapse !important;
}

.slot-stats-table thead{
  background:#102533 !important;
}

.slot-stats-table th{
  padding:14px 16px !important;
  color:#a8c2d2 !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  text-align:left !important;
}

.slot-stats-table th:not(:first-child),
.slot-stats-table td:not(:first-child){
  text-align:right !important;
}

.slot-stats-table td{
  padding:16px !important;
  color:#abc5d5 !important;
  font-size:.78rem !important;
  border-bottom:1px solid rgba(177,211,231,.17) !important;
}

.slot-stats-table tbody tr:last-child td{
  border-bottom:0 !important;
}

.slot-stats-table .stats-value-strong{
  color:#eaf3f8 !important;
  font-weight:900 !important;
}

.slot-stats-table .stats-currency{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  height:18px !important;
  margin-left:5px !important;
  border-radius:50% !important;
  font-size:.58rem !important;
  font-weight:1000 !important;
  vertical-align:middle !important;
}
.slot-stats-table .stats-currency.cur-gc{
  color:#332300 !important;
  background:linear-gradient(180deg,#ffe77a,#d6a51c) !important;
  border:1px solid rgba(255,226,104,.55) !important;
  box-shadow:0 0 8px rgba(244,190,38,.18) !important;
}
.slot-stats-table .stats-currency.cur-sb{
  color:#06220d !important;
  background:#57dd11 !important;
  border:1px solid rgba(112,255,70,.28) !important;
}

.slot-stats-empty{
  display:none !important;
  padding:13px 4px 2px !important;
  color:#7899ad !important;
  font-size:.70rem !important;
}

@media (max-width:760px){
  .slot-stats-panel{
    width:calc(100% - 24px) !important;
    margin-top:16px !important;
    padding:12px !important;
  }

  .slot-stats-head{
    align-items:flex-start !important;
  }

  .slot-stats-tab{
    min-width:0 !important;
    padding:0 13px !important;
  }
}

/* copied from Steezn's Realm: SLOT-INSIGHTS-HIGHSCORES */
.slot-stats-view{
  display:none !important;
}
.slot-stats-view.active{
  display:block !important;
}

/* Currency selector shared by Game Statistics + Your Statistics */
.slot-stats-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 12px 0;
}
.slot-stats-toolbar-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.slot-stats-toolbar-copy strong{
  color:#eef7ff;
  font-size:.82rem;
  font-weight:900;
}
.slot-stats-toolbar-copy span{
  color:#7899ad;
  font-size:.68rem;
}
.slot-stats-currency{
  flex:0 0 auto;
}
@media (max-width:620px){
  .slot-stats-toolbar{
    align-items:flex-start;
  }
}

.slot-highscores-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:4px 2px 12px !important;
}

.slot-highscores-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.slot-highscores-copy strong{
  color:#eef6fb !important;
  font-size:.88rem !important;
}
.slot-highscores-copy span{
  color:#7f9fb2 !important;
  font-size:.67rem !important;
}

.slot-highscores-currency{
  display:flex !important;
  gap:4px !important;
  padding:3px !important;
  background:#102737 !important;
  border-radius:20px !important;
}
.slot-highscores-currency button{
  min-width:48px !important;
  height:30px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:16px !important;
  background:transparent !important;
  color:#9bb6c6 !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
.slot-highscores-currency button.active{
  background:#45677e !important;
  color:#fff !important;
}

.slot-highscores-list{
  overflow:hidden !important;
  border-radius:8px !important;
  background:#102533 !important;
}

.slot-highscore-row{
  min-height:48px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 16px !important;
  border-bottom:1px solid rgba(177,211,231,.13) !important;
}
.slot-highscore-row:last-child{
  border-bottom:0 !important;
}

.slot-highscore-rank{
  color:#f3c54b !important;
  font-size:.76rem !important;
  font-weight:1000 !important;
}
.slot-highscore-name{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#d9e8f0 !important;
  font-size:.76rem !important;
  font-weight:800 !important;
}
.slot-highscore-win{
  white-space:nowrap !important;
  font-size:.76rem !important;
  font-weight:1000 !important;
}
.slot-highscore-win.gc{color:#f1c84d !important;}
.slot-highscore-win.sb{color:#54df82 !important;}

.slot-highscores-loading,
.slot-highscores-empty,
.slot-highscores-error{
  padding:20px 16px !important;
  color:#7899ad !important;
  font-size:.72rem !important;
  text-align:center !important;
}
.slot-highscores-error{
  color:#f58a8a !important;
}

@media (max-width:620px){
  .slot-highscores-toolbar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}

/* copied from Steezn's Realm: SLOT-INSIGHTS-TOP-TABS-POSITION */
/* Three obvious top-level tabs */
.slot-stats-main-tabs{
  width:100% !important;
  max-width:620px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:4px !important;
  background:#102737 !important;
  border-radius:24px !important;
  padding:3px !important;
}

.slot-stats-tab{
  min-width:0 !important;
  width:100% !important;
  padding:0 12px !important;
}

/* Sticky uses a normal flow gap below its authored game frame.
   The old -12px Realm copy pulled this panel upward into the slot. */
:root{
  --game-insights-y:0px;
}

#slotStatsPanel{
  position:relative !important;
  top:var(--game-insights-y) !important;
  flex:0 0 auto !important;
}

/* copied from Steezn's Realm: SLOT-HIGHSCORES-RANK-DATE */
.slot-highscores-table-head{
  display:grid !important;
  grid-template-columns:54px minmax(180px,1fr) 150px 130px !important;
  align-items:center !important;
  gap:10px !important;
  min-height:38px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;

  background:#0f2534 !important;
  border-radius:8px 8px 0 0 !important;
  color:#7f9fb2 !important;
  font-size:.64rem !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.45px !important;
}

.slot-highscores-list{
  overflow:hidden !important;
  border-radius:0 0 8px 8px !important;
  background:#102533 !important;
}

.slot-highscore-row{
  min-height:52px !important;
  display:grid !important;
  grid-template-columns:54px minmax(180px,1fr) 150px 130px !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  border-bottom:1px solid rgba(177,211,231,.13) !important;
}
.slot-highscore-row:last-child{
  border-bottom:0 !important;
}

.slot-highscore-rank{
  color:#f3c54b !important;
  font-size:.76rem !important;
  font-weight:1000 !important;
}

.slot-highscore-player{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.slot-highscore-vip-icon{
  width:25px !important;
  height:25px !important;
  object-fit:contain !important;
  flex:0 0 25px !important;
}

.slot-highscore-vip-fallback{
  width:25px !important;
  height:25px !important;
  flex:0 0 25px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#2a4354 !important;
  color:#8da8b9 !important;
  font-size:.56rem !important;
  font-weight:1000 !important;
}

.slot-highscore-name{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#d9e8f0 !important;
  font-size:.76rem !important;
  font-weight:800 !important;
}

.slot-highscore-date{
  color:#8faabd !important;
  font-size:.68rem !important;
  white-space:nowrap !important;
}

.slot-highscore-win{
  text-align:right !important;
  white-space:nowrap !important;
  font-size:.76rem !important;
  font-weight:1000 !important;
}
.slot-highscore-win.gc{color:#f1c84d !important;}
.slot-highscore-win.sb{color:#54df82 !important;}

@media (max-width:760px){
  .slot-highscores-table-head,
  .slot-highscore-row{
    grid-template-columns:48px minmax(150px,1fr) 110px 105px !important;
    gap:6px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .slot-highscore-date{
    font-size:.62rem !important;
  }
}

/* copied from Steezn's Realm: GAME-INSIGHTS-WIDTH-CONTROL-FINAL */
/* ============================================================
   GAME INSIGHTS WIDTH — FINAL OVERRIDE

   Older sidebar CSS uses a more-specific selector:
   #steezyPageViewport > .steezy-page-content
   so editing .slot-stats-panel alone could not win.

   EDIT ONLY --game-insights-right-inset.
   Bigger number = pull ONLY the RIGHT edge farther LEFT.
   ============================================================ */

:root{
  --game-insights-left-inset:24px;
  --game-insights-right-inset:80px;
}

#steezyPageViewport > #slotStatsPanel.slot-stats-panel{
  width:calc(100% - var(--game-insights-left-inset) - var(--game-insights-right-inset)) !important;
  max-width:none !important;

  margin-top:22px !important;
  margin-right:var(--game-insights-right-inset) !important;
  margin-bottom:42px !important;
  margin-left:var(--game-insights-left-inset) !important;
}