/* A compact preparation card: modes, record, rules and one clear start action. */
body #ui .rg-side.yq-prepare-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-self:start;height:auto;min-height:0;max-height:100%;border:1px solid #a9b78988;border-radius:9px;background:#eee8d7;color:#294a35;box-shadow:0 10px 28px #102a2233;animation:none}
body #ui .yq-prepare-panel .rg-side-head{align-items:center;padding:16px 18px;background:#274d39;color:#f0ead7;text-shadow:none;border-bottom:1px solid #a9b78955}
body #ui .yq-prepare-panel .rg-side-head b{font-size:20px;line-height:1.3;font-weight:650}
body #ui .yq-prepare-panel .rg-side-head span{background:#d4c18d;color:#304b34;border:1px solid #e0d0a355;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:550;opacity:1}
body #ui .yq-prepare-panel>.yq-scroll-host{min-height:0;min-width:0}
body #ui .yq-prepare-panel .rg-side-body{box-sizing:border-box;gap:16px;padding:16px 18px;min-height:0;overflow-x:hidden;overflow-y:auto}
body #ui .yq-prepare-panel .rg-sec{gap:9px;min-width:0;flex:none}
body #ui .yq-prepare-panel .rg-sec-head{gap:10px;min-height:20px;align-items:center;flex-wrap:wrap}
body #ui .yq-prepare-panel .tag{font-size:11px;font-weight:600;color:#6b7c5d;letter-spacing:1px;text-shadow:none}
body #ui .yq-prepare-panel .rg-link{gap:5px;padding:4px 7px;background:#d6dfc6;color:#42613f;border:1px solid #a7b58866;border-radius:4px;box-shadow:none;font-size:11px;font-weight:550;transform:none}
body #ui .yq-prepare-panel .rg-link:hover{background:#c9d8b9;color:#294f36;transform:none}
body #ui .yq-prepare-panel .rg-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body #ui .yq-prepare-panel .rg-mode{box-sizing:border-box;min-width:0;min-height:70px;gap:9px;align-items:center;padding:11px 10px;background:#f3efdf;color:#36503b;border:1px solid #b5be9a;border-radius:6px;box-shadow:none;transform:none}
body #ui .yq-prepare-panel .rg-mode>img{width:26px;height:26px;flex:none}
body #ui .yq-prepare-panel .rg-mode>span{display:flex;flex-direction:column;min-width:0;gap:5px}
body #ui .yq-prepare-panel .rg-mode b{font-size:14px;line-height:1.3;font-weight:650;color:inherit}
body #ui .yq-prepare-panel .rg-mode small{display:block;color:#758268;font-size:10px;line-height:1.5;font-weight:450;white-space:normal}
body #ui .yq-prepare-panel .rg-mode:hover{background:#e2e8d2;transform:none}
body #ui .yq-prepare-panel .rg-mode.on,body #ui .yq-prepare-panel .rg-mode.endless.on{background:#3a5e43;color:#f0ebd8;border-color:#bea66c;box-shadow:inset 0 -2px #c5b17b;transform:none}
body #ui .yq-prepare-panel .rg-mode.on small{color:#cbd7bc}
body #ui .yq-prepare-panel .yq-prepare-record{padding:12px;background:#dfe5cf;border:1px solid #a8b58b66;border-radius:6px;gap:9px}
body #ui .yq-prepare-panel .rg-pb{background:transparent;border-radius:0;padding:0;gap:8px;line-height:1.4}
body #ui .yq-prepare-panel .rg-pb>b{font-size:22px;font-weight:650;line-height:1.3;color:#294a35}
body #ui .yq-prepare-panel .rg-rank{flex-direction:column;gap:4px;color:#657759;font-size:12px;font-weight:450;line-height:1.6}
body #ui .yq-prepare-panel .rg-rank b{color:#345638;font-weight:650}
body #ui .yq-prepare-panel .rg-season{padding-top:7px;border-top:1px solid #a6b78b66;color:#7b8667;font-size:10px;line-height:1.5;font-weight:450}
body #ui .yq-prepare-panel .rg-how{list-style:none;counter-reset:yq-rule;gap:10px;margin:0;padding:12px;background:#f3efdf;color:#5f7255;border:1px solid #b1bd9655;border-radius:6px;font-size:12px;font-weight:450;line-height:1.65}
body #ui .yq-prepare-panel .rg-how>li{counter-increment:yq-rule;position:relative;padding-left:25px;margin:0;overflow-wrap:anywhere}
body #ui .yq-prepare-panel .rg-how>li:before{content:counter(yq-rule,decimal-leading-zero);position:absolute;left:0;top:2px;width:18px;color:#8d8054;font-size:10px;font-weight:600;line-height:1.8}
body #ui .yq-prepare-panel .rg-how b{color:#36563b;font-weight:650}
body #ui .yq-prepare-panel .rg-tiers{gap:7px}
body #ui .yq-prepare-panel .rg-tier{background:#f3efdf;color:#36503b;border:1px solid #b5be9a;border-radius:5px;box-shadow:none;padding:10px 12px;transform:none}
body #ui .yq-prepare-panel .rg-tier b{font-size:14px;font-weight:600}
body #ui .yq-prepare-panel .rg-tier small{color:#758268;font-weight:450}
body #ui .yq-prepare-panel .rg-tier.on{background:#3a5e43;color:#f0ebd8;border-color:#bea66c;transform:none;box-shadow:none}
body #ui .yq-prepare-panel .rg-tier.on small{color:#cbd7bc}
body #ui .yq-prepare-panel .rg-tier.locked{opacity:.6}
body #ui .yq-prepare-panel .rg-medals{gap:6px}
body #ui .yq-prepare-panel .rg-md{background:#e0e5d0;border-color:#a9b68b66;box-shadow:none;border-radius:5px}
body #ui .yq-prepare-panel .rg-md b{color:#45613f}
body #ui .yq-prepare-panel .rg-bag{flex-direction:column;gap:8px}
body #ui .yq-prepare-panel .rg-boost{box-sizing:border-box;width:100%;max-width:none;background:#f3efdf;color:#36503b;border:1px solid #b5be9a;border-radius:6px;padding:9px;gap:10px;box-shadow:none;transform:none}
body #ui .yq-prepare-panel .rg-boost.on{background:#e6e1c7;border-color:#b6a06b;box-shadow:inset 3px 0 #b6a06b}
body #ui .yq-prepare-panel .rg-boost b{font-size:12px;color:#36503b;font-weight:600}
body #ui .yq-prepare-panel .rg-boost small{color:#6c7d60;font-weight:450;line-height:1.5}
body #ui .yq-prepare-panel .rg-boost i{position:static;flex:none;align-self:center;margin-left:auto;background:#d6dfc6;color:#4b6544;font-size:11px;border-radius:4px}
body #ui .yq-prepare-panel .rg-go{margin:0;padding:12px 18px 15px;border-top:1px solid #aeb99766;background:#e3e6d1;gap:0}
body #ui .yq-prepare-panel .rg-go .btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;margin:0;padding:12px 16px;background:#d5c08b;color:#2e4b33;border:1px solid #b7a06a;border-radius:6px;box-shadow:none;font-size:16px;font-weight:650;text-shadow:none;transform:none}
body #ui .yq-prepare-panel .rg-go .btn:hover{background:#dec993;transform:none}
body #ui .yq-prepare-panel .rg-go .btn>img{width:24px;height:24px}
body #ui .yq-prepare-panel .rg-go kbd{font-size:10px;color:#66734f;border-color:#8c986c55;background:#e7d8ab66;padding:3px 5px;box-shadow:none}
body #ui .yq-prepare-panel button:focus-visible{outline:2px solid #b49a5c;outline-offset:3px}
@media(max-width:700px){
 body #ui .rg-side.yq-prepare-panel{min-height:0;max-height:none;width:100%;align-self:stretch}
 body #ui .yq-prepare-panel .rg-side-head{padding:14px 16px}
 body #ui .yq-prepare-panel .rg-side-body{padding:14px 16px;gap:14px}
 body #ui .yq-prepare-panel .rg-go{padding:11px 16px 13px;padding-bottom:max(13px,env(safe-area-inset-bottom));position:sticky;bottom:0;z-index:2}
 body #ui .yq-prepare-panel .rg-go kbd{display:none}
}
@media(max-width:360px){body #ui .yq-prepare-panel .rg-mode{padding:9px 8px;gap:6px}body #ui .yq-prepare-panel .rg-mode>img{width:22px;height:22px}body #ui .yq-prepare-panel .rg-mode b{font-size:13px}}
