/* PokéBattle V13.11 — consolidated fixes requested 20/09/2026 */

/* Keep header pinned above every page/modal shell on desktop + mobile. */
html body .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:999990!important}

/* Opening autoclicker — circular, compact and explicit ON/OFF */
.pbAutoOpenV1311{margin-top:10px;padding:10px 12px;border:1px solid #2b3447;border-radius:14px;background:#0d1420;display:grid;gap:9px}
.pbAutoOpenCompactV1311{display:flex;align-items:center;gap:12px}
.pbAutoOpenCircleV1311{position:relative;width:72px;height:72px;min-width:72px;border-radius:50%;padding:0;border:4px solid #d94b5f;background:#171d28;overflow:hidden;cursor:pointer;box-shadow:0 0 0 3px rgba(217,75,95,.12),0 8px 22px rgba(0,0,0,.28);transition:.2s ease}
.pbAutoOpenCircleV1311.on{border-color:#36d68a;box-shadow:0 0 0 4px rgba(54,214,138,.14),0 0 22px rgba(54,214,138,.2)}
.pbAutoOpenCircleV1311.off{border-color:#df5064;box-shadow:0 0 0 4px rgba(223,80,100,.11),0 8px 22px rgba(0,0,0,.28)}
.pbAutoOpenImgV1311{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#22cad3}
.pbAutoOpenImgV1311 img{width:100%;height:100%;object-fit:cover;transform:scale(1.33);display:block}
.pbAutoOpenCircleV1311:after{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.08);pointer-events:none}.pbAutoOpenCircleV1311.on:after{background:rgba(26,177,94,.16)}.pbAutoOpenCircleV1311.off:after{background:rgba(187,30,52,.19)}
.pbAutoOpenTextV1311{display:grid;gap:2px}.pbAutoOpenTextV1311 b{font-size:13px;color:#fff}.pbAutoOpenTextV1311 small{font-size:8px;color:#8994aa;line-height:1.35}
.pbAutoOpenStateV1311{font-size:12px;font-weight:1000;letter-spacing:.08em}.pbAutoOpenStateV1311.on{color:#47e39a}.pbAutoOpenStateV1311.off{color:#f06a7c}
.pbAutoOpenSpeedsV1311{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-top:1px solid #242d3e;padding-top:9px}
.pbAutoOpenSpeedsV1311 button{border:1px solid #313a50;background:#111928;color:#aab4c7;border-radius:9px;padding:8px 7px;font-size:10px;font-weight:1000;cursor:pointer}
.pbAutoOpenSpeedsV1311 button.active{background:#6849e8;border-color:#8068ef;color:#fff;box-shadow:0 5px 18px rgba(104,73,232,.28)}
.pbAutoOpenV1311.on{border-color:rgba(54,214,138,.34)}.pbAutoOpenV1311.off{border-color:rgba(223,80,100,.24)}

/* FAQ */
.pbFaqV1311 h2{margin:0 0 5px}.pbFaqLeadV1311{font-size:10px;color:#8e99ad;margin:0 0 12px;line-height:1.5}
.pbFaqV1311 details{border:1px solid #2a3346;border-radius:10px;background:#0e1521;margin-top:7px;overflow:hidden}
.pbFaqV1311 summary{cursor:pointer;list-style:none;padding:11px 12px;color:#fff;font-size:10px;font-weight:950;display:flex;justify-content:space-between;gap:8px}
.pbFaqV1311 summary::-webkit-details-marker{display:none}.pbFaqV1311 summary:after{content:'+';color:#8d98ac}.pbFaqV1311 details[open] summary:after{content:'−'}
.pbFaqV1311 .pbFaqAnswerV1311{border-top:1px solid #252e40;padding:10px 12px;color:#a2adbf;font-size:9px;line-height:1.55}
.pbFaqV1311 .pbFaqAnswerV1311 b{color:#f3f6fb}

/* Exchange: keep the fairness/QoL action obvious without overgrowing the footer. */
#exchangeAuto70V135{white-space:nowrap}
.exchangeFairV1333 #exchangeFairPctV1333{min-width:52px;text-align:right}

/* The requested mobile grading density: exactly 3 cards per row. */
@media(max-width:760px){
  #gradeInventoryV10.gradeInventoryV10{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  #gradeInventoryV10 .gradeInvCardV10{min-width:0!important;padding:4px!important}
  #gradeInventoryV10 .gradeInvCardV10 img{width:100%!important;max-width:none!important}
  #gradeInventoryV10 .gradeInvCardV10 b,#gradeInventoryV10 .gradeInvCardV10 span{font-size:7px!important}
}