.irock-vote-prompt{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:2px 0 5px;padding:7px 12px;border:1px solid rgba(229,9,20,.55);border-radius:999px;background:rgba(229,9,20,.11);color:#fff;text-align:center;font:700 13px/1.2 Arial,sans-serif}.irock-vote-prompt>span{color:#ff2632;font-size:17px}.irock-vote-prompt small{color:#ddd;font-weight:600}.irock-player--popout .irock-vote-prompt,body.irock-pwa-standalone .irock-vote-prompt{font-size:14px;padding:9px 14px;margin:0 auto 4px;max-width:520px}.irock-vote-main{display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:1px solid #e50914!important;border-radius:50%!important;background:#151515!important;color:#ff2632!important;font-size:17px!important;line-height:1!important;cursor:pointer}.irock-vote-main:hover,.irock-vote-main.is-voted{background:#e50914!important;color:#fff!important}.irock-vote-recent{float:right;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0!important;margin-left:7px;border:1px solid #e50914!important;border-radius:50%!important;background:#171717!important;color:#ff2632!important;font-size:13px!important;line-height:1!important;cursor:pointer}.irock-vote-recent.is-voted{background:#e50914!important;color:#fff!important}.irock-vote-chart-button{display:block;width:100%;margin:10px 0 14px;padding:10px 12px!important;border-radius:9px!important;background:#e50914!important;color:#fff!important;font-weight:800}.irock-vote-toast{position:fixed;left:50%;bottom:110px;z-index:2147483647;max-width:calc(100vw - 28px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fff;color:#111;padding:11px 16px;border-radius:999px;box-shadow:0 10px 35px rgba(0,0,0,.45);font:700 14px Arial,sans-serif;transition:.2s}.irock-vote-toast.is-showing{opacity:1;transform:translate(-50%,0)}.irock-vote-chart-modal{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.78)}.irock-vote-chart-modal[hidden]{display:none!important}.irock-vote-chart-card{position:relative;width:min(520px,100%);max-height:88vh;overflow:auto;padding:22px;background:#121212;color:#fff;border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.7);font-family:Arial,sans-serif}.irock-vote-chart-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;background:#e50914;color:#fff;font-size:24px}.irock-vote-chart-card h3{margin:0 45px 2px 0}.irock-vote-chart-sub{margin:0 0 14px;color:#bbb}.irock-vote-chart-list{padding:0;margin:0;list-style:none}.irock-vote-chart-list li{display:grid;grid-template-columns:32px 44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #333}.irock-vote-chart-list img{width:44px;height:44px;object-fit:cover;border-radius:7px}.irock-vote-chart-list strong,.irock-vote-chart-list small{display:block}.irock-vote-chart-list small{color:#bbb;margin-top:2px}.irock-vote-chart-list .rank{font-size:20px;font-weight:900;text-align:center}.irock-chart-page{background:#111;color:#fff;padding:20px;border-radius:16px}.irock-chart-page header{text-align:center;margin-bottom:15px}.irock-chart-list{list-style:none;padding:0;margin:0}.irock-chart-item{display:grid;grid-template-columns:42px 58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #333}.irock-chart-item img{width:58px;height:58px;object-fit:cover;border-radius:8px}.irock-chart-rank{font-size:24px;font-weight:900;text-align:center}.irock-chart-song strong,.irock-chart-song small{display:block}.irock-chart-song small{color:#bbb;margin-top:3px}.irock-chart-votes{white-space:nowrap;color:#ff4b55;font-weight:800}@media(max-width:650px){.irock-vote-prompt{font-size:11px;padding:5px 8px;gap:5px;border-radius:10px}.irock-vote-prompt>span{font-size:14px}.irock-vote-main{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:15px!important}.irock-vote-recent{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}.irock-vote-chart-list li{grid-template-columns:28px 40px minmax(0,1fr) auto}.irock-vote-chart-list img{width:40px;height:40px}.irock-chart-item{grid-template-columns:34px 48px minmax(0,1fr)}.irock-chart-item img{width:48px;height:48px}.irock-chart-votes{grid-column:3}}


/* v1.0.3: keep the regular website bottom player tidy after voting controls are added. */
body:not(.irock-pwa-standalone) .irock-player--persistent {
  grid-template-columns:64px minmax(180px,1fr) auto !important;
  grid-template-areas:
    "art info controls"
    "prompt prompt prompt" !important;
  grid-template-rows:auto auto !important;
  align-items:center !important;
  column-gap:12px !important;
  row-gap:7px !important;
  min-height:108px !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
}
body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-player__art {grid-area:art !important;}
body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-player__info {grid-area:info !important;}
body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-player__controls {
  grid-area:controls !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  width:auto !important;
  min-width:0 !important;
  overflow:visible !important;
}
body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-vote-prompt {
  grid-area:prompt !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
  min-height:30px !important;
  padding:5px 10px !important;
  font-size:12px !important;
}
body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__controls > button {
  flex:0 0 auto !important;
  width:auto !important;
  min-width:44px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 16px !important;
  font-size:13px !important;
  line-height:1 !important;
}
body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__play {
  width:50px !important;
  min-width:50px !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 !important;
  font-size:20px !important;
}
body:not(.irock-pwa-standalone) .irock-player--persistent .irock-vote-main {
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 !important;
  font-size:17px !important;
}
body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__buy {
  width:44px !important;
  min-width:44px !important;
  padding:0 !important;
}
body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__menu,
body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__popout {
  min-width:86px !important;
  padding:0 18px !important;
}

@media (max-width:780px) {
  body:not(.irock-pwa-standalone) .irock-player--persistent {
    grid-template-columns:58px minmax(0,1fr) !important;
    grid-template-areas:
      "art info"
      "prompt prompt"
      "controls controls" !important;
    grid-template-rows:auto auto auto !important;
    gap:6px 9px !important;
    min-height:146px !important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-player__art,
  body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-player__art img {
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    max-width:58px !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-player__info {
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__title,
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__artist,
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__eyebrow {
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-vote-prompt {
    min-height:26px !important;
    padding:4px 8px !important;
    font-size:10.5px !important;
    gap:4px !important;
    border-radius:8px !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent > .irock-player__controls {
    width:100% !important;
    justify-content:space-between !important;
    gap:7px !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__controls > button {
    height:42px !important;
    min-height:42px !important;
    padding:0 11px !important;
    font-size:12px !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__play {
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-vote-main {
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__buy {
    display:inline-flex !important;
    width:42px !important;
    min-width:42px !important;
    padding:0 !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__menu {
    flex:1 1 auto !important;
    min-width:76px !important;
    padding:0 14px !important;
  }
  body:not(.irock-pwa-standalone) .irock-player--persistent .irock-player__popout {
    display:none !important;
  }
}