/* PokéBattle V13.13 */

/* Opening: compact circular autoclicker floating in the stage, like the requested reference. */
#page-open .openstage{position:relative!important}
#page-open #pbAutoOpenV1311{
  position:absolute!important;
  z-index:18!important;
  top:118px!important;
  left:22px!important;
  width:auto!important;
  min-width:220px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
}
#page-open .pbAutoOpenCompactV1311{display:flex!important;align-items:center!important;gap:11px!important}
#page-open .pbAutoOpenCircleV1311{
  width:72px!important;height:72px!important;min-width:72px!important;border-radius:50%!important;
  border:4px solid #ef4c64!important;background:#121824!important;
  box-shadow:0 0 0 2px rgba(239,76,100,.20),0 8px 20px rgba(0,0,0,.36)!important;
}
#page-open .pbAutoOpenCircleV1311.off{border-color:#ef4c64!important;box-shadow:0 0 0 2px rgba(239,76,100,.20),0 8px 20px rgba(0,0,0,.36)!important}
#page-open .pbAutoOpenCircleV1311.on{border-color:#36dc8e!important;box-shadow:0 0 0 3px rgba(54,220,142,.18),0 0 20px rgba(54,220,142,.25)!important}
#page-open .pbAutoOpenCircleV1311.off:after{background:rgba(190,22,48,.24)!important}
#page-open .pbAutoOpenCircleV1311.on:after{background:rgba(20,180,96,.20)!important}
#page-open .pbAutoOpenTextV1311{display:grid!important;grid-template-columns:auto auto!important;column-gap:6px!important;align-items:center!important}
#page-open .pbAutoOpenTextV1311 b{font-size:12px!important}
#page-open .pbAutoOpenTextV1311 small{grid-column:1/-1!important;font-size:8px!important;margin-top:2px!important}
#page-open .pbAutoOpenStateV1311{font-size:11px!important}
#page-open .pbAutoOpenSpeedsV1311{
  margin:8px 0 0 83px!important;padding:0!important;border:0!important;
  display:grid!important;grid-template-columns:repeat(4,46px)!important;gap:5px!important;
}
#page-open .pbAutoOpenSpeedsV1311[hidden]{display:none!important}
#page-open .pbAutoOpenSpeedsV1311 button{padding:7px 5px!important;border-radius:8px!important;font-size:9px!important}

/* FAQ + redeem code */
.pbRedeemV1313{grid-column:1/-1;padding:18px!important}
.pbRedeemV1313 h2{margin:0 0 5px;font-size:20px}
.pbRedeemV1313>p{margin:0 0 12px;color:#8e99ad;font-size:10px;line-height:1.5}
.pbRedeemRowV1313{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center}
.pbRedeemRowV1313 .input{text-transform:none!important}
.pbRedeemHintV1313{margin-top:9px;padding:9px 10px;border:1px solid #273146;border-radius:9px;background:#0d1420;color:#909bb0;font-size:9px}
.pbRedeemMsgV1313{min-height:16px;margin-top:8px;font-size:10px;font-weight:800}
.pbRedeemMsgV1313.ok{color:#53df9a}.pbRedeemMsgV1313.bad{color:#ff7889}

/* Battle preparation state: immediate visible feedback instead of appearing stuck in lobby. */
#battleGrid.session-active #arenaTitle.pbPreparingV1313:after{content:' ';display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid #465168;border-top-color:#f6cf35;border-radius:50%;vertical-align:-1px;animation:pbPrepSpin1313 .65s linear infinite}
@keyframes pbPrepSpin1313{to{transform:rotate(360deg)}}

@media(max-width:760px){
  #page-open #pbAutoOpenV1311{position:relative!important;top:auto!important;left:auto!important;margin:12px 0 2px 4px!important;min-width:0!important}
  #page-open .pbAutoOpenCircleV1311{width:62px!important;height:62px!important;min-width:62px!important}
  #page-open .pbAutoOpenSpeedsV1311{margin-left:73px!important;grid-template-columns:repeat(4,42px)!important}
  .pbRedeemRowV1313{grid-template-columns:1fr 1fr}.pbRedeemRowV1313 input{grid-column:1/-1}
}
