/* Gready World V5 — scroll, live ticker and coin pricing */
html,body{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100%!important;
}
body.modal-open{overflow:hidden!important}
.game-shell{
  overflow:visible!important;
  height:auto!important;
  min-height:100dvh!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
}
.game-card,.panel-grid,.history-panel{scroll-margin-top:92px}
.live-ticker{
  position:sticky;
  top:0;
  z-index:62;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 34px;
  gap:5px;
  margin:0 0 6px;
  padding:5px;
  border:1px solid rgba(0,230,118,.38);
  border-radius:14px;
  background:rgba(4,14,23,.96);
  box-shadow:0 13px 34px rgba(0,0,0,.34);
  backdrop-filter:blur(15px);
}
.ticker-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px;
  border:0;
  border-radius:10px;
  color:#fff;
  text-align:left;
  background:linear-gradient(145deg,#10283a,#07131f);
  cursor:pointer;
}
.ticker-main.winner{background:linear-gradient(145deg,#2b2510,#12150e)}
.ticker-icon{
  width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;
  border-radius:9px;background:rgba(0,230,118,.12);font-size:14px;
}
.ticker-main.winner .ticker-icon{background:rgba(255,215,0,.14)}
.ticker-copy{min-width:0;display:block}
.ticker-copy small{
  display:block;font-size:6px;letter-spacing:1.2px;color:#91a9ba;
}
.ticker-copy strong{
  display:block;margin-top:2px;font-size:9px;line-height:1.2;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.ticker-main:first-child b{color:#00e676}
.ticker-main.winner strong{color:#ffe270}
.ticker-expand{
  width:34px;border:1px solid #21485a;border-radius:10px;background:#091827;
  color:#fff;font-size:17px;cursor:pointer;transition:.2s;
}
.live-ticker.open .ticker-expand{transform:rotate(180deg)}
.ticker-details{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  padding-top:1px;
}
.ticker-details.hidden{display:none!important}
.ticker-detail-card{
  padding:8px;border:1px solid #1d4050;border-radius:10px;
  background:#07131f;color:#b9cad5;font-size:9px;line-height:1.45;
}
.ticker-detail-card b{color:#fff}
.ticker-winner-row{
  display:flex;justify-content:space-between;gap:8px;padding:4px 0;
  border-bottom:1px solid rgba(255,255,255,.06)
}
.ticker-winner-row:last-child{border-bottom:0}
.coin-package-cards{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:4px 0 8px;
}
.coin-package-card{
  position:relative;padding:10px 9px;border:1px solid #244b59;border-radius:13px;
  background:linear-gradient(145deg,#0c2130,#07121c);color:#fff;text-align:left;cursor:pointer;
}
.coin-package-card.selected{
  border-color:#00e676;box-shadow:0 0 0 1px rgba(0,230,118,.3),0 12px 28px rgba(0,230,118,.08);
}
.coin-package-card .package-coins{display:block;color:#00e676;font-size:15px;font-weight:1000}
.coin-package-card .package-price{display:block;margin-top:2px;color:#ffe16a;font-size:11px;font-weight:900}
.coin-package-card .package-name{display:block;margin-top:4px;color:#99acba;font-size:8px}
.coin-package-card .package-bonus{
  position:absolute;right:6px;top:6px;padding:2px 5px;border-radius:999px;
  background:#8c4c00;color:#fff4c4;font-size:6px;font-weight:900;
}
.package-loading{grid-column:1/-1;padding:14px;text-align:center;color:#91a5b4}
.package-select{margin-top:1px}
.selected-package-summary{
  margin:7px 0 2px;padding:9px;border:1px dashed rgba(255,215,0,.45);border-radius:11px;
  background:rgba(255,215,0,.05);color:#c9d6de;font-size:9px;line-height:1.45;
}
.selected-package-summary b{color:#ffe16a}
.price-admin-card{
  display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:9px;align-items:center;
}
.price-admin-card .price-coin{
  display:grid;place-items:center;min-height:52px;border-radius:12px;
  background:#0a2521;color:#00e676;font-weight:1000;
}
.featured-game{
  border-color:rgba(255,215,0,.35)!important;
  background:linear-gradient(145deg,#162319,#07151f)!important;
}
@media(max-width:410px){
  .live-ticker{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) 31px;padding:4px;gap:4px}
  .ticker-main{padding:6px 5px;gap:4px}
  .ticker-icon{width:24px;height:24px;flex-basis:24px;font-size:12px}
  .ticker-copy strong{font-size:8px}
  .ticker-details{grid-template-columns:1fr}
  .coin-package-cards{grid-template-columns:1fr 1fr}
}