/* Visual layer only. Game scripts, statuses, rarity colors and hidden panels remain native. */
body.rec-pole-branded .rprpg-wrap{--line:#493232;--red:#f20d0d;--text:#fff;--muted:#c4b6b6;font-family:'Be Vietnam Pro',sans-serif;font-size:16px;line-height:1.55;margin:22px auto 0}
.rec-pole-branded .rprpg-wrap h2,.rec-pole-branded .rprpg-wrap h3,.rec-pole-branded .rprpg-wrap h4{color:#fff;font-weight:900;line-height:1.2;letter-spacing:-.025em}
.rec-pole-branded .rprpg-wrap b,.rec-pole-branded .rprpg-wrap strong{font-weight:700}
.rec-pole-branded .rprpg-hero{background:radial-gradient(ellipse at 12% 0,#72131366,transparent 65%),linear-gradient(135deg,#291919,#181111);border-color:#654040;box-shadow:0 18px 55px #0004}
.rec-pole-branded .rprpg-hero h2{font-size:clamp(32px,4.4vw,62px);font-weight:900;line-height:1.05;margin:12px 0 16px}
.rec-pole-branded .rprpg-panel{background:linear-gradient(160deg,#291d1d,#1d1414);box-shadow:0 12px 32px #0003}
.rec-pole-branded .rprpg-my-paddock{border-color:#683737;background:radial-gradient(ellipse at 90% 0,#f20d0d12,transparent 60%),#251a1a}
.rec-pole-branded .rprpg-season{background:#1a1111;border-left-color:#f20d0d}
.rec-pole-branded :is(.rprpg-row,.rprpg-stats>div,.rprpg-userbar,.rprpg-levelbox,.rprpg-info-grid article,.rprpg-history-summary>div,.rprpg-stat-grid>div,.rprpg-garage-card,.rprpg-resource-line>div,.rprpg-equipment-option,.rprpg-choice,.rprpg-rule-grid article){background:#181111;border-color:#493232}
.rec-pole-branded :is(.rprpg-garage-heading>span,.rprpg-rule-grid article>span,.rprpg-deck-head>strong,.rprpg-rank-badge){background:#302020;border-color:#634040}
.rec-pole-branded :is(.rprpg-rule-grid p,.rprpg-filterable-grid .rprpg-card p,.rprpg-filter-block>small){color:#c4b6b6}
.rec-pole-branded :is(.rprpg-card,.rprpg-collection-card,.rprpg-pick-card){background:#181111}
.rec-pole-branded .rprpg-public-nav a,.rec-pole-branded .rprpg-tabs button,.rec-pole-branded .rprpg-filter-row button{border-color:#684444;background:#201616;color:#e5d9d9}
.rec-pole-branded .rprpg-public-nav a:hover,.rec-pole-branded .rprpg-row:hover{border-color:#f20d0d}
.rec-pole-branded .rprpg-tabs button.is-active,.rec-pole-branded .rprpg-filter-row button.is-active{background:#c80b0b;border-color:#f20d0d;color:#fff;box-shadow:0 6px 20px #f20d0d22}
.rec-pole-branded .rprpg-filter-row button:hover{background:#472020;border-color:#f20d0d;color:#fff}
.rec-pole-branded .rprpg-save-deck,.rec-pole-branded .rprpg-action-btn{background:#c80b0b;box-shadow:0 6px 18px #f20d0d22}
.rec-pole-branded .rprpg-action-btn.rprpg-secondary{background:#332121;color:#fff;border-color:#785050}
.rec-pole-branded .rprpg-pick-card.is-selected,.rec-pole-branded .rprpg-choice.is-current{border-color:#f20d0d;box-shadow:0 0 0 2px #f20d0d44}
.rec-pole-branded .rprpg-pick-card input{accent-color:#f20d0d}
.rec-pole-branded .rprpg-progress{background:#120c0c;border-color:#634040}
.rec-pole-branded .rprpg-progress i{background:linear-gradient(90deg,#f20d0d,#fb8b45)}
.rec-pole-branded .rprpg-search input,.rec-pole-branded .rprpg-catalog-head input{min-width:0;max-width:100%;background:#181111;border-color:#785050;color:#fff}
.rec-pole-branded .rprpg-catalog-head input:focus{border-color:#f20d0d;box-shadow:0 0 0 2px #f20d0d33}
.rec-pole-branded .rprpg-wrap :is(a,button,input):focus-visible{outline:2px solid #ff8989;outline-offset:3px}
.rec-pole-branded .rprpg-wrap [id]{scroll-margin-top:100px}
.rec-pole-branded .rprpg-grid2{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.rec-pole-branded .rprpg-grid2>*,.rec-pole-branded .rprpg-hero>*,.rec-pole-branded .rprpg-row>*{min-width:0}
.rec-pole-branded .rprpg-grid2 .rprpg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.rec-pole-branded .rprpg-stats>div{min-width:0;overflow-wrap:anywhere}
.rec-pole-branded .rprpg-row{overflow-wrap:anywhere}
@media(max-width:900px){.rec-pole-branded .rprpg-grid2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){
  .rec-pole-branded .rprpg-hero h2{font-size:clamp(30px,9vw,48px)}
  .rec-pole-branded .rprpg-hero,.rec-pole-branded .rprpg-panel{padding:16px}
  .rec-pole-branded .rprpg-twitch-btn{white-space:normal}
  .rec-pole-branded .rprpg-panel h3{font-size:21px}
  .rec-pole-branded .rprpg-season{width:100%}
}
@media(prefers-reduced-motion:reduce){.rec-pole-branded .rprpg-wrap *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Player guide below the game. Scoped so it never touches the native game styles. */
.rec-pole-guide{margin:28px auto 0;font-family:'Be Vietnam Pro',sans-serif;font-size:16px;line-height:1.55;color:#fff}
.rec-pole-guide details{border:1px solid #654040;border-radius:18px;background:radial-gradient(ellipse at 12% 0,#72131355,transparent 65%),linear-gradient(135deg,#291919,#181111);box-shadow:0 18px 55px #0004;scroll-margin-top:100px}
.rec-pole-guide summary{display:grid;gap:8px;padding:24px;cursor:pointer;list-style:none;border-radius:18px}
.rec-pole-guide summary::-webkit-details-marker{display:none}
.rec-pole-guide summary:focus-visible{outline:2px solid #ff8989;outline-offset:3px}
.rec-pole-guide summary h2{margin:0;font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.1;letter-spacing:-.025em}
.rec-pole-guide__eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ff8989}
.rec-pole-guide__intro{max-width:70ch;color:#c4b6b6}
.rec-pole-guide__toggle{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:6px;padding:9px 16px;border-radius:999px;background:#c80b0b;box-shadow:0 6px 18px #f20d0d22;font-size:14px;font-weight:700}
.rec-pole-guide summary:hover .rec-pole-guide__toggle{background:#e00c0c}
.rec-pole-guide__toggle .material-symbols-outlined{font-size:20px;transition:transform .2s}
.rec-pole-guide details[open] .rec-pole-guide__toggle .material-symbols-outlined{transform:rotate(180deg)}
.rec-pole-guide__close,.rec-pole-guide details[open] .rec-pole-guide__open{display:none}
.rec-pole-guide details[open] .rec-pole-guide__close{display:inline}
.rec-pole-guide__body{padding:0 24px 24px}
.rec-pole-guide__body :is(h3,h4){margin:0 0 10px;color:#fff;font-weight:900;line-height:1.2;letter-spacing:-.02em}
.rec-pole-guide__body h3{font-size:22px}
.rec-pole-guide__body h4{font-size:17px;margin-bottom:4px}
.rec-pole-guide__body :is(p,li,td){color:#c4b6b6}
.rec-pole-guide__body p{margin:0 0 12px}
.rec-pole-guide__body strong{color:#fff;font-weight:700}
.rec-pole-guide__body ul{margin:0;padding-left:20px;list-style:disc}
.rec-pole-guide__body li{margin:4px 0}
.rec-pole-guide__lead{max-width:80ch;font-size:17px}
.rec-pole-guide__quote{font-style:italic;color:#fff!important;border-left:4px solid #f20d0d;padding-left:12px}
.rec-pole-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.rec-pole-guide__card{min-width:0;padding:20px;border:1px solid #493232;border-radius:16px;background:linear-gradient(160deg,#291d1d,#1d1414);box-shadow:0 12px 32px #0003}
.rec-pole-guide__wide{grid-column:1/-1}
.rec-pole-guide__pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.rec-pole-guide__pills span{padding:6px 11px;border-radius:999px;font-size:13px;font-weight:700;color:#120c0c}
.rec-pole-guide__pills .is-impulso{background:#ff4d5f}.rec-pole-guide__pills .is-defensa{background:#42a5ff}.rec-pole-guide__pills .is-sabotaje{background:#ffd54a}
.rec-pole-guide__pills .is-reaccion{background:#44d492}.rec-pole-guide__pills .is-estrategia{background:#b06cff;color:#fff}.rec-pole-guide__pills .is-equipo{background:#cbd6e3}
.rec-pole-guide__pills .is-legendaria{background:#fff;box-shadow:inset 0 0 0 2px #ffcb57}
.rec-pole-guide__table{overflow-x:auto;border:1px solid #493232;border-radius:12px}
.rec-pole-guide__table table{width:100%;border-collapse:collapse;font-size:15px}
.rec-pole-guide__table :is(th,td){padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #3a2828}
.rec-pole-guide__table tr:last-child>*{border-bottom:0}
.rec-pole-guide__table thead th{background:#302020;color:#fff;font-weight:700}
.rec-pole-guide__table tbody th{color:#fff;font-weight:700;background:#181111}
.rec-pole-guide__rarities,.rec-pole-guide__sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.rec-pole-guide__rarities>div,.rec-pole-guide__sections>div{display:flex;gap:12px;padding:14px;border:1px solid #493232;border-radius:12px;background:#181111}
.rec-pole-guide__sections>div{display:block}
.rec-pole-guide__rarities>div>span{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#302020;border:1px solid #634040;font-size:22px}
.rec-pole-guide__body :is(.rec-pole-guide__rarities,.rec-pole-guide__sections) p{margin:0;font-size:14px}
.rec-pole-guide__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:rec-step}
.rec-pole-guide__steps li{position:relative;margin:0;padding:14px 14px 14px 62px;border:1px solid #493232;border-radius:12px;background:#181111;counter-increment:rec-step}
.rec-pole-guide__steps li:before{content:counter(rec-step);position:absolute;left:14px;top:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#c80b0b;color:#fff;font-weight:900}
.rec-pole-guide__steps p{margin:0}
.rec-pole-guide__note{font-size:14px}
.rec-pole-guide__commands code{padding:2px 7px;border-radius:6px;background:#302020;border:1px solid #634040;color:#fff;font-size:14px;overflow-wrap:anywhere}
.rec-pole-guide__summary{border-color:#683737;background:radial-gradient(ellipse at 90% 0,#f20d0d18,transparent 60%),#251a1a}
.rec-pole-guide__summary p{margin:0;color:#e5d9d9}
@media(max-width:900px){.rec-pole-guide__grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){
  .rec-pole-guide summary{padding:18px}
  .rec-pole-guide__body{padding:0 14px 16px}
  .rec-pole-guide__card{padding:16px}
  .rec-pole-guide__body h3{font-size:20px}
  .rec-pole-guide__table table{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.rec-pole-guide__toggle .material-symbols-outlined{transition:none}}
@media(max-width:620px){
  .rec-pole-guide__table{border:0;overflow:visible}
  .rec-pole-guide__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rec-pole-guide__table :is(table,tbody,tr,th,td){display:block}
  .rec-pole-guide__table tr{margin-bottom:10px;border:1px solid #493232;border-radius:12px;overflow:hidden;background:#181111}
  .rec-pole-guide__table tbody th{background:#302020}
  .rec-pole-guide__table :is(th,td){border-bottom:0;padding:9px 12px}
  .rec-pole-guide__table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ff8989}
}

/* Guide link in the game hero: solid red so it stands apart from the section links. */
.rec-pole-branded .rprpg-public-nav a.rec-pole-guide-pill,.rec-pole-guide-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid #ff4b4b;border-radius:999px;background:#c80b0b;color:#fff!important;font-weight:800;font-size:12px;text-decoration:none!important;box-shadow:0 0 0 0 #f20d0d77,0 6px 18px #f20d0d33;animation:rec-guide-pulse 2.4s ease-out 1s 3}
.rec-pole-branded .rprpg-public-nav a.rec-pole-guide-pill:hover,.rec-pole-guide-pill:hover{background:#e00c0c;border-color:#ff8989}
.rec-pole-guide-pill:focus-visible{outline:2px solid #ff8989;outline-offset:3px}
.rec-pole-guide-pill .material-symbols-outlined{font-size:16px;line-height:1}
.rec-pole-guide-fallback{margin:14px 0 0}
@keyframes rec-guide-pulse{0%{box-shadow:0 0 0 0 #f20d0d77,0 6px 18px #f20d0d33}70%,100%{box-shadow:0 0 0 10px #f20d0d00,0 6px 18px #f20d0d33}}
@media(max-width:620px){.rec-pole-branded .rprpg-public-nav a.rec-pole-guide-pill{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.rec-pole-guide-pill{animation:none}}
