:root{
  --bg0:#05040a;
  --bg1:#100a19;
  --panel:#0f0b18d8;
  --panel-2:#140f21f2;
  --line:rgba(255,255,255,.10);
  --soft-line:rgba(255,255,255,.06);
  --text:#f3efff;
  --muted:#afa8cf;
  --chip:#171125;
  --shadow:0 16px 34px rgba(0,0,0,.38);

  --red:#ff5a6a;
  --blue:#46b9ff;
  --yellow:#ffe36b;
  --green:#57ff8d;

  --rat-red-rgb:255,90,106;
  --rat-blue-rgb:70,185,255;
  --rat-yellow-rgb:255,227,107;
  --rat-green-rgb:87,255,141;
}

*{box-sizing:border-box}
html,body{height:100%}
body.pv-body{
  margin:0;
  overflow:visible;
  color:var(--text);
  background:
    radial-gradient(1200px 860px at 50% 12%, rgba(114,54,195,.22), transparent 48%),
    radial-gradient(900px 720px at 8% 92%, rgba(255,59,59,.10), transparent 45%),
    radial-gradient(900px 720px at 94% 94%, rgba(47,180,255,.10), transparent 45%),
    linear-gradient(180deg, var(--bg1), var(--bg0));
  display:grid;
  grid-template-rows:54px minmax(0,1fr) auto;
  font-family:"GenshinImpact", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

[hidden], .hidden{display:none !important}

.bg-wrap{position:fixed; inset:0; z-index:-2; overflow:hidden}
.bg-video,.bg-image{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  opacity:.14; filter:saturate(1.08) contrast(1.06) brightness(.9);
}
.bg-vignette{
  position:absolute; inset:0;
  background:radial-gradient(75% 70% at 50% 20%, transparent 0%, rgba(0,0,0,.48) 58%, rgba(0,0,0,.80) 100%);
}
.fx-scanlines{
  position:absolute; inset:0; pointer-events:none; opacity:.08; mix-blend-mode:overlay;
  background:repeating-linear-gradient(to bottom, rgba(255,255,255,.04), rgba(255,255,255,.04) 1px, transparent 1px, transparent 4px);
}
.fx-noise{
  position:absolute; inset:0; pointer-events:none; opacity:.05; mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
}

.topbar{
  min-height:54px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:0 12px;
  border-bottom:1px solid var(--soft-line);
  background:linear-gradient(180deg, rgba(9,7,15,.80), rgba(9,7,15,.38));
  backdrop-filter:blur(10px);
  position:relative;
  z-index:4;
}
.topbar-left,.topbar-right{display:flex; align-items:center; min-width:0}
.topbar-right{justify-content:flex-end}
.topbar-center{display:flex; align-items:center; justify-content:center; position:relative}
.logo-ratas{display:flex; align-items:center; gap:10px; font-weight:900; text-transform:uppercase; letter-spacing:1px}
.logo-icon{width:30px; height:30px; display:block; filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.logo-text{font-size:13px}
.brand-link{
  color:#fff; text-decoration:none; font-weight:1000; letter-spacing:1.4px;
  background:linear-gradient(90deg,#79f0ff,#ff7eff,#ffe684,#79f0ff);
  background-size:300% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:brandSlide 10s linear infinite;
  text-shadow:0 0 18px rgba(255,255,255,.12);
}
@keyframes brandSlide{0%{background-position:0% 50%}100%{background-position:100% 50%}}
#room-pill,.phase-stack,#phase-pill{display:none !important}
.global-toast{
  position:absolute; top:calc(100% + 6px); left:50%; transform:translateX(-50%);
  padding:8px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.12);
  background:rgba(12,8,20,.82); color:#fff; font-size:12px; font-weight:900; letter-spacing:.5px;
  box-shadow:0 12px 28px rgba(0,0,0,.32);
  white-space:nowrap;
}
.volume-wrap{display:flex; align-items:center; gap:8px; padding:4px 10px; border-radius:999px; background:rgba(0,0,0,.26); border:1px solid var(--soft-line)}
.volume-wrap input{width:116px}

.layout{
  min-height:0;
  padding:8px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.95fr) minmax(0,1.08fr);
  grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  gap:8px;
}
.center-area{grid-column:2; grid-row:1 / span 2; min-width:0; min-height:0; display:flex}
.center-card{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(17,11,28,.94), rgba(10,7,18,.84));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.center-header{
  padding:10px 14px 8px;
  border-bottom:1px solid var(--soft-line);
  display:flex; flex-direction:column; gap:2px;
  min-height:60px;
  justify-content:center;
}
.current-action{
  font-size:18px;
  font-weight:1000;
  letter-spacing:.3px;
  line-height:1.1;
  min-height:22px;
}
.center-sub{
  min-height:16px;
  color:var(--muted);
  font-size:11px;
  letter-spacing:.3px;
}
.center-sub:empty{display:none}

#filter-bar,.filter-bar{
  padding:8px 12px 6px;
  display:grid;
  gap:8px;
  border-bottom:1px solid var(--soft-line);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
#filter-bar > div{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
#filter-bar h4{
  margin:0; font-size:11px; color:var(--muted); letter-spacing:.5px; text-transform:uppercase;
  min-width:max-content;
}
#search-input{
  min-height:34px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(9,8,14,.82) !important;
  color:#fff !important;
  width:min(420px,100%) !important;
}
.filter-button{
  width:34px; height:34px;
  display:grid; place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  cursor:pointer;
  user-select:none;
  overflow:hidden;
  transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease, background .14s ease;
}
.filter-button:hover{transform:translateY(-1px); border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.09)}
.filter-button.active{border-color:rgba(255,255,255,.26); box-shadow:0 0 0 2px rgba(255,255,255,.07), 0 0 16px rgba(255,255,255,.08)}
.filter-button[data-value="Todos"]{width:auto; min-width:60px; padding:0 10px; font-size:12px; font-weight:900}
.filter-image{width:100%; height:100%; display:flex; align-items:center; justify-content:center}
.filter-image img{width:18px; height:18px; margin:0 auto; display:block; object-fit:contain; object-position:center center}

.characters-scroll{min-height:0; overflow:auto; padding:10px 12px 12px; position:relative}
#confirm-pick-btn,
.confirm-btn{
  position:sticky; top:0; z-index:2;
  display:inline-flex; align-items:center; justify-content:center;
  min-height:40px;
  padding:10px 16px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  font-weight:1000;
  letter-spacing:.3px;
  cursor:pointer;
  margin:0 auto 10px;
  box-shadow:0 10px 18px rgba(0,0,0,.24);
}
.confirm-pick{background:linear-gradient(180deg, rgba(57,255,136,.28), rgba(18,120,55,.40)); color:#edfff4}
.confirm-ban{background:linear-gradient(180deg, rgba(255,86,86,.25), rgba(140,22,32,.44)); color:#fff1f1}

#characters,.characters-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(84px, 1fr));
  gap:8px;
}
.character{
  position:relative;
  aspect-ratio:1/1.18;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.26);
  cursor:pointer;
  box-shadow:0 8px 16px rgba(0,0,0,.22);
  transition:transform .14s ease, filter .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.character:hover{transform:translateY(-2px); border-color:rgba(255,255,255,.18); box-shadow:0 12px 20px rgba(0,0,0,.28)}
.character img{width:100%; height:100%; object-fit:cover; display:block}
.character.banned{filter:grayscale(1) brightness(.58); border-color:rgba(255,70,70,.35)}
.character.picked{filter:grayscale(.95) brightness(.72); border-color:rgba(255,255,255,.08)}
.character.picked-temp{outline:3px solid rgba(57,255,136,.72); outline-offset:-3px}
.character.banned-temp{outline:3px solid rgba(255,90,90,.72); outline-offset:-3px}
.character.corrupta-power-available{
  border-color:rgba(var(--rat-yellow-rgb),.62);
  box-shadow:0 0 0 2px rgba(0,0,0,.28) inset, 0 0 18px rgba(var(--rat-yellow-rgb),.18);
}
.grid-badge{
  position:absolute; top:6px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(0,0,0,.58);
  border:1px solid rgba(255,255,255,.14);
  font-size:11px; font-weight:1000;
  box-shadow:0 4px 10px rgba(0,0,0,.24);
}

.center-actions{padding:8px 12px 12px; border-top:1px solid var(--soft-line); background:rgba(255,255,255,.02)}
.action-area{min-height:64px}
.action-wrap{display:grid; gap:8px}
.action-title{display:none}
.action-sub{font-size:12px; color:#d9d5ea; line-height:1.25}
.action-btnrow{display:flex; gap:8px; flex-wrap:wrap}
.big-choice,
.ready-btn,
.undo-btn,
.finalize-btn,
.broom-btn{
  min-height:38px;
  padding:9px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:1000;
  letter-spacing:.25px;
  cursor:pointer;
  transition:transform .12s ease, filter .12s ease, border-color .12s ease, background .12s ease;
}
.big-choice:hover,.ready-btn:hover,.undo-btn:hover,.finalize-btn:hover,.broom-btn:hover{transform:translateY(-1px); filter:brightness(1.06)}
.big-choice.good,.ready-btn,.confirm-pick{border-color:rgba(57,255,136,.30)}
.big-choice.danger,.undo-btn,.confirm-ban{border-color:rgba(255,90,90,.30)}
.mini-pill{
  display:inline-flex; align-items:center; gap:6px;
  padding:4px 8px; border-radius:999px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
  font-size:11px; font-weight:900;
}

.rat-slot{
  --role-rgb:255,255,255;
  --role-color:#fff;
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;
  gap:6px;
  padding:9px 10px 10px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(18,12,29,.92), rgba(11,8,19,.88));
  box-shadow:var(--shadow);
  position:relative;
}
.rat-slot::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(85% 65% at 50% 0%, rgba(var(--role-rgb),.20), transparent 58%);
  opacity:.9;
}
.rat-slot::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.18), inset 0 0 46px rgba(var(--role-rgb),.05);
}
.rat-slot[data-role="ladrona"]{--role-rgb:var(--rat-red-rgb); --role-color:var(--red)}
.rat-slot[data-role="malvada"]{--role-rgb:var(--rat-blue-rgb); --role-color:var(--blue)}
.rat-slot[data-role="corrupta"]{--role-rgb:var(--rat-yellow-rgb); --role-color:var(--yellow)}
.rat-slot[data-role="caotica"]{--role-rgb:var(--rat-green-rgb); --role-color:var(--green)}
.rat-slot[data-role] .rat-name{color:var(--role-color); text-shadow:0 0 18px rgba(var(--role-rgb),.18)}
.rat-slot[data-role] .special-chip{border-color:rgba(var(--role-rgb),.22)}
.rat-slot[data-role] .pick-slot.stellar{box-shadow:0 0 0 1px rgba(var(--role-rgb),.30) inset, 0 0 16px rgba(var(--role-rgb),.16)}

.rat-header{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:84px;
  padding:2px 0;
}
.avatar-wrap.rat-avatar-wrap{
  --size:58px;
  width:var(--size); height:var(--size);
  flex:0 0 var(--size);
}
.avatar-wrap .avatar-img{border-radius:50%}
.avatar-wrap .frame-img{
  position:absolute;
  left:50%; top:50%; transform:translate(-50%,-50%);
  width:176%; height:176%; object-fit:contain; pointer-events:none;
  display:none; z-index:1;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.42));
}
.avatar-wrap[data-frame-file] .frame-img,
.avatar-wrap .frame-img:not([hidden]){display:block !important}
.avatar-wrap .avatar-img{position:relative; z-index:2}

.rat-head-meta{min-width:0; display:grid; gap:4px; align-content:center}
.rat-name{
  min-width:0;
  font-size:17px;
  font-weight:1000;
  letter-spacing:.4px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.rat-title-row{display:flex; align-items:center; min-height:20px}
.rat-title-badge.title-badge{max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.rat-sub{display:flex; align-items:center; min-height:14px}
.rat-handle{font-size:11px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rat-handle:empty{display:none}
.rat-rank{display:flex; align-items:center; gap:8px; min-width:0}
.rat-rank .rank-logo{width:22px; height:22px; flex:0 0 22px}
.rat-rank .rank-badge{min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:6px 12px; font-size:12px}

.rat-stats-vert{
  min-width:166px;
  display:grid;
  gap:6px;
  justify-items:end;
  align-self:stretch;
}
.stat-row{
  min-width:152px;
  display:grid;
  grid-template-columns:auto auto;
  justify-content:end;
  align-items:center;
  gap:10px;
  padding:5px 8px;
  border-radius:10px;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.06);
}
.stat-row .k{font-size:11px; color:var(--muted); letter-spacing:.25px}
.stat-row .v{font-size:14px; font-weight:1000}
.stat-row .pts{color:#8effb3; text-shadow:0 0 14px rgba(57,255,136,.16)}

.rat-specials{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px}
.special-chip{
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.24);
  font-size:11px; font-weight:900; letter-spacing:.35px;
}

.rat-banbar{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px;
}
.rat-banbar:not(.triple) .secondary-slot{display:none}
.safe-slot,.stellar-slot{
  min-height:54px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.26);
  display:grid; place-items:center;
  overflow:hidden;
  position:relative;
}
.safe-slot::before,.stellar-slot::before{
  position:absolute; inset:auto; font-size:28px; opacity:.12; color:#fff;
}
.safe-slot::before{content:"☠"}
.stellar-slot::before{content:"👑"}
.safe-slot.selected,.stellar-slot.selected,.safe-slot.armed,.stellar-slot.armed{
  border-color:rgba(255,255,255,.22);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 18px rgba(255,255,255,.08);
}
.safe-slot.armed,.stellar-slot.armed{
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 0 18px rgba(var(--role-rgb,255,255,255),.18);
}
.secondary-slot{display:none}
.secondary-slot.slot-visible{display:grid}
.masked-mark{
  position:relative; z-index:1;
  font-size:26px; font-weight:1000;
  color:rgba(255,255,255,.88);
  text-shadow:0 0 18px rgba(255,255,255,.16);
}
.masked-x{
  position:absolute; inset:0;
  display:grid; place-items:center;
  font-size:38px; font-weight:1000;
  color:#ff6161;
  text-shadow:0 0 18px rgba(255,90,90,.35);
}
.safe-slot img,.stellar-slot img{width:100%; height:100%; object-fit:cover; display:block}
.stellar-slot.lost{filter:grayscale(1) brightness(.78)}

.rat-minirow{
  position:relative; z-index:1;
  display:grid; grid-template-columns:42px minmax(0,1fr); gap:8px; align-items:center;
}
.rat-minirow-extra .mini-title{color:#ffd77b}
.mini-title{font-size:11px; font-weight:1000; color:var(--muted); letter-spacing:.9px}
.mini-slots{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:6px; min-width:0}
#elims-malvada.mini-slots{grid-template-columns:repeat(2, minmax(0,1fr))}
.mini-slot{
  aspect-ratio:1/1;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.24);
}
.mini-slot img{width:100%; height:100%; object-fit:cover; display:block}
.mini-slot.filled{border-color:rgba(255,255,255,.18)}

.rat-grid{
  position:relative; z-index:1;
  min-height:0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:6px;
  align-content:start;
}
.pick-slot{
  position:relative;
  aspect-ratio:1/1;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.22);
}
.pick-slot.empty{
  display:grid; place-items:center;
  color:rgba(255,255,255,.18);
  font-weight:1000;
}
.pick-slot.empty::before{content:"+"; font-size:26px}
.pick-slot img{width:100%; height:100%; object-fit:cover; display:block}
.pick-slot.stellar{border-color:rgba(255,255,255,.18)}
.pick-slot.stellar::after{
  content:"👑";
  position:absolute; top:4px; right:4px;
  width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center;
  font-size:12px;
  background:rgba(0,0,0,.52);
  box-shadow:0 4px 10px rgba(0,0,0,.22);
}
.pick-cons-badge{
  position:absolute; top:5px; left:5px;
  min-width:24px; min-height:20px;
  display:grid; place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:rgba(0,0,0,.62);
  border:1px solid rgba(255,255,255,.12);
  font-size:10px; font-weight:1000;
}
.pick-weapon-badge{
  position:absolute; bottom:5px; right:5px;
  width:22px; height:22px; border-radius:50%;
  object-fit:contain !important;
  background:rgba(0,0,0,.56);
  padding:3px;
  border:1px solid rgba(255,255,255,.10);
}
.pick-slot.swap-selected{
  outline:3px solid rgba(255,255,255,.64);
  outline-offset:-3px;
  box-shadow:0 0 18px rgba(255,255,255,.14);
}
.pick-slot.slot-locked{filter:grayscale(1) brightness(.72); cursor:not-allowed}

.rat-toolrow{position:relative; z-index:1; display:flex; justify-content:flex-end; min-height:38px}
.broom-btn{display:none; width:100%; justify-content:center; background:rgba(255,255,255,.05)}

.footer{padding:0 8px 8px}
.footer-card{
  display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(15,11,24,.96), rgba(11,8,18,.94));
  box-shadow:var(--shadow);
}
.footer-title{font-size:12px; font-weight:1000; letter-spacing:.9px; text-transform:uppercase}
.footer-right{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.final-id{min-width:200px}
.ready-status{font-size:12px; color:var(--muted)}

.modal{
  position:fixed; inset:0; z-index:100;
  display:grid; place-items:center;
  background:rgba(3,2,8,.68);
  backdrop-filter:blur(8px);
  padding:18px;
}
.modal-card{
  width:min(560px, 100%);
  max-height:min(84vh, 760px);
  overflow:auto;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(16,11,27,.98), rgba(9,7,16,.98));
  box-shadow:0 20px 48px rgba(0,0,0,.44);
}
.modal-header{
  position:sticky; top:0; z-index:1;
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(19,13,31,.98), rgba(19,13,31,.88));
}
.modal-title{font-size:18px; font-weight:1000}
.modal-close{
  width:36px; height:36px; border-radius:10px;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#fff; cursor:pointer;
}
.modal-body{padding:16px}
.modal-actions{padding:0 16px 16px}

body.pv-perf-video .rat-slot::before,
body.pv-perf-video .brand-link,
body.pv-perf-video .global-toast{animation-play-state:paused !important}

@media (max-width: 1480px){
  .layout{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr) minmax(0,1fr)}
  .rat-stats-vert{min-width:154px}
  .current-action{font-size:16px}
  #characters,.characters-grid{grid-template-columns:repeat(auto-fill, minmax(78px,1fr))}
}

@media (max-width: 1180px){
  body.pv-body{overflow:auto; grid-template-rows:54px auto auto}
  .layout{grid-template-columns:1fr; grid-template-rows:repeat(5, auto)}
  .center-area{grid-column:1; grid-row:auto; min-height:520px}
  .rat-slot{min-height:420px}
}


body.pv-body{
  grid-template-rows:50px minmax(0,1fr) auto;
}
.topbar{min-height:50px;padding:0 10px;}
.logo-text{font-size:12px}
.layout{
  padding:6px;
  gap:6px;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr) minmax(0,1.12fr);
}
.center-card{border-radius:18px;grid-template-rows:auto auto auto minmax(0,1fr) auto;}
.center-header{padding:8px 12px 6px;min-height:56px}
.current-action{font-size:17px;text-align:center}
.center-sub{font-size:10px;text-align:center}
.extra-bans-panel{
  padding:8px 10px 6px;
  border-bottom:1px solid var(--soft-line);
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0));
}
.extra-bans-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px}
.extra-bans-title{font-size:12px;font-weight:1000;letter-spacing:1px;text-align:center;color:#ffe28c}
.extra-side-pill{
  justify-self:start;
  min-height:28px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 10px;border-radius:999px;
  background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);
  font-size:11px;font-weight:900;color:var(--muted)
}
#extra-bans-target{justify-self:end}
.extra-bans-center{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:42px}
.extra-ban-slot{
  position:relative;width:42px;height:42px;border-radius:50%;overflow:hidden;
  border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.3);box-shadow:0 6px 16px rgba(0,0,0,.26)
}
.extra-ban-slot img{width:100%;height:100%;object-fit:cover;display:block}
.extra-ban-slot::after{
  content:'✖';position:absolute;inset:0;display:grid;place-items:center;
  color:#ffd7d7;font-size:20px;font-weight:1000;text-shadow:0 0 12px rgba(255,80,80,.55);
  background:radial-gradient(circle at 50% 50%, rgba(120,20,20,.10), rgba(0,0,0,0) 60%);
}
#filter-bar,.filter-bar{padding:6px 10px 4px;gap:6px}
#search-input{min-height:32px !important;padding:7px 11px !important}
.characters-scroll{padding:8px 10px 10px}
.characters-scroll::-webkit-scrollbar,
.modal-card::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:10px;height:10px}
.characters-scroll::-webkit-scrollbar-track,
.modal-card::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
.characters-scroll::-webkit-scrollbar-thumb,
.modal-card::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(121,240,255,.55), rgba(255,126,255,.45), rgba(255,230,132,.5));
  border-radius:999px;border:2px solid rgba(9,7,16,.75)
}
.characters-scroll{scrollbar-width:thin;scrollbar-color:rgba(180,140,255,.65) rgba(255,255,255,.05)}
#characters,.characters-grid{grid-template-columns:repeat(auto-fill, minmax(74px,1fr));gap:8px}
.character{aspect-ratio:1/1 !important;border-radius:50% !important;border-color:rgba(255,255,255,.12) !important;box-shadow:0 8px 16px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.05);}
.character img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.character::after{border-radius:50% !important}
.character .grid-badge,.grid-corner-mark{font-size:9px !important;padding:1px 5px !important;border-radius:999px !important}
.confirm-btn{
  position:sticky;top:0;left:50%;transform:none;
  min-width:220px;max-width:300px;width:fit-content;margin:0 auto 10px !important;
  display:inline-flex;align-self:center;justify-self:center;
}
.center-actions{padding:6px 10px 10px}
.action-area{min-height:0}
.rat-slot{
  grid-template-rows:auto auto auto auto minmax(0,1fr) auto;
  gap:5px;padding:8px 8px 8px;border-radius:18px;
  background:linear-gradient(180deg, rgba(17,12,28,.94), rgba(9,7,16,.92));
}
.rat-slot::before{
  opacity:1;
  background:
    radial-gradient(85% 65% at 50% 0%, rgba(var(--role-rgb),.18), transparent 58%),
    linear-gradient(120deg, rgba(var(--role-rgb),.05), transparent 45%, rgba(var(--role-rgb),.07) 70%, transparent 100%);
  animation:ratAuraSweep 7s linear infinite;
}
.rat-slot::after{box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.22), inset 0 0 52px rgba(var(--role-rgb),.06), 0 0 18px rgba(var(--role-rgb),.08)}
@keyframes ratAuraSweep{0%{transform:translateX(-2%)}50%{transform:translateX(2%)}100%{transform:translateX(-2%)}}
body.pv-perf-video .rat-slot::before{animation-play-state:paused !important}
.rat-header{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;min-height:72px;padding:0}
.avatar-wrap.rat-avatar-wrap{--size:54px}
.rat-head-meta{padding-left:6px;gap:3px}
.rat-name{font-size:15px}
.rat-title-row{min-height:18px}
.rat-rank{gap:7px}
.rat-rank .rank-badge{font-size:11px;padding:5px 11px}
.rat-sub,.rat-handle{display:none !important}
.rat-stats-vert{min-width:146px;gap:4px}
.stat-row{min-width:140px;gap:12px;padding:4px 8px;border-radius:999px}
.stat-row .k{font-size:10px}
.stat-row .v{font-size:13px}
.rat-specials{display:none !important}
.rat-banbar{grid-template-columns:repeat(3, minmax(0,1fr));gap:6px}
.safe-slot,.stellar-slot,.mini-slot,.pick-slot{
  border-radius:50% !important;
}
.safe-slot,.stellar-slot{min-height:44px;aspect-ratio:1/1;max-width:44px;justify-self:center;width:100%}
.safe-slot::before,.stellar-slot::before{font-size:22px;opacity:.12}
.safe-slot.selected,.safe-slot.armed{
  border-color:rgba(255,132,132,.55);
  box-shadow:0 0 0 1px rgba(255,120,120,.22) inset, 0 0 20px rgba(255,90,90,.22), 0 0 34px rgba(255,70,70,.14);
}
.stellar-slot.selected,.stellar-slot.armed,.stellar-slot.my-stellar-picked{
  border-color:rgba(255,221,117,.66);
  box-shadow:0 0 0 1px rgba(255,221,117,.26) inset, 0 0 18px rgba(255,215,82,.28), 0 0 36px rgba(255,215,82,.18);
  background:radial-gradient(circle at 50% 40%, rgba(255,226,116,.18), rgba(0,0,0,.26) 62%);
}
.safe-slot img,.stellar-slot img{border-radius:50%}
.masked-mark{font-size:24px}
.rat-minirow{grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:center}
.mini-title{font-size:10px;letter-spacing:.7px}
.mini-slots{gap:4px}
.mini-slot{aspect-ratio:1/1;border-width:1px}
.mini-slot img{border-radius:50%}
#elims-malvada.mini-slots{grid-template-columns:repeat(4, minmax(0,1fr))}
.rat-grid{gap:5px}
.pick-slot{aspect-ratio:1/1;background:rgba(0,0,0,.22)}
.pick-slot img{border-radius:50%}
.pick-slot.empty::before{font-size:20px}
.pick-slot.stellar::after{top:2px;right:2px;width:18px;height:18px;font-size:10px}
.pick-cons-badge{font-size:8px;min-width:20px;min-height:16px;padding:0 4px}
.pick-weapon-badge{width:18px;height:18px;padding:2px}
.rat-toolrow{min-height:34px}
.broom-btn{min-height:34px;padding:7px 12px}
.footer{padding:0 6px 6px}
.footer-card{padding:8px 12px;border-radius:14px}
.modal-card{border-radius:16px}
@media (max-width:1480px){
  .layout{grid-template-columns:minmax(0,1fr) minmax(320px,.84fr) minmax(0,1fr)}
  .stat-row{min-width:132px}
  #characters,.characters-grid{grid-template-columns:repeat(auto-fill, minmax(68px,1fr))}
}
@media (max-width:1180px){
  body.pv-body{overflow:auto;grid-template-rows:50px auto auto}
  .layout{grid-template-columns:1fr;grid-template-rows:repeat(5,auto)}
  .center-area{grid-column:1;grid-row:auto;min-height:480px}
}


.role-inline{font-weight:1000;letter-spacing:.4px;text-shadow:0 0 12px rgba(0,0,0,.28)}
.role-inline.role-ladrona{color:var(--red)}
.role-inline.role-malvada{color:var(--blue)}
.role-inline.role-corrupta{color:var(--yellow)}
.role-inline.role-caotica{color:var(--green)}
.headline-muted{color:var(--muted);font-size:.9em}
.extra-ban-slot::after{content:'' !important;display:none !important}
.rat-slot{gap:4px !important;padding:7px 7px 7px !important}
.rat-header{grid-template-columns:auto minmax(0,1fr) auto !important;gap:10px !important;min-height:64px !important}
.avatar-wrap.rat-avatar-wrap{--size:48px !important}
.rat-head-meta{padding-left:10px !important}
.rat-name{font-size:14px !important}
.rat-title-row{min-height:16px !important}
.rat-rank .rank-logo{width:18px !important;height:18px !important}
.rat-rank .rank-badge{font-size:10px !important;padding:4px 10px !important}
.rat-stats-vert{min-width:132px !important;gap:3px !important}
.stat-row{min-width:126px !important;gap:10px !important;padding:3px 7px !important}
.stat-row .k{font-size:9px !important}
.stat-row .v{font-size:12px !important}
.rat-banbar{grid-template-columns:repeat(3, 38px) !important;justify-content:space-between !important;gap:4px !important}
.safe-slot,.stellar-slot,.mini-slot,.pick-slot{width:38px !important;height:38px !important;min-height:38px !important;max-width:38px !important;aspect-ratio:auto !important}
.safe-slot,.stellar-slot{justify-self:center !important}
.safe-slot::before,.stellar-slot::before{font-size:18px !important}
.masked-mark{font-size:20px !important}
.rat-minirow{grid-template-columns:30px minmax(0,1fr) !important;gap:4px !important}
.mini-title{font-size:9px !important;letter-spacing:.55px !important}
.mini-slots{grid-template-columns:repeat(4, 38px) !important;grid-auto-rows:38px !important;justify-content:space-between !important;gap:4px !important}
#elims-malvada.mini-slots{grid-template-columns:repeat(2, 38px) !important;justify-content:flex-start !important;gap:4px !important}
.rat-grid{grid-template-columns:repeat(4, 38px) !important;grid-auto-rows:38px !important;justify-content:space-between !important;gap:4px !important}
.pick-slot.empty::before{font-size:16px !important}
.pick-slot.stellar::after{top:1px !important;right:1px !important;width:15px !important;height:15px !important;font-size:9px !important}
.pick-cons-badge{font-size:7px !important;min-width:16px !important;min-height:13px !important;padding:0 3px !important;top:2px !important;left:2px !important}
.pick-weapon-badge{width:14px !important;height:14px !important;padding:1px !important;bottom:2px !important;right:2px !important}
.extra-bans-center{gap:6px !important}
.extra-ban-slot{width:36px !important;height:36px !important}
.current-action{font-size:16px !important}
.confirm-btn{min-width:210px !important;margin:0 auto 8px !important}


.safe-slot.is-mine,.stellar-slot.is-mine{cursor:pointer}
.safe-slot.is-mine.selected,.stellar-slot.is-mine.selected{cursor:alias}
.characters-grid.special-targeting .character,.special-targeting .character{cursor:copy !important}
.safe-slot.is-mine.selected .masked-mark{color:rgba(255,210,210,.98);text-shadow:0 0 16px rgba(255,80,80,.38)}
.stellar-slot.is-mine.selected .masked-mark{color:rgba(255,238,168,.98);text-shadow:0 0 18px rgba(255,215,82,.42)}


body.pv-site-title-elemental .brand-link{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:var(--pv-site-title-color,#fff) !important;
  text-shadow:0 2px 18px rgba(0,0,0,.72),0 0 12px rgba(var(--pv-site-title-rgb,255,255,255),.22);
  animation:none !important;
}
#confirm-pick-btn,.confirm-btn{
  left:50%;
  transform:translateX(-50%);
  width:min(320px,calc(100% - 18px));
  text-align:center;
}
.confirm-pick{
  background:linear-gradient(180deg, rgba(57,255,136,.34), rgba(18,120,55,.50));
  border-color:rgba(57,255,136,.52);
}
.confirm-ban{
  background:linear-gradient(180deg, rgba(255,58,58,.55), rgba(122,8,18,.88));
  border-color:rgba(255,118,118,.75);
  box-shadow:0 0 0 1px rgba(255,120,120,.18) inset, 0 14px 28px rgba(95,0,0,.34);
}
.current-action[data-role="ladrona"]{color:var(--red);text-shadow:0 0 18px rgba(var(--rat-red-rgb),.22)}
.current-action[data-role="malvada"]{color:var(--blue);text-shadow:0 0 18px rgba(var(--rat-blue-rgb),.22)}
.current-action[data-role="corrupta"]{color:var(--yellow);text-shadow:0 0 18px rgba(var(--rat-yellow-rgb),.20)}
.current-action[data-role="caotica"]{color:var(--green);text-shadow:0 0 18px rgba(var(--rat-green-rgb),.22)}
.protect-state-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.protect-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:1000;letter-spacing:.3px;background:rgba(255,255,255,.05)}
.protect-chip.yes{color:#baffcf;border-color:rgba(96,255,158,.42);box-shadow:0 0 18px rgba(96,255,158,.12)}
.protect-chip.no{color:#ffd0d0;border-color:rgba(255,110,110,.34)}
.protect-chip.wait{color:#fff0b1;border-color:rgba(255,225,116,.28)}
.decision-btn{min-width:180px}
.decision-protect{box-shadow:0 0 18px rgba(96,255,158,.12)}
.decision-open{box-shadow:0 0 18px rgba(255,110,110,.12)}
.rat-slot.protected{
  box-shadow:0 0 0 1px rgba(140,235,255,.28) inset,0 0 22px rgba(120,215,255,.14),var(--shadow);
}
.rat-slot.protected::after{
  box-shadow:inset 0 0 0 1px rgba(150,230,255,.36), inset 0 0 56px rgba(118,220,255,.10), 0 0 22px rgba(118,220,255,.16);
}
.rat-slot.protected .rat-header{animation:protectPulse 1.1s ease-in-out infinite}
@keyframes protectPulse{0%,100%{filter:none}50%{filter:brightness(1.08)}}
#background-trailer,video#background-trailer{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;transition:opacity .45s ease;pointer-events:none}
.pick-slot video.incoming-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .45s ease;border-radius:inherit}
.pick-slot video.incoming-video.active{opacity:1}
@keyframes pickFade{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes hoverUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.pick-slot.swinging > img{animation:pickFade .35s ease-out forwards, hoverUp 3s ease-in-out infinite .35s}
.pick-slot.pending-preview{box-shadow:0 0 0 2px rgba(255,255,255,.10) inset,0 0 24px rgba(255,255,255,.10)}
.pick-slot[data-el="Pyro"]{background:radial-gradient(60% 80% at 50% 100%, rgba(var(--elrgb),.45) 0%, rgba(0,0,0,.05) 70%),linear-gradient(180deg, rgba(var(--elrgb),.25), rgba(0,0,0,.10) 62%),rgba(var(--elrgb),.38);border-color:rgba(var(--elrgb),.70)}
.pick-slot[data-el="Hydro"],.pick-slot[data-el="Dendro"],.pick-slot[data-el="Electro"],.pick-slot[data-el="Geo"],.pick-slot[data-el="Cryo"],.pick-slot[data-el="Anemo"],.pick-slot[data-el="Ninguno"]{background:radial-gradient(60% 80% at 50% 100%, rgba(var(--elrgb),.45) 0%, rgba(0,0,0,.05) 70%),linear-gradient(180deg, rgba(var(--elrgb),.25), rgba(0,0,0,.10) 62%),rgba(var(--elrgb),.38);border-color:rgba(var(--elrgb),.70)}
.pick-slot.can-target{cursor:pointer !important;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 18px rgba(255,255,255,.12)}
.pick-slot.cannot-target{cursor:not-allowed !important;filter:grayscale(.65) brightness(.78)}
.character{cursor:pointer}
.safe-slot,.stellar-slot,.mini-slot,.pick-slot,.extra-ban-slot{width:56px !important;height:56px !important;min-height:56px !important;max-width:56px !important;aspect-ratio:auto !important}
.safe-slot,.stellar-slot{justify-self:center !important}
.safe-slot::before,.stellar-slot::before{font-size:24px !important}
.masked-mark{font-size:26px !important}
.mini-slots{grid-template-columns:repeat(4,56px) !important;grid-auto-rows:56px !important;justify-content:space-between !important;gap:6px !important}
#elims-malvada.mini-slots{grid-template-columns:repeat(2,56px) !important}
.rat-grid{grid-template-columns:repeat(4,56px) !important;grid-auto-rows:56px !important;justify-content:space-between !important;gap:6px !important}
.pick-cons-badge{font-size:9px !important;min-width:21px !important;min-height:18px !important;top:3px !important;left:3px !important}
.pick-weapon-badge{width:19px !important;height:19px !important;bottom:3px !important;right:3px !important}
.extra-bans-center{gap:8px !important}
.rat-banbar{grid-template-columns:repeat(3,56px) !important;justify-content:space-between !important;gap:6px !important}
.character:hover{transform:translateY(-2px) scale(1.01)}
.character.picked-temp{outline:3px solid rgba(57,255,136,.86);outline-offset:-3px;box-shadow:0 0 22px rgba(57,255,136,.18)}
.character.banned-temp{outline:3px solid rgba(255,90,90,.86);outline-offset:-3px;box-shadow:0 0 22px rgba(255,90,90,.20)}
body.pv-perf-video .brand-link,
body.pv-perf-video .rat-slot::before,
body.pv-perf-video .rat-slot.protected .rat-header,
body.pv-perf-video .rank-badge,
body.pv-perf-video .rank-badge::before,
body.pv-perf-video .rank-badge::after,
body.pv-perf-video .frame-img,
body.pv-perf-video .frame-css,
body.pv-perf-video .global-toast,
body.pv-perf-video .title-badge:not(.pv-best-badge){animation-play-state:paused !important}
@media (max-width:1480px){
  .safe-slot,.stellar-slot,.mini-slot,.pick-slot,.extra-ban-slot{width:50px !important;height:50px !important;min-height:50px !important;max-width:50px !important}
  .mini-slots{grid-template-columns:repeat(4,50px) !important;grid-auto-rows:50px !important}
  .rat-grid{grid-template-columns:repeat(4,50px) !important;grid-auto-rows:50px !important}
  .rat-banbar{grid-template-columns:repeat(3,50px) !important}
}


.topbar{
  background:linear-gradient(180deg, rgba(9,7,15,.22), rgba(9,7,15,.04)) !important;
  backdrop-filter:blur(4px) !important;
}
.volume-wrap{background:rgba(0,0,0,.16) !important}
.center-card,
.rat-slot,
.footer-card{
  background:linear-gradient(180deg, rgba(12,9,22,.44), rgba(9,7,18,.24)) !important;
  backdrop-filter:blur(7px);
}
.characters-scroll,
#filter-bar,
.center-actions{background:transparent !important}
.character{background:rgba(0,0,0,.16) !important}
.rat-slot.active-turn{
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 0 24px rgba(var(--role-rgb),.18), 0 0 48px rgba(var(--role-rgb),.14), var(--shadow) !important;
}
.rat-slot.active-turn::after{
  box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.34), inset 0 0 58px rgba(var(--role-rgb),.10), 0 0 24px rgba(var(--role-rgb),.18) !important;
}
.rat-slot.immune-turn::before{
  opacity:1;
  background:radial-gradient(85% 65% at 50% 0%, rgba(160,230,255,.26), transparent 58%) !important;
}
.rat-slot.protected .rat-header::after,
.rat-slot.immune-turn .rat-header::after{
  content:"🛡";
  position:absolute;
  left:50%;
  top:-8px;
  transform:translateX(-50%);
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:16px;
  color:#dff7ff;
  background:radial-gradient(circle at 50% 35%, rgba(214,247,255,.95), rgba(74,146,255,.52));
  border:1px solid rgba(220,245,255,.44);
  box-shadow:0 8px 24px rgba(70,170,255,.25), 0 0 0 4px rgba(160,230,255,.08);
}
.rat-slot.immune-turn .rat-header::after{
  content:"🛡";
  background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.96), rgba(80,180,255,.62));
}
.confirm-stick-wrap{
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  min-height:54px;
  margin:0 auto 8px;
}
#confirm-pick-btn,.confirm-btn{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  margin:0 !important;
  width:min(360px,calc(100% - 52px)) !important;
  transition:opacity .18s ease, transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}
#confirm-pick-btn:hover,.confirm-btn:hover{transform:translateY(-1px) !important}
.confirm-steal{
  background:linear-gradient(180deg, rgba(74,162,255,.52), rgba(14,56,142,.90)) !important;
  border-color:rgba(139,194,255,.78) !important;
  box-shadow:0 0 0 1px rgba(131,196,255,.18) inset, 0 14px 30px rgba(0,34,95,.36) !important;
  color:#eef7ff !important;
}
.confirm-cancel{
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color:#fff;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 10px 18px rgba(0,0,0,.20);
  transition:transform .18s ease, filter .18s ease, opacity .18s ease;
}
.confirm-cancel:hover{transform:translateY(-1px);filter:brightness(1.08)}
.global-toast.action-banner{
  top:calc(100% + 16px) !important;
  padding:12px 18px !important;
  min-width:min(680px, calc(100vw - 32px));
  white-space:normal !important;
  text-align:center;
  font-size:16px !important;
  letter-spacing:.5px;
  border-radius:18px !important;
  animation:actionBannerIn .26s ease-out;
  backdrop-filter:blur(10px);
}
.global-toast.action-banner.theme-ladrona{background:linear-gradient(180deg, rgba(86,16,28,.94), rgba(40,8,16,.88)); border-color:rgba(255,117,140,.36); box-shadow:0 16px 34px rgba(85,0,16,.34)}
.global-toast.action-banner.theme-malvada{background:linear-gradient(180deg, rgba(10,38,92,.94), rgba(7,17,46,.88)); border-color:rgba(112,180,255,.36); box-shadow:0 16px 34px rgba(0,34,95,.34)}
.global-toast.action-banner.theme-corrupta{background:linear-gradient(180deg, rgba(98,76,12,.94), rgba(47,36,7,.88)); border-color:rgba(255,222,112,.36); box-shadow:0 16px 34px rgba(109,86,0,.34)}
.global-toast.action-banner.theme-caotica{background:linear-gradient(180deg, rgba(14,82,39,.94), rgba(7,38,18,.88)); border-color:rgba(120,255,170,.36); box-shadow:0 16px 34px rgba(0,72,26,.34)}
@keyframes actionBannerIn{from{opacity:0;transform:translate(-50%,-8px) scale(.97)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
.safe-slot,.stellar-slot,.mini-slot,.pick-slot,.extra-ban-slot{width:62px !important;height:62px !important;min-height:62px !important;max-width:62px !important}
.mini-slots{grid-template-columns:repeat(4,62px) !important;grid-auto-rows:62px !important}
#elims-malvada.mini-slots{grid-template-columns:repeat(2,62px) !important}
.rat-grid{grid-template-columns:repeat(4,62px) !important;grid-auto-rows:62px !important}
.rat-banbar{grid-template-columns:repeat(3,62px) !important}
.pick-slot.stellar::after,
.safe-slot.has-crown::after,
.stellar-slot.has-crown::after,
.pick-slot.has-crown::after{
  content:"👑" !important;
  position:absolute;
  left:50%;
  top:-12px;
  transform:translateX(-50%);
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:14px;
  background:rgba(0,0,0,.72);
  box-shadow:0 8px 18px rgba(0,0,0,.28), 0 0 0 1px rgba(255,224,118,.22) inset;
}
.stellar-slot.has-crown .masked-mark,
.safe-slot.has-crown .masked-mark{margin-top:4px}
.stellar-slot.lost{filter:none !important; opacity:1 !important}
.masked-x{
  color:#ff96a4 !important;
  text-shadow:0 0 18px rgba(255,64,96,.40) !important;
}
.pick-slot.swinging > .pick-char-img{
  animation:pickFade .30s ease-out forwards, hoverUp 4.6s ease-in-out infinite .30s !important;
  will-change:transform;
}
.pick-slot > .pick-weapon-badge,
.pick-slot > .pick-cons-badge{animation:none !important; transform:none !important}
@keyframes hoverUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
.can-self-stellar{cursor:pointer !important; box-shadow:0 0 0 1px rgba(var(--rat-yellow-rgb),.24) inset, 0 0 18px rgba(var(--rat-yellow-rgb),.16) !important}
.can-undo-pick{cursor:pointer !important; box-shadow:0 0 0 1px rgba(255,255,255,.14) inset, 0 0 18px rgba(255,255,255,.12) !important}
.pick-slot.can-target{cursor:pointer !important}
.pick-slot.cannot-target{cursor:not-allowed !important}
.protect-chip.role-ladrona{color:#ffb8c0;border-color:rgba(var(--rat-red-rgb),.34)}
.protect-chip.role-malvada{color:#bbe3ff;border-color:rgba(var(--rat-blue-rgb),.34)}
.protect-chip.role-corrupta{color:#fff0a9;border-color:rgba(var(--rat-yellow-rgb),.34)}
.protect-chip.role-caotica{color:#c4ffd8;border-color:rgba(var(--rat-green-rgb),.34)}
.grid-corner-mark{max-width:34% !important; font-size:7px !important; padding:2px 3px !important}
.safe-slot.is-mine,.stellar-slot.is-mine{cursor:pointer}
.safe-slot.armed,.stellar-slot.armed{box-shadow:0 0 0 1px rgba(255,255,255,.20) inset, 0 0 22px rgba(255,255,255,.10)}
.current-action .role-inline{font-weight:1000}
@media (max-width:1480px){
  .safe-slot,.stellar-slot,.mini-slot,.pick-slot,.extra-ban-slot{width:56px !important;height:56px !important;min-height:56px !important;max-width:56px !important}
  .mini-slots{grid-template-columns:repeat(4,56px) !important;grid-auto-rows:56px !important}
  #elims-malvada.mini-slots{grid-template-columns:repeat(2,56px) !important}
  .rat-grid{grid-template-columns:repeat(4,56px) !important;grid-auto-rows:56px !important}
  .rat-banbar{grid-template-columns:repeat(3,56px) !important}
}

.confirm-stick-wrap{width:100% !important}
.big-choice,.ready-btn,.undo-btn,.finalize-btn,.broom-btn{
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05)) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}
.big-choice.good,.ready-btn{background:linear-gradient(180deg, rgba(61,255,146,.26), rgba(17,98,49,.28)) !important}
.big-choice.danger,.undo-btn{background:linear-gradient(180deg, rgba(255,92,92,.24), rgba(86,10,18,.28)) !important}
.big-choice:hover,.ready-btn:hover,.undo-btn:hover,.finalize-btn:hover,.broom-btn:hover{box-shadow:0 14px 28px rgba(0,0,0,.26)}


.topbar,
.center-card,
#filter-bar,
.characters-scroll,
.center-actions{backdrop-filter:none !important;}
.topbar{background:linear-gradient(180deg, rgba(9,7,15,.10), rgba(9,7,15,.02)) !important;}
.center-card{background:linear-gradient(180deg, rgba(12,9,22,.30), rgba(9,7,18,.16)) !important;}
.rat-slot{overflow:visible !important;}
.character{overflow:visible !important;}
.grid-corner-mark{
  max-width:none !important;
  font-size:9px !important;
  padding:3px 6px !important;
  z-index:6 !important;
}
.grid-corner-ladrona{top:-10px !important;left:-8px !important;}
.grid-corner-malvada{top:-10px !important;right:-8px !important;}
.grid-corner-corrupta{bottom:-10px !important;left:-8px !important;}
.grid-corner-caotica{bottom:-10px !important;right:-8px !important;}
.safe-slot,.stellar-slot,.pick-slot,.mini-slot{overflow:visible !important;}
.safe-slot img,.stellar-slot img,.pick-slot .pick-char-img,.mini-slot img{border-radius:50%;box-shadow:0 10px 18px rgba(0,0,0,.22);}
.pick-cons-badge{top:-9px !important;left:-8px !important;font-size:10px !important;min-width:24px !important;min-height:20px !important;z-index:7 !important;}
.pick-weapon-badge{bottom:-8px !important;right:-8px !important;width:22px !important;height:22px !important;z-index:7 !important;background:rgba(0,0,0,.88) !important;border-radius:999px !important;}
.safe-slot.has-crown::after,.stellar-slot.has-crown::after,.pick-slot.has-crown::after{top:-16px !important;z-index:8 !important;}
.safe-slot.has-secret,.stellar-slot.has-secret{box-shadow:0 0 0 1px rgba(255,255,255,.16) inset, 0 0 16px rgba(255,222,112,.16) !important;}
.safe-slot.armed,.stellar-slot.armed{box-shadow:0 0 0 1px rgba(255,255,255,.22) inset, 0 0 24px rgba(255,255,255,.12), 0 0 34px rgba(var(--role-rgb),.12) !important;}
.rat-slot.active-turn{transform:translateY(-1px);}
.extra-side-pill,#extra-bans-acting{display:none !important;}
.volume-wrap{background:rgba(7,8,12,.94) !important;border-color:rgba(255,255,255,.12) !important;}
#volume-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(7,8,12,.94);color:#fff;cursor:pointer;box-shadow:0 10px 18px rgba(0,0,0,.18);}
.volume-wrap.collapsed{display:none !important;}
.mini-title{font-size:14px !important;letter-spacing:1px !important;color:#ff7a7a !important;text-shadow:0 0 18px rgba(255,64,96,.22);}
#confirm-pick-btn.confirm-ban,.confirm-btn.confirm-ban{background:linear-gradient(180deg, rgba(255,86,86,.62), rgba(128,10,20,.96)) !important;border-color:rgba(255,175,175,.58) !important;color:#fff4f4 !important;}
#confirm-pick-btn.confirm-stellar,.confirm-btn.confirm-stellar{background:linear-gradient(180deg, rgba(255,232,110,.78), rgba(159,118,7,.96)) !important;border-color:rgba(255,235,140,.72) !important;color:#231a00 !important;}
.big-choice,.ready-btn,.undo-btn,.finalize-btn,.broom-btn,#confirm-pick-btn,.confirm-btn{backdrop-filter:none !important;opacity:1 !important;}
.big-choice,.ready-btn,.undo-btn,.finalize-btn,.broom-btn{background:linear-gradient(180deg, rgba(20,22,30,.98), rgba(11,13,20,.96)) !important;border-color:rgba(255,255,255,.12) !important;}
.big-choice.good,.ready-btn{background:linear-gradient(180deg, rgba(40,130,76,.98), rgba(18,79,42,.98)) !important;}
.big-choice.danger,.undo-btn{background:linear-gradient(180deg, rgba(145,27,39,.98), rgba(88,11,20,.98)) !important;}
.action-area .role-inline.role-ladrona,.current-action .role-inline.role-ladrona{color:var(--red);}
.action-area .role-inline.role-malvada,.current-action .role-inline.role-malvada{color:var(--blue);}
.action-area .role-inline.role-corrupta,.current-action .role-inline.role-corrupta{color:var(--yellow);}
.action-area .role-inline.role-caotica,.current-action .role-inline.role-caotica{color:var(--green);}
.global-toast.action-banner.theme-round{background:linear-gradient(180deg, rgba(26,26,42,.96), rgba(12,12,20,.90));border-color:rgba(160,190,255,.34);box-shadow:0 16px 36px rgba(0,0,0,.30);font-size:18px !important;font-weight:1000 !important;}
.rat-banbar-malvada{grid-template-columns:70px 70px 70px 144px !important;align-items:center !important;}
#elims-malvada{display:grid !important;grid-template-columns:repeat(2,62px) !important;gap:12px !important;justify-content:flex-start !important;}
#elims-malvada .mini-slot{position:relative;}
#elims-malvada .mini-slot::before{content:"💀";position:absolute;left:50%;top:-14px;transform:translateX(-50%);width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.72);z-index:8;box-shadow:0 8px 18px rgba(0,0,0,.28);}
.rat-grid{margin-top:auto !important;align-content:end !important;grid-auto-rows:68px !important;}
.pick-slot,.safe-slot,.stellar-slot,.mini-slot,.extra-ban-slot{width:68px !important;height:68px !important;min-height:68px !important;max-width:68px !important;}
.rat-grid{grid-template-columns:repeat(4,68px) !important;}
.mini-slots{grid-auto-rows:68px !important;}
.mini-slots{grid-template-columns:repeat(4,68px) !important;}
#elims-malvada.mini-slots{grid-template-columns:repeat(2,68px) !important;}
.big-choice[disabled], .confirm-btn[disabled]{filter:saturate(.7);}


html, body, body.pv-body, .layout{overflow-x:hidden !important;}
body.pv-body{overflow-y:hidden;}
.bg-video,.bg-image{opacity:.22 !important;filter:none !important;image-rendering:auto;}
.bg-vignette{background:radial-gradient(82% 74% at 50% 18%, rgba(0,0,0,.06) 0%, rgba(0,0,0,.26) 68%, rgba(0,0,0,.52) 100%) !important;}
.fx-scanlines,.fx-noise{display:none !important;}
.topbar{
  min-height:58px !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  padding:8px 14px 4px !important;
  border-bottom:none !important;
  box-shadow:none !important;
  background:linear-gradient(180deg, rgba(8,8,12,.12), rgba(8,8,12,0)) !important;
}
.topbar-left.topbar-ghost{display:none !important;}
.topbar-center{justify-content:flex-start !important;min-width:0;}
.topbar-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0;}
.topbar-brand .logo-icon{width:30px;height:30px;flex:0 0 30px;}
.brand-stack{display:flex;flex-direction:column;line-height:1;min-width:0;}
.topbar-draft-label{color:#fff;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.topbar-right{justify-content:flex-end !important;}
.volume-wrap{background:rgba(7,8,12,.96) !important;border-color:rgba(255,255,255,.12) !important;}
.layout{overflow-x:hidden !important;overflow-y:auto !important;padding-top:6px !important;}
.center-card,.rat-slot,.footer-card,.modal-card{backdrop-filter:none !important;}
.rat-minirow{grid-template-columns:1fr !important;gap:6px !important;align-items:start !important;}
.rat-minirow .mini-title{justify-self:center !important;transform:translateY(-1px);}
.mini-slots{justify-content:center !important;}
.rat-slot{overflow:visible !important;}
.rat-grid{margin-top:auto !important;align-content:end !important;justify-content:center !important;grid-template-columns:repeat(4,74px) !important;grid-auto-rows:74px !important;gap:8px !important;}
.pick-slot{width:74px !important;height:74px !important;min-height:74px !important;max-width:74px !important;}
.safe-slot,.stellar-slot,.mini-slot,.extra-ban-slot{width:60px !important;height:60px !important;min-height:60px !important;max-width:60px !important;}
.mini-slots{grid-template-columns:repeat(4,60px) !important;grid-auto-rows:60px !important;gap:8px !important;}
#elims-malvada.mini-slots{grid-template-columns:repeat(2,60px) !important;}
.rat-banbar{grid-template-columns:repeat(3,60px) !important;gap:10px !important;justify-content:flex-start !important;}
.rat-banbar.triple{padding-left:8px !important;}
#extra-stellar-corrupta,#extra-stellar-caotica{transform:translateX(-12px) !important;}
.grid-corner-mark{font-size:8px !important;max-width:31% !important;padding:2px 4px !important;}
.grid-corner-ladrona{top:-2px !important;left:-6px !important;}
.grid-corner-malvada{top:-2px !important;right:-6px !important;}
.grid-corner-corrupta{bottom:-2px !important;left:-6px !important;}
.grid-corner-caotica{bottom:-2px !important;right:-6px !important;}
.pick-cons-badge{top:-8px !important;left:-7px !important;font-size:10px !important;min-width:24px !important;min-height:20px !important;z-index:8 !important;}
.pick-weapon-badge{bottom:-7px !important;right:-7px !important;width:22px !important;height:22px !important;z-index:8 !important;}
.pick-slot.swinging > .pick-char-img{animation:pickFade .28s ease-out forwards, hoverUpStrong 2.4s ease-in-out infinite .28s !important;will-change:transform;}
@keyframes hoverUpStrong{0%,100%{transform:translateY(0) rotate(-2.3deg)}50%{transform:translateY(-5px) rotate(2.3deg)}}
.characters-scroll{overflow-x:hidden !important;}
#characters{padding-bottom:4px;}
@media (max-width:1480px){
  .rat-grid{grid-template-columns:repeat(4,68px) !important;grid-auto-rows:68px !important;}
  .pick-slot{width:68px !important;height:68px !important;min-height:68px !important;max-width:68px !important;}
  .safe-slot,.stellar-slot,.mini-slot,.extra-ban-slot{width:56px !important;height:56px !important;min-height:56px !important;max-width:56px !important;}
  .mini-slots{grid-template-columns:repeat(4,56px) !important;grid-auto-rows:56px !important;}
  #elims-malvada.mini-slots{grid-template-columns:repeat(2,56px) !important;}
  .rat-banbar{grid-template-columns:repeat(3,56px) !important;}
}
@media (max-width:1320px){
  .rat-grid{grid-template-columns:repeat(4,62px) !important;grid-auto-rows:62px !important;}
  .pick-slot{width:62px !important;height:62px !important;min-height:62px !important;max-width:62px !important;}
  .safe-slot,.stellar-slot,.mini-slot,.extra-ban-slot{width:52px !important;height:52px !important;min-height:52px !important;max-width:52px !important;}
  .mini-slots{grid-template-columns:repeat(4,52px) !important;grid-auto-rows:52px !important;}
  #elims-malvada.mini-slots{grid-template-columns:repeat(2,52px) !important;}
  .rat-banbar{grid-template-columns:repeat(3,52px) !important;}
}


html, body, body.pv-body { overflow-x: hidden !important; }
body.pv-body{
  overflow-y:auto !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(181,131,255,.72) rgba(255,255,255,.05);
}
body.pv-body::-webkit-scrollbar{width:12px;height:12px;}
body.pv-body::-webkit-scrollbar-track,
.layout::-webkit-scrollbar-track,
.characters-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));border-radius:999px;}
body.pv-body::-webkit-scrollbar-thumb,
.layout::-webkit-scrollbar-thumb,
.characters-scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,121,214,.86), rgba(124,116,255,.88));
  border:2px solid rgba(7,8,12,.72);
}
.characters-scroll{overflow-x:hidden !important;scrollbar-width:thin;scrollbar-color:rgba(181,131,255,.72) rgba(255,255,255,.05);}
.characters-scroll::-webkit-scrollbar{width:10px;height:10px;}
.characters-scroll::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,121,214,.86), rgba(124,116,255,.88));
  border:2px solid rgba(7,8,12,.72);
}
.layout{overflow-x:hidden !important;overflow-y:auto !important;padding-top:6px !important;}
.bg-video,.bg-image{opacity:.24 !important;filter:none !important;image-rendering:auto !important;}
.bg-vignette{background:radial-gradient(82% 74% at 50% 18%, rgba(0,0,0,.04) 0%, rgba(0,0,0,.18) 68%, rgba(0,0,0,.40) 100%) !important;}
.fx-scanlines,.fx-noise{display:none !important;}
.topbar,.center-card,#filter-bar,.characters-scroll,.center-actions,.rat-slot,.footer-card,.modal-card{backdrop-filter:none !important;}
.topbar{
  min-height:64px !important;
  grid-template-columns:1fr auto 1fr !important;
  gap:12px !important;
  padding:8px 16px 6px !important;
  border-bottom:none !important;
  box-shadow:none !important;
  background:linear-gradient(180deg, rgba(8,8,12,.12), rgba(8,8,12,0)) !important;
}
.topbar-left.topbar-ghost{display:block !important;}
.topbar-center{justify-content:center !important;min-width:0;}
.brand-stack{display:flex;flex-direction:column;align-items:center;line-height:1;min-width:0;}
.brand-link{font-size:34px;line-height:1;display:block;}
.topbar-draft-label{margin-top:4px;color:#fff;font-size:11px;letter-spacing:1.25px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.topbar-right{justify-content:flex-end !important;}
.volume-wrap{background:rgba(7,8,12,.96) !important;border-color:rgba(255,255,255,.12) !important;box-shadow:0 10px 20px rgba(0,0,0,.18);}
.volume-wrap.collapsed{display:none !important;}
#volume-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(7,8,12,.94);color:#fff;cursor:pointer;box-shadow:0 10px 18px rgba(0,0,0,.18);}
.center-card{background:linear-gradient(180deg, rgba(12,9,22,.22), rgba(9,7,18,.10)) !important;}
.rat-slot{overflow:visible !important;}
.rat-minirow{grid-template-columns:1fr !important;gap:5px !important;align-items:end !important;}
.rat-minirow .mini-title{justify-self:center !important;transform:none !important;margin:0 0 2px 0 !important;line-height:1 !important;font-size:13px !important;letter-spacing:1px !important;color:#ff7a7a !important;text-shadow:0 0 18px rgba(255,64,96,.22);}
.mini-slots{justify-content:center !important;}
.rat-grid{margin-top:auto !important;align-content:end !important;justify-content:center !important;grid-template-columns:repeat(4,76px) !important;grid-auto-rows:76px !important;gap:8px !important;padding-bottom:2px !important;}
.pick-slot{width:76px !important;height:76px !important;min-height:76px !important;max-width:76px !important;overflow:visible !important;}
.safe-slot,.stellar-slot,.mini-slot,.extra-ban-slot{width:60px !important;height:60px !important;min-height:60px !important;max-width:60px !important;overflow:visible !important;}
.safe-slot img,.stellar-slot img,.pick-slot .pick-char-img,.mini-slot img{border-radius:50%;box-shadow:0 10px 18px rgba(0,0,0,.22);}
.mini-slots{grid-template-columns:repeat(4,60px) !important;grid-auto-rows:60px !important;gap:8px !important;}
#elims-malvada.mini-slots{grid-template-columns:repeat(2,60px) !important;}
.rat-banbar{grid-template-columns:repeat(3,60px) !important;gap:10px !important;justify-content:flex-start !important;align-items:center !important;}
.rat-banbar.triple{padding-left:8px !important;}
#extra-stellar-corrupta,#extra-stellar-caotica{transform:translateX(-14px) !important;}
.pick-cons-badge{top:-8px !important;left:-7px !important;font-size:10px !important;min-width:24px !important;min-height:20px !important;z-index:8 !important;}
.pick-weapon-badge{bottom:-7px !important;right:-7px !important;width:22px !important;height:22px !important;z-index:8 !important;background:rgba(0,0,0,.88) !important;border-radius:999px !important;}
.grid-corner-mark{max-width:none !important;font-size:8px !important;padding:2px 4px !important;z-index:6 !important;}
.grid-corner-ladrona{top:1px !important;left:-6px !important;}
.grid-corner-malvada{top:9px !important;right:-6px !important;}
.grid-corner-corrupta{bottom:9px !important;left:-6px !important;}
.grid-corner-caotica{bottom:1px !important;right:-6px !important;}
.pick-slot.swinging > img,.pick-slot.swinging > .pick-char-img{animation:pickFade .35s ease-out forwards, hoverUp 3s ease-in-out infinite .35s !important;will-change:transform;}
@keyframes hoverUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.safe-slot.has-crown::after,.stellar-slot.has-crown::after,.pick-slot.has-crown::after{top:-16px !important;z-index:8 !important;}
.pick-slot.stellar::after,.safe-slot.has-crown::after,.stellar-slot.has-crown::after,.pick-slot.has-crown::after{
  content:"👑";
  position:absolute;
  top:-16px;
  left:50%;
  right:auto !important;
  transform:translateX(-50%);
  width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:14px;
  background:rgba(0,0,0,.72);
  box-shadow:0 8px 18px rgba(0,0,0,.28);
}
.topbar,.center-card,.rat-slot,.footer-card,.modal-card{box-shadow:none !important;}
.center-actions,.rat-slot,.center-card{background-image:none !important;}
.rat-slot::before,.rat-slot::after{opacity:.72 !important;}
@media (max-width:1480px){
  .rat-grid{grid-template-columns:repeat(4,70px) !important;grid-auto-rows:70px !important;}
  .pick-slot{width:70px !important;height:70px !important;min-height:70px !important;max-width:70px !important;}
  .safe-slot,.stellar-slot,.mini-slot,.extra-ban-slot{width:56px !important;height:56px !important;min-height:56px !important;max-width:56px !important;}
  .mini-slots{grid-template-columns:repeat(4,56px) !important;grid-auto-rows:56px !important;}
  #elims-malvada.mini-slots{grid-template-columns:repeat(2,56px) !important;}
  .rat-banbar{grid-template-columns:repeat(3,56px) !important;}
}


body.pv-body{
  overflow-y:hidden;
  overflow-x:hidden !important;
}
.topbar{
  background:linear-gradient(180deg, rgba(8,8,14,.86), rgba(8,8,14,.72)) !important;
  backdrop-filter:none !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
.topbar-left,.topbar-right{
  min-width:0;
  gap:8px;
}
.topbar-right{
  justify-content:flex-end !important;
  width:max-content;
  justify-self:end;
}
.topbar-left{
  justify-content:flex-start !important;
}
.logo-ratas{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#f5f0ff;
  text-decoration:none;
  font-weight:1000;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.logo-ratas .logo-icon{
  width:28px;
  height:28px;
  filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));
}
.logo-ratas .logo-text{
  font-size:13px;
  white-space:nowrap;
}
.brand-stack{pointer-events:auto;}
.volume-wrap{
  background:rgba(6,7,12,.92) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
#volume-toggle{
  margin-left:0 !important;
  flex:0 0 auto;
}
.volume-wrap.collapsed{
  width:0 !important;
  min-width:0 !important;
  padding:0 !important;
  border-width:0 !important;
  overflow:hidden !important;
  opacity:0;
}
.center-card,
.rat-slot,
.modal-card,
.footer-card,
#filter-bar,
.characters-scroll,
.center-actions{
  backdrop-filter:none !important;
}
.center-card{
  background:linear-gradient(180deg, rgba(15,10,24,.96), rgba(9,7,18,.94)) !important;
}
.rat-slot{
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(16,12,24,.96), rgba(10,8,18,.96)),
    radial-gradient(95% 80% at 50% 0%, rgba(var(--role-rgb),.10), transparent 62%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.30) !important;
}
.rat-slot::before{
  opacity:1 !important;
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(var(--role-rgb),.18), transparent 62%),
    linear-gradient(180deg, rgba(var(--role-rgb),.05), transparent 45%) !important;
  animation:ratAmbientPulse 4.8s ease-in-out infinite;
}
.rat-slot::after{
  box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.18), inset 0 0 42px rgba(var(--role-rgb),.05) !important;
}
@keyframes ratAmbientPulse{
  0%,100%{opacity:.82;filter:none}
  50%{opacity:1;filter:brightness(1.03)}
}
.rat-slot.active-turn{
  animation:ratTurnPulse 1.15s ease-in-out infinite;
  box-shadow:0 0 0 1px rgba(var(--role-rgb),.34) inset, 0 0 28px rgba(var(--role-rgb),.22), 0 0 54px rgba(var(--role-rgb),.14), 0 18px 40px rgba(0,0,0,.30) !important;
}
.rat-slot.active-turn::before{
  background:
    radial-gradient(90% 72% at 50% 0%, rgba(var(--role-rgb),.34), transparent 58%),
    linear-gradient(180deg, rgba(var(--role-rgb),.10), transparent 42%) !important;
}
.rat-slot.active-turn::after{
  box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.42), inset 0 0 70px rgba(var(--role-rgb),.14), 0 0 24px rgba(var(--role-rgb),.18) !important;
}
@keyframes ratTurnPulse{
  0%,100%{transform:none;filter:none}
  50%{transform:translateY(-1px);filter:brightness(1.06)}
}
body.pv-perf-video .rat-slot::before,
body.pv-perf-video .rat-slot.active-turn,
body.pv-perf-video .rat-slot.active-turn::before,
body.pv-perf-video .rat-slot.active-turn::after{
  animation:none !important;
}
.characters-scroll{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-gutter:stable;
}
.characters-grid,
#characters{width:100%;}
body::-webkit-scrollbar,
.characters-scroll::-webkit-scrollbar{width:12px;height:12px}
body::-webkit-scrollbar-track,
.characters-scroll::-webkit-scrollbar-track{background:rgba(12,10,20,.92);border-radius:999px}
body::-webkit-scrollbar-thumb,
.characters-scroll::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(116,104,190,.90), rgba(64,54,118,.96));
  border:2px solid rgba(12,10,20,.92);
  border-radius:999px;
}
body::-webkit-scrollbar-thumb:hover,
.characters-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgba(145,132,230,.96), rgba(78,67,145,.98))}
.extra-bans-head{
  display:grid !important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
}
.extra-bans-title{
  text-align:center !important;
  justify-self:center;
}
.rat-minirow .mini-title{
  width:100%;
  text-align:center;
}
.rat-banbar{
  justify-content:flex-start !important;
  gap:10px !important;
}
.rat-banbar.triple{
  grid-template-columns:repeat(3,72px) !important;
  justify-content:start !important;
  gap:14px !important;
}
.rat-banbar.triple .secondary-slot{
  width:72px !important;
  height:72px !important;
  min-height:72px !important;
  max-width:72px !important;
  margin-left:6px !important;
}
.safe-slot,.stellar-slot,.mini-slot,.extra-ban-slot{overflow:visible !important}
.safe-slot::before,
.stellar-slot::before,
.pick-slot.stellar::after,
.safe-slot.has-crown::after,
.stellar-slot.has-crown::after,
.pick-slot.has-crown::after{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:0 4px 14px rgba(0,0,0,.35);
}
.safe-slot::before{content:"☠" !important; opacity:.92 !important; color:#fff5f5;}
.stellar-slot::before,
.safe-slot.has-crown::after,
.stellar-slot.has-crown::after,
.pick-slot.has-crown::after,
.pick-slot.stellar::after{content:"♛" !important; opacity:.95 !important; color:#fff2a8; font-weight:900}
.rat-grid{
  grid-template-columns:repeat(4, minmax(0, 82px)) !important;
  grid-auto-rows:82px !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.pick-slot{
  width:82px !important;
  height:82px !important;
  min-height:82px !important;
  max-width:82px !important;
  background:rgba(0,0,0,.20) !important;
}
.pick-slot.empty::before{font-size:22px !important; opacity:.38;}
.mini-slots{
  grid-template-columns:repeat(4,62px) !important;
  grid-auto-rows:62px !important;
  justify-content:space-between !important;
  gap:8px !important;
}
#elims-malvada.mini-slots{grid-template-columns:repeat(2,62px) !important}
.mini-slot{width:62px !important;height:62px !important;min-height:62px !important;max-width:62px !important}
.pick-slot .pick-char-img,
.pick-slot > img{
  animation:pickFade .22s ease-out forwards, hoverUpStrong 2.05s ease-in-out infinite .22s !important;
  will-change:transform;
}
@keyframes hoverUpStrong{
  0%,100%{transform:translateY(0) rotate(-1.2deg)}
  25%{transform:translateY(-5px) rotate(1.2deg)}
  50%{transform:translateY(-8px) rotate(-1.4deg)}
  75%{transform:translateY(-4px) rotate(1.0deg)}
}
.pick-cons-badge{
  top:-7px !important;
  left:-7px !important;
  min-width:24px !important;
  min-height:20px !important;
  font-size:10px !important;
  z-index:8 !important;
}
.pick-weapon-badge{
  width:28px !important;
  height:28px !important;
  right:-9px !important;
  bottom:-9px !important;
  padding:2px !important;
  z-index:8 !important;
  background:rgba(6,7,12,.94) !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.28) !important;
}
.grid-corner-ladrona,
.grid-corner-malvada,
.grid-corner-corrupta,
.grid-corner-caotica{line-height:1.05 !important}
.grid-corner-malvada{top:4px !important}
.grid-corner-ladrona{top:4px !important}
.grid-corner-corrupta{bottom:4px !important}
.grid-corner-caotica{bottom:4px !important}
.confirm-stick-wrap{
  gap:8px !important;
}
.confirm-cancel{
  position:static !important;
  inset:auto !important;
  transform:none !important;
}
.rat-zone-preview{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:inherit;
}
.rat-zone-preview-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .18s ease;
  filter:none !important;
}
.rat-zone-preview-video.active{opacity:.56}
.rat-zone-preview-veil{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(8,8,12,.14), rgba(8,8,12,.44));
}
.rat-slot.has-zone-preview > *:not(.rat-zone-preview){position:relative;z-index:1}
.rat-slot.has-zone-preview .rat-header,
.rat-slot.has-zone-preview .rat-banbar,
.rat-slot.has-zone-preview .rat-minirow,
.rat-slot.has-zone-preview .rat-grid,
.rat-slot.has-zone-preview .rat-toolrow{
  backdrop-filter:none !important;
}
.rat-slot.protected .rat-header::after,
.rat-slot.immune-turn .rat-header::after{
  content:"🛡️" !important;
  width:auto !important;
  height:auto !important;
  top:-10px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  font-size:24px !important;
}
.global-toast.action-banner{
  animation:actionToastIn .28s ease, actionToastPulse 1.1s ease-in-out infinite;
}
@keyframes actionToastIn{from{opacity:0;transform:translate(-50%,-14px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes actionToastPulse{0%,100%{filter:none}50%{filter:brightness(1.06)}}
.tornado-copy{font-size:14px;line-height:1.35;color:#f3e9ff}
@media (max-width: 1480px){
  .rat-grid{grid-template-columns:repeat(4,74px) !important;grid-auto-rows:74px !important}
  .pick-slot{width:74px !important;height:74px !important;min-height:74px !important;max-width:74px !important}
}
@media (max-width: 1320px){
  .rat-grid{grid-template-columns:repeat(4,68px) !important;grid-auto-rows:68px !important}
  .pick-slot{width:68px !important;height:68px !important;min-height:68px !important;max-width:68px !important}
  .pick-weapon-badge{width:24px !important;height:24px !important}
  .mini-slots{grid-template-columns:repeat(4,56px) !important;grid-auto-rows:56px !important}
  .mini-slot{width:56px !important;height:56px !important;min-height:56px !important;max-width:56px !important}
}


body.pv-body{
  grid-template-rows:48px minmax(0,1fr) !important;
  background:transparent !important;
}
body.pv-body, .layout, .center-area, .rat-slot, .center-card{ overflow: hidden; }
.bg-video,.bg-image{
  opacity:.34 !important;
  filter:saturate(1.02) contrast(1.03) brightness(1.02) !important;
}
.bg-vignette{
  background:radial-gradient(72% 66% at 50% 22%, rgba(0,0,0,.06) 0%, rgba(0,0,0,.24) 62%, rgba(0,0,0,.42) 100%) !important;
}
.fx-scanlines,.fx-noise{opacity:.025 !important}

.topbar{
  min-height:48px !important;
  padding:2px 14px 0 !important;
  background:transparent !important;
  border-bottom:none !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}
.topbar-left,.topbar-right{gap:8px !important}
.topbar-right{justify-content:flex-end !important}
.topbar-center{transform:translateY(-1px)}
.brand-stack{display:flex;align-items:center;justify-content:center;min-height:42px}
.topbar-draft-label{display:none !important}
.logo-ratas{gap:9px !important;color:#fff;text-decoration:none}
.logo-text{font-size:13px !important; text-shadow:0 2px 12px rgba(0,0,0,.35)}
.logo-icon{width:28px !important;height:28px !important}
.volume-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:rgba(4,6,12,.26) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14) !important;
}
.volume-wrap.collapsed input{display:none !important}
.volume-wrap input{width:112px !important}
#volume-toggle{
  margin-left:0 !important;
  width:34px !important;height:34px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(4,6,12,.30) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16) !important;
}

.layout{
  padding:8px 10px 10px !important;
  gap:10px !important;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.95fr) minmax(0,1.03fr) !important;
}
.center-card,
.rat-slot,
.modal-card{
  background:linear-gradient(180deg, rgba(10,10,16,.13), rgba(10,10,16,.10)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
  backdrop-filter:none !important;
}
.center-card{overflow:hidden !important}
.center-header,
#filter-bar,
.center-actions,
.characters-scroll{
  background:rgba(0,0,0,.06) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.characters-scroll{overflow-x:hidden !important}

.rat-slot{
  position:relative;
  background:linear-gradient(180deg, rgba(12,12,18,.12), rgba(12,12,18,.09)) !important;
  border-color:rgba(255,255,255,.13) !important;
}
.rat-slot::before{opacity:.82 !important}
.rat-slot[data-role="ladrona"]::before{background:radial-gradient(92% 76% at 50% 0%, rgba(var(--rat-red-rgb),.22), transparent 60%) !important}
.rat-slot[data-role="malvada"]::before{background:radial-gradient(92% 76% at 50% 0%, rgba(var(--rat-blue-rgb),.22), transparent 60%) !important}
.rat-slot[data-role="corrupta"]::before{background:radial-gradient(92% 76% at 50% 0%, rgba(var(--rat-yellow-rgb),.22), transparent 60%) !important}
.rat-slot[data-role="caotica"]::before{background:radial-gradient(92% 76% at 50% 0%, rgba(var(--rat-green-rgb),.22), transparent 60%) !important}
.rat-slot::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), inset 0 0 24px rgba(255,255,255,.03) !important}
.rat-slot.active-turn{animation:ratTurnPulse 1.08s ease-in-out infinite}
@keyframes ratTurnPulse{
  0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 0 rgba(0,0,0,0), inset 0 0 26px rgba(255,255,255,.02)}
  50%{box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 0 28px rgba(var(--role-rgb),.18), inset 0 0 40px rgba(var(--role-rgb),.08)}
}
body.pv-perf-video .rat-slot.active-turn{animation-play-state:paused !important}
.stat-row,
.special-chip,
.mini-title,
.current-action,
.action-sub,
.extra-side-pill,
.extra-bans-title,
.rat-rank .rank-badge{
  text-shadow:0 2px 12px rgba(0,0,0,.42) !important;
}
.stat-row,
.special-chip,
.extra-side-pill,
.protect-chip{
  background:rgba(4,6,12,.26) !important;
  border-color:rgba(255,255,255,.12) !important;
}
.rat-minirow{grid-template-columns:52px minmax(0,1fr) !important}
.rat-minirow .mini-title{align-self:center}
.rat-grid{
  position:relative !important;
  padding-top:18px !important;
  grid-template-columns:repeat(4,72px) !important;
  grid-auto-rows:72px !important;
  gap:6px !important;
  justify-content:center !important;
}
.rat-grid::before{
  content:"PICKS";
  position:absolute;
  top:-2px; left:50%; transform:translateX(-50%);
  color:#66c3ff;
  font-size:11px; font-weight:1000; letter-spacing:1.1px;
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.pick-slot{
  width:72px !important;height:72px !important;min-height:72px !important;max-width:72px !important;
  border-radius:16px !important;
  overflow:visible !important;
}
.pick-slot.can-target.fearful{animation:fearShake .18s linear infinite !important}
@keyframes fearShake{
  0%{transform:translate(0,0)}25%{transform:translate(.5px,-.5px)}50%{transform:translate(-.5px,.5px)}75%{transform:translate(.7px,.2px)}100%{transform:translate(0,0)}
}
.pick-slot.cannot-target{filter:grayscale(.72) brightness(.76) !important}
.pick-slot.can-target{box-shadow:0 0 0 1px rgba(255,255,255,.14) inset, 0 0 18px rgba(255,255,255,.16) !important}
.pick-slot.stellar{
  box-shadow:0 0 0 1px rgba(255,220,120,.30) inset, 0 0 20px rgba(255,215,90,.20) !important;
}
.pick-slot.stellar::after{display:none !important}
.pick-cons-badge{
  top:-7px !important; left:-7px !important;
  font-size:10px !important; min-width:24px !important; min-height:20px !important;
  z-index:9 !important;
}
.pick-weapon-badge{
  width:28px !important;height:28px !important;
  bottom:-7px !important;right:-7px !important;
  z-index:9 !important;
  background:rgba(0,0,0,.70) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.rat-banbar{gap:10px !important}
.safe-slot,
.stellar-slot,
.secondary-slot{
  width:62px !important;height:62px !important;min-height:62px !important;max-width:62px !important;
  border-radius:16px !important;
  overflow:visible !important;
}
.safe-slot img,
.stellar-slot img{position:relative;z-index:2}
.safe-slot::before{
  content:"☠" !important;
  font-size:24px !important;
  opacity:.28 !important;
  color:#fff6f6 !important;
  z-index:1 !important;
}
.stellar-slot::before{display:none !important}
.safe-slot::after,
.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after{
  position:absolute !important;
  left:50% !important;
  top:-14px !important;
  transform:translateX(-50%) !important;
  width:auto !important;height:auto !important;
  display:grid !important;place-items:center !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  text-shadow:0 4px 18px rgba(0,0,0,.42) !important;
  z-index:5 !important;
}
.safe-slot::after{content:"☠" !important;color:#fff4f4 !important;font-size:24px !important}
.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after{content:"👑" !important;color:#ffe487 !important;font-size:25px !important}
.stellar-slot.has-crown,
.secondary-slot.has-crown{
  animation:stellarGlow 1.2s ease-in-out infinite !important;
}
@keyframes stellarGlow{
  0%,100%{box-shadow:0 0 0 1px rgba(255,224,120,.20) inset, 0 0 14px rgba(255,206,64,.12)}
  50%{box-shadow:0 0 0 1px rgba(255,229,140,.30) inset, 0 0 24px rgba(255,216,86,.22)}
}
body.pv-perf-video .stellar-slot.has-crown,
body.pv-perf-video .secondary-slot.has-crown,
.rat-slot.has-zone-preview .stellar-slot.has-crown,
.rat-slot.has-zone-preview .secondary-slot.has-crown{animation-play-state:paused !important}

.mini-title{font-size:11px !important; letter-spacing:1.05px !important}
.extra-bans-head{
  grid-template-columns:1fr auto 1fr !important;
}
.extra-bans-title{
  display:flex !important; align-items:center !important; justify-content:center !important;
  min-width:112px !important; text-align:center !important;
}
.mini-slots{
  gap:6px !important;
  grid-template-columns:repeat(4,62px) !important;
  grid-auto-rows:62px !important;
  justify-content:center !important;
}
#elims-malvada.mini-slots{grid-template-columns:repeat(2,62px) !important}
.mini-slot{width:62px !important;height:62px !important;min-height:62px !important;max-width:62px !important}
[id^="bans-"] .mini-slot,
#extra-bans-center .extra-ban-slot{
  border-color:rgba(255,120,120,.55) !important;
  box-shadow:0 0 0 1px rgba(255,60,60,.14) inset !important;
}
[id^="bans-"] .mini-slot img{box-shadow:0 10px 18px rgba(70,0,0,.24) !important}

.rat-toolrow{display:none !important}
.footer, .footer-card, #ratas-footer{display:none !important}

.confirm-stick-wrap{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding-bottom:8px !important;
}
#confirm-pick-btn,.confirm-btn{
  position:relative !important;
  z-index:41 !important;
}
.confirm-cancel{
  position:relative !important;
  z-index:41 !important;
  width:40px !important;height:40px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(10,10,16,.86) !important;
}

.rat-zone-preview-video{
  opacity:0 !important;
  filter:none !important;
}
.rat-zone-preview-video.active{opacity:.82 !important}
.rat-zone-preview-veil{
  background:linear-gradient(180deg, rgba(8,8,12,.02), rgba(8,8,12,.10)) !important;
}
.rat-slot.has-zone-preview > *:not(.rat-zone-preview){z-index:1 !important}

.rat-slot.protected .rat-header::after,
.rat-slot.immune-turn .rat-header::after{
  content:"🛡️" !important;
  font-size:34px !important;
  top:-16px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  text-shadow:0 4px 18px rgba(0,0,0,.42), 0 0 18px rgba(180,220,255,.22) !important;
  animation:shieldPulse 1.15s ease-in-out infinite !important;
}
@keyframes shieldPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:drop-shadow(0 0 10px rgba(180,220,255,.30))}}
body.pv-perf-video .rat-slot.protected .rat-header::after,
body.pv-perf-video .rat-slot.immune-turn .rat-header::after{animation-play-state:paused !important}

.global-toast.action-banner{
  min-width:min(88vw, 740px) !important;
  text-align:center !important;
  top:76px !important;
  font-size:20px !important;
  font-weight:1000 !important;
  letter-spacing:.6px !important;
  animation:actionToastIn .28s ease, actionToastOut .28s ease 2.72s forwards !important;
}
@keyframes actionToastOut{from{opacity:1;transform:translate(-50%,0) scale(1)}to{opacity:0;transform:translate(-50%,-14px) scale(.94)}}
.turn-note-tornado{color:#ff6f6f !important;font-weight:1000 !important;letter-spacing:.4px !important}
.role-inline{font-weight:1000}

.characters-scroll::-webkit-scrollbar,
html::-webkit-scrollbar, body::-webkit-scrollbar{
  width:12px; height:12px;
}
.characters-scroll::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, rgba(120,160,255,.62), rgba(132,86,255,.58));
  border-radius:999px;
  border:2px solid rgba(8,10,16,.22);
}
.characters-scroll::-webkit-scrollbar-track,
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track{
  background:rgba(10,12,18,.18);
}

@media (max-width: 1480px){
  .rat-grid{grid-template-columns:repeat(4,68px) !important;grid-auto-rows:68px !important}
  .pick-slot{width:68px !important;height:68px !important;min-height:68px !important;max-width:68px !important}
  .mini-slots{grid-template-columns:repeat(4,58px) !important;grid-auto-rows:58px !important}
  .mini-slot,.safe-slot,.stellar-slot,.secondary-slot{width:58px !important;height:58px !important;min-height:58px !important;max-width:58px !important}
}


html,body{background:#0c0d11 !important;}
body.pv-body{
  background-color:#0c0d11 !important;
  background:
    radial-gradient(1200px 860px at 50% 12%, rgba(114,54,195,.18), transparent 48%),
    radial-gradient(900px 720px at 8% 92%, rgba(255,59,59,.08), transparent 45%),
    radial-gradient(900px 720px at 94% 94%, rgba(47,180,255,.08), transparent 45%),
    linear-gradient(180deg, #12131a 0%, #0c0d11 100%) !important;
}
.bg-wrap{background:#0c0d11 !important;}
.bg-video,.bg-image{
  opacity:.30 !important;
  filter:saturate(1.04) contrast(1.04) brightness(1.04) !important;
}
.bg-vignette{
  background:radial-gradient(72% 66% at 50% 22%, rgba(0,0,0,.03) 0%, rgba(0,0,0,.16) 62%, rgba(0,0,0,.34) 100%) !important;
}

.topbar-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:4px !important;
}
.volume-wrap{
  flex:0 0 auto !important;
}
#volume-toggle{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 0 0 4px !important;
  flex:0 0 auto !important;
}

.extra-bans-head{
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  align-items:center !important;
  min-height:30px !important;
}
.extra-bans-title{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  min-width:max-content !important;
  text-align:center !important;
}
#extra-bans-acting{justify-self:start !important;}
#extra-bans-target{justify-self:end !important;}

.rat-minirow{
  grid-template-columns:40px minmax(0,1fr) !important;
  gap:2px !important;
  margin-top:-1px !important;
}
.mini-title{
  justify-self:end !important;
  text-align:right !important;
}
.mini-slots{
  gap:4px !important;
}
[id^="bans-"]{
  margin-top:-2px !important;
}

.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after{
  top:-20px !important;
  font-size:28px !important;
}

.pick-slot{
  background:rgba(0,0,0,.28) !important;
}
.pick-slot[data-el="Pyro"]{
  background:
    radial-gradient(60% 80% at 50% 100%, rgba(var(--pyro-rgb),.45) 0%, rgba(0,0,0,.05) 70%),
    linear-gradient(180deg, rgba(var(--pyro-rgb),.25), rgba(0,0,0,.10) 62%),
    rgba(var(--pyro-rgb),.38) !important;
  border-color:rgba(var(--pyro-rgb),.72) !important;
  box-shadow:0 8px 26px rgba(var(--pyro-rgb),.20) !important;
}
.pick-slot[data-el="Hydro"]{
  background:
    radial-gradient(60% 80% at 50% 100%, rgba(var(--hydro-rgb),.45) 0%, rgba(0,0,0,.05) 70%),
    linear-gradient(180deg, rgba(var(--hydro-rgb),.25), rgba(0,0,0,.10) 62%),
    rgba(var(--hydro-rgb),.38) !important;
  border-color:rgba(var(--hydro-rgb),.72) !important;
  box-shadow:0 8px 26px rgba(var(--hydro-rgb),.20) !important;
}
.pick-slot[data-el="Dendro"]{
  background:
    radial-gradient(60% 80% at 50% 100%, rgba(var(--dendro-rgb),.45) 0%, rgba(0,0,0,.05) 70%),
    linear-gradient(180deg, rgba(var(--dendro-rgb),.25), rgba(0,0,0,.10) 62%),
    rgba(var(--dendro-rgb),.38) !important;
  border-color:rgba(var(--dendro-rgb),.72) !important;
  box-shadow:0 8px 26px rgba(var(--dendro-rgb),.20) !important;
}
.pick-slot[data-el="Electro"]{
  background:
    radial-gradient(60% 80% at 50% 100%, rgba(var(--electro-rgb),.45) 0%, rgba(0,0,0,.05) 70%),
    linear-gradient(180deg, rgba(var(--electro-rgb),.25), rgba(0,0,0,.10) 62%),
    rgba(var(--electro-rgb),.38) !important;
  border-color:rgba(var(--electro-rgb),.72) !important;
  box-shadow:0 8px 26px rgba(var(--electro-rgb),.20) !important;
}
.pick-slot[data-el="Anemo"]{
  background:
    radial-gradient(60% 80% at 50% 100%, rgba(var(--anemo-rgb),.45) 0%, rgba(0,0,0,.05) 70%),
    linear-gradient(180deg, rgba(var(--anemo-rgb),.25), rgba(0,0,0,.10) 62%),
    rgba(var(--anemo-rgb),.38) !important;
  border-color:rgba(var(--anemo-rgb),.72) !important;
  box-shadow:0 8px 26px rgba(var(--anemo-rgb),.20) !important;
}
.pick-slot[data-el="Cryo"]{
  background:
    radial-gradient(60% 80% at 50% 100%, rgba(var(--cryo-rgb),.45) 0%, rgba(0,0,0,.05) 70%),
    linear-gradient(180deg, rgba(var(--cryo-rgb),.25), rgba(0,0,0,.10) 62%),
    rgba(var(--cryo-rgb),.38) !important;
  border-color:rgba(var(--cryo-rgb),.72) !important;
  box-shadow:0 8px 26px rgba(var(--cryo-rgb),.20) !important;
}
.pick-slot[data-el="Geo"]{
  background:
    radial-gradient(60% 80% at 50% 100%, rgba(var(--geo-rgb),.45) 0%, rgba(0,0,0,.05) 70%),
    linear-gradient(180deg, rgba(var(--geo-rgb),.25), rgba(0,0,0,.10) 62%),
    rgba(var(--geo-rgb),.38) !important;
  border-color:rgba(var(--geo-rgb),.72) !important;
  box-shadow:0 8px 26px rgba(var(--geo-rgb),.20) !important;
}
.pick-slot.finalized::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  z-index:1;
  background:conic-gradient(from 0deg, rgba(var(--elrgb,255,255,255),.22), transparent 25% 75%, rgba(var(--elrgb,255,255,255),.22));
  filter:blur(5px);
  animation:ambientSpin 8s linear infinite;
  pointer-events:none;
  mix-blend-mode:screen;
}
.pick-char-img{
  position:relative !important;
  z-index:2 !important;
}
.pick-cons-badge,
.pick-weapon-badge{z-index:3 !important;}


body.pv-body{
  background-color:#0c0d11 !important;
}
.bg-wrap{z-index:-1 !important;}
#background-trailer,
video#background-trailer{
  z-index:0 !important;
  opacity:0 !important;
  filter:saturate(1.05) contrast(1.04) brightness(.96) !important;
}
body.pv-perf-video #background-trailer,
body.pv-perf-video video#background-trailer{
  opacity:.92 !important;
}
.topbar,
.layout,
.footer,
.modal,
#global-toast{
  position:relative;
  z-index:2;
}

.extra-bans-head{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}
.extra-bans-title{
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
  justify-self:center !important;
  padding:0 12px !important;
}

.rat-minirow{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  grid-template-columns:none !important;
}
.rat-minirow .mini-title{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:fit-content !important;
  margin:0 !important;
  text-align:left !important;
  justify-self:auto !important;
}
.rat-minirow .mini-slots{
  flex:1 1 auto !important;
  justify-content:flex-start !important;
  margin:0 !important;
}
[id^="bans-"]{
  margin-top:0 !important;
}

.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after{
  top:-24px !important;
}
.pick-slot.stellar::after,
.pick-slot.has-crown::after{
  content:"⭐" !important;
  top:4px !important;
  right:4px !important;
  left:auto !important;
  transform:none !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  font-size:12px !important;
  background:rgba(0,0,0,.68) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.26), 0 0 0 1px rgba(255,235,140,.20) inset !important;
}

.pick-slot.finalized::before{
  inset:4px !important;
  border-radius:inherit !important;
  filter:blur(2.2px) !important;
  opacity:.78 !important;
  animation:ambientSpin 11s linear infinite !important;
}
body.pv-perf-video .pick-slot.finalized::before{
  animation-play-state:paused !important;
  opacity:.28 !important;
}
.pick-slot[data-el="Pyro"]{box-shadow:0 6px 14px rgba(var(--pyro-rgb),.16) !important;}
.pick-slot[data-el="Hydro"]{box-shadow:0 6px 14px rgba(var(--hydro-rgb),.16) !important;}
.pick-slot[data-el="Dendro"]{box-shadow:0 6px 14px rgba(var(--dendro-rgb),.16) !important;}
.pick-slot[data-el="Electro"]{box-shadow:0 6px 14px rgba(var(--electro-rgb),.16) !important;}
.pick-slot[data-el="Anemo"]{box-shadow:0 6px 14px rgba(var(--anemo-rgb),.16) !important;}
.pick-slot[data-el="Cryo"]{box-shadow:0 6px 14px rgba(var(--cryo-rgb),.16) !important;}
.pick-slot[data-el="Geo"]{box-shadow:0 6px 14px rgba(var(--geo-rgb),.16) !important;}
.pick-slot .pick-char-img{
  position:relative;
  z-index:2;
}


#global-toast{display:none !important;}
.action-banner-overlay{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2500;
  width:min(86vw, 900px);
  min-height:72px;
  padding:18px 24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(20,18,30,.96), rgba(10,10,16,.92));
  box-shadow:0 24px 70px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.05) inset;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:28px;
  font-weight:1000;
  letter-spacing:.8px;
  line-height:1.18;
  pointer-events:none;
  animation:bannerPopIn .28s ease, bannerFadeOut .32s ease 2.68s forwards;
}
.action-banner-overlay.hidden{display:none !important;}
@keyframes bannerPopIn{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes bannerFadeOut{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-54%) scale(.96)}}
.action-banner-overlay.theme-round,
.action-banner-overlay.theme-round-danger{background:linear-gradient(180deg, rgba(36,10,16,.96), rgba(18,8,12,.92));border-color:rgba(255,110,110,.34);box-shadow:0 24px 70px rgba(70,0,0,.42);}
.action-banner-overlay.theme-malvada{background:linear-gradient(180deg, rgba(9,39,95,.96), rgba(6,18,48,.92));border-color:rgba(101,186,255,.36);box-shadow:0 24px 70px rgba(0,33,88,.42);}
.action-banner-overlay.theme-ladrona{background:linear-gradient(180deg, rgba(84,16,29,.96), rgba(38,8,14,.92));border-color:rgba(255,107,120,.34);box-shadow:0 24px 70px rgba(80,0,16,.42);}
.action-banner-overlay.theme-corrupta{background:linear-gradient(180deg, rgba(97,77,14,.96), rgba(48,39,8,.92));border-color:rgba(255,224,122,.38);box-shadow:0 24px 70px rgba(98,74,0,.42);}
.action-banner-overlay.theme-caotica{background:linear-gradient(180deg, rgba(10,84,42,.96), rgba(8,38,18,.92));border-color:rgba(104,255,158,.34);box-shadow:0 24px 70px rgba(0,78,31,.42);}
.toast-round-red{color:#ff6464 !important;text-shadow:0 0 18px rgba(255,80,80,.22);}
.toast-round-msg{display:inline-block;}
.toast-role,.toast-char{font-weight:1000;}

/* Picks más grandes. */
.pick-slot{width:82px !important;height:82px !important;min-height:82px !important;max-width:82px !important;}
@media (max-width: 1500px){.pick-slot{width:76px !important;height:76px !important;min-height:76px !important;max-width:76px !important;}}
@media (max-width: 1280px){.pick-slot{width:70px !important;height:70px !important;min-height:70px !important;max-width:70px !important;}}

/* Estrella / corona / escudo. */
.pick-slot.stellar::after,
.pick-slot.has-crown::after{
  top:5px !important;
  right:5px !important;
  width:20px !important;
  height:20px !important;
  font-size:11px !important;
}
.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after{top:-28px !important;}
.rat-slot.protected .rat-header::after,
.rat-slot.immune-turn .rat-header::after{
  font-size:42px !important;
  top:-22px !important;
}

/* Texto e panel de escobas. */
.broom-copy{
  text-align:center !important;
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:1000 !important;
  letter-spacing:.35px !important;
}
.final-id-big{
  text-align:center !important;
  font-size:32px !important;
  line-height:1.1 !important;
  letter-spacing:1.4px !important;
  color:#fff3a1 !important;
  text-shadow:0 0 18px rgba(255,225,120,.24) !important;
}
.broom-status{text-align:center !important;}

/* Fearful visible para todos. */
.pick-slot.can-target.fearful{animation:fearShake .14s linear infinite !important;}
@keyframes fearShake{0%{transform:translate(0,0)}25%{transform:translate(-1px,0)}50%{transform:translate(1px,0)}75%{transform:translate(-1px,0)}100%{transform:translate(0,0)}}

/* Elemental glow más contenido y pausado con trailer. */
.pick-slot.finalized::before{
  inset:8px !important;
  filter:blur(1.6px) !important;
  opacity:.62 !important;
  animation:ambientSpin 14s linear infinite !important;
}
body.pv-perf-video .pick-slot.finalized::before,
body.pv-perf-video .pick-slot.swinging > img,
body.pv-perf-video .pick-slot.swinging > .pick-char-img{animation-play-state:paused !important;}

/* Tornado note. */
.turn-note-tornado{color:#ff4c4c !important;text-align:center !important;font-size:16px !important;}

/* Action area over grid. */
.center-actions{position:relative;z-index:80 !important;}
.characters-scroll{position:relative;z-index:1 !important;}

/* Volume button close. */
.topbar-right{gap:6px !important;}
#volume-toggle{margin-left:0 !important;}

/* Keep extra bans title centered. */
.extra-bans-head{grid-template-columns:1fr auto 1fr !important;align-items:center !important;}
.extra-bans-title{justify-self:center !important;text-align:center !important;}


#global-toast{display:block !important;}
#global-toast.hidden{display:none !important;}
#global-toast{font-size:12px !important;padding:8px 14px !important;min-height:0 !important;width:auto !important;max-width:min(70vw,420px) !important;top:calc(100% + 6px) !important;left:50% !important;transform:translateX(-50%) !important;z-index:2600 !important;animation:none !important;}
.rat-grid{gap:7px !important;}
.toast-role,.toast-char{display:inline-block !important;margin:0 .18em !important;}
.rat-slot.protected .rat-header::after,.rat-slot.immune-turn .rat-header::after{font-size:52px !important;top:-28px !important;right:2px !important;}
.pick-slot.can-target.fearful.stellar,.pick-slot.stellar.can-target.fearful{animation:none !important;}
.pick-slot.stellar::after,.pick-slot.has-crown::after{top:4px !important;right:4px !important;width:18px !important;height:18px !important;font-size:11px !important;}
.pick-slot .pick-char-img,.pick-slot > img{display:block !important;visibility:visible !important;opacity:1 !important;position:relative !important;z-index:2 !important;width:100% !important;height:100% !important;object-fit:cover !important;}
.pick-weapon-badge{display:block !important;visibility:visible !important;opacity:1 !important;object-fit:contain !important;z-index:8 !important;}


/* Lateral spacing only. */
.rat-grid{column-gap:10px !important;row-gap:7px !important;}

/* Keep pick images visible and centered. */
.pick-slot .pick-char-img,
.pick-slot > img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Weapon stays small INSIDE the slot, bottom-right. */
.pick-weapon-badge{
  position:absolute !important;
  right:3px !important;
  bottom:3px !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  min-height:16px !important;
  padding:1px !important;
  border-radius:6px !important;
  background:rgba(0,0,0,.72) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 3px 8px rgba(0,0,0,.28) !important;
  z-index:9 !important;
  object-fit:contain !important;
}

/* Stellar star top-right like constellations. */
.pick-slot.stellar::after,
.pick-slot.has-crown::after{
  content:"⭐" !important;
  top:-8px !important;
  right:-7px !important;
  width:22px !important;
  height:22px !important;
  font-size:13px !important;
  line-height:22px !important;
  text-align:center !important;
  z-index:9 !important;
  color:#ffe37d !important;
  text-shadow:0 0 10px rgba(255,214,74,.55), 0 2px 6px rgba(0,0,0,.45) !important;
}

/* Shield bigger. */
.rat-slot.protected .rat-header::after,
.rat-slot.immune-turn .rat-header::after{
  font-size:60px !important;
  top:-32px !important;
  right:0 !important;
}

/* Elemental effect fills whole slot without escaping. */
.pick-slot{position:relative !important; isolation:isolate !important;}
.pick-slot.finalized::before{
  inset:1px !important;
  border-radius:inherit !important;
  filter:blur(1.2px) !important;
  opacity:.60 !important;
}

/* Keep swing during trailers; only pause glow. */
body.pv-perf-video .pick-slot.finalized::before{animation-play-state:paused !important;}
body.pv-perf-video .pick-slot.swinging > img,
body.pv-perf-video .pick-slot.swinging > .pick-char-img{animation-play-state:running !important;}

/* Stellar picked chars never tremble. */
.pick-slot.stellar.can-target.fearful,
.pick-slot.can-target.fearful.stellar{animation:none !important;}

/* Toast readability. */
.toast-role,.toast-char{margin:0 .26em !important;display:inline-block !important;}


.toast-role,.toast-char{display:inline !important;margin:0 !important;white-space:nowrap;}
.action-banner-overlay span{white-space:normal;}
.pick-slot,.pick-slot > .pick-char-img,.pick-slot > img{border-radius:10px !important;overflow:hidden !important;}
.pick-slot .pick-char-img,.pick-slot > img{
  width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;
  border-radius:inherit !important;filter:none !important;mask:none !important;clip-path:none !important;
  box-shadow:none !important;background:none !important;
}
.pick-slot.finalized::before{inset:0 !important;border-radius:inherit !important;filter:blur(3px) !important;mix-blend-mode:screen !important;}
.pick-weapon-badge{
  position:absolute !important;right:2px !important;bottom:2px !important;width:15px !important;height:15px !important;
  min-width:15px !important;min-height:15px !important;padding:1px !important;border-radius:5px !important;
  background:rgba(0,0,0,.55) !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:0 2px 5px rgba(0,0,0,.26) !important;
}
.pick-cons-badge{top:2px !important;left:2px !important;}
.pick-slot.stellar::after,.pick-slot.has-crown::after{top:2px !important;right:2px !important;width:16px !important;height:16px !important;font-size:10px !important;line-height:16px !important;}
.rat-grid{column-gap:11px !important;row-gap:7px !important;}
.pick-slot.can-target.fearful.stellar,.pick-slot.stellar.can-target.fearful{animation:none !important;}
.rat-slot.protected .rat-header::after,.rat-slot.immune-turn .rat-header::after{font-size:68px !important;top:-30px !important;right:-2px !important;}
.timer-row .k{font-size:10px !important;letter-spacing:.2px !important;}
.timer-row .v{font-size:12px !important;font-weight:1000 !important;}


/* Keep pick slots compact and inside rat areas. */
.rat-grid{grid-template-columns:repeat(4, 34px) !important;grid-auto-rows:34px !important;justify-content:space-between !important;column-gap:6px !important;row-gap:4px !important;}
.pick-slot{width:34px !important;height:34px !important;min-height:34px !important;max-width:34px !important;}

/* Text spacing in banners. */
.toast-role,.toast-char{display:inline-block !important;margin:0 .18em !important;white-space:nowrap !important;}
.action-banner-overlay span{white-space:normal !important;}

/* Weapon badge small inside the pick, bottom-right. */
.pick-weapon-badge{
  position:absolute !important;
  right:2px !important;
  bottom:2px !important;
  width:12px !important;
  height:12px !important;
  min-width:12px !important;
  min-height:12px !important;
  padding:0 !important;
  border-radius:4px !important;
  object-fit:contain !important;
  background:rgba(0,0,0,.58) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.24) !important;
  z-index:12 !important;
  pointer-events:none !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Star top-right like constellation but on the other side. */
.pick-slot.stellar::after,.pick-slot.has-crown::after{
  content:"⭐" !important;
  top:2px !important;
  right:2px !important;
  width:14px !important;
  height:14px !important;
  line-height:14px !important;
  font-size:10px !important;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
  z-index:12 !important;
}

/* Protection marker for stellar elimination. */
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️";
  position:absolute;
  left:50%; top:50%; transform:translate(-50%,-50%);
  font-size:18px;
  z-index:11;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));
  pointer-events:none;
}
.pick-slot.auto-protected::before{font-size:16px;opacity:.92;}

/* Keep image square and remove weird inner circular blur. */
.pick-slot,.pick-slot .pick-char-img,.pick-slot > img{border-radius:10px !important;overflow:hidden !important;}
.pick-slot .pick-char-img,.pick-slot > img{clip-path:none !important;mask:none !important;filter:none !important;background:none !important;}
.pick-slot.finalized::before{inset:0 !important;border-radius:inherit !important;filter:none !important;mix-blend-mode:screen !important;opacity:.66 !important;}

/* Keep swing animation alive. */
body.pv-perf-video .pick-slot.swinging > .pick-char-img{animation-play-state:running !important;}


/* Volver al tamaño bueno de /, con poco espacio lateral y casi nada vertical. */
.rat-grid{grid-template-columns:repeat(4,68px) !important;grid-auto-rows:68px !important;justify-content:center !important;column-gap:5px !important;row-gap:2px !important;padding-top:18px !important;}
.pick-slot{width:68px !important;height:68px !important;min-height:68px !important;max-width:68px !important;border-radius:14px !important;overflow:hidden !important;}
@media (max-width: 1500px){.rat-grid{grid-template-columns:repeat(4,66px) !important;grid-auto-rows:66px !important}.pick-slot{width:66px !important;height:66px !important;min-height:66px !important;max-width:66px !important;}}
@media (max-width: 1280px){.rat-grid{grid-template-columns:repeat(4,62px) !important;grid-auto-rows:62px !important}.pick-slot{width:62px !important;height:62px !important;min-height:62px !important;max-width:62px !important;}}

/* Chibi cuadrado limpio, sin mascara circular rara. */
.pick-slot > img:not(.pick-weapon-badge),
.pick-slot > .pick-char-img,
.pick-slot .pick-char-img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:inherit !important;clip-path:none !important;mask:none !important;filter:none !important;background:none !important;box-shadow:none !important;}
.pick-slot.finalized::before{inset:0 !important;border-radius:inherit !important;filter:blur(2px) !important;opacity:.58 !important;mix-blend-mode:screen !important;}

/* Arma pequeña, visible y dentro del pick abajo a la derecha. */
.pick-weapon-badge{position:absolute !important;display:block !important;visibility:visible !important;opacity:1 !important;right:2px !important;bottom:2px !important;width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;padding:1px !important;border-radius:5px !important;object-fit:contain !important;background:rgba(0,0,0,.62) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 2px 6px rgba(0,0,0,.35) !important;z-index:14 !important;pointer-events:none !important;}
.pick-cons-badge{top:2px !important;left:2px !important;z-index:14 !important;}
.pick-slot.stellar::after,.pick-slot.has-crown::after{content:"⭐" !important;top:2px !important;right:2px !important;width:16px !important;height:16px !important;line-height:16px !important;font-size:10px !important;background:none !important;border:none !important;box-shadow:none !important;z-index:14 !important;}

/* Segunda casilla estelar visible también para Ladrona y Malvada. */
#extra-stellar-ladrona,#extra-stellar-malvada{display:grid !important;}

/* Textos/toasts con más aire entre rata y personaje. */
.toast-role,.toast-char{display:inline-flex !important;align-items:center !important;white-space:nowrap !important;margin:0 .30em !important;}
.action-banner-overlay span{white-space:normal !important;letter-spacing:.02em !important;}

/* Mini X para el que no tiene el pj en el grid. */
.grid-corner-mark{min-width:14px !important;text-align:center !important;}

/* Estado de protección más claro. */
.pick-slot.protected-choice::before,.pick-slot.auto-protected::before{font-size:22px !important;z-index:15 !important;}


#global-toast{position:fixed !important; top:72px !important; left:50% !important; transform:translateX(-50%) !important; z-index:2600 !important;}
.toast-role,.toast-char{display:inline-flex !important; align-items:center !important; white-space:nowrap !important; margin:0 .34em !important;}
.rat-grid{grid-template-columns:repeat(4,74px) !important; grid-auto-rows:74px !important; justify-content:center !important; column-gap:6px !important; row-gap:2px !important; padding-top:12px !important;}
.pick-slot{width:74px !important; height:74px !important; min-height:74px !important; max-width:74px !important; border-radius:14px !important; overflow:hidden !important; position:relative !important; isolation:isolate !important;}
@media (max-width: 1500px){.rat-grid{grid-template-columns:repeat(4,70px) !important; grid-auto-rows:70px !important}.pick-slot{width:70px !important;height:70px !important;min-height:70px !important;max-width:70px !important;}}
@media (max-width: 1280px){.rat-grid{grid-template-columns:repeat(4,66px) !important; grid-auto-rows:66px !important}.pick-slot{width:66px !important;height:66px !important;min-height:66px !important;max-width:66px !important;}}
.pick-slot > img:not(.pick-weapon-badge), .pick-slot > .pick-char-img, .pick-slot .pick-char-img{display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; border-radius:inherit !important; position:relative !important; z-index:2 !important; clip-path:none !important; mask:none !important; filter:none !important; background:none !important; box-shadow:none !important;}
.pick-slot.finalized::before{inset:0 !important; border-radius:inherit !important; filter:blur(2px) !important; opacity:.55 !important; mix-blend-mode:screen !important;}
.pick-slot > img.pick-weapon-badge, .pick-slot .pick-weapon-badge{position:absolute !important; right:3px !important; bottom:3px !important; width:18px !important; height:18px !important; min-width:18px !important; min-height:18px !important; max-width:18px !important; max-height:18px !important; display:block !important; visibility:visible !important; opacity:1 !important; object-fit:contain !important; border-radius:5px !important; padding:1px !important; background:rgba(0,0,0,.66) !important; border:1px solid rgba(255,255,255,.12) !important; box-shadow:0 2px 6px rgba(0,0,0,.35) !important; z-index:14 !important; pointer-events:none !important;}
.pick-cons-badge{top:3px !important; left:3px !important; z-index:14 !important;}
.pick-slot.stellar::after,.pick-slot.has-crown::after{content:"⭐" !important; top:3px !important; right:3px !important; width:16px !important; height:16px !important; line-height:16px !important; font-size:11px !important; z-index:14 !important; background:none !important; border:none !important; box-shadow:none !important;}
.grid-corner-mark{font-size:10px !important; min-width:18px !important; padding:1px 5px !important;}
.rat-banbar{grid-template-columns:repeat(3,62px) !important; justify-content:start !important; align-items:center !important; column-gap:8px !important;}
.rat-banbar .safe-slot,.rat-banbar .stellar-slot,.rat-banbar .secondary-slot{width:62px !important; height:62px !important; min-height:62px !important; max-width:62px !important; border-radius:14px !important; overflow:hidden !important;}
#extra-stellar-ladrona,#extra-stellar-malvada,#extra-stellar-corrupta,#extra-stellar-caotica{display:grid !important; width:62px !important; height:62px !important; min-height:62px !important; max-width:62px !important;}
#stellar-ladrona .masked-mark,#stellar-malvada .masked-mark,#stellar-corrupta .masked-mark,#stellar-caotica .masked-mark,#extra-stellar-ladrona .masked-mark,#extra-stellar-malvada .masked-mark,#extra-stellar-corrupta .masked-mark,#extra-stellar-caotica .masked-mark{font-size:24px !important; opacity:.30 !important;}
.rat-banbar-malvada{grid-template-columns:132px 62px 62px 62px !important; justify-content:start !important; align-items:center !important; column-gap:8px !important;}
#elims-malvada{order:1 !important; grid-template-columns:repeat(2,62px) !important; grid-auto-rows:62px !important; width:132px !important; justify-content:start !important; gap:8px !important;}
#safe-malvada{order:2 !important;}
#stellar-malvada{order:3 !important;}
#extra-stellar-malvada{order:4 !important;}
.protect-state-row{display:flex !important; gap:8px !important; flex-wrap:wrap !important; margin-top:4px !important;}
.confirm-stick-wrap{z-index:40 !important;}
.action-banner-overlay{z-index:2800 !important;}


#global-toast{position:fixed !important; top:68px !important; left:50% !important; transform:translateX(-50%) !important; z-index:2600 !important; pointer-events:none !important;}
.toast-role,.toast-char{margin:0 .42em !important;}

/* Mover header un poco arriba para ganar aire. */
.rat-slot{padding-top:4px !important;}
.rat-header{min-height:56px !important; margin-top:-4px !important; align-items:start !important;}
.rat-head-meta{padding-top:0 !important;}
.rat-banbar{margin-top:-4px !important;}
.rat-minirow{margin-top:-6px !important;}
.rat-minirow .mini-title{position:relative !important; top:-2px !important;}

/* Picks: grandes pero caben las 8. */
.rat-grid{grid-template-columns:repeat(4,80px) !important; grid-auto-rows:80px !important; justify-content:center !important; column-gap:6px !important; row-gap:2px !important; padding-top:8px !important;}
.pick-slot{width:80px !important; height:80px !important; min-height:80px !important; max-width:80px !important; border-radius:14px !important; overflow:hidden !important; position:relative !important; isolation:isolate !important;}
@media (max-width: 1500px){.rat-grid{grid-template-columns:repeat(4,76px) !important; grid-auto-rows:76px !important}.pick-slot{width:76px !important;height:76px !important;min-height:76px !important;max-width:76px !important;}}
@media (max-width: 1280px){.rat-grid{grid-template-columns:repeat(4,72px) !important; grid-auto-rows:72px !important}.pick-slot{width:72px !important;height:72px !important;min-height:72px !important;max-width:72px !important;}}

/* Arma un poco más grande abajo a la derecha. */
.pick-slot > img.pick-weapon-badge, .pick-slot .pick-weapon-badge{right:3px !important; bottom:3px !important; width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; max-width:22px !important; max-height:22px !important; border-radius:6px !important; padding:1px !important; z-index:18 !important;}
.pick-cons-badge{top:3px !important; left:3px !important; z-index:18 !important;}

/* X del grid como emoji grueso. */
.grid-corner-mark{font-size:10px !important; min-width:18px !important; padding:1px 5px !important;}
.grid-corner-mark{line-height:1 !important;}
.grid-corner-mark.grid-corner-ladrona,.grid-corner-mark.grid-corner-malvada,.grid-corner-mark.grid-corner-corrupta,.grid-corner-mark.grid-corner-caotica{font-family:inherit !important;}

/* Slots especiales todos del mismo tamaño. */
.rat-banbar .safe-slot,.rat-banbar .stellar-slot,.rat-banbar .secondary-slot,#elims-malvada .mini-slot{width:62px !important; height:62px !important; min-height:62px !important; max-width:62px !important; border-radius:14px !important; overflow:hidden !important;}

/* Malvada: orden correcto -> ban seguro, estelares, eliminaciones a la derecha. */
.rat-banbar-malvada{grid-template-columns:62px 62px 62px 132px !important; justify-content:start !important; align-items:center !important; column-gap:8px !important;}
#elims-malvada{order:4 !important; display:grid !important; grid-template-columns:repeat(2,62px) !important; grid-auto-rows:62px !important; width:132px !important; justify-content:start !important; gap:8px !important;}
#elims-malvada .mini-slot{position:relative !important;}
#elims-malvada .mini-slot::before{content:"💀" !important; position:absolute !important; left:50% !important; top:-18px !important; transform:translateX(-50%) !important; width:24px !important; height:24px !important; display:grid !important; place-items:center !important; background:none !important; border:none !important; box-shadow:none !important; z-index:12 !important;}

/* Ban seguro y coronas fuera de la casilla. */
.safe-slot::before{content:"☠️" !important; position:absolute !important; left:50% !important; top:-18px !important; transform:translateX(-50%) !important; font-size:24px !important; opacity:1 !important; color:#fff6f6 !important; background:none !important; border:none !important; box-shadow:none !important; z-index:12 !important;}
.stellar-slot::before,.secondary-slot::before{display:none !important;}
.stellar-slot.has-crown::after,.secondary-slot.has-crown::after{content:"👑" !important; position:absolute !important; left:50% !important; top:-20px !important; transform:translateX(-50%) !important; width:26px !important; height:26px !important; display:grid !important; place-items:center !important; font-size:24px !important; color:#ffe487 !important; background:none !important; border:none !important; box-shadow:none !important; z-index:13 !important;}

/* Estrella dorada dentro del slot solo cuando está vacío. */
.stellar-slot .masked-mark,.secondary-slot .masked-mark{color:#ffd85a !important; text-shadow:0 0 18px rgba(255,216,90,.28) !important; font-size:28px !important;}
.stellar-slot.has-selection .masked-mark,.secondary-slot.has-selection .masked-mark,.stellar-slot.has-secret .masked-mark,.secondary-slot.has-secret .masked-mark{color:rgba(255,255,255,.88) !important;}

/* Mejor copia visual para malvada, sin salirse abajo. */
#rat-malvada .rat-grid{padding-top:6px !important;}
#rat-malvada .rat-minirow{margin-top:-4px !important;}

.grid-corner-mark.grid-missing-mark{font-size:16px !important; min-width:20px !important; padding:0 !important; background:transparent !important; border:none !important; box-shadow:none !important; line-height:1 !important;}


/* Perfil un poco más abajo para que no se salga el marco. */
.rat-slot{padding-top:2px !important;}
.avatar-wrap.rat-avatar-wrap{--size:56px !important; margin-top:4px !important;}
.avatar-wrap.rat-avatar-wrap .frame-img{width:168% !important; height:168% !important;}
.rat-header{min-height:62px !important; margin-top:2px !important; padding-top:4px !important; align-items:start !important;}
.rat-head-meta,.rat-stats-vert{padding-top:2px !important;}

/* Subir bloques de especiales / bans / picks y aprovechar mejor el espacio. */
.rat-banbar{margin-top:-12px !important;}
.rat-minirow{margin-top:-12px !important;}
#rat-malvada .rat-minirow{margin-top:-10px !important;}
.rat-grid{margin-top:-8px !important; padding-top:0 !important; grid-template-columns:repeat(4,86px) !important; grid-auto-rows:86px !important; justify-content:center !important; column-gap:7px !important; row-gap:4px !important;}
.pick-slot{width:86px !important; height:86px !important; min-height:86px !important; max-width:86px !important; border-radius:16px !important; position:relative !important; overflow:visible !important;}
@media (max-width: 1500px){.rat-grid{grid-template-columns:repeat(4,82px) !important; grid-auto-rows:82px !important}.pick-slot{width:82px !important;height:82px !important;min-height:82px !important;max-width:82px !important;}}
@media (max-width: 1280px){.rat-grid{grid-template-columns:repeat(4,76px) !important; grid-auto-rows:76px !important}.pick-slot{width:76px !important;height:76px !important;min-height:76px !important;max-width:76px !important;}}

/* Solo las imágenes quedan dentro; los iconos van por fuera. */
.pick-slot .pick-char-img,
.pick-slot > img:not(.pick-weapon-badge),
.safe-slot > img,
.stellar-slot > img,
.secondary-slot > img,
#elims-malvada .mini-slot > img{border-radius:14px !important; overflow:hidden !important; display:block !important;}
.safe-slot,.stellar-slot,.secondary-slot,#elims-malvada .mini-slot{overflow:visible !important;}
.rat-banbar .safe-slot,.rat-banbar .stellar-slot,.rat-banbar .secondary-slot,#elims-malvada .mini-slot{overflow:visible !important;}

/* Iconografía por fuera y con fondo limpio. */
.safe-slot::before{top:-20px !important; left:50% !important; transform:translateX(-50%) !important; font-size:24px !important; width:28px !important; height:28px !important; display:grid !important; place-items:center !important; background:rgba(12,8,18,.90) !important; border-radius:999px !important; box-shadow:0 8px 18px rgba(0,0,0,.28) !important;}
#elims-malvada .mini-slot::before{top:-20px !important; left:50% !important; transform:translateX(-50%) !important; font-size:22px !important; width:28px !important; height:28px !important; display:grid !important; place-items:center !important; background:rgba(12,8,18,.90) !important; border-radius:999px !important; box-shadow:0 8px 18px rgba(0,0,0,.28) !important;}
.stellar-slot.has-crown::after,.secondary-slot.has-crown::after,.pick-slot.stellar::after,.pick-slot.has-crown::after{content:"👑" !important; top:-18px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; width:28px !important; height:28px !important; display:grid !important; place-items:center !important; font-size:20px !important; color:#ffe487 !important; background:rgba(12,8,18,.90) !important; border:none !important; border-radius:999px !important; box-shadow:0 8px 18px rgba(0,0,0,.28) !important; z-index:16 !important;}

/* Que el pick siga limpio aunque la corona vaya por fuera. */
.pick-cons-badge{top:4px !important; left:4px !important; z-index:18 !important;}
.pick-slot > img.pick-weapon-badge, .pick-slot .pick-weapon-badge{right:4px !important; bottom:4px !important; z-index:18 !important;}


/* Bajar un poco el perfil para que el marco no se salga. */
.rat-slot{padding-top:6px !important;}
.avatar-wrap.rat-avatar-wrap{margin-top:8px !important; --size:56px !important;}
.rat-header{margin-top:4px !important; padding-top:8px !important; min-height:70px !important; align-items:start !important;}
.rat-head-meta,.rat-stats-vert{padding-top:4px !important;}

/* Subir toda la zona jugable y dejar labels fuera de las casillas. */
.rat-banbar{margin-top:-18px !important; align-items:end !important;}
.rat-minirow{margin-top:-18px !important; grid-template-columns:1fr !important; gap:6px !important; align-items:start !important;}
.rat-minirow .mini-title{position:static !important; justify-self:center !important; margin:0 0 4px 0 !important; line-height:1 !important; transform:none !important; z-index:3 !important;}
.rat-grid{margin-top:-16px !important; padding-top:28px !important; grid-template-columns:repeat(4,88px) !important; grid-auto-rows:88px !important; justify-content:center !important; column-gap:8px !important; row-gap:6px !important;}
.rat-grid::before{top:4px !important; left:50% !important; transform:translateX(-50%) !important; z-index:4 !important; pointer-events:none !important;}
.pick-slot{width:88px !important; height:88px !important; min-height:88px !important; max-width:88px !important; border-radius:16px !important; overflow:visible !important;}
@media (max-width:1500px){.rat-grid{grid-template-columns:repeat(4,82px) !important;grid-auto-rows:82px !important}.pick-slot{width:82px !important;height:82px !important;min-height:82px !important;max-width:82px !important;}}
@media (max-width:1280px){.rat-grid{grid-template-columns:repeat(4,76px) !important;grid-auto-rows:76px !important}.pick-slot{width:76px !important;height:76px !important;min-height:76px !important;max-width:76px !important;}}

/* Quitar la calavera interna rara del ban seguro: solo queda la de arriba. */
.safe-slot::after{content:none !important; display:none !important;}
.safe-slot .masked-mark{color:rgba(255,255,255,.92) !important; text-shadow:0 0 16px rgba(255,255,255,.10) !important;}

/* Iconos por fuera, distintos entre ban seguro y eliminación. */
.safe-slot::before{content:"☠️" !important; top:-20px !important; left:50% !important; transform:translateX(-50%) !important; font-size:24px !important; opacity:1 !important; z-index:18 !important;}
#elims-malvada .mini-slot::before{content:"💀" !important; top:-20px !important; left:50% !important; transform:translateX(-50%) !important; font-size:22px !important; z-index:18 !important;}
.stellar-slot.has-crown::after,.secondary-slot.has-crown::after,.pick-slot.stellar::after,.pick-slot.has-crown::after{top:-18px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; z-index:18 !important;}

/* Estelar perdido: sin corona y con X gigante. */
.stellar-slot.lost::after,.secondary-slot.lost::after{content:none !important; display:none !important;}
.masked-x{position:absolute !important; inset:0 !important; display:grid !important; place-items:center !important; font-size:64px !important; line-height:1 !important; font-weight:1000 !important; color:#ff8a98 !important; text-shadow:0 0 28px rgba(255,42,82,.58) !important; z-index:25 !important; pointer-events:none !important;}

/* Preview/trailer gigante en el espacio de la rata. */
.rat-zone-preview{z-index:0 !important; border-radius:inherit !important; overflow:hidden !important;}
.rat-zone-preview-video{opacity:0 !important; transition:opacity .20s ease !important; object-fit:cover !important; z-index:0 !important;}
.rat-zone-preview-video.active{opacity:.84 !important;}
.rat-zone-preview-veil{background:linear-gradient(180deg, rgba(8,8,12,.06), rgba(8,8,12,.30)) !important; z-index:1 !important;}
.rat-slot.has-zone-preview > *:not(.rat-zone-preview){position:relative !important; z-index:2 !important;}

/* Botones inline de protección para que no se quede colgado el robo. */
.rat-toolrow{display:none; justify-content:center; align-items:center; gap:8px; min-height:42px !important; margin-top:4px !important;}
.rat-toolrow.toolrow-protect,.rat-toolrow.toolrow-broom{display:flex !important;}
.rat-toolrow .broom-btn{display:inline-flex !important; width:auto !important;}
.protect-inline-btn,.protect-inline-note{display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(10,10,16,.64); color:#fff; font-size:11px; font-weight:1000; letter-spacing:.2px; box-shadow:0 8px 18px rgba(0,0,0,.24);}
.protect-inline-btn{cursor:pointer;}
.protect-inline-btn.yes,.protect-inline-note.yes{border-color:rgba(96,255,158,.42); box-shadow:0 0 18px rgba(96,255,158,.12);}
.protect-inline-btn.no,.protect-inline-note.no{border-color:rgba(255,110,110,.34); box-shadow:0 0 18px rgba(255,110,110,.10);}
.protect-inline-note.wait{border-color:rgba(255,224,116,.30); color:#fff0b1;}


/* Preview/trailer claros y sin velo oscuro. */
body.pv-trailer-open .bg-vignette{background:radial-gradient(82% 74% at 50% 18%, rgba(0,0,0,.01) 0%, rgba(0,0,0,.08) 70%, rgba(0,0,0,.16) 100%) !important;}
body.pv-trailer-open .fx-scanlines,
body.pv-trailer-open .fx-noise{opacity:0 !important; display:none !important;}
body.pv-trailer-open #background-trailer,
body.pv-trailer-open video#background-trailer{opacity:.99 !important; filter:none !important; image-rendering:auto !important;}
.rat-zone-preview-video,
.rat-zone-preview-video.active{opacity:1 !important; filter:none !important; image-rendering:auto !important;}
.rat-zone-preview-veil{background:transparent !important;}
.rat-slot.has-zone-preview > *:not(.rat-zone-preview){z-index:2 !important;}

/* Subir especiales/bans y separar mejor picks. */
.rat-header{min-height:60px !important;}
.rat-banbar{margin-top:-10px !important; margin-bottom:2px !important; align-items:center !important;}
.rat-minirow{margin-top:-6px !important; margin-bottom:2px !important; align-items:center !important;}
.rat-grid{
  margin-top:10px !important;
  padding-top:0 !important;
  row-gap:6px !important;
}
.rat-grid::before{
  left:-44px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:auto !important;
  content:"PICKS" !important;
  text-align:left !important;
}

/* Escudo gigante y claro para protección de eliminación estelar. */
.pick-slot.protected-choice,
.pick-slot.auto-protected{
  box-shadow:0 0 0 2px rgba(130,220,255,.28) inset, 0 0 22px rgba(120,215,255,.16) !important;
}
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  font-size:34px !important;
  z-index:20 !important;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.50)) drop-shadow(0 0 12px rgba(130,220,255,.35)) !important;
}
.pick-slot.auto-protected::before{font-size:28px !important; opacity:1 !important;}

/* Botones/notas de protección más visibles. */
.rat-toolrow{display:none; justify-content:center; align-items:center; gap:8px; min-height:44px !important; margin-top:6px !important;}
.rat-toolrow.toolrow-protect,.rat-toolrow.toolrow-broom{display:flex !important;}
.protect-inline-btn,.protect-inline-note{font-size:12px !important; min-height:38px !important;}
.protect-inline-btn{position:relative; z-index:5;}

/* Asegurar que el texto BANS/PICKS no se atraviese con las casillas. */
.rat-minirow .mini-title{position:relative; top:-1px; z-index:3;}

/* Estelar revelado/perdido gris en grid. */
.character.enemy-stellar-card{filter:grayscale(1) brightness(.68) !important;}
.character.enemy-stellar-card img{filter:grayscale(1) brightness(.78) !important;}


/* Fondo elemental totalmente sólido como draft normal. */
.pick-slot[data-el="Pyro"],
.pick-slot[data-el="Hydro"],
.pick-slot[data-el="Dendro"],
.pick-slot[data-el="Electro"],
.pick-slot[data-el="Geo"],
.pick-slot[data-el="Cryo"],
.pick-slot[data-el="Anemo"],
.pick-slot[data-el="Ninguno"]{
  background:linear-gradient(180deg, rgba(var(--elrgb),1) 0%, rgba(var(--elrgb),.92) 100%) !important;
  background-color:rgb(var(--elrgb)) !important;
  border-color:rgba(var(--elrgb),.95) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 16px rgba(var(--elrgb),.18) !important;
}
.pick-slot.finalized::before{opacity:.18 !important; filter:blur(1.4px) !important; mix-blend-mode:screen !important;}
.pick-slot > .pick-char-img,
.pick-slot > img:not(.pick-weapon-badge){background-color:rgb(var(--elrgb,255,255,255)) !important;}

/* Iconos encima, limpios, sin fondo negro. */
.safe-slot::before,
#elims-malvada .mini-slot::before,
.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after,
.pick-slot.stellar::after,
.pick-slot.has-crown::after{
  background:none !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
}
.safe-slot::before{content:"☠️" !important; top:-20px !important;}
#elims-malvada .mini-slot::before{content:"💀" !important; top:-20px !important;}
.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after,
.pick-slot.stellar::after,
.pick-slot.has-crown::after{content:"👑" !important; top:-18px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important;}

/* Subir bans / seguros / estelares sin mover los picks. */
.rat-banbar{
  transform:translateY(-28px) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  align-items:center !important;
}
.rat-minirow{
  transform:translateY(-20px) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:8px !important;
  align-items:center !important;
}
.rat-minirow .mini-title{
  justify-self:start !important;
  align-self:center !important;
  margin:0 !important;
  position:relative !important;
  top:0 !important;
}

/* Label PICKS dentro del espacio, a la izquierda del grid. */
.rat-grid{margin-top:10px !important; padding-top:0 !important; position:relative !important;}
.rat-grid::before{
  content:"PICKS" !important;
  left:6px !important;
  top:50% !important;
  transform:translate(-100%,-50%) !important;
  text-align:left !important;
  z-index:6 !important;
}

/* Escudo quieto y nítido. */
.pick-slot.protected-choice,
.pick-slot.auto-protected{
  box-shadow:0 0 0 2px rgba(130,220,255,.34) inset, 0 0 18px rgba(120,215,255,.18) !important;
}
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  animation:none !important;
  opacity:1 !important;
  font-size:30px !important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.42)) !important;
}
.pick-slot.auto-protected::before{font-size:24px !important;}

/* Botones inline de protección bien visibles. */
.rat-toolrow{display:none; justify-content:center; align-items:center; gap:8px; min-height:44px !important; margin-top:6px !important;}
.rat-toolrow.toolrow-protect,.rat-toolrow.toolrow-broom{display:flex !important; visibility:visible !important; opacity:1 !important;}
.protect-inline-btn,.protect-inline-note{display:inline-flex !important; align-items:center !important; justify-content:center !important;}
.protect-inline-btn{pointer-events:auto !important; cursor:pointer !important;}

/* Si el estelar se revela o se pierde, el card gris se ve claro. */
.character.enemy-stellar-card{filter:grayscale(1) brightness(.64) !important; border-color:rgba(255,255,255,.12) !important;}
.character.enemy-stellar-card img{filter:grayscale(1) brightness(.74) !important;}


/* Picks estelares: estrella arriba a la derecha, sin corona. */
.pick-slot.stellar::after,
.pick-slot.has-crown::after{
  content:"⭐" !important;
  position:absolute !important;
  top:4px !important;
  right:4px !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:auto !important;
  height:auto !important;
  display:block !important;
  font-size:18px !important;
  line-height:1 !important;
  color:#ffe487 !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  z-index:24 !important;
}

/* Layout unificado: subir seguros/estelares/bans y bajar un poco el tamaño de picks. */
.rat-banbar{
  transform:translateY(-40px) !important;
  margin-top:0 !important;
  margin-bottom:-8px !important;
  align-items:end !important;
}
.rat-minirow{
  transform:translateY(-34px) !important;
  margin-top:0 !important;
  margin-bottom:-10px !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:8px !important;
  align-items:center !important;
}
.rat-minirow .mini-title{
  justify-self:start !important;
  align-self:center !important;
  margin:0 !important;
  position:relative !important;
  top:0 !important;
}
#rat-malvada .rat-banbar{transform:translateY(-46px) !important;}
#rat-malvada .rat-minirow{transform:translateY(-40px) !important;}
#rat-malvada .rat-grid{margin-top:4px !important;}

.rat-grid{
  margin-top:6px !important;
  padding-top:0 !important;
  position:relative !important;
  grid-template-columns:repeat(4,74px) !important;
  grid-auto-rows:74px !important;
  justify-content:center !important;
  column-gap:6px !important;
  row-gap:6px !important;
}
.pick-slot{
  width:74px !important;
  height:74px !important;
  min-height:74px !important;
  max-width:74px !important;
  border-radius:14px !important;
}
@media (max-width:1500px){
  .rat-grid{grid-template-columns:repeat(4,70px) !important; grid-auto-rows:70px !important;}
  .pick-slot{width:70px !important; height:70px !important; min-height:70px !important; max-width:70px !important;}
}
@media (max-width:1280px){
  .rat-grid{grid-template-columns:repeat(4,66px) !important; grid-auto-rows:66px !important;}
  .pick-slot{width:66px !important; height:66px !important; min-height:66px !important; max-width:66px !important;}
}

/* Texto PICKS dentro del espacio, pegado al lado izquierdo del grid. */
.rat-grid::before{
  content:"PICKS" !important;
  position:absolute !important;
  left:-28px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:auto !important;
  text-align:left !important;
  z-index:8 !important;
  pointer-events:none !important;
}

/* Fondos elementales sólidos como draft normal. */
.pick-slot[data-el="Pyro"],
.pick-slot[data-el="Hydro"],
.pick-slot[data-el="Dendro"],
.pick-slot[data-el="Electro"],
.pick-slot[data-el="Geo"],
.pick-slot[data-el="Cryo"],
.pick-slot[data-el="Anemo"],
.pick-slot[data-el="Ninguno"]{
  background:radial-gradient(70% 90% at 50% 100%, rgba(var(--elrgb),.56) 0%, rgba(var(--elrgb),.24) 58%, rgba(var(--elrgb),.18) 100%), linear-gradient(180deg, rgba(var(--elrgb),.52), rgba(var(--elrgb),.38)) !important;
  border-color:rgba(var(--elrgb),.86) !important;
}
.pick-slot > img:not(.pick-weapon-badge),
.pick-slot > .pick-char-img,
.pick-slot .pick-char-img{
  z-index:2 !important;
}

/* Escudo quieto y centrado dentro de la imagen. */
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  display:block !important;
  font-size:30px !important;
  line-height:1 !important;
  opacity:1 !important;
  animation:none !important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.46)) !important;
  z-index:26 !important;
}
.pick-slot.auto-protected::before{font-size:26px !important;}

/* Iconos superiores limpios. */
.safe-slot::before,
#elims-malvada .mini-slot::before,
.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}


/* Picks un poco mas abajo y un poco mas grandes, con label dentro del espacio. */
.rat-grid{
  position:relative !important;
  margin-top:14px !important;
  margin-bottom:0 !important;
  padding:0 0 6px 0 !important;
  display:grid !important;
  grid-template-columns:48px repeat(4, 76px) !important;
  grid-template-rows:repeat(2, 76px) !important;
  column-gap:8px !important;
  row-gap:8px !important;
  justify-content:center !important;
  align-content:end !important;
}
.rat-grid::before{
  content:"PICKS" !important;
  position:absolute !important;
  left:6px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  text-align:left !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:1px !important;
  color:#66c3ff !important;
  z-index:8 !important;
  pointer-events:none !important;
}
.rat-grid > .pick-slot:nth-child(1){grid-column:2 !important;grid-row:1 !important;}
.rat-grid > .pick-slot:nth-child(2){grid-column:3 !important;grid-row:1 !important;}
.rat-grid > .pick-slot:nth-child(3){grid-column:4 !important;grid-row:1 !important;}
.rat-grid > .pick-slot:nth-child(4){grid-column:5 !important;grid-row:1 !important;}
.rat-grid > .pick-slot:nth-child(5){grid-column:2 !important;grid-row:2 !important;}
.rat-grid > .pick-slot:nth-child(6){grid-column:3 !important;grid-row:2 !important;}
.rat-grid > .pick-slot:nth-child(7){grid-column:4 !important;grid-row:2 !important;}
.rat-grid > .pick-slot:nth-child(8){grid-column:5 !important;grid-row:2 !important;}
.pick-slot{
  width:76px !important;
  height:76px !important;
  min-height:76px !important;
  max-width:76px !important;
  overflow:hidden !important;
  border-radius:14px !important;
}
/* Malvada: subir un poco mas la fila superior. */
.rat-slot[data-role="malvada"] .rat-banbar{
  transform:translateY(-34px) !important;
}
.rat-slot[data-role="malvada"] .rat-minirow{
  transform:translateY(-26px) !important;
}

/* Robo: mismo texto y botones mas consistentes. */
.protect-inline-btn[disabled],
button[disabled].big-choice{
  opacity:.55 !important;
  cursor:not-allowed !important;
  filter:grayscale(.12) !important;
}
.protect-inline-note.wait{min-width:220px !important; text-align:center !important;}

/* Fondo elemental fijo: se mueve solo la imagen, no el fondo. */
.pick-slot[data-el="Pyro"],
.pick-slot[data-el="Hydro"],
.pick-slot[data-el="Dendro"],
.pick-slot[data-el="Electro"],
.pick-slot[data-el="Geo"],
.pick-slot[data-el="Cryo"],
.pick-slot[data-el="Anemo"],
.pick-slot[data-el="Ninguno"]{
  background:linear-gradient(180deg, rgba(var(--elrgb),.96) 0%, rgba(var(--elrgb),.88) 100%) !important;
  background-color:rgb(var(--elrgb)) !important;
  border-color:rgba(var(--elrgb),.96) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 0 16px rgba(var(--elrgb),.18) !important;
}
.pick-slot > .pick-char-img,
.pick-slot > img:not(.pick-weapon-badge),
.pick-slot .pick-char-img{
  background:transparent !important;
  background-color:transparent !important;
}
.pick-slot::before{
  background:none !important;
}
.pick-slot.swinging > img,
.pick-slot.swinging > .pick-char-img{
  animation:pickFade .35s ease-out forwards, hoverUp 3s ease-in-out infinite .35s !important;
  will-change:transform !important;
}

@media (max-width:1500px){
  .rat-grid{grid-template-columns:44px repeat(4,72px) !important;grid-template-rows:repeat(2,72px) !important;column-gap:8px !important;row-gap:8px !important;}
  .rat-grid::before{width:36px !important;left:4px !important;}
  .pick-slot{width:72px !important;height:72px !important;min-height:72px !important;max-width:72px !important;}
}
@media (max-width:1280px){
  .rat-grid{grid-template-columns:40px repeat(4,68px) !important;grid-template-rows:repeat(2,68px) !important;column-gap:6px !important;row-gap:6px !important;}
  .rat-grid::before{width:34px !important;left:2px !important;font-size:11px !important;}
  .pick-slot{width:68px !important;height:68px !important;min-height:68px !important;max-width:68px !important;}
}


/* Traveler and hidden stellar polish. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark{
  opacity:1 !important;
  color:#ffe78d !important;
  text-shadow:0 0 18px rgba(255,224,120,.34) !important;
}
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:rgba(255,255,255,.96) !important;
  text-shadow:0 0 16px rgba(255,255,255,.14) !important;
}
.stellar-slot.hidden-by-pref .masked-mark{opacity:0 !important;}
.hidden-eye-mark{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  display:grid !important;
  place-items:center !important;
  font-size:18px !important;
  line-height:1 !important;
  color:#f5f7ff !important;
  text-shadow:0 0 14px rgba(0,0,0,.55) !important;
  z-index:22 !important;
  pointer-events:none !important;
}

/* Layout: label PICKS really inside, consistent on all rats. */
.rat-slot .rat-grid{
  position:relative !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:12px auto 0 auto !important;
  padding:0 0 6px 40px !important;
  display:grid !important;
  grid-template-columns:repeat(4,74px) !important;
  grid-template-rows:repeat(2,74px) !important;
  column-gap:8px !important;
  row-gap:8px !important;
  justify-content:center !important;
  align-content:end !important;
}
.rat-slot .rat-grid::before{
  content:"PICKS" !important;
  position:absolute !important;
  left:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:28px !important;
  text-align:left !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:1px !important;
  color:#66c3ff !important;
  z-index:12 !important;
  pointer-events:none !important;
}
.rat-slot .rat-grid > .pick-slot:nth-child(1){grid-column:1 !important;grid-row:1 !important;}
.rat-slot .rat-grid > .pick-slot:nth-child(2){grid-column:2 !important;grid-row:1 !important;}
.rat-slot .rat-grid > .pick-slot:nth-child(3){grid-column:3 !important;grid-row:1 !important;}
.rat-slot .rat-grid > .pick-slot:nth-child(4){grid-column:4 !important;grid-row:1 !important;}
.rat-slot .rat-grid > .pick-slot:nth-child(5){grid-column:1 !important;grid-row:2 !important;}
.rat-slot .rat-grid > .pick-slot:nth-child(6){grid-column:2 !important;grid-row:2 !important;}
.rat-slot .rat-grid > .pick-slot:nth-child(7){grid-column:3 !important;grid-row:2 !important;}
.rat-slot .rat-grid > .pick-slot:nth-child(8){grid-column:4 !important;grid-row:2 !important;}
.pick-slot{width:74px !important;height:74px !important;min-height:74px !important;max-width:74px !important;border-radius:14px !important;overflow:hidden !important;position:relative !important;isolation:isolate !important;}

/* Only Malvada needed higher. */
.rat-slot[data-role="malvada"] .rat-banbar{transform:translateY(-50px) !important;}
.rat-slot[data-role="malvada"] .rat-minirow{transform:translateY(-42px) !important;}
.rat-slot[data-role="malvada"] .rat-grid{margin-top:2px !important;}

/* Clear star / icon visuals. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark{font-size:30px !important;}

/* Protected slot: grey image, bright shield. */
.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:grayscale(1) brightness(.76) !important;
}
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  display:block !important;
  font-size:30px !important;
  line-height:1 !important;
  opacity:1 !important;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.48)) !important;
  z-index:30 !important;
  animation:none !important;
}
.pick-slot.auto-protected::before{font-size:26px !important;}

/* Keep crowns/icons. */
.safe-slot::before,
.stellar-slot.has-crown::after,
.secondary-slot.has-crown::after,
.pick-slot.stellar::after,
.pick-slot.has-crown::after{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}

@media (max-width:1500px){
  .rat-slot .rat-grid{grid-template-columns:repeat(4,70px) !important;grid-template-rows:repeat(2,70px) !important;column-gap:7px !important;row-gap:7px !important;padding-left:38px !important;}
  .pick-slot{width:70px !important;height:70px !important;min-height:70px !important;max-width:70px !important;}
}
@media (max-width:1280px){
  .rat-slot .rat-grid{grid-template-columns:repeat(4,66px) !important;grid-template-rows:repeat(2,66px) !important;column-gap:6px !important;row-gap:6px !important;padding-left:34px !important;}
  .rat-slot .rat-grid::before{left:6px !important;width:24px !important;font-size:11px !important;}
  .pick-slot{width:66px !important;height:66px !important;min-height:66px !important;max-width:66px !important;}
}


/* Malvada: subir más ban seguro / estelares / eliminaciones. */
.rat-slot[data-role="malvada"] .rat-banbar{
  transform:translateY(-66px) !important;
}
.rat-slot[data-role="malvada"] .rat-minirow{
  transform:translateY(-58px) !important;
}
.rat-slot[data-role="malvada"] .rat-grid{
  margin-top:4px !important;
}

/* Label PICKS más a la izquierda y un poco más arriba, dentro del espacio. */
.rat-slot .rat-grid{
  padding-left:46px !important;
  margin-top:10px !important;
}
.rat-slot .rat-grid::before{
  left:10px !important;
  top:44% !important;
  transform:translateY(-50%) !important;
  width:32px !important;
  font-size:12px !important;
  line-height:1.05 !important;
}

/* Estrella clara dentro de las casillas de estelar vacías. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark{
  opacity:1 !important;
  color:#ffe98f !important;
  text-shadow:0 0 18px rgba(255,226,120,.58), 0 0 5px rgba(0,0,0,.48) !important;
  filter:none !important;
}
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:rgba(255,255,255,.98) !important;
  text-shadow:0 0 16px rgba(255,255,255,.18), 0 0 4px rgba(0,0,0,.42) !important;
}
.stellar-slot.hidden-by-pref .masked-mark{
  opacity:0 !important;
}
.hidden-eye-mark{
  font-size:19px !important;
  color:#ffffff !important;
  text-shadow:0 0 16px rgba(0,0,0,.65) !important;
}

/* Toggle de ojito debajo del temporizador solo para tu rata. */
.stellar-hide-toggle-row{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  min-width:0 !important;
  justify-content:flex-end !important;
}
.stellar-hide-toggle-btn{
  min-height:32px;
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(8,10,18,.72);
  color:#fff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.25px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}
.stellar-hide-toggle-btn.active{
  border-color:rgba(255,226,120,.42);
  box-shadow:0 0 18px rgba(255,226,120,.14);
  color:#ffe98f;
}

/* Escudo más claro y centrado. */
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  color:#ffffff !important;
  opacity:1 !important;
  filter:drop-shadow(0 3px 12px rgba(0,0,0,.54)) !important;
}


/* MALVADA más arriba. */
.rat-slot[data-role="malvada"] .rat-banbar{
  transform:translateY(-84px) !important;
}
.rat-slot[data-role="malvada"] .rat-minirow{
  transform:translateY(-76px) !important;
}
.rat-slot[data-role="malvada"] .rat-grid{
  margin-top:-6px !important;
}

/* PICKS más a la izquierda y un poco más arriba. */
.rat-slot .rat-grid{
  padding-left:50px !important;
  margin-top:8px !important;
}
.rat-slot .rat-grid::before{
  left:5px !important;
  top:41% !important;
  width:34px !important;
  font-size:12px !important;
  line-height:1 !important;
  text-align:left !important;
}

/* Estrella clara dentro de estelares. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark{
  color:#fff6b8 !important;
  opacity:1 !important;
  text-shadow:0 0 20px rgba(255,236,140,.72), 0 0 10px rgba(255,255,255,.36), 0 0 2px rgba(0,0,0,.22) !important;
  filter:brightness(1.18) saturate(1.12) !important;
}
.stellar-slot,
.secondary-slot{
  background:radial-gradient(circle at 50% 42%, rgba(255,226,120,.16), rgba(0,0,0,.22) 68%) !important;
}
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:#fff7cf !important;
  text-shadow:0 0 22px rgba(255,236,140,.68), 0 0 8px rgba(255,255,255,.28), 0 0 2px rgba(0,0,0,.18) !important;
}

/* Ojito: grande, clickable y visible desde el primer render de draft. */
.stellar-hide-toggle-row{
  position:relative !important;
  z-index:45 !important;
  pointer-events:auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:2px !important;
}
.stellar-hide-toggle-btn{
  position:relative !important;
  z-index:46 !important;
  pointer-events:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:38px !important;
  min-width:118px !important;
  padding:7px 14px !important;
  border-radius:999px !important;
  background:rgba(7,10,18,.92) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  cursor:pointer !important;
  user-select:none !important;
  box-shadow:0 10px 22px rgba(0,0,0,.32) !important;
}
.stellar-hide-toggle-btn .eye-ico{
  font-size:22px !important;
  line-height:1 !important;
  display:block !important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.42));
}
.stellar-hide-toggle-btn .eye-txt{
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.22px !important;
  white-space:nowrap !important;
}
.stellar-hide-toggle-btn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
}
.stellar-hide-toggle-btn.active{
  color:#ffe98f !important;
  border-color:rgba(255,226,120,.46) !important;
  box-shadow:0 0 18px rgba(255,226,120,.16), 0 10px 22px rgba(0,0,0,.32) !important;
}
.hidden-eye-mark{
  font-size:28px !important;
  color:#ffffff !important;
  text-shadow:0 0 18px rgba(0,0,0,.68), 0 0 10px rgba(255,255,255,.14) !important;
}

@media (max-width:1500px){
  .rat-slot[data-role="malvada"] .rat-banbar{ transform:translateY(-76px) !important; }
  .rat-slot[data-role="malvada"] .rat-minirow{ transform:translateY(-68px) !important; }
  .rat-slot .rat-grid{ padding-left:46px !important; }
  .rat-slot .rat-grid::before{ left:4px !important; width:32px !important; }
}

@media (max-width:1280px){
  .rat-slot[data-role="malvada"] .rat-banbar{ transform:translateY(-70px) !important; }
  .rat-slot[data-role="malvada"] .rat-minirow{ transform:translateY(-62px) !important; }
  .stellar-hide-toggle-btn{ min-width:108px !important; min-height:36px !important; padding:6px 12px !important; }
  .stellar-hide-toggle-btn .eye-ico{ font-size:20px !important; }
}


.rat-slot[data-role="malvada"] .rat-banbar{transform:translateY(-96px) !important;}
.rat-slot[data-role="malvada"] .rat-minirow{transform:translateY(-88px) !important;}
.rat-slot[data-role="malvada"] .rat-grid{margin-top:-12px !important;}
.stellar-slot .masked-mark,.secondary-slot .masked-mark{
  color:#fffad9 !important;
  opacity:1 !important;
  text-shadow:0 0 24px rgba(255,236,140,.92),0 0 12px rgba(255,255,255,.55),0 0 3px rgba(0,0,0,.25) !important;
  filter:brightness(1.28) saturate(1.15) !important;
}
.stellar-slot.has-secret .masked-mark,.secondary-slot.has-secret .masked-mark{
  color:#fffdf1 !important;
  text-shadow:0 0 26px rgba(255,236,140,.95),0 0 12px rgba(255,255,255,.65),0 0 3px rgba(0,0,0,.25) !important;
}
.stellar-hide-toggle-row{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  margin-top:6px !important;
  position:relative !important;
  z-index:80 !important;
  pointer-events:auto !important;
  background:transparent !important;
  border:none !important;
  min-height:0 !important;
  padding:0 !important;
}
.stellar-hide-toggle-btn{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
  position:relative !important;
  z-index:81 !important;
  background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.14), rgba(8,12,20,.96) 70%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.34) !important;
}
.stellar-hide-toggle-btn:hover{transform:translateY(-1px) scale(1.03) !important;filter:brightness(1.06) !important;}
.stellar-hide-toggle-btn .eye-ico{font-size:30px !important;line-height:1 !important;display:block !important;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45));}
.stellar-hide-toggle-btn.active{border-color:rgba(255,226,120,.58) !important;box-shadow:0 0 18px rgba(255,226,120,.20),0 12px 24px rgba(0,0,0,.34) !important;}
.hidden-eye-mark{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:34px !important;
  color:#ffffff !important;
  text-shadow:0 0 20px rgba(0,0,0,.72),0 0 10px rgba(255,255,255,.20) !important;
  z-index:4 !important;
}
.stellar-slot.hidden-by-pref .masked-mark{opacity:0 !important;}
.pick-slot.protected-choice > .pick-char-img,.pick-slot.protected-choice > img:not(.pick-weapon-badge),.pick-slot.auto-protected > .pick-char-img,.pick-slot.auto-protected > img:not(.pick-weapon-badge){filter:grayscale(1) brightness(.68) !important;}
.pick-slot.protected-choice::before,.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  font-size:32px !important;
  line-height:1 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:0 0 16px rgba(255,255,255,.35),0 2px 10px rgba(0,0,0,.52) !important;
  z-index:35 !important;
  animation:none !important;
}
@media (max-width:1500px){
  .rat-slot[data-role="malvada"] .rat-banbar{transform:translateY(-88px) !important;}
  .rat-slot[data-role="malvada"] .rat-minirow{transform:translateY(-80px) !important;}
  .stellar-hide-toggle-btn{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;}
  .stellar-hide-toggle-btn .eye-ico{font-size:28px !important;}
}
@media (max-width:1280px){
  .rat-slot[data-role="malvada"] .rat-banbar{transform:translateY(-82px) !important;}
  .rat-slot[data-role="malvada"] .rat-minirow{transform:translateY(-74px) !important;}
  .stellar-hide-toggle-btn{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;}
  .stellar-hide-toggle-btn .eye-ico{font-size:26px !important;}
}


.rat-stats-vert{
  position:relative !important;
  z-index:95 !important;
}

/* Malvada: subir un poco mas y centrar mejor PICKS. */
.rat-slot[data-role="malvada"] .rat-banbar{
  transform:translateY(-62px) !important;
}
.rat-slot[data-role="malvada"] .rat-minirow{
  transform:translateY(-54px) !important;
}
.rat-slot[data-role="malvada"] .rat-grid::before{
  top:50% !important;
  transform:translateY(-58%) !important;
}

/* Boton del ojo: grande, visible y con texto. */
.stellar-hide-toggle-row{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  margin-top:6px !important;
  position:relative !important;
  z-index:120 !important;
  pointer-events:auto !important;
}
.stellar-hide-toggle-btn{
  width:auto !important;
  height:50px !important;
  min-width:138px !important;
  min-height:50px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
  position:relative !important;
  z-index:121 !important;
  background:linear-gradient(180deg, rgba(18,24,36,.98), rgba(7,10,18,.98)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.34) !important;
}
.stellar-hide-toggle-btn .eye-ico{
  font-size:30px !important;
  line-height:1 !important;
  display:block !important;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.45));
}
.stellar-hide-toggle-btn .eye-txt{
  display:block !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:.9px !important;
  color:#eef4ff !important;
  text-transform:uppercase !important;
}
.stellar-hide-toggle-btn:hover{
  transform:translateY(-1px) scale(1.02) !important;
  filter:brightness(1.06) !important;
}
.stellar-hide-toggle-btn.active{
  border-color:rgba(255,226,120,.62) !important;
  box-shadow:0 0 18px rgba(255,226,120,.22),0 12px 24px rgba(0,0,0,.34) !important;
}

/* Ojito dentro de la casilla del estelar oculto. */
.hidden-eye-mark{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:38px !important;
  color:#ffffff !important;
  text-shadow:0 0 20px rgba(0,0,0,.72),0 0 10px rgba(255,255,255,.20) !important;
  z-index:20 !important;
}
.stellar-slot.hidden-by-pref .masked-mark{
  opacity:0 !important;
}

/* Estrella clara en slots estelares. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark{
  opacity:1 !important;
  color:#ffd95c !important;
  text-shadow:0 0 20px rgba(255,219,92,.62),0 0 8px rgba(255,255,255,.28) !important;
  font-size:30px !important;
}
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:#ffd95c !important;
  text-shadow:0 0 20px rgba(255,219,92,.68),0 0 8px rgba(255,255,255,.32) !important;
}

/* Escudo claro al proteger. */
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  color:#ffffff !important;
  font-size:34px !important;
  line-height:1 !important;
  opacity:1 !important;
  text-shadow:0 0 18px rgba(255,255,255,.32),0 2px 10px rgba(0,0,0,.56) !important;
  filter:none !important;
  z-index:35 !important;
}
.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:grayscale(1) brightness(.66) !important;
}

@media (max-width:1500px){
  .rat-slot[data-role="malvada"] .rat-banbar{transform:translateY(-56px) !important;}
  .rat-slot[data-role="malvada"] .rat-minirow{transform:translateY(-48px) !important;}
  .stellar-hide-toggle-btn{min-width:126px !important;height:46px !important;min-height:46px !important;padding:0 14px !important;}
  .stellar-hide-toggle-btn .eye-ico{font-size:28px !important;}
  .stellar-hide-toggle-btn .eye-txt{font-size:12px !important;}
}
@media (max-width:1280px){
  .rat-slot[data-role="malvada"] .rat-banbar{transform:translateY(-52px) !important;}
  .rat-slot[data-role="malvada"] .rat-minirow{transform:translateY(-44px) !important;}
  .stellar-hide-toggle-btn{min-width:118px !important;height:42px !important;min-height:42px !important;padding:0 12px !important;}
  .stellar-hide-toggle-btn .eye-ico{font-size:25px !important;}
  .stellar-hide-toggle-btn .eye-txt{font-size:11px !important;}
}


.rat-slot{position:relative !important;}

/* Malvada: subir un poco más la fila superior y centrar mejor PICKS. */
#rat-malvada .rat-banbar{
  transform:translateY(-64px) !important;
}
#rat-malvada .rat-minirow{
  transform:translateY(-56px) !important;
}
#rat-malvada .rat-grid{
  margin-top:-6px !important;
}
#rat-malvada .rat-grid::before{
  top:-28px !important;
  left:10px !important;
  transform:none !important;
}

/* Ojo de ocultar: pequeño, flotante y sin mover layout. */
.stellar-hide-toggle-row{
  position:absolute !important;
  top:110px !important;
  right:16px !important;
  margin:0 !important;
  z-index:60 !important;
  pointer-events:auto !important;
}
.stellar-hide-toggle-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:78px !important;
  width:auto !important;
  height:26px !important;
  min-height:26px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:rgba(10,12,20,.92) !important;
  color:#fff7d0 !important;
  box-shadow:0 6px 16px rgba(0,0,0,.26) !important;
  transform:none !important;
  backdrop-filter:none !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.stellar-hide-toggle-btn:hover{
  transform:none !important;
  filter:brightness(1.04) !important;
}
.stellar-hide-toggle-btn .eye-ico{
  font-size:13px !important;
  line-height:1 !important;
  filter:none !important;
}
.stellar-hide-toggle-btn .eye-txt{
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
}
.stellar-hide-toggle-btn.active{
  border-color:rgba(255,220,110,.62) !important;
  box-shadow:0 0 0 1px rgba(255,220,110,.18) inset, 0 6px 16px rgba(0,0,0,.26) !important;
}
.stellar-hide-toggle-row.pending .stellar-hide-toggle-btn{
  opacity:.92 !important;
}

/* Ojo grande al centro del estelar oculto. */
.hidden-eye-mark{
  font-size:30px !important;
  line-height:1 !important;
  color:#fff4bf !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  z-index:22 !important;
}
.stellar-slot.hidden-by-pref .masked-mark{
  opacity:0 !important;
}

/* Estrella simple amarilla dentro de la casilla. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark{
  color:#ffd84a !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  font-size:28px !important;
}
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:#ffd84a !important;
  text-shadow:none !important;
}

/* Escudo claro para protección de eliminación estelar. */
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:rgba(10,16,28,.84) !important;
  color:#dff1ff !important;
  font-size:30px !important;
  line-height:1 !important;
  opacity:1 !important;
  text-shadow:none !important;
  filter:none !important;
  z-index:36 !important;
}
.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:grayscale(1) brightness(.58) !important;
}

@media (max-width:1500px){
  .stellar-hide-toggle-row{top:106px !important; right:14px !important;}
  #rat-malvada .rat-banbar{transform:translateY(-60px) !important;}
  #rat-malvada .rat-minirow{transform:translateY(-52px) !important;}
}
@media (max-width:1280px){
  .stellar-hide-toggle-row{top:102px !important; right:12px !important;}
  .stellar-hide-toggle-btn{min-width:72px !important; height:24px !important; min-height:24px !important; padding:0 7px !important;}
  .stellar-hide-toggle-btn .eye-txt{font-size:8px !important;}
  #rat-malvada .rat-banbar{transform:translateY(-56px) !important;}
  #rat-malvada .rat-minirow{transform:translateY(-48px) !important;}
}


/* + #2 Malvada: centrar bien PICKS y bajar solo un poco los bans normales. */
#rat-malvada .rat-grid::before{
  top:50% !important;
  left:8px !important;
  transform:translateY(-50%) !important;
  width:34px !important;
}
#rat-malvada .rat-minirow .mini-slots{
  transform:translateY(6px) !important;
}
#rat-malvada .rat-minirow .mini-title{
  transform:none !important;
}

/* Botón Mostrar debajo del temporizador, sin invadirlo. */
.rat-stats-vert{
  align-content:start !important;
}
.stellar-hide-toggle-row{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  left:auto !important;
  margin-top:6px !important;
  display:flex !important;
  justify-content:flex-end !important;
  z-index:8 !important;
}
.stellar-hide-toggle-btn{
  min-width:116px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 10px !important;
  gap:6px !important;
}
.stellar-hide-toggle-btn .eye-ico{
  font-size:16px !important;
}
.stellar-hide-toggle-btn .eye-txt{
  font-size:10px !important;
}

/* Ojo centrado dentro del estelar, incluso si aún no elegiste estelar. */
.stellar-slot,
.secondary-slot{
  position:relative !important;
}
.hidden-eye-mark{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:34px !important;
  line-height:1 !important;
  color:#fff8d1 !important;
  text-shadow:0 0 10px rgba(0,0,0,.62) !important;
  z-index:25 !important;
  pointer-events:none !important;
}
.stellar-slot.hidden-by-pref .masked-mark,
.secondary-slot.hidden-by-pref .masked-mark{
  opacity:0 !important;
}

/* Estrella simple amarilla, sin brillo raro. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark{
  color:#ffd84a !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  font-size:28px !important;
}
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:#ffd84a !important;
  text-shadow:none !important;
  filter:none !important;
}

/* Aviso rojo permanente debajo del grid mientras dure el robo estelar. */
.turn-note-stellar-steal{
  color:#ff4343 !important;
  font-weight:1000 !important;
  letter-spacing:.45px !important;
  text-align:center !important;
  font-size:15px !important;
}


#rat-malvada .rat-grid::before{
  top:48% !important;
}

/* Botón Mostrar/Ocultar fijo debajo del temporizador y sin mover nada. */
.rat-slot{
  position:relative !important;
}
.rat-stats-vert{
  position:relative !important;
}
.stellar-hide-toggle-row{
  position:absolute !important;
  top:108px !important;
  right:14px !important;
  left:auto !important;
  margin:0 !important;
  z-index:40 !important;
  pointer-events:auto !important;
}
.stellar-hide-toggle-btn{
  min-width:108px !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 10px !important;
  gap:6px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:auto !important;
}

/* Ojo totalmente dentro de la casilla. */
.stellar-slot,
.secondary-slot{
  overflow:hidden !important;
  position:relative !important;
}
.hidden-eye-mark{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  transform:none !important;
  font-size:26px !important;
  line-height:1 !important;
  z-index:30 !important;
  pointer-events:none !important;
}
.stellar-slot.hidden-by-pref .masked-mark,
.secondary-slot.hidden-by-pref .masked-mark{
  opacity:0 !important;
}

/* Estrella simple, amarilla, sin brillo raro. */
.stellar-slot .masked-mark,
.secondary-slot .masked-mark,
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:#ffd84a !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* Texto cuando una rata roba un PJ. */
.turn-note-steal-result{
  color:#ffffff !important;
  font-weight:1000 !important;
  letter-spacing:.35px !important;
}
.turn-note-steal-result .role-pill{
  vertical-align:middle;
}

@media (max-width:1500px){
  .stellar-hide-toggle-row{top:102px !important; right:12px !important;}
}
@media (max-width:1280px){
  .stellar-hide-toggle-row{top:98px !important; right:10px !important;}
  .stellar-hide-toggle-btn{min-width:96px !important; min-height:26px !important; height:26px !important; padding:0 8px !important;}
  .stellar-hide-toggle-btn .eye-ico{font-size:14px !important;}
  .stellar-hide-toggle-btn .eye-txt{font-size:9px !important;}
}


.rat-stats-vert{
  position:relative !important;
  z-index:25 !important;
}
.rat-stats-vert .stellar-hide-toggle-row{
  position:absolute !important;
  top:calc(100% + 4px) !important;
  right:0 !important;
  left:auto !important;
  margin:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  z-index:50 !important;
  pointer-events:auto !important;
}
.rat-stats-vert .stellar-hide-toggle-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-width:126px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:linear-gradient(180deg, rgba(18,24,36,.98), rgba(7,10,18,.98)) !important;
  color:#eef4ff !important;
  box-shadow:0 10px 20px rgba(0,0,0,.28) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
}
.rat-stats-vert .stellar-hide-toggle-btn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
}
.rat-stats-vert .stellar-hide-toggle-btn.active{
  border-color:rgba(255,220,110,.58) !important;
  color:#ffe58a !important;
  box-shadow:0 0 0 1px rgba(255,220,110,.12) inset, 0 10px 20px rgba(0,0,0,.28) !important;
}
.rat-stats-vert .stellar-hide-toggle-btn .eye-ico{
  font-size:18px !important;
  line-height:1 !important;
  display:block !important;
  filter:none !important;
}
.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  display:block !important;
  font-size:10px !important;
  font-weight:1000 !important;
  letter-spacing:.8px !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Solo un poco más arriba el PICKS de Malvada. */
#rat-malvada .rat-grid::before{
  top:48.5% !important;
  transform:translateY(-50%) !important;
}

/* Misma estrella clara dentro de las casillas estelares. */
.stellar-slot,
.secondary-slot{
  position:relative !important;
  overflow:hidden !important;
  background:rgba(0,0,0,.18) !important;
}
.stellar-slot .masked-mark,
.secondary-slot .masked-mark,
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:#ffd84a !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  font-size:28px !important;
}
.hidden-eye-mark{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  transform:none !important;
  font-size:26px !important;
  line-height:1 !important;
  color:#fff5c6 !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  z-index:30 !important;
  pointer-events:none !important;
}

@media (max-width:1500px){
  .rat-stats-vert .stellar-hide-toggle-btn{min-width:118px !important; height:32px !important; min-height:32px !important;}
}
@media (max-width:1280px){
  .rat-stats-vert .stellar-hide-toggle-row{top:calc(100% + 2px) !important;}
  .rat-stats-vert .stellar-hide-toggle-btn{min-width:108px !important; height:30px !important; min-height:30px !important; padding:0 10px !important;}
  .rat-stats-vert .stellar-hide-toggle-btn .eye-ico{font-size:16px !important;}
  .rat-stats-vert .stellar-hide-toggle-btn .eye-txt{font-size:9px !important;}
}


.waiting-role-line{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
}
.waiting-role-main{
  display:block !important;
}
.waiting-role-dots{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:.55 !important;
  transform:translateY(-2px) !important;
}
.waiting-role-dots > span{
  display:block !important;
  height:7px !important;
  font-size:16px !important;
}

.rat-stats-vert{
  overflow:visible !important;
}
.rat-stats-vert .stellar-hide-toggle-row{
  position:absolute !important;
  top:calc(100% + 6px) !important;
  right:0 !important;
  left:auto !important;
  width:max-content !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  pointer-events:auto !important;
  z-index:999 !important;
}
.rat-stats-vert .stellar-hide-toggle-btn,
.rat-stats-vert .stellar-hide-toggle-btn *,
.rat-stats-vert .stellar-hide-toggle-row,
.rat-stats-vert .stellar-hide-toggle-row *{
  pointer-events:auto !important;
}
.rat-stats-vert .stellar-hide-toggle-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:132px !important;
  min-width:132px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  cursor:pointer !important;
  user-select:none !important;
  touch-action:manipulation !important;
}
.rat-stats-vert .stellar-hide-toggle-btn .eye-ico,
.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  pointer-events:none !important;
}

#rat-malvada .rat-grid::before{
  top:47.9% !important;
  transform:translateY(-50%) !important;
}

.stellar-slot .masked-mark,
.secondary-slot .masked-mark,
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark{
  color:#ffd84a !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* Precise on top of. */
.rat-stats-vert .stellar-hide-toggle-row{
  top:calc(100% + 8px) !important;
  right:-2px !important;
  width:auto !important;
  max-width:none !important;
  z-index:5000 !important;
  isolation:isolate !important;
}
.rat-stats-vert .stellar-hide-toggle-btn{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  min-width:156px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 16px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg, rgba(18,24,36,.98), rgba(8,12,20,.98)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.32) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  z-index:5001 !important;
}
.rat-stats-vert .stellar-hide-toggle-btn .eye-ico,
.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  pointer-events:none !important;
  user-select:none !important;
}
.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  font-size:11px !important;
  letter-spacing:.9px !important;
}

#rat-malvada .rat-grid::before{
  top:47.35% !important;
  transform:translateY(-50%) !important;
}

.stellar-slot .masked-mark,
.secondary-slot .masked-mark,
.stellar-slot.has-secret .masked-mark,
.secondary-slot.has-secret .masked-mark,
#stellar-ladrona .masked-mark,
#stellar-malvada .masked-mark,
#stellar-corrupta .masked-mark,
#stellar-caotica .masked-mark,
#extra-stellar-ladrona .masked-mark,
#extra-stellar-malvada .masked-mark,
#extra-stellar-corrupta .masked-mark,
#extra-stellar-caotica .masked-mark{
  color:#ffe36a !important;
  -webkit-text-fill-color:#ffe36a !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  font-size:30px !important;
}

.pick-slot.protected-choice,
.pick-slot.auto-protected{
  box-shadow:0 0 0 2px rgba(120,215,255,.38) inset, 0 0 18px rgba(120,215,255,.14) !important;
}
.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:none !important;
  opacity:1 !important;
}
.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  font-size:30px !important;
  opacity:1 !important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.30)) !important;
}


.rat-slot,
.rat-stats-vert,
.rat-stats-vert .stellar-hide-toggle-row{
  overflow:visible !important;
}

.rat-stats-vert{
  position:relative !important;
}

.rat-stats-vert .stellar-hide-toggle-row{
  position:absolute !important;
  top:calc(100% + 4px) !important;
  right:0 !important;
  left:auto !important;
  width:auto !important;
  margin:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  z-index:7000 !important;
  pointer-events:auto !important;
}

.rat-stats-vert .stellar-hide-toggle-btn,
.rat-stats-vert .stellar-hide-toggle-btn *,
.rat-stats-vert .stellar-hide-toggle-row,
.rat-stats-vert .stellar-hide-toggle-row *{
  box-sizing:border-box !important;
}

.rat-stats-vert .stellar-hide-toggle-btn{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:108px !important;
  min-width:108px !important;
  max-width:108px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg, rgba(20,26,38,.98), rgba(8,12,20,.98)) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.28) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
  touch-action:manipulation !important;
  z-index:7001 !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-ico,
.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  pointer-events:none !important;
  user-select:none !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-ico{
  font-size:14px !important;
  line-height:1 !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.7px !important;
}

#rat-malvada .rat-grid::before{
  top:46.25% !important;
  transform:translateY(-50%) !important;
}

.rat-slot[data-role="corrupta"] .rat-banbar.triple,
.rat-slot[data-role="caotica"] .rat-banbar.triple{
  grid-template-columns:repeat(3, 62px) !important;
  justify-content:flex-start !important;
  align-items:center !important;
  column-gap:8px !important;
  row-gap:8px !important;
  padding-left:0 !important;
}

#rat-corrupta .safe-slot,
#rat-corrupta .stellar-slot,
#rat-corrupta .secondary-slot,
#rat-caotica .safe-slot,
#rat-caotica .stellar-slot,
#rat-caotica .secondary-slot,
#extra-stellar-corrupta,
#extra-stellar-caotica{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  min-height:62px !important;
  max-width:62px !important;
  max-height:62px !important;
  aspect-ratio:1 / 1 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  transform:none !important;
  margin:0 !important;
}

#extra-stellar-corrupta,
#extra-stellar-caotica{
  justify-self:start !important;
}

.pick-slot.protected-choice,
.pick-slot.auto-protected{
  box-shadow:0 0 0 2px rgba(126,214,255,.52) inset, 0 0 20px rgba(97,188,255,.22) !important;
}

.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:none !important;
  opacity:1 !important;
}

.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  font-size:26px !important;
  line-height:1 !important;
  color:#ffffff !important;
  opacity:1 !important;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.98), rgba(125,210,255,.98) 45%, rgba(46,111,220,.98) 100%) !important;
  border:2px solid rgba(236,247,255,.98) !important;
  border-radius:999px !important;
  box-shadow:0 10px 24px rgba(34,120,255,.34), 0 2px 10px rgba(0,0,0,.30) !important;
  filter:none !important;
  text-shadow:none !important;
  z-index:40 !important;
}

@media (max-width:1500px){
  .rat-stats-vert .stellar-hide-toggle-btn{
    width:102px !important;
    min-width:102px !important;
    max-width:102px !important;
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
  }
  .rat-stats-vert .stellar-hide-toggle-btn .eye-ico{font-size:13px !important;}
  .rat-stats-vert .stellar-hide-toggle-btn .eye-txt{font-size:8px !important;}
}

@media (max-width:1280px){
  .rat-stats-vert .stellar-hide-toggle-row{top:calc(100% + 2px) !important;}
  .rat-stats-vert .stellar-hide-toggle-btn{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 8px !important;
  }
  .rat-stats-vert .stellar-hide-toggle-btn .eye-ico{font-size:12px !important;}
  .rat-stats-vert .stellar-hide-toggle-btn .eye-txt{font-size:8px !important;}
}


.rat-slot,
.rat-stats-vert,
.rat-stats-vert .stellar-hide-toggle-row,
.rat-stats-vert .stellar-hide-toggle-btn{
  overflow:visible !important;
}

.rat-stats-vert{
  position:relative !important;
}

.rat-stats-vert .stellar-hide-toggle-row{
  position:absolute !important;
  top:calc(100% + 4px) !important;
  right:-2px !important;
  left:auto !important;
  width:max-content !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:4px !important;
  z-index:12000 !important;
  pointer-events:auto !important;
}

.rat-stats-vert .stellar-hide-toggle-btn,
.rat-stats-vert .stellar-hide-toggle-row,
.rat-stats-vert .stellar-hide-toggle-btn *{
  box-sizing:border-box !important;
}

.rat-stats-vert .stellar-hide-toggle-btn{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:138px !important;
  min-width:138px !important;
  max-width:138px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:linear-gradient(180deg, rgba(20,26,38,.99), rgba(8,12,20,.99)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.32) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
  touch-action:manipulation !important;
  z-index:12001 !important;
}

.rat-stats-vert .stellar-hide-toggle-btn:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.04) !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-ico,
.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  pointer-events:none !important;
  user-select:none !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-ico{
  font-size:18px !important;
  line-height:1 !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.9px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.stellar-slot.hidden-by-pref,
.secondary-slot.hidden-by-pref{
  background:rgba(0,0,0,.24) !important;
}

.stellar-slot.hidden-by-pref .masked-mark,
.secondary-slot.hidden-by-pref .masked-mark,
.stellar-slot.hidden-by-pref.has-secret .masked-mark,
.secondary-slot.hidden-by-pref.has-secret .masked-mark{
  display:none !important;
  content:none !important;
}

.stellar-slot.hidden-by-pref.has-crown::after,
.secondary-slot.hidden-by-pref.has-crown::after,
.stellar-slot.hidden-by-pref::after,
.secondary-slot.hidden-by-pref::after{
  content:none !important;
  display:none !important;
}

.stellar-slot.hidden-by-pref .hidden-eye-mark,
.secondary-slot.hidden-by-pref .hidden-eye-mark{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:28px !important;
  color:#fff4bf !important;
  opacity:1 !important;
  z-index:40 !important;
  pointer-events:none !important;
}

#rat-malvada .rat-grid::before{
  top:45.7% !important;
  transform:translateY(-50%) !important;
}

.rat-slot[data-role="corrupta"] .rat-banbar.triple,
.rat-slot[data-role="caotica"] .rat-banbar.triple{
  grid-template-columns:repeat(3, 60px) !important;
  justify-content:flex-start !important;
  align-items:center !important;
  column-gap:10px !important;
  row-gap:8px !important;
  padding-left:0 !important;
}

#rat-corrupta .safe-slot,
#rat-corrupta .stellar-slot,
#rat-corrupta .secondary-slot,
#rat-caotica .safe-slot,
#rat-caotica .stellar-slot,
#rat-caotica .secondary-slot,
#extra-stellar-corrupta,
#extra-stellar-caotica{
  width:60px !important;
  height:60px !important;
  min-width:60px !important;
  min-height:60px !important;
  max-width:60px !important;
  max-height:60px !important;
  aspect-ratio:1 / 1 !important;
  overflow:visible !important;
  margin:0 !important;
  transform:none !important;
}

#rat-corrupta .safe-slot::before,
#rat-caotica .safe-slot::before{
  top:-18px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  z-index:30 !important;
}

#rat-corrupta .stellar-slot.has-crown::after,
#rat-corrupta .secondary-slot.has-crown::after,
#rat-caotica .stellar-slot.has-crown::after,
#rat-caotica .secondary-slot.has-crown::after,
#extra-stellar-corrupta.has-crown::after,
#extra-stellar-caotica.has-crown::after{
  top:-18px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  z-index:30 !important;
}

.waiting-role-line{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
}

.waiting-role-main,
.waiting-role-ellipsis{
  display:inline-block !important;
}

.waiting-role-dots{
  display:none !important;
}

.waiting-role-ellipsis{
  line-height:1 !important;
  letter-spacing:0 !important;
}

.pick-slot.protected-choice,
.pick-slot.auto-protected{
  box-shadow:0 0 0 2px rgba(126,214,255,.55) inset, 0 0 22px rgba(97,188,255,.24) !important;
}

.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:none !important;
  opacity:1 !important;
}

.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:46px !important;
  height:46px !important;
  display:block !important;
  opacity:1 !important;
  border:none !important;
  border-radius:999px !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CradialGradient id='g' cx='32' cy='18' r='28' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f7fbff'/%3E%3Cstop offset='0.46' stop-color='%2392d5ff'/%3E%3Cstop offset='1' stop-color='%232e6fdc'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='30' fill='url(%23g)'/%3E%3Cpath d='M32 12l14 5v11c0 10-5.8 18.9-14 24-8.2-5.1-14-14-14-24V17l14-5z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  box-shadow:0 10px 24px rgba(34,120,255,.34), 0 2px 10px rgba(0,0,0,.30) !important;
  filter:none !important;
  z-index:40 !important;
}

@media (max-width:1500px){
  .rat-stats-vert .stellar-hide-toggle-btn{
    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
  }
}

@media (max-width:1280px){
  .rat-stats-vert .stellar-hide-toggle-row{top:calc(100% + 2px) !important;}
  .rat-stats-vert .stellar-hide-toggle-btn{
    width:122px !important;
    min-width:122px !important;
    max-width:122px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    padding:0 12px !important;
  }
  .rat-stats-vert .stellar-hide-toggle-btn .eye-ico{font-size:16px !important;}
  .rat-stats-vert .stellar-hide-toggle-btn .eye-txt{font-size:10px !important;}
}


.rat-stats-vert{
  position:relative !important;
  overflow:visible !important;
}

.rat-stats-vert .stellar-hide-toggle-row{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  margin:6px 0 0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  transform:none !important;
  z-index:20 !important;
  pointer-events:none !important;
}

.rat-stats-vert .stellar-hide-toggle-btn{
  position:relative !important;
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg, rgba(20,26,38,.98), rgba(8,12,20,.98)) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}

.rat-stats-vert .stellar-hide-toggle-btn:hover,
.rat-stats-vert .stellar-hide-toggle-btn:focus-visible{
  transform:translateY(-1px) !important;
  filter:brightness(1.05) !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-ico,
.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  pointer-events:none !important;
  user-select:none !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-ico{
  font-size:16px !important;
  line-height:1 !important;
}

.rat-stats-vert .stellar-hide-toggle-btn .eye-txt{
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.7px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.rat-stats-vert .stellar-hide-toggle-btn.active{
  border-color:rgba(255,226,120,.46) !important;
  box-shadow:0 0 18px rgba(255,226,120,.14), 0 10px 24px rgba(0,0,0,.28) !important;
}

.stellar-hide-toggle-row.pending,
.stellar-hide-toggle-btn.pending{
  opacity:.72 !important;
}

.pick-slot.protected-choice,
.pick-slot.auto-protected{
  box-shadow:0 0 0 2px rgba(140,225,255,.42) inset, 0 0 16px rgba(88,188,255,.16) !important;
}

.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:"🛡️" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  display:block !important;
  font-size:34px !important;
  line-height:1 !important;
  color:#fff !important;
  opacity:1 !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
  text-shadow:0 0 12px rgba(255,255,255,.28), 0 2px 10px rgba(0,0,0,.58) !important;
  z-index:40 !important;
  animation:none !important;
}

@media (max-width:1500px){
  .rat-stats-vert .stellar-hide-toggle-row,
  .rat-stats-vert .stellar-hide-toggle-btn{
    width:144px !important;
    min-width:144px !important;
    max-width:144px !important;
  }
}

@media (max-width:1280px){
  .rat-stats-vert .stellar-hide-toggle-row,
  .rat-stats-vert .stellar-hide-toggle-btn{
    width:136px !important;
    min-width:136px !important;
    max-width:136px !important;
  }
  .rat-stats-vert .stellar-hide-toggle-btn{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
  }
}


/* Stellar toggle, visible shield badge. */
.rat-slot > .stellar-hide-toggle-row--clean{
  position:relative !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:8px 0 6px !important;
  padding:0 !important;
  z-index:40 !important;
  pointer-events:auto !important;
}

.rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean,
.rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean *{
  box-sizing:border-box !important;
  pointer-events:auto !important;
}

.rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean{
  all:unset;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:min(100%, 220px) !important;
  min-width:220px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:linear-gradient(180deg, rgba(28,34,48,.98), rgba(12,16,26,.98)) !important;
  color:#fff !important;
  cursor:pointer !important;
  user-select:none !important;
  touch-action:manipulation !important;
  text-align:center !important;
  font-weight:1000 !important;
  font-size:12px !important;
  line-height:1 !important;
  letter-spacing:.3px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
}

.rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean:hover,
.rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean:focus-visible{
  background:linear-gradient(180deg, rgba(38,46,63,.99), rgba(16,22,34,.99)) !important;
  border-color:rgba(255,255,255,.28) !important;
  outline:none !important;
}

.rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean.active{
  border-color:rgba(255,226,120,.62) !important;
  background:linear-gradient(180deg, rgba(58,48,18,.98), rgba(25,21,10,.98)) !important;
}

.rat-slot > .stellar-hide-toggle-row--clean.pending .stellar-hide-toggle-btn--clean{
  opacity:1 !important;
}

.rat-slot > .stellar-hide-toggle-row--clean .eye-ico{
  display:block !important;
  font-size:18px !important;
  line-height:1 !important;
  pointer-events:none !important;
}

.rat-slot > .stellar-hide-toggle-row--clean .eye-txt{
  display:block !important;
  line-height:1 !important;
  pointer-events:none !important;
}

@media (max-width: 900px){
  .rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean{
    min-width:196px !important;
    width:min(100%, 196px) !important;
    height:42px !important;
    min-height:42px !important;
    font-size:11px !important;
  }
}

.pick-slot.protected-choice::before,
.pick-slot.auto-protected::before{
  content:none !important;
  display:none !important;
}

.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:none !important;
  opacity:1 !important;
}

.pick-slot .pick-protect-badge{
  position:absolute !important;
  top:4px !important;
  right:4px !important;
  z-index:30 !important;
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  height:24px !important;
  font-size:18px !important;
  line-height:1 !important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-variant-emoji:emoji !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:0 2px 10px rgba(0,0,0,.58) !important;
  opacity:1 !important;
  pointer-events:none !important;
}


/* Roster toast, centered shield. */
.center-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

#roster-publish-toast.roster-publish-toast{
  display:block;
  align-self:center;
  max-width:min(88%, 420px);
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(140,255,185,.28);
  background:linear-gradient(180deg, rgba(18,30,22,.96), rgba(10,18,14,.92));
  color:#f5fff7;
  font-size:12px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.2px;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.26);
}
#roster-publish-toast.hidden{display:none !important;}

.pick-slot .pick-protect-badge{
  position:absolute !important;
  inset:0 !important;
  z-index:34 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  font-size:30px !important;
  line-height:1 !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:0 3px 18px rgba(0,0,0,.72), 0 0 10px rgba(255,255,255,.18) !important;
  opacity:1 !important;
  pointer-events:none !important;
}

.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:none !important;
  opacity:1 !important;
}


/* Place stellar toggle under timer without moving bans. */
.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{
  position:absolute !important;
  top:124px !important;
  right:10px !important;
  left:auto !important;
  bottom:auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  z-index:55 !important;
  pointer-events:auto !important;
}

.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .stellar-hide-toggle-btn--clean,
.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .stellar-hide-toggle-btn--clean *{
  box-sizing:border-box !important;
}

.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .stellar-hide-toggle-btn--clean{
  width:116px !important;
  min-width:116px !important;
  max-width:116px !important;
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  padding:0 10px !important;
  gap:6px !important;
  border-radius:12px !important;
  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.22px !important;
  white-space:nowrap !important;
  box-shadow:0 8px 20px rgba(0,0,0,.24) !important;
}

.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .eye-ico{
  font-size:14px !important;
  line-height:1 !important;
}

.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .eye-txt{
  font-size:9px !important;
  line-height:1 !important;
}

@media (max-width: 900px){
  .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{
    top:118px !important;
    right:8px !important;
  }
  .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .stellar-hide-toggle-btn--clean{
    width:108px !important;
    min-width:108px !important;
    max-width:108px !important;
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 9px !important;
  }
  .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .eye-ico{
    font-size:13px !important;
  }
  .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .eye-txt{
    font-size:8px !important;
  }
}


.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{
  top:146px !important;
}
@media (max-width: 900px){
  .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{
    top:138px !important;
  }
}

.toast-corrupta-copy{
  color:#ffe27a;
  font-weight:1000;
  letter-spacing:.04em;
  text-shadow:0 0 10px rgba(255,226,122,.18), 0 2px 12px rgba(0,0,0,.42);
}


@media (max-width: 1600px){
}
@media (max-width: 1450px){
}
@media (max-width: 1320px){
}

/* Toggle lower, ranking like draft normal. */
.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{
  z-index: 140 !important;
}


@media (max-width: 1600px){
}
@media (max-width: 1450px){
}
@media (max-width: 1320px){
}


/* Fallback CSS por si todavía no corrió el JS. */
.rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{
  top: 162px !important;
  right: 10px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 12000 !important;
}
#rat-malvada > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{
  top: 190px !important;
}
@media (max-width: 900px){
  .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{ top: 152px !important; }
  #rat-malvada > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{ top: 178px !important; }
}

/* Lane mismo look del draft normal, pero más afuera del bloque de picks. */

/* Banner base — copiado del normal. */

@media (max-width: 1600px){
}
@media (max-width: 1450px){
}
@media (max-width: 1320px){
}

/* Mover solo el label PICKS de Malvada un poco a la izquierda y un poco hacia arriba. */
#rat-malvada .rat-grid::before{
  left: 2px !important;
  top: 44.9% !important;
  transform: translateY(-50%) !important;
}

/* No hace falta tocar JS/HTML: el problema era CSS. */


/* La causa de que salieran arriba: estas celdas NO deben ser absolute. */


/* THE BEST: pegar el icono al nombre como en el draft normal. */

@media (max-width: 1600px){
}
@media (max-width: 1450px){
}
@media (max-width: 1320px){
}

/* Lane anclado al grid, THE BEST con icono pegado y brillo. */

@keyframes pvBestBadgeSweep{
  0%{ opacity:0; transform:skewX(-18deg) translateX(-180%); }
  14%{ opacity:.96; }
  100%{ opacity:0; transform:skewX(-18deg) translateX(420%); }
}
@media (max-width: 1600px){
}
@media (max-width: 1450px){
}


/* Volver a base, animacion lateral real, por encima del grid. */


/* Ranking overlay por encima de todo. */


.tornado-panel{display:flex;flex-direction:column;gap:14px;color:#f6efff}
.tornado-hero{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(145deg, rgba(84,33,120,.88), rgba(24,13,42,.96));border:1px solid rgba(185,130,255,.28);box-shadow:0 18px 44px rgba(13,8,26,.42), inset 0 1px 0 rgba(255,255,255,.06)}
.tornado-hero.small{padding:12px 14px}
.tornado-hero h3{margin:0;font-size:20px;line-height:1.1;font-weight:1000;letter-spacing:.3px}
.tornado-hero p{margin:4px 0 0;color:#d9c7ff;font-size:13px;line-height:1.35}
.tornado-hero-badge{display:grid;place-items:center;min-width:88px;height:88px;border-radius:24px;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.28), transparent 42%), linear-gradient(145deg, rgba(167,97,255,.95), rgba(70,25,122,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 36px rgba(82,25,134,.34);font-size:14px;font-weight:1000;letter-spacing:1.4px;text-transform:uppercase}
.tornado-copy{font-size:14px;line-height:1.45;color:#f2e7ff}
.tornado-choice-grid{display:grid;gap:12px}
.tornado-choice-grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
.tornado-choice-grid.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
.tornado-choice-card,.tornado-target-card,.tornado-char-card,.tornado-slot-choice{appearance:none;border:none;text-align:left;cursor:pointer;padding:14px 15px;border-radius:18px;background:linear-gradient(180deg, rgba(24,24,35,.96), rgba(12,12,20,.98));border:1px solid rgba(255,255,255,.09);color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.22);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, opacity .16s ease}
.tornado-choice-card:hover,.tornado-target-card:hover,.tornado-char-card:hover,.tornado-slot-choice:hover{transform:translateY(-2px);border-color:rgba(186,129,255,.46);box-shadow:0 18px 32px rgba(44,12,82,.34)}
.tornado-choice-card.is-full{border-color:rgba(255,191,96,.34);background:linear-gradient(180deg, rgba(47,26,9,.95), rgba(24,14,8,.98))}
.tnd-choice-kicker,.tnd-mini-role,.tnd-slot-no{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;color:#c6a7ff}
.tornado-choice-card strong,.tornado-target-card strong,.tornado-char-card strong{display:block;margin-top:5px;font-size:17px;line-height:1.1;font-weight:1000}
.tornado-choice-card small,.tornado-target-card small,.tornado-char-card small{display:block;margin-top:7px;font-size:12px;line-height:1.35;color:#d5cce8}
.tornado-slot-choice{display:grid;place-items:center;min-height:82px;text-align:center;font-size:30px;font-weight:1000;border-radius:22px;background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.22), transparent 32%), linear-gradient(145deg, rgba(50,22,85,.96), rgba(14,10,24,.98));border:1px solid rgba(173,118,255,.22)}
.tornado-slot-choice.selected{border-color:rgba(212,173,255,.74);box-shadow:0 0 0 2px rgba(208,165,255,.18) inset, 0 20px 36px rgba(69,17,115,.42)}
.tornado-picked-line{padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:13px;color:#f9f1ff}
.tornado-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tornado-target-card.is-stellar{border-color:rgba(255,228,129,.42);background:linear-gradient(180deg, rgba(56,43,11,.96), rgba(24,19,8,.98));box-shadow:0 18px 34px rgba(89,61,12,.24)}
.tornado-empty-state{padding:18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.16);color:#dfd2ff;text-align:center}
.tornado-roulette-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:6px 2px}
.tornado-roulette-track--chaos{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.tornado-roulette-card{position:relative;padding:16px 14px;border-radius:18px;background:linear-gradient(180deg, rgba(20,18,34,.98), rgba(11,11,20,.98));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 24px rgba(0,0,0,.24);text-align:center;font-size:28px;font-weight:1000;letter-spacing:.5px;transform:translateY(0) scale(.98);opacity:.84;transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, opacity .14s ease}
.tornado-roulette-card--chaos{display:flex;flex-direction:column;gap:4px;font-size:16px;text-align:left}
.tornado-roulette-card .tnd-swap-arrow{font-size:18px;color:#ffd98e}
.tornado-roulette-card.is-hot{transform:translateY(-3px) scale(1.02);opacity:1;border-color:rgba(208,158,255,.72);box-shadow:0 0 0 2px rgba(217,174,255,.22) inset, 0 0 34px rgba(123,58,255,.30)}
.tornado-roulette-card.is-win{border-color:rgba(255,239,170,.92);box-shadow:0 0 0 2px rgba(255,245,188,.26) inset, 0 0 42px rgba(255,223,115,.42);background:linear-gradient(180deg, rgba(57,42,10,.98), rgba(21,17,10,.98))}
.tornado-chaos-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tornado-chaos-col{display:flex;flex-direction:column;gap:10px}
.tnd-col-title{font-size:12px;font-weight:1000;letter-spacing:1.2px;text-transform:uppercase;color:#fff;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.tornado-chaos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tornado-char-card{min-height:118px}
.tornado-char-card.rival{cursor:default}
.tornado-char-card.is-stellar{border-color:rgba(255,228,129,.42);background:linear-gradient(180deg, rgba(56,43,11,.96), rgba(24,19,8,.98))}
.tornado-char-card.is-eligible{border-color:rgba(134,255,214,.34);background:linear-gradient(180deg, rgba(12,44,35,.96), rgba(9,21,20,.98))}
.tornado-char-card.is-auto-safe{opacity:.78}
.tornado-char-card.is-blocked{border-color:rgba(255,126,174,.64);box-shadow:0 0 0 2px rgba(255,126,174,.18) inset, 0 0 26px rgba(255,94,149,.26);background:linear-gradient(180deg, rgba(70,14,38,.96), rgba(28,10,20,.98))}
.tnd-mini-role.alt{color:#ffdca5}
.role-ladrona{color:#ff7e93}.role-malvada{color:#7bc8ff}.role-corrupta{color:#ffe481}.role-caotica{color:#85ffbf}
@media (max-width: 1100px){
  .tornado-choice-grid.two-cols,.tornado-chaos-columns,.tornado-target-grid{grid-template-columns:1fr}
  .tornado-choice-grid.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tornado-chaos-grid{grid-template-columns:1fr}
}


/* THE BEST segunda línea un poco más arriba. */

/* Tornado como sheet fijo compartido. */
.modal.tornado-sheet{
  position:fixed !important;
  inset:auto 18px 14px 18px !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  z-index:2147482600 !important;
  pointer-events:none !important;
}
.modal.tornado-sheet .modal-card{
  width:min(980px, calc(100vw - 36px)) !important;
  max-height:min(42vh, 420px) !important;
  margin:0 auto !important;
  overflow:auto !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(180deg, rgba(17,11,30,.98), rgba(10,8,19,.98)) !important;
  box-shadow:0 28px 60px rgba(0,0,0,.48) !important;
  pointer-events:auto !important;
}
.modal.tornado-sheet .modal-header{
  position:sticky !important;
  top:0 !important;
  background:linear-gradient(180deg, rgba(23,15,38,.98), rgba(23,15,38,.9)) !important;
}
.modal.tornado-sheet .modal-body{ padding:14px 16px 16px !important; }
.modal.tornado-sheet .modal-title{ font-size:16px !important; letter-spacing:.4px !important; }
.modal.tornado-sheet .modal-close{ opacity:.95 !important; }

.tornado-hero-badge{ display:none !important; }
.tornado-hero{ gap:10px !important; align-items:flex-start !important; }
.tornado-panel{ padding:2px 0 !important; }
.tornado-copy{ font-size:14px !important; line-height:1.45 !important; color:rgba(255,255,255,.92) !important; }
.tornado-choice-grid{ gap:12px !important; }
.tornado-choice-card,
.tornado-slot-choice,
.tornado-target-card,
.tornado-char-card{
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.24) !important;
}
.tornado-slot-choice.selected,
.tornado-char-card.is-blocked,
.tornado-target-card.is-stellar{
  box-shadow:0 0 0 1px rgba(255,220,120,.55), 0 14px 28px rgba(0,0,0,.34), 0 0 24px rgba(255,213,82,.22) !important;
}
.tornado-roulette-track{ gap:10px !important; }
.tornado-roulette-card{ min-height:86px !important; }

.pick-slot.tornado-victim-glow{
  box-shadow:0 0 0 2px rgba(255,224,102,.95), 0 0 0 6px rgba(255,214,64,.22), 0 0 34px rgba(255,214,64,.42) !important;
  filter:brightness(1.05) saturate(1.08) !important;
  animation:tornadoVictimPulse 1.05s ease-in-out infinite !important;
}
.pick-slot.tornado-victim-glow::after{
  content:"TORNADO";
  position:absolute;
  top:-10px;
  left:50%;
  transform:translateX(-50%);
  padding:3px 8px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,231,132,.96), rgba(255,192,66,.96));
  color:#2a1700;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.8px;
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  z-index:50;
}
.pick-slot.tornado-victim-clickable{
  cursor:pointer !important;
}
.pick-slot.tornado-victim-stellar{
  box-shadow:0 0 0 2px rgba(255,205,110,.98), 0 0 0 6px rgba(164,120,255,.24), 0 0 38px rgba(255,208,110,.46) !important;
}
@keyframes tornadoVictimPulse{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-2px) scale(1.03); }
}

@media (max-width: 1100px){
  .modal.tornado-sheet{ inset:auto 10px 10px 10px !important; }
  .modal.tornado-sheet .modal-card{
    width:calc(100vw - 20px) !important;
    max-height:min(48vh, 460px) !important;
  }
}


/* Preview sync, simple sticky buttons, compact tornado. */
.center-actions{
  position: sticky !important;
  bottom: 0 !important;
  z-index: 140 !important;
  padding: 0 10px 8px !important;
  background: transparent !important;
  border-top: none !important;
}
.action-area{min-height:0 !important;}
.action-wrap{
  gap:6px !important;
  padding:6px 10px 8px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px 14px 0 0 !important;
  background:linear-gradient(180deg, rgba(10,8,18,0), rgba(10,8,18,.72) 32%, rgba(10,8,18,.90) 100%) !important;
  box-shadow:0 -6px 18px rgba(0,0,0,.18) !important;
}
.action-btnrow{gap:6px !important; row-gap:6px !important;}
.characters-scroll{padding-bottom:86px !important;}
.modal.tornado-sheet{inset:auto 18px 10px 18px !important;}
.modal.tornado-sheet .modal-card{
  width:min(900px, calc(100vw - 36px)) !important;
  max-height:min(34vh, 310px) !important;
  border-radius:14px !important;
  border-width:1px !important;
}
.modal.tornado-sheet .modal-header{padding:10px 12px !important;}
.modal.tornado-sheet .modal-body{padding:10px 12px 12px !important;}
.tornado-panel{padding:0 !important;}
.tornado-copy{font-size:13px !important; line-height:1.35 !important;}
.tornado-choice-grid{gap:8px !important;}
.tornado-choice-card,
.tornado-slot-choice,
.tornado-target-card,
.tornado-char-card{border-radius:12px !important;}
img,video,canvas{overflow:clip !important;}
.rat-zone-preview-video{overflow:clip !important;}


.center-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:160 !important;
  padding:0 10px 8px !important;
  margin-top:-2px !important;
  background:none !important;
  border-top:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.action-area{
  min-height:0 !important;
  background:none !important;
}
.action-wrap{
  gap:6px !important;
  padding:2px 0 0 !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.action-btnrow{
  position:sticky !important;
  bottom:0 !important;
  z-index:165 !important;
  gap:6px !important;
  row-gap:6px !important;
  padding-top:4px !important;
  background:none !important;
}
.characters-scroll{
  padding-bottom:22px !important;
}
.center-card,
.center-actions,
.action-area,
.action-wrap,
.action-btnrow{
  background-image:none !important;
}

.modal.tornado-sheet{
  inset:auto 12px 8px 12px !important;
  z-index:2147482600 !important;
}
.modal.tornado-sheet .modal-card{
  width:min(820px, calc(100vw - 24px)) !important;
  max-height:min(26vh, 248px) !important;
  border-radius:12px !important;
  border-width:1px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.34) !important;
}
.modal.tornado-sheet .modal-header{
  padding:8px 10px !important;
}
.modal.tornado-sheet .modal-body{
  padding:8px 10px 10px !important;
}
.tornado-panel{
  padding:0 !important;
}
.tornado-copy{
  font-size:12px !important;
  line-height:1.28 !important;
}
.tornado-choice-grid,
.tornado-target-grid,
.tornado-chaos-grid,
.tornado-chaos-columns{
  gap:7px !important;
}
.tornado-choice-card,
.tornado-slot-choice,
.tornado-target-card,
.tornado-char-card,
.tornado-roulette-card{
  border-radius:12px !important;
  padding:8px !important;
}
.tornado-target-card strong,
.tornado-char-card strong{
  display:block !important;
  font-size:13px !important;
  line-height:1.1 !important;
}
.tornado-target-card small,
.tornado-char-card small{
  font-size:10px !important;
  line-height:1.15 !important;
}

.tnd-char-name{
  font-weight:1000 !important;
  text-shadow:0 0 12px rgba(0,0,0,.22) !important;
}
.tornado-char-card,
.tornado-target-card{
  position:relative !important;
}
.tnd-protect-ico{
  position:absolute !important;
  top:6px !important;
  right:6px !important;
  font-size:14px !important;
  line-height:1 !important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.38));
  z-index:3 !important;
}
.tornado-char-card.is-auto-safe,
.tornado-char-card.is-blocked,
.tornado-char-card.is-stellar,
.tornado-target-card.is-stellar{
  box-shadow:0 0 0 1px rgba(255,220,120,.40), 0 10px 18px rgba(0,0,0,.26) !important;
}
.tornado-picked-line{
  font-size:11px !important;
  margin-top:4px !important;
}

img, video, canvas,
.character img,
.pick-slot > img,
.pick-slot .pick-char-img,
.safe-slot > img,
.stellar-slot > img,
.secondary-slot > img,
.mini-slot > img{
  overflow:clip !important;
}


.center-card{
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
}
.center-actions{
  position:relative !important;
  bottom:auto !important;
  z-index:40 !important;
  padding:4px 10px 10px !important;
  min-height:68px !important;
  margin-top:0 !important;
  background:transparent !important;
  border-top:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  overflow:visible !important;
}
.action-area,
.action-wrap,
.action-btnrow{
  position:relative !important;
  bottom:auto !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.action-wrap{
  padding:0 !important;
  gap:6px !important;
}
.action-btnrow{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:6px !important;
  row-gap:6px !important;
  padding-top:4px !important;
}
.action-btnrow .big-choice,
.action-btnrow .decision-btn{
  min-height:36px !important;
  padding:8px 10px !important;
  font-size:12px !important;
  border-radius:10px !important;
}
.characters-scroll{
  padding-bottom:8px !important;
}
.modal.tornado-sheet{
  position:fixed !important;
  inset:auto 10px 8px 10px !important;
  display:grid !important;
  place-items:end center !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  pointer-events:none !important;
  z-index:2147482600 !important;
}
.modal.tornado-sheet .modal-card{
  pointer-events:auto !important;
  width:min(760px, calc(100vw - 20px)) !important;
  max-height:min(22vh, 210px) !important;
  margin:0 auto !important;
  overflow:auto !important;
  border-radius:12px !important;
  border-width:1px !important;
  box-shadow:0 14px 34px rgba(0,0,0,.30) !important;
}
.modal.tornado-sheet .modal-header{padding:7px 9px !important;}
.modal.tornado-sheet .modal-body{padding:7px 9px 9px !important;}
.tornado-copy{font-size:11px !important; line-height:1.22 !important;}
.tornado-choice-grid,.tornado-target-grid,.tornado-chaos-grid,.tornado-chaos-columns{gap:6px !important;}
.tornado-choice-card,.tornado-slot-choice,.tornado-target-card,.tornado-char-card,.tornado-roulette-card{padding:7px !important; border-radius:10px !important;}
.tornado-target-card strong,.tornado-char-card strong{font-size:12px !important;line-height:1.05 !important;}
.tornado-target-card small,.tornado-char-card small,.tornado-picked-line{font-size:10px !important;line-height:1.1 !important;}
.tnd-col-title{font-size:11px !important; letter-spacing:.3px !important;}
img,video,canvas{
  overflow:clip !important;
}


.modal.tornado-sheet{
  inset:auto 18px 12px 18px !important;
  place-items:end center !important;
}
.modal.tornado-sheet .modal-card{
  width:min(980px, calc(100vw - 36px)) !important;
  max-height:min(68vh, 620px) !important;
  overflow:hidden !important;
  border-radius:16px !important;
}
.modal.tornado-sheet .modal-header{
  padding:12px 14px !important;
}
.modal.tornado-sheet .modal-title{
  font-size:18px !important;
  font-weight:1000 !important;
  letter-spacing:.4px !important;
}
.modal.tornado-sheet .modal-body{
  padding:12px 14px 16px !important;
  overflow:auto !important;
}
.modal.tornado-sheet .tornado-actions-stick{
  position:sticky !important;
  bottom:0 !important;
  z-index:6 !important;
  padding:12px 0 0 !important;
  margin-top:6px !important;
  background:linear-gradient(180deg, rgba(10,8,18,0), rgba(10,8,18,.92) 30%) !important;
  justify-content:center !important;
}
.tornado-panel{
  gap:12px !important;
}
.tornado-copy{
  font-size:15px !important;
  line-height:1.42 !important;
  color:#f4efff !important;
}
.tornado-copy-xl{
  font-size:20px !important;
  line-height:1.25 !important;
  font-weight:1000 !important;
  text-align:center !important;
}
.tornado-choice-grid,
.tornado-target-grid,
.tornado-chaos-grid,
.tornado-chaos-columns{
  gap:10px !important;
}
.tornado-choice-grid.two-cols,
.tornado-chaos-columns{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.tornado-choice-grid.four-cols{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.tornado-slot-choice{
  min-height:92px !important;
  border-radius:18px !important;
}
.tornado-picked-line{
  text-align:center !important;
  font-weight:900 !important;
}
.tnd-col-title,
.tnd-chaos-sub{
  text-align:center !important;
}
.tnd-col-title{
  justify-content:center !important;
  font-size:13px !important;
  letter-spacing:.7px !important;
}
.tnd-chaos-sub{
  margin-top:-2px !important;
  color:var(--muted) !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.tornado-char-card,
.tornado-target-card,
.tornado-choice-card,
.tornado-slot-choice,
.tornado-roulette-card{
  border-radius:16px !important;
}
.tornado-char-card,
.tornado-target-card{
  min-height:126px !important;
}
.tornado-char-card strong,
.tornado-target-card strong{
  font-size:16px !important;
  line-height:1.1 !important;
}
.tornado-char-card small,
.tornado-target-card small{
  font-size:12px !important;
  line-height:1.32 !important;
}
.tornado-char-card.is-clickable{
  cursor:pointer !important;
  border-color:rgba(171,255,204,.34) !important;
  box-shadow:0 0 0 1px rgba(114,255,169,.14) inset, 0 0 20px rgba(114,255,169,.10) !important;
}
.tornado-char-card.is-clickable:hover{
  transform:translateY(-2px) !important;
}
.tornado-char-card.is-selected{
  border-color:rgba(255,146,193,.86) !important;
  box-shadow:0 0 0 2px rgba(255,126,174,.20) inset, 0 0 28px rgba(255,94,149,.28) !important;
  background:linear-gradient(180deg, rgba(78,18,46,.98), rgba(27,10,21,.98)) !important;
}
.tornado-char-card.is-auto-safe,
.tornado-char-card.is-stellar,
.tornado-char-card.is-disabled{
  opacity:.78 !important;
}
.tornado-char-card.is-auto-safe .tnd-protect-ico,
.tornado-char-card.is-stellar .tnd-protect-ico,
.tornado-char-card.is-selected .tnd-protect-ico{
  opacity:1 !important;
}
.tnd-protect-ico{
  top:8px !important;
  right:8px !important;
  width:28px !important;
  height:28px !important;
  font-size:14px !important;
}
.tornado-roulette-track{
  gap:12px !important;
}
.tornado-roulette-track:not(.tornado-roulette-track--chaos) .tornado-roulette-card{
  min-height:104px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  text-align:center !important;
  font-size:34px !important;
}
.tornado-dual-spin{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
.tornado-spin-col{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.tornado-spin-col-head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  min-height:58px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.tornado-spin-col-head strong{
  font-size:16px !important;
  letter-spacing:.5px !important;
}
.tornado-spin-col-head small{
  font-size:12px !important;
  color:var(--muted) !important;
}
.tornado-spin-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}
.tornado-spin-item{
  min-height:88px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:12px 14px !important;
}
.tornado-spin-item b{
  font-size:18px !important;
  line-height:1.15 !important;
}
.tornado-spin-item.is-hot{
  transform:translateY(-2px) scale(1.02) !important;
}
.tornado-spin-item.is-win{
  transform:translateY(-3px) scale(1.03) !important;
}
.tornado-auto-note{
  text-align:center !important;
  font-size:12px !important;
  color:#ffe8b0 !important;
  font-weight:900 !important;
}
.action-wrap-broom-v1{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.action-wrap-broom-v1 .action-title{
  display:block !important;
  font-size:18px !important;
  font-weight:1000 !important;
  letter-spacing:.4px !important;
  text-align:center !important;
}
.action-wrap-broom-v1 .action-sub{
  text-align:center !important;
}
.action-wrap-broom-v1 .action-btnrow{
  justify-content:center !important;
}
.action-wrap-broom-v1 .big-choice{
  min-width:190px !important;
}
.action-sub.broom-copy.broom-copy-v1{
  font-size:14px !important;
  line-height:1.35 !important;
}
.character.broom-grid-locked,
.character.own-stellar-locked{
  filter:grayscale(1) brightness(.68) !important;
  cursor:not-allowed !important;
  border-color:rgba(255,255,255,.10) !important;
}
.character.broom-grid-available{
  box-shadow:0 0 0 1px rgba(112,255,170,.14) inset, 0 0 18px rgba(112,255,170,.10) !important;
}
.pick-slot.broom-discard-selected{
  outline:3px solid rgba(255,120,120,.86) !important;
  outline-offset:-3px !important;
  box-shadow:0 0 22px rgba(255,100,100,.22) !important;
}
.confirm-btn.confirm-broom,
#confirm-pick-btn.confirm-broom{
  background:linear-gradient(180deg, rgba(255,176,85,.90), rgba(145,76,8,.96)) !important;
  border-color:rgba(255,210,149,.76) !important;
  color:#2c1900 !important;
}
.tornado-result-call{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  font-size:28px !important;
  line-height:1.08 !important;
  font-weight:1000 !important;
  letter-spacing:.4px !important;
  text-transform:uppercase !important;
}
.tornado-result-call .char-inline{
  text-transform:none !important;
}
@media (max-width: 960px){
  .modal.tornado-sheet .modal-card{
    width:min(100vw - 20px, 100%) !important;
    max-height:min(78vh, 720px) !important;
  }
  .tornado-choice-grid.two-cols,
  .tornado-choice-grid.four-cols,
  .tornado-chaos-columns,
  .tornado-dual-spin,
  .tornado-target-grid{
    grid-template-columns:1fr !important;
  }
  .tornado-result-call{
    font-size:20px !important;
  }
}


.tornado-vs-title{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin:0 0 2px !important;
  text-align:center !important;
  font-size:20px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:.6px !important;
  text-transform:uppercase !important;
}
.tornado-vs-name{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.tornado-vs-sep{
  color:rgba(255,255,255,.74) !important;
  font-size:13px !important;
  font-weight:1000 !important;
  letter-spacing:1.2px !important;
}
.tornado-vs-title .role-ladrona{color:#ff5d73 !important;}
.tornado-vs-title .role-malvada{color:#63b7ff !important;}
.tornado-vs-title .role-corrupta{color:#ffd95a !important;}
.tornado-vs-title .role-caotica{color:#6cff95 !important;}

.chaos-protect-v2{
  gap:8px !important;
}
.chaos-protect-v2 .tornado-copy{
  font-size:13px !important;
  line-height:1.26 !important;
  text-align:center !important;
}
.chaos-protect-v2 .tornado-chaos-columns{
  gap:8px !important;
}
.chaos-protect-v2 .tornado-chaos-col{
  gap:6px !important;
}
.chaos-protect-v2 .tornado-chaos-grid{
  gap:8px !important;
}
.chaos-protect-v2 .tnd-col-title{
  font-size:12px !important;
  line-height:1.05 !important;
  letter-spacing:.5px !important;
  text-align:center !important;
}
.chaos-protect-v2 .tnd-chaos-sub{
  font-size:10px !important;
  line-height:1.05 !important;
  margin-top:0 !important;
  text-align:center !important;
}
.chaos-protect-v2 .tornado-char-card{
  min-height:94px !important;
  padding:9px 9px !important;
}
.chaos-protect-v2 .tornado-char-card strong{
  margin-top:2px !important;
  font-size:13px !important;
  line-height:1.05 !important;
}
.chaos-protect-v2 .tornado-char-card small{
  margin-top:5px !important;
  font-size:10px !important;
  line-height:1.12 !important;
}
.chaos-protect-v2 .tnd-slot-no{
  font-size:10px !important;
}
.chaos-protect-v2 .tnd-protect-ico{
  top:6px !important;
  right:6px !important;
  width:23px !important;
  height:23px !important;
  font-size:12px !important;
}
.chaos-protect-v2 .tornado-auto-note{
  margin-top:2px !important;
  font-size:11px !important;
  line-height:1.15 !important;
}
.chaos-spin-v2 .tornado-copy{
  text-align:center !important;
}
.chaos-spin-v2 .tornado-spin-list{
  gap:8px !important;
}
.chaos-spin-v2 .tornado-spin-item{
  min-height:80px !important;
}
.chaos-spin-v2 .tornado-spin-item b{
  font-size:17px !important;
}

.tornado-roulette-track:not(.tornado-roulette-track--chaos) .tornado-roulette-card{
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
}

.action-wrap-broom-v2{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.action-wrap-broom-v2 .action-title{
  display:block !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.5px !important;
  text-align:center !important;
}
.postdraft-ready-board{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
}
.postdraft-ready-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.postdraft-ready-pill.is-ready{
  border-color:rgba(117,255,161,.36) !important;
  box-shadow:0 0 0 1px rgba(117,255,161,.12) inset, 0 0 16px rgba(117,255,161,.08) !important;
}
.postdraft-ready-pill.is-wait{
  border-color:rgba(255,192,111,.34) !important;
  box-shadow:0 0 0 1px rgba(255,192,111,.10) inset, 0 0 16px rgba(255,192,111,.06) !important;
}
.action-sub.broom-copy.broom-copy-v2{
  text-align:center !important;
  font-size:14px !important;
  line-height:1.38 !important;
}
.postdraft-btnrow{
  justify-content:center !important;
  gap:10px !important;
}
.action-wrap-broom-v2 .postdraft-btn{
  min-width:190px !important;
}
.action-wrap-broom-v2 .big-choice.postdraft-btn{
  border-color:rgba(255,255,255,.14) !important;
}
.action-wrap-broom-v2 .big-choice.postdraft-btn:not(.good):not(.danger){
  background:linear-gradient(180deg, rgba(67,118,255,.24), rgba(20,43,112,.32)) !important;
  border-color:rgba(114,171,255,.34) !important;
}
.action-wrap-broom-v2 .big-choice.postdraft-btn.postdraft-btn-broom{
  background:linear-gradient(180deg, rgba(101,232,171,.26), rgba(19,102,66,.34)) !important;
  border-color:rgba(125,255,196,.34) !important;
}
.action-wrap-broom-v2 .big-choice.postdraft-btn.postdraft-btn-swap{
  background:linear-gradient(180deg, rgba(92,181,255,.26), rgba(18,66,126,.34)) !important;
  border-color:rgba(120,197,255,.34) !important;
}
.action-wrap-broom-v2 .big-choice.postdraft-btn.good{
  background:linear-gradient(180deg, rgba(255,215,98,.34), rgba(162,118,18,.40)) !important;
  border-color:rgba(255,228,140,.52) !important;
  color:#fff5cf !important;
}
.action-wrap-broom-v2 .big-choice.postdraft-btn.danger{
  background:linear-gradient(180deg, rgba(255,108,108,.30), rgba(120,19,31,.42)) !important;
  border-color:rgba(255,146,146,.38) !important;
}
.action-wrap-broom-v2 .big-choice.postdraft-btn.postdraft-btn-force{
  background:linear-gradient(180deg, rgba(255,170,72,.34), rgba(148,72,8,.42)) !important;
  border-color:rgba(255,198,129,.42) !important;
}
.postdraft-perk{
  text-align:center !important;
  font-size:13px !important;
  line-height:1.3 !important;
  color:#ffe6a5 !important;
  padding:9px 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,226,145,.14) !important;
  background:rgba(255,226,145,.06) !important;
}

.pick-slot.swap-selected{
  outline:3px dashed rgba(255,220,84,.98) !important;
  outline-offset:-4px !important;
  box-shadow:0 0 0 2px rgba(255,220,84,.16) inset, 0 0 24px rgba(255,220,84,.28) !important;
}
.pick-slot.broom-gap{
  background:repeating-linear-gradient(135deg, rgba(110,17,24,.72), rgba(110,17,24,.72) 10px, rgba(36,10,14,.86) 10px, rgba(36,10,14,.86) 20px) !important;
  border:2px dashed rgba(255,146,146,.72) !important;
  box-shadow:0 0 0 1px rgba(255,146,146,.12) inset, 0 0 24px rgba(255,94,94,.12) !important;
  filter:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.broom-gap-mark{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  color:#ffd7d7 !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.8px !important;
}
.confirm-btn.confirm-force-finish,
#confirm-pick-btn.confirm-force-finish{
  background:linear-gradient(180deg, rgba(255,164,70,.94), rgba(142,70,9,.98)) !important;
  border-color:rgba(255,214,150,.80) !important;
  color:#fff !important;
}

@media (max-width: 960px){
  .tornado-vs-title{
    font-size:16px !important;
    gap:8px !important;
  }
  .chaos-protect-v2 .tornado-char-card{
    min-height:84px !important;
  }
  .action-wrap-broom-v2 .postdraft-btn{
    min-width:unset !important;
    width:100% !important;
  }
  .postdraft-ready-board{
    gap:6px !important;
  }
}


.modal.tornado-sheet{
  inset:auto 14px 10px 14px !important;
}
.modal.tornado-sheet .modal-card{
  width:min(860px, calc(100vw - 28px)) !important;
  max-height:min(56vh, 430px) !important;
  border-radius:14px !important;
}
.modal.tornado-sheet .modal-header{
  padding:9px 11px !important;
}
.modal.tornado-sheet .modal-title{
  font-size:16px !important;
}
.modal.tornado-sheet .modal-body{
  padding:9px 11px 11px !important;
}
.chaos-protect-v2{
  gap:6px !important;
}
.chaos-protect-v2 .tornado-copy{
  font-size:12px !important;
  line-height:1.18 !important;
  margin:0 !important;
}
.chaos-protect-v2 .tornado-chaos-columns{
  gap:6px !important;
}
.chaos-protect-v2 .tornado-chaos-col{
  gap:4px !important;
}
.chaos-protect-v2 .tornado-chaos-grid{
  gap:6px !important;
}
.chaos-protect-v2 .tornado-char-card{
  min-height:72px !important;
  padding:6px 7px !important;
  border-radius:10px !important;
}
.chaos-protect-v2 .tornado-char-card strong{
  margin-top:1px !important;
  font-size:12px !important;
  line-height:1.02 !important;
}
.chaos-protect-v2 .tornado-char-card small{
  margin-top:3px !important;
  font-size:9px !important;
  line-height:1.08 !important;
}
.chaos-protect-v2 .tnd-col-title{
  font-size:11px !important;
}
.chaos-protect-v2 .tnd-chaos-sub{
  font-size:9px !important;
}
.chaos-protect-v2 .tnd-protect-ico{
  top:4px !important;
  right:4px !important;
  width:18px !important;
  height:18px !important;
  font-size:10px !important;
}
.chaos-protect-v2 .tornado-auto-note{
  font-size:10px !important;
}
.tornado-char-card.is-notrade{
  border-color:rgba(255,198,111,.32) !important;
  box-shadow:0 0 0 1px rgba(255,198,111,.08) inset !important;
}
.tornado-char-card.is-notrade small{
  color:#ffdba6 !important;
}
.postdraft-ready-board{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  max-width:620px !important;
  margin:0 auto !important;
}
.postdraft-ready-pill{
  width:100% !important;
  justify-content:center !important;
}
@media (max-width: 960px){
  .modal.tornado-sheet .modal-card{
    width:min(100vw - 18px, 100%) !important;
    max-height:min(60vh, 460px) !important;
  }
  .postdraft-ready-board{
    grid-template-columns:1fr !important;
  }
}


.modal.tornado-sheet{
  inset:auto 14px 72px 14px !important;
}

.tornado-target-card.is-notrade,
.tornado-target-card.is-disabled{
  opacity:.72 !important;
  cursor:not-allowed !important;
}
.tornado-target-card.is-notrade{
  border-color:rgba(255,198,111,.32) !important;
  box-shadow:0 0 0 1px rgba(255,198,111,.08) inset !important;
}
.tornado-target-card.is-notrade small{
  color:#ffdba6 !important;
}

.chaos-protect-v3 .tornado-char-card.is-forced{
  border-color:rgba(134,255,214,.42) !important;
  box-shadow:0 0 0 1px rgba(114,255,169,.12) inset, 0 0 18px rgba(114,255,169,.10) !important;
}
.chaos-protect-v3 .tornado-char-card.is-forced small{
  color:#d6fff0 !important;
}

.chaos-pair-spin-v4 .tornado-copy{
  text-align:center !important;
}

.tornado-role-roulette-track{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}
.tornado-role-roulette-card{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:96px !important;
  text-align:center !important;
}
.tornado-role-roulette-card strong{
  font-size:22px !important;
  line-height:1.06 !important;
  letter-spacing:.5px !important;
  text-transform:uppercase !important;
}
.tornado-role-roulette-card.role-ladrona strong{color:#ff5d73 !important;}
.tornado-role-roulette-card.role-malvada strong{color:#63b7ff !important;}
.tornado-role-roulette-card.role-corrupta strong{color:#ffd95a !important;}
.tornado-role-roulette-card.role-caotica strong{color:#6cff95 !important;}

.chaos-spin-v3 .tornado-copy{
  text-align:center !important;
}
.chaos-spin-v3 .tornado-spin-item.has-chibi{
  padding:10px 12px !important;
}
.tnd-spin-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.tnd-spin-row b{
  flex:1 1 auto !important;
  text-align:left !important;
  line-height:1.08 !important;
}
.tnd-spin-chibi{
  width:46px !important;
  height:46px !important;
  flex:0 0 46px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.28)) !important;
}

@media (max-width: 960px){
  .modal.tornado-sheet{
    inset:auto 10px 44px 10px !important;
  }
  .tornado-role-roulette-track{
    grid-template-columns:1fr !important;
  }
  .tornado-role-roulette-card strong{
    font-size:18px !important;
  }
  .tnd-spin-chibi{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
}


/* Settings, tornado polish puntual. */
.topbar-left{
  gap:10px !important;
}
.topbar-settings-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
.topbar-settings-btn{
  appearance:none !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(8,10,18,.92) !important;
  color:#f7f2ff !important;
  font-size:18px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
}
.topbar-settings-btn:hover{
  filter:brightness(1.08) !important;
}
.topbar-settings-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  min-width:240px !important;
  padding:10px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(10,12,20,.96) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.34) !important;
  display:none !important;
  z-index:220 !important;
}
.topbar-settings-wrap.open .topbar-settings-menu{
  display:block !important;
}
.topbar-settings-item{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  cursor:pointer !important;
  color:#fff !important;
}
.topbar-settings-item:hover{
  background:rgba(255,255,255,.05) !important;
}
.topbar-settings-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
.topbar-settings-copy strong{
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
}
.topbar-settings-copy small{
  font-size:11px !important;
  line-height:1.2 !important;
  color:#bfc7dc !important;
}
#pv-hide-trailers-toggle{
  width:18px !important;
  height:18px !important;
  cursor:pointer !important;
}
body.pv-hide-pj-trailers #background-trailer,
body.pv-hide-pj-trailers video#background-trailer{
  opacity:0 !important;
  display:none !important;
}
.chaos-protect-v3 .tnd-protect-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
}
.chaos-protect-v3 .tnd-protect-row strong{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
}
.chaos-protect-v3 .tnd-protect-row.no-chibi{
  justify-content:flex-start !important;
}
.chaos-protect-v3 .tnd-protect-row .tnd-spin-chibi{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
}
.chaos-spin-v3 .tnd-spin-row b .tnd-char-name{
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
}
@media (max-width: 900px){
  .topbar-settings-menu{
    min-width:220px !important;
    left:0 !important;
  }
  .chaos-protect-v3 .tnd-protect-row .tnd-spin-chibi{
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
  }
}

/* Puntual: trailers, extra bans y tornado. */
.topbar-left{
  position:relative !important;
  overflow:visible !important;
}
.topbar-settings-wrap{
  position:relative !important;
  z-index:260 !important;
}
.topbar-settings-menu{
  top:50% !important;
  left:calc(100% + 8px) !important;
  right:auto !important;
  transform:translateY(-50%) !important;
  min-width:248px !important;
  z-index:320 !important;
}
.topbar-settings-wrap.open + .logo-ratas,
.topbar-settings-wrap.open ~ .logo-ratas{
  transform:translateX(184px) !important;
}
.logo-ratas{
  transition:transform .18s ease !important;
}
.topbar-settings-item{
  user-select:none !important;
}
#pv-hide-trailers-toggle{
  transform:scale(1.12) !important;
}
body.pv-hide-pj-trailers #background-trailer,
body.pv-hide-pj-trailers video#background-trailer{
  opacity:0 !important;
  display:none !important;
  pointer-events:none !important;
}

.extra-bans-panel{
  height:92px !important;
  min-height:92px !important;
}
.extra-bans-panel.hidden{
  display:block !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.chaos-protect-v3 .tornado-char-card{
  position:relative !important;
}
.chaos-protect-v3 .tnd-protect-ico,
.chaos-protect-v2 .tnd-protect-ico{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  right:auto !important;
  transform:translate(-50%, -50%) !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  font-size:28px !important;
  line-height:1 !important;
  z-index:8 !important;
  background:radial-gradient(circle at 50% 50%, rgba(24,30,48,.74), rgba(24,30,48,.10) 72%) !important;
  border-radius:50% !important;
  box-shadow:0 0 24px rgba(160,205,255,.24) !important;
}
.chaos-protect-v3 .tornado-char-card.is-selected strong,
.chaos-protect-v3 .tornado-char-card.is-selected .tnd-protect-row,
.chaos-protect-v2 .tornado-char-card.is-selected strong,
.chaos-protect-v2 .tornado-char-card.is-selected .tnd-protect-row{
  opacity:.24 !important;
}
.chaos-protect-v3 .tornado-char-card.is-selected small,
.chaos-protect-v2 .tornado-char-card.is-selected small{
  position:relative !important;
  z-index:9 !important;
  font-weight:1000 !important;
  color:#eff6ff !important;
  text-shadow:0 1px 6px rgba(0,0,0,.66) !important;
}

@media (max-width: 980px){
  .topbar-settings-menu{
    top:calc(100% + 8px) !important;
    left:0 !important;
    transform:none !important;
  }
  .topbar-settings-wrap.open + .logo-ratas,
  .topbar-settings-wrap.open ~ .logo-ratas{
    transform:none !important;
  }
}


.center-card{
  grid-template-rows:auto auto auto minmax(0,1fr) auto !important;
}
#extra-bans-panel,
.extra-bans-panel{
  position:relative !important;
  z-index:1 !important;
  min-height:98px !important;
  height:98px !important;
  margin-top:-4px !important;
  padding-top:2px !important;
  overflow:visible !important;
}
#extra-bans-panel.hidden,
.extra-bans-panel.hidden{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#filter-bar,
.filter-bar,
.characters-scroll{
  position:relative !important;
  z-index:2 !important;
}
.extra-bans-head{
  margin-bottom:4px !important;
  transform:translateY(-3px) !important;
}
.extra-bans-title{
  transform:translateY(-2px) !important;
}
#extra-bans-center,
.extra-bans-center{
  align-items:flex-start !important;
  gap:8px !important;
  min-height:56px !important;
  padding-top:0 !important;
}
.extra-ban-slot{
  position:relative !important;
  overflow:visible !important;
}
.extra-ban-slot > .pick-cons-badge{
  top:-8px !important;
  left:-7px !important;
  z-index:18 !important;
}
.extra-ban-slot > .pick-weapon-badge{
  position:absolute !important;
  right:-7px !important;
  bottom:-7px !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  object-fit:contain !important;
  background:rgba(0,0,0,.88) !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 2px 7px rgba(0,0,0,.35) !important;
  z-index:18 !important;
  pointer-events:none !important;
}
.topbar-settings-menu{
  min-width:272px !important;
}
.topbar-settings-wrap.open + .logo-ratas,
.topbar-settings-wrap.open ~ .logo-ratas{
  transform:translateX(276px) !important;
}
.chaos-protect-v3 .tornado-char-card.is-selected strong,
.chaos-protect-v3 .tornado-char-card.is-selected .tnd-protect-row,
.chaos-protect-v2 .tornado-char-card.is-selected strong,
.chaos-protect-v2 .tornado-char-card.is-selected .tnd-protect-row,
.chaos-protect-v3 .tornado-char-card.is-selected img,
.chaos-protect-v2 .tornado-char-card.is-selected img{
  opacity:1 !important;
  filter:none !important;
}
.chaos-protect-v3 .tnd-protect-ico,
.chaos-protect-v2 .tnd-protect-ico{
  background:none !important;
  box-shadow:0 0 14px rgba(160,205,255,.20) !important;
}
.action-banner-overlay{
  top:41% !important;
}
.tornado-result-call{
  transform:translateY(-14px) !important;
}
.modal.tornado-sheet{
  inset:auto 18px 28px 18px !important;
}
.modal.tornado-sheet .modal-card{
  max-height:min(76vh, 760px) !important;
  overflow:visible !important;
}
.modal.tornado-sheet .modal-body{
  overflow:auto !important;
  padding-bottom:18px !important;
}
.tornado-spin-list{
  padding-bottom:4px !important;
}


/* Grid hide, extra bans layout, tornado banners. */
.center-card{
  grid-template-rows:auto 92px auto minmax(0,1fr) auto !important;
}
#extra-bans-panel,
.extra-bans-panel{
  min-height:92px !important;
  height:92px !important;
  margin-top:0 !important;
  padding-top:0 !important;
  overflow:visible !important;
}
#extra-bans-panel.hidden,
.extra-bans-panel.hidden{
  display:block !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.extra-bans-head{
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  margin:0 0 2px !important;
  transform:translateY(-6px) !important;
}
.extra-bans-title{
  justify-self:center !important;
  text-align:center !important;
  margin:0 auto !important;
  transform:translateY(0) !important;
}
#extra-bans-acting{justify-self:start !important;}
#extra-bans-target{justify-self:end !important;}
#extra-bans-center,
.extra-bans-center{
  align-items:flex-start !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:62px !important;
  transform:translateY(-4px) !important;
}
.extra-ban-slot{
  width:68px !important;
  height:68px !important;
  min-height:68px !important;
  max-width:68px !important;
  border-radius:16px !important;
  overflow:visible !important;
}
.extra-ban-slot img{border-radius:16px !important;}
.extra-ban-slot::after{
  inset:auto !important;
  right:-4px !important;
  top:-6px !important;
  width:24px !important;
  height:24px !important;
  background:none !important;
  font-size:18px !important;
  display:grid !important;
  place-items:center !important;
  text-shadow:0 0 12px rgba(255,80,80,.66) !important;
}
.extra-ban-slot .grid-corner-mark{
  z-index:22 !important;
}
#filter-bar,.filter-bar{
  margin-top:0 !important;
  position:relative !important;
  z-index:4 !important;
}
#characters-scroll,.characters-scroll{
  padding-top:0 !important;
  margin-top:0 !important;
}
#characters,.characters-grid{
  align-content:start !important;
  padding-top:0 !important;
}
.action-btnrow.inline-grid-abilities{
  margin-top:6px !important;
  padding-top:4px !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.safe-slot.hidden-by-pref .hidden-eye-mark{
  display:grid !important;
}
.safe-slot.hidden-by-pref .masked-mark{
  opacity:0 !important;
}
.topbar-settings-menu{
  min-width:272px !important;
  left:calc(100% + 10px) !important;
  right:auto !important;
}
.topbar-settings-wrap.open + .logo-ratas,
.topbar-settings-wrap.open ~ .logo-ratas{
  transform:translateX(332px) !important;
}
.action-banner-overlay{
  z-index:99999 !important;
  top:24% !important;
  pointer-events:none !important;
}
.tornado-result-call{
  gap:18px !important;
  transform:translateY(-34px) !important;
}
.tornado-result-call .tornado-line{
  display:block !important;
}
.tornado-result-call .tornado-gap{
  width:100% !important;
  height:8px !important;
}
.tornado-result-call .role-inline{
  font-size:1em !important;
}
.modal.tornado-sheet{
  inset:auto 18px 18px 18px !important;
}
.modal.tornado-sheet .modal-card{
  max-height:min(82vh, 820px) !important;
  overflow:visible !important;
}
.modal.tornado-sheet .modal-body{
  overflow:auto !important;
  padding-bottom:28px !important;
}
body.ratas-final-hide-grid #filter-bar,
body.ratas-final-hide-grid #characters-scroll,
body.ratas-final-hide-grid #extra-bans-panel{
  display:none !important;
}


/* Trailer menu, extra bans, grid, tornado banner. */
.topbar-settings-menu{
  left:calc(100% + 10px) !important;
  right:auto !important;
}
body.pv-trailer-menu-open .logo-ratas,
#pv-settings-wrap-ratas.open + .logo-ratas,
#pv-settings-wrap-ratas.open ~ .logo-ratas{
  transform:translateX(392px) !important;
}
.topbar-settings-item{
  cursor:pointer !important;
}
#pv-hide-trailers-toggle{
  pointer-events:auto !important;
  accent-color:#86f1a5 !important;
}
.extra-bans-head{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  min-height:28px !important;
  margin:0 0 2px !important;
  transform:none !important;
}
.extra-bans-title{
  position:absolute !important;
  left:50% !important;
  top:0 !important;
  transform:translateX(-50%) !important;
  width:max-content !important;
  max-width:calc(100% - 40px) !important;
  padding:0 !important;
  margin:0 !important;
  text-align:center !important;
  justify-self:auto !important;
}
#extra-bans-center,
.extra-bans-center{
  transform:translateY(-6px) !important;
}
#characters,
.characters-grid{
  margin-top:-8px !important;
}
.action-banner-overlay{
  width:fit-content !important;
  max-width:min(86vw, 980px) !important;
  min-height:0 !important;
  padding:14px 18px !important;
  border-radius:18px !important;
}
.tornado-result-call{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:12px !important;
}
.tornado-result-call .tornado-line{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
.tornado-result-call .tornado-gap{
  width:100% !important;
  height:14px !important;
}
.extra-ban-slot.character{
  display:block !important;
  position:relative !important;
}
.extra-ban-slot.character > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Trailer panel, extra ban live states, tornado banners. */
body.pv-trailer-menu-open .logo-ratas{
  transform:none !important;
}
#pv-settings-wrap-ratas.open + .logo-ratas,
#pv-settings-wrap-ratas.open ~ .logo-ratas,
body.pv-trailer-menu-open #pv-settings-wrap-ratas.open + .logo-ratas,
body.pv-trailer-menu-open #pv-settings-wrap-ratas.open ~ .logo-ratas{
  transform:translateX(392px) !important;
}

#extra-bans-live-status{
  display:none;
  margin:12px 0 4px !important;
  padding:0 4px !important;
}
#extra-bans-live-status.visible{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:8px;
}
#extra-bans-live-status .extra-bans-live-pill{
  min-width:0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg, rgba(20,22,30,.94), rgba(11,13,20,.92));
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 12px;
}
#extra-bans-live-status .extra-bans-live-name{
  min-width:0;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.4px;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#extra-bans-live-status .extra-bans-live-num{
  flex:0 0 auto;
  min-width:24px;
  height:24px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:1000;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}
#extra-bans-live-status .role-ladrona .extra-bans-live-num{background:rgba(255,107,120,.14); border-color:rgba(255,107,120,.26);}
#extra-bans-live-status .role-malvada .extra-bans-live-num{background:rgba(101,186,255,.14); border-color:rgba(101,186,255,.28);}
#extra-bans-live-status .role-corrupta .extra-bans-live-num{background:rgba(255,226,122,.16); border-color:rgba(255,226,122,.30);}
#extra-bans-live-status .role-caotica .extra-bans-live-num{background:rgba(104,255,158,.14); border-color:rgba(104,255,158,.28);}

.action-banner-overlay{
  width:auto !important;
  max-width:min(82vw, 860px) !important;
  min-height:0 !important;
  padding:10px 14px !important;
  border-radius:16px !important;
}
.action-banner-overlay .tornado-result-call{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
}
.action-banner-overlay .tornado-result-call .tornado-line{
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
.action-banner-overlay .tornado-result-call .tornado-gap{
  height:10px !important;
}
@media (max-width: 900px){
  #extra-bans-live-status.visible{
    grid-template-columns:1fr;
  }
}


/* Slim tornado banner behind text only. */
.action-banner-overlay.tornado-slim{
  width:auto !important;
  max-width:min(86vw, 980px) !important;
  min-height:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.action-banner-overlay.tornado-slim .tornado-result-call{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:12px !important;
  transform:none !important;
}
.action-banner-overlay.tornado-slim .tornado-result-call .tornado-line{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:min(86vw, 980px) !important;
  margin:0 auto !important;
  padding:10px 16px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(36,10,16,.88), rgba(18,8,12,.84)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.30), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  line-height:1.16 !important;
}
.action-banner-overlay.tornado-slim.theme-malvada .tornado-line{background:linear-gradient(180deg, rgba(9,39,95,.90), rgba(6,18,48,.86)) !important;border-color:rgba(101,186,255,.24) !important;box-shadow:0 10px 26px rgba(0,33,88,.26), 0 0 0 1px rgba(255,255,255,.04) inset !important;}
.action-banner-overlay.tornado-slim.theme-ladrona .tornado-line{background:linear-gradient(180deg, rgba(84,16,29,.90), rgba(38,8,14,.86)) !important;border-color:rgba(255,107,120,.24) !important;box-shadow:0 10px 26px rgba(80,0,16,.26), 0 0 0 1px rgba(255,255,255,.04) inset !important;}
.action-banner-overlay.tornado-slim.theme-corrupta .tornado-line{background:linear-gradient(180deg, rgba(97,77,14,.90), rgba(48,39,8,.86)) !important;border-color:rgba(255,224,122,.26) !important;box-shadow:0 10px 26px rgba(98,74,0,.26), 0 0 0 1px rgba(255,255,255,.04) inset !important;}
.action-banner-overlay.tornado-slim.theme-caotica .tornado-line{background:linear-gradient(180deg, rgba(10,84,42,.90), rgba(8,38,18,.86)) !important;border-color:rgba(104,255,158,.24) !important;box-shadow:0 10px 26px rgba(0,78,31,.26), 0 0 0 1px rgba(255,255,255,.04) inset !important;}
.action-banner-overlay.tornado-slim.theme-round .tornado-line,
.action-banner-overlay.tornado-slim.theme-round-danger .tornado-line{background:linear-gradient(180deg, rgba(36,10,16,.90), rgba(18,8,12,.86)) !important;border-color:rgba(255,110,110,.24) !important;box-shadow:0 10px 26px rgba(70,0,0,.26), 0 0 0 1px rgba(255,255,255,.04) inset !important;}
.action-banner-overlay.tornado-slim .tornado-result-call .tornado-gap{
  width:100% !important;
  height:10px !important;
}


/* Logo click shield, tornado banner consistency. */
.topbar-left{
  position:relative !important;
  z-index:1200 !important;
}
.logo-ratas{
  position:relative !important;
  z-index:1201 !important;
  pointer-events:auto !important;
}
.action-banner-overlay.tornado-slim{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.action-banner-overlay.tornado-slim .tornado-result-call{
  gap:12px !important;
}
.action-banner-overlay.tornado-slim .tornado-result-call > div:not(.tornado-gap),
.action-banner-overlay.tornado-slim .tornado-result-call .tornado-line{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:min(86vw, 980px) !important;
  margin:0 auto !important;
  padding:10px 16px !important;
  border-radius:14px !important;
  line-height:1.14 !important;
  background:linear-gradient(180deg, rgba(22,10,18,.96), rgba(12,8,14,.94)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
.action-banner-overlay.tornado-slim.theme-malvada .tornado-result-call > div:not(.tornado-gap),
.action-banner-overlay.tornado-slim.theme-malvada .tornado-line{
  background:linear-gradient(180deg, rgba(9,39,95,.96), rgba(6,18,48,.94)) !important;
  border-color:rgba(101,186,255,.28) !important;
  box-shadow:0 10px 26px rgba(0,33,88,.30), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
.action-banner-overlay.tornado-slim.theme-ladrona .tornado-result-call > div:not(.tornado-gap),
.action-banner-overlay.tornado-slim.theme-ladrona .tornado-line{
  background:linear-gradient(180deg, rgba(84,16,29,.96), rgba(38,8,14,.94)) !important;
  border-color:rgba(255,107,120,.28) !important;
  box-shadow:0 10px 26px rgba(80,0,16,.30), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
.action-banner-overlay.tornado-slim.theme-corrupta .tornado-result-call > div:not(.tornado-gap),
.action-banner-overlay.tornado-slim.theme-corrupta .tornado-line{
  background:linear-gradient(180deg, rgba(97,77,14,.96), rgba(48,39,8,.94)) !important;
  border-color:rgba(255,224,122,.30) !important;
  box-shadow:0 10px 26px rgba(98,74,0,.30), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
.action-banner-overlay.tornado-slim.theme-caotica .tornado-result-call > div:not(.tornado-gap),
.action-banner-overlay.tornado-slim.theme-caotica .tornado-line{
  background:linear-gradient(180deg, rgba(10,84,42,.96), rgba(8,38,18,.94)) !important;
  border-color:rgba(104,255,158,.28) !important;
  box-shadow:0 10px 26px rgba(0,78,31,.30), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}
.action-banner-overlay.tornado-slim.theme-round .tornado-result-call > div:not(.tornado-gap),
.action-banner-overlay.tornado-slim.theme-round-danger .tornado-result-call > div:not(.tornado-gap),
.action-banner-overlay.tornado-slim.theme-round .tornado-line,
.action-banner-overlay.tornado-slim.theme-round-danger .tornado-line{
  background:linear-gradient(180deg, rgba(36,10,16,.96), rgba(18,8,12,.94)) !important;
  border-color:rgba(255,110,110,.28) !important;
  box-shadow:0 10px 26px rgba(70,0,0,.30), 0 0 0 1px rgba(255,255,255,.04) inset !important;
}


.pv-swap-overlay{
  position:fixed !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:2147483600 !important;
  overflow:visible !important;
}
.pv-swap-ghosted{
  opacity:.16 !important;
  filter:saturate(.72) brightness(.74) !important;
}
.pv-swap-clone{
  position:fixed !important;
  margin:0 !important;
  pointer-events:none !important;
  z-index:2147483601 !important;
  border-radius:50% !important;
  overflow:hidden !important;
  box-shadow:0 18px 34px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.18), 0 0 22px rgba(255,255,255,.12) !important;
  transform:translate3d(0,0,0) scale(1) !important;
  will-change:transform, opacity !important;
  backface-visibility:hidden !important;
}
.pv-swap-clone::after{
  content:"";
  position:absolute;
  inset:-18%;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 72%);
  mix-blend-mode:screen;
  opacity:.7;
}
.pv-swap-beam{
  position:fixed !important;
  height:3px !important;
  transform-origin:0 50% !important;
  pointer-events:none !important;
  z-index:2147483600 !important;
  opacity:0;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.44), rgba(255,255,255,0));
  box-shadow:0 0 18px rgba(255,255,255,.18);
  animation:pvSwapBeam .58s ease-out both;
}
.pv-swap-burst{
  position:fixed !important;
  width:118px !important;
  height:118px !important;
  margin:-59px 0 0 -59px !important;
  border-radius:50% !important;
  pointer-events:none !important;
  z-index:2147483602 !important;
  border:1px solid rgba(255,255,255,.28);
  background:radial-gradient(circle, rgba(255,255,255,.28) 0%, rgba(255,255,255,.08) 42%, rgba(255,255,255,0) 72%);
  box-shadow:0 0 38px rgba(255,255,255,.16), inset 0 0 24px rgba(255,255,255,.16);
  animation:pvSwapBurst .58s cubic-bezier(.22,1,.36,1) both;
}
@keyframes pvSwapBeam{
  0%{opacity:0;}
  18%{opacity:.92;}
  100%{opacity:0;}
}
@keyframes pvSwapBurst{
  0%{opacity:0;transform:scale(.25);}
  18%{opacity:1;}
  100%{opacity:0;transform:scale(1.18);}
}


/* MALVADA ELIMINATION FROM SCRATCH. */
.rat-toolrow.malvada-elim-row{display:flex !important;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;}
.rat-toolrow.malvada-elim-row .big-choice{min-width:170px;}
.rat-toolrow.malvada-elim-row .mini-pill{margin-left:6px;}
.rat-banbar-malvada{grid-template-columns:62px 62px 62px 132px !important;justify-content:start !important;align-items:center !important;column-gap:8px !important;}
#elims-malvada{order:4 !important;display:grid !important;grid-template-columns:repeat(2,62px) !important;grid-auto-rows:62px !important;width:132px !important;justify-content:start !important;gap:8px !important;}
#elims-malvada .mini-slot{position:relative !important;}
#elims-malvada .mini-slot::before{content:"💀" !important;position:absolute !important;left:50% !important;top:-18px !important;transform:translateX(-50%) !important;width:24px !important;height:24px !important;display:grid !important;place-items:center !important;background:rgba(12,8,18,.90) !important;border-radius:999px !important;box-shadow:0 8px 18px rgba(0,0,0,.28) !important;z-index:12 !important;}
#elims-malvada .mini-slot > img{border-radius:14px !important;display:block !important;}

/* MALVADA ELIM DOCK ALWAYS VISIBLE. */
#malvada-elim-dock{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:9999;
  width:min(720px, calc(100vw - 20px));
  border-radius:18px;
  border:1px solid rgba(70,185,255,.38);
  background:linear-gradient(180deg, rgba(8,14,26,.96), rgba(7,10,18,.94));
  box-shadow:0 18px 42px rgba(0,0,0,.42), 0 0 0 1px rgba(70,185,255,.10) inset, 0 0 34px rgba(70,185,255,.12);
  backdrop-filter:blur(12px);
  padding:12px 14px;
}
#malvada-elim-dock.hidden{display:none !important}
#malvada-elim-dock .med-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
#malvada-elim-dock .med-title{
  font-size:14px;
  font-weight:1000;
  letter-spacing:.9px;
  color:var(--blue);
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(70,185,255,.22);
}
#malvada-elim-dock .med-counts{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
#malvada-elim-dock .med-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  font-size:12px;
  font-weight:1000;
  letter-spacing:.2px;
}
#malvada-elim-dock .med-pill strong{margin-left:6px;color:#fff}
#malvada-elim-dock .med-sub{
  color:#d8e9ff;
  font-size:12px;
  line-height:1.25;
  margin-bottom:10px;
}
#malvada-elim-dock .med-buttons{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
#malvada-elim-dock .med-btn{
  min-height:46px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:14px;
  font-weight:1000;
  letter-spacing:.35px;
  cursor:pointer;
  transition:transform .12s ease, filter .12s ease, opacity .12s ease, border-color .12s ease, background .12s ease;
}
#malvada-elim-dock .med-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}
#malvada-elim-dock .med-btn:disabled{
  cursor:not-allowed;
  opacity:.48;
  filter:grayscale(.15);
}
#malvada-elim-dock .med-btn-normal{
  border-color:rgba(255,90,106,.38);
  background:linear-gradient(180deg, rgba(255,90,106,.28), rgba(91,16,29,.58));
}
#malvada-elim-dock .med-btn-stellar{
  border-color:rgba(70,185,255,.44);
  background:linear-gradient(180deg, rgba(70,185,255,.26), rgba(13,55,87,.60));
}
#malvada-elim-dock .med-btn-cancel{
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(40,40,40,.42));
}
#malvada-elim-dock .med-btn.med-active{
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 0 22px rgba(70,185,255,.16);
}
body.has-malvada-elim-dock .footer{padding-bottom:128px}
@media (max-width: 900px){
  #malvada-elim-dock{bottom:10px;padding:10px 10px 12px}
  #malvada-elim-dock .med-head{align-items:flex-start;flex-direction:column}
  #malvada-elim-dock .med-buttons{grid-template-columns:1fr}
  body.has-malvada-elim-dock .footer{padding-bottom:212px}
}


#malvada-elim-dock,
.malvada-elim-dock{
  position:absolute !important;
  right:14px !important;
  bottom:84px !important;
  z-index:32 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  width:auto !important;
  max-width:min(360px, calc(100% - 20px)) !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  pointer-events:auto !important;
}
#malvada-elim-dock.hidden,
.malvada-elim-dock.hidden{display:none !important;}
.has-malvada-elim-dock .center-card{position:relative !important;}
#malvada-elim-dock .med-head,
#malvada-elim-dock .med-title,
#malvada-elim-dock .med-counts,
#malvada-elim-dock .med-sub{display:none !important;}
#malvada-elim-dock .med-buttons,
#malvada-elim-dock .med-buttons-compact{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
#malvada-elim-dock .med-btn,
#malvada-elim-dock .med-btn-label{
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:11px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  letter-spacing:.15px !important;
  white-space:nowrap !important;
  box-shadow:0 10px 22px rgba(0,0,0,.28) !important;
}
#malvada-elim-dock .med-btn-normal{
  border:1px solid rgba(255,95,95,.44) !important;
  background:linear-gradient(180deg, rgba(110,14,18,.96), rgba(72,8,12,.92)) !important;
  color:#fff0f0 !important;
}
#malvada-elim-dock .med-btn-stellar{
  border:1px solid rgba(118,180,255,.44) !important;
  background:linear-gradient(180deg, rgba(18,58,114,.96), rgba(10,31,74,.92)) !important;
  color:#eef7ff !important;
}
#malvada-elim-dock .med-btn-cancel{
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg, rgba(42,42,58,.96), rgba(24,24,36,.92)) !important;
  color:#f8f8ff !important;
}
#malvada-elim-dock .med-btn:disabled{opacity:.48 !important;filter:saturate(.75) !important;cursor:not-allowed !important;}
#malvada-elim-dock .med-btn.med-active:not(:disabled){transform:none !important;filter:brightness(1.03) !important;}

/* Solo centrar la calavera original de las casillas de eliminación. */
#elims-malvada .mini-slot{position:relative !important; overflow:visible !important;}
#elims-malvada .mini-slot::before{
  content:"💀" !important;
  position:absolute !important;
  left:50% !important;
  top:-16px !important;
  transform:translateX(-50%) !important;
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
  line-height:1 !important;
  background:rgba(12,8,18,.92) !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.28) !important;
  z-index:18 !important;
}

/* Inmunidad visual para la estelar sobre la rata ya tocada. */
.rat-slot.elim-stellar-immune{
  box-shadow:0 0 0 1px rgba(140,205,255,.18) inset, 0 0 22px rgba(120,190,255,.10), var(--shadow) !important;
}
.rat-slot.elim-stellar-immune .pick-slot.elim-stellar-immune-slot,
.pick-slot.elim-stellar-immune-slot{
  box-shadow:0 0 0 2px rgba(150,220,255,.22) inset, 0 0 18px rgba(150,220,255,.10) !important;
  filter:grayscale(.2) brightness(.88) !important;
  position:relative !important;
}
.rat-slot.elim-stellar-immune .pick-slot.elim-stellar-immune-slot::after,
.pick-slot.elim-stellar-immune-slot::after{
  content:"🛡️" !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
  text-shadow:0 0 16px rgba(130,220,255,.28) !important;
  background:radial-gradient(circle at 50% 50%, rgba(90,185,255,.12), rgba(0,0,0,0) 58%) !important;
  pointer-events:none !important;
}

@media (max-width: 1180px){
  #malvada-elim-dock,
  .malvada-elim-dock{
    right:10px !important;
    bottom:72px !important;
    max-width:calc(100% - 16px) !important;
  }
  #malvada-elim-dock .med-btn,
  #malvada-elim-dock .med-btn-label{
    min-height:32px !important;
    padding:6px 10px !important;
    font-size:11px !important;
  }
}


/* Malvada dock local, skull, no shield immunity. */
body.has-malvada-elim-dock .footer{padding-bottom:6px !important;}
#rat-malvada .rat-toolrow,
#rat-malvada .rat-toolrow.has-local-elim-dock{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  min-height:40px !important;
}
#malvada-elim-dock,
.malvada-elim-dock{
  position:static !important;
  inset:auto !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  pointer-events:auto !important;
}
#malvada-elim-dock .med-buttons,
#malvada-elim-dock .med-buttons-compact{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  grid-template-columns:none !important;
}
#malvada-elim-dock .med-btn,
#malvada-elim-dock .med-btn-label{
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:10px !important;
  font-size:12px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
#malvada-elim-dock .med-btn-normal{background:linear-gradient(180deg, rgba(255,88,88,.22), rgba(120,18,28,.30)) !important;}
#malvada-elim-dock .med-btn-stellar{background:linear-gradient(180deg, rgba(103,186,255,.20), rgba(17,52,120,.30)) !important;}
#malvada-elim-dock .med-btn-cancel{background:rgba(255,255,255,.06) !important;}
#malvada-elim-dock .med-btn:hover:not(:disabled){transform:translateY(-1px) !important;}
#malvada-elim-dock .med-btn:disabled{opacity:.45 !important;filter:saturate(.72) !important;}

/* Quitar fondo negro de la calavera y centrarla limpia. */
#elims-malvada .mini-slot::before{
  content:"💀" !important;
  left:50% !important;
  top:-16px !important;
  transform:translateX(-50%) !important;
  width:auto !important;
  height:auto !important;
  display:block !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  line-height:1 !important;
}

/* La inmunidad estelar debe verse como slots bloqueados, sin escudos. */
.rat-slot.elim-stellar-immune{
  box-shadow:inherit !important;
}
.rat-slot.elim-stellar-immune .pick-slot.elim-stellar-immune-slot,
.pick-slot.elim-stellar-immune-slot{
  filter:grayscale(.72) brightness(.76) !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}
.rat-slot.elim-stellar-immune .pick-slot.elim-stellar-immune-slot::after,
.pick-slot.elim-stellar-immune-slot::after{
  content:none !important;
  display:none !important;
}

/* El cancelar global no hace falta para malvada, usa el del dock. */
body.malvada-elim-mode #confirm-cancel-btn{
  display:none !important;
}


/* Dock lower in malvada tool zone. */
#rat-malvada .rat-toolrow,
#rat-malvada .rat-toolrow.has-local-elim-dock{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  min-height:44px !important;
  margin-top:6px !important;
}
#rat-malvada .rat-toolrow .broom-btn{
  order:1 !important;
  flex:0 0 auto !important;
}
#malvada-elim-dock,
.malvada-elim-dock{
  order:2 !important;
  position:static !important;
  inset:auto !important;
  align-self:center !important;
  margin:0 !important;
}
#malvada-elim-dock .med-buttons,
#malvada-elim-dock .med-buttons-compact{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}
#malvada-elim-dock .med-btn,
#malvada-elim-dock .med-btn-label{
  min-height:36px !important;
  padding:8px 13px !important;
}
body.malvada-elim-mode #confirm-cancel-btn{display:none !important;}

/* Dock debajo del grid central, texto estelar rojo. */
.current-action .headline-danger,
#current-action .headline-danger{
  color:#ff5a6a !important;
  text-shadow:0 0 16px rgba(255,90,106,.22) !important;
}

.center-actions.has-malvada-center-dock{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:10px !important;
}

.center-actions.has-malvada-center-dock #roster-publish-toast{
  align-self:stretch !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock,
.center-actions.has-malvada-center-dock .malvada-elim-dock{
  position:static !important;
  inset:auto !important;
  order:2 !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-radius:0 !important;
  align-self:flex-start !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin:0 !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
  min-height:34px !important;
  padding:7px 11px !important;
  font-size:12px !important;
  line-height:1 !important;
  border-radius:10px !important;
}

.center-actions.has-malvada-center-dock #action-area{
  order:3 !important;
  align-self:stretch !important;
}

#rat-malvada .rat-toolrow.has-local-elim-dock,
#rat-malvada .rat-toolrow.has-local-elim-dock #malvada-elim-dock,
#rat-malvada .rat-toolrow.has-local-elim-dock .malvada-elim-dock{
  display:none !important;
}

body.has-malvada-elim-dock .footer{
  padding-bottom:6px !important;
}

@media (max-width: 900px){
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    gap:6px !important;
  }
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    min-height:32px !important;
    padding:7px 10px !important;
    font-size:11px !important;
  }
}

/* Centrar dock central, azul mas oscuro. */
.center-actions.has-malvada-center-dock{
  align-items:center !important;
  justify-content:flex-start !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock,
.center-actions.has-malvada-center-dock .malvada-elim-dock{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-self:center !important;
  margin:2px auto 0 !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
  width:100% !important;
  justify-content:center !important;
  gap:10px !important;
  margin:0 auto !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
  min-width:188px !important;
  justify-content:center !important;
}

#malvada-elim-dock .med-btn-stellar:not(:disabled){
  background:linear-gradient(180deg, rgba(74,126,210,.92), rgba(34,68,140,.96)) !important;
  border-color:rgba(142,186,255,.72) !important;
  color:#f4f8ff !important;
  box-shadow:0 8px 18px rgba(16,36,86,.26) !important;
}

#malvada-elim-dock .med-btn-normal:not(:disabled){
  box-shadow:0 8px 18px rgba(90,12,22,.22) !important;
}

@media (max-width: 900px){
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    gap:8px !important;
  }
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    min-width:164px !important;
  }
}

/* Mover mucho mas a la derecha, azul un poco mas oscuro. */
.center-actions.has-malvada-center-dock #malvada-elim-dock,
.center-actions.has-malvada-center-dock .malvada-elim-dock{
  transform:translateX(clamp(150px, 18vw, 250px)) !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
  justify-content:flex-start !important;
}

#malvada-elim-dock .med-btn-stellar:not(:disabled){
  background:linear-gradient(180deg, rgba(60,106,188,.94), rgba(28,58,124,.98)) !important;
  border-color:rgba(126,170,244,.68) !important;
  color:#f3f8ff !important;
  box-shadow:0 8px 18px rgba(12,28,72,.24) !important;
}

@media (max-width: 900px){
  .center-actions.has-malvada-center-dock #malvada-elim-dock,
  .center-actions.has-malvada-center-dock .malvada-elim-dock{
    transform:translateX(clamp(52px, 10vw, 96px)) !important;
  }
}

/* Mover un poco a la izquierda, rojo normal igual de profundo. */
.center-actions.has-malvada-center-dock #malvada-elim-dock,
.center-actions.has-malvada-center-dock .malvada-elim-dock{
  transform:translateX(clamp(108px, 14vw, 178px)) !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
  justify-content:flex-start !important;
}

#malvada-elim-dock .med-btn-normal:not(:disabled){
  background:linear-gradient(180deg, rgba(176,72,92,.94), rgba(102,22,36,.98)) !important;
  border-color:rgba(255,162,176,.68) !important;
  color:#fff5f7 !important;
  box-shadow:0 8px 18px rgba(72,12,22,.24) !important;
}

@media (max-width: 900px){
  .center-actions.has-malvada-center-dock #malvada-elim-dock,
  .center-actions.has-malvada-center-dock .malvada-elim-dock{
    transform:translateX(clamp(34px, 7vw, 64px)) !important;
  }
}

/* Mover un poco mas a la izquierda, cancelar negro. */
.center-actions.has-malvada-center-dock #malvada-elim-dock,
.center-actions.has-malvada-center-dock .malvada-elim-dock{
  transform:translateX(clamp(82px, 11.5vw, 148px)) !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
  justify-content:flex-start !important;
}

#malvada-elim-dock .med-btn-cancel,
#malvada-elim-dock .med-btn-cancel:not(:disabled){
  background:linear-gradient(180deg, rgba(24,24,28,.96), rgba(6,6,8,.98)) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#f6f6f8 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.30) !important;
}

@media (max-width: 900px){
  .center-actions.has-malvada-center-dock #malvada-elim-dock,
  .center-actions.has-malvada-center-dock .malvada-elim-dock{
    transform:translateX(clamp(20px, 4.5vw, 40px)) !important;
  }
}

/* Mover mas a la izquierda. */
.center-actions.has-malvada-center-dock #malvada-elim-dock,
.center-actions.has-malvada-center-dock .malvada-elim-dock{
  transform:translateX(clamp(48px, 7.5vw, 96px)) !important;
}

.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
.center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
  justify-content:flex-start !important;
}

@media (max-width: 900px){
  .center-actions.has-malvada-center-dock #malvada-elim-dock,
  .center-actions.has-malvada-center-dock .malvada-elim-dock{
    transform:translateX(clamp(10px, 2.4vw, 20px)) !important;
  }
}


.character{
  position:relative;
  isolation:isolate;
}
.character > img{
  position:relative;
  z-index:1;
}
.character::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  transform:scale(.86);
  transition:opacity .82s ease, transform .82s ease;
  z-index:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.character .grid-badge,
.character .grid-corner-mark{z-index:3 !important;}
.character:not(.banned):not(.picked):not(.slot-locked):hover::before{
  opacity:.96;
  transform:scale(1);
}
.character[data-el="Pyro"]::before{
  background:radial-gradient(70% 82% at 50% 100%, rgba(var(--elrgb),.54) 0%, rgba(var(--elrgb),.24) 48%, rgba(0,0,0,.06) 82%), linear-gradient(180deg, rgba(var(--elrgb),.20), rgba(var(--elrgb),.04) 65%);
}
.character[data-el="Hydro"]::before,
.character[data-el="Dendro"]::before,
.character[data-el="Electro"]::before,
.character[data-el="Anemo"]::before,
.character[data-el="Cryo"]::before,
.character[data-el="Geo"]::before,
.character[data-el="Ninguno"]::before{
  background:radial-gradient(70% 82% at 50% 100%, rgba(var(--elrgb),.50) 0%, rgba(var(--elrgb),.22) 48%, rgba(0,0,0,.06) 82%), linear-gradient(180deg, rgba(var(--elrgb),.18), rgba(var(--elrgb),.04) 65%);
}

.v43-swap-layer{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9999;
}
.v43-swap-ghost{
  position:fixed;
  margin:0;
  will-change:transform, opacity;
  transform:translate3d(0,0,0) scale(1);
  transition:transform .88s cubic-bezier(.22,.78,.2,1), opacity .88s ease;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.28));
}
.v43-swap-ghost.animating{
  transform:translate3d(var(--dx), var(--dy), 0) scale(1.02);
}
.v43-swap-ghost .pick-char-img,
.v43-swap-ghost > img{
  animation:none !important;
}


/* Visual polish: hover elemental mas vivo, swap realmente fluido. */
.character:not(.banned):not(.picked):not(.slot-locked){
  overflow:hidden;
}
.character:not(.banned):not(.picked):not(.slot-locked)::before{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 -18px 30px rgba(0,0,0,.08),
    0 0 18px rgba(var(--elrgb,255,255,255),.14);
  transition:opacity .56s ease, transform .56s cubic-bezier(.2,.78,.2,1), filter .56s ease;
  filter:saturate(1.2) brightness(1.02);
}
.character:not(.banned):not(.picked):not(.slot-locked):hover::before{
  opacity:1 !important;
  transform:scale(1) !important;
  filter:saturate(1.42) brightness(1.08);
}
.character[data-el="Pyro"]:not(.banned):not(.picked):not(.slot-locked)::before,
.character[data-el="Hydro"]:not(.banned):not(.picked):not(.slot-locked)::before,
.character[data-el="Dendro"]:not(.banned):not(.picked):not(.slot-locked)::before,
.character[data-el="Electro"]:not(.banned):not(.picked):not(.slot-locked)::before,
.character[data-el="Geo"]:not(.banned):not(.picked):not(.slot-locked)::before,
.character[data-el="Cryo"]:not(.banned):not(.picked):not(.slot-locked)::before,
.character[data-el="Anemo"]:not(.banned):not(.picked):not(.slot-locked)::before,
.character[data-el="Ninguno"]:not(.banned):not(.picked):not(.slot-locked)::before{
  background:
    radial-gradient(88% 96% at 50% 100%, rgba(var(--elrgb),.84) 0%, rgba(var(--elrgb),.58) 40%, rgba(var(--elrgb),.26) 68%, rgba(0,0,0,.04) 100%),
    linear-gradient(180deg, rgba(var(--elrgb),.36) 0%, rgba(var(--elrgb),.10) 68%, rgba(0,0,0,.02) 100%) !important;
}
.character:hover{
  box-shadow:0 14px 24px rgba(0,0,0,.30), 0 0 18px rgba(var(--elrgb,255,255,255),.22) !important;
}

.v44-swap-layer{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:10020;
}
.v44-swap-ghost{
  position:fixed;
  margin:0;
  will-change:transform, opacity;
  transition:transform .78s cubic-bezier(.2,.86,.16,1), opacity .78s ease;
  transform:translate3d(0,0,0);
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.24));
  pointer-events:none;
}
.v44-swap-ghost,
.v44-swap-ghost *{
  animation:none !important;
  transition:none !important;
}
.v44-swap-ghost.animating{
  transform:translate3d(var(--dx), var(--dy), 0);
}
.v44-swap-ghost.fade-out{
  opacity:0;
}
.pick-slot.v44-swap-hide > img,
.pick-slot.v44-swap-hide > .pick-char-img,
.pick-slot.v44-swap-hide > .pick-weapon-badge,
.pick-slot.v44-swap-hide > .pick-cons-badge,
.pick-slot.v44-swap-hide .pick-char-img,
.pick-slot.v44-swap-hide .pick-weapon-badge,
.pick-slot.v44-swap-hide .pick-cons-badge{
  opacity:0 !important;
  animation:none !important;
  transition:none !important;
}
.pick-slot.v44-swap-hide::before,
.pick-slot.v44-swap-hide::after{
  opacity:0 !important;
  animation:none !important;
  transition:none !important;
}


/* Broom swap animation. */
.pv-swap-overlay,
.v43-swap-layer,
#v43-swap-layer,
.v44-swap-layer,
#v44-swap-layer{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.v46-swap-layer{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9999;
  overflow:visible;
}

.v46-swap-ghost{
  position:fixed;
  margin:0;
  pointer-events:none;
  z-index:10000;
  transform:translate3d(0,0,0);
  transition:transform .72s cubic-bezier(.22,1,.36,1), opacity .12s linear;
  will-change:transform, opacity;
}

.v46-swap-ghost,
.v46-swap-ghost *{
  pointer-events:none !important;
}

.v46-swap-ghost.fade-out{
  opacity:0;
}

.pick-slot.v46-swap-conceal{
  background:rgba(0,0,0,.08) !important;
  box-shadow:none !important;
}

.pick-slot.v46-swap-conceal > img,
.pick-slot.v46-swap-conceal > .pick-char-img,
.pick-slot.v46-swap-conceal > .pick-weapon-badge,
.pick-slot.v46-swap-conceal > .pick-cons-badge,
.pick-slot.v46-swap-conceal .pick-char-img,
.pick-slot.v46-swap-conceal .pick-weapon-badge,
.pick-slot.v46-swap-conceal .pick-cons-badge{
  opacity:0 !important;
  visibility:hidden !important;
}

.pick-slot.v46-swap-conceal::before,
.pick-slot.v46-swap-conceal::after{
  opacity:0 !important;
}


/* Precise broom swap ghost tune. */
.v46-swap-ghost{
  display:block !important;
  overflow:hidden !important;
  isolation:isolate !important;
  backface-visibility:hidden !important;
}
.v46-swap-ghost-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:inherit !important;
  display:block !important;
}
.v46-swap-ghost-cons{
  position:absolute !important;
  top:3px !important;
  left:3px !important;
  z-index:3 !important;
}
.v46-swap-ghost-weapon{
  position:absolute !important;
  right:3px !important;
  bottom:3px !important;
  z-index:3 !important;
}
.pick-slot.v46-swap-conceal{
  background:rgba(0,0,0,.06) !important;
  box-shadow:none !important;
}
.pick-slot.v46-swap-conceal::before,
.pick-slot.v46-swap-conceal::after{
  opacity:0 !important;
  animation:none !important;
}

/* Ocultar botones viejos de escoba bajo cada rata. */
#rat-ladrona .rat-toolrow > #broom-ladrona,
#rat-malvada .rat-toolrow > #broom-malvada,
#rat-corrupta .rat-toolrow > #broom-corrupta,
#rat-caotica .rat-toolrow > #broom-caotica{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Keep elemental hover on selected grid card. */
.character:not(.banned):not(.picked):not(.slot-locked).picked-temp::before{
  opacity:1 !important;
  transform:scale(1) !important;
  filter:saturate(1.42) brightness(1.08) !important;
}
.character:not(.banned):not(.picked):not(.slot-locked).picked-temp{
  box-shadow:0 14px 24px rgba(0,0,0,.30), 0 0 18px rgba(var(--elrgb,255,255,255),.22) !important;
}


/* FLOATING CONTROLS panels outside topbar. */
:root{
  --pv-floating-top: 10px;
  --pv-floating-side: 12px;
  --pv-trailer-shift: 308px;
}
body.pv-body{
  position:relative;
}
.floating-trailer-panel,
.floating-sound-panel{
  position:fixed !important;
  top:var(--pv-floating-top) !important;
  z-index:1600 !important;
  display:flex !important;
  align-items:flex-start !important;
  pointer-events:none !important;
}
.floating-trailer-panel{
  left:var(--pv-floating-side) !important;
}
.floating-sound-panel{
  right:var(--pv-floating-side) !important;
  gap:8px !important;
}
.floating-trailer-panel > *,
.floating-sound-panel > *{
  pointer-events:auto !important;
}
.floating-trailer-panel .topbar-settings-wrap{
  position:relative !important;
  z-index:1602 !important;
}
.floating-trailer-panel .topbar-settings-menu{
  position:absolute !important;
  top:0 !important;
  left:calc(100% + 12px) !important;
  right:auto !important;
  transform:none !important;
  min-width:284px !important;
  z-index:1603 !important;
}
.floating-trailer-panel .topbar-settings-wrap.open .topbar-settings-menu{
  display:block !important;
}
body.pv-trailer-menu-open .logo-ratas{
  transform:translateX(var(--pv-trailer-shift)) !important;
}
.logo-ratas{
  transition:transform .22s ease !important;
}
.topbar-left{
  gap:0 !important;
}
.topbar-right{
  min-height:1px !important;
}
.floating-sound-panel .volume-wrap{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:7px 12px !important;
  min-height:38px !important;
  background:rgba(7,8,12,.96) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:999px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.22) !important;
}
.floating-sound-panel .volume-wrap input{
  width:112px !important;
}
.floating-sound-panel .volume-wrap.collapsed{
  display:none !important;
}
.floating-sound-panel #volume-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  margin-left:0 !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(7,8,12,.94) !important;
  color:#fff !important;
  cursor:pointer !important;
  box-shadow:0 10px 18px rgba(0,0,0,.18) !important;
}
@media (max-width: 980px){
  :root{
    --pv-floating-top: 8px;
    --pv-floating-side: 8px;
    --pv-trailer-shift: 0px;
  }
  .floating-trailer-panel .topbar-settings-menu{
    top:calc(100% + 8px) !important;
    left:0 !important;
    min-width:min(280px, calc(100vw - 16px)) !important;
  }
  body.pv-trailer-menu-open .logo-ratas{
    transform:none !important;
  }
  .floating-sound-panel{
    gap:6px !important;
  }
  .floating-sound-panel .volume-wrap input{
    width:96px !important;
  }
}


/* FLOATING BRAND logo outside topbar and closer to trailer panel. */
:root{
  --pv-brand-gap: 58px;
  --pv-brand-shift: 296px;
}
.floating-brand-unit{
  position:fixed !important;
  top:var(--pv-floating-top) !important;
  left:calc(var(--pv-floating-side) + var(--pv-brand-gap)) !important;
  z-index:1599 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:40px !important;
  padding:4px 2px 4px 0 !important;
  pointer-events:auto !important;
  transition:transform .22s ease !important;
  transform:translateX(0) !important;
}
body.pv-trailer-menu-open .floating-brand-unit{
  transform:translateX(var(--pv-brand-shift)) !important;
}
body.pv-trailer-menu-open .logo-ratas:not(.floating-brand-unit){
  transform:none !important;
}
.topbar-left:empty{
  min-height:1px !important;
}
@media (max-width: 980px){
  :root{
    --pv-brand-gap: 54px;
    --pv-brand-shift: 0px;
  }
  .floating-brand-unit{
    max-width:calc(100vw - 132px) !important;
  }
  .floating-brand-unit .logo-text{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}


/* Fullscreen button near sound panel. */
:root{
  --pv-sound-expanded-width: 152px;
}
.floating-sound-panel{
  gap:8px !important;
}
.floating-sound-panel > *{
  flex:0 0 auto !important;
}
.floating-sound-panel .volume-wrap{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:var(--pv-sound-expanded-width) !important;
  max-width:var(--pv-sound-expanded-width) !important;
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  opacity:1 !important;
  margin:0 !important;
  transform:translateX(0) !important;
  transition:max-width .24s ease, width .24s ease, opacity .18s ease, padding .24s ease, margin .24s ease, border-color .24s ease, box-shadow .24s ease, transform .24s ease !important;
}
.floating-sound-panel .volume-wrap.collapsed{
  display:flex !important;
  width:0 !important;
  max-width:0 !important;
  opacity:0 !important;
  padding-inline:0 !important;
  margin:0 !important;
  border-color:transparent !important;
  box-shadow:none !important;
  pointer-events:none !important;
  transform:translateX(10px) !important;
}
.floating-sound-panel .volume-wrap.collapsed .vol-ico,
.floating-sound-panel .volume-wrap.collapsed input{
  opacity:0 !important;
}
.fullscreen-toggle-ratas,
.floating-sound-panel #volume-toggle{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  height:38px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:linear-gradient(180deg, rgba(16,18,26,.96), rgba(8,9,13,.94)) !important;
  color:#fff !important;
  cursor:pointer !important;
  box-shadow:0 10px 18px rgba(0,0,0,.18) !important;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease, opacity .22s ease !important;
}
.fullscreen-toggle-ratas{
  overflow:hidden !important;
}
.fullscreen-toggle-ratas::before,
.floating-sound-panel #volume-toggle::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0));
  opacity:.75;
  pointer-events:none;
}
.fullscreen-toggle-ratas:hover,
.floating-sound-panel #volume-toggle:hover{
  transform:translateY(-1px) scale(1.03) !important;
  border-color:rgba(255,255,255,.26) !important;
  box-shadow:0 14px 22px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.05) inset !important;
}
.fullscreen-toggle-ratas:active,
.floating-sound-panel #volume-toggle:active{
  transform:translateY(0) scale(.98) !important;
}
.fullscreen-toggle-ratas svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  position:relative;
  z-index:1;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.35));
}
body.pv-ratas-fullscreen .fullscreen-toggle-ratas{
  border-color:rgba(121,240,255,.40) !important;
  box-shadow:0 12px 22px rgba(0,0,0,.24), 0 0 18px rgba(121,240,255,.14) !important;
  background:linear-gradient(180deg, rgba(16,22,32,.98), rgba(7,10,16,.96)) !important;
}
body.pv-ratas-fullscreen .fullscreen-toggle-ratas svg{
  color:#79f0ff !important;
}
body.pv-ratas-fullscreen .fullscreen-toggle-ratas svg{
  transform:scale(1.03);
}
@media (max-width: 980px){
  :root{
    --pv-sound-expanded-width: 132px;
  }
  .fullscreen-toggle-ratas,
  .floating-sound-panel #volume-toggle{
    width:36px !important;
    height:36px !important;
  }
  .fullscreen-toggle-ratas svg{
    width:16px !important;
    height:16px !important;
  }
}

/* Fullscreen, sound panel polish. */
:root{
  --pv-sound-expanded-width: 168px;
}
.floating-sound-panel{
  right:calc(var(--pv-floating-side) + 8px) !important;
  gap:10px !important;
  overflow:visible !important;
  padding-right:2px !important;
}
.floating-sound-panel .volume-wrap{
  width:var(--pv-sound-expanded-width) !important;
  max-width:var(--pv-sound-expanded-width) !important;
  padding:7px 14px 7px 12px !important;
  overflow:hidden !important;
}
.floating-sound-panel .volume-wrap input{
  width:122px !important;
}

body.pv-ratas-fullscreen .topbar{
  min-height:74px !important;
  padding-top:16px !important;
}
body.pv-ratas-fullscreen .layout{
  padding-top:18px !important;
}
body.pv-ratas-fullscreen .center-card{
  margin-top:6px !important;
}
body.pv-ratas-fullscreen .rat-slot .rat-grid{
  margin-top:14px !important;
  padding:0 0 8px 46px !important;
  grid-template-columns:repeat(4,86px) !important;
  grid-template-rows:repeat(2,86px) !important;
  column-gap:10px !important;
  row-gap:10px !important;
}
body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
  top:50% !important;
  left:10px !important;
  width:30px !important;
  transform:translateY(-50%) !important;
  font-size:13px !important;
  line-height:1.05 !important;
}
body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
  width:86px !important;
  height:86px !important;
  min-height:86px !important;
  max-width:86px !important;
}
body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
  top:-18px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:28px !important;
  height:28px !important;
  font-size:20px !important;
  line-height:28px !important;
}
body.pv-ratas-fullscreen .rat-slot .pick-cons-badge{
  min-width:18px !important;
  min-height:14px !important;
  font-size:8px !important;
}
body.pv-ratas-fullscreen .rat-slot .pick-weapon-badge{
  width:16px !important;
  height:16px !important;
}
@media (max-width: 980px){
  :root{ --pv-sound-expanded-width: 144px; }
  .floating-sound-panel{ right:calc(var(--pv-floating-side) + 4px) !important; }
  .floating-sound-panel .volume-wrap input{ width:102px !important; }
  body.pv-ratas-fullscreen .topbar{ min-height:64px !important; padding-top:10px !important; }
  body.pv-ratas-fullscreen .layout{ padding-top:10px !important; }
  body.pv-ratas-fullscreen .rat-slot .rat-grid{
    grid-template-columns:repeat(4,74px) !important;
    grid-template-rows:repeat(2,74px) !important;
    padding-left:40px !important;
    column-gap:8px !important;
    row-gap:8px !important;
  }
  body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:74px !important;
    height:74px !important;
    min-height:74px !important;
    max-width:74px !important;
  }
}

/* Solo fullscreen, PICKS un poco a la izquierda, BANS normales un poco mas abajo. */
body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
  left:4px !important;
  width:28px !important;
}

body.pv-ratas-fullscreen .rat-slot .rat-minirow{
  position:relative !important;
  top:6px !important;
  margin-bottom:6px !important;
}

@media (max-width: 980px){
  body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:3px !important;
    width:26px !important;
  }
  body.pv-ratas-fullscreen .rat-slot .rat-minirow{
    top:4px !important;
    margin-bottom:4px !important;
  }
}


/* Fullscreen: PICKS a little more to the left. */
body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
  left:0px !important;
  width:28px !important;
}

/* Normal mode only: lower normal bans block a tiny bit, keeping title and slots together. */
body:not(.pv-ratas-fullscreen) .rat-slot .rat-minirow{
  position:relative !important;
  top:4px !important;
  margin-bottom:4px !important;
}

@media (max-width: 980px){
  body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:0px !important;
    width:26px !important;
  }
  body:not(.pv-ratas-fullscreen) .rat-slot .rat-minirow{
    top:3px !important;
    margin-bottom:3px !important;
  }
}

/* Solo subir un poco el label PICKS de Malvada en modo normal. */
body:not(.pv-ratas-fullscreen) #rat-malvada .rat-grid::before{
  top:43.8% !important;
}

/* Ajuste fino solo para Malvada. */
/* Modo normal: subir un poco mas PICKS de Malvada. */
body:not(.pv-ratas-fullscreen) #rat-malvada .rat-grid::before{
  top:42.3% !important;
}

/* Normal y fullscreen: bajar un poquito el texto BANS de Malvada. */
#rat-malvada .rat-minirow .mini-title{
  position:relative !important;
  top:2px !important;
}


/* CORRUPTA STELLAR SHIFT / DRAFT INTRO FX. */
.pick-slot.corrupta-shift-targetable,
.stellar-slot.corrupta-shift-source{
  cursor:pointer;
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 20px rgba(167,139,250,.22), inset 0 0 18px rgba(124,58,237,.14);
}
.pick-slot.corrupta-shift-targetable::after{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:20px;
  pointer-events:none;
  border:1px solid rgba(216,180,254,.48);
  box-shadow:0 0 18px rgba(168,85,247,.22);
  animation:corruptaShiftPulse 1.5s ease-in-out infinite;
}
.stellar-slot.corrupta-shift-source::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:20px;
  pointer-events:none;
  border:1px solid rgba(216,180,254,.48);
  box-shadow:0 0 18px rgba(168,85,247,.22);
  animation:corruptaShiftPulse 1.5s ease-in-out infinite;
}
.pick-slot.corrupta-shift-selected{
  box-shadow:0 0 0 2px rgba(250,245,255,.32),0 0 28px rgba(196,181,253,.34), inset 0 0 26px rgba(192,132,252,.20) !important;
}
.corrupta-shift-box{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(192,132,252,.30);
  background:linear-gradient(135deg,rgba(34,17,56,.88),rgba(61,28,92,.74));
  box-shadow:0 18px 50px rgba(6,10,24,.30), inset 0 0 0 1px rgba(255,255,255,.03);
}
.corrupta-shift-title{font-weight:900; letter-spacing:.03em; color:#f5e9ff; text-shadow:0 0 18px rgba(196,181,253,.22)}
.corrupta-shift-copy{color:#eadbff; line-height:1.5}
.corrupta-shift-actions{display:flex; flex-wrap:wrap; gap:10px}
.corrupta-shift-btn{
  appearance:none; border:0; cursor:pointer; padding:11px 15px; border-radius:14px; font-weight:900; letter-spacing:.03em;
  color:#fff; background:linear-gradient(135deg,#7c3aed,#4c1d95); box-shadow:0 14px 26px rgba(76,29,149,.28), inset 0 1px 0 rgba(255,255,255,.15);
}
.corrupta-shift-btn.secondary{background:linear-gradient(135deg,#4b5563,#1f2937)}
.corrupta-shift-btn.confirm{background:linear-gradient(135deg,#d8b4fe,#7c3aed,#4c1d95); color:#fff;}
.corrupta-shift-btn:hover{transform:translateY(-1px); filter:brightness(1.05)}

.rat-slot{position:relative}
.rat-intro-fx{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:0;
  z-index:18;
}
.rat-intro-fx.show{animation:ratIntroFxWrap 2s ease forwards}
.rat-intro-fx-icon{
  font-size:clamp(70px, 11vw, 150px);
  filter:drop-shadow(0 0 22px rgba(255,255,255,.18));
  transform:scale(.3) rotate(-10deg);
  opacity:0;
}
.rat-intro-fx.show .rat-intro-fx-icon{animation:ratIntroFxIcon 2s cubic-bezier(.18,.85,.22,1) forwards}
.rat-intro-fx-star .rat-intro-fx-icon{color:#ffe680; text-shadow:0 0 24px rgba(255,215,0,.38),0 0 60px rgba(250,204,21,.28)}
.rat-intro-fx-skull .rat-intro-fx-icon{color:#f2d7ff; text-shadow:0 0 30px rgba(192,132,252,.45),0 0 70px rgba(109,40,217,.30)}
.rat-intro-fx-aura{
  position:absolute; width:62%; aspect-ratio:1/1; border-radius:999px; filter:blur(18px); opacity:0;
}
.rat-intro-fx-star .rat-intro-fx-aura{background:radial-gradient(circle, rgba(250,204,21,.48), rgba(250,204,21,.14) 45%, rgba(250,204,21,0) 72%)}
.rat-intro-fx-skull .rat-intro-fx-aura{background:radial-gradient(circle, rgba(168,85,247,.52), rgba(109,40,217,.18) 45%, rgba(109,40,217,0) 72%)}
.rat-intro-fx.show .rat-intro-fx-aura{animation:ratIntroFxAura 2s ease forwards}

@keyframes corruptaShiftPulse{0%,100%{opacity:.48; transform:scale(.985)}50%{opacity:1; transform:scale(1.01)}}
@keyframes ratIntroFxWrap{0%{opacity:0}12%{opacity:1}78%{opacity:1}100%{opacity:0}}
@keyframes ratIntroFxAura{0%{opacity:0; transform:scale(.42)}18%{opacity:1; transform:scale(1)}72%{opacity:.72; transform:scale(1.1)}100%{opacity:0; transform:scale(1.24)}}
@keyframes ratIntroFxIcon{0%{opacity:0; transform:scale(.3) rotate(-18deg)}16%{opacity:1; transform:scale(1.08) rotate(4deg)}42%{opacity:1; transform:scale(1) rotate(0deg)}82%{opacity:1; transform:scale(.96) rotate(0deg)}100%{opacity:0; transform:scale(.72) rotate(8deg)}}


#characters,.characters-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important;}
.penalty-toast-lower{top:50% !important;transform:translate(-50%,-50%) !important;}
.v8-force-center{text-align:center !important;justify-content:center !important;align-items:center !important;}
button.v8-force-center,.big-choice.v8-force-center,.confirm-btn.v8-force-center,.ready-btn.v8-force-center,.undo-btn.v8-force-center,.broom-btn.v8-force-center{display:inline-flex !important;}
.pick-slot.v8-shared-broom{box-shadow:0 0 0 2px rgba(255,255,255,.18) inset, 0 0 28px rgba(255,226,122,.42) !important; animation:v8BroomPulse 1.45s ease !important;}
.pick-slot.v8-shared-swap{box-shadow:0 0 0 2px rgba(255,255,255,.18) inset, 0 0 24px rgba(146,198,255,.42) !important; animation:v8SwapPulse .95s ease !important;}
@keyframes v8BroomPulse{0%{transform:scale(.94);filter:brightness(.9)}35%{transform:scale(1.06);filter:brightness(1.18)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes v8SwapPulse{0%{transform:scale(.94)}45%{transform:scale(1.05)}100%{transform:scale(1)}}


.penalty-toast-lower{top:50% !important;transform:translate(-50%,-50%) !important;}
body.pv-ratas-fullscreen .rat-slot .pick-cons-badge{
  top:4px !important;left:4px !important;font-size:10px !important;min-width:24px !important;min-height:20px !important;padding:0 4px !important;
}
body.pv-ratas-fullscreen .rat-slot .pick-weapon-badge{
  right:4px !important;bottom:4px !important;width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;max-width:22px !important;max-height:22px !important;padding:1px !important;
}
body.pv-ratas-fullscreen .rat-slot .grid-corner-mark{
  font-size:10px !important;min-width:18px !important;padding:1px 5px !important;line-height:1 !important;
}
.tornado-hero,
.tornado-hero h3,
.tornado-hero p,
.tornado-copy,
.tornado-picked-line,
.tornado-choice-card,
.tornado-target-card,
.tornado-char-card,
.tornado-slot-choice,
.tornado-result-call,
.tornado-result-call .char-inline,
.action-sub.v8-force-center,
.v8-force-center{
  text-align:center !important;
  justify-content:center !important;
}
.tornado-choice-card strong,
.tornado-target-card strong,
.tornado-char-card strong,
.tornado-choice-card small,
.tornado-target-card small,
.tornado-char-card small{ text-align:center !important; }
.v9v2-corrupta-shift-box{
  margin-top:8px !important;
  display:flex !important;
  justify-content:center !important;
}
.v9v2-corrupta-shift-copy{
  width:min(100%, 520px) !important;
  text-align:center !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(97,77,14,.20), rgba(48,39,8,.16)) !important;
  border:1px solid rgba(255,224,122,.22) !important;
  color:#fff3b0 !important;
  font-weight:900 !important;
}
.action-btnrow .big-choice.v9v2-corrupta-btn{
  min-width:0 !important;
  width:auto !important;
  max-width:260px !important;
  padding-inline:14px !important;
  white-space:nowrap !important;
}
.corrupta-shift-targetable{
  outline:2px solid rgba(255,224,122,.42) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.06) inset, 0 0 22px rgba(255,224,122,.22) !important;
  cursor:pointer !important;
}
.corrupta-shift-selected{
  outline:2px solid rgba(255,245,178,.82) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.14) inset, 0 0 28px rgba(255,224,122,.34) !important;
}

/* Cleanup: corrupta shift fully disabled for now. */
.corrupta-shift-box,.v9v2-corrupta-shift-box{display:none !important;}


.penalty-toast-lower{
  top:68px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
  top:3px !important;
  right:3px !important;
  left:auto !important;
  transform:none !important;
  width:22px !important;
  height:22px !important;
  line-height:22px !important;
  font-size:15px !important;
  display:grid !important;
  place-items:center !important;
}
.action-btnrow [data-v12-corrupta-btn]{
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:min(100%, 360px) !important;
  white-space:nowrap !important;
}


.penalty-toast-lower{top:94px !important;left:50% !important;transform:translateX(-50%) !important;}
#global-toast.mini-toast-shift-low{top:auto !important;bottom:114px !important;left:50% !important;transform:translateX(-50%) !important;max-width:min(76vw,520px) !important;text-align:center !important;}
body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
  top:4px !important;
  right:4px !important;
  left:auto !important;
  transform:none !important;
  width:28px !important;
  height:28px !important;
  line-height:28px !important;
  font-size:19px !important;
  display:grid !important;
  place-items:center !important;
}
.modal.tornado-sheet .modal-header{justify-content:center !important; position:sticky !important;}
.modal.tornado-sheet .modal-title{width:100% !important; text-align:center !important; padding-right:44px !important;}
.modal.tornado-sheet .modal-close{position:absolute !important; right:12px !important; top:8px !important;}
.chaos-protect-v3 .tornado-char-card{
  padding:12px 12px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  text-align:center !important;
}
.chaos-protect-v3 .tnd-slot-no{
  width:100% !important;
  justify-content:center !important;
  text-align:center !important;
  margin-bottom:2px !important;
}
.chaos-protect-v3 .tnd-protect-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 36px !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
}
.chaos-protect-v3 .tnd-protect-row strong{
  margin:0 !important;
  min-width:0 !important;
  text-align:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:15px !important;
  line-height:1.1 !important;
}
.chaos-protect-v3 .tnd-protect-row .tnd-spin-chibi{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
  justify-self:end !important;
}
.chaos-protect-v3 .tornado-char-card small{
  margin-top:auto !important;
  text-align:center !important;
}


.rat-slot.has-zone-preview-lite{position:relative !important;}
.rat-slot.has-zone-preview-lite > *:not(.rat-zone-preview){position:relative !important;z-index:2 !important;}
.rat-slot.has-zone-preview-lite .rat-zone-preview{position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;}

#rat-corrupta .pick-slot.corrupta-shift-targetable{cursor:pointer !important; box-shadow:0 0 0 1px rgba(255,220,96,.28) inset, 0 0 18px rgba(255,220,96,.12) !important;}
#rat-corrupta .pick-slot.corrupta-shift-targetable:hover{transform:translateY(-1px) !important; filter:brightness(1.04) !important;}
#rat-corrupta .pick-slot.corrupta-shift-selected{box-shadow:0 0 0 2px rgba(255,225,122,.52) inset, 0 0 24px rgba(255,225,122,.22) !important;}
.action-sub.v16-corrupta-help{margin-top:10px !important; margin-bottom:0 !important; text-align:center !important; font-size:13px !important; line-height:1.45 !important; color:#ffeeb5 !important; max-width:min(90vw,680px) !important; align-self:center !important;}
.action-sub.v16-corrupta-help .char-inline{white-space:nowrap !important; font-weight:1000 !important;}
.action-btnrow [data-v16-corrupta-btn]{flex:0 1 auto !important; width:auto !important; min-width:0 !important; max-width:min(100%, 360px) !important; white-space:nowrap !important;}

/* Banner de Corrupta lineal y sin saltos raros. */
.action-banner-overlay.theme-corrupta{display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important;}
.action-banner-overlay.theme-corrupta span,
.action-banner-overlay.theme-corrupta .role-inline,
.action-banner-overlay.theme-corrupta .char-inline{white-space:nowrap !important; display:inline-flex !important; align-items:center !important;}

/* Tornado: tarjetas de protección más limpias. */
.tornado-char-card{padding:12px 14px !important;}
.tornado-char-card .tnd-slot-no{display:block !important; text-align:left !important; margin-bottom:8px !important; font-size:15px !important; font-weight:1000 !important;}
.tornado-char-card .tnd-spin-row.tnd-protect-row{display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important;}
.tornado-char-card .tnd-spin-row.tnd-protect-row strong{display:block !important; flex:1 1 auto !important; text-align:left !important; margin:0 !important; font-size:18px !important; line-height:1.12 !important;}
.tornado-char-card .tnd-spin-row.tnd-protect-row img,
.tornado-char-card .tnd-spin-row.tnd-protect-row .tnd-spin-chibi,
.tornado-char-card .tnd-spin-row.tnd-protect-row .spin-chibi,
.tornado-char-card .tnd-spin-row.tnd-protect-row [class*="chibi"]{width:52px !important; height:52px !important; min-width:52px !important; min-height:52px !important; object-fit:contain !important;}
.tornado-char-card small{display:block !important; text-align:left !important; min-height:18px !important; margin-top:8px !important; font-size:12px !important; line-height:1.2 !important;}
.tornado-char-card.is-stellar small{font-size:14px !important; color:#ff4c4c !important; font-weight:1000 !important;}
.tornado-char-card.is-clickable small{font-size:13px !important;}

/* Ban seguro uniforme en las 4 ratas. */
#rat-ladrona .safe-slot,
#rat-malvada .safe-slot,
#rat-corrupta .safe-slot,
#rat-caotica .safe-slot{width:62px !important; height:62px !important; min-width:62px !important; min-height:62px !important; max-width:62px !important; border-radius:14px !important;}

/* Estrella del pick estelar: más grande en fullscreen, pero en su esquina correcta. */
body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
  top:4px !important;
  right:4px !important;
  left:auto !important;
  transform:none !important;
  width:34px !important;
  height:34px !important;
  line-height:34px !important;
  font-size:24px !important;
  display:grid !important;
  place-items:center !important;
  z-index:18 !important;
}

#pv58-final-style-anchor{display:none}

.pv58-ratas-move-layer{position:fixed;inset:0;pointer-events:none;z-index:2710;overflow:visible;}
.pv58-ratas-move-ghost{
  position:fixed;
  margin:0;
  pointer-events:none;
  overflow:hidden;
  z-index:2711;
  transform:translate3d(0,0,0);
  transition:transform .98s cubic-bezier(.22,.78,.2,1), opacity .98s ease;
  will-change:transform,opacity;
  filter:none;
  transform-origin:center center;
  backface-visibility:hidden;
}
.pv58-ratas-move-ghost.animating{opacity:1;}
.pv58-ratas-move-ghost.fade-out{opacity:0;}
.pv58-ratas-move-ghost-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;background:transparent !important;box-shadow:none !important;}
.pv58-ratas-move-ghost-cons{display:none !important;}
.pv58-ratas-move-ghost-weapon{
  position:absolute;
  right:4px;
  bottom:4px;
  z-index:3;
  width:34px;
  height:34px;
  object-fit:contain;
  filter:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.pick-slot.pv58-ratas-move-conceal{
  background:inherit !important;
  box-shadow:inherit !important;
}
.pick-slot.pv58-ratas-move-conceal > img,
.pick-slot.pv58-ratas-move-conceal > video,
.pick-slot.pv58-ratas-move-conceal > .pick-char-img,
.pick-slot.pv58-ratas-move-conceal .pick-char-img,
.pick-slot.pv58-ratas-move-conceal > .pick-cons-badge,
.pick-slot.pv58-ratas-move-conceal > .pick-weapon-badge,
.pick-slot.pv58-ratas-move-conceal .slot-name-bar{opacity:0 !important;visibility:hidden !important;}
.mini-slot.pv58-ratas-move-conceal,
#extra-stellar-malvada.pv58-ratas-move-conceal,
#extra-stellar-caotica.pv58-ratas-move-conceal{opacity:0 !important;visibility:hidden !important;}

.pick-slot.protected-choice,
.pick-slot.auto-protected{
  filter:none !important;
}
.pick-slot.protected-choice > .pick-char-img,
.pick-slot.protected-choice > img:not(.pick-weapon-badge),
.pick-slot.auto-protected > .pick-char-img,
.pick-slot.auto-protected > img:not(.pick-weapon-badge){
  filter:none !important;
  opacity:1 !important;
}


.pv58-ratas-move-ghost,
.pv58-ratas-move-ghost *{background-color:transparent !important; box-shadow:none !important;}
.mini-slot.pv58-ratas-move-conceal{opacity:1 !important;visibility:visible !important;}
.mini-slot.pv58-ratas-move-conceal > img{opacity:0 !important;visibility:hidden !important;}

/* REBUILT ranking titles reuse exact draft normal styles. */
.pv-ranklane-ratas:not(.pv-ranklane-ratas--rebuilt){ display:none !important; }

.rat-slot.pv-rank-rebuilt-host,
.rat-slot.pv-rank-rebuilt-host .rat-grid,
.rat-slot.pv-rank-rebuilt-host .rat-grid .pick-slot,
.rat-slot.pv-rank-rebuilt-host .rat-banbar,
.rat-slot.pv-rank-rebuilt-host .rat-minirow{
  overflow: visible !important;
}

.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
  position: fixed !important;
  top: 0 !important;
  width: 260px !important;
  display: grid !important;
  grid-template-rows: repeat(4, 200px) !important;
  gap: 14px !important;
  pointer-events: none !important;
  z-index: 2147483647 !important;
  overflow: visible !important;
  isolation: isolate !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-ranklane-ratas-cell{
  display: flex !important;
  align-items: center !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-ranklane-ratas-cell{
  justify-content: flex-start !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-ranklane-ratas-cell{
  justify-content: flex-end !important;
}

@media (max-width: 1500px){
  .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{ width: 240px !important; }
}
@media (max-width: 1380px){
  .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{ width: 220px !important; }
}
@media (max-width: 1280px){
  .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{ display: none !important; }
}

/* Carriles THE BEST aislados para reducir repintados durante trailers y videos. */
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
  width: var(--pv-ranklane-ratas-fit-width, 260px) !important;
  contain: layout paint style !important;
  transform: translateZ(0) !important;
  will-change: transform !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner{
  contain: paint style !important;
  backface-visibility: hidden !important;
  transform: translateZ(0);
  width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line{
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  overflow: visible !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner--best .pv-rank-elicon,
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line .pv-rank-elicon{
  flex-shrink: 0 !important;
}
body.pv-body.pv-perf-video .pv-rankbanner,
body.pv-body.pv-trailer-open .pv-rankbanner,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner,
body.pv-body.pv-perf-video .pv-rankbanner *,
body.pv-body.pv-trailer-open .pv-rankbanner *,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner *{
  animation-play-state: running !important;
  transition-property: opacity, transform !important;
}
body.pv-body.pv-perf-video .pv-rankbanner,
body.pv-body.pv-trailer-open .pv-rankbanner,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.42),
    0 0 0 1px rgba(var(--elrgb), .24) inset !important;
  background: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.62)) !important;
}
body.pv-body.pv-perf-video .pv-rankbanner::before,
body.pv-body.pv-trailer-open .pv-rankbanner::before,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner::before{
  opacity: .45 !important;
  animation: none !important;
  background:
    radial-gradient(120% 180% at 0% 0%, rgba(var(--elrgb), .16), transparent 58%),
    linear-gradient(90deg, rgba(var(--elrgb), .18), transparent 55%) !important;
  filter: none !important;
  box-shadow: none !important;
}
body.pv-body.pv-perf-video .pv-rankbanner::after,
body.pv-body.pv-trailer-open .pv-rankbanner::after,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner::after{
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.22) 45%, transparent 62%) !important;
  filter: none !important;
  box-shadow: none !important;
}
body.pv-body .pv-rankbanner--from-left.pv-rankbanner--enter,
body.pv-body.pv-perf-video .pv-rankbanner--from-left.pv-rankbanner--enter,
body.pv-body.pv-trailer-open .pv-rankbanner--from-left.pv-rankbanner--enter,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner--from-left.pv-rankbanner--enter{
  animation: pvRankInLeft .26s ease-out both !important;
  animation-play-state: running !important;
}
body.pv-body .pv-rankbanner--from-right.pv-rankbanner--enter,
body.pv-body.pv-perf-video .pv-rankbanner--from-right.pv-rankbanner--enter,
body.pv-body.pv-trailer-open .pv-rankbanner--from-right.pv-rankbanner--enter,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner--from-right.pv-rankbanner--enter{
  animation: pvRankInRight .26s ease-out both !important;
  animation-play-state: running !important;
}
body.pv-body .pv-rankbanner--from-left.pv-rankbanner--exit,
body.pv-body.pv-perf-video .pv-rankbanner--from-left.pv-rankbanner--exit,
body.pv-body.pv-trailer-open .pv-rankbanner--from-left.pv-rankbanner--exit,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner--from-left.pv-rankbanner--exit{
  animation: pvRankOutLeft .28s ease-in both !important;
  animation-play-state: running !important;
}
body.pv-body .pv-rankbanner--from-right.pv-rankbanner--exit,
body.pv-body.pv-perf-video .pv-rankbanner--from-right.pv-rankbanner--exit,
body.pv-body.pv-trailer-open .pv-rankbanner--from-right.pv-rankbanner--exit,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner--from-right.pv-rankbanner--exit{
  animation: pvRankOutRight .28s ease-in both !important;
  animation-play-state: running !important;
}
body.pv-body .pv-rankbanner--enter::after,
body.pv-body.pv-perf-video .pv-rankbanner--enter::after,
body.pv-body.pv-trailer-open .pv-rankbanner--enter::after,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner--enter::after{
  animation: pvRankShine .55s ease-out both !important;
  animation-play-state: running !important;
}
body.pv-body.pv-perf-video .pv-rankbanner .pv-best-badge,
body.pv-body.pv-trailer-open .pv-rankbanner .pv-best-badge,
body.pv-body.pv-trailer-hard-perf .pv-rankbanner .pv-best-badge{
  animation-play-state: running !important;
  filter: none !important;
}


.turn-note-steal-result .role-inline,
.turn-note-steal-result .toast-char,
.turn-note-steal-result .toast-role{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  letter-spacing:inherit !important;
}
.turn-note-steal-result .role-inline + .toast-char,
.turn-note-steal-result .toast-role + .toast-char{
  margin-left:.08em !important;
}
.turn-note-steal-result{
  word-spacing:0 !important;
}

/* Anti-jitter: keep page width during pick preview. */
body.pv-body,
.layout{
  scrollbar-gutter: stable both-edges !important;
}


/* PV durante trailers NO ocultar emojis de títulos; dejarlos estáticos. */
body.pv-perf-video .title-badge::before,
body.pv-perf-video .title-badge::after,
body.pv-trailer-open .title-badge::before,
body.pv-trailer-open .title-badge::after,
body.pv-page-paused .title-badge::before,
body.pv-page-paused .title-badge::after{
  opacity:1 !important;
  visibility:visible !important;
  animation:none !important;
  animation-play-state:paused !important;
}


/* PV RATS fondo limpio, pick markers. */
body.pv-body{
  background:#07080d !important;
  background-image:none !important;
}
.bg-wrap,
.bg-video,
.bg-image,
.bg-vignette,
.fx-scanlines,
.fx-noise{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  animation:none !important;
  background:none !important;
  filter:none !important;
}
.brand-link{
  animation:none !important;
  background-position:50% 50% !important;
}

/* Colores por rata para el ? y la serpiente. */
.pick-slot[data-pv-rat-target-role="ladrona"]{--pv-rat-target:#ff5a6a; --pv-rat-target-rgb:255,90,106;}
.pick-slot[data-pv-rat-target-role="malvada"]{--pv-rat-target:#46b9ff; --pv-rat-target-rgb:70,185,255;}
.pick-slot[data-pv-rat-target-role="corrupta"]{--pv-rat-target:#ffe36b; --pv-rat-target-rgb:255,227,107;}
.pick-slot[data-pv-rat-target-role="caotica"]{--pv-rat-target:#57ff8d; --pv-rat-target-rgb:87,255,141;}

/* Signo de interrogacion bonito, sin emoji, sin capsula y sin animacion. */
body.pv-body .pick-slot.pv-ratas-pick-target.empty:not(.finalized):not(.filled)::after{
  content:"?" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:24 !important;
  pointer-events:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  padding:0 0 .04em 0 !important;
  margin:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg, rgba(255,255,255,.98), color-mix(in srgb, var(--pv-rat-target, #ffffff) 72%, #ffffff 28%) 46%, color-mix(in srgb, var(--pv-rat-target, #ffffff) 92%, #14161f 8%) 100%) !important;
  -webkit-background-clip:text !important;
          background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:clamp(44px, 70%, 66px) !important;
  line-height:1.28 !important;
  font-weight:1000 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-shadow:0 3px 16px color-mix(in srgb, var(--pv-rat-target, #ffffff) 48%, transparent), 0 10px 26px rgba(0,0,0,.58) !important;
  filter:drop-shadow(0 0 10px color-mix(in srgb, var(--pv-rat-target, #ffffff) 38%, transparent)) !important;
  animation:none !important;
  transform:none !important;
}

/* Serpiente rectangular fluida por los bordes del slot. */
@property --pv-ratas-snake-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
body.pv-body:not(.pv-perf-video):not(.pv-trailer-open):not(.pv-ratas-slot-preview-open) .pick-slot.pv-ratas-pick-target.empty:not(.finalized):not(.filled)::before{
  content:"" !important;
  position:absolute !important;
  inset:4px !important;
  z-index:23 !important;
  pointer-events:none !important;
  border-radius:12px !important;
  padding:4px !important;
  box-sizing:border-box !important;
  background:
    conic-gradient(from var(--pv-ratas-snake-angle),
      transparent 0deg,
      transparent 190deg,
      rgba(var(--pv-rat-target-rgb,255,255,255), .08) 214deg,
      rgba(var(--pv-rat-target-rgb,255,255,255), .34) 246deg,
      rgba(var(--pv-rat-target-rgb,255,255,255), .76) 294deg,
      color-mix(in srgb, var(--pv-rat-target, #ffffff) 92%, #ffffff 8%) 336deg,
      #ffffff 352deg,
      transparent 360deg) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
          mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
          mask-composite:exclude !important;
  filter:drop-shadow(0 0 7px rgba(var(--pv-rat-target-rgb,255,255,255), .76)) drop-shadow(0 0 18px rgba(var(--pv-rat-target-rgb,255,255,255), .38)) !important;
  animation:pvRatasPickSnakeBorder 1.95s linear infinite !important;
}
@keyframes pvRatasPickSnakeBorder{
  to{ --pv-ratas-snake-angle:360deg; }
}

/* Si hay trailer de fondo o seleccion/video de entrada, no pausar la serpiente: eliminarla visualmente. */
body.pv-body.pv-perf-video .pick-slot.pv-ratas-pick-target::before,
body.pv-body.pv-trailer-open .pick-slot.pv-ratas-pick-target::before,
body.pv-body.pv-ratas-slot-preview-open .pick-slot.pv-ratas-pick-target::before,
body.pv-body .pick-slot.pv-ratas-pick-target.finalized::before,
body.pv-body .pick-slot.pv-ratas-pick-target.filled::before{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
}
body.pv-body.pv-ratas-slot-preview-open .pick-slot.pv-ratas-pick-target::after,
body.pv-body .pick-slot.pv-ratas-pick-target.finalized::after,
body.pv-body .pick-slot.pv-ratas-pick-target.filled::after{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
}

/* El video de entrada activa pv-video desde JS, así hereda exactamente la pausa de CSS del trailer de fondo. */


/* Ratas: toma color de la rata activa solo sin trailer de fondo. */
body.pv-site-title-rat-turn:not(.pv-site-title-elemental) .brand-link{
  background:none !important;
  -webkit-background-clip:initial !important;
          background-clip:initial !important;
  color:var(--pv-rat-site-title-color,#fff) !important;
  -webkit-text-fill-color:var(--pv-rat-site-title-color,#fff) !important;
  text-shadow:
    0 2px 18px rgba(0,0,0,.72),
    0 0 16px rgba(var(--pv-rat-site-title-rgb,255,255,255),.34),
    0 0 30px rgba(var(--pv-rat-site-title-rgb,255,255,255),.16) !important;
  animation:none !important;
}
body.pv-site-title-rat-turn[data-pv-site-title-role="ladrona"] .brand-link{
  color:#ff5a6a !important;
  -webkit-text-fill-color:#ff5a6a !important;
}
body.pv-site-title-rat-turn[data-pv-site-title-role="malvada"] .brand-link{
  color:#46b9ff !important;
  -webkit-text-fill-color:#46b9ff !important;
}
body.pv-site-title-rat-turn[data-pv-site-title-role="corrupta"] .brand-link{
  color:#ffe36b !important;
  -webkit-text-fill-color:#ffe36b !important;
}
body.pv-site-title-rat-turn[data-pv-site-title-role="caotica"] .brand-link{
  color:#57ff8d !important;
  -webkit-text-fill-color:#57ff8d !important;
}
body.pv-site-title-elemental .brand-link{
  -webkit-text-fill-color:var(--pv-site-title-color,#fff) !important;
}


/* Fondo DraftIMAGEN en Draft de Ratas. */
body.pv-body{
  background-color:var(--bg0) !important;
  background-image:
    linear-gradient(rgba(5,4,10,.64), rgba(5,4,10,.76)),
    url("/img/favicon/DraftIMAGEN.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}


/* Draft de ratas: solo DraftIMAGEN clara. */
body.pv-body{
  background-color:var(--bg0) !important;
  background-image:url("/img/favicon/DraftIMAGEN.png") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body.pv-body::before,
body.pv-body::after{content:none !important;display:none !important;background:none !important;}
.bg-image{opacity:1 !important;filter:none !important;}
.bg-vignette{display:none !important;}
.fx-scanlines,.fx-noise{display:none !important;}

/* INDEX - ratas: badges del grid de seleccion mas pegados a cada PJ ===== Mantiene los marcadores fuera del centro de la imagen, pero ya no invaden la carta vecina. */
#characters .character .grid-corner-mark,
.characters-grid .character .grid-corner-mark{
  max-width:none !important;
  min-width:16px !important;
  min-height:14px !important;
  padding:1px 4px !important;
  font-size:8px !important;
  line-height:1 !important;
  z-index:12 !important;
  transform:none !important;
  pointer-events:none !important;
  box-shadow:0 3px 9px rgba(0,0,0,.34) !important;
}
#characters .character .grid-corner-ladrona,
.characters-grid .character .grid-corner-ladrona{top:-1px !important; left:-1px !important; right:auto !important; bottom:auto !important;}
#characters .character .grid-corner-malvada,
.characters-grid .character .grid-corner-malvada{top:-1px !important; right:-1px !important; left:auto !important; bottom:auto !important;}
#characters .character .grid-corner-corrupta,
.characters-grid .character .grid-corner-corrupta{bottom:-1px !important; left:-1px !important; right:auto !important; top:auto !important;}
#characters .character .grid-corner-caotica,
.characters-grid .character .grid-corner-caotica{bottom:-1px !important; right:-1px !important; left:auto !important; top:auto !important;}
#characters .character .grid-corner-mark.grid-missing-mark,
.characters-grid .character .grid-corner-mark.grid-missing-mark{
  min-width:18px !important;
  min-height:18px !important;
  font-size:14px !important;
  padding:0 !important;
  box-shadow:none !important;
}
#characters .character .grid-badge,
.characters-grid .character .grid-badge{
  top:3px !important;
  min-width:18px !important;
  padding:1px 5px !important;
  font-size:9px !important;
  line-height:1.05 !important;
  z-index:12 !important;
  transform:none !important;
}
#characters .character .grid-badge[style*="left"],
.characters-grid .character .grid-badge[style*="left"]{left:3px !important;}
#characters .character .grid-badge[style*="right"],
.characters-grid .character .grid-badge[style*="right"]{right:3px !important;}
#characters .character .grid-badge[style*="bottom"],
.characters-grid .character .grid-badge[style*="bottom"]{bottom:3px !important; top:auto !important;}

/* Los badges de picks de ratas tambien quedan dentro del retrato, sin reinvadir otras casillas. */
.rat-grid .pick-slot > .pick-cons-badge,
.rat-grid .pick-slot .pick-cons-badge{
  top:3px !important;
  left:3px !important;
  min-width:21px !important;
  min-height:17px !important;
  padding:0 5px !important;
  font-size:9px !important;
  line-height:17px !important;
  z-index:18 !important;
  pointer-events:none !important;
}
.rat-grid .pick-slot > .pick-weapon-badge,
.rat-grid .pick-slot .pick-weapon-badge{
  right:3px !important;
  bottom:3px !important;
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  padding:1px !important;
  z-index:18 !important;
  pointer-events:none !important;
}
@media (max-width:1280px){
  #characters .character .grid-corner-ladrona,
  .characters-grid .character .grid-corner-ladrona{top:0 !important;left:0 !important;}
  #characters .character .grid-corner-malvada,
  .characters-grid .character .grid-corner-malvada{top:0 !important;right:0 !important;}
  #characters .character .grid-corner-corrupta,
  .characters-grid .character .grid-corner-corrupta{bottom:0 !important;left:0 !important;}
  #characters .character .grid-corner-caotica,
  .characters-grid .character .grid-corner-caotica{bottom:0 !important;right:0 !important;}
}

/* Ratas entrada suave, sonido premium liviano. */
@keyframes pvRatasSoftIn{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
body.pv-body .floating-brand-unit,body.pv-body .floating-trailer-panel,body.pv-body .floating-sound-panel,body.pv-body .topbar,body.pv-body .layout{animation:pvRatasSoftIn .50s cubic-bezier(.16,1,.3,1) both}
body.pv-body .floating-trailer-panel{animation-delay:.02s}body.pv-body .floating-brand-unit{animation-delay:.05s}body.pv-body .floating-sound-panel{animation-delay:.08s}body.pv-body .topbar{animation-delay:.10s}body.pv-body .layout{animation-delay:.15s}
.floating-sound-panel{gap:10px!important;align-items:center!important}
.floating-sound-panel .volume-wrap{min-height:66px!important;width:190px!important;max-width:190px!important;padding:12px 14px!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(18,21,32,.92),rgba(8,10,16,.86))!important;border:1px solid rgba(203,181,255,.25)!important;box-shadow:0 16px 36px rgba(0,0,0,.42),0 0 20px rgba(124,58,237,.10),inset 0 0 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(12px) saturate(130%);gap:10px!important;transition:max-width .26s cubic-bezier(.16,.84,.32,1),width .26s cubic-bezier(.16,.84,.32,1),opacity .2s ease,transform .22s ease,padding .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.floating-sound-panel .volume-wrap.collapsed{display:flex!important;width:0!important;max-width:0!important;opacity:0!important;transform:translateX(8px)!important;pointer-events:none!important;padding-left:0!important;padding-right:0!important;border-color:transparent!important;box-shadow:none!important;overflow:hidden!important}
.floating-sound-panel .volume-wrap .vol-ico{font-size:18px!important;filter:drop-shadow(0 0 8px rgba(203,181,255,.25));transition:opacity .18s ease!important}
.floating-sound-panel .volume-wrap input{appearance:none;-webkit-appearance:none;width:126px!important;height:8px!important;border-radius:999px!important;outline:none!important;background:linear-gradient(90deg,rgba(203,181,255,.86),rgba(37,99,235,.78))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 0 10px rgba(124,58,237,.12)!important;transition:opacity .18s ease!important}
.floating-sound-panel .volume-wrap input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#f5f2ff;border:2px solid #8b5cf6;box-shadow:0 0 12px rgba(203,181,255,.45);cursor:pointer}
.floating-sound-panel .volume-wrap input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f5f2ff;border:2px solid #8b5cf6;box-shadow:0 0 12px rgba(203,181,255,.45);cursor:pointer}
.fullscreen-toggle-ratas,.floating-sound-panel #volume-toggle{width:42px!important;height:42px!important;border-radius:999px!important;color:#fff!important;background:linear-gradient(180deg,rgba(38,43,58,.94),rgba(17,20,30,.94))!important;border:1px solid rgba(203,181,255,.24)!important;box-shadow:0 10px 20px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.04)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important}
.floating-sound-panel #volume-toggle{background:linear-gradient(180deg,rgba(80,61,130,.96),rgba(30,26,48,.96))!important;color:#dcd1ff!important}
.fullscreen-toggle-ratas:hover,.floating-sound-panel #volume-toggle:hover{transform:translateY(-3px)!important;border-color:rgba(203,181,255,.58)!important;box-shadow:0 14px 24px rgba(0,0,0,.34),0 0 18px rgba(167,139,250,.18)!important}
.fullscreen-toggle-ratas:active,.floating-sound-panel #volume-toggle:active{transform:translateY(0) scale(.97)!important}
@media (max-width:720px){.floating-sound-panel .volume-wrap{width:160px!important;max-width:160px!important}.floating-sound-panel .volume-wrap input{width:104px!important}}
@media (prefers-reduced-motion:reduce){body.pv-body .floating-brand-unit,body.pv-body .floating-trailer-panel,body.pv-body .floating-sound-panel,body.pv-body .topbar,body.pv-body .layout{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.floating-sound-panel .volume-wrap,.fullscreen-toggle-ratas,.floating-sound-panel #volume-toggle{transition:none!important}}

/* Ratas - controles mas pequenos y trailer animado. */
.floating-sound-panel{
  top:8px!important;
  right:12px!important;
  gap:7px!important;
  align-items:center!important;
}
.floating-sound-panel .volume-wrap{
  min-height:50px!important;
  width:156px!important;
  max-width:156px!important;
  padding:8px 10px!important;
  border-radius:22px!important;
  gap:8px!important;
}
.floating-sound-panel .volume-wrap input{width:96px!important;height:7px!important;}
.floating-sound-panel .volume-wrap input::-webkit-slider-thumb{width:16px!important;height:16px!important;}
.floating-sound-panel .volume-wrap input::-moz-range-thumb{width:16px!important;height:16px!important;}
.floating-sound-panel .volume-wrap .vol-ico{font-size:15px!important;}
.fullscreen-toggle-ratas,.floating-sound-panel #volume-toggle{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
}
.fullscreen-toggle-ratas svg,.floating-sound-panel #volume-toggle svg{width:15px!important;height:15px!important;}
body.pv-body .floating-brand-unit{transition:transform .34s cubic-bezier(.16,.84,.32,1),filter .24s ease!important;}
body.pv-body.pv-trailer-menu-open .floating-brand-unit{transform:translateX(var(--pv-brand-shift, 220px))!important;}
body.pv-body .topbar-settings-menu,
body.pv-body .floating-trailer-panel .topbar-settings-menu{
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-10px) scale(.98)!important;
  transform-origin:left center!important;
  transition:opacity .25s ease,visibility .25s ease,transform .32s cubic-bezier(.16,.84,.32,1)!important;
}
body.pv-body .topbar-settings-wrap.open .topbar-settings-menu,
body.pv-body .floating-trailer-panel .topbar-settings-wrap.open .topbar-settings-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(0) scale(1)!important;
}
body.pv-body .topbar-settings-menu.closing,
body.pv-body .floating-trailer-panel .topbar-settings-menu.closing{
  opacity:0!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:translateX(-10px) scale(.98)!important;
}
@media (max-width:720px){.floating-sound-panel{top:8px!important;right:8px!important}.floating-sound-panel .volume-wrap{width:136px!important;max-width:136px!important}.floating-sound-panel .volume-wrap input{width:78px!important}}
@media (prefers-reduced-motion:reduce){body.pv-body .floating-brand-unit,body.pv-body .topbar-settings-menu,body.pv-body .floating-trailer-panel .topbar-settings-menu{transition:none!important}}


/* RATAS marcos animan en reposo, pero se pausan mientras hay video activo. */
.avatar-wrap.rat-avatar-wrap[data-frame-file] .frame-img:not([hidden]){
  animation:pv-frame-aura-breathe 3.15s linear infinite !important;
  animation-play-state:running !important;
}
body.pv-body.pv-perf-video .avatar-wrap.rat-avatar-wrap .frame-img,
body.pv-body.pv-perf-video .avatar-wrap.rat-avatar-wrap .frame-css,
body.pv-body.pv-perf-video .rat-avatar-wrap[data-frame-file] .frame-img,
body.pv-body.pv-ratas-slot-preview-open .avatar-wrap.rat-avatar-wrap .frame-img,
body.pv-body.pv-ratas-slot-preview-open .avatar-wrap.rat-avatar-wrap .frame-css,
body.pv-body.pv-ratas-slot-preview-open .rat-avatar-wrap[data-frame-file] .frame-img{
  animation-play-state:paused !important;
  will-change:auto !important;
}

/* Retoques SOLO Draft de Ratas. */
/* Línea del slot activo más viva y profesional, sin transparencia en el tramo visible. */
body.pv-body:not(.pv-perf-video):not(.pv-trailer-open):not(.pv-ratas-slot-preview-open) .pick-slot.pv-ratas-pick-target.empty:not(.finalized):not(.filled)::before{
  opacity:1 !important;
  background:
    conic-gradient(from var(--pv-ratas-snake-angle),
      transparent 0deg,
      transparent 186deg,
      rgb(var(--pv-rat-target-rgb,255,255,255)) 214deg,
      #ffffff 268deg,
      rgb(var(--pv-rat-target-rgb,255,255,255)) 332deg,
      transparent 360deg) !important;
  filter:
    drop-shadow(0 0 7px rgb(var(--pv-rat-target-rgb,255,255,255)))
    drop-shadow(0 0 18px rgba(var(--pv-rat-target-rgb,255,255,255), .82))
    drop-shadow(0 0 30px rgba(var(--pv-rat-target-rgb,255,255,255), .42)) !important;
}

/* Quitar la "sombra/duplicado" debajo de TOP y THE BEST SOLO en ratas. No se toca titles.css ni el draft normal. */
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner *{
  text-shadow:none !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top{
  filter:drop-shadow(0 0 8px rgba(var(--elrgb,255,255,255), .28)) !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge{
  text-shadow:none !important;
  filter:drop-shadow(0 0 9px rgba(var(--elrgb,255,255,255), .30)) !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge::before{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  filter:none !important;
  animation:none !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge::after{
  text-shadow:none !important;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.34)) !important;
}


/* Extra bans siempre visibles abajo del panel central, no enterrados al fondo del grid. */
.center-actions > #extra-bans-live-status{
  margin:0 0 8px 0 !important;
  padding:0 !important;
}
.center-actions > #extra-bans-live-status.visible{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:8px !important;
}
@media (max-width:900px){
  .center-actions > #extra-bans-live-status.visible{ grid-template-columns:1fr !important; }
}

/* TOP/THE BEST en ratas: quitar la sombra negra tipo duplicado sin tocar draft normal. */
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-char{
  text-shadow:none !important;
  filter:none !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner{
  filter:none !important;
}
.pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner::before{
  mix-blend-mode:normal !important;
}


/* TOP/THE BEST limpio SOLO en Draft de Ratas ===== Quita la sombra negra/duplicado visual que aparecía debajo del texto. No toca titles.css ni el draft normal. */
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner--best,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner--top{
  filter:none !important;
  text-shadow:none !important;
  box-shadow:0 0 0 1px rgba(var(--elrgb,255,255,255), .24) inset !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner::before,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  animation:none !important;
  filter:none !important;
  box-shadow:none !important;
  background:none !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner *,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-char,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge{
  text-shadow:none !important;
  filter:none !important;
  box-shadow:none !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge::before,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge::after,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .title-badge[data-title-style^="best-"]::before,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .title-badge[data-title-style^="best-"]::after,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .title-badge[data-title-key^="the-best-"]::before,
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .title-badge[data-title-key^="the-best-"]::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  animation:none !important;
  filter:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  background:none !important;
}
body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rank-elicon{
  filter:none !important;
  box-shadow:none !important;
}

/* Capsulas de extra bans compartidas, siempre en el area inferior del panel central. */
.center-actions > #extra-bans-live-status,
#extra-bans-live-status.pv-ratas-extra-bans-shared{
  margin:0 0 8px 0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
}
.center-actions > #extra-bans-live-status.visible,
#extra-bans-live-status.pv-ratas-extra-bans-shared.visible{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:8px !important;
}
@media (max-width:900px){
  .center-actions > #extra-bans-live-status.visible,
  #extra-bans-live-status.pv-ratas-extra-bans-shared.visible{
    grid-template-columns:1fr !important;
  }
}

/* TOP dentro de casillas, countdown Tornado. */
.ratas-pick-top-badge{
  position:absolute !important;
  left:5px !important;
  bottom:2px !important;
  z-index:24 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  padding:2px 4px 2px 3px !important;
  border-radius:8px !important;
  background:linear-gradient(180deg, rgba(12,10,16,.86), rgba(0,0,0,.72)) !important;
  border:1px solid rgba(255,226,128,.52) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.42), 0 0 10px rgba(255,205,70,.18) !important;
  color:#ffeaa6 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.25px !important;
  pointer-events:none !important;
  text-shadow:0 1px 2px rgba(0,0,0,.9) !important;
}
.ratas-pick-top-star{
  color:#ffd958 !important;
  font-size:10px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 4px rgba(255,210,80,.42)) !important;
}
.ratas-pick-top-label{white-space:nowrap !important;}
.pick-slot.pv-slot-top1{
  border-color:rgba(255,218,92,.96) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,244,196,.46) inset,
    0 0 0 3px rgba(255,187,54,.18) inset,
    0 0 26px rgba(255,204,70,.24) !important;
}
body.pv-body:not(.pv-perf-video):not(.pv-trailer-open):not(.pv-ratas-slot-preview-open) .pick-slot.pv-slot-top1{
  animation:pvRatasTop1SlotGlow 2.25s ease-in-out infinite !important;
}
body.pv-body.pv-perf-video .pick-slot.pv-slot-top1,
body.pv-body.pv-trailer-open .pick-slot.pv-slot-top1,
body.pv-body.pv-ratas-slot-preview-open .pick-slot.pv-slot-top1{
  animation:none !important;
}
@keyframes pvRatasTop1SlotGlow{
  0%,100%{
    border-color:rgba(255,218,92,.86);
    box-shadow:
      0 8px 18px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,244,196,.36) inset,
      0 0 0 3px rgba(255,187,54,.14) inset,
      0 0 22px rgba(255,204,70,.22),
      0 0 48px rgba(255,174,35,.14);
  }
  50%{
    border-color:rgba(255,237,152,1);
    box-shadow:
      0 8px 18px rgba(0,0,0,.34),
      0 0 0 1px rgba(255,250,210,.66) inset,
      0 0 0 3px rgba(255,195,80,.28) inset,
      0 0 36px rgba(255,224,118,.36),
      0 0 76px rgba(255,180,52,.22);
  }
}

.pv-tornado-protect-countdown{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin:0 0 12px 0 !important;
  padding:10px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(11,20,15,.92), rgba(6,12,9,.86)) !important;
  border:1px solid rgba(104,255,158,.34) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.34), 0 0 18px rgba(104,255,158,.12) inset !important;
  color:#dcffe8 !important;
  text-align:center !important;
}
.pv-tornado-protect-label{
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.35px !important;
  text-transform:uppercase !important;
  opacity:.95 !important;
}
.pv-tornado-protect-time{
  min-width:56px !important;
  padding:5px 9px !important;
  border-radius:12px !important;
  color:#101510 !important;
  background:#68ff9e !important;
  font-size:20px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:.8px !important;
  box-shadow:0 0 18px rgba(104,255,158,.30) !important;
}
.pv-tornado-protect-countdown.is-danger{
  border-color:rgba(255,92,92,.52) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.34), 0 0 22px rgba(255,80,80,.18) inset !important;
}
.pv-tornado-protect-countdown.is-danger .pv-tornado-protect-time{
  background:#ff6262 !important;
  color:#fff !important;
}


/* Ajustes de posición sin alterar el tamaño del badge TOP. */
/* X del panel Tornado un poco mas arriba, solo en Tornado. */
.modal.tornado-sheet .modal-close{
  top:2px !important;
}

/* Temporizador Tornado: solo reloj, tiempo, sin texto explicativo. */
.pv-tornado-protect-countdown{
  gap:8px !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 auto 12px auto !important;
  padding:8px 12px !important;
}
.pv-tornado-protect-label{
  display:none !important;
}
.pv-tornado-protect-clock{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:20px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 7px rgba(104,255,158,.32)) !important;
}
.pv-tornado-protect-time{
  min-width:58px !important;
  padding:5px 10px !important;
}
.pv-tornado-protect-countdown.is-danger .pv-tornado-protect-clock{
  filter:drop-shadow(0 0 8px rgba(255,98,98,.40)) !important;
}


/* RATAS MOBILE Un solo bloque móvil: PC intacto, sin arrastrar ////. */
.pv-ratas-rotate-overlay{display:none;}

@keyframes pvRatasPhoneTurnV16{
  0%,18%{transform:rotate(0deg);}
  42%,62%{transform:rotate(90deg);}
  86%,100%{transform:rotate(0deg);}
}
@keyframes pvRatasRotateGlowV16{
  0%,100%{opacity:.42;transform:scale(.96);} 50%{opacity:.92;transform:scale(1.04);}
}

@media (hover:none) and (pointer:coarse) and (orientation:portrait) and (max-width:700px){
  html,
  body.pv-body{width:100%;height:100dvh;min-height:100dvh;overflow:hidden !important;}
  body.pv-body{
    display:block !important;
    background:
      radial-gradient(circle at 50% 12%, rgba(156,93,255,.34), transparent 36%),
      radial-gradient(circle at 18% 88%, rgba(255,77,109,.16), transparent 42%),
      radial-gradient(circle at 86% 84%, rgba(96,222,255,.14), transparent 38%),
      linear-gradient(180deg,#10091d 0%,#05040a 100%) !important;
  }
  body.pv-body > .topbar,
  body.pv-body > .layout,
  body.pv-body > .floating-brand-unit,
  body.pv-body > .floating-sound-panel,
  body.pv-body > .floating-trailer-panel,
  body.pv-body > .action-banner-overlay,
  body.pv-body > .modal:not(.show){display:none !important;}
  .pv-ratas-rotate-overlay{
    position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;color:#fff;text-align:center;
    background:radial-gradient(circle at 50% 25%, rgba(126,58,237,.28), transparent 36%),linear-gradient(180deg, rgba(7,5,16,.72), rgba(4,3,9,.94));
  }
  .pv-ratas-rotate-card{
    position:relative;width:min(88vw,360px);padding:28px 22px 24px;border-radius:28px;border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(180deg, rgba(22,16,36,.84), rgba(8,6,17,.78));
    box-shadow:0 28px 70px rgba(0,0,0,.50), inset 0 0 0 1px rgba(255,255,255,.045);overflow:hidden;
  }
  .pv-ratas-rotate-card::before{
    content:"";position:absolute;inset:-36%;background:conic-gradient(from 180deg, transparent, rgba(255,92,126,.18), rgba(111,199,255,.18), transparent 72%);
    animation:pvRatasRotateGlowV16 2.8s ease-in-out infinite;pointer-events:none;
  }
  .pv-ratas-rotate-card > *{position:relative;z-index:1;}
  .pv-ratas-rotate-phone{
    width:78px;height:118px;margin:0 auto 18px;border-radius:20px;border:4px solid rgba(255,255,255,.90);
    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
    box-shadow:0 0 0 8px rgba(255,255,255,.035),0 16px 36px rgba(0,0,0,.36),0 0 34px rgba(137,98,255,.22);
    display:grid;place-items:end center;padding:9px;transform-origin:center center;animation:pvRatasPhoneTurnV16 2.7s cubic-bezier(.65,0,.35,1) infinite;
  }
  .pv-ratas-rotate-phone span{width:24px;height:4px;border-radius:999px;background:rgba(255,255,255,.78);display:block;}
  .pv-ratas-rotate-kicker{margin:0 0 8px;color:#ff7b96;font-size:12px;line-height:1;font-weight:1000;letter-spacing:.10em;text-transform:uppercase;}
  .pv-ratas-rotate-card h2{margin:0;font-size:28px;line-height:1.05;font-weight:1000;letter-spacing:.01em;}
  .pv-ratas-rotate-card p:last-child{margin:10px auto 0;max-width:270px;color:#d9d2ef;font-size:14px;line-height:1.35;font-weight:800;}
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-topbar:24px;
    --rm-gap:4px;
    --rm-leftcol:minmax(0,calc((100vw - 318px - 12px) / 2));
    --rm-center:minmax(294px,318px);
    --rm-pick:31px;
    --rm-mini:19px;
    --rm-special:24px;
    --rm-char:42px;
  }
  html,body.pv-body{width:100%;height:100dvh;min-height:100dvh;overflow:hidden !important;}
  body.pv-body{
    display:grid !important;grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
    background-image:url('/img/favicon/DraftIMAGEN.png') !important;background-size:cover !important;background-position:center !important;background-attachment:scroll !important;
  }
  .pv-ratas-rotate-overlay{display:none !important;}

  /* Topbar: marca izquierda real, controles juntos a la derecha. */
  body.pv-body .topbar{
    height:var(--rm-topbar) !important;min-height:var(--rm-topbar) !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;pointer-events:none !important;z-index:60 !important;
  }
  body.pv-body .topbar-center,body.pv-body .brand-stack{height:var(--rm-topbar) !important;min-height:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
  body.pv-body .topbar .brand-link,body.pv-body .brand-link{
    position:fixed !important;left:104px !important;right:auto !important;top:5px !important;z-index:70 !important;display:block !important;width:auto !important;max-width:112px !important;height:auto !important;margin:0 !important;padding:0 !important;transform:none !important;text-align:left !important;
    background:none !important;background-image:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:#ff6177 !important;color:#ff6177 !important;
    font-size:10px !important;line-height:1 !important;font-weight:1000 !important;letter-spacing:.12em !important;text-shadow:0 0 12px rgba(255,78,108,.34),0 1px 4px rgba(0,0,0,.65) !important;animation:none !important;pointer-events:auto !important;
  }
  body.pv-body .floating-brand-unit{
    position:fixed !important;left:5px !important;top:1px !important;z-index:71 !important;height:21px !important;display:flex !important;align-items:center !important;gap:4px !important;padding:0 !important;transform:none !important;
  }
  body.pv-body .floating-brand-unit .logo-icon{width:19px !important;height:19px !important;min-width:19px !important;}
  body.pv-body .floating-brand-unit .logo-text{font-size:9px !important;line-height:1 !important;font-weight:1000 !important;letter-spacing:.04em !important;color:#f8f2ff !important;text-shadow:0 0 10px rgba(255,255,255,.18) !important;}
  body.pv-body .floating-sound-panel{
    position:fixed !important;right:5px !important;top:2px !important;z-index:72 !important;height:21px !important;min-height:21px !important;display:flex !important;align-items:center !important;gap:4px !important;padding:0 !important;transform:none !important;
  }
  body.pv-body .floating-trailer-panel.pv-ratas-trailer-in-soundbar{position:static !important;display:flex !important;order:0 !important;z-index:auto !important;transform:none !important;margin:0 2px 0 0 !important;}
  body.pv-body .floating-trailer-panel:not(.pv-ratas-trailer-in-soundbar){position:fixed !important;right:126px !important;top:2px !important;z-index:72 !important;}
  body.pv-body .fullscreen-toggle-ratas{order:1 !important;}
  body.pv-body .floating-sound-panel .volume-wrap{order:2 !important;}
  body.pv-body .floating-sound-panel #volume-toggle{order:3 !important;}
  body.pv-body .topbar-settings-btn,body.pv-body .fullscreen-toggle-ratas,body.pv-body .floating-sound-panel #volume-toggle{
    width:21px !important;height:21px !important;min-width:21px !important;min-height:21px !important;padding:0 !important;border-radius:999px !important;display:grid !important;place-items:center !important;font-size:10px !important;line-height:1 !important;
  }
  body.pv-body .fullscreen-toggle-ratas svg,body.pv-body .floating-sound-panel #volume-toggle svg{width:11px !important;height:11px !important;}
  body.pv-body .floating-sound-panel .volume-wrap{height:21px !important;min-height:21px !important;width:76px !important;max-width:76px !important;padding:0 6px !important;gap:4px !important;border-radius:999px !important;}
  body.pv-body .floating-sound-panel .volume-wrap.collapsed{width:0 !important;max-width:0 !important;padding-left:0 !important;padding-right:0 !important;overflow:hidden !important;}
  body.pv-body .floating-sound-panel .volume-wrap .vol-ico{font-size:10px !important;}
  body.pv-body .floating-sound-panel .volume-wrap input{width:48px !important;height:5px !important;}
  body.pv-body .floating-sound-panel .volume-wrap input::-webkit-slider-thumb{width:12px !important;height:12px !important;}
  body.pv-body .topbar-settings-menu{top:25px !important;right:0 !important;left:auto !important;width:186px !important;padding:7px !important;border-radius:12px !important;}
  body.pv-body .topbar-settings-copy strong{font-size:10px !important;}
  body.pv-body .topbar-settings-copy small{font-size:8px !important;}

  /* Layout PC reducido. */
  body.pv-body .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;min-height:0 !important;padding:var(--rm-gap) !important;gap:var(--rm-gap) !important;display:grid !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;overflow:hidden !important;
  }
  #rat-ladrona{grid-column:1 !important;grid-row:1 !important;}
  #rat-malvada{grid-column:1 !important;grid-row:2 !important;}
  .center-area{grid-column:2 !important;grid-row:1 / span 2 !important;min-width:0 !important;min-height:0 !important;display:flex !important;transform:translateY(-13px) !important;height:calc(100% + 13px) !important;z-index:31 !important;}
  #rat-corrupta{grid-column:3 !important;grid-row:1 !important;}
  #rat-caotica{grid-column:3 !important;grid-row:2 !important;}

  /* Jugadores: perfil arriba, especiales en columna izquierda, bans centrados, picks abajo. */
  body.pv-body .rat-slot{
    position:relative !important;min-width:0 !important;min-height:0 !important;height:100% !important;padding:3px 4px 4px !important;border-radius:10px !important;overflow:hidden !important;
    display:grid !important;grid-template-columns:32px minmax(0,1fr) !important;grid-template-rows:40px 25px minmax(0,1fr) 14px !important;column-gap:4px !important;row-gap:2px !important;
    background:linear-gradient(180deg, rgba(15,10,24,.64), rgba(7,5,13,.56)) !important;backdrop-filter:none !important;
  }
  body.pv-body .rat-slot::before{opacity:.58 !important;animation:none !important;}
  body.pv-body .rat-slot::after{border-radius:10px !important;box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.28),inset 0 0 28px rgba(var(--role-rgb),.055) !important;}
  body.pv-body .rat-header{
    grid-column:1 / 3 !important;grid-row:1 !important;height:39px !important;min-height:39px !important;padding:0 !important;display:grid !important;grid-template-columns:34px minmax(0,1fr) 94px !important;gap:5px !important;align-items:start !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap{--size:31px !important;width:31px !important;height:31px !important;align-self:start !important;margin-top:0 !important;overflow:visible !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap .avatar-img{width:100% !important;height:100% !important;object-fit:cover !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-img{width:174% !important;height:174% !important;animation-play-state:running !important;will-change:transform,opacity,filter !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-css{animation-play-state:running !important;}
  body.pv-body .rat-head-meta{min-width:0 !important;padding-left:2px !important;gap:0 !important;align-content:start !important;justify-content:start !important;overflow:visible !important;}
  body.pv-body .rat-name{font-size:9px !important;line-height:1 !important;font-weight:1000 !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .rat-title-row{height:10px !important;min-height:10px !important;overflow:visible !important;}
  body.pv-body .rat-title-badge.title-badge{font-size:6.2px !important;line-height:1 !important;padding:1px 3px !important;border-radius:6px !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .rat-rank{height:11px !important;min-height:11px !important;gap:2px !important;display:flex !important;align-items:center !important;overflow:visible !important;}
  body.pv-body .rat-rank .rank-logo{width:10px !important;height:10px !important;min-width:10px !important;flex:0 0 10px !important;}
  body.pv-body .rat-rank .rank-badge{max-width:98px !important;min-width:0 !important;padding:1px 4px !important;border-radius:999px !important;font-size:6px !important;line-height:1.05 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .rat-stats-vert{width:94px !important;min-width:94px !important;max-width:94px !important;align-self:start !important;justify-self:end !important;display:grid !important;gap:0 !important;padding:0 !important;}
  body.pv-body .stat-row{width:94px !important;height:6.6px !important;min-height:0 !important;padding:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) 22px !important;gap:2px !important;align-items:center !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;line-height:1 !important;}
  body.pv-body .stat-row .k{display:block !important;width:auto !important;min-width:0 !important;height:auto !important;overflow:hidden !important;color:#dcd6f2 !important;font-size:5.6px !important;line-height:1 !important;font-weight:900 !important;text-align:right !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
  body.pv-body .stat-row .k::before{content:none !important;display:none !important;}
  body.pv-body .stat-row .v{min-width:0 !important;color:#f6f2ff !important;font-size:6.3px !important;line-height:1 !important;font-weight:1000 !important;text-align:right !important;text-shadow:0 1px 3px rgba(0,0,0,.72) !important;}
  body.pv-body .stat-row .pts{color:#8dffae !important;}

  body.pv-body .rat-banbar,body.pv-body .rat-banbar.triple,body.pv-body .rat-banbar-malvada{
    grid-column:1 !important;grid-row:2 / 4 !important;align-self:start !important;justify-self:center !important;width:28px !important;max-width:28px !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 !important;display:grid !important;
    grid-template-columns:var(--rm-special) !important;grid-auto-rows:var(--rm-special) !important;gap:4px !important;align-items:center !important;justify-content:center !important;transform:none !important;
  }
  body.pv-body .safe-slot,body.pv-body .stellar-slot,body.pv-body .secondary-slot{
    width:var(--rm-special) !important;height:var(--rm-special) !important;min-width:var(--rm-special) !important;min-height:var(--rm-special) !important;max-width:var(--rm-special) !important;max-height:var(--rm-special) !important;border-radius:7px !important;overflow:hidden !important;justify-self:center !important;align-self:center !important;
  }
  body.pv-body .safe-slot::before,body.pv-body .stellar-slot::before,body.pv-body .secondary-slot::before{font-size:10px !important;line-height:1 !important;opacity:.16 !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;background:none !important;box-shadow:none !important;}
  body.pv-body .safe-slot img,body.pv-body .stellar-slot img,body.pv-body .secondary-slot img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:7px !important;}
  body.pv-body .masked-mark,body.pv-body .hidden-eye-mark{font-size:9px !important;line-height:1 !important;}
  body.pv-body .masked-x{font-size:12px !important;line-height:1 !important;}
  body.pv-body .safe-slot.has-crown::after,body.pv-body .stellar-slot.has-crown::after,body.pv-body .secondary-slot.has-crown::after,body.pv-body .pick-slot.has-crown::after,body.pv-body .pick-slot.stellar::after{content:"⭐" !important;top:1px !important;right:1px !important;left:auto !important;transform:none !important;width:11px !important;height:11px !important;font-size:8px !important;line-height:11px !important;background:none !important;border:0 !important;box-shadow:none !important;z-index:22 !important;}
  body.pv-body #elims-malvada.mini-slots{display:grid !important;grid-template-columns:repeat(2,11px) !important;grid-auto-rows:11px !important;gap:2px !important;width:24px !important;}
  body.pv-body #elims-malvada .mini-slot,body.pv-body #elims-malvada .extra-ban-slot{width:11px !important;height:11px !important;min-width:11px !important;min-height:11px !important;border-radius:4px !important;}

  body.pv-body .rat-minirow,body.pv-body #rat-malvada .rat-minirow{
    grid-column:2 !important;grid-row:2 !important;align-self:center !important;justify-self:center !important;height:22px !important;min-height:22px !important;margin:0 !important;display:grid !important;grid-template-columns:24px max-content !important;gap:4px !important;align-items:center !important;justify-content:center !important;transform:none !important;
  }
  body.pv-body .rat-minirow .mini-title,body.pv-body .mini-title{font-size:6.5px !important;line-height:1 !important;color:#ff7584 !important;font-weight:1000 !important;letter-spacing:.04em !important;text-shadow:0 0 7px rgba(255,80,108,.28) !important;}
  body.pv-body .mini-slots{display:grid !important;grid-template-columns:repeat(4,var(--rm-mini)) !important;grid-auto-rows:var(--rm-mini) !important;gap:3px !important;justify-content:center !important;align-items:center !important;}
  body.pv-body .mini-slot,body.pv-body .extra-ban-slot{width:var(--rm-mini) !important;height:var(--rm-mini) !important;min-width:var(--rm-mini) !important;min-height:var(--rm-mini) !important;max-width:var(--rm-mini) !important;max-height:var(--rm-mini) !important;border-radius:5px !important;overflow:hidden !important;}
  body.pv-body .mini-slot img,body.pv-body .extra-ban-slot img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:5px !important;}

  body.pv-body .rat-slot .rat-grid,body.pv-body #rat-malvada .rat-grid{
    grid-column:2 !important;grid-row:3 !important;align-self:end !important;justify-self:center !important;width:max-content !important;max-width:100% !important;display:grid !important;grid-template-columns:repeat(4,var(--rm-pick)) !important;grid-template-rows:repeat(2,var(--rm-pick)) !important;grid-auto-rows:var(--rm-pick) !important;column-gap:6px !important;row-gap:5px !important;padding:0 0 1px 28px !important;margin:0 auto !important;transform:none !important;position:relative !important;
  }
  body.pv-body .rat-slot .rat-grid::before{content:"PICKS" !important;position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;width:25px !important;text-align:left !important;color:#71caff !important;font-size:6.7px !important;line-height:1 !important;font-weight:1000 !important;letter-spacing:.04em !important;text-shadow:0 0 7px rgba(90,190,255,.32) !important;}
  body.pv-body .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;border-radius:7px !important;overflow:hidden !important;aspect-ratio:auto !important;}
  body.pv-body .pick-slot.empty::before{font-size:11px !important;line-height:1 !important;}
  body.pv-body .pick-slot img,body.pv-body .pick-slot > .pick-char-img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:7px !important;}
  body.pv-body .pick-cons-badge{top:1px !important;left:1px !important;min-width:12px !important;height:10px !important;min-height:10px !important;padding:0 2px !important;font-size:6px !important;line-height:10px !important;border-radius:999px !important;}
  body.pv-body .pick-weapon-badge,body.pv-body .pick-slot > img.pick-weapon-badge{right:1px !important;bottom:1px !important;width:11px !important;height:11px !important;min-width:11px !important;min-height:11px !important;border-radius:4px !important;padding:1px !important;}
  body.pv-body .ratas-pick-top-badge{left:1px !important;bottom:1px !important;padding:1px 2px !important;gap:1px !important;border-radius:5px !important;font-size:6px !important;line-height:1 !important;}
  body.pv-body .ratas-pick-top-star{font-size:6px !important;}

  body.pv-body .rat-toolrow{grid-column:1 / 3 !important;grid-row:4 !important;height:14px !important;min-height:14px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
  body.pv-body .broom-btn{height:13px !important;min-height:13px !important;max-width:78px !important;padding:0 7px !important;border-radius:999px !important;font-size:6px !important;line-height:1 !important;}
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,body.pv-body .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer{top:47px !important;right:4px !important;left:auto !important;bottom:auto !important;width:auto !important;margin:0 !important;padding:0 !important;z-index:65 !important;}
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean,body.pv-body .rat-slot > .stellar-hide-toggle-row--clean.stellar-hide-toggle-row--timer .stellar-hide-toggle-btn--clean{width:42px !important;min-width:42px !important;max-width:42px !important;height:11px !important;min-height:11px !important;max-height:11px !important;padding:0 3px !important;gap:1px !important;border-radius:999px !important;font-size:4.2px !important;line-height:1 !important;letter-spacing:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean .eye-ico{font-size:5.5px !important;line-height:1 !important;transform:none !important;}
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean .eye-txt{font-size:4.2px !important;line-height:1 !important;white-space:nowrap !important;}

  /* Centro. */
  body.pv-body .center-card{height:100% !important;min-height:0 !important;width:100% !important;border-radius:10px !important;display:grid !important;grid-template-rows:34px auto 55px minmax(0,1fr) auto !important;overflow:hidden !important;background:linear-gradient(180deg, rgba(12,8,21,.70), rgba(7,5,13,.60)) !important;backdrop-filter:none !important;}
  body.pv-body .center-header{height:34px !important;min-height:34px !important;padding:3px 6px 2px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:1px !important;overflow:hidden !important;}
  body.pv-body #current-action,body.pv-body .current-action{display:block !important;visibility:visible !important;opacity:1 !important;width:100% !important;max-width:100% !important;min-height:14px !important;max-height:16px !important;overflow:hidden !important;text-align:center !important;font-size:8.4px !important;line-height:1.12 !important;letter-spacing:.01em !important;white-space:nowrap !important;text-overflow:ellipsis !important;margin:0 auto !important;transform:none !important;color:#f7f2ff !important;text-shadow:0 0 9px rgba(255,255,255,.18),0 1px 3px rgba(0,0,0,.65) !important;}
  body.pv-body #current-action .role-inline,body.pv-body .current-action .role-inline,body.pv-body #current-action .headline-muted,body.pv-body .current-action .headline-muted{font-size:inherit !important;line-height:inherit !important;margin:0 2px !important;}
  body.pv-body .center-sub{font-size:6.4px !important;line-height:1 !important;max-height:8px !important;text-align:center !important;overflow:hidden !important;white-space:nowrap !important;text-overflow:ellipsis !important;}

  body.pv-body .extra-bans-panel{padding:2px 5px !important;min-height:0 !important;overflow:hidden !important;}
  body.pv-body .extra-bans-head{display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important;gap:4px !important;margin:0 0 2px !important;transform:none !important;}
  body.pv-body .extra-bans-title{grid-column:2 !important;justify-self:center !important;text-align:center !important;font-size:7.4px !important;line-height:1 !important;letter-spacing:.07em !important;font-weight:1000 !important;margin:0 !important;transform:none !important;}
  body.pv-body .extra-side-pill{min-height:13px !important;max-width:74px !important;padding:0 5px !important;font-size:6px !important;line-height:13px !important;border-radius:999px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
  body.pv-body .extra-bans-center{min-height:22px !important;gap:4px !important;align-items:center !important;justify-content:center !important;transform:none !important;overflow:visible !important;}
  body.pv-body .extra-bans-center .extra-ban-slot{width:24px !important;height:24px !important;min-width:24px !important;min-height:24px !important;max-width:24px !important;max-height:24px !important;border-radius:6px !important;overflow:visible !important;}
  body.pv-body .extra-bans-center .extra-ban-slot img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:6px !important;}
  body.pv-body .extra-bans-center .grid-corner-mark,body.pv-body .extra-bans-center .grid-badge{font-size:5.5px !important;line-height:8px !important;height:8px !important;min-height:8px !important;min-width:10px !important;padding:0 2px !important;}
  body.pv-body .extra-bans-center .grid-missing-mark{font-size:8px !important;line-height:10px !important;height:10px !important;min-height:10px !important;}

  body.pv-body #filter-bar,body.pv-body .filter-bar{padding:3px 6px 2px !important;gap:2px !important;min-height:0 !important;height:auto !important;display:grid !important;grid-template-rows:16px 15px 15px !important;align-content:center !important;border-bottom:1px solid rgba(255,255,255,.06) !important;position:relative !important;z-index:4 !important;overflow:hidden !important;}
  body.pv-body #filter-bar > div,body.pv-body .filter-bar > div{display:flex !important;align-items:center !important;justify-content:center !important;gap:3px !important;min-height:0 !important;flex-wrap:nowrap !important;overflow:hidden !important;}
  body.pv-body #filter-bar h4,body.pv-body .filter-bar h4{font-size:6.2px !important;line-height:1 !important;margin:0 3px 0 0 !important;letter-spacing:.03em !important;}
  body.pv-body #search-input{width:150px !important;max-width:150px !important;height:14px !important;min-height:14px !important;font-size:6.4px !important;padding:1px 6px !important;border-radius:6px !important;}
  body.pv-body .filter-button{width:14px !important;height:14px !important;min-width:14px !important;min-height:14px !important;border-radius:5px !important;padding:0 !important;}
  body.pv-body .filter-button[data-value="Todos"]{width:auto !important;min-width:29px !important;height:14px !important;font-size:5.6px !important;padding:0 4px !important;}
  body.pv-body .filter-image img{width:9.5px !important;height:9.5px !important;}

  body.pv-body .characters-scroll{min-height:0 !important;padding:3px 5px 5px !important;margin:0 !important;overflow:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;position:relative !important;z-index:2 !important;background:transparent !important;}
  body.pv-body .characters-scroll::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}
  body.pv-body .confirm-stick-wrap{width:100% !important;min-height:0 !important;height:auto !important;margin:0 auto 3px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:4px !important;}
  body.pv-body #confirm-pick-btn[style*="display: none"],body.pv-body #confirm-pick-btn[style*="display:none"],body.pv-body .confirm-btn[style*="display: none"],body.pv-body .confirm-btn[style*="display:none"]{display:none !important;}
  body.pv-body #confirm-pick-btn,body.pv-body .confirm-btn{position:static !important;width:auto !important;min-width:0 !important;max-width:150px !important;height:16px !important;min-height:16px !important;padding:0 10px !important;margin:0 auto !important;font-size:6.2px !important;line-height:1 !important;border-radius:8px !important;transform:none !important;}
  body.pv-body .confirm-cancel{width:16px !important;height:16px !important;min-width:16px !important;min-height:16px !important;font-size:8px !important;}
  body.pv-body #characters,body.pv-body .characters-grid{display:grid !important;grid-template-columns:repeat(6,var(--rm-char)) !important;grid-auto-rows:calc(var(--rm-char) + 10px) !important;gap:9px 8px !important;justify-content:center !important;align-content:start !important;width:max-content !important;max-width:100% !important;margin:0 auto !important;padding:0 0 4px !important;overflow:visible !important;}
  body.pv-body .character{position:relative !important;width:var(--rm-char) !important;height:var(--rm-char) !important;min-width:var(--rm-char) !important;min-height:var(--rm-char) !important;max-width:var(--rm-char) !important;max-height:var(--rm-char) !important;aspect-ratio:1/1 !important;border-radius:50% !important;overflow:visible !important;background:rgba(0,0,0,.24) !important;box-shadow:0 5px 10px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.05) !important;}
  body.pv-body .character img{position:relative !important;z-index:2 !important;width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important;display:block !important;}
  body.pv-body .character::before{border-radius:50% !important;z-index:1 !important;inset:0 !important;}
  body.pv-body .character::after{border-radius:50% !important;}
  body.pv-body .character.picked-temp,body.pv-body .character.banned-temp{outline:0 !important;}
  body.pv-body .character.picked-temp::before,body.pv-body .character.banned-temp::before{opacity:.96 !important;transform:scale(1) !important;border-radius:50% !important;}
  body.pv-body .character.picked-temp{box-shadow:0 0 0 1px rgba(57,255,136,.86),0 0 18px rgba(57,255,136,.18),0 5px 10px rgba(0,0,0,.30) !important;}
  body.pv-body .character.banned-temp{box-shadow:0 0 0 1px rgba(255,90,90,.86),0 0 18px rgba(255,90,90,.18),0 5px 10px rgba(0,0,0,.30) !important;}
  body.pv-body .character .grid-badge,body.pv-body .grid-corner-mark,body.pv-body #characters .character .grid-corner-mark,body.pv-body .characters-grid .character .grid-corner-mark{position:absolute !important;min-width:13px !important;max-width:none !important;min-height:9px !important;height:9px !important;padding:0 2px !important;border-radius:999px !important;font-size:5.6px !important;line-height:9px !important;z-index:6 !important;background:rgba(0,0,0,.62) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:0 2px 7px rgba(0,0,0,.32) !important;white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important;}
  body.pv-body #characters .character .grid-corner-ladrona{top:-7px !important;left:-2px !important;}
  body.pv-body #characters .character .grid-corner-malvada{top:-7px !important;right:-2px !important;}
  body.pv-body #characters .character .grid-corner-corrupta{bottom:-8px !important;left:-2px !important;}
  body.pv-body #characters .character .grid-corner-caotica{bottom:-8px !important;right:-2px !important;}
  body.pv-body #characters .character .grid-corner-mark.grid-missing-mark,body.pv-body .characters-grid .character .grid-corner-mark.grid-missing-mark{font-size:8px !important;min-width:10px !important;width:auto !important;height:10px !important;min-height:10px !important;line-height:10px !important;padding:0 1px !important;background:transparent !important;border:0 !important;box-shadow:none !important;text-shadow:0 1px 6px rgba(0,0,0,.75) !important;}

  body.pv-body .center-actions{min-height:0 !important;padding:3px 5px 4px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}
  body.pv-body #extra-bans-live-status,body.pv-body #extra-bans-live-status.pv-ratas-extra-bans-shared{width:86px !important;max-width:86px !important;margin:0 auto !important;padding:0 !important;}
  body.pv-body #extra-bans-live-status.visible,body.pv-body #extra-bans-live-status.pv-ratas-extra-bans-shared.visible{display:flex !important;flex-direction:column !important;gap:2px !important;align-items:center !important;justify-content:center !important;}
  body.pv-body #extra-bans-live-status .extra-bans-live-pill{width:86px !important;max-width:86px !important;height:12px !important;min-height:12px !important;padding:0 4px !important;display:grid !important;grid-template-columns:minmax(0,1fr) 16px !important;gap:3px !important;align-items:center !important;border-radius:999px !important;overflow:hidden !important;}
  body.pv-body #extra-bans-live-status .extra-bans-live-name{display:block !important;font-size:6px !important;line-height:12px !important;font-weight:1000 !important;letter-spacing:.02em !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body #extra-bans-live-status .extra-bans-live-name::before{content:none !important;display:none !important;}
  body.pv-body #extra-bans-live-status .extra-bans-live-num{width:16px !important;min-width:16px !important;height:10px !important;font-size:6px !important;line-height:10px !important;text-align:center !important;}

  body.pv-body .action-banner-overlay{position:fixed !important;left:50% !important;top:29px !important;bottom:auto !important;transform:translateX(-50%) !important;width:auto !important;min-width:180px !important;max-width:min(58vw,430px) !important;padding:6px 10px !important;border-radius:12px !important;font-size:10px !important;line-height:1.18 !important;text-align:center !important;white-space:normal !important;z-index:80 !important;}
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{width:150px !important;max-width:150px !important;z-index:78 !important;}
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-width:780px) and (max-height:430px){
  :root{--rm-topbar:23px;--rm-center:minmax(282px,304px);--rm-pick:29px;--rm-mini:18px;--rm-special:22px;--rm-char:39px;}
  body.pv-body .topbar .brand-link,body.pv-body .brand-link{left:101px !important;top:5px !important;font-size:9.2px !important;}
  body.pv-body .floating-brand-unit{top:1px !important;}
  body.pv-body .floating-brand-unit .logo-text{font-size:8.5px !important;}
  body.pv-body .center-area{transform:translateY(-15px) !important;height:calc(100% + 15px) !important;}
  body.pv-body .rat-slot{grid-template-rows:38px 24px minmax(0,1fr) 13px !important;grid-template-columns:30px minmax(0,1fr) !important;}
  body.pv-body .rat-header{height:37px !important;min-height:37px !important;grid-template-columns:32px minmax(0,1fr) 89px !important;gap:4px !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap{--size:29px !important;width:29px !important;height:29px !important;}
  body.pv-body .rat-name{font-size:8.2px !important;}
  body.pv-body .rat-title-badge.title-badge{font-size:5.7px !important;}
  body.pv-body .rat-rank .rank-badge{max-width:86px !important;font-size:5.5px !important;}
  body.pv-body .rat-stats-vert{width:89px !important;min-width:89px !important;}
  body.pv-body .stat-row{width:89px !important;height:6.3px !important;}
  body.pv-body .stat-row .k{font-size:5.1px !important;}
  body.pv-body .stat-row .v{font-size:5.8px !important;}
  body.pv-body .center-card{grid-template-rows:32px auto 52px minmax(0,1fr) auto !important;}
  body.pv-body .center-header{height:32px !important;min-height:32px !important;}
  body.pv-body #current-action,body.pv-body .current-action{font-size:7.8px !important;}
  body.pv-body #filter-bar,body.pv-body .filter-bar{grid-template-rows:15px 14px 14px !important;}
  body.pv-body #search-input{width:140px !important;height:13px !important;min-height:13px !important;font-size:6px !important;}
  body.pv-body .filter-button{width:13px !important;height:13px !important;min-width:13px !important;min-height:13px !important;}
  body.pv-body .filter-button[data-value="Todos"]{min-width:27px !important;height:13px !important;font-size:5.3px !important;}
  body.pv-body .filter-image img{width:9px !important;height:9px !important;}
  body.pv-body #characters,body.pv-body .characters-grid{grid-template-columns:repeat(6,var(--rm-char)) !important;grid-auto-rows:calc(var(--rm-char) + 10px) !important;gap:8px 7px !important;}
  body.pv-body #confirm-pick-btn,body.pv-body .confirm-btn{height:15px !important;min-height:15px !important;font-size:5.8px !important;}
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean .stellar-hide-toggle-btn--clean{width:40px !important;min-width:40px !important;max-width:40px !important;height:10px !important;min-height:10px !important;max-height:10px !important;font-size:4px !important;}
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean .eye-ico{font-size:5px !important;}
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean .eye-txt{font-size:4px !important;}
}


/* Fullscreen móvil conserva exactamente la misma escala visual. */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body.pv-ratas-fullscreen .topbar{height:var(--rm-topbar) !important;min-height:var(--rm-topbar) !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
  body.pv-body.pv-ratas-fullscreen .layout{height:calc(100dvh - var(--rm-topbar)) !important;padding:var(--rm-gap) !important;gap:var(--rm-gap) !important;grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;}
  body.pv-body.pv-ratas-fullscreen .center-area{transform:translateY(-13px) !important;height:calc(100% + 13px) !important;}
  body.pv-body.pv-ratas-fullscreen .center-card{grid-template-rows:34px auto 55px minmax(0,1fr) auto !important;}
  body.pv-body.pv-ratas-fullscreen .rat-slot{grid-template-columns:32px minmax(0,1fr) !important;grid-template-rows:40px 25px minmax(0,1fr) 14px !important;padding:3px 4px 4px !important;}
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{grid-column:2 !important;grid-row:3 !important;grid-template-columns:repeat(4,var(--rm-pick)) !important;grid-template-rows:repeat(2,var(--rm-pick)) !important;grid-auto-rows:var(--rm-pick) !important;column-gap:6px !important;row-gap:5px !important;padding:0 0 1px 28px !important;margin:0 auto !important;align-self:end !important;}
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before{left:0 !important;width:25px !important;top:50% !important;transform:translateY(-50%) !important;font-size:6.7px !important;}
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot,body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;border-radius:7px !important;}
  body.pv-body.pv-ratas-fullscreen .rat-banbar,body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{grid-column:1 !important;grid-row:2 / 4 !important;width:28px !important;max-width:28px !important;grid-template-columns:var(--rm-special) !important;grid-auto-rows:var(--rm-special) !important;gap:4px !important;}
  body.pv-body.pv-ratas-fullscreen .safe-slot,body.pv-body.pv-ratas-fullscreen .stellar-slot,body.pv-body.pv-ratas-fullscreen .secondary-slot{width:var(--rm-special) !important;height:var(--rm-special) !important;min-width:var(--rm-special) !important;min-height:var(--rm-special) !important;max-width:var(--rm-special) !important;max-height:var(--rm-special) !important;}
  body.pv-body.pv-ratas-fullscreen .mini-slot,body.pv-body.pv-ratas-fullscreen .extra-ban-slot{width:var(--rm-mini) !important;height:var(--rm-mini) !important;min-width:var(--rm-mini) !important;min-height:var(--rm-mini) !important;max-width:var(--rm-mini) !important;max-height:var(--rm-mini) !important;}
  body.pv-body.pv-ratas-fullscreen #characters,body.pv-body.pv-ratas-fullscreen .characters-grid{grid-template-columns:repeat(6,var(--rm-char)) !important;grid-auto-rows:calc(var(--rm-char) + 10px) !important;gap:9px 8px !important;}
  body.pv-body.pv-ratas-fullscreen .character{width:var(--rm-char) !important;height:var(--rm-char) !important;min-width:var(--rm-char) !important;min-height:var(--rm-char) !important;max-width:var(--rm-char) !important;max-height:var(--rm-char) !important;border-radius:50% !important;}
}
@media (hover:none) and (pointer:coarse) and (orientation:landscape) and (max-width:780px) and (max-height:430px){
  body.pv-body.pv-ratas-fullscreen .center-area{transform:translateY(-15px) !important;height:calc(100% + 15px) !important;}
  body.pv-body.pv-ratas-fullscreen .rat-slot{grid-template-columns:30px minmax(0,1fr) !important;grid-template-rows:38px 24px minmax(0,1fr) 13px !important;}
}


/* RATAS MOBILE 844x390 Ajuste directo del layout horizontal móvil: roles, header, filtros, extra bans, casillas especiales y grid central. */

@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-topbar:21px;
    --rm-gap:3px;
    --rm-center:minmax(322px,336px);
    --rm-leftcol:minmax(0,calc((100vw - 336px - 12px) / 2));
    --rm-pick:32px;
    --rm-mini:23px;
    --rm-special:23px;
    --rm-char:42px;
  }

  html,
  body.pv-body{height:100dvh !important;min-height:100dvh !important;overflow:hidden !important;}
  body.pv-body{grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;}

  body.pv-body .topbar{height:var(--rm-topbar) !important;min-height:var(--rm-topbar) !important;z-index:80 !important;}
  body.pv-body .floating-brand-unit{
    position:fixed !important;left:4px !important;top:0 !important;height:18px !important;min-height:18px !important;z-index:84 !important;
    display:flex !important;align-items:center !important;gap:3px !important;padding:0 !important;margin:0 !important;transform:none !important;
  }
  body.pv-body .floating-brand-unit .logo-icon{width:17px !important;height:17px !important;min-width:17px !important;}
  body.pv-body .floating-brand-unit .logo-text{font-size:8px !important;line-height:1 !important;letter-spacing:.03em !important;}
  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link{
    position:fixed !important;left:74px !important;right:auto !important;top:3px !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;
    text-align:left !important;transform:none !important;font-size:10px !important;line-height:1 !important;letter-spacing:.12em !important;z-index:83 !important;
  }
  body.pv-body .floating-sound-panel{top:1px !important;right:4px !important;height:20px !important;min-height:20px !important;z-index:85 !important;}
  body.pv-body .topbar-settings-btn,
  body.pv-body .fullscreen-toggle-ratas,
  body.pv-body .floating-sound-panel #volume-toggle{width:20px !important;height:20px !important;min-width:20px !important;min-height:20px !important;}
  body.pv-body .floating-sound-panel .volume-wrap{height:20px !important;min-height:20px !important;width:70px !important;max-width:70px !important;padding:0 5px !important;}

  body.pv-body .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;min-height:0 !important;padding:var(--rm-gap) !important;gap:var(--rm-gap) !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;overflow:hidden !important;
  }
  body.pv-body #rat-ladrona{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada{grid-column:3 !important;grid-row:1 !important;}
  body.pv-body #rat-corrupta{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-caotica{grid-column:3 !important;grid-row:2 !important;}
  body.pv-body .center-area{
    grid-column:2 !important;grid-row:1 / span 2 !important;transform:translateY(-21px) !important;height:calc(100% + 21px) !important;min-height:0 !important;z-index:32 !important;
  }

  body.pv-body .rat-slot{
    padding:3px 4px 4px !important;border-radius:10px !important;overflow:hidden !important;
    grid-template-columns:32px minmax(0,1fr) !important;grid-template-rows:38px 24px minmax(0,1fr) 12px !important;column-gap:4px !important;row-gap:2px !important;
  }
  body.pv-body .rat-header{
    grid-column:1 / 3 !important;grid-row:1 !important;height:37px !important;min-height:37px !important;max-height:37px !important;padding:0 !important;
    grid-template-columns:38px minmax(0,1fr) 102px !important;gap:4px !important;align-items:start !important;overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap{
    --size:32px !important;width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important;margin-left:5px !important;margin-top:1px !important;overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap .avatar-img{width:100% !important;height:100% !important;object-fit:cover !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-img:not([hidden]){
    display:block !important;width:176% !important;height:176% !important;animation:pv-frame-aura-breathe 2.85s linear infinite !important;animation-play-state:running !important;
    transform-origin:center center !important;will-change:transform,opacity,filter !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-css{animation-play-state:running !important;}
  body.pv-body .rat-head-meta{padding-left:5px !important;gap:0 !important;align-content:start !important;overflow:visible !important;}
  body.pv-body .rat-name{font-size:9px !important;line-height:1.03 !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .rat-title-row{height:10px !important;min-height:10px !important;overflow:visible !important;}
  body.pv-body .rat-title-badge.title-badge{font-size:6px !important;line-height:1 !important;padding:1px 3px !important;max-width:100% !important;}
  body.pv-body .rat-rank{height:11px !important;min-height:11px !important;overflow:visible !important;}
  body.pv-body .rat-rank .rank-logo{width:10px !important;height:10px !important;min-width:10px !important;}
  body.pv-body .rat-rank .rank-badge{max-width:108px !important;font-size:5.8px !important;line-height:1.05 !important;padding:1px 4px !important;}
  body.pv-body .rat-stats-vert{width:102px !important;min-width:102px !important;max-width:102px !important;justify-self:end !important;margin-left:auto !important;margin-right:0 !important;overflow:visible !important;}
  body.pv-body .stat-row{width:102px !important;height:6.6px !important;grid-template-columns:minmax(0,1fr) 20px !important;gap:2px !important;overflow:visible !important;}
  body.pv-body .stat-row .k{font-size:5.4px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;overflow:visible !important;text-overflow:clip !important;}
  body.pv-body .stat-row .v{font-size:6.1px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;overflow:visible !important;}

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada{
    grid-column:1 !important;grid-row:2 / 4 !important;width:28px !important;max-width:28px !important;justify-self:center !important;align-self:start !important;
    display:grid !important;grid-template-columns:var(--rm-special) !important;grid-auto-rows:var(--rm-special) !important;gap:2px !important;place-items:center !important;overflow:visible !important;margin:0 !important;padding:0 !important;transform:none !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{display:contents !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot,
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot{
    width:var(--rm-special) !important;height:var(--rm-special) !important;min-width:var(--rm-special) !important;min-height:var(--rm-special) !important;max-width:var(--rm-special) !important;max-height:var(--rm-special) !important;border-radius:6px !important;overflow:hidden !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot::before{font-size:10px !important;line-height:1 !important;}

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow{
    grid-column:2 !important;grid-row:2 !important;height:24px !important;min-height:24px !important;display:grid !important;grid-template-columns:26px max-content !important;gap:4px !important;align-items:center !important;justify-content:center !important;margin:0 !important;transform:none !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title{font-size:6.9px !important;line-height:1 !important;letter-spacing:.04em !important;}
  body.pv-body .mini-slots{display:grid !important;grid-template-columns:repeat(4,var(--rm-mini)) !important;grid-auto-rows:var(--rm-mini) !important;gap:3px !important;align-items:center !important;justify-content:center !important;}
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot{width:var(--rm-mini) !important;height:var(--rm-mini) !important;min-width:var(--rm-mini) !important;min-height:var(--rm-mini) !important;max-width:var(--rm-mini) !important;max-height:var(--rm-mini) !important;border-radius:6px !important;overflow:hidden !important;}

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid{
    grid-column:2 !important;grid-row:3 !important;grid-template-columns:repeat(4,var(--rm-pick)) !important;grid-template-rows:repeat(2,var(--rm-pick)) !important;grid-auto-rows:var(--rm-pick) !important;
    column-gap:6px !important;row-gap:5px !important;padding:0 0 1px 26px !important;margin:0 auto !important;align-self:end !important;justify-self:center !important;width:max-content !important;max-width:100% !important;position:relative !important;transform:none !important;
  }
  body.pv-body .rat-slot .rat-grid::before{left:0 !important;width:24px !important;font-size:6.7px !important;line-height:1 !important;}
  body.pv-body .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;border-radius:7px !important;}
  body.pv-body .pick-slot img,
  body.pv-body .pick-slot > .pick-char-img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:7px !important;}

  body.pv-body .center-card{
    height:100% !important;min-height:0 !important;width:100% !important;border-radius:10px !important;overflow:hidden !important;display:grid !important;
    grid-template-rows:30px 48px 74px minmax(0,1fr) 21px !important;
  }
  body.pv-body .center-header{height:30px !important;min-height:30px !important;max-height:none !important;padding:2px 7px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;}
  body.pv-body #current-action,
  body.pv-body .current-action{
    display:block !important;width:100% !important;max-width:100% !important;min-height:0 !important;max-height:none !important;height:auto !important;margin:0 auto !important;
    font-size:9.1px !important;line-height:1.18 !important;letter-spacing:.02em !important;text-align:center !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;text-wrap:balance !important;
  }
  body.pv-body #current-action .role-inline,
  body.pv-body .current-action .role-inline,
  body.pv-body #current-action .headline-muted,
  body.pv-body .current-action .headline-muted{font-size:inherit !important;line-height:inherit !important;margin:0 1px !important;white-space:nowrap !important;}
  body.pv-body .center-sub{display:none !important;}

  body.pv-body .extra-bans-panel{height:48px !important;min-height:48px !important;max-height:48px !important;padding:1px 4px 3px !important;overflow:visible !important;}
  body.pv-body .extra-bans-head{height:10px !important;min-height:10px !important;margin:0 0 1px !important;display:grid !important;grid-template-columns:1fr !important;place-items:center !important;}
  body.pv-body .extra-bans-title{grid-column:1 !important;justify-self:center !important;text-align:center !important;width:100% !important;margin:0 auto !important;font-size:7.8px !important;line-height:1 !important;letter-spacing:.08em !important;}
  body.pv-body #extra-bans-acting,
  body.pv-body #extra-bans-target,
  body.pv-body .extra-side-pill{display:none !important;}
  body.pv-body .extra-bans-center{min-height:35px !important;height:35px !important;gap:6px !important;align-items:center !important;justify-content:center !important;overflow:visible !important;}
  body.pv-body .extra-bans-center .extra-ban-slot{width:35px !important;height:35px !important;min-width:35px !important;min-height:35px !important;max-width:35px !important;max-height:35px !important;border-radius:8px !important;overflow:visible !important;}
  body.pv-body .extra-bans-center .extra-ban-slot img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:8px !important;}

  body.pv-body #filter-bar,
  body.pv-body .filter-bar{
    height:74px !important;min-height:74px !important;max-height:74px !important;padding:4px 7px 3px !important;gap:3px !important;display:grid !important;grid-template-rows:22px 21px 21px !important;align-content:center !important;overflow:visible !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div{height:100% !important;min-height:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:4px !important;flex-wrap:nowrap !important;overflow:visible !important;}
  body.pv-body #filter-bar h4,
  body.pv-body .filter-bar h4{display:block !important;min-width:max-content !important;margin:0 2px 0 0 !important;font-size:7px !important;line-height:1 !important;letter-spacing:.04em !important;white-space:nowrap !important;}
  body.pv-body #search-input{width:218px !important;max-width:218px !important;height:20px !important;min-height:20px !important;padding:2px 7px !important;font-size:7.7px !important;line-height:1 !important;border-radius:7px !important;}
  body.pv-body .filter-button{width:20px !important;height:20px !important;min-width:20px !important;min-height:20px !important;border-radius:6px !important;padding:0 !important;overflow:hidden !important;}
  body.pv-body .filter-button[data-value="Todos"]{width:auto !important;min-width:35px !important;height:20px !important;padding:0 5px !important;font-size:6.4px !important;line-height:20px !important;}
  body.pv-body .filter-image img{width:14px !important;height:14px !important;object-fit:contain !important;}

  body.pv-body .characters-scroll{min-height:0 !important;padding:4px 5px 5px !important;overflow:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;}
  body.pv-body .characters-scroll::-webkit-scrollbar{display:none !important;}
  body.pv-body .confirm-stick-wrap{height:auto !important;min-height:0 !important;margin:0 auto 3px !important;}
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn{height:17px !important;min-height:17px !important;max-height:17px !important;padding:0 10px !important;font-size:6.4px !important;border-radius:8px !important;}
  body.pv-body .confirm-cancel{width:17px !important;height:17px !important;min-width:17px !important;min-height:17px !important;}
  body.pv-body #characters,
  body.pv-body .characters-grid{grid-template-columns:repeat(6,var(--rm-char)) !important;grid-auto-rows:calc(var(--rm-char) + 10px) !important;gap:8px 8px !important;align-content:start !important;justify-content:center !important;width:max-content !important;max-width:100% !important;margin:0 auto !important;padding:0 0 5px !important;overflow:visible !important;}
  body.pv-body .character{isolation:isolate !important;position:relative !important;width:var(--rm-char) !important;height:var(--rm-char) !important;min-width:var(--rm-char) !important;min-height:var(--rm-char) !important;max-width:var(--rm-char) !important;max-height:var(--rm-char) !important;border-radius:50% !important;overflow:visible !important;background:rgba(0,0,0,.24) !important;}
  body.pv-body .character::before{z-index:0 !important;inset:0 !important;border-radius:50% !important;pointer-events:none !important;}
  body.pv-body .character img{position:relative !important;z-index:2 !important;width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important;display:block !important;}
  body.pv-body .character .grid-badge,
  body.pv-body .character .grid-corner-mark{z-index:4 !important;}
  body.pv-body .character.picked-temp,
  body.pv-body .character.banned-temp{outline:0 !important;}
  body.pv-body .character.picked-temp::before,
  body.pv-body .character.banned-temp::before{opacity:1 !important;transform:scale(1) !important;filter:saturate(1.38) brightness(1.06) !important;}
  body.pv-body .character.picked-temp{box-shadow:0 0 0 1px rgba(57,255,136,.86),0 0 17px rgba(57,255,136,.18),0 5px 10px rgba(0,0,0,.30) !important;}
  body.pv-body .character.banned-temp{box-shadow:0 0 0 1px rgba(255,90,90,.86),0 0 17px rgba(255,90,90,.18),0 5px 10px rgba(0,0,0,.30) !important;}

  body.pv-body .center-actions{height:auto !important;min-height:21px !important;padding:2px 5px 4px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:visible !important;background:transparent !important;border-top:1px solid rgba(255,255,255,.05) !important;}
  body.pv-body .action-area,
  body.pv-body .action-wrap,
  body.pv-body .action-btnrow{max-width:100% !important;overflow:visible !important;text-overflow:clip !important;white-space:normal !important;}
  body.pv-body .action-btnrow{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:4px !important;row-gap:3px !important;padding:0 !important;}
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .big-choice,
  body.pv-body .ready-btn,
  body.pv-body .undo-btn,
  body.pv-body .finalize-btn{min-height:18px !important;height:auto !important;padding:3px 7px !important;font-size:7.2px !important;line-height:1.1 !important;border-radius:8px !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;}
  body.pv-body #extra-bans-live-status,
  body.pv-body #extra-bans-live-status.pv-ratas-extra-bans-shared{width:100% !important;max-width:100% !important;}
  body.pv-body #extra-bans-live-status.visible,
  body.pv-body #extra-bans-live-status.pv-ratas-extra-bans-shared.visible{display:flex !important;flex-direction:row !important;gap:4px !important;align-items:center !important;justify-content:center !important;}
  body.pv-body #extra-bans-live-status .extra-bans-live-pill{width:auto !important;min-width:62px !important;max-width:92px !important;height:14px !important;min-height:14px !important;grid-template-columns:minmax(0,1fr) 18px !important;gap:3px !important;padding:0 4px !important;overflow:visible !important;}
  body.pv-body #extra-bans-live-status .extra-bans-live-name{font-size:6.4px !important;line-height:14px !important;overflow:visible !important;text-overflow:clip !important;}
  body.pv-body #extra-bans-live-status .extra-bans-live-num{width:18px !important;min-width:18px !important;height:11px !important;line-height:11px !important;font-size:6.4px !important;}

  body.pv-body.pv-ratas-fullscreen .center-area{transform:translateY(-21px) !important;height:calc(100% + 21px) !important;}
  body.pv-body.pv-ratas-fullscreen .center-card{grid-template-rows:30px 48px 74px minmax(0,1fr) 21px !important;}
  body.pv-body.pv-ratas-fullscreen #rat-malvada{grid-column:3 !important;grid-row:1 !important;}
  body.pv-body.pv-ratas-fullscreen #rat-corrupta{grid-column:1 !important;grid-row:2 !important;}
}


@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-topbar:21px;
    --rm-gap:3px;
    --rm-center:minmax(336px,344px);
    --rm-leftcol:minmax(0,calc((100vw - 344px - 12px) / 2));
    --rm-pick:33px;
    --rm-mini:23px;
    --rm-special:23px;
    --rm-char:41px;
  }

  html,
  body.pv-body{
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
  }
  body.pv-body{
    display:grid !important;
    grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
    background-image:url('/img/favicon/DraftIMAGEN.png') !important;
    background-size:cover !important;
    background-position:center !important;
    background-attachment:scroll !important;
  }

  body.pv-body .topbar,
  body.pv-body .topbar-center,
  body.pv-body .brand-stack{
    position:static !important;
    transform:none !important;
    width:100% !important;
    height:var(--rm-topbar) !important;
    min-height:var(--rm-topbar) !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    z-index:80 !important;
  }
  body.pv-body .floating-brand-unit{
    position:fixed !important;
    left:4px !important;
    top:0 !important;
    height:19px !important;
    min-height:19px !important;
    z-index:92 !important;
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    padding:0 !important;
    margin:0 !important;
    transform:none !important;
    pointer-events:auto !important;
  }
  body.pv-body .floating-brand-unit .logo-icon{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
  }
  body.pv-body .floating-brand-unit .logo-text{
    font-size:8.2px !important;
    line-height:1 !important;
    letter-spacing:.03em !important;
    white-space:nowrap !important;
  }
  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-site-title-rat-turn:not(.pv-site-title-elemental) .brand-link,
  body.pv-site-title-elemental .brand-link{
    position:fixed !important;
    inset:3px auto auto 94px !important;
    left:94px !important;
    right:auto !important;
    top:3px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
    text-align:left !important;
    transform:none !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    font-weight:1000 !important;
    z-index:93 !important;
    pointer-events:auto !important;
    background:none !important;
    background-image:none !important;
    background-clip:initial !important;
    -webkit-background-clip:initial !important;
    color:#ff6177 !important;
    -webkit-text-fill-color:#ff6177 !important;
    text-shadow:0 0 12px rgba(255,78,108,.34),0 1px 4px rgba(0,0,0,.65) !important;
    animation:none !important;
  }
  body.pv-body .floating-sound-panel{
    top:1px !important;
    right:4px !important;
    height:20px !important;
    min-height:20px !important;
    z-index:94 !important;
  }
  body.pv-body .topbar-settings-btn,
  body.pv-body .fullscreen-toggle-ratas,
  body.pv-body .floating-sound-panel #volume-toggle{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
  }
  body.pv-body .floating-sound-panel .volume-wrap{
    height:20px !important;
    min-height:20px !important;
    width:70px !important;
    max-width:70px !important;
    padding:0 5px !important;
  }

  body.pv-body .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;
    min-height:0 !important;
    padding:var(--rm-gap) !important;
    gap:var(--rm-gap) !important;
    display:grid !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:hidden !important;
  }
  body.pv-body #rat-ladrona{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada{grid-column:3 !important;grid-row:1 !important;}
  body.pv-body #rat-corrupta{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-caotica{grid-column:3 !important;grid-row:2 !important;}

  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    transform:translateY(-21px) !important;
    width:100% !important;
    max-width:100% !important;
    height:calc(100% + 21px) !important;
    min-width:0 !important;
    min-height:0 !important;
    justify-self:center !important;
    align-self:stretch !important;
    overflow:hidden !important;
    z-index:34 !important;
  }
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:44px 36px 76px minmax(0,1fr) 23px !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-header{
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    padding:9px 8px 5px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    border-bottom:1px solid rgba(255,255,255,.035) !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 2px !important;
    margin:0 auto !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-wrap:balance !important;
    font-size:8.8px !important;
    line-height:1.23 !important;
    letter-spacing:.012em !important;
    color:#f7f2ff !important;
    text-shadow:0 0 9px rgba(255,255,255,.18),0 1px 3px rgba(0,0,0,.65) !important;
  }
  body.pv-body #current-action .role-inline,
  body.pv-body .current-action .role-inline,
  body.pv-body #current-action .headline-muted,
  body.pv-body .current-action .headline-muted{
    display:inline !important;
    font-size:inherit !important;
    line-height:inherit !important;
    margin:0 1px !important;
    white-space:nowrap !important;
  }

  body.pv-body .extra-bans-panel{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:1px 4px 2px !important;
    margin:0 !important;
    overflow:visible !important;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)) !important;
  }
  body.pv-body .extra-bans-head,
  body.pv-body .extra-bans-title,
  body.pv-body .extra-side-pill{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body.pv-body .extra-bans-center{
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
    gap:8px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
    overflow:visible !important;
  }
  body.pv-body .extra-bans-center .extra-ban-slot{
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    min-height:33px !important;
    max-width:33px !important;
    max-height:33px !important;
    border-radius:8px !important;
    overflow:visible !important;
  }
  body.pv-body .extra-bans-center .extra-ban-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:8px !important;
  }

  body.pv-body #filter-bar,
  body.pv-body .filter-bar{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:5px 9px 5px !important;
    gap:4px !important;
    display:grid !important;
    grid-template-rows:21px 21px 21px !important;
    align-content:center !important;
    overflow:hidden !important;
    border-top:0 !important;
    border-bottom:1px solid rgba(255,255,255,.075) !important;
    background:linear-gradient(180deg, rgba(6,4,13,.22), rgba(6,4,13,.08)) !important;
    z-index:5 !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div{
    height:21px !important;
    min-height:21px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
  }
  body.pv-body #filter-bar h4,
  body.pv-body .filter-bar h4{
    display:block !important;
    flex:0 0 auto !important;
    min-width:max-content !important;
    margin:0 3px 0 0 !important;
    padding:0 !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
    white-space:nowrap !important;
  }
  body.pv-body #search-input,
  body.pv-body #filter-bar input[type="text"],
  body.pv-body #filter-bar input[type="search"]{
    width:176px !important;
    max-width:176px !important;
    min-width:0 !important;
    height:19px !important;
    min-height:19px !important;
    max-height:19px !important;
    padding:2px 7px !important;
    font-size:7.5px !important;
    line-height:1 !important;
    border-radius:7px !important;
    box-sizing:border-box !important;
  }
  body.pv-body .filter-button{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    padding:0 !important;
    border-radius:6px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
  }
  body.pv-body .filter-button[data-value="Todos"]{
    width:auto !important;
    min-width:34px !important;
    max-width:42px !important;
    height:20px !important;
    min-height:20px !important;
    padding:0 5px !important;
    font-size:6.3px !important;
    line-height:20px !important;
    white-space:nowrap !important;
  }
  body.pv-body .filter-image,
  body.pv-body .filter-image img{
    width:14px !important;
    height:14px !important;
    object-fit:contain !important;
  }

  body.pv-body .characters-scroll{
    position:relative !important;
    z-index:2 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:8px 5px 6px !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    scrollbar-width:none !important;
    border-top:0 !important;
    background:transparent !important;
  }
  body.pv-body .characters-scroll::-webkit-scrollbar{display:none !important;}
  body.pv-body .confirm-stick-wrap{
    position:relative !important;
    top:auto !important;
    z-index:3 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto 5px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
  }
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:150px !important;
    height:17px !important;
    min-height:17px !important;
    max-height:17px !important;
    margin:0 auto !important;
    padding:0 10px !important;
    font-size:6.5px !important;
    line-height:1 !important;
    border-radius:8px !important;
    white-space:nowrap !important;
  }
  body.pv-body .confirm-cancel{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    min-height:17px !important;
  }
  body.pv-body #characters,
  body.pv-body .characters-grid{
    grid-template-columns:repeat(6,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 9px) !important;
    gap:7px 7px !important;
    align-content:start !important;
    justify-content:center !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 0 5px !important;
    overflow:visible !important;
  }
  body.pv-body .character{
    isolation:isolate !important;
    position:relative !important;
    width:var(--rm-char) !important;
    height:var(--rm-char) !important;
    min-width:var(--rm-char) !important;
    min-height:var(--rm-char) !important;
    max-width:var(--rm-char) !important;
    max-height:var(--rm-char) !important;
    border-radius:50% !important;
    overflow:visible !important;
    background:rgba(0,0,0,.24) !important;
  }
  body.pv-body .character::before,
  body.pv-body .character.picked-temp::before,
  body.pv-body .character.banned-temp::before{
    z-index:0 !important;
    inset:0 !important;
    border-radius:50% !important;
    pointer-events:none !important;
    opacity:1 !important;
    transform:scale(1) !important;
    filter:saturate(1.34) brightness(1.06) !important;
  }
  body.pv-body .character:not(.picked-temp):not(.banned-temp)::before{opacity:0 !important;}
  body.pv-body .character:not(.banned):not(.picked):not(.slot-locked):hover::before{opacity:1 !important;}
  body.pv-body .character.picked-temp,
  body.pv-body .character.banned-temp{
    outline:0 !important;
    filter:none !important;
  }
  body.pv-body .character img,
  body.pv-body .character > img,
  body.pv-body .character.picked-temp img,
  body.pv-body .character.banned-temp img{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:50% !important;
    display:block !important;
    opacity:1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
  }
  body.pv-body .character .grid-badge,
  body.pv-body .character .grid-corner-mark{z-index:4 !important;}
  body.pv-body .character.picked-temp{box-shadow:0 0 0 1px rgba(57,255,136,.86),0 0 17px rgba(57,255,136,.18),0 5px 10px rgba(0,0,0,.30) !important;}
  body.pv-body .character.banned-temp{box-shadow:0 0 0 1px rgba(255,90,90,.86),0 0 17px rgba(255,90,90,.18),0 5px 10px rgba(0,0,0,.30) !important;}

  body.pv-body .rat-slot{
    position:relative !important;
    min-width:0 !important;
    min-height:0 !important;
    height:100% !important;
    padding:3px 4px 4px !important;
    border-radius:10px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) !important;
    grid-template-rows:38px 25px minmax(0,1fr) 12px !important;
    column-gap:4px !important;
    row-gap:2px !important;
    background:linear-gradient(180deg, rgba(15,10,24,.64), rgba(7,5,13,.56)) !important;
    backdrop-filter:none !important;
  }
  body.pv-body .rat-slot::before{opacity:.58 !important;animation:none !important;}
  body.pv-body .rat-slot::after{border-radius:10px !important;box-shadow:inset 0 0 0 1px rgba(var(--role-rgb),.28),inset 0 0 28px rgba(var(--role-rgb),.055) !important;}
  body.pv-body .rat-header{
    grid-column:1 / 3 !important;
    grid-row:1 !important;
    height:37px !important;
    min-height:37px !important;
    max-height:37px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) 84px !important;
    gap:4px !important;
    align-items:start !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap{
    --size:32px !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    margin-left:6px !important;
    margin-top:1px !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap .avatar-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-img:not([hidden]){
    display:block !important;
    width:176% !important;
    height:176% !important;
    animation:pv-frame-aura-breathe 2.85s linear infinite !important;
    animation-play-state:running !important;
    transform-origin:center center !important;
    will-change:filter !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap.frame-owner .frame-css.owner,
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-css.owner{
    animation:pv-frame-owner-css-breathe 3.15s linear infinite !important;
    animation-play-state:running !important;
  }
  body.pv-body.pv-perf-video .avatar-wrap.rat-avatar-wrap .frame-img,
  body.pv-body.pv-perf-video .avatar-wrap.rat-avatar-wrap .frame-css,
  body.pv-body.pv-ratas-slot-preview-open .avatar-wrap.rat-avatar-wrap .frame-img,
  body.pv-body.pv-ratas-slot-preview-open .avatar-wrap.rat-avatar-wrap .frame-css{
    animation-play-state:paused !important;
  }
  body.pv-body .rat-head-meta{
    padding-left:7px !important;
    gap:0 !important;
    align-content:start !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  body.pv-body .rat-name{font-size:9px !important;line-height:1.03 !important;}
  body.pv-body .rat-title-badge.title-badge{font-size:6px !important;line-height:1 !important;padding:1px 3px !important;}
  body.pv-body .rat-rank .rank-badge{max-width:96px !important;font-size:5.8px !important;line-height:1.05 !important;}
  body.pv-body .rat-stats-vert{
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    justify-self:start !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-self:start !important;
    overflow:visible !important;
    transform:translateX(-8px) !important;
    gap:0 !important;
    padding:0 !important;
  }
  body.pv-body .stat-row{
    width:84px !important;
    max-width:84px !important;
    height:6.6px !important;
    grid-template-columns:minmax(0,1fr) 17px !important;
    gap:2px !important;
    overflow:visible !important;
  }
  body.pv-body .stat-row .k{
    font-size:5.1px !important;
    line-height:1 !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.pv-body .stat-row .v{
    font-size:6px !important;
    line-height:1 !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow{
    grid-column:2 !important;
    grid-row:2 !important;
    height:25px !important;
    min-height:25px !important;
    display:grid !important;
    grid-template-columns:27px max-content !important;
    gap:5px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    transform:none !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title{font-size:7px !important;line-height:1 !important;}
  body.pv-body .mini-slots{
    display:grid !important;
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:4px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
    border-radius:6px !important;
  }

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada{
    grid-column:1 !important;
    grid-row:2 / 4 !important;
    width:29px !important;
    max-width:29px !important;
    justify-self:center !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:2px !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada{
    grid-template-rows:repeat(5,var(--rm-special)) !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada > #safe-malvada{grid-row:1 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada > #stellar-malvada{grid-row:2 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada > #extra-stellar-malvada{grid-row:3 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{
    display:contents !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    gap:0 !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot:nth-child(1){grid-row:4 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot:nth-child(2){grid-row:5 !important;}
  body.pv-body .rat-banbar .safe-slot,
  body.pv-body .rat-banbar .stellar-slot,
  body.pv-body .rat-banbar .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    position:relative !important;
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:6px !important;
    overflow:hidden !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    background:rgba(5,4,10,.62) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 4px 10px rgba(0,0,0,.25) !important;
  }
  body.pv-body .rat-banbar .safe-slot img,
  body.pv-body .rat-banbar .stellar-slot img,
  body.pv-body .rat-banbar .secondary-slot img,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:6px !important;
  }
  body.pv-body .rat-slot .safe-slot::before,
  body.pv-body .rat-slot .safe-slot::after,
  body.pv-body .rat-slot .stellar-slot::before,
  body.pv-body .rat-slot .stellar-slot::after,
  body.pv-body .rat-slot .secondary-slot::before,
  body.pv-body .rat-slot .secondary-slot::after,
  body.pv-body .rat-banbar .pick-slot.stellar::after,
  body.pv-body .rat-banbar .pick-slot.has-crown::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .rat-banbar .masked-mark,
  body.pv-body .rat-banbar .hidden-eye-mark{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    font-size:10px !important;
    line-height:1 !important;
    transform:none !important;
    z-index:2 !important;
    color:rgba(255,255,255,.58) !important;
    text-shadow:0 1px 7px rgba(0,0,0,.75) !important;
  }
  body.pv-body .rat-banbar .stellar-slot .masked-mark,
  body.pv-body .rat-banbar .secondary-slot .masked-mark{
    color:#ffe36b !important;
    text-shadow:0 0 8px rgba(255,220,90,.26),0 1px 7px rgba(0,0,0,.75) !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid{
    grid-column:2 !important;
    grid-row:3 !important;
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:6px !important;
    row-gap:5px !important;
    padding:0 0 1px 27px !important;
    margin:0 auto !important;
    align-self:end !important;
    justify-self:center !important;
    width:max-content !important;
    max-width:100% !important;
    position:relative !important;
    transform:none !important;
  }
  body.pv-body .rat-slot .rat-grid::before{left:0 !important;width:25px !important;font-size:6.8px !important;line-height:1 !important;}
  body.pv-body .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    border-radius:7px !important;
  }

  body.pv-body .center-actions{
    height:23px !important;
    min-height:23px !important;
    max-height:none !important;
    padding:2px 5px 3px !important;
    overflow:visible !important;
  }
  body.pv-body .action-area,
  body.pv-body .action-wrap,
  body.pv-body .action-btnrow{
    max-width:100% !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:normal !important;
  }
}

/* RATAS MOBILE 844x390 - PENDIENTES - Center/action sube al hueco real de la topbar sin cortar texto. - Se restaura la división de Extra Bans y se quita solo la raya de filtros. - Marcos con pulso real de frames.css, sin filtro estático que bloquee la animación. - Especiales móviles reconstruidos: seguros/estelares para todos, eliminaciones Malvada en fila. - Stats compactos: etiqueta y valor juntos, manteniendo la zona en su sitio. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-topbar:21px;
    --rm-gap:3px;
    --rm-center:minmax(336px,344px);
    --rm-leftcol:minmax(0,calc((100vw - 344px - 12px) / 2));
    --rm-pick:32px;
    --rm-mini:23px;
    --rm-special:28px;
    --rm-char:41px;
  }

  html,
  body.pv-body,
  body.pv-body.pv-ratas-fullscreen{
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
  }
  body.pv-body,
  body.pv-body.pv-ratas-fullscreen{
    grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
  }
  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;
    min-height:0 !important;
    padding:var(--rm-gap) !important;
    gap:var(--rm-gap) !important;
    display:grid !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:visible !important;
  }

  body.pv-body #rat-ladrona,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada{grid-column:3 !important;grid-row:1 !important;}
  body.pv-body #rat-corrupta,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-caotica,
  body.pv-body.pv-ratas-fullscreen #rat-caotica{grid-column:3 !important;grid-row:2 !important;}

  /* Center/action: usa exactamente la altura de la topbar; no se sube fuera del viewport. */
  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    transform:translateY(calc(-1 * var(--rm-topbar))) !important;
    height:calc(100% + var(--rm-topbar)) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    justify-self:center !important;
    align-self:stretch !important;
    overflow:visible !important;
    z-index:34 !important;
  }
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:56px 36px 76px minmax(0,1fr) 23px !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }
  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    padding:6px 8px 5px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
    border-bottom:1px solid rgba(255,255,255,.035) !important;
    background:linear-gradient(180deg, rgba(5,3,12,.44), rgba(5,3,12,.08) 74%, rgba(5,3,12,0)) !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:16px !important;
    max-height:none !important;
    padding:0 4px !important;
    margin:0 auto !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-wrap:balance !important;
    font-size:9.2px !important;
    line-height:1.3 !important;
    letter-spacing:.012em !important;
    color:#f7f2ff !important;
    text-shadow:0 0 9px rgba(255,255,255,.18),0 1px 3px rgba(0,0,0,.65) !important;
  }
  body.pv-body #current-action .role-inline,
  body.pv-body .current-action .role-inline,
  body.pv-body #current-action .headline-muted,
  body.pv-body .current-action .headline-muted,
  body.pv-body.pv-ratas-fullscreen #current-action .role-inline,
  body.pv-body.pv-ratas-fullscreen .current-action .role-inline,
  body.pv-body.pv-ratas-fullscreen #current-action .headline-muted,
  body.pv-body.pv-ratas-fullscreen .current-action .headline-muted{
    display:inline !important;
    font-size:inherit !important;
    line-height:inherit !important;
    margin:0 1px !important;
    white-space:nowrap !important;
  }

  /* Extra bans: sin título en móvil, pero con su división visual restaurada. */
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:1px 4px 2px !important;
    margin:0 !important;
    overflow:visible !important;
    border-bottom:1px solid rgba(255,255,255,.075) !important;
    box-shadow:0 1px 0 rgba(255,255,255,.025) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)) !important;
  }
  body.pv-body .extra-bans-head,
  body.pv-body .extra-bans-title,
  body.pv-body .extra-side-pill,
  body.pv-body.pv-ratas-fullscreen .extra-bans-head,
  body.pv-body.pv-ratas-fullscreen .extra-bans-title,
  body.pv-body.pv-ratas-fullscreen .extra-side-pill{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center{
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
    gap:8px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  body.pv-body .extra-bans-center .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center .extra-ban-slot{
    width:33px !important;
    height:33px !important;
    min-width:33px !important;
    min-height:33px !important;
    max-width:33px !important;
    max-height:33px !important;
    border-radius:8px !important;
    overflow:visible !important;
  }

  /* Filtros: se quita solo la raya molesta del bloque de armas/elementos. */
  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:5px 9px 5px !important;
    gap:4px !important;
    display:grid !important;
    grid-template-rows:21px 21px 21px !important;
    align-content:center !important;
    overflow:hidden !important;
    border-top:0 !important;
    border-bottom:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:linear-gradient(180deg, rgba(6,4,13,.18), rgba(6,4,13,.06)) !important;
    z-index:5 !important;
  }
  body.pv-body #filter-bar::before,
  body.pv-body #filter-bar::after,
  body.pv-body .filter-bar::before,
  body.pv-body .filter-bar::after,
  body.pv-body.pv-ratas-fullscreen #filter-bar::before,
  body.pv-body.pv-ratas-fullscreen #filter-bar::after,
  body.pv-body.pv-ratas-fullscreen .filter-bar::before,
  body.pv-body.pv-ratas-fullscreen .filter-bar::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div,
  body.pv-body.pv-ratas-fullscreen #filter-bar > div,
  body.pv-body.pv-ratas-fullscreen .filter-bar > div{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    border-top:0 !important;
    padding-top:8px !important;
  }

  /* Marcos: nada de filtro estático; el filter lo anima frames.css. */
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-img:not([hidden]),
  body.pv-body .rat-avatar-wrap[data-frame-file] .frame-img:not([hidden]),
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap .frame-img:not([hidden]),
  body.pv-body.pv-ratas-fullscreen .rat-avatar-wrap[data-frame-file] .frame-img:not([hidden]){
    display:block !important;
    width:176% !important;
    height:176% !important;
    transform:translate(-50%,-50%) !important;
    animation:pv-frame-aura-breathe 2.85s linear infinite !important;
    transform-origin:center center !important;
    will-change:filter,opacity !important;
  }
  body.pv-body #frame-ladrona{animation-delay:-.15s !important;}
  body.pv-body #frame-malvada{animation-delay:-.85s !important;}
  body.pv-body #frame-corrupta{animation-delay:-1.45s !important;}
  body.pv-body #frame-caotica{animation-delay:-2.05s !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap.frame-owner .frame-css.owner,
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-css.owner,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap.frame-owner .frame-css.owner,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap .frame-css.owner{
    animation:pv-frame-owner-css-breathe 3.15s linear infinite !important;
    will-change:box-shadow !important;
  }

  /* Stats: misma zona, pero etiqueta y número juntos. */
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    grid-template-columns:40px minmax(0,1fr) 104px !important;
    overflow:visible !important;
  }
  body.pv-body #rat-ladrona .rat-stats-vert,
  body.pv-body #rat-malvada .rat-stats-vert,
  body.pv-body #rat-corrupta .rat-stats-vert,
  body.pv-body #rat-caotica .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-stats-vert{
    width:104px !important;
    min-width:104px !important;
    max-width:104px !important;
    justify-self:start !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-self:start !important;
    justify-items:end !important;
    overflow:visible !important;
    transform:translateX(-30px) !important;
    gap:0 !important;
    padding:0 !important;
  }
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    width:104px !important;
    max-width:104px !important;
    height:6.8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:2px !important;
    overflow:visible !important;
    padding:0 !important;
  }
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    flex:0 0 auto !important;
    min-width:0 !important;
    max-width:none !important;
    font-size:5.25px !important;
    line-height:1 !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{
    flex:0 0 auto !important;
    display:inline-block !important;
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    font-size:6.15px !important;
    line-height:1 !important;
    text-align:left !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* Especiales móviles: tamaño fijo, más separación y sin mezcla con fullscreen. */
  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    grid-template-columns:68px minmax(0,1fr) !important;
    grid-template-rows:38px 25px minmax(0,1fr) 12px !important;
    padding:3px 4px 4px !important;
    overflow:hidden !important;
  }
  body.pv-body #rat-ladrona .rat-banbar,
  body.pv-body #rat-corrupta .rat-banbar.triple,
  body.pv-body #rat-caotica .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-banbar,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-banbar.triple{
    grid-column:1 !important;
    grid-row:2 / 5 !important;
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    height:auto !important;
    min-height:0 !important;
    justify-self:start !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-template-rows:repeat(3,var(--rm-special)) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:8px !important;
    place-items:center !important;
    justify-content:center !important;
    align-content:start !important;
    margin:10px 0 0 8px !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada{
    grid-column:1 !important;
    grid-row:2 / 5 !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    height:auto !important;
    min-height:0 !important;
    justify-self:start !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:repeat(2,var(--rm-special)) !important;
    grid-template-rows:repeat(4,var(--rm-special)) !important;
    gap:8px !important;
    place-items:center !important;
    justify-content:start !important;
    align-content:start !important;
    margin:10px 0 0 8px !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada > #safe-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada > #safe-malvada{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada > #stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada > #stellar-malvada{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada > #extra-stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada > #extra-stellar-malvada{grid-column:1 !important;grid-row:3 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada{
    grid-column:1 / span 2 !important;
    grid-row:4 !important;
    display:grid !important;
    grid-template-columns:repeat(2,var(--rm-special)) !important;
    grid-template-rows:var(--rm-special) !important;
    gap:8px !important;
    width:64px !important;
    height:var(--rm-special) !important;
    min-width:64px !important;
    min-height:var(--rm-special) !important;
    padding:0 !important;
    margin:0 !important;
    place-items:center !important;
    overflow:visible !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot:nth-child(1),
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot:nth-child(1){grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot:nth-child(2),
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot:nth-child(2){grid-column:2 !important;grid-row:1 !important;}

  body.pv-body #rat-ladrona .rat-banbar .safe-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .safe-slot,
  body.pv-body #rat-corrupta .rat-banbar.triple .safe-slot,
  body.pv-body #rat-caotica .rat-banbar.triple .safe-slot,
  body.pv-body #rat-ladrona .rat-banbar .stellar-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .stellar-slot,
  body.pv-body #rat-corrupta .rat-banbar.triple .stellar-slot,
  body.pv-body #rat-caotica .rat-banbar.triple .stellar-slot,
  body.pv-body #rat-ladrona .rat-banbar .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .secondary-slot,
  body.pv-body #rat-corrupta .rat-banbar.triple .secondary-slot,
  body.pv-body #rat-caotica .rat-banbar.triple .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-banbar .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-banbar.triple .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-banbar.triple .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-banbar .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-banbar.triple .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-banbar.triple .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-banbar .secondary-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .secondary-slot,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-banbar.triple .secondary-slot,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-banbar.triple .secondary-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot{
    position:relative !important;
    display:block !important;
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    aspect-ratio:1/1 !important;
    border-radius:8px !important;
    overflow:visible !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    background:rgba(5,4,10,.70) !important;
    border:1px solid rgba(255,255,255,.17) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 4px 10px rgba(0,0,0,.25) !important;
  }
  body.pv-body .rat-banbar .safe-slot img,
  body.pv-body .rat-banbar .stellar-slot img,
  body.pv-body .rat-banbar .secondary-slot img,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot img,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot img,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot img,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot img,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:8px !important;
  }

  body.pv-body .rat-banbar .masked-mark,
  body.pv-body .rat-banbar .hidden-eye-mark,
  body.pv-body .rat-banbar .masked-x,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .masked-mark,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .hidden-eye-mark,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .masked-x{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    font-size:0 !important;
    line-height:0 !important;
    pointer-events:none !important;
  }

  body.pv-body .rat-banbar .safe-slot::before,
  body.pv-body .rat-banbar .stellar-slot::before,
  body.pv-body .rat-banbar .secondary-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{
    content:none !important;
    display:none !important;
  }
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after{
    content:"☠️" !important;
    position:absolute !important;
    left:50% !important;
    top:-12px !important;
    transform:translateX(-50%) !important;
    width:16px !important;
    height:16px !important;
    display:grid !important;
    place-items:center !important;
    font-size:13px !important;
    line-height:1 !important;
    z-index:8 !important;
    text-shadow:0 0 8px rgba(255,255,255,.34),0 2px 8px rgba(0,0,0,.80) !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    top:-12px !important;
    transform:translateX(-50%) !important;
    width:16px !important;
    height:16px !important;
    display:grid !important;
    place-items:center !important;
    font-size:13px !important;
    line-height:1 !important;
    z-index:8 !important;
    text-shadow:0 0 8px rgba(255,255,255,.34),0 2px 8px rgba(0,0,0,.80) !important;
  }
  body.pv-body .rat-banbar .stellar-slot:not(.has-crown)::after,
  body.pv-body .rat-banbar .secondary-slot:not(.has-crown)::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot:not(.has-crown)::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot:not(.has-crown)::after{
    content:"⭐" !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    display:grid !important;
    place-items:center !important;
    font-size:16px !important;
    line-height:1 !important;
    z-index:8 !important;
    color:#ffe36b !important;
    text-shadow:0 0 9px rgba(255,220,90,.34),0 2px 8px rgba(0,0,0,.78) !important;
    transform:none !important;
    filter:none !important;
  }
  body.pv-body .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body .rat-banbar .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown::after{
    content:"👑" !important;
    position:absolute !important;
    left:50% !important;
    top:-14px !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    width:18px !important;
    height:18px !important;
    display:grid !important;
    place-items:center !important;
    font-size:14px !important;
    line-height:1 !important;
    z-index:9 !important;
    color:#ffe487 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    text-shadow:0 0 9px rgba(255,220,90,.42),0 2px 8px rgba(0,0,0,.78) !important;
  }
  body.pv-body .rat-banbar .stellar-slot.has-crown,
  body.pv-body .rat-banbar .secondary-slot.has-crown,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown{
    animation:stellarGlow 1.2s ease-in-out infinite !important;
  }

  /* Picks/BANS iguales en normal y fullscreen: no se agranda PICKS ni las casillas. */
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-column:2 !important;
    grid-row:3 !important;
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:6px !important;
    row-gap:5px !important;
    padding:0 0 1px 27px !important;
    margin:0 auto !important;
    align-self:end !important;
    justify-self:center !important;
    width:max-content !important;
    max-width:100% !important;
    position:relative !important;
    transform:none !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:0 !important;
    width:25px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    font-size:6.8px !important;
    line-height:1 !important;
  }
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    border-radius:7px !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title,
  body.pv-body.pv-ratas-fullscreen .rat-minirow .mini-title,
  body.pv-body.pv-ratas-fullscreen .mini-title{
    font-size:7px !important;
    line-height:1 !important;
  }
}


/* RATAS MOBILE - FROM No toca stats ni pulso de marcos ya arreglados en . - Elimina solo la línea del bloque de filtros/armas y restaura Extra Bans. - Sube y amplía el action area usando el hueco superior real. - Eliminaciones de Malvada al dock derecho del action area en móvil. - Casillas de picks/bans/especiales escalan con teléfonos landscape más grandes. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-pick:clamp(32px,3.88vw,38px) !important;
    --rm-mini:clamp(23px,2.9vw,28px) !important;
    --rm-special:clamp(28px,3.45vw,34px) !important;
    --rm-char:clamp(41px,4.85vw,48px) !important;
  }

  /* Action / center: ocupar también el hueco superior sin cortar el texto. */
  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    transform:translateY(calc(-1 * var(--rm-topbar) - 5px)) !important;
    height:calc(100% + var(--rm-topbar) + 5px) !important;
    overflow:visible !important;
  }
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    grid-template-rows:64px 36px 74px minmax(0,1fr) 21px !important;
    overflow:visible !important;
  }
  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    position:relative !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:7px 45px 4px 8px !important;
    overflow:visible !important;
    justify-content:flex-start !important;
    border-bottom:1px solid rgba(255,255,255,.055) !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    min-height:25px !important;
    max-height:none !important;
    padding:2px 4px 0 !important;
    line-height:1.38 !important;
    font-size:9px !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{
    display:inline !important;
    font-weight:1000 !important;
    color:#ffe36b !important;
    white-space:nowrap !important;
    text-shadow:0 0 8px rgba(255,220,90,.28),0 1px 3px rgba(0,0,0,.7) !important;
  }

  /* Extra Bans: conservar su divisoria; filtros: quitar solo la línea de armas/filtros. */
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    border-bottom:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 1px 0 rgba(255,255,255,.025) !important;
  }
  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div,
  body.pv-body.pv-ratas-fullscreen #filter-bar > div,
  body.pv-body.pv-ratas-fullscreen .filter-bar > div{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    border-top:0 !important;
  }

  /* Dock móvil de las eliminaciones de Malvada: sale del área de la rata y va al lado derecho del action. */
  body.pv-body #malvada-mobile-elims-dock,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock{
    position:absolute !important;
    right:7px !important;
    top:9px !important;
    width:calc((var(--rm-special) * 2) + 7px) !important;
    height:var(--rm-special) !important;
    display:grid !important;
    place-items:center !important;
    z-index:42 !important;
    pointer-events:none !important;
    overflow:visible !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada{
    display:grid !important;
    grid-template-columns:repeat(2,var(--rm-special)) !important;
    grid-template-rows:var(--rm-special) !important;
    gap:7px !important;
    width:calc((var(--rm-special) * 2) + 7px) !important;
    height:var(--rm-special) !important;
    min-width:calc((var(--rm-special) * 2) + 7px) !important;
    min-height:var(--rm-special) !important;
    margin:0 !important;
    padding:0 !important;
    place-items:center !important;
    overflow:visible !important;
  }

  /* Malvada vuelve a una columna especial; el espacio ganado deja BANS/PICKS centrados. */
  body.pv-body #rat-malvada .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    grid-template-columns:var(--rm-special) !important;
    grid-template-rows:repeat(3,var(--rm-special)) !important;
    gap:9px !important;
    margin:13px 0 0 8px !important;
    justify-content:center !important;
    align-content:start !important;
  }
  body.pv-body #rat-ladrona .rat-banbar,
  body.pv-body #rat-corrupta .rat-banbar.triple,
  body.pv-body #rat-caotica .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-banbar,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-banbar.triple{
    gap:9px !important;
    margin:13px 0 0 8px !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada > #safe-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada > #safe-malvada{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada > #stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada > #stellar-malvada{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada > #extra-stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada > #extra-stellar-malvada{grid-column:1 !important;grid-row:3 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada > #elims-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada > #elims-malvada{
    display:none !important;
  }

  /* BANS/PICKS: centrados, abajo, y con tamaño responsivo por espacio disponible. */
  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    grid-template-columns:68px minmax(0,1fr) !important;
    grid-template-rows:38px 27px minmax(0,1fr) 8px !important;
  }
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    grid-column:2 !important;
    grid-row:2 !important;
    height:27px !important;
    min-height:27px !important;
    grid-template-columns:27px max-content !important;
    justify-content:center !important;
    align-self:end !important;
  }
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:4px !important;
  }
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
  }
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-column:2 !important;
    grid-row:3 !important;
    padding:0 0 0 clamp(18px,2.7vw,25px) !important;
    column-gap:clamp(4px,.72vw,6px) !important;
    row-gap:clamp(4px,.7vw,6px) !important;
    align-self:end !important;
    justify-self:center !important;
    transform:translateY(2px) !important;
    margin:0 auto !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:0 !important;
    width:clamp(18px,2.55vw,25px) !important;
    text-align:center !important;
  }
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
  }

  /* Iconos de especiales centrados; corona más chica y montada sobre el PJ. */
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after{
    left:50% !important;
    right:auto !important;
    top:-11px !important;
    transform:translateX(-50%) !important;
    width:15px !important;
    height:15px !important;
    font-size:12px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    top:-9px !important;
    transform:translateX(-50%) !important;
    width:13px !important;
    height:13px !important;
    display:grid !important;
    place-items:center !important;
    font-size:10px !important;
    line-height:1 !important;
    z-index:8 !important;
    text-shadow:0 0 7px rgba(255,255,255,.28),0 2px 7px rgba(0,0,0,.8) !important;
  }
  body.pv-body .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body .rat-banbar .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown::after{
    left:50% !important;
    right:auto !important;
    top:-7px !important;
    transform:translateX(-50%) !important;
    width:14px !important;
    height:14px !important;
    font-size:11px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    z-index:10 !important;
  }
  body.pv-body .rat-banbar .stellar-slot:not(.has-crown)::after,
  body.pv-body .rat-banbar .secondary-slot:not(.has-crown)::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot:not(.has-crown)::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot:not(.has-crown)::after{
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    transform:none !important;
  }
  body.pv-body .rat-banbar .stellar-slot.has-crown,
  body.pv-body .rat-banbar .secondary-slot.has-crown,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown{
    animation:pvRatasMobileStellarSlotGlow 1.35s ease-in-out infinite !important;
  }
  @keyframes pvRatasMobileStellarSlotGlow{
    0%,100%{filter:drop-shadow(0 0 3px rgba(255,215,80,.18)) brightness(1)}
    50%{filter:drop-shadow(0 0 9px rgba(255,221,95,.38)) brightness(1.08)}
  }

  /* Liga: icono y texto centrados/legibles, sin cortar Lp cuando el nombre es largo. */
  body.pv-body .rat-rank,
  body.pv-body.pv-ratas-fullscreen .rat-rank{
    display:flex !important;
    align-items:center !important;
    gap:2px !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{
    display:grid !important;
    place-items:center !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    flex:0 0 10px !important;
    overflow:visible !important;
  }
  body.pv-body .rat-rank .rank-logo img,
  body.pv-body .rat-rank .rank-logo svg,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo img,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo svg{
    display:block !important;
    margin:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }
  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{
    width:auto !important;
    min-width:0 !important;
    max-width:120px !important;
    padding:1px 3px !important;
    font-size:clamp(5px,.68vw,5.8px) !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    transform-origin:left center !important;
  }

  /* Trailer más legible sin tocar fondos elementales de personajes. */
  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    background:linear-gradient(180deg, rgba(15,10,24,.52), rgba(7,5,13,.44)) !important;
  }
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    background:linear-gradient(180deg, rgba(10,7,18,.54), rgba(5,4,10,.42)) !important;
  }
  body.pv-body .pick-slot,
  body.pv-body .mini-slot,
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot{
    background-color:rgba(5,4,10,.68) !important;
  }

  /* Pick en móvil: rebote calmado como PC, no rápido/exagerado. */
  body.pv-body .pick-slot.swinging > img,
  body.pv-body .pick-slot.swinging > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > .pick-char-img{
    animation:pickFade .35s ease-out forwards, pvRatasMobilePickFloat 4.6s ease-in-out infinite .35s !important;
    will-change:transform !important;
  }
  @keyframes pvRatasMobilePickFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-1.5px)}
  }
}

/* RATAS MOBILE - AJUSTES PUNTUALES SOBRE. */

/* Liga en sin brillo/giro rk-sheen y sin pseudo-glow heredado de draft.css. */
body.pv-body .rat-rank,
body.pv-body.pv-ratas-fullscreen .rat-rank{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:2px !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
}
body.pv-body .rat-rank .rank-logo,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{
  display:grid !important;
  place-items:center !important;
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  flex:0 0 10px !important;
  overflow:visible !important;
  transform:none !important;
}
body.pv-body .rat-rank .rank-logo img,
body.pv-body .rat-rank .rank-logo svg,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo img,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo svg{
  display:block !important;
  margin:auto !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}
body.pv-body .rat-rank .rank-badge,
body.pv-body .rat-rank .rank-badge[data-league],
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge[data-league]{
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  padding:1px 4px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  animation:none !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  box-shadow:0 1px 4px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.08) !important;
}
body.pv-body .rat-rank .rank-badge::before,
body.pv-body .rat-rank .rank-badge::after,
body.pv-body .rat-rank .rank-badge[data-league]::before,
body.pv-body .rat-rank .rank-badge[data-league]::after,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge::before,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge::after,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge[data-league]::before,
body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge[data-league]::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  animation:none !important;
}

@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-pick:clamp(34px,4.12vw,40px) !important;
    --rm-mini:clamp(24px,3.05vw,30px) !important;
    --rm-special:clamp(29px,3.58vw,35px) !important;
    --rm-elim:clamp(32px,3.9vw,38px) !important;
  }

  /* Ronda debajo del texto principal del action area, como en PC. */
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    display:block !important;
    text-align:center !important;
    line-height:1.24 !important;
    min-height:31px !important;
    padding-top:2px !important;
    overflow:visible !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{
    display:block !important;
    width:100% !important;
    margin:1px auto 0 !important;
    padding:0 !important;
    text-align:center !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    color:#ffe36b !important;
    letter-spacing:.04em !important;
    white-space:nowrap !important;
    text-shadow:0 0 8px rgba(255,220,90,.28),0 1px 3px rgba(0,0,0,.72) !important;
  }

  /* Líneas internas del grid central: control en. */
  /* Eliminaciones de Malvada en action area: casillas más grandes, calavera más pequeña. */
  body.pv-body #malvada-mobile-elims-dock,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock{
    right:7px !important;
    top:8px !important;
    width:calc((var(--rm-elim) * 2) + 8px) !important;
    height:var(--rm-elim) !important;
    overflow:visible !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada{
    grid-template-columns:repeat(2,var(--rm-elim)) !important;
    grid-template-rows:var(--rm-elim) !important;
    gap:8px !important;
    width:calc((var(--rm-elim) * 2) + 8px) !important;
    height:var(--rm-elim) !important;
    min-width:calc((var(--rm-elim) * 2) + 8px) !important;
    min-height:var(--rm-elim) !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    border-radius:8px !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:"💀" !important;
    left:50% !important;
    top:-10px !important;
    transform:translateX(-50%) !important;
    width:13px !important;
    height:13px !important;
    font-size:10px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
  }

  /* Coronas y calaveras iguales/centradas en todas las ratas. */
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:15px !important;
    height:15px !important;
    font-size:12px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
  }
  body.pv-body .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body .rat-banbar .secondary-slot.has-crown::after,
  body.pv-body #stellar-ladrona.has-crown::after,
  body.pv-body #extra-stellar-ladrona.has-crown::after,
  body.pv-body #stellar-malvada.has-crown::after,
  body.pv-body #extra-stellar-malvada.has-crown::after,
  body.pv-body #stellar-corrupta.has-crown::after,
  body.pv-body #extra-stellar-corrupta.has-crown::after,
  body.pv-body #stellar-caotica.has-crown::after,
  body.pv-body #extra-stellar-caotica.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown::after{
    content:"👑" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:-7px !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    min-height:14px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    font-size:11px !important;
    line-height:1 !important;
    z-index:12 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    text-shadow:0 0 8px rgba(255,220,90,.34),0 2px 7px rgba(0,0,0,.78) !important;
  }
  body.pv-body .rat-banbar .stellar-slot.has-crown .masked-mark,
  body.pv-body .rat-banbar .secondary-slot.has-crown .masked-mark,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown .masked-mark,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown .masked-mark{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }

  /* BANS/PICKS centrados y un poco más grandes para 844x390 y teléfonos más grandes. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    grid-column:2 !important;
    justify-self:center !important;
    transform:translateX(-5px) !important;
    width:max-content !important;
    max-width:calc(100% - 4px) !important;
  }
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:clamp(4px,.72vw,6px) !important;
  }
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
  }
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:clamp(5px,.82vw,7px) !important;
    row-gap:clamp(5px,.82vw,7px) !important;
    padding-left:clamp(20px,2.6vw,24px) !important;
    justify-self:center !important;
    align-self:end !important;
    transform:translateX(-5px) !important;
    margin:0 auto !important;
    max-width:calc(100% - 2px) !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:0 !important;
    width:clamp(19px,2.5vw,24px) !important;
    text-align:center !important;
  }
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
  }
}

/* RATAS MOBILE - SOLO AJUSTES SOLICITADOS. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-pick:clamp(35px,4.25vw,41px) !important;
    --rm-mini:clamp(25px,3.18vw,31px) !important;
  }

  /* Calaveras de eliminación Malvada más pequeñas y dentro del área. */
  body.pv-body #malvada-mobile-elims-dock,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock{
    top:9px !important;
    right:8px !important;
    overflow:visible !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:"💀" !important;
    left:50% !important;
    right:auto !important;
    top:-6px !important;
    transform:translateX(-50%) !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    font-size:8px !important;
    line-height:10px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    z-index:14 !important;
  }

  /* Grid central limpio en móvil: sin líneas divisorias internas entre secciones. */
  body.pv-body .center-header,
  body.pv-body .extra-bans-panel,
  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body .characters-scroll,
  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-header,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar,
  body.pv-body.pv-ratas-fullscreen .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    border-top:0 !important;
    border-bottom:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }
  body.pv-body .center-header::before,
  body.pv-body .center-header::after,
  body.pv-body .extra-bans-panel::before,
  body.pv-body .extra-bans-panel::after,
  body.pv-body #filter-bar::before,
  body.pv-body #filter-bar::after,
  body.pv-body .filter-bar::before,
  body.pv-body .filter-bar::after,
  body.pv-body .characters-scroll::before,
  body.pv-body .characters-scroll::after,
  body.pv-body .center-actions::before,
  body.pv-body .center-actions::after,
  body.pv-body #filter-bar > div::before,
  body.pv-body #filter-bar > div::after,
  body.pv-body .filter-bar > div::before,
  body.pv-body .filter-bar > div::after{
    content:none !important;
    display:none !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* Action area centrada: el dock de Malvada no desplaza el texto. */
  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    padding:6px 8px 5px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
    justify-self:center !important;
    align-self:start !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* BANS y PICKS centrados en cada rata, más grandes y un poco más abajo. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    justify-self:center !important;
    align-self:end !important;
    width:max-content !important;
    max-width:calc(100% - 6px) !important;
    grid-template-columns:28px max-content !important;
    gap:4px !important;
    transform:translateY(1px) !important;
    margin:0 auto !important;
  }
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:clamp(4px,.78vw,6px) !important;
  }
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
  }
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    justify-self:center !important;
    align-self:end !important;
    width:max-content !important;
    max-width:calc(100% - 6px) !important;
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:clamp(5px,.82vw,7px) !important;
    row-gap:clamp(5px,.82vw,7px) !important;
    padding:0 0 0 clamp(23px,2.9vw,27px) !important;
    margin:0 auto !important;
    transform:translateY(4px) !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:0 !important;
    width:clamp(22px,2.75vw,26px) !important;
    text-align:center !important;
  }
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
  }
}


/* RATAS MOBILE - AJUSTE SOLO SOLICITADO. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  :root{
    --rm-pick:clamp(37px,4.55vw,43px) !important;
    --rm-mini:clamp(26px,3.28vw,32px) !important;
  }

  /* Calaveras de eliminación Malvada: corregir el pseudo real (::before) y quitar duplicado. */
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:-5px !important;
    transform:translateX(-50%) scale(.72) !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    max-width:10px !important;
    max-height:10px !important;
    font-size:8px !important;
    line-height:10px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    z-index:18 !important;
    pointer-events:none !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:none !important;
    display:none !important;
  }

  /* En móvil no mostrar textos BANS/PICKS. */
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title,
  body.pv-body.pv-ratas-fullscreen .rat-minirow .mini-title,
  body.pv-body.pv-ratas-fullscreen .mini-title{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    content:none !important;
    display:none !important;
  }

  /* BANS/PICKS sin columna de texto: un poco a la derecha, picks más abajo y más grandes. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    grid-template-columns:max-content !important;
    grid-column:1 / -1 !important;
    justify-self:center !important;
    align-self:end !important;
    width:max-content !important;
    max-width:calc(100% - 4px) !important;
    padding:0 !important;
    gap:0 !important;
    margin:0 auto !important;
    transform:translate(4px,1px) !important;
  }
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:clamp(5px,.82vw,7px) !important;
  }
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
  }
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    justify-self:center !important;
    align-self:end !important;
    width:max-content !important;
    max-width:calc(100% - 4px) !important;
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:clamp(5px,.86vw,8px) !important;
    row-gap:clamp(5px,.86vw,8px) !important;
    padding:0 !important;
    margin:0 auto !important;
    transform:translate(4px,9px) !important;
  }
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
  }
}


/* RATAS MOBILE - SOLO MOVER BANS/PICKS UN POQUITO MAS A LA DERECHA. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Calaveras de eliminación Malvada: tamaño medio, no gigantes ni microscópicas. */
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:-8px !important;
    transform:translateX(-50%) scale(1) !important;
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    font-size:13px !important;
    line-height:16px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    z-index:20 !important;
    pointer-events:none !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:none !important;
    display:none !important;
  }

  /* BANS/PICKS: conservar tamaño de , pero sí mover el bloque completo a la derecha. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    transform:translate(15px,1px) !important;
  }
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    transform:translate(15px,9px) !important;
  }
}


/* RATAS MOBILE 844x390 - LOTE 11 SIN MOVER EL GRID Base: . No toca fondos elementales de picks ni fondos/capsulas de liga. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Calaveras centradas: ban seguro y eliminaciones de Malvada. */
  body.pv-body .rat-banbar .safe-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::before{
    content:none !important;
    display:none !important;
  }
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after{
    content:"☠️" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:-9px !important;
    transform:translateX(-50%) !important;
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    font-size:13px !important;
    line-height:16px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:-9px !important;
    transform:translateX(-50%) !important;
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    font-size:13px !important;
    line-height:16px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    z-index:25 !important;
    pointer-events:none !important;
  }

  /* Icono de liga centrado dentro de su capsula, sin tocar su fondo ni trailer. */
  body.pv-body .rat-rank,
  body.pv-body.pv-ratas-fullscreen .rat-rank{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:2px !important;
    overflow:visible !important;
  }
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{
    display:grid !important;
    place-items:center !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    flex:0 0 10px !important;
    border-radius:6px !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:72% 72% !important;
    transform:none !important;
    overflow:hidden !important;
  }
  body.pv-body .rat-rank .rank-logo img,
  body.pv-body .rat-rank .rank-logo svg,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo img,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo svg{
    display:block !important;
    width:72% !important;
    height:72% !important;
    margin:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  /* Con trailer/video: bajar fondo negro general, sin tocar fondos elementales ni liga. */
  body.pv-body.pv-trailer-open .center-card,
  body.pv-body.pv-trailer-hard-perf .center-card,
  body.pv-body.pv-ratas-slot-preview-open .center-card,
  body.pv-body.pv-perf-video .center-card,
  body.pv-body.pv-trailer-open .rat-slot,
  body.pv-body.pv-trailer-hard-perf .rat-slot,
  body.pv-body.pv-ratas-slot-preview-open .rat-slot,
  body.pv-body.pv-perf-video .rat-slot{
    background:linear-gradient(180deg, rgba(12,8,20,.30), rgba(5,4,10,.18)) !important;
  }
  body.pv-body.pv-trailer-open #filter-bar,
  body.pv-body.pv-trailer-hard-perf #filter-bar,
  body.pv-body.pv-ratas-slot-preview-open #filter-bar,
  body.pv-body.pv-perf-video #filter-bar,
  body.pv-body.pv-trailer-open .characters-scroll,
  body.pv-body.pv-trailer-hard-perf .characters-scroll,
  body.pv-body.pv-ratas-slot-preview-open .characters-scroll,
  body.pv-body.pv-perf-video .characters-scroll{
    background:rgba(5,4,10,.18) !important;
  }
  body.pv-body.pv-trailer-open .pick-slot.empty,
  body.pv-body.pv-trailer-hard-perf .pick-slot.empty,
  body.pv-body.pv-ratas-slot-preview-open .pick-slot.empty,
  body.pv-body.pv-perf-video .pick-slot.empty,
  body.pv-body.pv-trailer-open .mini-slot,
  body.pv-body.pv-trailer-hard-perf .mini-slot,
  body.pv-body.pv-ratas-slot-preview-open .mini-slot,
  body.pv-body.pv-perf-video .mini-slot,
  body.pv-body.pv-trailer-open .safe-slot,
  body.pv-body.pv-trailer-hard-perf .safe-slot,
  body.pv-body.pv-ratas-slot-preview-open .safe-slot,
  body.pv-body.pv-perf-video .safe-slot,
  body.pv-body.pv-trailer-open .stellar-slot,
  body.pv-body.pv-trailer-hard-perf .stellar-slot,
  body.pv-body.pv-ratas-slot-preview-open .stellar-slot,
  body.pv-body.pv-perf-video .stellar-slot,
  body.pv-body.pv-trailer-open .secondary-slot,
  body.pv-body.pv-trailer-hard-perf .secondary-slot,
  body.pv-body.pv-ratas-slot-preview-open .secondary-slot,
  body.pv-body.pv-perf-video .secondary-slot{
    background-color:rgba(5,4,10,.32) !important;
  }

  /* Action area inferior superpuesto: más alto y clickeable, sin empujar grid/extra bans hacia arriba. */
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    position:relative !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    position:absolute !important;
    left:4px !important;
    right:4px !important;
    bottom:3px !important;
    top:auto !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:3px 5px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    z-index:96 !important;
    pointer-events:auto !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(5,4,10,.10), rgba(5,4,10,.34)) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    scrollbar-width:none !important;
  }
  body.pv-body .center-actions::-webkit-scrollbar{display:none !important;}
  body.pv-body .center-actions[style*="display: none"],
  body.pv-body.pv-ratas-fullscreen .center-actions[style*="display: none"]{
    display:none !important;
    pointer-events:none !important;
  }
  body.pv-body .action-area,
  body.pv-body .action-wrap,
  body.pv-body.pv-ratas-fullscreen .action-area,
  body.pv-body.pv-ratas-fullscreen .action-wrap{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    max-height:44px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    text-align:center !important;
    scrollbar-width:none !important;
  }
  body.pv-body .action-area::-webkit-scrollbar{display:none !important;}
  body.pv-body .action-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
  }
  body.pv-body .action-area .action-sub{
    max-width:100% !important;
    margin:0 auto !important;
    font-size:7.8px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.pv-body .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .action-btnrow{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    row-gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 auto !important;
    overflow:visible !important;
  }
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .decision-btn{
    min-height:22px !important;
    height:auto !important;
    min-width:0 !important;
    max-width:108px !important;
    padding:4px 7px !important;
    font-size:7px !important;
    line-height:1.05 !important;
    border-radius:8px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Y 6) Badges dentro de picks: constelacion pequeña y R1 movil igual a constelacion. */
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge,
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    position:absolute !important;
    display:grid !important;
    place-items:center !important;
    width:auto !important;
    min-width:12px !important;
    max-width:24px !important;
    height:9px !important;
    min-height:9px !important;
    max-height:9px !important;
    padding:0 2px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.72) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 2px 6px rgba(0,0,0,.35) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:5.9px !important;
    line-height:9px !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.72) !important;
    z-index:30 !important;
    pointer-events:none !important;
    transform:none !important;
    filter:none !important;
    object-fit:initial !important;
  }
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    top:3px !important;
    left:3px !important;
    right:auto !important;
    bottom:auto !important;
  }
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    left:auto !important;
    top:auto !important;
    right:3px !important;
    bottom:3px !important;
  }

  /* ? de slot activo mas pequeño. */
  body.pv-body .pick-slot.pv-ratas-pick-target.empty:not(.finalized):not(.filled)::after,
  body.pv-body.pv-ratas-fullscreen .pick-slot.pv-ratas-pick-target.empty:not(.finalized):not(.filled)::after{
    font-size:clamp(20px, 56%, 28px) !important;
    line-height:1 !important;
    padding:0 !important;
    transform:none !important;
    filter:drop-shadow(0 0 6px color-mix(in srgb, var(--pv-rat-target, #ffffff) 32%, transparent)) !important;
  }

  /* Animacion del slot activo en borde cuadrado, no circulo. */
  body.pv-body:not(.pv-perf-video):not(.pv-trailer-open):not(.pv-ratas-slot-preview-open) .pick-slot.pv-ratas-pick-target.empty:not(.finalized):not(.filled)::before,
  body.pv-body.pv-ratas-fullscreen:not(.pv-perf-video):not(.pv-trailer-open):not(.pv-ratas-slot-preview-open) .pick-slot.pv-ratas-pick-target.empty:not(.finalized):not(.filled)::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    padding:2px !important;
    border-radius:inherit !important;
    box-sizing:border-box !important;
    z-index:23 !important;
    pointer-events:none !important;
    background:conic-gradient(from var(--pv-ratas-snake-angle), transparent 0deg, transparent 210deg, rgba(var(--pv-rat-target-rgb,255,255,255),.12) 238deg, rgba(var(--pv-rat-target-rgb,255,255,255),.68) 302deg, #fff 344deg, transparent 360deg) !important;
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
            mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    -webkit-mask-composite:xor !important;
            mask-composite:exclude !important;
    filter:drop-shadow(0 0 5px rgba(var(--pv-rat-target-rgb,255,255,255),.72)) !important;
    animation:pvRatasPickSnakeBorder 1.8s linear infinite !important;
  }

  /* Carriles THE BEST / TOP visibles en móvil como en draft normal. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    display:grid !important;
    width:150px !important;
    max-width:150px !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:2147483647 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner{
    transform-origin:center center !important;
  }

  /* Textos informativos centrales mas compactos sin cortar contenido. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round{
    width:auto !important;
    min-width:0 !important;
    max-width:min(42vw, 340px) !important;
    padding:5px 8px !important;
    border-radius:11px !important;
    font-size:8.7px !important;
    line-height:1.13 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
  }
}

/* RATAS (30) MOBILE - 12 AJUSTES PUNTUALES 844x390 Solo afecta móvil landscape; PC queda intacto. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Calaveras encima de bans seguros y eliminaciones, centradas arriba. */
  body.pv-body .rat-banbar .safe-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::before,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
    font-size:14px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:.98 !important;
    z-index:28 !important;
    pointer-events:none !important;
  }
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after{content:"☠️" !important;}
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{content:"💀" !important;}
  body.pv-body .rat-banbar .safe-slot.filled::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot.filled::after{
    opacity:.30 !important;
    font-size:12px !important;
  }

  /* Logo de liga centrado en su propia capsula, ya sea background-image o img/svg. */
  body.pv-body .rat-rank,
  body.pv-body.pv-ratas-fullscreen .rat-rank{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:2px !important;
    line-height:1 !important;
    overflow:visible !important;
  }
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{
    position:relative !important;
    display:grid !important;
    place-items:center !important;
    box-sizing:border-box !important;
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    min-height:12px !important;
    max-width:12px !important;
    max-height:12px !important;
    flex:0 0 12px !important;
    padding:1px !important;
    border-radius:6px !important;
    background-origin:content-box !important;
    background-clip:border-box !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-size:8px 8px !important;
    overflow:hidden !important;
    transform:none !important;
    line-height:0 !important;
  }
  body.pv-body .rat-rank .rank-logo img,
  body.pv-body .rat-rank .rank-logo svg,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo img,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo svg{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:8px !important;
    height:8px !important;
    max-width:8px !important;
    max-height:8px !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  /* Trailer/fondo más visible a través del centro y casillas vacías, sin tocar fondos elementales llenos. */
  body.pv-body.pv-trailer-open .center-card,
  body.pv-body.pv-trailer-hard-perf .center-card,
  body.pv-body.pv-ratas-slot-preview-open .center-card,
  body.pv-body.pv-perf-video .center-card,
  body.pv-body.pv-trailer-open .rat-slot,
  body.pv-body.pv-trailer-hard-perf .rat-slot,
  body.pv-body.pv-ratas-slot-preview-open .rat-slot,
  body.pv-body.pv-perf-video .rat-slot{
    background:linear-gradient(180deg, rgba(12,8,20,.18), rgba(5,4,10,.08)) !important;
  }
  body.pv-body.pv-trailer-open #filter-bar,
  body.pv-body.pv-trailer-open .filter-bar,
  body.pv-body.pv-trailer-hard-perf #filter-bar,
  body.pv-body.pv-trailer-hard-perf .filter-bar,
  body.pv-body.pv-ratas-slot-preview-open #filter-bar,
  body.pv-body.pv-ratas-slot-preview-open .filter-bar,
  body.pv-body.pv-perf-video #filter-bar,
  body.pv-body.pv-perf-video .filter-bar,
  body.pv-body.pv-trailer-open .characters-scroll,
  body.pv-body.pv-trailer-hard-perf .characters-scroll,
  body.pv-body.pv-ratas-slot-preview-open .characters-scroll,
  body.pv-body.pv-perf-video .characters-scroll{
    background:rgba(5,4,10,.08) !important;
  }
  body.pv-body.pv-trailer-open .character,
  body.pv-body.pv-trailer-hard-perf .character,
  body.pv-body.pv-ratas-slot-preview-open .character,
  body.pv-body.pv-perf-video .character{
    background:rgba(5,4,10,.14) !important;
  }
  body.pv-body.pv-trailer-open .pick-slot.empty,
  body.pv-body.pv-trailer-hard-perf .pick-slot.empty,
  body.pv-body.pv-ratas-slot-preview-open .pick-slot.empty,
  body.pv-body.pv-perf-video .pick-slot.empty,
  body.pv-body.pv-trailer-open .mini-slot:not(.filled),
  body.pv-body.pv-trailer-hard-perf .mini-slot:not(.filled),
  body.pv-body.pv-ratas-slot-preview-open .mini-slot:not(.filled),
  body.pv-body.pv-perf-video .mini-slot:not(.filled),
  body.pv-body.pv-trailer-open .safe-slot:not(.filled),
  body.pv-body.pv-trailer-hard-perf .safe-slot:not(.filled),
  body.pv-body.pv-ratas-slot-preview-open .safe-slot:not(.filled),
  body.pv-body.pv-perf-video .safe-slot:not(.filled),
  body.pv-body.pv-trailer-open .stellar-slot:not(.filled):not(.has-crown),
  body.pv-body.pv-trailer-hard-perf .stellar-slot:not(.filled):not(.has-crown),
  body.pv-body.pv-ratas-slot-preview-open .stellar-slot:not(.filled):not(.has-crown),
  body.pv-body.pv-perf-video .stellar-slot:not(.filled):not(.has-crown),
  body.pv-body.pv-trailer-open .secondary-slot:not(.filled):not(.has-crown),
  body.pv-body.pv-trailer-hard-perf .secondary-slot:not(.filled):not(.has-crown),
  body.pv-body.pv-ratas-slot-preview-open .secondary-slot:not(.filled):not(.has-crown),
  body.pv-body.pv-perf-video .secondary-slot:not(.filled):not(.has-crown){
    background-color:rgba(5,4,10,.20) !important;
  }

  /* Y 7) Action area inferior como zona exclusiva: compacta, clickeable y tapa el grid debajo. */
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    position:relative !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    position:absolute !important;
    left:5px !important;
    right:5px !important;
    bottom:4px !important;
    top:auto !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    box-sizing:border-box !important;
    padding:4px 6px !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    overflow:hidden !important;
    z-index:140 !important;
    pointer-events:auto !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    border-radius:11px 11px 8px 8px !important;
    background:linear-gradient(180deg, rgba(9,6,16,.86), rgba(5,4,10,.94)) !important;
    box-shadow:0 -10px 22px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:none !important;
    scrollbar-width:none !important;
  }
  body.pv-body .center-actions::-webkit-scrollbar{display:none !important;}
  body.pv-body .action-area,
  body.pv-body .action-wrap,
  body.pv-body.pv-ratas-fullscreen .action-area,
  body.pv-body.pv-ratas-fullscreen .action-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:58px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
    text-align:center !important;
    scrollbar-width:none !important;
  }
  body.pv-body .action-area::-webkit-scrollbar{display:none !important;}
  body.pv-body .action-wrap,
  body.pv-body.pv-ratas-fullscreen .action-wrap{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
  }
  body.pv-body .action-area .action-sub,
  body.pv-body .action-area .waiting-role-line,
  body.pv-body.pv-ratas-fullscreen .action-area .action-sub,
  body.pv-body.pv-ratas-fullscreen .action-area .waiting-role-line{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    font-size:7.1px !important;
    line-height:1.06 !important;
    letter-spacing:.01em !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-wrap:balance !important;
  }
  body.pv-body .protect-state-row,
  body.pv-body.pv-ratas-fullscreen .protect-state-row{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:2px !important;
    flex-wrap:wrap !important;
    margin:1px auto 0 !important;
    max-width:100% !important;
  }
  body.pv-body .protect-chip,
  body.pv-body.pv-ratas-fullscreen .protect-chip{
    padding:2px 4px !important;
    min-height:12px !important;
    border-radius:999px !important;
    font-size:5.8px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }
  body.pv-body .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .action-btnrow{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows:minmax(20px, auto) !important;
    align-items:center !important;
    justify-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    width:min(100%, 224px) !important;
    max-width:224px !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .action-btnrow .ready-btn,
  body.pv-body .action-btnrow .undo-btn,
  body.pv-body .action-btnrow .finalize-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .decision-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .ready-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .undo-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .finalize-btn{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:108px !important;
    height:auto !important;
    min-height:20px !important;
    max-height:30px !important;
    padding:3px 4px !important;
    margin:0 !important;
    border-radius:8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:6.6px !important;
    line-height:1.02 !important;
    letter-spacing:.01em !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    transform:none !important;
  }
  body.pv-body .action-btnrow .big-choice:only-child,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .big-choice:only-child{
    grid-column:1 / -1 !important;
    max-width:132px !important;
  }

  /* Y 6) Badges de pick: constelación más arriba/izquierda; arma móvil siempre texto R1. */
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge,
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    position:absolute !important;
    display:grid !important;
    place-items:center !important;
    box-sizing:border-box !important;
    width:auto !important;
    min-width:12px !important;
    max-width:25px !important;
    height:9px !important;
    min-height:9px !important;
    max-height:9px !important;
    padding:0 2px !important;
    border-radius:999px !important;
    background:rgba(0,0,0,.76) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 2px 6px rgba(0,0,0,.35) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:5.8px !important;
    line-height:9px !important;
    font-weight:1000 !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-shadow:0 1px 3px rgba(0,0,0,.72) !important;
    z-index:34 !important;
    pointer-events:none !important;
    transform:none !important;
    filter:none !important;
    object-fit:initial !important;
  }
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    top:1px !important;
    left:1px !important;
    right:auto !important;
    bottom:auto !important;
  }
  body.pv-body .pick-slot > img.pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > img.pick-weapon-badge.mobile-r1-badge{
    content:none !important;
    background-image:none !important;
  }
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    left:auto !important;
    top:auto !important;
    right:2px !important;
    bottom:2px !important;
  }

  /* Banners/toasts informativos: menos anchos, letra menor, sin cortar texto. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round{
    width:auto !important;
    min-width:0 !important;
    max-width:min(34vw, 286px) !important;
    padding:4px 7px !important;
    border-radius:10px !important;
    font-size:7.6px !important;
    line-height:1.1 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
  body.pv-body .global-toast.action-banner .toast-nowrap,
  body.pv-body .action-banner-overlay .toast-nowrap,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner .toast-nowrap,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay .toast-nowrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:.2em !important;
    max-width:100% !important;
    white-space:normal !important;
  }
  body.pv-body .global-toast.action-banner .toast-nowrap .char-inline,
  body.pv-body .action-banner-overlay .toast-nowrap .char-inline,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner .toast-nowrap .char-inline,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay .toast-nowrap .char-inline{
    display:inline-flex !important;
    max-width:22vw !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Escudo de protección móvil: pequeño y no invade la zona de ratas. */
  body.pv-body .rat-slot.protected .rat-header::after,
  body.pv-body .rat-slot.immune-turn .rat-header::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot.protected .rat-header::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot.immune-turn .rat-header::after{
    content:"🛡️" !important;
    position:absolute !important;
    left:auto !important;
    right:3px !important;
    top:2px !important;
    transform:none !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    display:grid !important;
    place-items:center !important;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
    font-size:16px !important;
    line-height:1 !important;
    color:#eaf8ff !important;
    background:rgba(5,12,22,.18) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:none !important;
    text-shadow:0 0 7px rgba(158,225,255,.34),0 2px 7px rgba(0,0,0,.72) !important;
    opacity:.92 !important;
    z-index:12 !important;
    pointer-events:none !important;
    animation:none !important;
  }

  /* Confirmar pick/ban con aire, sin linea negra y empujando solo el grid de personajes. */
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    border-top:0 !important;
    box-shadow:none !important;
    padding-top:7px !important;
  }
  body.pv-body .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap{
    position:sticky !important;
    top:0 !important;
    z-index:42 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    width:100% !important;
    min-height:34px !important;
    height:auto !important;
    box-sizing:border-box !important;
    margin:3px auto 7px !important;
    padding:2px 0 5px !important;
    background:linear-gradient(180deg, rgba(5,4,10,.58), rgba(5,4,10,0)) !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }
  body.pv-body .confirm-stick-wrap::before,
  body.pv-body .confirm-stick-wrap::after,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap::before,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .confirm-btn{
    width:auto !important;
    min-width:116px !important;
    max-width:178px !important;
    min-height:26px !important;
    height:auto !important;
    padding:6px 12px !important;
    margin:0 !important;
    border-radius:10px !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    border-top:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 5px 12px rgba(0,0,0,.28) !important;
  }
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    padding-top:1px !important;
  }

  /* THE BEST / TOP móvil: reducido y sin cortarse. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    width:118px !important;
    max-width:118px !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:2147483647 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner{
    scale:.58 !important;
    transform-origin:left center !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner{
    scale:.58 !important;
    transform-origin:right center !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner{
    width:max-content !important;
    max-width:none !important;
    min-width:0 !important;
    overflow:visible !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    max-width:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rank-elicon,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rank-elicon{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    min-height:12px !important;
  }
}

/* RATAS MOBILE 844x390 - AJUSTES PUNTUALES SOLICITADOS Solo móvil landscape. No toca PC. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Calaveras/coronas encima de la casilla, mitad fuera y mitad dentro, nunca centradas dentro. */
  body.pv-body .rat-banbar .safe-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::before,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-crown::after{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:-9px !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
    font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
    font-size:14px !important;
    line-height:18px !important;
    letter-spacing:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
    opacity:1 !important;
    z-index:36 !important;
    pointer-events:none !important;
    text-shadow:0 2px 8px rgba(0,0,0,.72) !important;
  }
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after{content:"☠️" !important;}
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{content:"💀" !important;}
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-crown::after{content:"👑" !important; font-size:15px !important;}

  /* Estelar perdido: nunca mostrar estrella/corona encima del PJ; solo X roja encima. */
  body.pv-body .stellar-slot.lost::before,
  body.pv-body .stellar-slot.lost::after,
  body.pv-body .secondary-slot.lost::before,
  body.pv-body .secondary-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost::before,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .stellar-slot.lost .masked-mark,
  body.pv-body .secondary-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-mark{display:none !important;}
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:38px !important;
    line-height:1 !important;
    color:#ff273d !important;
    -webkit-text-fill-color:#ff273d !important;
    text-shadow:0 0 14px rgba(255,0,40,.72),0 2px 10px rgba(0,0,0,.72) !important;
    z-index:50 !important;
    pointer-events:none !important;
  }

  /* Grid de selección: limpio arriba; solo baja cuando hay botón real de confirmar. */
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    background:transparent !important;
    border-top:0 !important;
    box-shadow:none !important;
    padding:3px 7px 70px !important;
    overflow-x:hidden !important;
  }
  body.pv-body .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap{
    min-height:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  body.pv-body.pv-ratas-confirm-visible .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .confirm-stick-wrap{
    height:auto !important;
    min-height:31px !important;
    margin:0 auto 4px !important;
    padding:1px 0 4px !important;
  }
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    padding-top:4px !important;
    margin-top:0 !important;
    align-content:start !important;
  }
  body.pv-body.pv-ratas-confirm-visible #characters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible #characters,
  body.pv-body.pv-ratas-confirm-visible .characters-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .characters-grid{
    padding-top:2px !important;
  }

  /* Action area: sin textos informativos largos; botones compactos y visibles. */
  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
    padding:4px 5px !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.pv-body .action-area,
  body.pv-body .action-wrap,
  body.pv-body.pv-ratas-fullscreen .action-area,
  body.pv-body.pv-ratas-fullscreen .action-wrap{
    max-height:66px !important;
    overflow:hidden !important;
  }
  body.pv-body .action-area .action-sub:not(.pv77-special-steal-note):not(.turn-note-tornado):not(.broom-copy):not(.final-id-big),
  body.pv-body.pv-ratas-fullscreen .action-area .action-sub:not(.pv77-special-steal-note):not(.turn-note-tornado):not(.broom-copy):not(.final-id-big){
    display:none !important;
  }
  body.pv-body .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .action-btnrow{
    width:min(100%, 214px) !important;
    max-width:214px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:3px !important;
    row-gap:3px !important;
  }
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .action-btnrow .ready-btn,
  body.pv-body .action-btnrow .undo-btn,
  body.pv-body .action-btnrow .finalize-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .decision-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .ready-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .undo-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .finalize-btn{
    min-height:18px !important;
    max-height:26px !important;
    padding:3px 4px !important;
    font-size:6.2px !important;
    line-height:1.02 !important;
    border-radius:7px !important;
  }
  body.pv-body.pv-mobile-malvada-action .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-actions{
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
  }
  body.pv-body.pv-mobile-malvada-action .action-area,
  body.pv-body.pv-mobile-malvada-action .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .action-area,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .action-wrap{
    max-height:72px !important;
  }

  /* Robo especial: existe, pero compacto para no tapar Cancelar Robo. */
  body.pv-body .pv77-special-steal-note,
  body.pv-body.pv-ratas-fullscreen .pv77-special-steal-note{
    display:flex !important;
    gap:1px !important;
    max-width:100% !important;
    margin:0 auto 2px !important;
    padding:3px 5px !important;
    border-radius:8px !important;
    font-size:6.1px !important;
    line-height:1.02 !important;
    box-shadow:none !important;
  }
  body.pv-body .pv77-special-steal-head,
  body.pv-body.pv-ratas-fullscreen .pv77-special-steal-head{
    font-size:6.8px !important;
    line-height:1 !important;
    letter-spacing:.25px !important;
  }
  body.pv-body .pv77-special-steal-copy,
  body.pv-body.pv-ratas-fullscreen .pv77-special-steal-copy{
    font-size:5.9px !important;
    line-height:1.04 !important;
    letter-spacing:0 !important;
  }

  /* Banners/toasts temporales: menos ancho, letra más pequeña, sin cortar nombres. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round{
    width:auto !important;
    min-width:0 !important;
    max-width:min(38vw, 318px) !important;
    padding:5px 8px !important;
    border-radius:11px !important;
    font-size:8.2px !important;
    line-height:1.12 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
  }
  body.pv-body .action-banner-overlay .toast-char,
  body.pv-body .global-toast.action-banner .toast-char,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay .toast-char,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner .toast-char{
    display:inline !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Escudo de protección: al lado derecho del nombre, más visible; no pseudo gigante flotante. */
  body.pv-body .rat-slot.protected .rat-header::after,
  body.pv-body .rat-slot.immune-turn .rat-header::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot.protected .rat-header::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot.immune-turn .rat-header::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{
    display:inline-flex !important;
    align-items:center !important;
    gap:4px !important;
    min-width:0 !important;
  }
  body.pv-body .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen .rat-name-shield{
    display:inline-grid !important;
    place-items:center !important;
    flex:0 0 auto !important;
    font-size:16px !important;
    line-height:1 !important;
    transform:translateY(-1px) !important;
    filter:drop-shadow(0 0 8px rgba(150,220,255,.38)) drop-shadow(0 2px 5px rgba(0,0,0,.55)) !important;
  }

  /* THE BEST/TOP: no pisar transform de animación del banner; el tamaño va por scale individual. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner{
    width:max-content !important;
    max-width:none !important;
    min-width:0 !important;
    overflow:visible !important;
  }
}


/* RATAS MOBILE 844x390 - AJUSTES PUNTUALES SOLICITADOS Solo móvil landscape. No toca PC. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Calaveras/coronas siempre visibles arriba de la casilla, sin volverse transparentes al seleccionar PJ. */
  body.pv-body .rat-banbar .safe-slot,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot{
    overflow:visible !important;
  }
  body.pv-body .rat-banbar .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::after,
  body.pv-body .rat-banbar .safe-slot.selected::after,
  body.pv-body .rat-banbar .safe-slot.armed::after,
  body.pv-body .rat-banbar .safe-slot.filled::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot.selected::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot.armed::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot.filled::after{
    content:"☠️" !important;
    position:absolute !important;
    left:50% !important;
    top:-9px !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    width:18px !important;
    height:18px !important;
    display:grid !important;
    place-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    color:#fff !important;
    -webkit-text-fill-color:initial !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.80)) !important;
    mix-blend-mode:normal !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    z-index:90 !important;
    pointer-events:none !important;
  }
  body.pv-body .rat-banbar .safe-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot::before{content:none !important;display:none !important;}

  /* Grid central limpio: sin paneles negros encima del trailer. El único fondo fuerte queda en action area. */
  body.pv-body .center-card,
  body.pv-body .center-header,
  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body .characters-scroll,
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body .confirm-stick-wrap,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .center-card,
  body.pv-body.pv-ratas-fullscreen .center-header,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar,
  body.pv-body.pv-ratas-fullscreen .characters-scroll,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    background:transparent !important;
    background-color:transparent !important;
    border-color:transparent !important;
    border-top:0 !important;
    border-bottom:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.pv-body .center-card::before,
  body.pv-body .center-card::after,
  body.pv-body .center-header::before,
  body.pv-body .center-header::after,
  body.pv-body #filter-bar::before,
  body.pv-body #filter-bar::after,
  body.pv-body .filter-bar::before,
  body.pv-body .filter-bar::after,
  body.pv-body .characters-scroll::before,
  body.pv-body .characters-scroll::after,
  body.pv-body .confirm-stick-wrap::before,
  body.pv-body .confirm-stick-wrap::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }
  body.pv-body .character:not(.picked-temp):not(.banned-temp),
  body.pv-body.pv-ratas-fullscreen .character:not(.picked-temp):not(.banned-temp){
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
  }
  body.pv-body .character:not(.picked-temp):not(.banned-temp)::before,
  body.pv-body.pv-ratas-fullscreen .character:not(.picked-temp):not(.banned-temp)::before{
    opacity:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    background:linear-gradient(180deg, rgba(6,5,10,.44), rgba(6,5,10,.72)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.22) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* Grid de selección un poco más abajo para que no se corten cons/X superiores. */
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding-top:7px !important;
  }
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    padding-top:7px !important;
  }
  body.pv-body.pv-ratas-confirm-visible #characters,
  body.pv-body.pv-ratas-confirm-visible .characters-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible #characters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .characters-grid{
    padding-top:5px !important;
  }

  /* Action area de Malvada: botones chicos, ordenados, y sin tapar proteger/no proteger. */
  body.pv-body.has-malvada-elim-dock .center-actions,
  body.pv-body.pv-mobile-malvada-action .center-actions,
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-actions{
    height:86px !important;
    min-height:86px !important;
    max-height:86px !important;
    padding:4px 5px !important;
    gap:3px !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    align-items:center !important;
    justify-content:center !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    transform:none !important;
    position:static !important;
    inset:auto !important;
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
  }
  body.pv-body #malvada-elim-dock .med-btn,
  body.pv-body #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn-label{
    flex:0 1 82px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:86px !important;
    min-height:20px !important;
    height:20px !important;
    max-height:22px !important;
    padding:2px 4px !important;
    border-radius:7px !important;
    font-size:6.7px !important;
    line-height:1.04 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    text-align:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    max-height:58px !important;
    overflow:hidden !important;
  }

  /* THE BEST/TOP: apenas más grande; icono elemental más pegado al texto. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    width:126px !important;
    max-width:126px !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner{
    scale:.63 !important;
    transform-origin:left center !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner{
    scale:.63 !important;
    transform-origin:right center !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line{
    display:inline-flex !important;
    align-items:center !important;
    gap:2px !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    font-size:10.8px !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rank-elicon,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rank-elicon{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    min-height:12px !important;
    margin-left:1px !important;
  }

  /* Robo especial: ocupa el ancho disponible del action bar, legible y sin tapar Cancelar. */
  body.pv-body .pv77-special-steal-note,
  body.pv-body.pv-ratas-fullscreen .pv77-special-steal-note{
    display:grid !important;
    width:calc(100% - 10px) !important;
    max-width:318px !important;
    min-width:0 !important;
    margin:0 auto 2px !important;
    padding:2px 6px !important;
    gap:1px !important;
    border-radius:7px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:center !important;
  }
  body.pv-body .pv77-special-steal-head,
  body.pv-body.pv-ratas-fullscreen .pv77-special-steal-head{
    font-size:7.6px !important;
    line-height:1 !important;
    letter-spacing:.25px !important;
  }
  body.pv-body .pv77-special-steal-copy,
  body.pv-body.pv-ratas-fullscreen .pv77-special-steal-copy{
    font-size:6.9px !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
  }

  /* Textos/toasts temporales más cortos horizontalmente, sin cortar contenido. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body .global-toast,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .global-toast{
    width:auto !important;
    min-width:0 !important;
    max-width:min(30vw, 252px) !important;
    padding:4px 7px !important;
    border-radius:10px !important;
    font-size:7.2px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
  }
  body.pv-body .action-banner-overlay .toast-nowrap,
  body.pv-body .global-toast .toast-nowrap,
  body.pv-body .action-banner-overlay .toast-char,
  body.pv-body .global-toast .toast-char,
  body.pv-body .action-banner-overlay .char-inline,
  body.pv-body .global-toast .char-inline{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Escudo de protección limpio, visible y con pulso móvil. */
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{
    overflow:visible !important;
    max-width:100% !important;
  }
  body.pv-body .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen .rat-name-shield{
    display:inline-grid !important;
    place-items:center !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    margin-left:2px !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-size:17px !important;
    line-height:1 !important;
    filter:drop-shadow(0 0 7px rgba(105,205,255,.72)) drop-shadow(0 1px 4px rgba(0,0,0,.78)) !important;
    transform-origin:center center !important;
    animation:pvRatasShieldPulseV3 1.25s ease-in-out infinite !important;
  }
  @keyframes pvRatasShieldPulseV3{
    0%,100%{transform:translateY(-1px) scale(1);}
    50%{transform:translateY(-1px) scale(1.22);}
  }

  /* Corrupta/Caótica: bajar levemente BANS y especiales para que no choquen con liga. */
  body.pv-body #rat-corrupta .rat-minirow,
  body.pv-body #rat-caotica .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-minirow{
    transform:translate(15px,5px) !important;
  }
  body.pv-body #rat-corrupta .rat-banbar,
  body.pv-body #rat-caotica .rat-banbar,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-banbar,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-banbar{
    transform:translateY(4px) !important;
  }

  /* Si una casilla estelar tiene PJ, nunca mostrar estrella/corona encima; si está perdida, X roja encima. */
  body.pv-body .stellar-slot.pv-mobile-stellar-filled::before,
  body.pv-body .stellar-slot.pv-mobile-stellar-filled::after,
  body.pv-body .secondary-slot.pv-mobile-stellar-filled::before,
  body.pv-body .secondary-slot.pv-mobile-stellar-filled::after,
  body.pv-body .stellar-slot:has(> img)::before,
  body.pv-body .stellar-slot:has(> img)::after,
  body.pv-body .secondary-slot:has(> img)::before,
  body.pv-body .secondary-slot:has(> img)::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv-mobile-stellar-filled::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv-mobile-stellar-filled::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.pv-mobile-stellar-filled::before,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.pv-mobile-stellar-filled::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .stellar-slot.lost,
  body.pv-body .secondary-slot.lost,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost{
    filter:none !important;
    opacity:1 !important;
    overflow:visible !important;
  }
  body.pv-body .stellar-slot.lost .masked-mark,
  body.pv-body .secondary-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-mark{
    display:none !important;
  }
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:33px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    color:#ff1f37 !important;
    -webkit-text-fill-color:#ff1f37 !important;
    text-shadow:0 0 13px rgba(255,0,38,.78), 0 2px 9px rgba(0,0,0,.82) !important;
    z-index:95 !important;
    pointer-events:none !important;
  }
}

@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body #filter-bar > div,
  body.pv-body #filter-bar h4,
  body.pv-body #filter-bar .filter-button,
  body.pv-body #filter-bar .filter-image,
  body.pv-body #filter-bar input,
  body.pv-body.pv-ratas-fullscreen #filter-bar > div,
  body.pv-body.pv-ratas-fullscreen #filter-bar h4,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-image,
  body.pv-body.pv-ratas-fullscreen #filter-bar input{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.pv-body #filter-bar #search-input,
  body.pv-body.pv-ratas-fullscreen #filter-bar #search-input{
    border-color:rgba(255,255,255,.16) !important;
  }
  body.pv-body #filter-bar .filter-button.active,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button.active{
    outline:1px solid rgba(255,255,255,.30) !important;
    outline-offset:-1px !important;
  }
}


/* RATAS MOBILE 844x390 - ESTABILIDAD, ACTION AREA Solo móvil landscape. No toca PC. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Extra bans visibles dentro del action area aunque el action-area normal esté vacío. */
  body.pv-body.pv-ratas-extra-bans-live-on .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-live-on .center-actions{
    display:flex !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:3px 5px !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.pv-body #extra-bans-live-status.visible,
  body.pv-body #extra-bans-live-status.pv-ratas-extra-bans-shared.visible,
  body.pv-body.pv-ratas-fullscreen #extra-bans-live-status.visible,
  body.pv-body.pv-ratas-fullscreen #extra-bans-live-status.pv-ratas-extra-bans-shared.visible{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    order:1 !important;
    overflow:hidden !important;
  }
  body.pv-body #extra-bans-live-status .extra-bans-live-pill,
  body.pv-body.pv-ratas-fullscreen #extra-bans-live-status .extra-bans-live-pill{
    flex:0 1 76px !important;
    width:76px !important;
    min-width:0 !important;
    max-width:76px !important;
    height:14px !important;
    min-height:14px !important;
    padding:0 4px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 17px !important;
    align-items:center !important;
    gap:2px !important;
    border-radius:999px !important;
    overflow:hidden !important;
  }
  body.pv-body #extra-bans-live-status .extra-bans-live-name,
  body.pv-body.pv-ratas-fullscreen #extra-bans-live-status .extra-bans-live-name{
    display:block !important;
    font-size:6.4px !important;
    line-height:14px !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.pv-body #extra-bans-live-status .extra-bans-live-num,
  body.pv-body.pv-ratas-fullscreen #extra-bans-live-status .extra-bans-live-num{
    width:17px !important;
    min-width:17px !important;
    height:11px !important;
    line-height:11px !important;
    font-size:6.5px !important;
    text-align:center !important;
  }
  body.pv-body.pv-ratas-extra-bans-live-on #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-live-on #action-area{
    display:none !important;
  }

  /* Confirmar pick/ban: no se corta y vuelve a empujar el grid solo cuando aparece. */
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding-top:9px !important;
  }
  body.pv-body .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap{
    position:sticky !important;
    top:0 !important;
    z-index:80 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    width:100% !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  body.pv-body.pv-ratas-confirm-visible .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .confirm-stick-wrap{
    height:32px !important;
    min-height:32px !important;
    margin:0 auto 5px !important;
    padding:3px 0 5px !important;
  }
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .confirm-btn{
    position:relative !important;
    display:inline-flex;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:118px !important;
    max-width:184px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 13px !important;
    margin:0 !important;
    line-height:1 !important;
    font-size:8.4px !important;
    border-radius:9px !important;
    overflow:visible !important;
    transform:none !important;
  }
  body.pv-body #confirm-pick-btn[style*="display: none"],
  body.pv-body #confirm-pick-btn[style*="display:none"],
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn[style*="display: none"],
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn[style*="display:none"]{
    display:none !important;
  }
  body.pv-body .confirm-cancel,
  body.pv-body.pv-ratas-fullscreen .confirm-cancel{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    font-size:10px !important;
    line-height:1 !important;
    position:relative !important;
    transform:none !important;
    overflow:visible !important;
  }
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    padding-top:6px !important;
  }

  /* Action area inferior más compacto: recorta vertical sin ocultar botones importantes. */
  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    padding:2px 5px !important;
    gap:2px !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.pv-body .action-area,
  body.pv-body .action-wrap,
  body.pv-body.pv-ratas-fullscreen .action-area,
  body.pv-body.pv-ratas-fullscreen .action-wrap{
    width:100% !important;
    max-height:56px !important;
    overflow:hidden !important;
  }
  body.pv-body .action-area .action-sub:not(.pv77-special-steal-note):not(.turn-note-tornado):not(.broom-copy):not(.final-id-big):not(.protect-state-row),
  body.pv-body.pv-ratas-fullscreen .action-area .action-sub:not(.pv77-special-steal-note):not(.turn-note-tornado):not(.broom-copy):not(.final-id-big):not(.protect-state-row){
    display:none !important;
  }
  body.pv-body .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .action-btnrow{
    width:min(100%, 256px) !important;
    max-width:256px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:3px !important;
    row-gap:3px !important;
    margin:0 auto !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .action-btnrow .ready-btn,
  body.pv-body .action-btnrow .undo-btn,
  body.pv-body .action-btnrow .finalize-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .decision-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .ready-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .undo-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .finalize-btn{
    min-height:18px !important;
    height:18px !important;
    max-height:20px !important;
    padding:2px 5px !important;
    font-size:6.5px !important;
    line-height:1.02 !important;
    border-radius:7px !important;
    white-space:normal !important;
    overflow:hidden !important;
  }

  /* Malvada: dock unido, botones de eliminación cortos y cancelar más pequeño. */
  body.pv-body.has-malvada-elim-dock .center-actions,
  body.pv-body.pv-mobile-malvada-action .center-actions,
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-actions,
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding:2px 5px !important;
    gap:2px !important;
    align-content:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock{
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
    height:19px !important;
    min-height:19px !important;
    max-height:19px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:192px !important;
    height:19px !important;
    min-height:19px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:3px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.pv-body #malvada-elim-dock .med-btn,
  body.pv-body #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn-label{
    flex:0 1 72px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:74px !important;
    height:17px !important;
    min-height:17px !important;
    max-height:17px !important;
    padding:1px 4px !important;
    border-radius:7px !important;
    font-size:5.9px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    text-align:center !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    max-height:43px !important;
    overflow:hidden !important;
  }

  /* THE BEST / TOP: un poco más grande, sin cortar nombres largos y siempre por encima. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    width:170px !important;
    max-width:170px !important;
    overflow:visible !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner{
    width:max-content !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner{
    scale:.68 !important;
    transform-origin:left center !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner{
    scale:.68 !important;
    transform-origin:right center !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line{
    display:inline-flex !important;
    align-items:center !important;
    gap:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    max-width:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    font-size:11.8px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    max-width:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rank-elicon,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rank-elicon{
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    min-height:12px !important;
    margin-left:0 !important;
  }

  /* Toasts temporales: menos ancho horizontal, sin cortar el texto. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body .global-toast,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .global-toast{
    width:auto !important;
    min-width:0 !important;
    max-width:min(32vw, 270px) !important;
    padding:4px 7px !important;
    border-radius:10px !important;
    font-size:7.4px !important;
    line-height:1.1 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
  body.pv-body .global-toast.action-banner .toast-nowrap,
  body.pv-body .action-banner-overlay .toast-nowrap,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner .toast-nowrap,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay .toast-nowrap{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:.18em !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
  }
  body.pv-body .global-toast.action-banner .char-inline,
  body.pv-body .action-banner-overlay .char-inline,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner .char-inline,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay .char-inline{
    display:inline-flex !important;
    max-width:23vw !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.pv-body .rat-slot.pv-mobile-preview-active > *:not(.rat-zone-preview),
  body.pv-body.pv-ratas-fullscreen .rat-slot.pv-mobile-preview-active > *:not(.rat-zone-preview){
    position:relative !important;
    z-index:1 !important;
  }

  /* Escudo móvil: absoluto, limpio, no empuja título/liga ni mueve la zona. */
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{
    position:relative !important;
    display:block !important;
    overflow:visible !important;
    max-width:100% !important;
  }
  body.pv-body .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen .rat-name-shield{
    position:absolute !important;
    left:calc(100% + 8px) !important;
    top:50% !important;
    display:grid !important;
    place-items:center !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:18px !important;
    line-height:1 !important;
    filter:drop-shadow(0 0 8px rgba(120,215,255,.86)) drop-shadow(0 2px 5px rgba(0,0,0,.72)) !important;
    transform:translateY(-50%) scale(1) !important;
    transform-origin:center center !important;
    animation:pvRatasShieldPulseV5 1.05s ease-in-out infinite !important;
    z-index:80 !important;
    pointer-events:none !important;
  }
  @keyframes pvRatasShieldPulseV5{
    0%,100%{transform:translateY(-50%) scale(1);}
    50%{transform:translateY(-50%) scale(1.24);}
  }

  /* Estelares con PJ: jamás mostrar estrella/corona encima; si perdió, X roja visible. */
  body.pv-body .stellar-slot.filled::before,
  body.pv-body .stellar-slot.filled::after,
  body.pv-body .secondary-slot.filled::before,
  body.pv-body .secondary-slot.filled::after,
  body.pv-body .stellar-slot.pv-mobile-stellar-filled::before,
  body.pv-body .stellar-slot.pv-mobile-stellar-filled::after,
  body.pv-body .secondary-slot.pv-mobile-stellar-filled::before,
  body.pv-body .secondary-slot.pv-mobile-stellar-filled::after,
  body.pv-body .stellar-slot:has(> img)::before,
  body.pv-body .stellar-slot:has(> img)::after,
  body.pv-body .secondary-slot:has(> img)::before,
  body.pv-body .secondary-slot:has(> img)::after,
  body.pv-body .stellar-slot.lost::before,
  body.pv-body .stellar-slot.lost::after,
  body.pv-body .secondary-slot.lost::before,
  body.pv-body .secondary-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.filled::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.filled::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.filled::before,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.filled::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }
  body.pv-body .stellar-slot.lost,
  body.pv-body .secondary-slot.lost,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost{
    opacity:1 !important;
    filter:none !important;
    overflow:visible !important;
  }
  body.pv-body .stellar-slot.lost .masked-mark,
  body.pv-body .secondary-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-mark{
    display:none !important;
  }
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:35px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    color:#ff1f37 !important;
    -webkit-text-fill-color:#ff1f37 !important;
    text-shadow:0 0 14px rgba(255,0,38,.82),0 2px 9px rgba(0,0,0,.86) !important;
    z-index:110 !important;
    pointer-events:none !important;
  }
}


/* RATAS MOBILE - SOLO 8 CORRECCIONES PEDIDAS. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Botones confirmar: completos arriba del grid y empujando personajes. */
  body.pv-body .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    z-index:240 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:0 !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)){
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 auto 5px !important;
    padding:4px 0 5px !important;
  }
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .confirm-btn{
    position:static !important;
    inset:auto !important;
    display:inline-flex;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:128px !important;
    max-width:190px !important;
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    margin:0 auto !important;
    padding:0 14px !important;
    line-height:1 !important;
    font-size:8.4px !important;
    border-radius:10px !important;
    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    transform:none !important;
  }
  body.pv-body #confirm-pick-btn[style*="display: none"],
  body.pv-body #confirm-pick-btn[style*="display:none"],
  body.pv-body .confirm-btn[style*="display: none"],
  body.pv-body .confirm-btn[style*="display:none"],
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn[style*="display: none"],
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn[style*="display:none"],
  body.pv-body.pv-ratas-fullscreen .confirm-btn[style*="display: none"],
  body.pv-body.pv-ratas-fullscreen .confirm-btn[style*="display:none"]{
    display:none !important;
  }
  body.pv-body #confirm-cancel-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-cancel-btn{
    position:static !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    max-width:24px !important;
    max-height:24px !important;
    margin:0 0 0 4px !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
  }
  body.pv-body.pv-ratas-confirm-visible #characters,
  body.pv-body.pv-ratas-confirm-visible .characters-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible #characters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .characters-grid{
    padding-top:9px !important;
  }

  /* Malvada: usar botones buenos, no med-btn gigantes. */
  body.pv-body #malvada-elim-dock .pv-malvada-elim-row,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .pv-malvada-elim-row,
  body.pv-body #malvada-elim-dock .med-buttons,
  body.pv-body #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:248px !important;
    height:22px !important;
    min-height:22px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    overflow:visible !important;
  }
  body.pv-body #malvada-elim-dock .big-choice,
  body.pv-body #malvada-elim-dock .pv-malvada-elim-btn,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .big-choice,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .pv-malvada-elim-btn{
    flex:0 1 auto !important;
    width:auto !important;
    min-width:66px !important;
    max-width:92px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    padding:2px 6px !important;
    border-radius:8px !important;
    font-size:6.8px !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
  }
  body.pv-body #malvada-elim-dock .pv-malvada-elim-cancel,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .pv-malvada-elim-cancel{
    min-width:54px !important;
    max-width:66px !important;
  }

  /* THE BEST/TOP: no cortar en ninguna rata. No tocar separación del icono. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    width:var(--pv-ranklane-ratas-fit-width, max-content) !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
    contain:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    width:max-content !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    contain:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner{
    transform-origin:left center !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner{
    transform-origin:right center !important;
  }

  /* Escudo protegido más grande sin empujar nada. */
  body.pv-body .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen .rat-name-shield{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    font-size:23px !important;
    left:calc(100% + 10px) !important;
    top:50% !important;
  }

  /* Estelar perdido: X roja visible encima del PJ, sin estrella/corona. */
  body.pv-body .stellar-slot.lost,
  body.pv-body .secondary-slot.lost,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost{
    position:relative !important;
    opacity:1 !important;
    filter:none !important;
    overflow:visible !important;
  }
  body.pv-body .stellar-slot.filled::before,
  body.pv-body .stellar-slot.filled::after,
  body.pv-body .stellar-slot.pv-mobile-stellar-filled::before,
  body.pv-body .stellar-slot.pv-mobile-stellar-filled::after,
  body.pv-body .stellar-slot.lost::before,
  body.pv-body .stellar-slot.lost::after,
  body.pv-body .stellar-slot:has(> img)::before,
  body.pv-body .stellar-slot:has(> img)::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.filled::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.filled::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv-mobile-stellar-filled::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv-mobile-stellar-filled::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot:has(> img)::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot:has(> img)::after{
    content:none !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }
  body.pv-body .stellar-slot.lost .masked-mark,
  body.pv-body .secondary-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-mark{
    display:none !important;
  }
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    font-size:36px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    color:#ff1530 !important;
    -webkit-text-fill-color:#ff1530 !important;
    text-shadow:0 0 15px rgba(255,0,38,.92),0 2px 10px rgba(0,0,0,.90) !important;
    z-index:999 !important;
    pointer-events:none !important;
  }

  /* Textos temporales: menos ancho horizontal, sin cortar contenido. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body .global-toast,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .global-toast{
    max-width:min(29vw, 248px) !important;
    width:auto !important;
    min-width:0 !important;
    padding:4px 7px !important;
    font-size:7.1px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-wrap:balance !important;
  }
}


/* RATAS MOBILE - correcciones puntuales pedidas Base: . No mueve posiciones base de casillas; solo estabiliza estados. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* THE BEST / TOP: posición única por rol, visible sobre todo, sin corte. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    position:fixed !important;
    width:var(--pv-ranklane-ratas-fit-width, max-content) !important;
    min-width:0 !important;
    max-width:none !important;
    overflow:visible !important;
    contain:none !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
    isolation:isolate !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    width:max-content !important;
    max-width:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    contain:none !important;
  }
  body.pv-body .rat-zone-preview,
  body.pv-body.pv-ratas-fullscreen .rat-zone-preview{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
  }
  body.pv-body .rat-zone-preview video,
  body.pv-body.pv-ratas-fullscreen .rat-zone-preview video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  body.pv-body .rat-slot.has-zone-preview > *:not(.rat-zone-preview),
  body.pv-body .rat-slot.has-zone-preview-lite > *:not(.rat-zone-preview),
  body.pv-body .rat-slot.pv-mobile-preview-active > *:not(.rat-zone-preview),
  body.pv-body.pv-ratas-fullscreen .rat-slot.has-zone-preview > *:not(.rat-zone-preview),
  body.pv-body.pv-ratas-fullscreen .rat-slot.has-zone-preview-lite > *:not(.rat-zone-preview),
  body.pv-body.pv-ratas-fullscreen .rat-slot.pv-mobile-preview-active > *:not(.rat-zone-preview){
    position:relative !important;
    z-index:2 !important;
  }

  /* Escudo protegido: mismo lugar para todas; Ladrona no se va más a la derecha. */
  body.pv-body .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen .rat-name-shield{
    position:absolute !important;
    left:calc(100% + 8px) !important;
    top:50% !important;
    transform:translateY(-50%) scale(1) !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    display:grid !important;
    place-items:center !important;
    font-size:25px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 0 7px rgba(80,180,255,.95)) !important;
    animation:pv-ratas-shield-pulse-v9 1.05s ease-in-out infinite !important;
    pointer-events:none !important;
    z-index:80 !important;
  }
  body.pv-body #rat-ladrona .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-name-shield{
    left:calc(100% + 5px) !important;
  }
  @keyframes pv-ratas-shield-pulse-v9{
    0%,100%{ transform:translateY(-50%) scale(1); }
    50%{ transform:translateY(-50%) scale(1.16); }
  }

  /* Estelares: corona si existe, ? si está oculto, X roja si se perdió. */
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot{
    position:relative !important;
    overflow:visible !important;
  }
  body.pv-body .stellar-slot.has-crown:not(.lost)::after,
  body.pv-body .secondary-slot.has-crown:not(.lost)::after,
  body.pv-body .stellar-slot.pv9-has-crown:not(.lost)::after,
  body.pv-body .secondary-slot.pv9-has-crown:not(.lost)::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-crown:not(.lost)::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-crown:not(.lost)::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv9-has-crown:not(.lost)::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.pv9-has-crown:not(.lost)::after{
    content:"👑" !important;
    display:grid !important;
    place-items:center !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    top:-12px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:130 !important;
    width:20px !important;
    height:18px !important;
    font-size:16px !important;
    line-height:1 !important;
    filter:drop-shadow(0 0 7px rgba(255,220,70,.95)) !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot.lost::before,
  body.pv-body .stellar-slot.lost::after,
  body.pv-body .secondary-slot.lost::before,
  body.pv-body .secondary-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost::before,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost::before,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot .masked-mark{
    display:grid !important;
    place-items:center !important;
    position:absolute !important;
    inset:0 !important;
    font-size:18px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    color:#fff2a8 !important;
    text-shadow:0 0 10px rgba(255,220,80,.85),0 2px 8px rgba(0,0,0,.85) !important;
    z-index:105 !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot.lost .masked-mark,
  body.pv-body .secondary-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-mark{
    display:none !important;
  }
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    font-size:36px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    color:#ff1530 !important;
    -webkit-text-fill-color:#ff1530 !important;
    text-shadow:0 0 15px rgba(255,0,38,.92),0 2px 10px rgba(0,0,0,.90) !important;
    z-index:999 !important;
    pointer-events:none !important;
  }
  body.pv-body #rat-malvada .mini-slot::before,
  body.pv-body #rat-malvada .mini-slot.filled::before,
  body.pv-body #rat-malvada .mini-slot.has-pick::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .mini-slot.filled::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .mini-slot.has-pick::before{
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    color:#fff !important;
    text-shadow:0 0 8px rgba(255,255,255,.7),0 2px 8px rgba(0,0,0,.9) !important;
    z-index:130 !important;
  }

  /* Textos temporales: más estrechos horizontalmente, se envuelven sin cortar. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body .global-toast,
  body.pv-body .round-toast,
  body.pv-body .toast-panel,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .global-toast,
  body.pv-body.pv-ratas-fullscreen .round-toast,
  body.pv-body.pv-ratas-fullscreen .toast-panel{
    max-width:min(31vw,260px) !important;
    min-width:0 !important;
    width:auto !important;
    padding:4px 7px !important;
    font-size:6.9px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
    text-wrap:balance !important;
  }
  body.pv-body .action-banner-overlay .toast-nowrap,
  body.pv-body .global-toast .toast-nowrap,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay .toast-nowrap,
  body.pv-body.pv-ratas-fullscreen .global-toast .toast-nowrap{
    white-space:normal !important;
  }

  /* Botón largo de confirmar/proteger: cápsula completa y texto dentro. */
  body.pv-body .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap{
    overflow:visible !important;
    min-height:0 !important;
  }
  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]){
    height:34px !important;
    min-height:34px !important;
    max-height:none !important;
    padding:3px 0 5px !important;
    margin:0 auto 5px !important;
  }
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .confirm-btn{
    position:static !important;
    inset:auto !important;
    display:inline-flex;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:min(154px,calc(100% - 26px)) !important;
    max-width:calc(100% - 22px) !important;
    min-height:24px !important;
    height:auto !important;
    max-height:none !important;
    padding:3px 10px !important;
    line-height:1.05 !important;
    font-size:7.4px !important;
    border-radius:11px !important;
    overflow:visible !important;
    white-space:normal !important;
    text-align:center !important;
    text-overflow:clip !important;
    transform:none !important;
  }
  body.pv-body #confirm-pick-btn.confirm-steal,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn.confirm-steal{
    width:calc(100% - 18px) !important;
    min-width:calc(100% - 18px) !important;
    max-width:calc(100% - 18px) !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  /* Tornado móvil: ancho del center area; fases compactas. */
  body.pv-body .tornado-modal,
  body.pv-body .modal.tornado-sheet,
  body.pv-body.pv-ratas-fullscreen .tornado-modal,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet{
    padding:4px !important;
  }
  body.pv-body .modal.tornado-sheet .modal-card,
  body.pv-body .tornado-modal .modal-card,
  body.pv-body .tornado-panel,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-panel{
    width:var(--pv-mobile-center, min(294px,35.5vw)) !important;
    max-width:var(--pv-mobile-center, min(294px,35.5vw)) !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
  body.pv-body .modal.tornado-sheet .modal-card,
  body.pv-body .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card{
    max-height:calc(100vh - 18px) !important;
    overflow:hidden !important;
    padding:7px !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body,
  body.pv-body .tornado-modal .modal-body,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-body,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-body{
    max-height:calc(100vh - 88px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:4px !important;
  }
  body.pv-body .tornado-panel,
  body.pv-body .tornado-panel *,
  body.pv-body.pv-ratas-fullscreen .tornado-panel,
  body.pv-body.pv-ratas-fullscreen .tornado-panel *{
    box-sizing:border-box !important;
  }
  body.pv-body .tornado-copy,
  body.pv-body .tornado-panel p,
  body.pv-body .tornado-panel small,
  body.pv-body.pv-ratas-fullscreen .tornado-copy,
  body.pv-body.pv-ratas-fullscreen .tornado-panel p,
  body.pv-body.pv-ratas-fullscreen .tornado-panel small{
    font-size:6.7px !important;
    line-height:1.12 !important;
    margin:2px 0 !important;
  }
  body.pv-body .tornado-targets,
  body.pv-body .tornado-grid,
  body.pv-body .tornado-target-grid,
  body.pv-body .tornado-dual-spin,
  body.pv-body.pv-ratas-fullscreen .tornado-targets,
  body.pv-body.pv-ratas-fullscreen .tornado-grid,
  body.pv-body.pv-ratas-fullscreen .tornado-target-grid,
  body.pv-body.pv-ratas-fullscreen .tornado-dual-spin{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
  }
  body.pv-body .tornado-card,
  body.pv-body .tornado-target-card,
  body.pv-body .tornado-roulette-card,
  body.pv-body.pv-ratas-fullscreen .tornado-card,
  body.pv-body.pv-ratas-fullscreen .tornado-target-card,
  body.pv-body.pv-ratas-fullscreen .tornado-roulette-card{
    min-height:24px !important;
    padding:3px 4px !important;
    border-radius:8px !important;
    font-size:6.7px !important;
    line-height:1.08 !important;
  }
  body.pv-body .tornado-panel .big-choice,
  body.pv-body .modal.tornado-sheet .big-choice,
  body.pv-body.pv-ratas-fullscreen .tornado-panel .big-choice,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .big-choice{
    min-height:20px !important;
    height:auto !important;
    padding:3px 7px !important;
    font-size:6.9px !important;
    border-radius:9px !important;
  }

  /* Post draft móvil: center area más alto, contenido compacto. */
  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-actions{
    height:96px !important;
    min-height:96px !important;
    max-height:96px !important;
    padding:3px 5px !important;
    gap:2px !important;
    overflow:hidden !important;
  }
  body.pv-body.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-broom-mobile #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area .action-wrap{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    padding:2px 3px !important;
    gap:2px !important;
    overflow:hidden !important;
  }
  body.pv-body.pv-ratas-broom-mobile .action-sub,
  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-sub,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-pill{
    font-size:6.4px !important;
    line-height:1.05 !important;
    padding:1px 3px !important;
    margin:0 !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-board{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    max-height:29px !important;
    overflow:hidden !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-broom-mobile .action-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-btnrow{
    gap:3px !important;
    flex-wrap:wrap !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-broom-mobile .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-btnrow .big-choice{
    min-height:18px !important;
    height:auto !important;
    padding:2px 6px !important;
    font-size:6.5px !important;
    border-radius:8px !important;
  }

  /* Móvil: ocultar filtros/grid y dejar DRAFT TERMINADO arriba del centro. */
  body.pv-body.pv-ratas-final-mobile .filters,
  body.pv-body.pv-ratas-final-mobile .filter-bar,
  body.pv-body.pv-ratas-final-mobile #filter-bar,
  body.pv-body.pv-ratas-final-mobile #filters,
  body.pv-body.pv-ratas-final-mobile .element-filters,
  body.pv-body.pv-ratas-final-mobile .weapon-filters,
  body.pv-body.pv-ratas-final-mobile .search-wrap,
  body.pv-body.pv-ratas-final-mobile #char-search,
  body.pv-body.pv-ratas-final-mobile #characters,
  body.pv-body.pv-ratas-final-mobile .characters-grid,
  body.pv-body.pv-ratas-final-mobile .characters-scroll,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .filters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #filters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .element-filters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .weapon-filters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .search-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #char-search,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #characters,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .characters-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .characters-scroll{
    display:none !important;
  }
  body.pv-body.pv-ratas-final-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .center-card{
    grid-template-rows:34px minmax(0,1fr) !important;
  }
  body.pv-body.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .center-actions{
    position:relative !important;
    grid-row:2 !important;
    align-self:start !important;
    top:auto !important;
    bottom:auto !important;
    height:92px !important;
    min-height:92px !important;
    max-height:92px !important;
    margin-top:4px !important;
    padding:4px 6px !important;
    overflow:hidden !important;
  }

  /* Botón ojo: solo emoji, pequeño, cómodo, mantiene dorado/negro. */
  body.pv-body .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-row{
    right:3px !important;
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    justify-content:flex-end !important;
  }
  body.pv-body .stellar-hide-toggle-btn,
  body.pv-body .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean{
    width:25px !important;
    min-width:25px !important;
    max-width:25px !important;
    height:19px !important;
    min-height:19px !important;
    max-height:19px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  body.pv-body .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .stellar-hide-toggle-btn--clean .eye-txt,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn .eye-txt,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean .eye-txt{
    display:none !important;
  }
  body.pv-body .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .stellar-hide-toggle-btn--clean .eye-ico,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn .eye-ico,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean .eye-ico{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    font-size:15px !important;
    line-height:1 !important;
    margin:0 !important;
  }
  body.pv-body .stellar-hide-toggle-btn.is-active,
  body.pv-body .stellar-hide-toggle-btn.active,
  body.pv-body .stellar-hide-toggle-btn[aria-pressed="true"],
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.is-active,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.active,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn[aria-pressed="true"]{
    background:linear-gradient(180deg, rgba(255,219,92,.98), rgba(172,112,16,.98)) !important;
    border-color:rgba(255,232,130,.78) !important;
    color:#1c1100 !important;
  }
  body.pv-body .stellar-hide-toggle-btn:not(.is-active):not(.active):not([aria-pressed="true"]),
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn:not(.is-active):not(.active):not([aria-pressed="true"]){
    background:linear-gradient(180deg, rgba(38,46,63,.99), rgba(16,22,34,.99)) !important;
    border-color:rgba(255,255,255,.28) !important;
    color:#fff !important;
  }
}


@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body .rat-zone-preview,
  body.pv-body.pv-ratas-fullscreen .rat-zone-preview{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
  }

  /* Si no hay extra bans, subir filtros/búsqueda/grid central, sin tocar el action area inferior. */
  body.pv-body.pv-ratas-no-extra-bans-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-no-extra-bans-mobile .center-card{
    grid-template-rows:64px 0px 46px minmax(0,1fr) 21px !important;
  }
  body.pv-body.pv-ratas-no-extra-bans-mobile #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-no-extra-bans-mobile #extra-bans-panel{
    display:none !important;
    min-height:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  /* Escudo de Ladrona alineado como el resto. */
  body.pv-body #rat-ladrona .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-name-shield{
    left:calc(100% + 2px) !important;
  }

  /* Estelares: corona estable y del mismo tamaño, ? para ocultos, X roja para perdidos. */
  body.pv-body .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body .rat-banbar .secondary-slot.has-crown::after,
  body.pv-body .stellar-slot.pv10-has-crown::after,
  body.pv-body .secondary-slot.pv10-has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv10-has-crown::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.pv10-has-crown::after{
    content:"👑" !important;
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:-7px !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    min-height:15px !important;
    max-width:15px !important;
    max-height:15px !important;
    display:grid !important;
    place-items:center !important;
    font-size:12px !important;
    line-height:15px !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:90 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 1px 5px rgba(0,0,0,.82)) !important;
    text-shadow:0 0 8px rgba(255,220,90,.42),0 2px 7px rgba(0,0,0,.82) !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot.lost::after,
  body.pv-body .secondary-slot.lost::after,
  body.pv-body .stellar-slot.pv10-stellar-lost::after,
  body.pv-body .secondary-slot.pv10-stellar-lost::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv10-stellar-lost::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.pv10-stellar-lost::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body .stellar-slot.pv10-stellar-lost .masked-x,
  body.pv-body .secondary-slot.pv10-stellar-lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.pv10-stellar-lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.pv10-stellar-lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    color:#ff1835 !important;
    -webkit-text-fill-color:#ff1835 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:120 !important;
    text-shadow:0 0 14px rgba(255,0,48,.92),0 2px 9px rgba(0,0,0,.9) !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot.has-secret .masked-mark,
  body.pv-body .secondary-slot.has-secret .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-secret .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-secret .masked-mark{
    display:grid !important;
    place-items:center !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:14px !important;
    font-weight:1000 !important;
    color:#fff !important;
    z-index:60 !important;
  }
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot::before{
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
  }

  /* Avisos/toasts: más cortos horizontalmente sin cortar texto. */
  body.pv-body .global-toast,
  body.pv-body #global-toast,
  body.pv-body .action-banner-overlay,
  body.pv-body #action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast,
  body.pv-body.pv-ratas-fullscreen #global-toast,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen #action-banner-overlay{
    max-width:min(54vw, 430px) !important;
    width:max-content !important;
    min-width:0 !important;
    padding:4px 8px !important;
    border-radius:11px !important;
    font-size:8px !important;
    line-height:1.14 !important;
    white-space:normal !important;
    text-wrap:balance !important;
    overflow:visible !important;
    z-index:2147483647 !important;
  }
  body.pv-body .global-toast *,
  body.pv-body .action-banner-overlay *,
  body.pv-body.pv-ratas-fullscreen .global-toast *,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay *{
    max-width:100% !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Botón de confirmar/proteger largo: la cápsula cubre todo el texto. */
  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .center-card .confirm-stick-wrap{
    height:36px !important;
    min-height:36px !important;
    max-height:none !important;
    padding:3px 0 6px !important;
    overflow:visible !important;
  }
  body.pv-body #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn{
    width:calc(100% - 4px) !important;
    min-width:calc(100% - 4px) !important;
    max-width:calc(100% - 4px) !important;
    min-height:26px !important;
    height:auto !important;
    max-height:none !important;
    padding:3px 7px !important;
    font-size:7.1px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    text-align:center !important;
    overflow:visible !important;
  }

  /* Tornado móvil: panel y fases adaptadas; botones no se salen. */
  body.pv-body .modal.tornado-sheet .modal-card,
  body.pv-body .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card{
    width:var(--pv-mobile-center, min(294px,35.5vw)) !important;
    max-width:var(--pv-mobile-center, min(294px,35.5vw)) !important;
    max-height:calc(100vh - 14px) !important;
    padding:6px !important;
    overflow:visible !important;
    z-index:900000 !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body,
  body.pv-body .tornado-modal .modal-body,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-body,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-body{
    max-height:calc(100vh - 76px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:3px !important;
  }
  body.pv-body .tornado-panel,
  body.pv-body.pv-ratas-fullscreen .tornado-panel{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:4px !important;
    padding:0 !important;
  }
  body.pv-body .tornado-panel .big-choice,
  body.pv-body .tornado-choice-card,
  body.pv-body .tornado-target-card,
  body.pv-body .tornado-char-card,
  body.pv-body .tornado-slot-choice,
  body.pv-body.pv-ratas-fullscreen .tornado-panel .big-choice,
  body.pv-body.pv-ratas-fullscreen .tornado-choice-card,
  body.pv-body.pv-ratas-fullscreen .tornado-target-card,
  body.pv-body.pv-ratas-fullscreen .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .tornado-slot-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:20px !important;
    height:auto !important;
    padding:3px 5px !important;
    border-radius:8px !important;
    font-size:6.7px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.pv-body .tornado-target-card strong,
  body.pv-body .tornado-char-card strong,
  body.pv-body .tornado-choice-card strong,
  body.pv-body.pv-ratas-fullscreen .tornado-target-card strong,
  body.pv-body.pv-ratas-fullscreen .tornado-char-card strong,
  body.pv-body.pv-ratas-fullscreen .tornado-choice-card strong{
    font-size:7.2px !important;
    line-height:1.05 !important;
    margin:1px 0 !important;
    white-space:normal !important;
  }
  body.pv-body .tornado-target-card small,
  body.pv-body .tornado-char-card small,
  body.pv-body .tornado-choice-card small,
  body.pv-body.pv-ratas-fullscreen .tornado-target-card small,
  body.pv-body.pv-ratas-fullscreen .tornado-char-card small,
  body.pv-body.pv-ratas-fullscreen .tornado-choice-card small{
    font-size:5.8px !important;
    line-height:1.05 !important;
    margin:1px 0 0 !important;
  }
  body.pv-body .chaos-protect-v2,
  body.pv-body .chaos-protect-v3,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3{
    width:min(420px, calc(100vw - 18px)) !important;
    max-width:min(420px, calc(100vw - 18px)) !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body .chaos-protect-v3 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-columns{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    width:100% !important;
    max-width:100% !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body .chaos-protect-v3 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:3px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-char-card,
  body.pv-body .chaos-protect-v3 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-char-card{
    min-height:34px !important;
    padding:3px !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row,
  body.pv-body .chaos-protect-v3 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row{
    display:grid !important;
    grid-template-columns:1fr 24px !important;
    gap:3px !important;
    align-items:center !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body .chaos-protect-v3 .tnd-protect-row img,
  body.pv-body .chaos-protect-v2 .tnd-spin-chibi,
  body.pv-body .chaos-protect-v3 .tnd-spin-chibi,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-spin-chibi,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-spin-chibi{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    object-fit:contain !important;
  }

  /* Post draft: filas 2x2, sin dock de Malvada y confirmación visible. */
  body.pv-body.pv-ratas-broom-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-final-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #malvada-elim-dock{
    display:none !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:3px !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-pill{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    font-size:6.1px !important;
    line-height:1.08 !important;
    padding:2px 3px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-confirm,
  body.pv-body.pv-ratas-broom-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-confirm,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btnrow{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    overflow:visible !important;
  }

  /* / ID: texto limpio, sin cápsula negra gigante. */
  body.pv-body.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv-ratas-final-mobile #action-area,
  body.pv-body.pv-ratas-final-mobile .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .action-wrap{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }
  body.pv-body.pv-ratas-final-mobile .broom-copy,
  body.pv-body.pv-ratas-final-mobile .final-id-big,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .broom-copy,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .final-id-big{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:1px auto !important;
    color:#fff !important;
  }

  /* VACIO en escoba: no texto gigante. */
  body.pv-body .broom-gap-mark,
  body.pv-body.pv-ratas-fullscreen .broom-gap-mark{
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
    opacity:0 !important;
  }

  
  body.pv-body .stellar-hide-toggle-row,
  body.pv-body .rat-stats-vert .stellar-hide-toggle-row,
  body.pv-body .stellar-hide-toggle-row--clean,
  body.pv-body .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-row--timer{
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  body.pv-body .stellar-hide-toggle-btn,
  body.pv-body .stellar-hide-toggle-btn--clean,
  body.pv-body .stellar-hide-toggle-btn.pv10-eye-btn,
  body.pv-body .rat-stats-vert .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.pv10-eye-btn,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert .stellar-hide-toggle-btn{
    all:unset !important;
    box-sizing:border-box !important;
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:1 !important;
    border:1px solid rgba(255,255,255,.28) !important;
    background:linear-gradient(180deg, rgba(38,46,63,.99), rgba(16,22,34,.99)) !important;
    color:#fff !important;
    box-shadow:0 4px 10px rgba(0,0,0,.24) !important;
  }
  body.pv-body .stellar-hide-toggle-btn.active,
  body.pv-body .stellar-hide-toggle-btn.is-active,
  body.pv-body .stellar-hide-toggle-btn[aria-pressed="true"],
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.active,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.is-active,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn[aria-pressed="true"]{
    background:linear-gradient(180deg, rgba(255,219,92,.98), rgba(172,112,16,.98)) !important;
    border-color:rgba(255,232,130,.78) !important;
    color:#1c1100 !important;
  }
  body.pv-body .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .stellar-hide-toggle-btn--clean .eye-txt,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn .eye-txt,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean .eye-txt{
    display:none !important;
    width:0 !important;
    height:0 !important;
    font-size:0 !important;
    opacity:0 !important;
  }
  body.pv-body .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .stellar-hide-toggle-btn--clean .eye-ico,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn .eye-ico,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean .eye-ico{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    font-size:17px !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
  }
}


/* Ajustes móviles puntuales sin alterar los carriles THE BEST/TOP. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  /* Eliminar por completo cualquier intento viejo de subir el grid cuando no hay extra bans. */
  body.pv-body.pv11-no-extra-bans-mobile .center-card,
  body.pv-body.pv-ratas-no-extra-bans-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv11-no-extra-bans-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-no-extra-bans-mobile .center-card{
    grid-template-rows:34px auto 55px minmax(0,1fr) auto !important;
  }
  body.pv-body.pv11-no-extra-bans-mobile #extra-bans-panel,
  body.pv-body.pv-ratas-no-extra-bans-mobile #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv11-no-extra-bans-mobile #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-no-extra-bans-mobile #extra-bans-panel{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
  }
  body.pv-body .rat-zone-preview,
  body.pv-body.pv-ratas-fullscreen .rat-zone-preview{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
  }
  body.pv-body .rat-slot.pv-mobile-preview-active > *:not(.rat-zone-preview),
  body.pv-body.pv-ratas-fullscreen .rat-slot.pv-mobile-preview-active > *:not(.rat-zone-preview){
    position:relative !important;
    z-index:2 !important;
  }

  /* Corona: un solo tamaño/posición en cualquier estado conservado. */
  body.pv-body .rat-banbar .stellar-slot::before,
  body.pv-body .rat-banbar .secondary-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot::before{
    display:none !important;
    content:none !important;
  }
  body.pv-body .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body .rat-banbar .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.has-crown::after{
    content:"👑" !important;
    position:absolute !important;
    top:-8px !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translateX(-50%) !important;
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    display:grid !important;
    place-items:center !important;
    font-size:13px !important;
    line-height:16px !important;
    opacity:1 !important;
    visibility:visible !important;
    color:#ffe487 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 1px 5px rgba(0,0,0,.82)) !important;
    text-shadow:0 0 8px rgba(255,220,90,.42),0 2px 7px rgba(0,0,0,.82) !important;
    z-index:125 !important;
    pointer-events:none !important;
  }
  body.pv-body .rat-banbar .stellar-slot.lost::after,
  body.pv-body .rat-banbar .secondary-slot.lost::after,
  body.pv-body .rat-banbar .stellar-slot.pv14-stellar-lost::after,
  body.pv-body .rat-banbar .secondary-slot.pv14-stellar-lost::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.pv14-stellar-lost::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.pv14-stellar-lost::after{
    content:none !important;
    display:none !important;
  }
  body.pv-body .rat-banbar .stellar-slot .masked-mark,
  body.pv-body .rat-banbar .secondary-slot .masked-mark,
  body.pv-body #rat-malvada .rat-banbar-malvada .stellar-slot .masked-mark,
  body.pv-body #rat-malvada .rat-banbar-malvada .secondary-slot .masked-mark,
  body.pv-body #stellar-ladrona > .masked-mark,
  body.pv-body #stellar-malvada > .masked-mark,
  body.pv-body #stellar-corrupta > .masked-mark,
  body.pv-body #stellar-caotica > .masked-mark,
  body.pv-body #extra-stellar-ladrona > .masked-mark,
  body.pv-body #extra-stellar-malvada > .masked-mark,
  body.pv-body #extra-stellar-corrupta > .masked-mark,
  body.pv-body #extra-stellar-caotica > .masked-mark,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .stellar-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .secondary-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen #stellar-ladrona > .masked-mark,
  body.pv-body.pv-ratas-fullscreen #stellar-malvada > .masked-mark,
  body.pv-body.pv-ratas-fullscreen #stellar-corrupta > .masked-mark,
  body.pv-body.pv-ratas-fullscreen #stellar-caotica > .masked-mark,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-ladrona > .masked-mark,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-malvada > .masked-mark,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-corrupta > .masked-mark,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-caotica > .masked-mark{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    transform:none !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-align:center !important;
    color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:80 !important;
    pointer-events:none !important;
  }
  body.pv-body .rat-banbar .stellar-slot .masked-x,
  body.pv-body .rat-banbar .secondary-slot .masked-x,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot .masked-x,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:27px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    color:#ff1835 !important;
    -webkit-text-fill-color:#ff1835 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:150 !important;
    text-shadow:0 0 13px rgba(255,0,48,.92),0 2px 8px rgba(0,0,0,.9) !important;
    pointer-events:none !important;
  }

  /* Confirm pick/ban/protección: tamaño normal, no ancho completo. */
  body.pv-body .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap{
    position:relative !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 auto !important;
    overflow:visible !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]){
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:2px 0 4px !important;
    margin:0 auto 4px !important;
  }
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .confirm-btn{
    position:static !important;
    inset:auto !important;
    width:auto !important;
    min-width:120px !important;
    max-width:min(220px, calc(100% - 44px)) !important;
    min-height:20px !important;
    height:auto !important;
    max-height:none !important;
    padding:3px 10px !important;
    font-size:7px !important;
    line-height:1.05 !important;
    border-radius:10px !important;
    white-space:normal !important;
    overflow:visible !important;
    text-align:center !important;
    transform:none !important;
  }

  /* Escudo Ladrona un poco más a la izquierda. */
  body.pv-body #rat-ladrona .rat-name-shield,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-name-shield{
    left:calc(100% - 2px) !important;
  }

  /* Toasts/anuncios: más estrechos horizontalmente sin cortar texto. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body .global-toast,
  body.pv-body .round-toast,
  body.pv-body .toast-panel,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .global-toast,
  body.pv-body.pv-ratas-fullscreen .round-toast,
  body.pv-body.pv-ratas-fullscreen .toast-panel{
    width:auto !important;
    min-width:0 !important;
    max-width:min(32vw,270px) !important;
    padding:4px 7px !important;
    font-size:7px !important;
    line-height:1.1 !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-align:center !important;
    z-index:2147483000 !important;
  }

  /* Tornado: fases normales igual ancho del center/grid central. */
  body.pv-body .modal.tornado-sheet .modal-card,
  body.pv-body .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card{
    width:var(--pv-mobile-center, min(318px,35.5vw)) !important;
    max-width:var(--pv-mobile-center, min(318px,35.5vw)) !important;
    min-width:0 !important;
    padding:7px !important;
    overflow:hidden !important;
  }
  body.pv-body .modal.tornado-sheet .tornado-panel,
  body.pv-body .tornado-modal .tornado-panel,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .tornado-panel,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .tornado-panel{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  body.pv-body .modal.tornado-sheet .modal-card:has(.chaos-protect-v2),
  body.pv-body .modal.tornado-sheet .modal-card:has(.chaos-protect-v3),
  body.pv-body .tornado-modal .modal-card:has(.chaos-protect-v2),
  body.pv-body .tornado-modal .modal-card:has(.chaos-protect-v3),
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card:has(.chaos-protect-v2),
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card:has(.chaos-protect-v3),
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card:has(.chaos-protect-v2),
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card:has(.chaos-protect-v3){
    width:min(760px, calc(100vw - 16px)) !important;
    max-width:min(760px, calc(100vw - 16px)) !important;
  }
  body.pv-body .tornado-choice-grid,
  body.pv-body .tornado-targets,
  body.pv-body .tornado-grid,
  body.pv-body .tornado-target-grid,
  body.pv-body.pv-ratas-fullscreen .tornado-choice-grid,
  body.pv-body.pv-ratas-fullscreen .tornado-targets,
  body.pv-body.pv-ratas-fullscreen .tornado-grid,
  body.pv-body.pv-ratas-fullscreen .tornado-target-grid{
    gap:4px !important;
    width:100% !important;
    max-width:100% !important;
  }
  body.pv-body .tornado-choice-card,
  body.pv-body .tornado-target-card,
  body.pv-body .tornado-card,
  body.pv-body .tornado-panel .big-choice,
  body.pv-body.pv-ratas-fullscreen .tornado-choice-card,
  body.pv-body.pv-ratas-fullscreen .tornado-target-card,
  body.pv-body.pv-ratas-fullscreen .tornado-card,
  body.pv-body.pv-ratas-fullscreen .tornado-panel .big-choice{
    min-width:0 !important;
    max-width:100% !important;
    min-height:20px !important;
    padding:3px 6px !important;
    font-size:6.7px !important;
    line-height:1.05 !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body .chaos-protect-v3 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-columns{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    width:100% !important;
    max-width:100% !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body .chaos-protect-v3 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:3px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-char-card,
  body.pv-body .chaos-protect-v3 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-char-card{
    min-height:44px !important;
    padding:4px 5px 4px 7px !important;
    font-size:9px !important;
    line-height:1.1 !important;
    overflow:hidden !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row,
  body.pv-body .chaos-protect-v3 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 22px !important;
    gap:3px !important;
    align-items:center !important;
    padding-left:3px !important;
    box-sizing:border-box !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-char-card strong,
  body.pv-body .chaos-protect-v3 .tornado-char-card strong,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-char-card strong,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-char-card strong{
    font-size:11px !important;
    line-height:1.1 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-char-card small,
  body.pv-body .chaos-protect-v3 .tornado-char-card small,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-char-card small,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-char-card small{
    font-size:8.6px !important;
    line-height:1.1 !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-char-name,
  body.pv-body .chaos-protect-v3 .tnd-char-name,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-char-name,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-char-name{
    font-size:12px !important;
    line-height:1.1 !important;
    display:block !important;
    padding-left:3px !important;
    box-sizing:border-box !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-slot-no,
  body.pv-body .chaos-protect-v3 .tnd-slot-no,
  body.pv-body .chaos-protect-v2 .tnd-chaos-sub,
  body.pv-body .chaos-protect-v3 .tnd-chaos-sub,
  body.pv-body .chaos-protect-v2 .tornado-auto-note,
  body.pv-body .chaos-protect-v3 .tornado-auto-note,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-slot-no,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-slot-no,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-chaos-sub,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-chaos-sub,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-auto-note,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-auto-note{
    font-size:9px !important;
    line-height:1.1 !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body .chaos-protect-v3 .tnd-protect-row img,
  body.pv-body .chaos-protect-v2 .tnd-spin-chibi,
  body.pv-body .chaos-protect-v3 .tnd-spin-chibi,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-spin-chibi,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-spin-chibi{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    object-fit:contain !important;
  }

  /* Post draft: solo en post draft se agranda y toma fondo para que no se vean PJs detrás. */
  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-actions{
    height:148px !important;
    min-height:148px !important;
    max-height:148px !important;
    bottom:3px !important;
    padding:6px 7px !important;
    background:linear-gradient(180deg, rgba(7,6,12,.88), rgba(4,3,8,.94)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:12px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.36) !important;
    overflow:hidden !important;
  }
  body.pv-body.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-broom-mobile #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area .action-wrap{
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:2px 4px !important;
    gap:3px !important;
    scrollbar-width:none !important;
  }
  body.pv-body.pv-ratas-broom-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #malvada-elim-dock{
    display:none !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
    width:100% !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-pill{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    font-size:6.4px !important;
    line-height:1.08 !important;
    padding:2px 3px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.pv-body.pv-ratas-broom-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-broom-mobile .action-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-btnrow{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    overflow:visible !important;
  }
  body.pv-body.pv-ratas-broom-mobile #confirm-pick-btn.confirm-force-finish,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #confirm-pick-btn.confirm-force-finish,
  body.pv-body.pv-ratas-broom-mobile .postdraft-btn-force,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btn-force{
    display:inline-flex !important;
    min-width:132px !important;
    max-width:min(240px, calc(100% - 10px)) !important;
    min-height:22px !important;
    height:auto !important;
    padding:4px 9px !important;
    font-size:7px !important;
    white-space:normal !important;
    z-index:260 !important;
  }

  /* Texto ID / sin ID limpio, sin cápsula negra. */
  body.pv-body.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv-ratas-final-mobile #action-area,
  body.pv-body.pv-ratas-final-mobile #action-area .action-wrap,
  body.pv-body.pv-ratas-final-mobile .broom-copy,
  body.pv-body.pv-ratas-final-mobile .final-id-big,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .broom-copy,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile .final-id-big{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  body.pv-body .broom-gap-mark,
  body.pv-body.pv-ratas-fullscreen .broom-gap-mark{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  
  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    position:absolute !important;
    top:47px !important;
    right:6px !important;
    left:auto !important;
    bottom:auto !important;
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    z-index:100 !important;
    overflow:visible !important;
  }
  body.pv-body .stellar-hide-toggle-btn,
  body.pv-body .stellar-hide-toggle-btn--clean,
  body.pv-body .stellar-hide-toggle-btn.pv11-eye-btn,
  body.pv-body .stellar-hide-toggle-btn.pv14-eye-btn,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.pv11-eye-btn,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.pv14-eye-btn{
    all:unset !important;
    box-sizing:border-box !important;
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:8px !important;
    border:1px solid rgba(255,255,255,.28) !important;
    background:linear-gradient(180deg,rgba(38,46,63,.99),rgba(16,22,34,.99)) !important;
    color:#fff !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:1 !important;
    box-shadow:0 4px 10px rgba(0,0,0,.24) !important;
  }
  body.pv-body .stellar-hide-toggle-btn.active,
  body.pv-body .stellar-hide-toggle-btn.is-active,
  body.pv-body .stellar-hide-toggle-btn[aria-pressed="true"],
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.active,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn.is-active,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn[aria-pressed="true"]{
    background:linear-gradient(180deg,rgba(255,219,92,.98),rgba(172,112,16,.98)) !important;
    border-color:rgba(255,232,130,.78) !important;
    color:#1c1100 !important;
  }
  body.pv-body .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .stellar-hide-toggle-btn--clean .eye-txt,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn .eye-txt,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean .eye-txt{
    display:none !important;
    width:0 !important;
    height:0 !important;
    opacity:0 !important;
    font-size:0 !important;
  }
  body.pv-body .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .stellar-hide-toggle-btn--clean .eye-ico,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn .eye-ico,
  body.pv-body.pv-ratas-fullscreen .stellar-hide-toggle-btn--clean .eye-ico{
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    font-size:16px !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* Calaveras Malvada siempre sólidas aunque haya PJ. */
  body.pv-body #elims-malvada .mini-slot::before,
  body.pv-body #elims-malvada .mini-slot.filled::before,
  body.pv-body #elims-malvada .mini-slot.has-pick::before,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot.filled::before,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot.has-pick::before{
    opacity:1 !important;
    visibility:visible !important;
    color:#fff !important;
    filter:none !important;
    text-shadow:0 0 8px rgba(255,255,255,.72),0 2px 8px rgba(0,0,0,.9) !important;
    z-index:140 !important;
  }
}


@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body .rat-slot .stellar-hide-toggle-row,
  body.pv-body .rat-slot .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-row--timer{
    width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;display:grid!important;place-items:center!important;overflow:visible!important;padding:0!important;margin:0!important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn--clean{
    width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:0!important;margin:0!important;border-radius:8px!important;font-size:0!important;line-height:1!important;display:grid!important;place-items:center!important;overflow:hidden!important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn--clean .eye-ico{font-size:16px!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;}
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn--clean .eye-txt{display:none!important;font-size:0!important;width:0!important;height:0!important;opacity:0!important;}
}


@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body .rat-zone-preview,
  body.pv-body.pv-ratas-fullscreen .rat-zone-preview{position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;overflow:hidden !important;}
  body.pv-body .rat-zone-preview-video{will-change:opacity !important;transform:translateZ(0) !important;}

  /* Durante video de entrada, la X del estelar perdido se pinta desde el propio slot. No toca grid, bans, picks ni clases de preview. */
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot.lost,
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot.lost,
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot[data-pv39-mask-sig*='"lost":true'],
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot[data-pv39-mask-sig*='"lost":true'],
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot.lost,
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot.lost,
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot[data-pv39-mask-sig*='"lost":true'],
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot[data-pv39-mask-sig*='"lost":true']{
    position:relative !important;
    overflow:visible !important;
    opacity:1 !important;
    filter:none !important;
  }
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot.lost::after,
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot.lost::after,
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot[data-pv39-mask-sig*='"lost":true']::after,
  body.pv-body .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot[data-pv39-mask-sig*='"lost":true']::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot.lost::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .stellar-slot[data-pv39-mask-sig*='"lost":true']::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot:has(> .rat-zone-preview video) .rat-banbar .secondary-slot[data-pv39-mask-sig*='"lost":true']::after{
    content:"✖" !important;
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    font-size:27px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    color:#ff1835 !important;
    -webkit-text-fill-color:#ff1835 !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:260 !important;
    text-shadow:0 0 13px rgba(255,0,48,.92),0 2px 8px rgba(0,0,0,.9) !important;
    pointer-events:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }


  /* Coronas móviles: se apagan todos los pseudo-emotes viejos y queda una única corona real. */
  body.pv-body .rat-banbar .stellar-slot::before,
  body.pv-body .rat-banbar .stellar-slot::after,
  body.pv-body .rat-banbar .secondary-slot::before,
  body.pv-body .rat-banbar .secondary-slot::after,
  body.pv-body .rat-banbar .pick-slot.stellar::after,
  body.pv-body .rat-banbar .pick-slot.has-crown::after,
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after,
  body.pv-body .stellar-slot.pv9-has-crown::after,
  body.pv-body .secondary-slot.pv9-has-crown::after,
  body.pv-body .stellar-slot.pv10-has-crown::after,
  body.pv-body .secondary-slot.pv10-has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot::before,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-crown::after{
    content:none !important;display:none !important;opacity:0 !important;visibility:hidden !important;
  }
  body.pv-body .rat-banbar .stellar-slot > .pv17-stellar-crown,
  body.pv-body .rat-banbar .secondary-slot > .pv17-stellar-crown,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot > .pv17-stellar-crown,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot > .pv17-stellar-crown{
    position:absolute !important;left:50% !important;top:-9px !important;right:auto !important;bottom:auto !important;transform:translateX(-50%) !important;
    width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;max-width:18px !important;max-height:18px !important;
    display:grid !important;place-items:center !important;font-size:15px !important;line-height:18px !important;color:#ffe487 !important;
    background:transparent !important;border:0 !important;box-shadow:none !important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.82)) !important;
    text-shadow:0 0 8px rgba(255,220,90,.48),0 2px 7px rgba(0,0,0,.88) !important;z-index:180 !important;pointer-events:none !important;opacity:1 !important;visibility:visible !important;
  }
  body.pv-body .rat-banbar .stellar-slot .masked-mark.pv17-stellar-question,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot .masked-mark.pv17-stellar-question,
  body.pv-body #stellar-ladrona > .masked-mark.pv17-stellar-question,
  body.pv-body #stellar-malvada > .masked-mark.pv17-stellar-question,
  body.pv-body #stellar-corrupta > .masked-mark.pv17-stellar-question,
  body.pv-body #stellar-caotica > .masked-mark.pv17-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-ladrona > .masked-mark.pv17-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-malvada > .masked-mark.pv17-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-corrupta > .masked-mark.pv17-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-caotica > .masked-mark.pv17-stellar-question{
    position:absolute !important;
    inset:0 !important;
    left:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:7px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    color:#ffe36b !important;
    -webkit-text-fill-color:#ffe36b !important;
    text-shadow:0 0 4px rgba(255,216,80,.62),0 1px 4px rgba(0,0,0,.78) !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:145 !important;
    pointer-events:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
  }
  body.pv-body .rat-banbar .secondary-slot .masked-mark.pv17-stellar-question,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot .masked-mark.pv17-stellar-question{display:none !important;}

  /* Confirmar pick/ban/protección: tamaño compacto, no full width. */
  body.pv-body #confirm-pick-btn,
  body.pv-body .confirm-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .confirm-btn{
    width:auto !important;min-width:92px !important;max-width:min(250px, calc(100% - 40px)) !important;height:auto !important;min-height:17px !important;max-height:none !important;
    padding:2px 10px !important;margin:0 auto !important;font-size:6.4px !important;line-height:1.12 !important;border-radius:9px !important;white-space:normal !important;overflow:visible !important;text-align:center !important;transform:none !important;
  }

  /* Avisos/toasts móviles más estrechos, pero sin cortar contenido. */
  body.pv-body .action-banner-overlay,
  body.pv-body .global-toast.action-banner,
  body.pv-body .global-toast.theme-round,
  body.pv-body .global-toast,
  body.pv-body .round-toast,
  body.pv-body .toast-panel,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .global-toast.action-banner,
  body.pv-body.pv-ratas-fullscreen .global-toast.theme-round,
  body.pv-body.pv-ratas-fullscreen .global-toast,
  body.pv-body.pv-ratas-fullscreen .round-toast,
  body.pv-body.pv-ratas-fullscreen .toast-panel{
    width:auto !important;min-width:0 !important;max-width:min(42vw,330px) !important;padding:4px 8px !important;font-size:7.2px !important;line-height:1.13 !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;text-align:center !important;z-index:2147483600 !important;pointer-events:none !important;
  }

  /* Tornado: las fases normales siguen del ancho central; intercambio/protección/ruletas dobles tienen ancho propio. */
  body.pv-body.pv17-tornado-normal .modal.tornado-sheet .modal-card,
  body.pv-body.pv17-tornado-normal .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-normal .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-normal .tornado-modal .modal-card{
    width:var(--pv-mobile-center, min(318px,35.5vw)) !important;max-width:var(--pv-mobile-center, min(318px,35.5vw)) !important;min-width:0 !important;
  }
  body.pv-body.pv17-tornado-wide .modal.tornado-sheet .modal-card,
  body.pv-body.pv17-tornado-wide .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-modal .modal-card{
    width:min(805px, calc(100vw - 10px)) !important;max-width:min(805px, calc(100vw - 10px)) !important;min-width:0 !important;padding:7px 9px !important;overflow:visible !important;
  }
  body.pv-body.pv17-tornado-wide .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-chaos-columns{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;width:100% !important;max-width:100% !important;}
  body.pv-body.pv17-tornado-wide .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-chaos-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:5px !important;}
  body.pv-body.pv17-tornado-wide .tornado-char-card,
  body.pv-body.pv17-tornado-wide .tornado-roulette-card--chaos,
  body.pv-body.pv17-tornado-wide .tornado-spin-item,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-roulette-card--chaos,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-spin-item{
    min-height:44px !important;padding:4px 5px !important;font-size:7.4px !important;line-height:1.08 !important;overflow:hidden !important;
  }
  body.pv-body.pv17-tornado-wide .tornado-char-card strong,
  body.pv-body.pv17-tornado-wide .tornado-spin-item b,
  body.pv-body.pv17-tornado-wide .tornado-roulette-card--chaos b,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-char-card strong,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-spin-item b,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-roulette-card--chaos b{
    font-size:8.2px !important;line-height:1.05 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;
  }
  body.pv-body.pv17-tornado-wide .tnd-protect-row,
  body.pv-body.pv17-tornado-wide .tnd-spin-row,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tnd-spin-row{display:grid !important;grid-template-columns:minmax(0,1fr) 28px !important;gap:4px !important;align-items:center !important;}
  body.pv-body.pv17-tornado-wide .tnd-protect-row img,
  body.pv-body.pv17-tornado-wide .tnd-spin-chibi,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tnd-spin-chibi{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;object-fit:contain !important;}
  body.pv-body.pv17-tornado-wide .tornado-dual-spin,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-dual-spin{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;}
  body.pv-body.pv17-tornado-wide .tornado-auto-note,
  body.pv-body.pv17-tornado-wide .tornado-picked-line,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-auto-note,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-wide .tornado-picked-line{position:relative !important;z-index:2147483001 !important;background:rgba(8,6,14,.80) !important;border-radius:8px !important;padding:4px 6px !important;font-size:7.2px !important;line-height:1.15 !important;color:#fff !important;}

  /* Post draft: más alto y legible solo en POST DRAFT. */
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-actions{
    height:184px !important;min-height:184px !important;max-height:184px !important;bottom:3px !important;padding:7px 8px !important;background:linear-gradient(180deg, rgba(7,6,12,.91), rgba(4,3,8,.96)) !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:12px !important;box-shadow:0 12px 30px rgba(0,0,0,.40) !important;overflow:hidden !important;z-index:150 !important;
  }
  body.pv-body.pv17-postdraft-mobile #action-area,
  body.pv-body.pv17-postdraft-mobile #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area .action-wrap{height:100% !important;max-height:100% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;padding:2px 4px !important;gap:4px !important;scrollbar-width:none !important;}
  body.pv-body.pv17-postdraft-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #malvada-elim-dock{display:none !important;visibility:hidden !important;opacity:0 !important;height:0 !important;min-height:0 !important;max-height:0 !important;overflow:hidden !important;}
  body.pv-body.pv17-postdraft-mobile .action-title,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .action-title{font-size:9px !important;line-height:1.05 !important;margin:0 auto 2px !important;display:block !important;}
  body.pv-body.pv17-postdraft-mobile .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-ready-board{display:grid !important;grid-template-columns:1fr 1fr !important;gap:4px !important;width:100% !important;}
  body.pv-body.pv17-postdraft-mobile .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-ready-pill{font-size:6.5px !important;line-height:1.08 !important;padding:2px 4px !important;min-width:0 !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body.pv17-postdraft-mobile .broom-copy,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .broom-copy{font-size:6.8px !important;line-height:1.15 !important;margin:1px auto !important;max-width:100% !important;}
  body.pv-body.pv17-postdraft-mobile .postdraft-btnrow,
  body.pv-body.pv17-postdraft-mobile .action-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .action-btnrow{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:center !important;gap:4px !important;width:100% !important;overflow:visible !important;}
  body.pv-body.pv17-postdraft-mobile .postdraft-btn,
  body.pv-body.pv17-postdraft-mobile .pv17-force-finish-inline,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-btn,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .pv17-force-finish-inline{min-height:18px !important;height:auto !important;padding:3px 7px !important;font-size:6.6px !important;line-height:1.08 !important;border-radius:9px !important;max-width:138px !important;white-space:normal !important;}

  /* Malvada: calaveras sólidas al tener PJ. */
  body.pv-body #elims-malvada .mini-slot,
  body.pv-body #elims-malvada .mini-slot::before,
  body.pv-body #elims-malvada .mini-slot.filled::before,
  body.pv-body #elims-malvada .mini-slot.has-pick::before,
  body.pv-body #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot.filled::before,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot.has-pick::before{opacity:1 !important;visibility:visible !important;filter:none !important;mix-blend-mode:normal !important;}
}

/* Post Draft: ocultar del grid central los personajes ya no disponibles, en PC y móvil. */
body.pv-body.pv17-postdraft-phase #characters .character.pv17-broom-unavailable-hidden,
body.pv-body.pv17-postdraft-phase .characters-grid .character.pv17-broom-unavailable-hidden{display:none !important;}


/* RATAS REQUESTED-ONLY CSS. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){

  /* Coronas: matar TODAS las coronas/estrellas falsas en móvil, incluidas las de picks. */
  body.pv-body #stellar-ladrona.has-crown::after,body.pv-body #stellar-malvada.has-crown::after,body.pv-body #stellar-corrupta.has-crown::after,body.pv-body #stellar-caotica.has-crown::after,
  body.pv-body #extra-stellar-ladrona.has-crown::after,body.pv-body #extra-stellar-malvada.has-crown::after,body.pv-body #extra-stellar-corrupta.has-crown::after,body.pv-body #extra-stellar-caotica.has-crown::after,
  body.pv-body .stellar-slot.has-crown::before,body.pv-body .stellar-slot.has-crown::after,body.pv-body .secondary-slot.has-crown::before,body.pv-body .secondary-slot.has-crown::after,
  body.pv-body .pick-slot.stellar::before,body.pv-body .pick-slot.stellar::after,body.pv-body .pick-slot.has-crown::before,body.pv-body .pick-slot.has-crown::after,
  body.pv-body .rat-grid .pick-slot.stellar::before,body.pv-body .rat-grid .pick-slot.stellar::after,body.pv-body .rat-grid .pick-slot.has-crown::before,body.pv-body .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen #stellar-ladrona.has-crown::after,body.pv-body.pv-ratas-fullscreen #stellar-malvada.has-crown::after,body.pv-body.pv-ratas-fullscreen #stellar-corrupta.has-crown::after,body.pv-body.pv-ratas-fullscreen #stellar-caotica.has-crown::after,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-ladrona.has-crown::after,body.pv-body.pv-ratas-fullscreen #extra-stellar-malvada.has-crown::after,body.pv-body.pv-ratas-fullscreen #extra-stellar-corrupta.has-crown::after,body.pv-body.pv-ratas-fullscreen #extra-stellar-caotica.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .pick-slot.stellar::after,body.pv-body.pv-ratas-fullscreen .pick-slot.has-crown::after{content:none!important;display:none!important;opacity:0!important;visibility:hidden!important;}
  body.pv-body .pv17-stellar-crown{display:none!important;}
  body.pv-body .pv17-single-crown,
  body.pv-body.pv-ratas-fullscreen .pv17-single-crown{position:absolute!important;left:50%!important;top:-9px!important;transform:translateX(-50%)!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;font-size:15px!important;line-height:18px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#ffe487!important;z-index:190!important;pointer-events:none!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.82))!important;}
  body.pv-body .masked-mark.pv17-first-stellar-question,
  body.pv-body.pv-ratas-fullscreen .masked-mark.pv17-first-stellar-question,
  body.pv-body #stellar-ladrona > .masked-mark.pv17-first-stellar-question,
  body.pv-body #stellar-malvada > .masked-mark.pv17-first-stellar-question,
  body.pv-body #stellar-corrupta > .masked-mark.pv17-first-stellar-question,
  body.pv-body #stellar-caotica > .masked-mark.pv17-first-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-ladrona > .masked-mark.pv17-first-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-malvada > .masked-mark.pv17-first-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-corrupta > .masked-mark.pv17-first-stellar-question,
  body.pv-body.pv-ratas-fullscreen #stellar-caotica > .masked-mark.pv17-first-stellar-question{position:absolute!important;display:grid!important;place-items:center!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;font-size:9px!important;line-height:1!important;color:#ffd75a!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:0 0 4px rgba(255,213,80,.62),0 1px 4px rgba(0,0,0,.78)!important;z-index:160!important;filter:none!important;}

  /* Confirmar pick/ban/protección: tamaño compacto, no full width. */
  body.pv-body #confirm-pick-btn.confirm-btn,
  body.pv-body.pv-ratas-fullscreen #confirm-pick-btn.confirm-btn{width:auto!important;min-width:104px!important;max-width:min(258px, calc(100% - 34px))!important;height:auto!important;min-height:18px!important;max-height:none!important;padding:3px 12px!important;font-size:6.7px!important;line-height:1.1!important;white-space:normal!important;border-radius:9px!important;}

  /* Textos/anuncios móviles más cortos horizontalmente sin cortar texto. */
  body.pv-body .global-toast,body.pv-body .round-toast,body.pv-body .toast-panel,body.pv-body .action-banner-overlay,body.pv-body .tornado-auto-note,body.pv-body .tornado-picked-line,
  body.pv-body.pv-ratas-fullscreen .global-toast,body.pv-body.pv-ratas-fullscreen .round-toast,body.pv-body.pv-ratas-fullscreen .toast-panel,body.pv-body.pv-ratas-fullscreen .action-banner-overlay,body.pv-body.pv-ratas-fullscreen .tornado-auto-note,body.pv-body.pv-ratas-fullscreen .tornado-picked-line{max-width:min(42vw,330px)!important;width:auto!important;min-width:0!important;padding:4px 8px!important;font-size:7.1px!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;z-index:2147483600!important;}

  /* Tornado: solo las fases de intercambio/protección/ruleta usan panel ancho y consistente. */
  body.pv-body.pv17-tornado-requested-wide .modal.tornado-sheet .modal-card,
  body.pv-body.pv17-tornado-requested-wide .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-modal .modal-card{width:min(760px,calc(100vw - 12px))!important;max-width:min(760px,calc(100vw - 12px))!important;padding:7px 10px!important;overflow:visible!important;}
  body.pv-body.pv17-tornado-requested-normal .modal.tornado-sheet .modal-card,
  body.pv-body.pv17-tornado-requested-normal .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-normal .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-normal .tornado-modal .modal-card{width:var(--pv-mobile-center,min(318px,35.5vw))!important;max-width:var(--pv-mobile-center,min(318px,35.5vw))!important;}
  body.pv-body.pv17-tornado-requested-wide .tornado-dual-spin,
  body.pv-body.pv17-tornado-requested-wide .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-dual-spin,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-chaos-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;}
  body.pv-body.pv17-tornado-requested-wide .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-chaos-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}
  body.pv-body.pv17-tornado-requested-wide .tornado-char-card,
  body.pv-body.pv17-tornado-requested-wide .tornado-roulette-card--chaos,
  body.pv-body.pv17-tornado-requested-wide .tornado-spin-item,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-roulette-card--chaos,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-spin-item{min-height:46px!important;padding:4px 5px!important;font-size:7.8px!important;line-height:1.1!important;overflow:hidden!important;}
  body.pv-body.pv17-tornado-requested-wide .tornado-char-card strong,
  body.pv-body.pv17-tornado-requested-wide .tornado-spin-item b,
  body.pv-body.pv17-tornado-requested-wide .tornado-roulette-card--chaos b,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-char-card strong,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-spin-item b,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tornado-roulette-card--chaos b{font-size:10.8px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;padding-left:3px!important;box-sizing:border-box!important;}
  body.pv-body.pv17-tornado-requested-wide .tnd-char-name,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tnd-char-name{font-size:12px!important;line-height:1.1!important;display:block!important;padding-left:4px!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.pv-body.pv17-tornado-requested-wide .tnd-slot-no,
  body.pv-body.pv17-tornado-requested-wide .tnd-chaos-sub,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tnd-slot-no,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tnd-chaos-sub{font-size:9.2px!important;line-height:1.1!important;}
  body.pv-body.pv17-tornado-requested-wide .tnd-protect-row,
  body.pv-body.pv17-tornado-requested-wide .tnd-spin-row,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tnd-spin-row{display:grid!important;grid-template-columns:minmax(0,1fr) 32px!important;gap:5px!important;align-items:center!important;padding-left:4px!important;box-sizing:border-box!important;}
  body.pv-body.pv17-tornado-requested-wide .tnd-protect-row img,
  body.pv-body.pv17-tornado-requested-wide .tnd-spin-chibi,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen.pv17-tornado-requested-wide .tnd-spin-chibi{width:32px!important;height:32px!important;object-fit:contain!important;}

  /* Post Draft: Malvada debe ver título, escoba/listo y confirmación, con fondo oscuro. */
  body.pv-body.pv17-postdraft-active-final .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-actions{height:184px!important;min-height:184px!important;max-height:184px!important;bottom:3px!important;padding:7px 8px!important;background:linear-gradient(180deg,rgba(7,6,12,.92),rgba(4,3,8,.97))!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;overflow:hidden!important;z-index:160!important;}
  body.pv-body.pv17-postdraft-active-final #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #malvada-elim-dock{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;}
  body.pv-body.pv17-postdraft-active-final #action-area,
  body.pv-body.pv17-postdraft-active-final #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area .action-wrap{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;padding:2px 4px!important;gap:4px!important;}
  body.pv-body.pv17-postdraft-active-final .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-ready-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important;}
  body.pv-body.pv17-postdraft-active-final .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-ready-pill{font-size:6.6px!important;line-height:1.08!important;padding:2px 4px!important;min-width:0!important;}
  body.pv-body.pv17-postdraft-active-final .postdraft-btn,
  body.pv-body.pv17-postdraft-active-final .pv17-confirm-force-finalize,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-btn,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .pv17-confirm-force-finalize{min-height:18px!important;height:auto!important;padding:3px 7px!important;font-size:6.7px!important;line-height:1.08!important;border-radius:9px!important;max-width:138px!important;white-space:normal!important;}
}

/* Post Draft: ocultar no disponibles del grid central en PC y móvil, para todas las ratas. */
body.pv-body.pv17-postdraft-active-final #characters .character.pv17-post-broom-hide,
body.pv-body.pv17-postdraft-active-final .characters-grid .character.pv17-post-broom-hide{display:none!important;}


/* POST DRAFT MÓVIL RESTAURADO Base visual tipo ; corrige Malvada sin tocar otras fases. */
@media (orientation: landscape) and (max-width: 950px) and (max-height: 520px){
  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv17-postdraft-active-final .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-actions{
    height:148px !important;
    min-height:148px !important;
    max-height:148px !important;
    bottom:3px !important;
    padding:6px 7px !important;
    gap:3px !important;
    background:linear-gradient(180deg, rgba(7,6,12,.88), rgba(4,3,8,.94)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:12px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.36) !important;
    overflow:hidden !important;
  }

  body.pv-body.pv-ratas-broom-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-final-mobile #malvada-elim-dock,
  body.pv-body.pv17-postdraft-mobile #malvada-elim-dock,
  body.pv-body.pv17-postdraft-active-final #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-final-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-broom-mobile #action-area .action-wrap,
  body.pv-body.pv17-postdraft-mobile #action-area,
  body.pv-body.pv17-postdraft-mobile #action-area .action-wrap,
  body.pv-body.pv17-postdraft-active-final #action-area,
  body.pv-body.pv17-postdraft-active-final #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area .action-wrap{
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:2px 4px !important;
    gap:3px !important;
    scrollbar-width:none !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area::-webkit-scrollbar,
  body.pv-body.pv-ratas-broom-mobile #action-area .action-wrap::-webkit-scrollbar,
  body.pv-body.pv17-postdraft-mobile #action-area::-webkit-scrollbar,
  body.pv-body.pv17-postdraft-mobile #action-area .action-wrap::-webkit-scrollbar,
  body.pv-body.pv17-postdraft-active-final #action-area::-webkit-scrollbar,
  body.pv-body.pv17-postdraft-active-final #action-area .action-wrap::-webkit-scrollbar{
    display:none !important;
  }

  body.pv-body.pv-ratas-broom-mobile .action-title,
  body.pv-body.pv17-postdraft-mobile .action-title,
  body.pv-body.pv17-postdraft-active-final .action-title,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-title,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .action-title,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .action-title{
    display:block !important;
    margin:0 auto 2px !important;
    font-size:9px !important;
    line-height:1.05 !important;
  }

  body.pv-body.pv-ratas-broom-mobile .action-sub,
  body.pv-body.pv-ratas-broom-mobile .broom-copy,
  body.pv-body.pv17-postdraft-mobile .action-sub,
  body.pv-body.pv17-postdraft-mobile .broom-copy,
  body.pv-body.pv17-postdraft-active-final .action-sub,
  body.pv-body.pv17-postdraft-active-final .broom-copy,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-sub,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .broom-copy,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .action-sub,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .broom-copy,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .action-sub,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .broom-copy{
    font-size:6.8px !important;
    line-height:1.12 !important;
    margin:1px auto !important;
    padding:1px 3px !important;
    max-width:100% !important;
  }

  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-board,
  body.pv-body.pv17-postdraft-mobile .postdraft-ready-board,
  body.pv-body.pv17-postdraft-active-final .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:3px !important;
    width:100% !important;
    max-height:none !important;
    overflow:visible !important;
    align-items:center !important;
  }

  body.pv-body.pv-ratas-broom-mobile .postdraft-ready-pill,
  body.pv-body.pv17-postdraft-mobile .postdraft-ready-pill,
  body.pv-body.pv17-postdraft-active-final .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-ready-pill{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding:2px 3px !important;
    font-size:6.4px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body.pv-ratas-broom-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-broom-mobile .action-btnrow,
  body.pv-body.pv17-postdraft-mobile .postdraft-btnrow,
  body.pv-body.pv17-postdraft-mobile .action-btnrow,
  body.pv-body.pv17-postdraft-active-final .postdraft-btnrow,
  body.pv-body.pv17-postdraft-active-final .action-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .action-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
    width:100% !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-broom-mobile .postdraft-btn,
  body.pv-body.pv-ratas-broom-mobile .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-broom-mobile .action-btnrow .big-choice,
  body.pv-body.pv17-postdraft-mobile .postdraft-btn,
  body.pv-body.pv17-postdraft-mobile .postdraft-btnrow .big-choice,
  body.pv-body.pv17-postdraft-mobile .action-btnrow .big-choice,
  body.pv-body.pv17-postdraft-active-final .postdraft-btn,
  body.pv-body.pv17-postdraft-active-final .postdraft-btnrow .big-choice,
  body.pv-body.pv17-postdraft-active-final .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btn,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-btn,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-btn,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:18px !important;
    height:auto !important;
    padding:2px 6px !important;
    font-size:6.5px !important;
    line-height:1.08 !important;
    border-radius:8px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.pv-body.pv-ratas-broom-mobile #confirm-pick-btn.confirm-force-finish,
  body.pv-body.pv-ratas-broom-mobile .postdraft-btn-force,
  body.pv-body.pv-ratas-broom-mobile .pv17-force-finish-inline,
  body.pv-body.pv-ratas-broom-mobile .pv17-confirm-force-finalize,
  body.pv-body.pv17-postdraft-mobile #confirm-pick-btn.confirm-force-finish,
  body.pv-body.pv17-postdraft-mobile .postdraft-btn-force,
  body.pv-body.pv17-postdraft-mobile .pv17-force-finish-inline,
  body.pv-body.pv17-postdraft-mobile .pv17-confirm-force-finalize,
  body.pv-body.pv17-postdraft-active-final #confirm-pick-btn.confirm-force-finish,
  body.pv-body.pv17-postdraft-active-final .postdraft-btn-force,
  body.pv-body.pv17-postdraft-active-final .pv17-force-finish-inline,
  body.pv-body.pv17-postdraft-active-final .pv17-confirm-force-finalize{
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
    min-height:18px !important;
    height:auto !important;
    width:100% !important;
    max-width:100% !important;
    padding:2px 6px !important;
    font-size:6.5px !important;
    line-height:1.08 !important;
    z-index:260 !important;
  }
}


/* POST DRAFT MALVADA MÓVIL Solo corrige el panel Post Draft cuando la zona central lleva dock de Malvada. No toca PC ni otras fases. */
@media (orientation: landscape) and (max-width: 950px) and (max-height: 520px){
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2){
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    bottom:3px !important;
    padding:3px 5px !important;
    gap:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area{
    order:1 !important;
    align-self:stretch !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    width:100% !important;
    margin:0 !important;
    padding:2px 3px !important;
    gap:2px !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0, auto) auto !important;
    align-content:center !important;
    justify-items:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    font-size:8.5px !important;
    line-height:1 !important;
    letter-spacing:.25px !important;
    text-align:center !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:2px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    max-height:28px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:12px !important;
    padding:1px 3px !important;
    font-size:6.3px !important;
    line-height:1 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy{
    display:block !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 2px !important;
    font-size:6.3px !important;
    line-height:1.06 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:3px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:17px !important;
    height:auto !important;
    padding:2px 5px !important;
    font-size:6.3px !important;
    line-height:1.05 !important;
    border-radius:8px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* Confirm button sticky inside mobile character scroll. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body .center-card .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .center-card .characters-scroll{
    position:relative;
  }

  body.pv-body .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap{
    position:sticky !important;
    top:0 !important;
    z-index:520 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    width:100% !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)){
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    margin:0 auto 4px !important;
    padding:2px 0 4px !important;
  }

  body.pv-body .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body .center-card .confirm-stick-wrap .confirm-btn,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap .confirm-btn{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    margin:0 !important;
    width:auto !important;
    min-width:104px !important;
    max-width:min(258px, calc(100% - 34px)) !important;
    min-height:18px !important;
    height:auto !important;
    max-height:none !important;
    padding:3px 12px !important;
    font-size:6.7px !important;
    line-height:1.1 !important;
    border-radius:9px !important;
    white-space:normal !important;
    text-align:center !important;
    overflow:visible !important;
    z-index:521 !important;
  }
}


/* RATAS MOBILE LANDSCAPE COMPACT 667x375 Ajuste responsive SOLO para pantallas angostas tipo iPhone SE. No aplica al layout aprobado de 844x390. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  :root{
    --rm-topbar:20px !important;
    --rm-gap:2px !important;
    --rm-center:minmax(282px,286px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 286px - 10px) / 2)) !important;
    --rm-pick:29px !important;
    --rm-mini:21px !important;
    --rm-special:21px !important;
    --rm-elim:28px !important;
    --rm-char:34px !important;
    --pv-mobile-center:min(286px,43vw) !important;
    --pv-mobile-gap:2px !important;
    --pv-player-head:34px !important;
  }

  body.pv-body,
  body.pv-body.pv-ratas-fullscreen{
    grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
  }

  body.pv-body .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar{
    height:var(--rm-topbar) !important;
    min-height:var(--rm-topbar) !important;
  }

  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;
    padding:var(--rm-gap) !important;
    gap:var(--rm-gap) !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
  }

  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    transform:translateY(-18px) !important;
    height:calc(100% + 18px) !important;
  }

  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    grid-template-rows:34px 28px 62px minmax(0,1fr) 21px !important;
    border-radius:9px !important;
  }

  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    padding:6px 6px 3px !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    font-size:7.7px !important;
    line-height:1.14 !important;
    padding:0 1px !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{
    font-size:6.8px !important;
    margin-top:1px !important;
  }

  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    height:28px !important;
    min-height:28px !important;
    max-height:28px !important;
    padding:0 3px 1px !important;
  }
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center{
    height:26px !important;
    min-height:26px !important;
    max-height:26px !important;
    gap:6px !important;
  }
  body.pv-body .extra-bans-center .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center .extra-ban-slot{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    max-width:25px !important;
    max-height:25px !important;
    border-radius:7px !important;
  }

  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    height:62px !important;
    min-height:62px !important;
    max-height:62px !important;
    padding:3px 5px 3px !important;
    gap:2px !important;
    grid-template-rows:18px 18px 18px !important;
    background:linear-gradient(180deg, rgba(6,4,13,.16), rgba(6,4,13,.04)) !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div,
  body.pv-body.pv-ratas-fullscreen #filter-bar > div,
  body.pv-body.pv-ratas-fullscreen .filter-bar > div{
    height:18px !important;
    min-height:18px !important;
    gap:2px !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  body.pv-body #filter-bar h4,
  body.pv-body .filter-bar h4,
  body.pv-body.pv-ratas-fullscreen #filter-bar h4,
  body.pv-body.pv-ratas-fullscreen .filter-bar h4{
    font-size:6px !important;
    line-height:1 !important;
    margin-right:2px !important;
    letter-spacing:.01em !important;
  }
  body.pv-body #search-input,
  body.pv-body #filter-bar input[type="text"],
  body.pv-body #filter-bar input[type="search"],
  body.pv-body.pv-ratas-fullscreen #search-input,
  body.pv-body.pv-ratas-fullscreen #filter-bar input[type="text"],
  body.pv-body.pv-ratas-fullscreen #filter-bar input[type="search"]{
    width:136px !important;
    max-width:136px !important;
    height:16px !important;
    min-height:16px !important;
    max-height:16px !important;
    padding:1px 6px !important;
    font-size:6.1px !important;
    border-radius:6px !important;
  }
  body.pv-body .filter-button,
  body.pv-body.pv-ratas-fullscreen .filter-button{
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    min-height:15px !important;
    max-width:15px !important;
    max-height:15px !important;
    border-radius:5px !important;
  }
  body.pv-body .filter-button[data-value="Todos"],
  body.pv-body.pv-ratas-fullscreen .filter-button[data-value="Todos"]{
    min-width:28px !important;
    max-width:30px !important;
    height:15px !important;
    min-height:15px !important;
    max-height:15px !important;
    padding:0 3px !important;
    font-size:5px !important;
    line-height:15px !important;
  }
  body.pv-body .filter-image,
  body.pv-body .filter-image img,
  body.pv-body.pv-ratas-fullscreen .filter-image,
  body.pv-body.pv-ratas-fullscreen .filter-image img{
    width:10px !important;
    height:10px !important;
  }

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding:5px 4px 5px !important;
  }
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(6,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 8px) !important;
    gap:5px 5px !important;
    justify-content:center !important;
    max-width:100% !important;
  }
  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{
    width:var(--rm-char) !important;
    height:var(--rm-char) !important;
    min-width:var(--rm-char) !important;
    min-height:var(--rm-char) !important;
    max-width:var(--rm-char) !important;
    max-height:var(--rm-char) !important;
  }

  body.pv-body .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap{
    z-index:540 !important;
  }
  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)){
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    margin:0 auto 3px !important;
    padding:2px 0 3px !important;
  }
  body.pv-body .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body .center-card .confirm-stick-wrap .confirm-btn,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap .confirm-btn{
    min-width:92px !important;
    max-width:min(218px, calc(100% - 30px)) !important;
    min-height:16px !important;
    padding:2px 9px !important;
    font-size:5.9px !important;
    border-radius:8px !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    padding:2px 3px 3px !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    grid-template-rows:34px 21px minmax(0,1fr) 9px !important;
    column-gap:2px !important;
    row-gap:1px !important;
    border-radius:8px !important;
  }
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    grid-template-columns:32px minmax(0,1fr) 74px !important;
    gap:3px !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap{
    --size:28px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    margin-left:4px !important;
  }
  body.pv-body .rat-head-meta,
  body.pv-body.pv-ratas-fullscreen .rat-head-meta{
    padding-left:2px !important;
  }
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{
    font-size:7.8px !important;
    line-height:1 !important;
  }
  body.pv-body .rat-title-row,
  body.pv-body.pv-ratas-fullscreen .rat-title-row{
    height:8px !important;
    min-height:8px !important;
  }
  body.pv-body .rat-title-badge.title-badge,
  body.pv-body.pv-ratas-fullscreen .rat-title-badge.title-badge{
    font-size:5.2px !important;
    padding:1px 2px !important;
  }
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{
    width:8px !important;
    height:8px !important;
    min-width:8px !important;
  }
  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{
    max-width:72px !important;
    font-size:4.9px !important;
    padding:1px 3px !important;
  }
  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
  }
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    width:74px !important;
    height:5.7px !important;
    grid-template-columns:minmax(0,1fr) 16px !important;
  }
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    font-size:4.6px !important;
  }
  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{
    font-size:5px !important;
  }

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    width:22px !important;
    max-width:22px !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:2px !important;
  }
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:5px !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    height:21px !important;
    min-height:21px !important;
    grid-template-columns:18px max-content !important;
    gap:2px !important;
    transform:none !important;
    max-width:100% !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title,
  body.pv-body.pv-ratas-fullscreen .rat-minirow .mini-title,
  body.pv-body.pv-ratas-fullscreen .mini-title{
    font-size:5.6px !important;
  }
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:2px !important;
  }
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
    border-radius:5px !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:3px !important;
    row-gap:3px !important;
    padding-left:16px !important;
    transform:none !important;
    margin:0 auto !important;
    justify-self:center !important;
    align-self:end !important;
    max-width:100% !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:0 !important;
    width:14px !important;
    font-size:5.6px !important;
  }
  body.pv-body .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    border-radius:6px !important;
  }

  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .big-choice,
  body.pv-body .ready-btn,
  body.pv-body .undo-btn,
  body.pv-body .finalize-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .decision-btn,
  body.pv-body.pv-ratas-fullscreen .big-choice,
  body.pv-body.pv-ratas-fullscreen .ready-btn,
  body.pv-body.pv-ratas-fullscreen .undo-btn,
  body.pv-body.pv-ratas-fullscreen .finalize-btn{
    min-height:16px !important;
    padding:2px 6px !important;
    font-size:6.2px !important;
    border-radius:7px !important;
  }
}

/* RATAS MOBILE LANDSCAPE COMPACT 740x360 Ajuste responsive SOLO para pantallas intermedias tipo Galaxy S8+. No aplica a iPhone SE (ya tiene ) ni al layout aprobado 844x390. */
@media (orientation:landscape) and (min-width:701px) and (max-width:780px) and (max-height:390px){
  :root{
    --rm-topbar:20px !important;
    --rm-gap:2px !important;
    --rm-center:minmax(302px,306px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 306px - 10px) / 2)) !important;
    --rm-pick:34px !important;
    --rm-mini:24px !important;
    --rm-special:24px !important;
    --rm-elim:31px !important;
    --rm-char:36px !important;
    --pv-mobile-center:min(306px,41.5vw) !important;
    --pv-mobile-gap:2px !important;
    --pv-player-head:34px !important;
  }

  body.pv-body,
  body.pv-body.pv-ratas-fullscreen{
    grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
  }

  body.pv-body .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar{
    height:var(--rm-topbar) !important;
    min-height:var(--rm-topbar) !important;
  }

  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;
    padding:var(--rm-gap) !important;
    gap:var(--rm-gap) !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
  }

  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    transform:translateY(-14px) !important;
    height:calc(100% + 14px) !important;
  }

  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    grid-template-rows:32px 27px 60px minmax(0,1fr) 22px !important;
    border-radius:9px !important;
  }

  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    padding:5px 6px 2px !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    font-size:8px !important;
    line-height:1.14 !important;
    padding:0 1px !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{
    font-size:7px !important;
    margin-top:1px !important;
  }

  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    height:27px !important;
    min-height:27px !important;
    max-height:27px !important;
    padding:0 3px 1px !important;
  }
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center{
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    gap:6px !important;
  }
  body.pv-body .extra-bans-center .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center .extra-ban-slot{
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    max-width:25px !important;
    max-height:25px !important;
    border-radius:7px !important;
  }

  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    padding:3px 5px !important;
    gap:2px !important;
    grid-template-rows:17px 18px 18px !important;
    background:linear-gradient(180deg, rgba(6,4,13,.14), rgba(6,4,13,.04)) !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div,
  body.pv-body.pv-ratas-fullscreen #filter-bar > div,
  body.pv-body.pv-ratas-fullscreen .filter-bar > div{
    min-height:17px !important;
    gap:2px !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  body.pv-body #filter-bar h4,
  body.pv-body .filter-bar h4,
  body.pv-body.pv-ratas-fullscreen #filter-bar h4,
  body.pv-body.pv-ratas-fullscreen .filter-bar h4{
    font-size:6.1px !important;
    line-height:1 !important;
    margin-right:2px !important;
    letter-spacing:.01em !important;
  }
  body.pv-body #search-input,
  body.pv-body #filter-bar input[type="text"],
  body.pv-body #filter-bar input[type="search"],
  body.pv-body.pv-ratas-fullscreen #search-input,
  body.pv-body.pv-ratas-fullscreen #filter-bar input[type="text"],
  body.pv-body.pv-ratas-fullscreen #filter-bar input[type="search"]{
    width:148px !important;
    max-width:148px !important;
    height:16px !important;
    min-height:16px !important;
    max-height:16px !important;
    padding:1px 7px !important;
    font-size:6.3px !important;
    border-radius:6px !important;
  }
  body.pv-body .filter-button,
  body.pv-body.pv-ratas-fullscreen .filter-button{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
    border-radius:5px !important;
    padding:0 !important;
  }
  body.pv-body .filter-button[data-value="Todos"],
  body.pv-body.pv-ratas-fullscreen .filter-button[data-value="Todos"]{
    min-width:29px !important;
    max-width:31px !important;
    height:16px !important;
    min-height:16px !important;
    max-height:16px !important;
    padding:0 3px !important;
    font-size:5.1px !important;
    line-height:16px !important;
  }
  body.pv-body .filter-image,
  body.pv-body .filter-image img,
  body.pv-body.pv-ratas-fullscreen .filter-image,
  body.pv-body.pv-ratas-fullscreen .filter-image img{
    width:10px !important;
    height:10px !important;
  }

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding:5px 4px 5px !important;
  }
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(6,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 8px) !important;
    gap:5px 5px !important;
    justify-content:center !important;
    max-width:100% !important;
  }
  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{
    width:var(--rm-char) !important;
    height:var(--rm-char) !important;
    min-width:var(--rm-char) !important;
    min-height:var(--rm-char) !important;
    max-width:var(--rm-char) !important;
    max-height:var(--rm-char) !important;
  }

  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)),
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)){
    height:25px !important;
    min-height:25px !important;
    max-height:25px !important;
    margin:0 auto 3px !important;
    padding:2px 0 3px !important;
  }
  body.pv-body .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body .center-card .confirm-stick-wrap .confirm-btn,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body.pv-ratas-fullscreen .center-card .confirm-stick-wrap .confirm-btn{
    min-width:96px !important;
    max-width:min(230px, calc(100% - 30px)) !important;
    min-height:16px !important;
    padding:2px 10px !important;
    font-size:6px !important;
    border-radius:8px !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    padding:2px 3px 3px !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    grid-template-rows:34px 22px minmax(0,1fr) 9px !important;
    column-gap:2px !important;
    row-gap:1px !important;
    border-radius:8px !important;
  }
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    grid-template-columns:32px minmax(0,1fr) 74px !important;
    gap:3px !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap{
    --size:28px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    margin-left:4px !important;
  }
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{
    font-size:7.8px !important;
    line-height:1 !important;
  }
  body.pv-body .rat-title-row,
  body.pv-body.pv-ratas-fullscreen .rat-title-row{
    height:8px !important;
    min-height:8px !important;
  }
  body.pv-body .rat-title-badge.title-badge,
  body.pv-body.pv-ratas-fullscreen .rat-title-badge.title-badge{
    font-size:5.2px !important;
    padding:1px 2px !important;
  }
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{
    width:8px !important;
    height:8px !important;
    min-width:8px !important;
  }
  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{
    max-width:72px !important;
    font-size:4.9px !important;
    padding:1px 3px !important;
  }
  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
  }
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    width:74px !important;
    height:5.7px !important;
    grid-template-columns:minmax(0,1fr) 16px !important;
  }
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    font-size:4.6px !important;
  }
  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{
    font-size:5px !important;
  }

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    width:24px !important;
    max-width:24px !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:2px !important;
  }
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:5px !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    height:22px !important;
    min-height:22px !important;
    grid-template-columns:18px max-content !important;
    gap:2px !important;
    transform:none !important;
    max-width:100% !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title,
  body.pv-body.pv-ratas-fullscreen .rat-minirow .mini-title,
  body.pv-body.pv-ratas-fullscreen .mini-title{
    font-size:5.6px !important;
  }
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:2px !important;
  }
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
    border-radius:5px !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:3px !important;
    row-gap:3px !important;
    padding-left:15px !important;
    transform:none !important;
    margin:0 auto !important;
    justify-self:center !important;
    align-self:end !important;
    max-width:100% !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid::before{
    left:0 !important;
    width:13px !important;
    font-size:5.5px !important;
  }
  body.pv-body .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    border-radius:6px !important;
  }

  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .big-choice,
  body.pv-body .ready-btn,
  body.pv-body .undo-btn,
  body.pv-body .finalize-btn,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .action-btnrow .decision-btn,
  body.pv-body.pv-ratas-fullscreen .big-choice,
  body.pv-body.pv-ratas-fullscreen .ready-btn,
  body.pv-body.pv-ratas-fullscreen .undo-btn,
  body.pv-body.pv-ratas-fullscreen .finalize-btn{
    min-height:16px !important;
    padding:2px 6px !important;
    font-size:6.2px !important;
    border-radius:7px !important;
  }
}


/* RATAS IPAD MINI LANDSCAPE 1024x768 Adaptación exclusiva para tablet horizontal. No toca PC grande 1980x1080 ni el móvil landscape aprobado <=950x520. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  :root{
    --rm-topbar:40px !important;
    --rm-gap:6px !important;
    --rm-center:minmax(392px,404px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 404px - 24px) / 2)) !important;
    --rm-pick:50px !important;
    --rm-mini:34px !important;
    --rm-special:41px !important;
    --rm-elim:32px !important;
    --rm-char:48px !important;
    --pv-mobile-center:min(404px,40vw) !important;
    --pv-mobile-gap:6px !important;
    --pv-player-head:68px !important;
  }

  html,
  body.pv-body{
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
  }
  body.pv-body,
  body.pv-body.pv-ratas-fullscreen{
    display:grid !important;
    grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
    background-image:url('/img/favicon/DraftIMAGEN.png') !important;
    background-size:cover !important;
    background-position:center !important;
    background-attachment:scroll !important;
  }
  body.pv-body .pv-ratas-rotate-overlay{display:none !important;}

  body.pv-body .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar{
    height:var(--rm-topbar) !important;
    min-height:var(--rm-topbar) !important;
    padding:0 !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(5,4,12,.58), rgba(5,4,12,.14)) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    pointer-events:none !important;
    z-index:60 !important;
  }
  body.pv-body .topbar-center,
  body.pv-body .brand-stack,
  body.pv-body.pv-ratas-fullscreen .topbar-center,
  body.pv-body.pv-ratas-fullscreen .brand-stack{
    height:var(--rm-topbar) !important;
    min-height:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link{
    position:fixed !important;
    left:154px !important;
    top:12px !important;
    z-index:70 !important;
    display:block !important;
    width:auto !important;
    max-width:180px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    text-align:left !important;
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#ff6f86 !important;
    color:#ff6f86 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.14em !important;
    text-shadow:0 0 14px rgba(255,78,108,.36),0 1px 4px rgba(0,0,0,.65) !important;
    animation:none !important;
    pointer-events:auto !important;
  }
  body.pv-body .floating-brand-unit,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit{
    position:fixed !important;
    left:48px !important;
    top:7px !important;
    z-index:71 !important;
    height:26px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body .floating-brand-unit .logo-icon,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-icon{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
  }
  body.pv-body .floating-brand-unit .logo-text,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-text{
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    color:#f8f2ff !important;
    text-shadow:0 0 10px rgba(255,255,255,.18) !important;
  }
  body.pv-body .floating-sound-panel,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel{
    position:fixed !important;
    right:10px !important;
    top:7px !important;
    z-index:72 !important;
    height:26px !important;
    min-height:26px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body .floating-trailer-panel.pv-ratas-trailer-in-soundbar{position:static !important;display:flex !important;order:0 !important;margin:0 2px 0 0 !important;}
  body.pv-body .floating-trailer-panel:not(.pv-ratas-trailer-in-soundbar){position:fixed !important;left:10px !important;right:auto !important;top:7px !important;z-index:72 !important;}
  body.pv-body .topbar-settings-btn,
  body.pv-body .fullscreen-toggle-ratas,
  body.pv-body .floating-sound-panel #volume-toggle,
  body.pv-body.pv-ratas-fullscreen .topbar-settings-btn,
  body.pv-body.pv-ratas-fullscreen .fullscreen-toggle-ratas,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel #volume-toggle{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:grid !important;
    place-items:center !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  body.pv-body .fullscreen-toggle-ratas svg,
  body.pv-body.pv-ratas-fullscreen .fullscreen-toggle-ratas svg{width:14px !important;height:14px !important;}
  body.pv-body .floating-sound-panel .volume-wrap,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel .volume-wrap{
    height:26px !important;
    min-height:26px !important;
    width:112px !important;
    max-width:112px !important;
    padding:0 9px !important;
    gap:6px !important;
    border-radius:999px !important;
  }
  body.pv-body .floating-sound-panel .volume-wrap.collapsed{width:0 !important;max-width:0 !important;padding-left:0 !important;padding-right:0 !important;overflow:hidden !important;}
  body.pv-body .floating-sound-panel .volume-wrap .vol-ico{font-size:12px !important;}
  body.pv-body .floating-sound-panel .volume-wrap input{width:72px !important;height:6px !important;}
  body.pv-body .topbar-settings-menu{top:31px !important;left:0 !important;right:auto !important;width:212px !important;max-width:calc(100vw - 20px) !important;padding:8px !important;border-radius:13px !important;}

  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;
    min-height:0 !important;
    padding:var(--rm-gap) !important;
    gap:var(--rm-gap) !important;
    display:grid !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:hidden !important;
  }
  body.pv-body #rat-ladrona{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada{grid-column:3 !important;grid-row:1 !important;}
  body.pv-body #rat-corrupta{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-caotica{grid-column:3 !important;grid-row:2 !important;}
  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    min-width:0 !important;
    min-height:0 !important;
    display:flex !important;
    transform:none !important;
    height:100% !important;
    z-index:32 !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    min-height:0 !important;
    height:100% !important;
    padding:7px 8px 8px !important;
    border-radius:15px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    grid-template-rows:68px 48px minmax(0,1fr) 22px !important;
    column-gap:8px !important;
    row-gap:5px !important;
  }
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    grid-column:1 / 3 !important;
    grid-row:1 !important;
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 118px !important;
    gap:7px !important;
    align-items:start !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap{
    --size:46px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    margin-left:3px !important;
    margin-top:6px !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap .avatar-img{width:100% !important;height:100% !important;object-fit:cover !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-img:not([hidden]){display:block !important;width:176% !important;height:176% !important;}
  body.pv-body .rat-head-meta,
  body.pv-body.pv-ratas-fullscreen .rat-head-meta{padding-left:0 !important;gap:2px !important;align-content:center !important;overflow:visible !important;min-width:0 !important;}
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{font-size:12.2px !important;line-height:1.05 !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .rat-title-row,
  body.pv-body.pv-ratas-fullscreen .rat-title-row{height:14px !important;min-height:14px !important;overflow:visible !important;}
  body.pv-body .rat-title-badge.title-badge,
  body.pv-body.pv-ratas-fullscreen .rat-title-badge.title-badge{font-size:8px !important;line-height:1 !important;padding:2px 5px !important;max-width:100% !important;}
  body.pv-body .rat-rank,
  body.pv-body.pv-ratas-fullscreen .rat-rank{height:17px !important;min-height:17px !important;gap:5px !important;overflow:visible !important;}
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{width:15px !important;height:15px !important;min-width:15px !important;}
  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{max-width:112px !important;font-size:7.4px !important;line-height:1.05 !important;padding:3px 6px !important;}
  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{width:118px !important;min-width:118px !important;max-width:118px !important;justify-self:end !important;margin-left:auto !important;margin-right:0 !important;gap:3px !important;overflow:visible !important;align-self:center !important;}
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{width:118px !important;min-width:118px !important;height:10.5px !important;min-height:10.5px !important;grid-template-columns:minmax(0,1fr) 20px !important;gap:3px !important;padding:1px 5px !important;border-radius:999px !important;overflow:hidden !important;}
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{font-size:7.1px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{font-size:8px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;}

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    grid-column:1 !important;
    grid-row:2 / 4 !important;
    width:44px !important;
    max-width:44px !important;
    justify-self:center !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:10px !important;
    place-items:center !important;
    overflow:visible !important;
    margin:7px 0 0 0 !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{display:contents !important;}
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:10px !important;
    overflow:visible !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    border-radius:9px !important;
    justify-self:center !important;
    align-self:center !important;
  }
  body.pv-body .safe-slot::before,
  body.pv-body .stellar-slot::before{content:none !important;display:none !important;}
  body.pv-body .safe-slot::after{
    content:"☠️" !important;
    position:absolute !important;
    left:50% !important;
    top:-10px !important;
    transform:translateX(-50%) !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    font-size:19px !important;
    line-height:1 !important;
    opacity:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.72)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after{
    content:"👑" !important;
    position:absolute !important;
    left:50% !important;
    top:-10px !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    font-size:19px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.66)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body #elims-malvada .mini-slot::before{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    top:-8px !important;
    transform:translateX(-50%) !important;
    width:18px !important;
    height:18px !important;
    display:grid !important;
    place-items:center !important;
    font-size:16px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.68)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    transform:none !important;
    font-size:20px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    grid-column:2 !important;
    grid-row:2 !important;
    height:46px !important;
    min-height:46px !important;
    display:grid !important;
    grid-template-columns:34px max-content !important;
    gap:7px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    transform:none !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title{font-size:8.4px !important;line-height:1 !important;letter-spacing:.08em !important;}
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{display:grid !important;grid-template-columns:repeat(4,var(--rm-mini)) !important;grid-auto-rows:var(--rm-mini) !important;gap:6px !important;align-items:center !important;justify-content:center !important;}
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{width:var(--rm-mini) !important;height:var(--rm-mini) !important;min-width:var(--rm-mini) !important;min-height:var(--rm-mini) !important;max-width:var(--rm-mini) !important;max-height:var(--rm-mini) !important;border-radius:9px !important;overflow:hidden !important;}

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    grid-column:1 / 3 !important;
    grid-row:3 !important;
    display:grid !important;
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:5px !important;
    row-gap:7px !important;
    padding:0 0 1px 54px !important;
    margin:10px auto 0 !important;
    align-self:start !important;
    justify-self:center !important;
    width:max-content !important;
    max-width:100% !important;
    position:relative !important;
    transform:none !important;
  }
  body.pv-body .rat-slot .rat-grid::before{left:16px !important;width:34px !important;font-size:8.2px !important;line-height:1 !important;letter-spacing:.08em !important;text-align:center !important;}
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;border-radius:12px !important;}
  body.pv-body .pick-slot img,
  body.pv-body .pick-slot > .pick-char-img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:11px !important;}
  body.pv-body .pick-cons-badge{top:3px !important;left:3px !important;min-width:18px !important;min-height:15px !important;font-size:7.5px !important;padding:0 4px !important;}
  body.pv-body .pick-weapon-badge,
  body.pv-body .mobile-r1-badge{right:3px !important;bottom:3px !important;width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;font-size:7px !important;}
  body.pv-body .rat-toolrow{grid-column:1 / 3 !important;grid-row:4 !important;min-height:18px !important;height:18px !important;align-items:center !important;}
  body.pv-body .broom-btn{min-height:18px !important;height:18px !important;padding:2px 8px !important;font-size:7.8px !important;border-radius:8px !important;}

  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    height:100% !important;
    min-height:0 !important;
    width:100% !important;
    border-radius:15px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:56px 56px 112px minmax(0,1fr) 76px !important;
  }
  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    padding:5px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 auto !important;
    font-size:14px !important;
    line-height:1.16 !important;
    letter-spacing:.03em !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-wrap:balance !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{display:block !important;font-size:10px !important;line-height:1 !important;margin-top:4px !important;color:#d9d2ef !important;}
  body.pv-body .center-sub{display:none !important;}
  body.pv-body .malvada-mobile-elims-dock{position:absolute !important;right:8px !important;top:6px !important;}

  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{height:56px !important;min-height:56px !important;max-height:56px !important;padding:3px 8px 5px !important;overflow:hidden !important;}
  body.pv-body .extra-bans-head,
  body.pv-body.pv-ratas-fullscreen .extra-bans-head{height:12px !important;min-height:12px !important;margin:0 0 3px !important;display:grid !important;grid-template-columns:1fr !important;place-items:center !important;}
  body.pv-body .extra-bans-title{grid-column:1 !important;justify-self:center !important;text-align:center !important;width:100% !important;margin:0 auto !important;font-size:9px !important;line-height:1 !important;letter-spacing:.10em !important;}
  body.pv-body .extra-side-pill{display:none !important;}
  body.pv-body .extra-bans-center{height:34px !important;min-height:34px !important;max-height:34px !important;gap:9px !important;align-items:center !important;justify-content:center !important;overflow:visible !important;}
  body.pv-body .extra-bans-center .extra-ban-slot{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;max-width:34px !important;max-height:34px !important;border-radius:9px !important;}

  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    padding:7px 10px !important;
    gap:5px !important;
    display:grid !important;
    grid-template-rows:28px 31px 31px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(6,4,13,.30), rgba(6,4,13,.08)) !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div{min-height:26px !important;gap:5px !important;justify-content:center !important;align-items:center !important;overflow:hidden !important;flex-wrap:nowrap !important;}
  body.pv-body #filter-bar h4,
  body.pv-body .filter-bar h4{font-size:8px !important;line-height:1 !important;margin-right:2px !important;letter-spacing:.04em !important;}
  body.pv-body #search-input,
  body.pv-body #filter-bar input[type="text"],
  body.pv-body #filter-bar input[type="search"]{width:250px !important;max-width:250px !important;height:26px !important;min-height:26px !important;max-height:26px !important;padding:4px 10px !important;font-size:9px !important;border-radius:9px !important;}
  body.pv-body .filter-button{width:25px !important;height:25px !important;min-width:25px !important;min-height:25px !important;max-width:25px !important;max-height:25px !important;border-radius:8px !important;padding:0 !important;}
  body.pv-body .filter-button[data-value="Todos"]{min-width:46px !important;max-width:54px !important;height:25px !important;min-height:25px !important;max-height:25px !important;padding:0 7px !important;font-size:7px !important;line-height:25px !important;}
  body.pv-body .filter-image,
  body.pv-body .filter-image img{width:17px !important;height:17px !important;}

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{padding:8px 8px 10px !important;overflow:auto !important;scrollbar-width:none !important;}
  body.pv-body .characters-scroll::-webkit-scrollbar{display:none !important;}
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(7,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 8px) !important;
    gap:7px 6px !important;
    justify-content:center !important;
    align-content:start !important;
    max-width:100% !important;
  }
  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{width:var(--rm-char) !important;height:var(--rm-char) !important;min-width:var(--rm-char) !important;min-height:var(--rm-char) !important;max-width:var(--rm-char) !important;max-height:var(--rm-char) !important;border-radius:50% !important;}

  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)){
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 auto 5px !important;
    padding:3px 0 5px !important;
  }
  body.pv-body .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body .center-card .confirm-stick-wrap .confirm-btn{min-width:150px !important;max-width:min(310px, calc(100% - 40px)) !important;min-height:25px !important;padding:4px 14px !important;font-size:9px !important;border-radius:9px !important;}
  body.pv-body #confirm-cancel-btn{width:25px !important;height:25px !important;min-width:25px !important;min-height:25px !important;font-size:12px !important;border-radius:8px !important;}

  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{height:76px !important;min-height:76px !important;max-height:76px !important;padding:7px 9px !important;overflow:hidden !important;border-top:1px solid rgba(255,255,255,.08) !important;}
  body.pv-body #action-area,
  body.pv-body #action-area .action-wrap{height:100% !important;max-height:100% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;gap:5px !important;align-content:center !important;}
  body.pv-body #action-area::-webkit-scrollbar,
  body.pv-body #action-area .action-wrap::-webkit-scrollbar{display:none !important;}
  body.pv-body .action-title{display:block !important;font-size:11px !important;line-height:1.1 !important;margin:0 auto 2px !important;text-align:center !important;}
  body.pv-body .action-sub,
  body.pv-body .broom-copy{font-size:8.5px !important;line-height:1.18 !important;text-align:center !important;}
  body.pv-body .action-btnrow{gap:6px !important;justify-content:center !important;align-items:center !important;}
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .big-choice,
  body.pv-body .ready-btn,
  body.pv-body .undo-btn,
  body.pv-body .finalize-btn{min-height:25px !important;padding:5px 10px !important;font-size:8.8px !important;border-radius:9px !important;}

  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv17-postdraft-active-final .center-actions{
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
    padding:8px 10px !important;
    overflow:hidden !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,rgba(7,6,12,.92),rgba(4,3,8,.96)) !important;
  }
  body.pv-body.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv-ratas-final-mobile .center-card,
  body.pv-body.pv17-postdraft-mobile .center-card,
  body.pv-body.pv17-postdraft-active-final .center-card{grid-template-rows:56px 56px 112px minmax(0,1fr) 132px !important;}

  body.pv-body .modal{padding:18px !important;}
  body.pv-body .modal-card{width:min(620px,94vw) !important;max-height:88dvh !important;border-radius:16px !important;}
}

/* Prioridad para especiales en iPad mini. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  body.pv-body #rat-ladrona .safe-slot,
  body.pv-body #rat-malvada .safe-slot,
  body.pv-body #rat-corrupta .safe-slot,
  body.pv-body #rat-caotica .safe-slot,
  body.pv-body #rat-ladrona .stellar-slot,
  body.pv-body #rat-malvada .stellar-slot,
  body.pv-body #rat-corrupta .stellar-slot,
  body.pv-body #rat-caotica .stellar-slot,
  body.pv-body #extra-stellar-ladrona,
  body.pv-body #extra-stellar-malvada,
  body.pv-body #extra-stellar-corrupta,
  body.pv-body #extra-stellar-caotica{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:10px !important;
    overflow:visible !important;
  }
  body.pv-body #rat-ladrona .rat-banbar,
  body.pv-body #rat-malvada .rat-banbar,
  body.pv-body #rat-corrupta .rat-banbar,
  body.pv-body #rat-caotica .rat-banbar{
    grid-column:1 !important;
    grid-row:2 / 4 !important;
    width:44px !important;
    max-width:44px !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:10px !important;
    justify-self:center !important;
    align-self:start !important;
    place-items:center !important;
    margin:7px 0 0 0 !important;
    padding:0 !important;
    transform:none !important;
  }

  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{
    display:contents !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    border-radius:9px !important;
  }
}

/* RATAS ajustes puntuales iPad mini 1024x768 Solo aplica a tablet horizontal: centra y agranda selección. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  :root{
    --rm-center:minmax(418px,420px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 420px - 24px) / 2)) !important;
    --rm-char:56px !important;
  }

  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link,
  body.pv-site-title-rat-turn:not(.pv-site-title-elemental) .brand-link,
  body.pv-site-title-elemental .brand-link{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:12px !important;
    width:max-content !important;
    max-width:260px !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    margin:0 !important;
    justify-self:center !important;
  }

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding:10px 6px 12px !important;
    overflow:auto !important;
    scrollbar-width:none !important;
  }

  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(6,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 18px) !important;
    gap:1px 14px !important;
    place-items:center !important;
    justify-content:center !important;
    align-content:start !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{
    width:var(--rm-char) !important;
    height:var(--rm-char) !important;
    min-width:var(--rm-char) !important;
    min-height:var(--rm-char) !important;
    max-width:var(--rm-char) !important;
    max-height:var(--rm-char) !important;
    border-radius:50% !important;
    overflow:visible !important;
  }

  body.pv-body .character img,
  body.pv-body.pv-ratas-fullscreen .character img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:50% !important;
    transform:scale(1.02) !important;
    transform-origin:center !important;
  }

  body.pv-body #characters .character .grid-corner-mark,
  body.pv-body .characters-grid .character .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-mark{
    min-width:17px !important;
    max-width:none !important;
    height:12px !important;
    min-height:12px !important;
    padding:0 3px !important;
    font-size:7.1px !important;
    line-height:12px !important;
    letter-spacing:.05px !important;
    box-sizing:border-box !important;
    z-index:14 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  body.pv-body #characters .character .grid-corner-ladrona,
  body.pv-body .characters-grid .character .grid-corner-ladrona{top:-4px !important;left:-5px !important;right:auto !important;bottom:auto !important;}
  body.pv-body #characters .character .grid-corner-malvada,
  body.pv-body .characters-grid .character .grid-corner-malvada{top:-4px !important;right:-5px !important;left:auto !important;bottom:auto !important;}
  body.pv-body #characters .character .grid-corner-corrupta,
  body.pv-body .characters-grid .character .grid-corner-corrupta{bottom:-4px !important;left:-5px !important;right:auto !important;top:auto !important;}
  body.pv-body #characters .character .grid-corner-caotica,
  body.pv-body .characters-grid .character .grid-corner-caotica{bottom:-4px !important;right:-5px !important;left:auto !important;top:auto !important;}

  body.pv-body #characters .character .grid-corner-mark.grid-missing-mark,
  body.pv-body .characters-grid .character .grid-corner-mark.grid-missing-mark{
    min-width:16px !important;
    width:auto !important;
    height:16px !important;
    min-height:16px !important;
    padding:0 1px !important;
    font-size:12px !important;
    line-height:16px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    position:absolute !important;
    width:26px !important;
    height:22px !important;
    min-width:26px !important;
    min-height:22px !important;
    max-width:26px !important;
    max-height:22px !important;
    display:grid !important;
    place-items:center !important;
    z-index:48 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn--clean{
    width:26px !important;
    height:22px !important;
    min-width:26px !important;
    min-height:22px !important;
    border-radius:8px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-ico{
    font-size:14px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-txt{
    display:none !important;
  }

}

/* RATAS ajustes iPad mini 1024x768 Mantiene la posición/tamaño aprobado de PICKS; solo limpia textos/stats, badges, dock de Malvada, ranking banners y Tornado en tablet horizontal. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  /* Topbar: limpiar cualquier fondo/cápsula rara detrás de. */
  body.pv-body .topbar,
  body.pv-body .topbar-center,
  body.pv-body .brand-stack,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar-center,
  body.pv-body.pv-ratas-fullscreen .brand-stack,
  body.pv-body.pv-ratas-fullscreen .brand-link{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.pv-body .topbar::before,
  body.pv-body .topbar::after,
  body.pv-body .topbar-center::before,
  body.pv-body .topbar-center::after,
  body.pv-body .brand-stack::before,
  body.pv-body .brand-stack::after,
  body.pv-body .brand-link::before,
  body.pv-body .brand-link::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }

  /* Quitar textos BANS/PICKS sin mover la grilla ni las casillas. */
  body.pv-body .rat-minirow .mini-title,
  body.pv-body.pv-ratas-fullscreen .rat-minirow .mini-title{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    grid-template-columns:max-content !important;
    justify-content:center !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before{
    content:none !important;
    display:none !important;
    visibility:hidden !important;
  }

  /* Stats como móvil: sin cápsula individual, sin borde ni fondo. */
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Solo bajar BANS; no mover ni agrandar PICKS. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    margin-top:12px !important;
  }
  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    z-index:64 !important;
  }

  /* Botón de ocultar en iPad: pequeño, arriba a la izquierda bajo stats. */
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini{
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    min-height:24px !important;
    max-width:28px !important;
    max-height:24px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:96 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini{
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    min-height:24px !important;
    max-width:28px !important;
    max-height:24px !important;
    padding:0 !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    gap:0 !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico{
    font-size:14px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt{
    display:none !important;
  }

  /* Badges dentro de picks más pequeños, manteniendo su esquina original. */
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    min-width:14px !important;
    height:11px !important;
    min-height:11px !important;
    max-height:11px !important;
    padding:0 3px !important;
    font-size:6.2px !important;
    line-height:11px !important;
    border-radius:999px !important;
  }
  body.pv-body .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-badge{
    padding:1px 3px 1px 2px !important;
    gap:1px !important;
    font-size:7px !important;
    line-height:1 !important;
    border-radius:6px !important;
  }
  body.pv-body .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-star{
    font-size:7px !important;
    line-height:1 !important;
  }
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    display:grid !important;
    place-items:center !important;
    width:auto !important;
    min-width:14px !important;
    max-width:22px !important;
    height:11px !important;
    min-height:11px !important;
    max-height:11px !important;
    padding:0 3px !important;
    right:3px !important;
    bottom:3px !important;
    border-radius:999px !important;
    font-size:6px !important;
    line-height:11px !important;
    font-weight:1000 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    object-fit:initial !important;
  }
  body.pv-body .rat-slot .pick-slot.stellar::after,
  body.pv-body .rat-slot .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
    top:3px !important;
    right:3px !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    min-height:14px !important;
    max-width:14px !important;
    max-height:14px !important;
    font-size:9px !important;
    line-height:14px !important;
    display:grid !important;
    place-items:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* TOP / THE BEST visible también en iPad, anulando el hide general <=1280. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    display:grid !important;
    width:var(--pv-ranklane-ratas-fit-width, max-content) !important;
    max-width:none !important;
    overflow:visible !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    font-size:12px !important;
    line-height:1.05 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner{
    transform-origin:left center !important;
    scale:.72 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner{
    transform-origin:right center !important;
    scale:.72 !important;
  }

  /* Malvada: dock centrado y compacto como móvil para que quepan los botones de acción. */
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:5px 6px !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    order:1 !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  body.pv-body #malvada-elim-dock .med-btn,
  body.pv-body #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn-label{
    flex:0 1 116px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:122px !important;
    min-height:23px !important;
    height:23px !important;
    max-height:24px !important;
    padding:2px 5px !important;
    border-radius:8px !important;
    font-size:7.5px !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    text-align:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    max-height:45px !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-wrap{
    gap:3px !important;
    align-content:center !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .action-btnrow{
    gap:4px !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock .decision-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .decision-btn{
    min-height:20px !important;
    height:20px !important;
    padding:2px 7px !important;
    font-size:7.3px !important;
    border-radius:7px !important;
  }

  /* Tornado/protección: panel más alto y cuerpo con scroll para que nunca corte el 4to PJ. */
  body.pv-body .modal.tornado-sheet,
  body.pv-body .tornado-modal,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet,
  body.pv-body.pv-ratas-fullscreen .tornado-modal{
    align-items:center !important;
    justify-content:center !important;
    padding:14px !important;
    overflow:hidden !important;
  }
  body.pv-body .modal.tornado-sheet .modal-card,
  body.pv-body .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card{
    width:min(760px,calc(100vw - 32px)) !important;
    max-width:min(760px,calc(100vw - 32px)) !important;
    max-height:calc(100dvh - 36px) !important;
    overflow:hidden !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body,
  body.pv-body .tornado-modal .modal-body,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-body,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-body{
    max-height:calc(100dvh - 112px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:9px 12px 12px !important;
    scrollbar-width:none !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body::-webkit-scrollbar,
  body.pv-body .tornado-modal .modal-body::-webkit-scrollbar{display:none !important;}
  body.pv-body .chaos-protect-v2,
  body.pv-body .chaos-protect-v3,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3{
    gap:7px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body .chaos-protect-v3 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-columns{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body .chaos-protect-v3 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-char-card,
  body.pv-body .chaos-protect-v3 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-char-card{
    min-height:60px !important;
    padding:6px 7px !important;
    border-radius:10px !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row,
  body.pv-body .chaos-protect-v3 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 34px !important;
    gap:5px !important;
    align-items:center !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body .chaos-protect-v3 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row img{
    width:34px !important;
    height:34px !important;
    object-fit:contain !important;
  }
}


/* RATAS iPad mini: bajar BANS/PICKS sin tocar tamaño/lateral Solo desplaza verticalmente las filas aprobadas y mantiene el ojo bajo stats. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    transform:translateY(12px) !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    transform:translateY(12px) !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    z-index:70 !important;
  }
}

/* RATAS iPad mini: Malvada center area sin scroll Solo amplia el action area de Malvada en 1024x768, copiando el enfoque móvil. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  body.pv-body.has-malvada-elim-dock .center-card,
  body.pv-body.pv-mobile-malvada-action .center-card,
  body.pv-body .center-card:has(.center-actions.has-malvada-center-dock),
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card:has(.center-actions.has-malvada-center-dock){
    grid-template-rows:56px 56px 112px minmax(0,1fr) 94px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    height:94px !important;
    min-height:94px !important;
    max-height:94px !important;
    padding:4px 7px !important;
    gap:3px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    order:1 !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:20px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    flex:0 1 94px !important;
    max-width:98px !important;
    min-height:20px !important;
    height:20px !important;
    max-height:20px !important;
    padding:2px 4px !important;
    font-size:6.9px !important;
    line-height:1.02 !important;
    border-radius:7px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:64px !important;
    overflow:visible !important;
    scrollbar-width:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:64px !important;
    overflow:visible !important;
    display:grid !important;
    align-content:center !important;
    gap:2px !important;
    padding:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-sub,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-sub{
    font-size:7.4px !important;
    line-height:1.05 !important;
    margin:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-btnrow{
    margin:1px auto 0 !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock #action-area .decision-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .decision-btn{
    min-height:21px !important;
    height:21px !important;
    max-height:22px !important;
    padding:3px 8px !important;
    font-size:7.5px !important;
    line-height:1 !important;
    border-radius:7px !important;
  }
}

/* RATAS iPad mini: Post Draft completo sin scroll Solo aplica a 1024x768 horizontal. Amplía la zona inferior de post draft y neutraliza el dock de Malvada dentro de esa fase para que no robe alto. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  body.pv-body.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv17-postdraft-mobile .center-card,
  body.pv-body.pv17-postdraft-active-final .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-card,
  body.pv-body .center-card:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-card:has(.action-wrap-broom-v2){
    grid-template-rows:52px 50px 72px minmax(0,1fr) 196px !important;
  }

  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv17-postdraft-active-final .center-actions,
  body.pv-body .center-actions:has(.action-wrap-broom-v2),
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2){
    height:196px !important;
    min-height:196px !important;
    max-height:196px !important;
    padding:10px 12px !important;
    gap:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(7,6,12,.94),rgba(4,3,8,.98)) !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv17-postdraft-mobile #action-area,
  body.pv-body.pv17-postdraft-active-final #action-area,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #action-area{
    order:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv17-postdraft-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv17-postdraft-active-final #action-area .action-wrap-broom-v2,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,auto) auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:7px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-title,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-title{
    margin:0 auto !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1.05 !important;
    letter-spacing:.08em !important;
    text-align:center !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-pill{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:18px !important;
    padding:3px 6px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .broom-copy{
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 4px !important;
    font-size:8px !important;
    line-height:1.15 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:25px !important;
    height:auto !important;
    padding:4px 8px !important;
    font-size:8px !important;
    line-height:1.08 !important;
    border-radius:9px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}


/* RATAS iPad mini: Post Draft Malvada completo Mantiene intacto el Post Draft que ya quedó bien en las demás ratas. Solo actúa cuando el Post Draft convive con el dock/clase de Malvada. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  body.pv-body .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2){
    grid-template-rows:50px 46px 62px minmax(0,1fr) 232px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2){
    height:232px !important;
    min-height:232px !important;
    max-height:232px !important;
    padding:8px 10px !important;
    gap:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area{
    order:1 !important;
    align-self:stretch !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,auto) auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:5px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title{
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.02 !important;
    letter-spacing:.06em !important;
    text-align:center !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:16px !important;
    padding:2px 5px !important;
    font-size:7.3px !important;
    line-height:1.04 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-sub,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-sub{
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 3px !important;
    font-size:7.4px !important;
    line-height:1.12 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:22px !important;
    height:auto !important;
    padding:3px 7px !important;
    font-size:7.3px !important;
    line-height:1.06 !important;
    border-radius:8px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}

/* RATAS iPad mini: confirmar escoba sobre el grid Solo 1024x768 horizontal. No toca PC ni móvil. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  body.pv-body.pv24-ipad-broom-confirm-visible .center-card,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card{
    grid-template-rows:52px 50px 112px minmax(0,1fr) 196px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2){
    grid-template-rows:50px 46px 112px minmax(0,1fr) 232px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible #filter-bar,
  body.pv-body.pv24-ipad-broom-confirm-visible .filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible #filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .filter-bar{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    overflow:hidden !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .characters-scroll,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .characters-scroll{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:6px 8px 10px !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
    position:relative !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:88 !important;
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    height:auto !important;
    min-height:36px !important;
    max-height:none !important;
    margin:0 auto 7px !important;
    padding:4px 0 5px !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-pick-btn.confirm-broom,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-pick-btn.confirm-broom,
  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap .confirm-btn.confirm-broom,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap .confirm-btn.confirm-broom{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:174px !important;
    max-width:min(326px, calc(100% - 42px)) !important;
    height:auto !important;
    min-height:27px !important;
    max-height:none !important;
    margin:0 !important;
    padding:5px 15px !important;
    font-size:9px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    text-align:center !important;
    border-radius:10px !important;
    overflow:visible !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-cancel-btn,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-cancel-btn{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    max-width:25px !important;
    max-height:25px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 25px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible #characters,
  body.pv-body.pv24-ipad-broom-confirm-visible .characters-grid,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible #characters,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .characters-grid{
    flex:1 1 auto !important;
    padding-top:0 !important;
    margin-top:0 !important;
    align-content:start !important;
  }
}

/* RATAS iPad mini: rebote de picks más calmado Solo 1024x768 horizontal. No toca PC ni móvil. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:600px) and (max-height:820px){
  body.pv-body .pick-slot.swinging > img:not(.pick-weapon-badge),
  body.pv-body .pick-slot.swinging > .pick-char-img,
  body.pv-body .pick-slot.finalized > img:not(.pick-weapon-badge),
  body.pv-body .pick-slot.finalized > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.finalized > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .pick-slot.finalized > .pick-char-img{
    animation:pickFade .35s ease-out forwards, pvRatasIpadPickFloatV25 4.8s cubic-bezier(.45,0,.35,1) infinite .35s !important;
    transform-origin:center bottom !important;
    will-change:transform !important;
  }

  @keyframes pvRatasIpadPickFloatV25{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-1.5px,0)}
  }
}


/* RATAS TABLET CLONES DESDE IPAD MINI APROBADO iPad Air 1180x820 y Zenbook Fold 1280x853 usan la misma plantilla madre. No toca PC grande 1980x1080 ni el móvil landscape aprobado. */
@media (orientation:landscape) and (min-width:1101px) and (max-width:1910px) and (min-height:760px) and (max-height:930px),
       (orientation:landscape) and (min-width:1301px) and (max-width:1400px) and (min-height:931px) and (max-height:1050px){

  :root{
    --rm-topbar:40px !important;
    --rm-gap:6px !important;
    --rm-center:minmax(392px,404px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 404px - 24px) / 2)) !important;
    --rm-pick:50px !important;
    --rm-mini:34px !important;
    --rm-special:41px !important;
    --rm-elim:32px !important;
    --rm-char:48px !important;
    --pv-mobile-center:min(404px,40vw) !important;
    --pv-mobile-gap:6px !important;
    --pv-player-head:68px !important;
  }

  html,
  body.pv-body{
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
  }
  body.pv-body,
  body.pv-body.pv-ratas-fullscreen{
    display:grid !important;
    grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
    background-image:url('/img/favicon/DraftIMAGEN.png') !important;
    background-size:cover !important;
    background-position:center !important;
    background-attachment:scroll !important;
  }
  body.pv-body .pv-ratas-rotate-overlay{display:none !important;}

  body.pv-body .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar{
    height:var(--rm-topbar) !important;
    min-height:var(--rm-topbar) !important;
    padding:0 !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(5,4,12,.58), rgba(5,4,12,.14)) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    pointer-events:none !important;
    z-index:60 !important;
  }
  body.pv-body .topbar-center,
  body.pv-body .brand-stack,
  body.pv-body.pv-ratas-fullscreen .topbar-center,
  body.pv-body.pv-ratas-fullscreen .brand-stack{
    height:var(--rm-topbar) !important;
    min-height:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link{
    position:fixed !important;
    left:154px !important;
    top:12px !important;
    z-index:70 !important;
    display:block !important;
    width:auto !important;
    max-width:180px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    text-align:left !important;
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#ff6f86 !important;
    color:#ff6f86 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.14em !important;
    text-shadow:0 0 14px rgba(255,78,108,.36),0 1px 4px rgba(0,0,0,.65) !important;
    animation:none !important;
    pointer-events:auto !important;
  }
  body.pv-body .floating-brand-unit,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit{
    position:fixed !important;
    left:48px !important;
    top:7px !important;
    z-index:71 !important;
    height:26px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body .floating-brand-unit .logo-icon,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-icon{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
  }
  body.pv-body .floating-brand-unit .logo-text,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-text{
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    color:#f8f2ff !important;
    text-shadow:0 0 10px rgba(255,255,255,.18) !important;
  }
  body.pv-body .floating-sound-panel,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel{
    position:fixed !important;
    right:10px !important;
    top:7px !important;
    z-index:72 !important;
    height:26px !important;
    min-height:26px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body .floating-trailer-panel.pv-ratas-trailer-in-soundbar{position:static !important;display:flex !important;order:0 !important;margin:0 2px 0 0 !important;}
  body.pv-body .floating-trailer-panel:not(.pv-ratas-trailer-in-soundbar){position:fixed !important;left:10px !important;right:auto !important;top:7px !important;z-index:72 !important;}
  body.pv-body .topbar-settings-btn,
  body.pv-body .fullscreen-toggle-ratas,
  body.pv-body .floating-sound-panel #volume-toggle,
  body.pv-body.pv-ratas-fullscreen .topbar-settings-btn,
  body.pv-body.pv-ratas-fullscreen .fullscreen-toggle-ratas,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel #volume-toggle{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:grid !important;
    place-items:center !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  body.pv-body .fullscreen-toggle-ratas svg,
  body.pv-body.pv-ratas-fullscreen .fullscreen-toggle-ratas svg{width:14px !important;height:14px !important;}
  body.pv-body .floating-sound-panel .volume-wrap,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel .volume-wrap{
    height:26px !important;
    min-height:26px !important;
    width:112px !important;
    max-width:112px !important;
    padding:0 9px !important;
    gap:6px !important;
    border-radius:999px !important;
  }
  body.pv-body .floating-sound-panel .volume-wrap.collapsed{width:0 !important;max-width:0 !important;padding-left:0 !important;padding-right:0 !important;overflow:hidden !important;}
  body.pv-body .floating-sound-panel .volume-wrap .vol-ico{font-size:12px !important;}
  body.pv-body .floating-sound-panel .volume-wrap input{width:72px !important;height:6px !important;}
  body.pv-body .topbar-settings-menu{top:31px !important;left:0 !important;right:auto !important;width:212px !important;max-width:calc(100vw - 20px) !important;padding:8px !important;border-radius:13px !important;}

  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;
    min-height:0 !important;
    padding:var(--rm-gap) !important;
    gap:var(--rm-gap) !important;
    display:grid !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:hidden !important;
  }
  body.pv-body #rat-ladrona{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada{grid-column:3 !important;grid-row:1 !important;}
  body.pv-body #rat-corrupta{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-caotica{grid-column:3 !important;grid-row:2 !important;}
  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    min-width:0 !important;
    min-height:0 !important;
    display:flex !important;
    transform:none !important;
    height:100% !important;
    z-index:32 !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    min-height:0 !important;
    height:100% !important;
    padding:7px 8px 8px !important;
    border-radius:15px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    grid-template-rows:68px 48px minmax(0,1fr) 22px !important;
    column-gap:8px !important;
    row-gap:5px !important;
  }
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    grid-column:1 / 3 !important;
    grid-row:1 !important;
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 118px !important;
    gap:7px !important;
    align-items:start !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap{
    --size:46px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    margin-left:3px !important;
    margin-top:6px !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap .avatar-img{width:100% !important;height:100% !important;object-fit:cover !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-img:not([hidden]){display:block !important;width:176% !important;height:176% !important;}
  body.pv-body .rat-head-meta,
  body.pv-body.pv-ratas-fullscreen .rat-head-meta{padding-left:0 !important;gap:2px !important;align-content:center !important;overflow:visible !important;min-width:0 !important;}
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{font-size:12.2px !important;line-height:1.05 !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .rat-title-row,
  body.pv-body.pv-ratas-fullscreen .rat-title-row{height:14px !important;min-height:14px !important;overflow:visible !important;}
  body.pv-body .rat-title-badge.title-badge,
  body.pv-body.pv-ratas-fullscreen .rat-title-badge.title-badge{font-size:8px !important;line-height:1 !important;padding:2px 5px !important;max-width:100% !important;}
  body.pv-body .rat-rank,
  body.pv-body.pv-ratas-fullscreen .rat-rank{height:17px !important;min-height:17px !important;gap:5px !important;overflow:visible !important;}
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{width:15px !important;height:15px !important;min-width:15px !important;}
  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{max-width:112px !important;font-size:7.4px !important;line-height:1.05 !important;padding:3px 6px !important;}
  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{width:118px !important;min-width:118px !important;max-width:118px !important;justify-self:end !important;margin-left:auto !important;margin-right:0 !important;gap:3px !important;overflow:visible !important;align-self:center !important;}
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{width:118px !important;min-width:118px !important;height:10.5px !important;min-height:10.5px !important;grid-template-columns:minmax(0,1fr) 20px !important;gap:3px !important;padding:1px 5px !important;border-radius:999px !important;overflow:hidden !important;}
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{font-size:7.1px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{font-size:8px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;}

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    grid-column:1 !important;
    grid-row:2 / 4 !important;
    width:44px !important;
    max-width:44px !important;
    justify-self:center !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:10px !important;
    place-items:center !important;
    overflow:visible !important;
    margin:7px 0 0 0 !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{display:contents !important;}
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:10px !important;
    overflow:visible !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    border-radius:9px !important;
    justify-self:center !important;
    align-self:center !important;
  }
  body.pv-body .safe-slot::before,
  body.pv-body .stellar-slot::before{content:none !important;display:none !important;}
  body.pv-body .safe-slot::after{
    content:"☠️" !important;
    position:absolute !important;
    left:50% !important;
    top:-10px !important;
    transform:translateX(-50%) !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    font-size:19px !important;
    line-height:1 !important;
    opacity:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.72)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after{
    content:"👑" !important;
    position:absolute !important;
    left:50% !important;
    top:-10px !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    font-size:19px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.66)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body #elims-malvada .mini-slot::before{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    top:-8px !important;
    transform:translateX(-50%) !important;
    width:18px !important;
    height:18px !important;
    display:grid !important;
    place-items:center !important;
    font-size:16px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.68)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    transform:none !important;
    font-size:20px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    grid-column:2 !important;
    grid-row:2 !important;
    height:46px !important;
    min-height:46px !important;
    display:grid !important;
    grid-template-columns:34px max-content !important;
    gap:7px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    transform:none !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title{font-size:8.4px !important;line-height:1 !important;letter-spacing:.08em !important;}
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{display:grid !important;grid-template-columns:repeat(4,var(--rm-mini)) !important;grid-auto-rows:var(--rm-mini) !important;gap:6px !important;align-items:center !important;justify-content:center !important;}
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{width:var(--rm-mini) !important;height:var(--rm-mini) !important;min-width:var(--rm-mini) !important;min-height:var(--rm-mini) !important;max-width:var(--rm-mini) !important;max-height:var(--rm-mini) !important;border-radius:9px !important;overflow:hidden !important;}

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    grid-column:1 / 3 !important;
    grid-row:3 !important;
    display:grid !important;
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:5px !important;
    row-gap:7px !important;
    padding:0 0 1px 54px !important;
    margin:10px auto 0 !important;
    align-self:start !important;
    justify-self:center !important;
    width:max-content !important;
    max-width:100% !important;
    position:relative !important;
    transform:none !important;
  }
  body.pv-body .rat-slot .rat-grid::before{left:16px !important;width:34px !important;font-size:8.2px !important;line-height:1 !important;letter-spacing:.08em !important;text-align:center !important;}
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;border-radius:12px !important;}
  body.pv-body .pick-slot img,
  body.pv-body .pick-slot > .pick-char-img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:11px !important;}
  body.pv-body .pick-cons-badge{top:3px !important;left:3px !important;min-width:18px !important;min-height:15px !important;font-size:7.5px !important;padding:0 4px !important;}
  body.pv-body .pick-weapon-badge,
  body.pv-body .mobile-r1-badge{right:3px !important;bottom:3px !important;width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;font-size:7px !important;}
  body.pv-body .rat-toolrow{grid-column:1 / 3 !important;grid-row:4 !important;min-height:18px !important;height:18px !important;align-items:center !important;}
  body.pv-body .broom-btn{min-height:18px !important;height:18px !important;padding:2px 8px !important;font-size:7.8px !important;border-radius:8px !important;}

  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    height:100% !important;
    min-height:0 !important;
    width:100% !important;
    border-radius:15px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:56px 56px 112px minmax(0,1fr) 76px !important;
  }
  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    padding:5px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 auto !important;
    font-size:14px !important;
    line-height:1.16 !important;
    letter-spacing:.03em !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-wrap:balance !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{display:block !important;font-size:10px !important;line-height:1 !important;margin-top:4px !important;color:#d9d2ef !important;}
  body.pv-body .center-sub{display:none !important;}
  body.pv-body .malvada-mobile-elims-dock{position:absolute !important;right:8px !important;top:6px !important;}

  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{height:56px !important;min-height:56px !important;max-height:56px !important;padding:3px 8px 5px !important;overflow:hidden !important;}
  body.pv-body .extra-bans-head,
  body.pv-body.pv-ratas-fullscreen .extra-bans-head{height:12px !important;min-height:12px !important;margin:0 0 3px !important;display:grid !important;grid-template-columns:1fr !important;place-items:center !important;}
  body.pv-body .extra-bans-title{grid-column:1 !important;justify-self:center !important;text-align:center !important;width:100% !important;margin:0 auto !important;font-size:9px !important;line-height:1 !important;letter-spacing:.10em !important;}
  body.pv-body .extra-side-pill{display:none !important;}
  body.pv-body .extra-bans-center{height:34px !important;min-height:34px !important;max-height:34px !important;gap:9px !important;align-items:center !important;justify-content:center !important;overflow:visible !important;}
  body.pv-body .extra-bans-center .extra-ban-slot{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;max-width:34px !important;max-height:34px !important;border-radius:9px !important;}

  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    padding:7px 10px !important;
    gap:5px !important;
    display:grid !important;
    grid-template-rows:28px 31px 31px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(6,4,13,.30), rgba(6,4,13,.08)) !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div{min-height:26px !important;gap:5px !important;justify-content:center !important;align-items:center !important;overflow:hidden !important;flex-wrap:nowrap !important;}
  body.pv-body #filter-bar h4,
  body.pv-body .filter-bar h4{font-size:8px !important;line-height:1 !important;margin-right:2px !important;letter-spacing:.04em !important;}
  body.pv-body #search-input,
  body.pv-body #filter-bar input[type="text"],
  body.pv-body #filter-bar input[type="search"]{width:250px !important;max-width:250px !important;height:26px !important;min-height:26px !important;max-height:26px !important;padding:4px 10px !important;font-size:9px !important;border-radius:9px !important;}
  body.pv-body .filter-button{width:25px !important;height:25px !important;min-width:25px !important;min-height:25px !important;max-width:25px !important;max-height:25px !important;border-radius:8px !important;padding:0 !important;}
  body.pv-body .filter-button[data-value="Todos"]{min-width:46px !important;max-width:54px !important;height:25px !important;min-height:25px !important;max-height:25px !important;padding:0 7px !important;font-size:7px !important;line-height:25px !important;}
  body.pv-body .filter-image,
  body.pv-body .filter-image img{width:17px !important;height:17px !important;}

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{padding:8px 8px 10px !important;overflow:auto !important;scrollbar-width:none !important;}
  body.pv-body .characters-scroll::-webkit-scrollbar{display:none !important;}
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(7,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 8px) !important;
    gap:7px 6px !important;
    justify-content:center !important;
    align-content:start !important;
    max-width:100% !important;
  }
  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{width:var(--rm-char) !important;height:var(--rm-char) !important;min-width:var(--rm-char) !important;min-height:var(--rm-char) !important;max-width:var(--rm-char) !important;max-height:var(--rm-char) !important;border-radius:50% !important;}

  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)){
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 auto 5px !important;
    padding:3px 0 5px !important;
  }
  body.pv-body .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body .center-card .confirm-stick-wrap .confirm-btn{min-width:150px !important;max-width:min(310px, calc(100% - 40px)) !important;min-height:25px !important;padding:4px 14px !important;font-size:9px !important;border-radius:9px !important;}
  body.pv-body #confirm-cancel-btn{width:25px !important;height:25px !important;min-width:25px !important;min-height:25px !important;font-size:12px !important;border-radius:8px !important;}

  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{height:76px !important;min-height:76px !important;max-height:76px !important;padding:7px 9px !important;overflow:hidden !important;border-top:1px solid rgba(255,255,255,.08) !important;}
  body.pv-body #action-area,
  body.pv-body #action-area .action-wrap{height:100% !important;max-height:100% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;gap:5px !important;align-content:center !important;}
  body.pv-body #action-area::-webkit-scrollbar,
  body.pv-body #action-area .action-wrap::-webkit-scrollbar{display:none !important;}
  body.pv-body .action-title{display:block !important;font-size:11px !important;line-height:1.1 !important;margin:0 auto 2px !important;text-align:center !important;}
  body.pv-body .action-sub,
  body.pv-body .broom-copy{font-size:8.5px !important;line-height:1.18 !important;text-align:center !important;}
  body.pv-body .action-btnrow{gap:6px !important;justify-content:center !important;align-items:center !important;}
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .big-choice,
  body.pv-body .ready-btn,
  body.pv-body .undo-btn,
  body.pv-body .finalize-btn{min-height:25px !important;padding:5px 10px !important;font-size:8.8px !important;border-radius:9px !important;}

  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv17-postdraft-active-final .center-actions{
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
    padding:8px 10px !important;
    overflow:hidden !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,rgba(7,6,12,.92),rgba(4,3,8,.96)) !important;
  }
  body.pv-body.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv-ratas-final-mobile .center-card,
  body.pv-body.pv17-postdraft-mobile .center-card,
  body.pv-body.pv17-postdraft-active-final .center-card{grid-template-rows:56px 56px 112px minmax(0,1fr) 132px !important;}

  body.pv-body .modal{padding:18px !important;}
  body.pv-body .modal-card{width:min(620px,94vw) !important;max-height:88dvh !important;border-radius:16px !important;}


  body.pv-body #rat-ladrona .safe-slot,
  body.pv-body #rat-malvada .safe-slot,
  body.pv-body #rat-corrupta .safe-slot,
  body.pv-body #rat-caotica .safe-slot,
  body.pv-body #rat-ladrona .stellar-slot,
  body.pv-body #rat-malvada .stellar-slot,
  body.pv-body #rat-corrupta .stellar-slot,
  body.pv-body #rat-caotica .stellar-slot,
  body.pv-body #extra-stellar-ladrona,
  body.pv-body #extra-stellar-malvada,
  body.pv-body #extra-stellar-corrupta,
  body.pv-body #extra-stellar-caotica{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:10px !important;
    overflow:visible !important;
  }
  body.pv-body #rat-ladrona .rat-banbar,
  body.pv-body #rat-malvada .rat-banbar,
  body.pv-body #rat-corrupta .rat-banbar,
  body.pv-body #rat-caotica .rat-banbar{
    grid-column:1 !important;
    grid-row:2 / 4 !important;
    width:44px !important;
    max-width:44px !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:10px !important;
    justify-self:center !important;
    align-self:start !important;
    place-items:center !important;
    margin:7px 0 0 0 !important;
    padding:0 !important;
    transform:none !important;
  }

  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{
    display:contents !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    border-radius:9px !important;
  }


  :root{
    --rm-center:minmax(418px,420px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 420px - 24px) / 2)) !important;
    --rm-char:56px !important;
  }

  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link,
  body.pv-site-title-rat-turn:not(.pv-site-title-elemental) .brand-link,
  body.pv-site-title-elemental .brand-link{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:12px !important;
    width:max-content !important;
    max-width:260px !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    margin:0 !important;
    justify-self:center !important;
  }

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding:10px 6px 12px !important;
    overflow:auto !important;
    scrollbar-width:none !important;
  }

  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(6,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 18px) !important;
    gap:1px 14px !important;
    place-items:center !important;
    justify-content:center !important;
    align-content:start !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{
    width:var(--rm-char) !important;
    height:var(--rm-char) !important;
    min-width:var(--rm-char) !important;
    min-height:var(--rm-char) !important;
    max-width:var(--rm-char) !important;
    max-height:var(--rm-char) !important;
    border-radius:50% !important;
    overflow:visible !important;
  }

  body.pv-body .character img,
  body.pv-body.pv-ratas-fullscreen .character img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:50% !important;
    transform:scale(1.02) !important;
    transform-origin:center !important;
  }

  body.pv-body #characters .character .grid-corner-mark,
  body.pv-body .characters-grid .character .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-mark{
    min-width:17px !important;
    max-width:none !important;
    height:12px !important;
    min-height:12px !important;
    padding:0 3px !important;
    font-size:7.1px !important;
    line-height:12px !important;
    letter-spacing:.05px !important;
    box-sizing:border-box !important;
    z-index:14 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  body.pv-body #characters .character .grid-corner-ladrona,
  body.pv-body .characters-grid .character .grid-corner-ladrona{top:-4px !important;left:-5px !important;right:auto !important;bottom:auto !important;}
  body.pv-body #characters .character .grid-corner-malvada,
  body.pv-body .characters-grid .character .grid-corner-malvada{top:-4px !important;right:-5px !important;left:auto !important;bottom:auto !important;}
  body.pv-body #characters .character .grid-corner-corrupta,
  body.pv-body .characters-grid .character .grid-corner-corrupta{bottom:-4px !important;left:-5px !important;right:auto !important;top:auto !important;}
  body.pv-body #characters .character .grid-corner-caotica,
  body.pv-body .characters-grid .character .grid-corner-caotica{bottom:-4px !important;right:-5px !important;left:auto !important;top:auto !important;}

  body.pv-body #characters .character .grid-corner-mark.grid-missing-mark,
  body.pv-body .characters-grid .character .grid-corner-mark.grid-missing-mark{
    min-width:16px !important;
    width:auto !important;
    height:16px !important;
    min-height:16px !important;
    padding:0 1px !important;
    font-size:12px !important;
    line-height:16px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    position:absolute !important;
    width:26px !important;
    height:22px !important;
    min-width:26px !important;
    min-height:22px !important;
    max-width:26px !important;
    max-height:22px !important;
    display:grid !important;
    place-items:center !important;
    z-index:48 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn--clean{
    width:26px !important;
    height:22px !important;
    min-width:26px !important;
    min-height:22px !important;
    border-radius:8px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-ico{
    font-size:14px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-txt{
    display:none !important;
  }


  /* Topbar: limpiar cualquier fondo/cápsula rara detrás de. */
  body.pv-body .topbar,
  body.pv-body .topbar-center,
  body.pv-body .brand-stack,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar-center,
  body.pv-body.pv-ratas-fullscreen .brand-stack,
  body.pv-body.pv-ratas-fullscreen .brand-link{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.pv-body .topbar::before,
  body.pv-body .topbar::after,
  body.pv-body .topbar-center::before,
  body.pv-body .topbar-center::after,
  body.pv-body .brand-stack::before,
  body.pv-body .brand-stack::after,
  body.pv-body .brand-link::before,
  body.pv-body .brand-link::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }

  /* Quitar textos BANS/PICKS sin mover la grilla ni las casillas. */
  body.pv-body .rat-minirow .mini-title,
  body.pv-body.pv-ratas-fullscreen .rat-minirow .mini-title{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    grid-template-columns:max-content !important;
    justify-content:center !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before{
    content:none !important;
    display:none !important;
    visibility:hidden !important;
  }

  /* Stats como móvil: sin cápsula individual, sin borde ni fondo. */
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Solo bajar BANS; no mover ni agrandar PICKS. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    margin-top:12px !important;
  }
  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    z-index:64 !important;
  }

  /* Botón de ocultar en iPad: pequeño, arriba a la izquierda bajo stats. */
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini{
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    min-height:24px !important;
    max-width:28px !important;
    max-height:24px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:96 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini{
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    min-height:24px !important;
    max-width:28px !important;
    max-height:24px !important;
    padding:0 !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    gap:0 !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico{
    font-size:14px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt{
    display:none !important;
  }

  /* Badges dentro de picks más pequeños, manteniendo su esquina original. */
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    min-width:14px !important;
    height:11px !important;
    min-height:11px !important;
    max-height:11px !important;
    padding:0 3px !important;
    font-size:6.2px !important;
    line-height:11px !important;
    border-radius:999px !important;
  }
  body.pv-body .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-badge{
    padding:1px 3px 1px 2px !important;
    gap:1px !important;
    font-size:7px !important;
    line-height:1 !important;
    border-radius:6px !important;
  }
  body.pv-body .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-star{
    font-size:7px !important;
    line-height:1 !important;
  }
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    display:grid !important;
    place-items:center !important;
    width:auto !important;
    min-width:14px !important;
    max-width:22px !important;
    height:11px !important;
    min-height:11px !important;
    max-height:11px !important;
    padding:0 3px !important;
    right:3px !important;
    bottom:3px !important;
    border-radius:999px !important;
    font-size:6px !important;
    line-height:11px !important;
    font-weight:1000 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    object-fit:initial !important;
  }
  body.pv-body .rat-slot .pick-slot.stellar::after,
  body.pv-body .rat-slot .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
    top:3px !important;
    right:3px !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    min-height:14px !important;
    max-width:14px !important;
    max-height:14px !important;
    font-size:9px !important;
    line-height:14px !important;
    display:grid !important;
    place-items:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* TOP / THE BEST visible también en iPad, anulando el hide general <=1280. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    display:grid !important;
    width:var(--pv-ranklane-ratas-fit-width, max-content) !important;
    max-width:none !important;
    overflow:visible !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    font-size:12px !important;
    line-height:1.05 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner{
    transform-origin:left center !important;
    scale:.72 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner{
    transform-origin:right center !important;
    scale:.72 !important;
  }

  /* Malvada: dock centrado y compacto como móvil para que quepan los botones de acción. */
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:5px 6px !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    order:1 !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  body.pv-body #malvada-elim-dock .med-btn,
  body.pv-body #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn-label{
    flex:0 1 116px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:122px !important;
    min-height:23px !important;
    height:23px !important;
    max-height:24px !important;
    padding:2px 5px !important;
    border-radius:8px !important;
    font-size:7.5px !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    text-align:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    max-height:45px !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-wrap{
    gap:3px !important;
    align-content:center !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .action-btnrow{
    gap:4px !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock .decision-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .decision-btn{
    min-height:20px !important;
    height:20px !important;
    padding:2px 7px !important;
    font-size:7.3px !important;
    border-radius:7px !important;
  }

  /* Tornado/protección: panel más alto y cuerpo con scroll para que nunca corte el 4to PJ. */
  body.pv-body .modal.tornado-sheet,
  body.pv-body .tornado-modal,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet,
  body.pv-body.pv-ratas-fullscreen .tornado-modal{
    align-items:center !important;
    justify-content:center !important;
    padding:14px !important;
    overflow:hidden !important;
  }
  body.pv-body .modal.tornado-sheet .modal-card,
  body.pv-body .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card{
    width:min(760px,calc(100vw - 32px)) !important;
    max-width:min(760px,calc(100vw - 32px)) !important;
    max-height:calc(100dvh - 36px) !important;
    overflow:hidden !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body,
  body.pv-body .tornado-modal .modal-body,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-body,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-body{
    max-height:calc(100dvh - 112px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:9px 12px 12px !important;
    scrollbar-width:none !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body::-webkit-scrollbar,
  body.pv-body .tornado-modal .modal-body::-webkit-scrollbar{display:none !important;}
  body.pv-body .chaos-protect-v2,
  body.pv-body .chaos-protect-v3,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3{
    gap:7px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body .chaos-protect-v3 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-columns{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body .chaos-protect-v3 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-char-card,
  body.pv-body .chaos-protect-v3 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-char-card{
    min-height:60px !important;
    padding:6px 7px !important;
    border-radius:10px !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row,
  body.pv-body .chaos-protect-v3 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 34px !important;
    gap:5px !important;
    align-items:center !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body .chaos-protect-v3 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row img{
    width:34px !important;
    height:34px !important;
    object-fit:contain !important;
  }


  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    transform:translateY(12px) !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    transform:translateY(12px) !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    z-index:70 !important;
  }


  body.pv-body.has-malvada-elim-dock .center-card,
  body.pv-body.pv-mobile-malvada-action .center-card,
  body.pv-body .center-card:has(.center-actions.has-malvada-center-dock),
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card:has(.center-actions.has-malvada-center-dock){
    grid-template-rows:56px 56px 112px minmax(0,1fr) 94px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    height:94px !important;
    min-height:94px !important;
    max-height:94px !important;
    padding:4px 7px !important;
    gap:3px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    order:1 !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:20px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    flex:0 1 94px !important;
    max-width:98px !important;
    min-height:20px !important;
    height:20px !important;
    max-height:20px !important;
    padding:2px 4px !important;
    font-size:6.9px !important;
    line-height:1.02 !important;
    border-radius:7px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:64px !important;
    overflow:visible !important;
    scrollbar-width:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:64px !important;
    overflow:visible !important;
    display:grid !important;
    align-content:center !important;
    gap:2px !important;
    padding:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-sub,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-sub{
    font-size:7.4px !important;
    line-height:1.05 !important;
    margin:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-btnrow{
    margin:1px auto 0 !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock #action-area .decision-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .decision-btn{
    min-height:21px !important;
    height:21px !important;
    max-height:22px !important;
    padding:3px 8px !important;
    font-size:7.5px !important;
    line-height:1 !important;
    border-radius:7px !important;
  }


  body.pv-body.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv17-postdraft-mobile .center-card,
  body.pv-body.pv17-postdraft-active-final .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-card,
  body.pv-body .center-card:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-card:has(.action-wrap-broom-v2){
    grid-template-rows:52px 50px 72px minmax(0,1fr) 196px !important;
  }

  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv17-postdraft-active-final .center-actions,
  body.pv-body .center-actions:has(.action-wrap-broom-v2),
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2){
    height:196px !important;
    min-height:196px !important;
    max-height:196px !important;
    padding:10px 12px !important;
    gap:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(7,6,12,.94),rgba(4,3,8,.98)) !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv17-postdraft-mobile #action-area,
  body.pv-body.pv17-postdraft-active-final #action-area,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #action-area{
    order:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv17-postdraft-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv17-postdraft-active-final #action-area .action-wrap-broom-v2,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,auto) auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:7px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-title,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-title{
    margin:0 auto !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1.05 !important;
    letter-spacing:.08em !important;
    text-align:center !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-pill{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:18px !important;
    padding:3px 6px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .broom-copy{
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 4px !important;
    font-size:8px !important;
    line-height:1.15 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:25px !important;
    height:auto !important;
    padding:4px 8px !important;
    font-size:8px !important;
    line-height:1.08 !important;
    border-radius:9px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }


  body.pv-body .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2){
    grid-template-rows:50px 46px 62px minmax(0,1fr) 232px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2){
    height:232px !important;
    min-height:232px !important;
    max-height:232px !important;
    padding:8px 10px !important;
    gap:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area{
    order:1 !important;
    align-self:stretch !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,auto) auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:5px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title{
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.02 !important;
    letter-spacing:.06em !important;
    text-align:center !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:16px !important;
    padding:2px 5px !important;
    font-size:7.3px !important;
    line-height:1.04 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-sub,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-sub{
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 3px !important;
    font-size:7.4px !important;
    line-height:1.12 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:22px !important;
    height:auto !important;
    padding:3px 7px !important;
    font-size:7.3px !important;
    line-height:1.06 !important;
    border-radius:8px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }


  body.pv-body.pv24-ipad-broom-confirm-visible .center-card,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card{
    grid-template-rows:52px 50px 112px minmax(0,1fr) 196px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2){
    grid-template-rows:50px 46px 112px minmax(0,1fr) 232px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible #filter-bar,
  body.pv-body.pv24-ipad-broom-confirm-visible .filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible #filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .filter-bar{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    overflow:hidden !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .characters-scroll,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .characters-scroll{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:6px 8px 10px !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
    position:relative !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:88 !important;
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    height:auto !important;
    min-height:36px !important;
    max-height:none !important;
    margin:0 auto 7px !important;
    padding:4px 0 5px !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-pick-btn.confirm-broom,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-pick-btn.confirm-broom,
  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap .confirm-btn.confirm-broom,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap .confirm-btn.confirm-broom{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:174px !important;
    max-width:min(326px, calc(100% - 42px)) !important;
    height:auto !important;
    min-height:27px !important;
    max-height:none !important;
    margin:0 !important;
    padding:5px 15px !important;
    font-size:9px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    text-align:center !important;
    border-radius:10px !important;
    overflow:visible !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-cancel-btn,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-cancel-btn{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    max-width:25px !important;
    max-height:25px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 25px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible #characters,
  body.pv-body.pv24-ipad-broom-confirm-visible .characters-grid,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible #characters,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .characters-grid{
    flex:1 1 auto !important;
    padding-top:0 !important;
    margin-top:0 !important;
    align-content:start !important;
  }


  body.pv-body .pick-slot.swinging > img:not(.pick-weapon-badge),
  body.pv-body .pick-slot.swinging > .pick-char-img,
  body.pv-body .pick-slot.finalized > img:not(.pick-weapon-badge),
  body.pv-body .pick-slot.finalized > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.finalized > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .pick-slot.finalized > .pick-char-img{
    animation:pickFade .35s ease-out forwards, pvRatasIpadPickFloatV25 4.8s cubic-bezier(.45,0,.35,1) infinite .35s !important;
    transform-origin:center bottom !important;
    will-change:transform !important;
  }

  @keyframes pvRatasIpadPickFloatV25{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-1.5px,0)}
  }

}

/* Surface Duo 720x540: usa la plantilla madre de iPad con escala compacta. */
@media (orientation:landscape) and (min-width:700px) and (max-width:760px) and (min-height:500px) and (max-height:560px){

  :root{
    --rm-topbar:40px !important;
    --rm-gap:6px !important;
    --rm-center:minmax(392px,404px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 404px - 24px) / 2)) !important;
    --rm-pick:50px !important;
    --rm-mini:34px !important;
    --rm-special:41px !important;
    --rm-elim:32px !important;
    --rm-char:48px !important;
    --pv-mobile-center:min(404px,40vw) !important;
    --pv-mobile-gap:6px !important;
    --pv-player-head:68px !important;
  }

  html,
  body.pv-body{
    width:100% !important;
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
  }
  body.pv-body,
  body.pv-body.pv-ratas-fullscreen{
    display:grid !important;
    grid-template-rows:var(--rm-topbar) minmax(0,1fr) !important;
    background-image:url('/img/favicon/DraftIMAGEN.png') !important;
    background-size:cover !important;
    background-position:center !important;
    background-attachment:scroll !important;
  }
  body.pv-body .pv-ratas-rotate-overlay{display:none !important;}

  body.pv-body .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar{
    height:var(--rm-topbar) !important;
    min-height:var(--rm-topbar) !important;
    padding:0 !important;
    border:0 !important;
    background:linear-gradient(180deg, rgba(5,4,12,.58), rgba(5,4,12,.14)) !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    pointer-events:none !important;
    z-index:60 !important;
  }
  body.pv-body .topbar-center,
  body.pv-body .brand-stack,
  body.pv-body.pv-ratas-fullscreen .topbar-center,
  body.pv-body.pv-ratas-fullscreen .brand-stack{
    height:var(--rm-topbar) !important;
    min-height:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link{
    position:fixed !important;
    left:154px !important;
    top:12px !important;
    z-index:70 !important;
    display:block !important;
    width:auto !important;
    max-width:180px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    text-align:left !important;
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#ff6f86 !important;
    color:#ff6f86 !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.14em !important;
    text-shadow:0 0 14px rgba(255,78,108,.36),0 1px 4px rgba(0,0,0,.65) !important;
    animation:none !important;
    pointer-events:auto !important;
  }
  body.pv-body .floating-brand-unit,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit{
    position:fixed !important;
    left:48px !important;
    top:7px !important;
    z-index:71 !important;
    height:26px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body .floating-brand-unit .logo-icon,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-icon{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
  }
  body.pv-body .floating-brand-unit .logo-text,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-text{
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.08em !important;
    color:#f8f2ff !important;
    text-shadow:0 0 10px rgba(255,255,255,.18) !important;
  }
  body.pv-body .floating-sound-panel,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel{
    position:fixed !important;
    right:10px !important;
    top:7px !important;
    z-index:72 !important;
    height:26px !important;
    min-height:26px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body .floating-trailer-panel.pv-ratas-trailer-in-soundbar{position:static !important;display:flex !important;order:0 !important;margin:0 2px 0 0 !important;}
  body.pv-body .floating-trailer-panel:not(.pv-ratas-trailer-in-soundbar){position:fixed !important;left:10px !important;right:auto !important;top:7px !important;z-index:72 !important;}
  body.pv-body .topbar-settings-btn,
  body.pv-body .fullscreen-toggle-ratas,
  body.pv-body .floating-sound-panel #volume-toggle,
  body.pv-body.pv-ratas-fullscreen .topbar-settings-btn,
  body.pv-body.pv-ratas-fullscreen .fullscreen-toggle-ratas,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel #volume-toggle{
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    padding:0 !important;
    border-radius:999px !important;
    display:grid !important;
    place-items:center !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  body.pv-body .fullscreen-toggle-ratas svg,
  body.pv-body.pv-ratas-fullscreen .fullscreen-toggle-ratas svg{width:14px !important;height:14px !important;}
  body.pv-body .floating-sound-panel .volume-wrap,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel .volume-wrap{
    height:26px !important;
    min-height:26px !important;
    width:112px !important;
    max-width:112px !important;
    padding:0 9px !important;
    gap:6px !important;
    border-radius:999px !important;
  }
  body.pv-body .floating-sound-panel .volume-wrap.collapsed{width:0 !important;max-width:0 !important;padding-left:0 !important;padding-right:0 !important;overflow:hidden !important;}
  body.pv-body .floating-sound-panel .volume-wrap .vol-ico{font-size:12px !important;}
  body.pv-body .floating-sound-panel .volume-wrap input{width:72px !important;height:6px !important;}
  body.pv-body .topbar-settings-menu{top:31px !important;left:0 !important;right:auto !important;width:212px !important;max-width:calc(100vw - 20px) !important;padding:8px !important;border-radius:13px !important;}

  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    height:calc(100dvh - var(--rm-topbar)) !important;
    min-height:0 !important;
    padding:var(--rm-gap) !important;
    gap:var(--rm-gap) !important;
    display:grid !important;
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:hidden !important;
  }
  body.pv-body #rat-ladrona{grid-column:1 !important;grid-row:1 !important;}
  body.pv-body #rat-malvada{grid-column:3 !important;grid-row:1 !important;}
  body.pv-body #rat-corrupta{grid-column:1 !important;grid-row:2 !important;}
  body.pv-body #rat-caotica{grid-column:3 !important;grid-row:2 !important;}
  body.pv-body .center-area,
  body.pv-body.pv-ratas-fullscreen .center-area{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    min-width:0 !important;
    min-height:0 !important;
    display:flex !important;
    transform:none !important;
    height:100% !important;
    z-index:32 !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    min-height:0 !important;
    height:100% !important;
    padding:7px 8px 8px !important;
    border-radius:15px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;
    grid-template-rows:68px 48px minmax(0,1fr) 22px !important;
    column-gap:8px !important;
    row-gap:5px !important;
  }
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    grid-column:1 / 3 !important;
    grid-row:1 !important;
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) 118px !important;
    gap:7px !important;
    align-items:start !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap{
    --size:46px !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    margin-left:3px !important;
    margin-top:6px !important;
    overflow:visible !important;
  }
  body.pv-body .avatar-wrap.rat-avatar-wrap .avatar-img{width:100% !important;height:100% !important;object-fit:cover !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap .frame-img:not([hidden]){display:block !important;width:176% !important;height:176% !important;}
  body.pv-body .rat-head-meta,
  body.pv-body.pv-ratas-fullscreen .rat-head-meta{padding-left:0 !important;gap:2px !important;align-content:center !important;overflow:visible !important;min-width:0 !important;}
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{font-size:12.2px !important;line-height:1.05 !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .rat-title-row,
  body.pv-body.pv-ratas-fullscreen .rat-title-row{height:14px !important;min-height:14px !important;overflow:visible !important;}
  body.pv-body .rat-title-badge.title-badge,
  body.pv-body.pv-ratas-fullscreen .rat-title-badge.title-badge{font-size:8px !important;line-height:1 !important;padding:2px 5px !important;max-width:100% !important;}
  body.pv-body .rat-rank,
  body.pv-body.pv-ratas-fullscreen .rat-rank{height:17px !important;min-height:17px !important;gap:5px !important;overflow:visible !important;}
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{width:15px !important;height:15px !important;min-width:15px !important;}
  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{max-width:112px !important;font-size:7.4px !important;line-height:1.05 !important;padding:3px 6px !important;}
  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{width:118px !important;min-width:118px !important;max-width:118px !important;justify-self:end !important;margin-left:auto !important;margin-right:0 !important;gap:3px !important;overflow:visible !important;align-self:center !important;}
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{width:118px !important;min-width:118px !important;height:10.5px !important;min-height:10.5px !important;grid-template-columns:minmax(0,1fr) 20px !important;gap:3px !important;padding:1px 5px !important;border-radius:999px !important;overflow:hidden !important;}
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{font-size:7.1px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{font-size:8px !important;line-height:1 !important;text-align:right !important;white-space:nowrap !important;}

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    grid-column:1 !important;
    grid-row:2 / 4 !important;
    width:44px !important;
    max-width:44px !important;
    justify-self:center !important;
    align-self:start !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:10px !important;
    place-items:center !important;
    overflow:visible !important;
    margin:7px 0 0 0 !important;
    padding:0 !important;
    transform:none !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{display:contents !important;}
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:10px !important;
    overflow:visible !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    border-radius:9px !important;
    justify-self:center !important;
    align-self:center !important;
  }
  body.pv-body .safe-slot::before,
  body.pv-body .stellar-slot::before{content:none !important;display:none !important;}
  body.pv-body .safe-slot::after{
    content:"☠️" !important;
    position:absolute !important;
    left:50% !important;
    top:-10px !important;
    transform:translateX(-50%) !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    font-size:19px !important;
    line-height:1 !important;
    opacity:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.72)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after{
    content:"👑" !important;
    position:absolute !important;
    left:50% !important;
    top:-10px !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    font-size:19px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.66)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body #elims-malvada .mini-slot::before{
    content:"💀" !important;
    position:absolute !important;
    left:50% !important;
    top:-8px !important;
    transform:translateX(-50%) !important;
    width:18px !important;
    height:18px !important;
    display:grid !important;
    place-items:center !important;
    font-size:16px !important;
    line-height:1 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.68)) !important;
    z-index:24 !important;
    pointer-events:none !important;
  }
  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    transform:none !important;
    font-size:20px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    grid-column:2 !important;
    grid-row:2 !important;
    height:46px !important;
    min-height:46px !important;
    display:grid !important;
    grid-template-columns:34px max-content !important;
    gap:7px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    transform:none !important;
  }
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title{font-size:8.4px !important;line-height:1 !important;letter-spacing:.08em !important;}
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{display:grid !important;grid-template-columns:repeat(4,var(--rm-mini)) !important;grid-auto-rows:var(--rm-mini) !important;gap:6px !important;align-items:center !important;justify-content:center !important;}
  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{width:var(--rm-mini) !important;height:var(--rm-mini) !important;min-width:var(--rm-mini) !important;min-height:var(--rm-mini) !important;max-width:var(--rm-mini) !important;max-height:var(--rm-mini) !important;border-radius:9px !important;overflow:hidden !important;}

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    grid-column:1 / 3 !important;
    grid-row:3 !important;
    display:grid !important;
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:5px !important;
    row-gap:7px !important;
    padding:0 0 1px 54px !important;
    margin:10px auto 0 !important;
    align-self:start !important;
    justify-self:center !important;
    width:max-content !important;
    max-width:100% !important;
    position:relative !important;
    transform:none !important;
  }
  body.pv-body .rat-slot .rat-grid::before{left:16px !important;width:34px !important;font-size:8.2px !important;line-height:1 !important;letter-spacing:.08em !important;text-align:center !important;}
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;border-radius:12px !important;}
  body.pv-body .pick-slot img,
  body.pv-body .pick-slot > .pick-char-img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:11px !important;}
  body.pv-body .pick-cons-badge{top:3px !important;left:3px !important;min-width:18px !important;min-height:15px !important;font-size:7.5px !important;padding:0 4px !important;}
  body.pv-body .pick-weapon-badge,
  body.pv-body .mobile-r1-badge{right:3px !important;bottom:3px !important;width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;font-size:7px !important;}
  body.pv-body .rat-toolrow{grid-column:1 / 3 !important;grid-row:4 !important;min-height:18px !important;height:18px !important;align-items:center !important;}
  body.pv-body .broom-btn{min-height:18px !important;height:18px !important;padding:2px 8px !important;font-size:7.8px !important;border-radius:8px !important;}

  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    height:100% !important;
    min-height:0 !important;
    width:100% !important;
    border-radius:15px !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:56px 56px 112px minmax(0,1fr) 76px !important;
  }
  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    padding:5px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 auto !important;
    font-size:14px !important;
    line-height:1.16 !important;
    letter-spacing:.03em !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    text-wrap:balance !important;
  }
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{display:block !important;font-size:10px !important;line-height:1 !important;margin-top:4px !important;color:#d9d2ef !important;}
  body.pv-body .center-sub{display:none !important;}
  body.pv-body .malvada-mobile-elims-dock{position:absolute !important;right:8px !important;top:6px !important;}

  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{height:56px !important;min-height:56px !important;max-height:56px !important;padding:3px 8px 5px !important;overflow:hidden !important;}
  body.pv-body .extra-bans-head,
  body.pv-body.pv-ratas-fullscreen .extra-bans-head{height:12px !important;min-height:12px !important;margin:0 0 3px !important;display:grid !important;grid-template-columns:1fr !important;place-items:center !important;}
  body.pv-body .extra-bans-title{grid-column:1 !important;justify-self:center !important;text-align:center !important;width:100% !important;margin:0 auto !important;font-size:9px !important;line-height:1 !important;letter-spacing:.10em !important;}
  body.pv-body .extra-side-pill{display:none !important;}
  body.pv-body .extra-bans-center{height:34px !important;min-height:34px !important;max-height:34px !important;gap:9px !important;align-items:center !important;justify-content:center !important;overflow:visible !important;}
  body.pv-body .extra-bans-center .extra-ban-slot{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;max-width:34px !important;max-height:34px !important;border-radius:9px !important;}

  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    padding:7px 10px !important;
    gap:5px !important;
    display:grid !important;
    grid-template-rows:28px 31px 31px !important;
    overflow:hidden !important;
    background:linear-gradient(180deg, rgba(6,4,13,.30), rgba(6,4,13,.08)) !important;
  }
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div{min-height:26px !important;gap:5px !important;justify-content:center !important;align-items:center !important;overflow:hidden !important;flex-wrap:nowrap !important;}
  body.pv-body #filter-bar h4,
  body.pv-body .filter-bar h4{font-size:8px !important;line-height:1 !important;margin-right:2px !important;letter-spacing:.04em !important;}
  body.pv-body #search-input,
  body.pv-body #filter-bar input[type="text"],
  body.pv-body #filter-bar input[type="search"]{width:250px !important;max-width:250px !important;height:26px !important;min-height:26px !important;max-height:26px !important;padding:4px 10px !important;font-size:9px !important;border-radius:9px !important;}
  body.pv-body .filter-button{width:25px !important;height:25px !important;min-width:25px !important;min-height:25px !important;max-width:25px !important;max-height:25px !important;border-radius:8px !important;padding:0 !important;}
  body.pv-body .filter-button[data-value="Todos"]{min-width:46px !important;max-width:54px !important;height:25px !important;min-height:25px !important;max-height:25px !important;padding:0 7px !important;font-size:7px !important;line-height:25px !important;}
  body.pv-body .filter-image,
  body.pv-body .filter-image img{width:17px !important;height:17px !important;}

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{padding:8px 8px 10px !important;overflow:auto !important;scrollbar-width:none !important;}
  body.pv-body .characters-scroll::-webkit-scrollbar{display:none !important;}
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(7,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 8px) !important;
    gap:7px 6px !important;
    justify-content:center !important;
    align-content:start !important;
    max-width:100% !important;
  }
  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{width:var(--rm-char) !important;height:var(--rm-char) !important;min-width:var(--rm-char) !important;min-height:var(--rm-char) !important;max-width:var(--rm-char) !important;max-height:var(--rm-char) !important;border-radius:50% !important;}

  body.pv-body.pv-ratas-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-pick-btn[style*="inline-flex"]),
  body.pv-body .center-card .confirm-stick-wrap:has(#confirm-cancel-btn:not(.hidden)){
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    margin:0 auto 5px !important;
    padding:3px 0 5px !important;
  }
  body.pv-body .center-card .confirm-stick-wrap #confirm-pick-btn,
  body.pv-body .center-card .confirm-stick-wrap .confirm-btn{min-width:150px !important;max-width:min(310px, calc(100% - 40px)) !important;min-height:25px !important;padding:4px 14px !important;font-size:9px !important;border-radius:9px !important;}
  body.pv-body #confirm-cancel-btn{width:25px !important;height:25px !important;min-width:25px !important;min-height:25px !important;font-size:12px !important;border-radius:8px !important;}

  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{height:76px !important;min-height:76px !important;max-height:76px !important;padding:7px 9px !important;overflow:hidden !important;border-top:1px solid rgba(255,255,255,.08) !important;}
  body.pv-body #action-area,
  body.pv-body #action-area .action-wrap{height:100% !important;max-height:100% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:none !important;gap:5px !important;align-content:center !important;}
  body.pv-body #action-area::-webkit-scrollbar,
  body.pv-body #action-area .action-wrap::-webkit-scrollbar{display:none !important;}
  body.pv-body .action-title{display:block !important;font-size:11px !important;line-height:1.1 !important;margin:0 auto 2px !important;text-align:center !important;}
  body.pv-body .action-sub,
  body.pv-body .broom-copy{font-size:8.5px !important;line-height:1.18 !important;text-align:center !important;}
  body.pv-body .action-btnrow{gap:6px !important;justify-content:center !important;align-items:center !important;}
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .big-choice,
  body.pv-body .ready-btn,
  body.pv-body .undo-btn,
  body.pv-body .finalize-btn{min-height:25px !important;padding:5px 10px !important;font-size:8.8px !important;border-radius:9px !important;}

  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-final-mobile .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv17-postdraft-active-final .center-actions{
    height:132px !important;
    min-height:132px !important;
    max-height:132px !important;
    padding:8px 10px !important;
    overflow:hidden !important;
    border-radius:13px !important;
    background:linear-gradient(180deg,rgba(7,6,12,.92),rgba(4,3,8,.96)) !important;
  }
  body.pv-body.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv-ratas-final-mobile .center-card,
  body.pv-body.pv17-postdraft-mobile .center-card,
  body.pv-body.pv17-postdraft-active-final .center-card{grid-template-rows:56px 56px 112px minmax(0,1fr) 132px !important;}

  body.pv-body .modal{padding:18px !important;}
  body.pv-body .modal-card{width:min(620px,94vw) !important;max-height:88dvh !important;border-radius:16px !important;}


  body.pv-body #rat-ladrona .safe-slot,
  body.pv-body #rat-malvada .safe-slot,
  body.pv-body #rat-corrupta .safe-slot,
  body.pv-body #rat-caotica .safe-slot,
  body.pv-body #rat-ladrona .stellar-slot,
  body.pv-body #rat-malvada .stellar-slot,
  body.pv-body #rat-corrupta .stellar-slot,
  body.pv-body #rat-caotica .stellar-slot,
  body.pv-body #extra-stellar-ladrona,
  body.pv-body #extra-stellar-malvada,
  body.pv-body #extra-stellar-corrupta,
  body.pv-body #extra-stellar-caotica{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:10px !important;
    overflow:visible !important;
  }
  body.pv-body #rat-ladrona .rat-banbar,
  body.pv-body #rat-malvada .rat-banbar,
  body.pv-body #rat-corrupta .rat-banbar,
  body.pv-body #rat-caotica .rat-banbar{
    grid-column:1 !important;
    grid-row:2 / 4 !important;
    width:44px !important;
    max-width:44px !important;
    display:grid !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:10px !important;
    justify-self:center !important;
    align-self:start !important;
    place-items:center !important;
    margin:7px 0 0 0 !important;
    padding:0 !important;
    transform:none !important;
  }

  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada{
    display:contents !important;
  }
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    border-radius:9px !important;
  }


  :root{
    --rm-center:minmax(418px,420px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 420px - 24px) / 2)) !important;
    --rm-char:56px !important;
  }

  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link,
  body.pv-site-title-rat-turn:not(.pv-site-title-elemental) .brand-link,
  body.pv-site-title-elemental .brand-link{
    position:fixed !important;
    left:50% !important;
    right:auto !important;
    top:12px !important;
    width:max-content !important;
    max-width:260px !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    margin:0 !important;
    justify-self:center !important;
  }

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding:10px 6px 12px !important;
    overflow:auto !important;
    scrollbar-width:none !important;
  }

  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(6,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 18px) !important;
    gap:1px 14px !important;
    place-items:center !important;
    justify-content:center !important;
    align-content:start !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{
    width:var(--rm-char) !important;
    height:var(--rm-char) !important;
    min-width:var(--rm-char) !important;
    min-height:var(--rm-char) !important;
    max-width:var(--rm-char) !important;
    max-height:var(--rm-char) !important;
    border-radius:50% !important;
    overflow:visible !important;
  }

  body.pv-body .character img,
  body.pv-body.pv-ratas-fullscreen .character img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:50% !important;
    transform:scale(1.02) !important;
    transform-origin:center !important;
  }

  body.pv-body #characters .character .grid-corner-mark,
  body.pv-body .characters-grid .character .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-mark{
    min-width:17px !important;
    max-width:none !important;
    height:12px !important;
    min-height:12px !important;
    padding:0 3px !important;
    font-size:7.1px !important;
    line-height:12px !important;
    letter-spacing:.05px !important;
    box-sizing:border-box !important;
    z-index:14 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  body.pv-body #characters .character .grid-corner-ladrona,
  body.pv-body .characters-grid .character .grid-corner-ladrona{top:-4px !important;left:-5px !important;right:auto !important;bottom:auto !important;}
  body.pv-body #characters .character .grid-corner-malvada,
  body.pv-body .characters-grid .character .grid-corner-malvada{top:-4px !important;right:-5px !important;left:auto !important;bottom:auto !important;}
  body.pv-body #characters .character .grid-corner-corrupta,
  body.pv-body .characters-grid .character .grid-corner-corrupta{bottom:-4px !important;left:-5px !important;right:auto !important;top:auto !important;}
  body.pv-body #characters .character .grid-corner-caotica,
  body.pv-body .characters-grid .character .grid-corner-caotica{bottom:-4px !important;right:-5px !important;left:auto !important;top:auto !important;}

  body.pv-body #characters .character .grid-corner-mark.grid-missing-mark,
  body.pv-body .characters-grid .character .grid-corner-mark.grid-missing-mark{
    min-width:16px !important;
    width:auto !important;
    height:16px !important;
    min-height:16px !important;
    padding:0 1px !important;
    font-size:12px !important;
    line-height:16px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    position:absolute !important;
    width:26px !important;
    height:22px !important;
    min-width:26px !important;
    min-height:22px !important;
    max-width:26px !important;
    max-height:22px !important;
    display:grid !important;
    place-items:center !important;
    z-index:48 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn--clean{
    width:26px !important;
    height:22px !important;
    min-width:26px !important;
    min-height:22px !important;
    border-radius:8px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-ico{
    font-size:14px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .rat-slot .stellar-hide-toggle-btn--clean .eye-txt{
    display:none !important;
  }


  /* Topbar: limpiar cualquier fondo/cápsula rara detrás de. */
  body.pv-body .topbar,
  body.pv-body .topbar-center,
  body.pv-body .brand-stack,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar-center,
  body.pv-body.pv-ratas-fullscreen .brand-stack,
  body.pv-body.pv-ratas-fullscreen .brand-link{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.pv-body .topbar::before,
  body.pv-body .topbar::after,
  body.pv-body .topbar-center::before,
  body.pv-body .topbar-center::after,
  body.pv-body .brand-stack::before,
  body.pv-body .brand-stack::after,
  body.pv-body .brand-link::before,
  body.pv-body .brand-link::after{
    content:none !important;
    display:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
  }

  /* Quitar textos BANS/PICKS sin mover la grilla ni las casillas. */
  body.pv-body .rat-minirow .mini-title,
  body.pv-body.pv-ratas-fullscreen .rat-minirow .mini-title{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    grid-template-columns:max-content !important;
    justify-content:center !important;
  }
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid::before{
    content:none !important;
    display:none !important;
    visibility:hidden !important;
  }

  /* Stats como móvil: sin cápsula individual, sin borde ni fondo. */
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    overflow:visible !important;
    text-overflow:clip !important;
  }

  /* Solo bajar BANS; no mover ni agrandar PICKS. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    margin-top:12px !important;
  }
  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    z-index:64 !important;
  }

  /* Botón de ocultar en iPad: pequeño, arriba a la izquierda bajo stats. */
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini{
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    min-height:24px !important;
    max-width:28px !important;
    max-height:24px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    z-index:96 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini{
    width:28px !important;
    height:24px !important;
    min-width:28px !important;
    min-height:24px !important;
    max-width:28px !important;
    max-height:24px !important;
    padding:0 !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    gap:0 !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico{
    font-size:14px !important;
    line-height:1 !important;
    display:grid !important;
    place-items:center !important;
  }
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt{
    display:none !important;
  }

  /* Badges dentro de picks más pequeños, manteniendo su esquina original. */
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    min-width:14px !important;
    height:11px !important;
    min-height:11px !important;
    max-height:11px !important;
    padding:0 3px !important;
    font-size:6.2px !important;
    line-height:11px !important;
    border-radius:999px !important;
  }
  body.pv-body .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-badge{
    padding:1px 3px 1px 2px !important;
    gap:1px !important;
    font-size:7px !important;
    line-height:1 !important;
    border-radius:6px !important;
  }
  body.pv-body .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-star{
    font-size:7px !important;
    line-height:1 !important;
  }
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    display:grid !important;
    place-items:center !important;
    width:auto !important;
    min-width:14px !important;
    max-width:22px !important;
    height:11px !important;
    min-height:11px !important;
    max-height:11px !important;
    padding:0 3px !important;
    right:3px !important;
    bottom:3px !important;
    border-radius:999px !important;
    font-size:6px !important;
    line-height:11px !important;
    font-weight:1000 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    object-fit:initial !important;
  }
  body.pv-body .rat-slot .pick-slot.stellar::after,
  body.pv-body .rat-slot .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
    top:3px !important;
    right:3px !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    min-height:14px !important;
    max-width:14px !important;
    max-height:14px !important;
    font-size:9px !important;
    line-height:14px !important;
    display:grid !important;
    place-items:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  /* TOP / THE BEST visible también en iPad, anulando el hide general <=1280. */
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt{
    display:grid !important;
    width:var(--pv-ranklane-ratas-fit-width, max-content) !important;
    max-width:none !important;
    overflow:visible !important;
    z-index:2147483647 !important;
    pointer-events:none !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbest-row,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-best-badge,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-line,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-top,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt .pv-rankbanner-name{
    font-size:12px !important;
    line-height:1.05 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-left .pv-rankbanner{
    transform-origin:left center !important;
    scale:.72 !important;
  }
  body.pv-body .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner,
  body.pv-body.pv-ratas-fullscreen .pv-ranklane-ratas.pv-ranklane-ratas--rebuilt.pv-ranklane-ratas--card-right .pv-rankbanner{
    transform-origin:right center !important;
    scale:.72 !important;
  }

  /* Malvada: dock centrado y compacto como móvil para que quepan los botones de acción. */
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:5px 6px !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    order:1 !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  body.pv-body #malvada-elim-dock .med-btn,
  body.pv-body #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock .med-btn-label{
    flex:0 1 116px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:122px !important;
    min-height:23px !important;
    height:23px !important;
    max-height:24px !important;
    padding:2px 5px !important;
    border-radius:8px !important;
    font-size:7.5px !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    text-align:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    max-height:45px !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-wrap{
    gap:3px !important;
    align-content:center !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .action-btnrow{
    gap:4px !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock .decision-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .decision-btn{
    min-height:20px !important;
    height:20px !important;
    padding:2px 7px !important;
    font-size:7.3px !important;
    border-radius:7px !important;
  }

  /* Tornado/protección: panel más alto y cuerpo con scroll para que nunca corte el 4to PJ. */
  body.pv-body .modal.tornado-sheet,
  body.pv-body .tornado-modal,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet,
  body.pv-body.pv-ratas-fullscreen .tornado-modal{
    align-items:center !important;
    justify-content:center !important;
    padding:14px !important;
    overflow:hidden !important;
  }
  body.pv-body .modal.tornado-sheet .modal-card,
  body.pv-body .tornado-modal .modal-card,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-card,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-card{
    width:min(760px,calc(100vw - 32px)) !important;
    max-width:min(760px,calc(100vw - 32px)) !important;
    max-height:calc(100dvh - 36px) !important;
    overflow:hidden !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body,
  body.pv-body .tornado-modal .modal-body,
  body.pv-body.pv-ratas-fullscreen .modal.tornado-sheet .modal-body,
  body.pv-body.pv-ratas-fullscreen .tornado-modal .modal-body{
    max-height:calc(100dvh - 112px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:9px 12px 12px !important;
    scrollbar-width:none !important;
  }
  body.pv-body .modal.tornado-sheet .modal-body::-webkit-scrollbar,
  body.pv-body .tornado-modal .modal-body::-webkit-scrollbar{display:none !important;}
  body.pv-body .chaos-protect-v2,
  body.pv-body .chaos-protect-v3,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3{
    gap:7px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body .chaos-protect-v3 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-columns,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-columns{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body .chaos-protect-v3 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-chaos-grid,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-chaos-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  body.pv-body .chaos-protect-v2 .tornado-char-card,
  body.pv-body .chaos-protect-v3 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tornado-char-card,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tornado-char-card{
    min-height:60px !important;
    padding:6px 7px !important;
    border-radius:10px !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row,
  body.pv-body .chaos-protect-v3 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 34px !important;
    gap:5px !important;
    align-items:center !important;
  }
  body.pv-body .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body .chaos-protect-v3 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v2 .tnd-protect-row img,
  body.pv-body.pv-ratas-fullscreen .chaos-protect-v3 .tnd-protect-row img{
    width:34px !important;
    height:34px !important;
    object-fit:contain !important;
  }


  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    transform:translateY(12px) !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    transform:translateY(12px) !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body .rat-slot > .stellar-hide-toggle-row--timer,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row--timer{
    z-index:70 !important;
  }


  body.pv-body.has-malvada-elim-dock .center-card,
  body.pv-body.pv-mobile-malvada-action .center-card,
  body.pv-body .center-card:has(.center-actions.has-malvada-center-dock),
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card:has(.center-actions.has-malvada-center-dock){
    grid-template-rows:56px 56px 112px minmax(0,1fr) 94px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    height:94px !important;
    min-height:94px !important;
    max-height:94px !important;
    padding:4px 7px !important;
    gap:3px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    order:1 !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:20px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    flex:0 1 94px !important;
    max-width:98px !important;
    min-height:20px !important;
    height:20px !important;
    max-height:20px !important;
    padding:2px 4px !important;
    font-size:6.9px !important;
    line-height:1.02 !important;
    border-radius:7px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:64px !important;
    overflow:visible !important;
    scrollbar-width:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:64px !important;
    overflow:visible !important;
    display:grid !important;
    align-content:center !important;
    gap:2px !important;
    padding:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-sub,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-sub{
    font-size:7.4px !important;
    line-height:1.05 !important;
    margin:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-btnrow{
    margin:1px auto 0 !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock #action-area .decision-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .decision-btn{
    min-height:21px !important;
    height:21px !important;
    max-height:22px !important;
    padding:3px 8px !important;
    font-size:7.5px !important;
    line-height:1 !important;
    border-radius:7px !important;
  }


  body.pv-body.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv17-postdraft-mobile .center-card,
  body.pv-body.pv17-postdraft-active-final .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-card,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-card,
  body.pv-body .center-card:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-card:has(.action-wrap-broom-v2){
    grid-template-rows:52px 50px 72px minmax(0,1fr) 196px !important;
  }

  body.pv-body.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv17-postdraft-active-final .center-actions,
  body.pv-body .center-actions:has(.action-wrap-broom-v2),
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2){
    height:196px !important;
    min-height:196px !important;
    max-height:196px !important;
    padding:10px 12px !important;
    gap:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,rgba(7,6,12,.94),rgba(4,3,8,.98)) !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv17-postdraft-mobile #action-area,
  body.pv-body.pv17-postdraft-active-final #action-area,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #action-area,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #action-area{
    order:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body.pv-ratas-broom-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv17-postdraft-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv17-postdraft-active-final #action-area .action-wrap-broom-v2,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-broom-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-mobile #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen.pv17-postdraft-active-final #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,auto) auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:7px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-title,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-title{
    margin:0 auto !important;
    padding:0 !important;
    font-size:11px !important;
    line-height:1.05 !important;
    letter-spacing:.08em !important;
    text-align:center !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-ready-pill{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:18px !important;
    padding:3px 6px !important;
    font-size:8px !important;
    line-height:1.05 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .broom-copy{
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 4px !important;
    font-size:8px !important;
    line-height:1.15 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body .center-actions:has(.action-wrap-broom-v2) .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions:has(.action-wrap-broom-v2) .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:25px !important;
    height:auto !important;
    padding:4px 8px !important;
    font-size:8px !important;
    line-height:1.08 !important;
    border-radius:9px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }


  body.pv-body .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2){
    grid-template-rows:50px 46px 62px minmax(0,1fr) 232px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2){
    height:232px !important;
    min-height:232px !important;
    max-height:232px !important;
    padding:8px 10px !important;
    gap:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #roster-publish-toast.hidden,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #extra-bans-live-status:empty,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .malvada-elim-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area{
    order:1 !important;
    align-self:stretch !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) #action-area .action-wrap-broom-v2{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,auto) auto !important;
    align-content:center !important;
    justify-items:center !important;
    gap:5px !important;
    overflow:hidden !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-title{
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
    font-size:10px !important;
    line-height:1.02 !important;
    letter-spacing:.06em !important;
    text-align:center !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-board{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-ready-pill{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:16px !important;
    padding:2px 5px !important;
    font-size:7.3px !important;
    line-height:1.04 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .broom-copy,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-sub,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-sub{
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 3px !important;
    font-size:7.4px !important;
    line-height:1.12 !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:5px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .postdraft-btnrow .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock:has(.action-wrap-broom-v2) .action-btnrow .big-choice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:22px !important;
    height:auto !important;
    padding:3px 7px !important;
    font-size:7.3px !important;
    line-height:1.06 !important;
    border-radius:8px !important;
    white-space:normal !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }


  body.pv-body.pv24-ipad-broom-confirm-visible .center-card,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card{
    grid-template-rows:52px 50px 112px minmax(0,1fr) 196px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2),
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card:has(.center-actions.has-malvada-center-dock .action-wrap-broom-v2){
    grid-template-rows:50px 46px 112px minmax(0,1fr) 232px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible #filter-bar,
  body.pv-body.pv24-ipad-broom-confirm-visible .filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible #filter-bar,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .filter-bar{
    height:112px !important;
    min-height:112px !important;
    max-height:112px !important;
    overflow:hidden !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .characters-scroll,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .characters-scroll{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:6px 8px 10px !important;
    overflow:auto !important;
    overflow-x:hidden !important;
    scrollbar-width:none !important;
    position:relative !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    z-index:88 !important;
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    width:100% !important;
    height:auto !important;
    min-height:36px !important;
    max-height:none !important;
    margin:0 auto 7px !important;
    padding:4px 0 5px !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-pick-btn.confirm-broom,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-pick-btn.confirm-broom,
  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap .confirm-btn.confirm-broom,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap .confirm-btn.confirm-broom{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:174px !important;
    max-width:min(326px, calc(100% - 42px)) !important;
    height:auto !important;
    min-height:27px !important;
    max-height:none !important;
    margin:0 !important;
    padding:5px 15px !important;
    font-size:9px !important;
    line-height:1.08 !important;
    white-space:normal !important;
    text-align:center !important;
    border-radius:10px !important;
    overflow:visible !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-cancel-btn,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .center-card .confirm-stick-wrap #confirm-cancel-btn{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    width:25px !important;
    height:25px !important;
    min-width:25px !important;
    min-height:25px !important;
    max-width:25px !important;
    max-height:25px !important;
    margin:0 !important;
    padding:0 !important;
    flex:0 0 25px !important;
  }

  body.pv-body.pv24-ipad-broom-confirm-visible #characters,
  body.pv-body.pv24-ipad-broom-confirm-visible .characters-grid,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible #characters,
  body.pv-body.pv-ratas-fullscreen.pv24-ipad-broom-confirm-visible .characters-grid{
    flex:1 1 auto !important;
    padding-top:0 !important;
    margin-top:0 !important;
    align-content:start !important;
  }


  body.pv-body .pick-slot.swinging > img:not(.pick-weapon-badge),
  body.pv-body .pick-slot.swinging > .pick-char-img,
  body.pv-body .pick-slot.finalized > img:not(.pick-weapon-badge),
  body.pv-body .pick-slot.finalized > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .pick-slot.swinging > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot.finalized > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .pick-slot.finalized > .pick-char-img{
    animation:pickFade .35s ease-out forwards, pvRatasIpadPickFloatV25 4.8s cubic-bezier(.45,0,.35,1) infinite .35s !important;
    transform-origin:center bottom !important;
    will-change:transform !important;
  }

  @keyframes pvRatasIpadPickFloatV25{
    0%,100%{transform:translate3d(0,0,0)}
    50%{transform:translate3d(0,-1.5px,0)}
  }


  :root{
    --rm-topbar:30px !important;
    --rm-gap:3px !important;
    --rm-center:minmax(326px,334px) !important;
    --rm-leftcol:minmax(0,calc((100vw - 334px - 12px) / 2)) !important;
    --rm-pick:33px !important;
    --rm-mini:23px !important;
    --rm-special:29px !important;
    --rm-elim:23px !important;
    --rm-char:37px !important;
    --pv-mobile-center:min(334px,46vw) !important;
    --pv-mobile-gap:3px !important;
    --pv-player-head:45px !important;
  }
  body.pv-body .topbar,
  body.pv-body.pv-ratas-fullscreen .topbar{height:var(--rm-topbar) !important;min-height:var(--rm-topbar) !important;}
  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{height:calc(100dvh - var(--rm-topbar)) !important;padding:var(--rm-gap) !important;gap:var(--rm-gap) !important;grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;}
  body.pv-body .floating-brand-unit,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit{left:38px !important;top:4px !important;height:22px !important;}
  body.pv-body .floating-brand-unit .logo-icon,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-icon{width:22px !important;height:22px !important;min-width:22px !important;}
  body.pv-body .floating-brand-unit .logo-text,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit .logo-text{font-size:9px !important;}
  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link{left:126px !important;top:9px !important;font-size:10px !important;}
  body.pv-body .floating-sound-panel,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel{right:6px !important;top:4px !important;height:22px !important;min-height:22px !important;}
  body.pv-body .topbar-settings-btn,
  body.pv-body .fullscreen-toggle-ratas,
  body.pv-body .floating-sound-panel #volume-toggle,
  body.pv-body.pv-ratas-fullscreen .topbar-settings-btn,
  body.pv-body.pv-ratas-fullscreen .fullscreen-toggle-ratas,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel #volume-toggle{width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;}
  body.pv-body .floating-sound-panel .volume-wrap,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel .volume-wrap{height:22px !important;min-height:22px !important;width:82px !important;max-width:82px !important;padding:0 6px !important;}
  body.pv-body .floating-sound-panel .volume-wrap input{width:48px !important;}
  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{padding:4px 5px 5px !important;grid-template-columns:31px minmax(0,1fr) !important;grid-template-rows:45px 28px minmax(0,1fr) 12px !important;column-gap:3px !important;row-gap:2px !important;border-radius:10px !important;}
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{height:44px !important;min-height:44px !important;max-height:44px !important;grid-template-columns:35px minmax(0,1fr) 83px !important;gap:3px !important;}
  body.pv-body .avatar-wrap.rat-avatar-wrap,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap{--size:31px !important;width:31px !important;height:31px !important;min-width:31px !important;min-height:31px !important;margin-left:3px !important;margin-top:3px !important;}
  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{font-size:8.4px !important;}
  body.pv-body .rat-title-badge.title-badge,
  body.pv-body.pv-ratas-fullscreen .rat-title-badge.title-badge{font-size:5.5px !important;padding:1px 3px !important;}
  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{width:10px !important;height:10px !important;min-width:10px !important;}
  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{max-width:74px !important;font-size:5.2px !important;padding:1px 3px !important;}
  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{width:83px !important;min-width:83px !important;max-width:83px !important;gap:1px !important;}
  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{width:83px !important;min-width:83px !important;height:7px !important;min-height:7px !important;grid-template-columns:minmax(0,1fr) 16px !important;padding:0 3px !important;}
  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{font-size:5px !important;}
  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{font-size:5.5px !important;}
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{width:31px !important;max-width:31px !important;grid-template-columns:var(--rm-special) !important;grid-auto-rows:var(--rm-special) !important;gap:4px !important;margin:3px 0 0 0 !important;}
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{width:var(--rm-special) !important;height:var(--rm-special) !important;min-width:var(--rm-special) !important;min-height:var(--rm-special) !important;max-width:var(--rm-special) !important;max-height:var(--rm-special) !important;border-radius:7px !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{width:var(--rm-elim) !important;height:var(--rm-elim) !important;min-width:var(--rm-elim) !important;min-height:var(--rm-elim) !important;max-width:var(--rm-elim) !important;max-height:var(--rm-elim) !important;}
  body.pv-body .safe-slot::after,
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after{top:-7px !important;font-size:13px !important;width:16px !important;height:16px !important;}
  body.pv-body #elims-malvada .mini-slot::before{top:-6px !important;font-size:11px !important;width:13px !important;height:13px !important;}
  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark{font-size:14px !important;}
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{height:27px !important;min-height:27px !important;grid-template-columns:22px max-content !important;gap:3px !important;}
  body.pv-body .rat-minirow .mini-title,
  body.pv-body .mini-title{font-size:6.1px !important;}
  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{gap:3px !important;}
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{grid-template-columns:repeat(4,var(--rm-pick)) !important;grid-template-rows:repeat(2,var(--rm-pick)) !important;grid-auto-rows:var(--rm-pick) !important;column-gap:3px !important;row-gap:4px !important;padding:0 0 1px 31px !important;margin:1px auto 0 !important;}
  body.pv-body .rat-slot .rat-grid::before{left:3px !important;width:22px !important;font-size:6px !important;}
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;border-radius:8px !important;}
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{grid-template-rows:42px 38px 82px minmax(0,1fr) 58px !important;border-radius:11px !important;}
  body.pv-body .center-header,
  body.pv-body.pv-ratas-fullscreen .center-header{height:42px !important;min-height:42px !important;max-height:42px !important;padding:4px 7px !important;}
  body.pv-body #current-action,
  body.pv-body .current-action,
  body.pv-body.pv-ratas-fullscreen #current-action,
  body.pv-body.pv-ratas-fullscreen .current-action{font-size:10px !important;line-height:1.12 !important;}
  body.pv-body .pv-mobile-round-label,
  body.pv-body.pv-ratas-fullscreen .pv-mobile-round-label{font-size:7.5px !important;margin-top:2px !important;}
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{height:38px !important;min-height:38px !important;max-height:38px !important;padding:1px 5px 2px !important;}
  body.pv-body .extra-bans-head,
  body.pv-body.pv-ratas-fullscreen .extra-bans-head{height:9px !important;min-height:9px !important;margin:0 0 1px !important;}
  body.pv-body .extra-bans-title{font-size:7px !important;}
  body.pv-body .extra-bans-center{height:28px !important;min-height:28px !important;max-height:28px !important;gap:6px !important;}
  body.pv-body .extra-bans-center .extra-ban-slot{width:28px !important;height:28px !important;min-width:28px !important;min-height:28px !important;max-width:28px !important;max-height:28px !important;}
  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{height:82px !important;min-height:82px !important;max-height:82px !important;padding:4px 6px !important;gap:3px !important;grid-template-rows:22px 24px 24px !important;}
  body.pv-body #filter-bar > div,
  body.pv-body .filter-bar > div{min-height:20px !important;gap:3px !important;}
  body.pv-body #search-input,
  body.pv-body #filter-bar input[type="text"],
  body.pv-body #filter-bar input[type="search"]{width:188px !important;max-width:188px !important;height:20px !important;min-height:20px !important;max-height:20px !important;font-size:7px !important;}
  body.pv-body .filter-button{width:19px !important;height:19px !important;min-width:19px !important;min-height:19px !important;max-width:19px !important;max-height:19px !important;border-radius:6px !important;}
  body.pv-body .filter-button[data-value="Todos"]{min-width:35px !important;max-width:40px !important;height:19px !important;min-height:19px !important;max-height:19px !important;font-size:5.7px !important;line-height:19px !important;}
  body.pv-body .filter-image,
  body.pv-body .filter-image img{width:13px !important;height:13px !important;}
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{grid-template-columns:repeat(7,var(--rm-char)) !important;grid-auto-rows:calc(var(--rm-char) + 6px) !important;gap:4px 4px !important;}
  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{height:58px !important;min-height:58px !important;max-height:58px !important;padding:4px 6px !important;}
  body.pv-body .action-title{font-size:8px !important;}
  body.pv-body .action-sub,
  body.pv-body .broom-copy{font-size:6.4px !important;}
  body.pv-body .action-btnrow .big-choice,
  body.pv-body .action-btnrow .decision-btn,
  body.pv-body .big-choice,
  body.pv-body .ready-btn,
  body.pv-body .undo-btn,
  body.pv-body .finalize-btn{min-height:18px !important;padding:2px 6px !important;font-size:6px !important;border-radius:7px !important;}
}

/* Galaxy Z Fold 5 882x334: conserva el modo móvil, solo libera BANS/estelares de PICKS. */
@media (orientation:landscape) and (min-width:850px) and (max-width:910px) and (max-height:360px){
  :root{
    --rm-pick:32px !important;
    --rm-mini:22px !important;
    --rm-special:21px !important;
    --rm-elim:24px !important;
  }
  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{grid-template-columns:28px minmax(0,1fr) !important;grid-template-rows:36px 22px minmax(0,1fr) 10px !important;row-gap:1px !important;}
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{grid-column:1 !important;grid-row:2 / 4 !important;width:23px !important;max-width:23px !important;gap:3px !important;margin:0 !important;align-self:start !important;}
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{width:var(--rm-special) !important;height:var(--rm-special) !important;min-width:var(--rm-special) !important;min-height:var(--rm-special) !important;max-width:var(--rm-special) !important;max-height:var(--rm-special) !important;}
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{height:22px !important;min-height:22px !important;transform:none !important;justify-self:center !important;}
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{grid-column:2 !important;grid-row:3 !important;grid-template-columns:repeat(4,var(--rm-pick)) !important;grid-template-rows:repeat(2,var(--rm-pick)) !important;grid-auto-rows:var(--rm-pick) !important;column-gap:4px !important;row-gap:4px !important;padding-left:18px !important;margin:0 auto !important;transform:none !important;align-self:end !important;}
  body.pv-body .rat-slot .rat-grid::before,
  body.pv-body #rat-malvada .rat-grid::before{left:0 !important;width:16px !important;font-size:5.7px !important;}
  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{width:var(--rm-pick) !important;height:var(--rm-pick) !important;min-width:var(--rm-pick) !important;min-height:var(--rm-pick) !important;max-width:var(--rm-pick) !important;max-height:var(--rm-pick) !important;}
}

/* Nest Hub 1024x600: mantiene tablet mini, compacta solo la columna especial de Malvada para que no se corte. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:580px) and (max-height:650px){
  body.pv-body #rat-malvada .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada{gap:6px !important;margin:3px 0 0 0 !important;grid-auto-rows:34px !important;width:36px !important;max-width:36px !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada .safe-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .stellar-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .secondary-slot{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;max-width:34px !important;max-height:34px !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{width:25px !important;height:25px !important;min-width:25px !important;min-height:25px !important;max-width:25px !important;max-height:25px !important;}
  body.pv-body #rat-malvada .safe-slot::after,
  body.pv-body #rat-malvada .stellar-slot.has-crown::after,
  body.pv-body #rat-malvada .secondary-slot.has-crown::after{top:-8px !important;font-size:15px !important;}
}


/* RATAS ajustes finos tablets post plantilla madre - Surface Duo 720x540: badges/estelares/picks/. - Surface Pro 7 1368x912: center area Malvada como iPad mini. - Zenbook/Nest/Tablet clones: X de estelar perdido compacta y centrada. */

/* Surface Duo 720x540: pulido sin tocar PC ni móvil general. */
@media (orientation:landscape) and (min-width:700px) and (max-width:760px) and (min-height:500px) and (max-height:560px){
  /* Centrado en la topbar. */
  body.pv-body .topbar .brand-link,
  body.pv-body .brand-link,
  body.pv-body.pv-ratas-fullscreen .topbar .brand-link,
  body.pv-body.pv-ratas-fullscreen .brand-link{
    left:50% !important;
    right:auto !important;
    top:10px !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    max-width:170px !important;
  }

  /* Casillas de picks un poco más abajo, sin moverlas lateralmente. */
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    margin-top:7px !important;
    transform:none !important;
  }

  /* Badges del grid de personajes más chicos y más profesionales. */
  body.pv-body #characters .character .grid-badge,
  body.pv-body .characters-grid .character .grid-badge,
  body.pv-body #characters .character .grid-corner-mark,
  body.pv-body .characters-grid .character .grid-corner-mark,
  body.pv-body .character .grid-badge,
  body.pv-body .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-badge,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-badge,
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-mark{
    min-width:12px !important;
    height:8px !important;
    min-height:8px !important;
    max-height:8px !important;
    padding:0 2px !important;
    border-radius:999px !important;
    font-size:5px !important;
    line-height:8px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
  }
  body.pv-body #characters .character .grid-badge[style*="left"],
  body.pv-body .characters-grid .character .grid-badge[style*="left"]{left:1px !important;}
  body.pv-body #characters .character .grid-badge[style*="right"],
  body.pv-body .characters-grid .character .grid-badge[style*="right"]{right:1px !important;}
  body.pv-body #characters .character .grid-badge[style*="bottom"],
  body.pv-body .characters-grid .character .grid-badge[style*="bottom"]{bottom:1px !important;top:auto !important;}

  /* Estelares: estrella/corona/placeholder y X perdedora pequeñas y centradas. */
  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot .masked-mark{
    display:grid !important;
    place-items:center !important;
    font-size:10px !important;
    line-height:1 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    transform:none !important;
  }
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-crown::after{
    top:-5px !important;
    font-size:10px !important;
    width:12px !important;
    height:12px !important;
    line-height:12px !important;
  }
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:15px !important;
    line-height:1 !important;
    text-align:center !important;
    z-index:96 !important;
  }

  /* Badges dentro de picks: constelación, TOP y R1 más pequeños sin mover su esquina. */
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    min-width:11px !important;
    height:8px !important;
    min-height:8px !important;
    max-height:8px !important;
    padding:0 2px !important;
    font-size:4.8px !important;
    line-height:8px !important;
    border-radius:999px !important;
  }
  body.pv-body .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-badge{
    padding:0 2px !important;
    gap:1px !important;
    font-size:5px !important;
    line-height:8px !important;
    height:8px !important;
    min-height:8px !important;
    border-radius:999px !important;
  }
  body.pv-body .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .ratas-pick-top-star{
    font-size:5px !important;
    line-height:1 !important;
  }
  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    display:grid !important;
    place-items:center !important;
    min-width:11px !important;
    width:auto !important;
    height:8px !important;
    min-height:8px !important;
    max-height:8px !important;
    padding:0 2px !important;
    right:2px !important;
    bottom:2px !important;
    border-radius:999px !important;
    font-size:4.8px !important;
    line-height:8px !important;
  }
  body.pv-body .rat-slot .pick-slot.stellar::after,
  body.pv-body .rat-slot .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot.has-crown::after{
    top:2px !important;
    right:2px !important;
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    max-width:10px !important;
    max-height:10px !important;
    font-size:7px !important;
    line-height:10px !important;
  }
}

/* Surface Pro 7 1368x912: solo Malvada center area con el enfoque iPad mini. */
@media (orientation:landscape) and (min-width:1320px) and (max-width:1400px) and (min-height:880px) and (max-height:940px){
  body.pv-body.has-malvada-elim-dock .center-card,
  body.pv-body.pv-mobile-malvada-action .center-card,
  body.pv-body .center-card:has(.center-actions.has-malvada-center-dock),
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-card,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card:has(.center-actions.has-malvada-center-dock){
    grid-template-rows:72px 68px 142px minmax(0,1fr) 122px !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    height:122px !important;
    min-height:122px !important;
    max-height:122px !important;
    padding:7px 12px !important;
    gap:5px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    order:1 !important;
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-height:26px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    flex:0 1 136px !important;
    max-width:142px !important;
    min-height:27px !important;
    height:27px !important;
    max-height:28px !important;
    padding:4px 7px !important;
    font-size:9px !important;
    line-height:1.03 !important;
    border-radius:9px !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area{
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:82px !important;
    overflow:visible !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-wrap,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-wrap{
    height:auto !important;
    min-height:0 !important;
    max-height:82px !important;
    overflow:visible !important;
    display:grid !important;
    align-content:center !important;
    gap:3px !important;
    padding:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-sub,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-sub{
    font-size:9px !important;
    line-height:1.08 !important;
    margin:0 !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .action-btnrow,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .action-btnrow{
    margin:2px auto 0 !important;
    gap:7px !important;
    flex-wrap:nowrap !important;
  }
  body.pv-body .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body .center-actions.has-malvada-center-dock #action-area .decision-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .big-choice,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #action-area .decision-btn{
    min-height:28px !important;
    height:28px !important;
    max-height:30px !important;
    padding:4px 12px !important;
    font-size:9px !important;
    line-height:1 !important;
    border-radius:9px !important;
  }
}

/* Tablet clones/Nest: X de estelar perdido compacta y centrada como iPad/iPhone. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1300px) and (min-height:580px) and (max-height:900px){
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:20px !important;
    line-height:1 !important;
    text-align:center !important;
    z-index:96 !important;
  }
}

/* RATAS Surface Duo 720x540 remate Solo toca Surface Duo landscape: baja picks y compacta estrellas. */
@media (orientation:landscape) and (min-width:700px) and (max-width:760px) and (min-height:500px) and (max-height:560px){
  /* Picks: bajar visualmente sin tocar tamaño ni posición lateral. */
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    margin-top:16px !important;
    transform:translateY(7px) !important;
  }

  /* Mantener las casillas de bans arriba compactas para que no se unan con picks. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    margin-top:0 !important;
    transform:none !important;
  }

  /* Estelares: estrella interna pequeña y centrada, sin tocar el tamaño de la casilla. */
  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark,
  body.pv-body .stellar-slot .slot-placeholder,
  body.pv-body .secondary-slot .slot-placeholder,
  body.pv-body .stellar-slot > span:not(.pick-cons-badge):not(.ratas-pick-top-badge),
  body.pv-body .secondary-slot > span:not(.pick-cons-badge):not(.ratas-pick-top-badge),
  body.pv-body.pv-ratas-fullscreen .stellar-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot .slot-placeholder,
  body.pv-body.pv-ratas-fullscreen .secondary-slot .slot-placeholder,
  body.pv-body.pv-ratas-fullscreen .stellar-slot > span:not(.pick-cons-badge):not(.ratas-pick-top-badge),
  body.pv-body.pv-ratas-fullscreen .secondary-slot > span:not(.pick-cons-badge):not(.ratas-pick-top-badge){
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    font-size:11px !important;
    line-height:1 !important;
    text-align:center !important;
  }

  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-crown::after{
    top:-5px !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    min-height:12px !important;
    max-width:12px !important;
    max-height:12px !important;
    display:grid !important;
    place-items:center !important;
    font-size:10px !important;
    line-height:12px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
}


/* RATAS Escalado de seguridad para PC landscape Solo aplica a mouse/trackpad (hover/fine). No toca los cortes móviles ni las tablets táctiles aprobadas. Sirve para resoluciones de PC menores que 1980x1080, evitando que las casillas se amontonen o se recorten. */
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-width:1900px){
  body.pv-body{
    --pv-ratas-pc-zoom:.95;
    overflow:hidden !important;
  }
  body.pv-body .topbar,
  body.pv-body .layout,
  body.pv-body .floating-brand-unit,
  body.pv-body .floating-sound-panel,
  body.pv-body .floating-trailer-panel,
  body.pv-body .action-banner-overlay{
    zoom:var(--pv-ratas-pc-zoom);
  }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-width:1680px){
  body.pv-body{ --pv-ratas-pc-zoom:.92; }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-width:1500px){
  body.pv-body{ --pv-ratas-pc-zoom:.84; }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-width:1380px){
  body.pv-body{ --pv-ratas-pc-zoom:.78; }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-width:1280px){
  body.pv-body{ --pv-ratas-pc-zoom:.72; }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-width:1180px){
  body.pv-body{ --pv-ratas-pc-zoom:.66; }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-width:1100px){
  body.pv-body{ --pv-ratas-pc-zoom:.60; }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-height:760px){
  body.pv-body{ --pv-ratas-pc-zoom:.70; }
}
@media (hover:hover) and (pointer:fine) and (orientation:landscape) and (min-width:981px) and (max-height:620px){
  body.pv-body{ --pv-ratas-pc-zoom:.58; }
}

/* RATAS Escala global para PC grande Solo aplica a modo PC real con mouse/trackpad y pantallas mayores al PC base. No toca los rangos móviles/tablets ya aprobados. */
body.pv-body.pv-ratas-pc-large-scale-active{
  overflow:hidden !important;
}
body.pv-body.pv-ratas-pc-large-scale-active .topbar,
body.pv-body.pv-ratas-pc-large-scale-active .layout,
body.pv-body.pv-ratas-pc-large-scale-active .floating-brand-unit,
body.pv-body.pv-ratas-pc-large-scale-active .floating-sound-panel,
body.pv-body.pv-ratas-pc-large-scale-active .floating-trailer-panel,
body.pv-body.pv-ratas-pc-large-scale-active .action-banner-overlay{
  zoom:var(--pv-ratas-pc-zoom, 1);
}


/* RATAS Escala fluida para monitores PC grandes Una sola variable aumenta textos, slots, filtros y grid cuando la pantalla supera la maqueta aprobada. No toca móvil/tablet porque solo se activa por JS. */
body.pv-body.pv-ratas-fluid-large-active{
  --rv:var(--pv-ratas-fluid-scale, 1);
  overflow:hidden !important;
}
body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .topbar,
body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .layout,
body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .floating-brand-unit,
body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .floating-sound-panel,
body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .floating-trailer-panel,
body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .action-banner-overlay{
  zoom:1 !important;
}
body.pv-body.pv-ratas-fluid-large-active{
  grid-template-rows:calc(54px * var(--rv)) minmax(0,1fr) auto !important;
}
body.pv-body.pv-ratas-fluid-large-active .topbar{
  min-height:calc(54px * var(--rv)) !important;
  gap:calc(12px * var(--rv)) !important;
  padding:0 calc(12px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .brand-link{
  font-size:calc(16px * var(--rv)) !important;
  letter-spacing:calc(1.4px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .floating-brand-unit{
  gap:calc(10px * var(--rv)) !important;
  font-size:calc(13px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .logo-icon{
  width:calc(30px * var(--rv)) !important;
  height:calc(30px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .floating-sound-panel,
body.pv-body.pv-ratas-fluid-large-active .floating-trailer-panel{
  transform-origin:top right !important;
  transform:scale(var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .floating-brand-unit{
  transform-origin:top left !important;
  transform:scale(var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .layout{
  padding:calc(8px * var(--rv)) !important;
  gap:calc(8px * var(--rv)) !important;
  grid-template-columns:minmax(0,1.08fr) minmax(calc(360px * var(--rv)), .95fr) minmax(0,1.08fr) !important;
}
body.pv-body.pv-ratas-fluid-large-active .center-card,
body.pv-body.pv-ratas-fluid-large-active .rat-slot{
  border-radius:calc(20px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .center-header{
  min-height:calc(60px * var(--rv)) !important;
  padding:calc(10px * var(--rv)) calc(14px * var(--rv)) calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .current-action{
  font-size:calc(18px * var(--rv)) !important;
  min-height:calc(22px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .center-sub,
body.pv-body.pv-ratas-fluid-large-active .action-sub{
  font-size:calc(12px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active #filter-bar,
body.pv-body.pv-ratas-fluid-large-active .filter-bar{
  padding:calc(8px * var(--rv)) calc(12px * var(--rv)) calc(6px * var(--rv)) !important;
  gap:calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active #filter-bar h4{
  font-size:calc(11px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active #search-input{
  min-height:calc(34px * var(--rv)) !important;
  padding:calc(8px * var(--rv)) calc(12px * var(--rv)) !important;
  border-radius:calc(10px * var(--rv)) !important;
  font-size:calc(13px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .filter-button{
  width:calc(34px * var(--rv)) !important;
  height:calc(34px * var(--rv)) !important;
  border-radius:calc(10px * var(--rv)) !important;
  font-size:calc(12px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .filter-button[data-value="Todos"]{
  min-width:calc(60px * var(--rv)) !important;
  padding:0 calc(10px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .filter-image img{
  width:calc(18px * var(--rv)) !important;
  height:calc(18px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .characters-scroll{
  padding:calc(10px * var(--rv)) calc(12px * var(--rv)) calc(12px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active #characters,
body.pv-body.pv-ratas-fluid-large-active .characters-grid{
  grid-template-columns:repeat(auto-fill, minmax(calc(84px * var(--rv)), 1fr)) !important;
  gap:calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .character{
  border-radius:calc(14px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .grid-badge,
body.pv-body.pv-ratas-fluid-large-active .grid-corner-mark{
  font-size:calc(11px * var(--rv)) !important;
  padding:calc(2px * var(--rv)) calc(6px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .center-actions{
  padding:calc(8px * var(--rv)) calc(12px * var(--rv)) calc(12px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .action-area{
  min-height:calc(64px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .action-wrap{
  gap:calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .action-btnrow{
  gap:calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .big-choice,
body.pv-body.pv-ratas-fluid-large-active .ready-btn,
body.pv-body.pv-ratas-fluid-large-active .undo-btn,
body.pv-body.pv-ratas-fluid-large-active .finalize-btn,
body.pv-body.pv-ratas-fluid-large-active .broom-btn,
body.pv-body.pv-ratas-fluid-large-active .confirm-btn{
  min-height:calc(38px * var(--rv)) !important;
  padding:calc(9px * var(--rv)) calc(14px * var(--rv)) !important;
  border-radius:calc(12px * var(--rv)) !important;
  font-size:calc(13px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-slot{
  gap:calc(6px * var(--rv)) !important;
  padding:calc(9px * var(--rv)) calc(10px * var(--rv)) calc(10px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-header{
  min-height:calc(84px * var(--rv)) !important;
  gap:calc(10px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .avatar-wrap.rat-avatar-wrap{
  --size:calc(58px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-head-meta{
  gap:calc(4px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-name{
  font-size:calc(17px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-handle,
body.pv-body.pv-ratas-fluid-large-active .mini-title,
body.pv-body.pv-ratas-fluid-large-active .stat-row .k{
  font-size:calc(11px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-rank{
  gap:calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-rank .rank-logo{
  width:calc(22px * var(--rv)) !important;
  height:calc(22px * var(--rv)) !important;
  flex-basis:calc(22px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-rank .rank-badge{
  padding:calc(6px * var(--rv)) calc(12px * var(--rv)) !important;
  font-size:calc(12px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-stats-vert{
  min-width:calc(166px * var(--rv)) !important;
  gap:calc(6px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .stat-row{
  min-width:calc(152px * var(--rv)) !important;
  gap:calc(10px * var(--rv)) !important;
  padding:calc(5px * var(--rv)) calc(8px * var(--rv)) !important;
  border-radius:calc(10px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .stat-row .v{
  font-size:calc(14px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-banbar{
  gap:calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .safe-slot,
body.pv-body.pv-ratas-fluid-large-active .stellar-slot{
  min-height:calc(54px * var(--rv)) !important;
  border-radius:calc(14px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .masked-mark{
  font-size:calc(26px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .masked-x{
  font-size:calc(38px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-minirow{
  grid-template-columns:calc(42px * var(--rv)) minmax(0,1fr) !important;
  gap:calc(8px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .mini-slots{
  gap:calc(6px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .mini-slot{
  border-radius:calc(10px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .rat-grid{
  gap:calc(6px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .pick-slot{
  border-radius:calc(14px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .pick-slot.empty::before{
  font-size:calc(26px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .pick-slot.stellar::after{
  top:calc(4px * var(--rv)) !important;
  right:calc(4px * var(--rv)) !important;
  width:calc(22px * var(--rv)) !important;
  height:calc(22px * var(--rv)) !important;
  font-size:calc(12px * var(--rv)) !important;
}
body.pv-body.pv-ratas-fluid-large-active .pick-slot > .pick-cons-badge,
body.pv-body.pv-ratas-fluid-large-active .pick-slot > .pick-weapon-badge,
body.pv-body.pv-ratas-fluid-large-active .ratas-pick-top-badge{
  transform-origin:center center !important;
  transform:scale(var(--rv)) !important;
}

/* RATAS PC ultra-wide / 2K-4K seguro Mantiene 1980x1080 como maqueta madre. En pantallas más anchas no deja que los paneles se estiren sin control; el contenido conserva proporciones y crece solo hasta donde la altura real lo permite, evitando choques. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-pc-large-scale-active .topbar,
  body.pv-body.pv-ratas-pc-large-scale-active .layout,
  body.pv-body.pv-ratas-pc-large-scale-active .floating-brand-unit,
  body.pv-body.pv-ratas-pc-large-scale-active .floating-sound-panel,
  body.pv-body.pv-ratas-pc-large-scale-active .floating-trailer-panel,
  body.pv-body.pv-ratas-pc-large-scale-active .action-banner-overlay,
  body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .topbar,
  body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .layout,
  body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .floating-brand-unit,
  body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .floating-sound-panel,
  body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .floating-trailer-panel,
  body.pv-body.pv-ratas-fluid-large-active.pv-ratas-pc-large-scale-active .action-banner-overlay{
    zoom:1 !important;
  }

  body.pv-body.pv-ratas-pc-large-scale-active .layout,
  body.pv-body.pv-ratas-fluid-large-active .layout{
    width:min(100vw, calc(1980px * var(--pv-ratas-fluid-scale, var(--pv-ratas-pc-zoom, 1)))) !important;
    max-width:calc(1980px * var(--pv-ratas-fluid-scale, var(--pv-ratas-pc-zoom, 1))) !important;
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:minmax(0,1.08fr) minmax(calc(360px * var(--pv-ratas-fluid-scale, var(--pv-ratas-pc-zoom, 1))), .95fr) minmax(0,1.08fr) !important;
  }

  body.pv-body.pv-ratas-fluid-large-active .rat-grid{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    align-content:start !important;
  }

  body.pv-body.pv-ratas-fluid-large-active .pick-slot,
  body.pv-body.pv-ratas-fluid-large-active .safe-slot,
  body.pv-body.pv-ratas-fluid-large-active .stellar-slot,
  body.pv-body.pv-ratas-fluid-large-active .mini-slot,
  body.pv-body.pv-ratas-fluid-large-active .extra-ban-slot{
    aspect-ratio:1 / 1 !important;
  }

  body.pv-body.pv-ratas-fluid-large-active .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fluid-large-active .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fluid-large-active .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    font-size:calc(10px * var(--pv-ratas-fluid-scale, 1)) !important;
    min-width:calc(24px * var(--pv-ratas-fluid-scale, 1)) !important;
    min-height:calc(20px * var(--pv-ratas-fluid-scale, 1)) !important;
    padding:0 calc(5px * var(--pv-ratas-fluid-scale, 1)) !important;
    transform:none !important;
  }

  body.pv-body.pv-ratas-fluid-large-active .pick-slot > .pick-weapon-badge:not(.mobile-r1-badge){
    width:calc(22px * var(--pv-ratas-fluid-scale, 1)) !important;
    height:calc(22px * var(--pv-ratas-fluid-scale, 1)) !important;
    padding:calc(3px * var(--pv-ratas-fluid-scale, 1)) !important;
    transform:none !important;
  }
}


/* RATAS PC ancho: ajustes fluidos sin mover la maqueta 1980x1080. Solo se activa por JS cuando la pantalla supera esa madre. No centra casillas ni cambia rangos móvil/tablet. */
body.pv-body.pv-ratas-wide-tune{
  --rw-slot:var(--pv-ratas-wide-slot-scale, 1);
  --rw-text:var(--pv-ratas-wide-text-scale, 1);
  --rw-lift:var(--pv-ratas-wide-lift, 0);
}

@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  /* Emotes de títulos: conservar animación, pero quitar subpíxeles que producen temblor en pantallas escaladas. */
  @keyframes crownFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
  @keyframes emojiBob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-1px,0)}}
  @keyframes swordSwing{0%,100%{transform:rotate(-7deg) translate3d(0,0,0)}50%{transform:rotate(6deg) translate3d(0,-2px,0)}}
  @keyframes twinkle{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-1px,0) scale(1.045)}}
  @keyframes theOneCrownFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
  @keyframes pvBestAura{0%,100%{transform:translate3d(0,0,0);opacity:.55}50%{transform:translate3d(0,-2px,0);opacity:.75}}
  @keyframes pvBestSpark{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.9}50%{transform:translate3d(0,-1px,0) scale(1.045);opacity:1}}

  body.pv-body.pv-ratas-wide-tune .title-badge,
  body.pv-body.pv-ratas-wide-tune .title-badge::before,
  body.pv-body.pv-ratas-wide-tune .title-badge::after,
  body.pv-body.pv-ratas-wide-tune .rat-title-badge,
  body.pv-body.pv-ratas-wide-tune .rat-title-badge::before,
  body.pv-body.pv-ratas-wide-tune .rat-title-badge::after{
    backface-visibility:hidden !important;
    -webkit-font-smoothing:antialiased;
    transform-origin:50% 50% !important;
    will-change:transform, opacity;
  }

  /* BANS / ban seguro / estelares / eliminaciones: solo subir en vertical, sin centrar ni mover lateralmente. */
  body.pv-body.pv-ratas-wide-tune .rat-banbar,
  body.pv-body.pv-ratas-wide-tune .rat-banbar.triple,
  body.pv-body.pv-ratas-wide-tune .rat-banbar-malvada{
    margin-top:calc(-8px * var(--rw-lift)) !important;
  }
  body.pv-body.pv-ratas-wide-tune .rat-minirow,
  body.pv-body.pv-ratas-wide-tune #rat-malvada .rat-minirow{
    margin-top:calc(-6px * var(--rw-lift)) !important;
  }
  body.pv-body.pv-ratas-wide-tune #elims-malvada,
  body.pv-body.pv-ratas-wide-tune .rat-banbar-malvada #elims-malvada{
    margin-top:calc(-4px * var(--rw-lift)) !important;
  }

  /* Slots especiales: crecen un poco con el ancho, pero menos que PICKS para no tragarse la zona alta. */
  body.pv-body.pv-ratas-wide-tune .safe-slot,
  body.pv-body.pv-ratas-wide-tune .stellar-slot,
  body.pv-body.pv-ratas-wide-tune .secondary-slot,
  body.pv-body.pv-ratas-wide-tune .mini-slot,
  body.pv-body.pv-ratas-wide-tune .extra-ban-slot{
    width:calc(54px * (1 + ((var(--rw-slot) - 1) * .55))) !important;
    height:calc(54px * (1 + ((var(--rw-slot) - 1) * .55))) !important;
    min-width:calc(54px * (1 + ((var(--rw-slot) - 1) * .55))) !important;
    min-height:calc(54px * (1 + ((var(--rw-slot) - 1) * .55))) !important;
    max-width:calc(54px * (1 + ((var(--rw-slot) - 1) * .55))) !important;
    max-height:calc(54px * (1 + ((var(--rw-slot) - 1) * .55))) !important;
  }

  /* PICKS: crecimiento fluido limitado. Se conserva la posición lateral de la maqueta existente. */
  body.pv-body.pv-ratas-wide-tune .rat-grid{
    --rw-pick-size:calc(72px * var(--rw-slot));
    grid-template-columns:repeat(4, var(--rw-pick-size)) !important;
    grid-auto-rows:var(--rw-pick-size) !important;
    grid-template-rows:repeat(2, var(--rw-pick-size)) !important;
    gap:calc(6px * var(--rw-slot)) !important;
    padding-top:calc(17px * var(--rw-slot)) !important;
    margin-top:calc(-5px * var(--rw-lift)) !important;
  }
  body.pv-body.pv-ratas-wide-tune .pick-slot{
    width:calc(72px * var(--rw-slot)) !important;
    height:calc(72px * var(--rw-slot)) !important;
    min-width:calc(72px * var(--rw-slot)) !important;
    min-height:calc(72px * var(--rw-slot)) !important;
    max-width:calc(72px * var(--rw-slot)) !important;
    max-height:calc(72px * var(--rw-slot)) !important;
  }

  /* Centrar el texto PICKS respecto al bloque real de 4 casillas, sin tocar el bloque de casillas. */
  body.pv-body.pv-ratas-wide-tune .rat-grid::before{
    left:50% !important;
    width:calc((72px * var(--rw-slot) * 4) + (6px * var(--rw-slot) * 3)) !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    font-size:calc(11px * var(--rw-text)) !important;
    line-height:1 !important;
  }

  /* Badges y datos: acompañan el crecimiento para no quedar diminutos en 2K/4K. */
  body.pv-body.pv-ratas-wide-tune .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-wide-tune .ratas-pick-top-badge,
  body.pv-body.pv-ratas-wide-tune .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    font-size:calc(10px * var(--rw-text)) !important;
    min-width:calc(24px * var(--rw-text)) !important;
    min-height:calc(20px * var(--rw-text)) !important;
    padding:0 calc(5px * var(--rw-text)) !important;
  }
  body.pv-body.pv-ratas-wide-tune .grid-badge,
  body.pv-body.pv-ratas-wide-tune .grid-corner-mark,
  body.pv-body.pv-ratas-wide-tune .character .char-corner,
  body.pv-body.pv-ratas-wide-tune .character .weapon-badge{
    font-size:calc(11px * var(--rw-text)) !important;
  }
  body.pv-body.pv-ratas-wide-tune .stat-row .k,
  body.pv-body.pv-ratas-wide-tune .rat-handle,
  body.pv-body.pv-ratas-wide-tune .mini-title{
    font-size:calc(11px * var(--rw-text)) !important;
  }
  body.pv-body.pv-ratas-wide-tune .stat-row .v{
    font-size:calc(14px * var(--rw-text)) !important;
  }
}


/* RATAS variables calculadas en JS, sin calc multiplicado. */
@keyframes crownFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
@keyframes emojiBob{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-1px,0)}}
@keyframes swordSwing{0%,100%{transform:rotate(-7deg) translate3d(0,0,0)}50%{transform:rotate(6deg) translate3d(0,-2px,0)}}
@keyframes twinkle{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-1px,0) scale(1.045)}}
@keyframes theOneCrownFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-2px,0)}}
@keyframes pvBestAura{0%,100%{transform:translate3d(0,0,0);opacity:.55}50%{transform:translate3d(0,-2px,0);opacity:.75}}
@keyframes pvBestSpark{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.9}50%{transform:translate3d(0,-1px,0) scale(1.045);opacity:1}}

@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-wide-tune .title-badge,
  body.pv-body.pv-ratas-wide-tune .title-badge::before,
  body.pv-body.pv-ratas-wide-tune .title-badge::after,
  body.pv-body.pv-ratas-wide-tune .rat-title-badge,
  body.pv-body.pv-ratas-wide-tune .rat-title-badge::before,
  body.pv-body.pv-ratas-wide-tune .rat-title-badge::after{
    backface-visibility:hidden !important;
    -webkit-font-smoothing:antialiased;
    transform-origin:50% 50% !important;
    will-change:transform, opacity;
  }

  body.pv-body.pv-ratas-wide-tune .rat-banbar,
  body.pv-body.pv-ratas-wide-tune .rat-banbar.triple,
  body.pv-body.pv-ratas-wide-tune .rat-banbar-malvada{
    margin-top:var(--pv-ratas-wide-ban-lift, -8px) !important;
  }
  body.pv-body.pv-ratas-wide-tune .rat-minirow,
  body.pv-body.pv-ratas-wide-tune #rat-malvada .rat-minirow{
    margin-top:var(--pv-ratas-wide-mini-lift, -6px) !important;
  }
  body.pv-body.pv-ratas-wide-tune #elims-malvada,
  body.pv-body.pv-ratas-wide-tune .rat-banbar-malvada #elims-malvada{
    margin-top:var(--pv-ratas-wide-elim-lift, -4px) !important;
  }

  body.pv-body.pv-ratas-wide-tune .safe-slot,
  body.pv-body.pv-ratas-wide-tune .stellar-slot,
  body.pv-body.pv-ratas-wide-tune .secondary-slot,
  body.pv-body.pv-ratas-wide-tune .mini-slot,
  body.pv-body.pv-ratas-wide-tune .extra-ban-slot{
    width:var(--pv-ratas-wide-special-size, 56px) !important;
    height:var(--pv-ratas-wide-special-size, 56px) !important;
    min-width:var(--pv-ratas-wide-special-size, 56px) !important;
    min-height:var(--pv-ratas-wide-special-size, 56px) !important;
    max-width:var(--pv-ratas-wide-special-size, 56px) !important;
    max-height:var(--pv-ratas-wide-special-size, 56px) !important;
  }

  body.pv-body.pv-ratas-wide-tune .rat-grid{
    grid-template-columns:repeat(4, var(--pv-ratas-wide-pick-size, 76px)) !important;
    grid-auto-rows:var(--pv-ratas-wide-pick-size, 76px) !important;
    grid-template-rows:repeat(2, var(--pv-ratas-wide-pick-size, 76px)) !important;
    column-gap:var(--pv-ratas-wide-pick-gap, 7px) !important;
    row-gap:var(--pv-ratas-wide-pick-gap, 7px) !important;
    padding-top:var(--pv-ratas-wide-pick-pad, 18px) !important;
    margin-top:var(--pv-ratas-wide-grid-lift, -4px) !important;
  }
  body.pv-body.pv-ratas-wide-tune .pick-slot{
    width:var(--pv-ratas-wide-pick-size, 76px) !important;
    height:var(--pv-ratas-wide-pick-size, 76px) !important;
    min-width:var(--pv-ratas-wide-pick-size, 76px) !important;
    min-height:var(--pv-ratas-wide-pick-size, 76px) !important;
    max-width:var(--pv-ratas-wide-pick-size, 76px) !important;
    max-height:var(--pv-ratas-wide-pick-size, 76px) !important;
  }
  body.pv-body.pv-ratas-wide-tune .rat-grid::before{
    left:50% !important;
    width:var(--pv-ratas-wide-pick-label-width, 325px) !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
    font-size:var(--pv-ratas-wide-label-font, 12px) !important;
    line-height:1 !important;
  }

  body.pv-body.pv-ratas-wide-tune .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-wide-tune .ratas-pick-top-badge,
  body.pv-body.pv-ratas-wide-tune .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    font-size:var(--pv-ratas-wide-badge-font, 11px) !important;
    min-width:var(--pv-ratas-wide-badge-minw, 26px) !important;
    min-height:var(--pv-ratas-wide-badge-minh, 21px) !important;
    padding:0 var(--pv-ratas-wide-badge-padx, 6px) !important;
  }
  body.pv-body.pv-ratas-wide-tune .grid-badge,
  body.pv-body.pv-ratas-wide-tune .grid-corner-mark,
  body.pv-body.pv-ratas-wide-tune .character .char-corner,
  body.pv-body.pv-ratas-wide-tune .character .weapon-badge{
    font-size:var(--pv-ratas-wide-grid-badge-font, 12px) !important;
  }
  body.pv-body.pv-ratas-wide-tune .stat-row .k,
  body.pv-body.pv-ratas-wide-tune .rat-handle,
  body.pv-body.pv-ratas-wide-tune .mini-title{
    font-size:var(--pv-ratas-wide-small-font, 12px) !important;
  }
  body.pv-body.pv-ratas-wide-tune .stat-row .v{
    font-size:var(--pv-ratas-wide-stat-font, 15px) !important;
  }
}


/* RATAS PC ancho: picks arriba, badges legibles, sin texto PICKS Solo se activa en pantallas mayores que la madre 1980x1080 mediante .pv-ratas-wide-tune. No mueve casillas lateralmente ni toca móvil/tablet. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  /* En pantallas grandes el texto PICKS desaparece; BANS se conserva. */
  body.pv-body.pv-ratas-wide-tune .rat-grid::before{
    content:"" !important;
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  /* Al quitar el label, el bloque de picks sube sin cambiar su columna/lateral. */
  body.pv-body.pv-ratas-wide-tune .rat-grid{
    padding-top:var(--pv-ratas-v37-pick-pad, 12px) !important;
    margin-top:var(--pv-ratas-v37-grid-lift, -10px) !important;
    align-content:start !important;
  }

  /* Badges del área de selección: solo un poco más grandes para que C/R1 sean legibles. */
  body.pv-body.pv-ratas-wide-tune #characters .character .grid-badge,
  body.pv-body.pv-ratas-wide-tune .characters-grid .character .grid-badge,
  body.pv-body.pv-ratas-wide-tune #characters .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body.pv-ratas-wide-tune .characters-grid .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body.pv-ratas-wide-tune .character .grid-badge,
  body.pv-body.pv-ratas-wide-tune .character .grid-corner-mark:not(.grid-missing-mark){
    font-size:var(--pv-ratas-v37-grid-badge-font, 12.8px) !important;
    line-height:var(--pv-ratas-v37-grid-badge-line, 16px) !important;
    min-height:var(--pv-ratas-v37-grid-badge-line, 16px) !important;
    height:var(--pv-ratas-v37-grid-badge-line, 16px) !important;
    min-width:var(--pv-ratas-v37-grid-badge-minw, 22px) !important;
    padding:0 var(--pv-ratas-v37-grid-badge-padx, 6px) !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
}

/* RATAS PC ancho: subir solo PICKS de Malvada Base: aprobado. No toca eje X, no toca otras ratas, móvil ni tablets. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-wide-tune #rat-malvada .rat-grid{
    padding-top:calc(var(--pv-ratas-v37-pick-pad, 12px) - 4px) !important;
    margin-top:calc(var(--pv-ratas-v37-grid-lift, -10px) - 10px) !important;
    align-content:start !important;
  }
}

/* RATAS PC ancho: badges del roster fuera sin choque Base: aprobado. Solo pantallas mayores que la madre 1980x1080. Devuelve C/R1 fuera del retrato y abre el espacio vertical del grid para que los datos inferiores no choquen con los superiores del PJ siguiente. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-wide-tune #characters,
  body.pv-body.pv-ratas-wide-tune .characters-grid{
    column-gap:var(--pv-ratas-v41-roster-col-gap, 10px) !important;
    row-gap:var(--pv-ratas-v41-roster-row-gap, 22px) !important;
    align-content:start !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-wide-tune #characters .character,
  body.pv-body.pv-ratas-wide-tune .characters-grid .character{
    overflow:visible !important;
    isolation:isolate !important;
  }

  body.pv-body.pv-ratas-wide-tune #characters .character img,
  body.pv-body.pv-ratas-wide-tune .characters-grid .character img{
    border-radius:inherit !important;
    position:relative !important;
    z-index:1 !important;
  }

  body.pv-body.pv-ratas-wide-tune #characters .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body.pv-ratas-wide-tune .characters-grid .character .grid-corner-mark:not(.grid-missing-mark){
    font-size:var(--pv-ratas-v41-grid-badge-font, 10.8px) !important;
    line-height:var(--pv-ratas-v41-grid-badge-line, 13px) !important;
    height:var(--pv-ratas-v41-grid-badge-line, 13px) !important;
    min-height:var(--pv-ratas-v41-grid-badge-line, 13px) !important;
    min-width:var(--pv-ratas-v41-grid-badge-minw, 19px) !important;
    max-width:none !important;
    padding:0 var(--pv-ratas-v41-grid-badge-padx, 4px) !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    box-sizing:border-box !important;
    z-index:18 !important;
    background:rgba(0,0,0,.72) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 4px 12px rgba(0,0,0,.38) !important;
  }

  body.pv-body.pv-ratas-wide-tune #characters .character .grid-corner-ladrona:not(.grid-missing-mark),
  body.pv-body.pv-ratas-wide-tune .characters-grid .character .grid-corner-ladrona:not(.grid-missing-mark){
    top:-7px !important;
    left:-7px !important;
    right:auto !important;
    bottom:auto !important;
  }
  body.pv-body.pv-ratas-wide-tune #characters .character .grid-corner-malvada:not(.grid-missing-mark),
  body.pv-body.pv-ratas-wide-tune .characters-grid .character .grid-corner-malvada:not(.grid-missing-mark){
    top:-7px !important;
    right:-7px !important;
    left:auto !important;
    bottom:auto !important;
  }
  body.pv-body.pv-ratas-wide-tune #characters .character .grid-corner-corrupta:not(.grid-missing-mark),
  body.pv-body.pv-ratas-wide-tune .characters-grid .character .grid-corner-corrupta:not(.grid-missing-mark){
    bottom:-7px !important;
    left:-7px !important;
    right:auto !important;
    top:auto !important;
  }
  body.pv-body.pv-ratas-wide-tune #characters .character .grid-corner-caotica:not(.grid-missing-mark),
  body.pv-body.pv-ratas-wide-tune .characters-grid .character .grid-corner-caotica:not(.grid-missing-mark){
    bottom:-7px !important;
    right:-7px !important;
    left:auto !important;
    top:auto !important;
  }
}

/* RATAS soporte PC grande por altura Mantiene como base y solo usa las variables de JS para monitores > madre. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-v43-large-active .rat-grid{
    grid-template-columns:repeat(4, var(--pv-ratas-wide-pick-size, 82px)) !important;
    grid-template-rows:repeat(2, var(--pv-ratas-wide-pick-size, 82px)) !important;
    grid-auto-rows:var(--pv-ratas-wide-pick-size, 82px) !important;
    column-gap:var(--pv-ratas-wide-pick-gap, 8px) !important;
    row-gap:var(--pv-ratas-wide-pick-gap, 8px) !important;
    padding-top:var(--pv-ratas-v37-pick-pad, 12px) !important;
    margin-top:var(--pv-ratas-v37-grid-lift, -9px) !important;
  }
  body.pv-body.pv-ratas-v43-large-active .pick-slot{
    width:var(--pv-ratas-wide-pick-size, 82px) !important;
    height:var(--pv-ratas-wide-pick-size, 82px) !important;
    min-width:var(--pv-ratas-wide-pick-size, 82px) !important;
    min-height:var(--pv-ratas-wide-pick-size, 82px) !important;
    max-width:var(--pv-ratas-wide-pick-size, 82px) !important;
    max-height:var(--pv-ratas-wide-pick-size, 82px) !important;
  }
  body.pv-body.pv-ratas-v43-large-active .safe-slot,
  body.pv-body.pv-ratas-v43-large-active .stellar-slot,
  body.pv-body.pv-ratas-v43-large-active .secondary-slot,
  body.pv-body.pv-ratas-v43-large-active .mini-slot,
  body.pv-body.pv-ratas-v43-large-active .extra-ban-slot{
    width:var(--pv-ratas-wide-special-size, 61px) !important;
    height:var(--pv-ratas-wide-special-size, 61px) !important;
    min-width:var(--pv-ratas-wide-special-size, 61px) !important;
    min-height:var(--pv-ratas-wide-special-size, 61px) !important;
    max-width:var(--pv-ratas-wide-special-size, 61px) !important;
    max-height:var(--pv-ratas-wide-special-size, 61px) !important;
  }
}


/* RATAS PC grande por alto, corte tablet 1764x930 - El corte tablet ya se amplió arriba en la plantilla . - En monitores altos, las casillas siguen creciendo y bajando con límite. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:1400px){
  body.pv-body.pv-ratas-v43-large-active .rat-grid{
    grid-template-columns:repeat(4, var(--pv-ratas-wide-pick-size, 98px)) !important;
    grid-template-rows:repeat(2, var(--pv-ratas-wide-pick-size, 98px)) !important;
    grid-auto-rows:var(--pv-ratas-wide-pick-size, 98px) !important;
    column-gap:var(--pv-ratas-wide-pick-gap, 10px) !important;
    row-gap:var(--pv-ratas-wide-pick-gap, 10px) !important;
    margin-top:var(--pv-ratas-wide-grid-lift, 12px) !important;
    padding-top:var(--pv-ratas-v37-pick-pad, 16px) !important;
  }
  body.pv-body.pv-ratas-v43-large-active .pick-slot{
    width:var(--pv-ratas-wide-pick-size, 98px) !important;
    height:var(--pv-ratas-wide-pick-size, 98px) !important;
    min-width:var(--pv-ratas-wide-pick-size, 98px) !important;
    min-height:var(--pv-ratas-wide-pick-size, 98px) !important;
    max-width:var(--pv-ratas-wide-pick-size, 98px) !important;
    max-height:var(--pv-ratas-wide-pick-size, 98px) !important;
  }
  body.pv-body.pv-ratas-v43-large-active .safe-slot,
  body.pv-body.pv-ratas-v43-large-active .stellar-slot,
  body.pv-body.pv-ratas-v43-large-active .secondary-slot,
  body.pv-body.pv-ratas-v43-large-active .mini-slot,
  body.pv-body.pv-ratas-v43-large-active .extra-ban-slot{
    width:var(--pv-ratas-wide-special-size, 74px) !important;
    height:var(--pv-ratas-wide-special-size, 74px) !important;
    min-width:var(--pv-ratas-wide-special-size, 74px) !important;
    min-height:var(--pv-ratas-wide-special-size, 74px) !important;
    max-width:var(--pv-ratas-wide-special-size, 74px) !important;
    max-height:var(--pv-ratas-wide-special-size, 74px) !important;
  }
}


/* TAMAÑO XL botón ocultar bajo stats clickeable Solo pantallas grandes mayores que la maqueta madre. El botón funcional vive en una capa fija superior para que ninguna card/stats lo tape. */
#pv-ratas-xl-eye-layer{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  width:auto !important;
  height:auto !important;
  z-index:2147483647 !important;
  pointer-events:none !important;
  transform:translate3d(-9999px,-9999px,0);
  display:none;
  contain:layout style;
}
#pv-ratas-xl-eye-layer.is-visible{
  display:block !important;
}
#pv-ratas-xl-eye-toggle{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  width:132px !important;
  min-width:132px !important;
  max-width:132px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:linear-gradient(180deg, rgba(24,30,44,.99), rgba(8,12,20,.99)) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  user-select:none !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  font-weight:1000 !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.55px !important;
  white-space:nowrap !important;
}
#pv-ratas-xl-eye-toggle:hover,
#pv-ratas-xl-eye-toggle:focus-visible{
  filter:brightness(1.08) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}
#pv-ratas-xl-eye-toggle.active{
  border-color:rgba(255,226,120,.62) !important;
  background:linear-gradient(180deg, rgba(58,48,18,.99), rgba(24,20,10,.99)) !important;
  box-shadow:0 0 18px rgba(255,226,120,.18), 0 10px 24px rgba(0,0,0,.34) !important;
}
#pv-ratas-xl-eye-toggle .eye-ico{
  display:block !important;
  font-size:16px !important;
  line-height:1 !important;
  pointer-events:none !important;
}
#pv-ratas-xl-eye-toggle .eye-txt{
  display:block !important;
  font-size:10px !important;
  line-height:1 !important;
  pointer-events:none !important;
}

@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-xl-eye-layer-active .rat-slot .stellar-hide-toggle-row:not(.pv-ratas-xl-eye-row){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}


/* TAMAÑO cuadrados XL para estelares y eliminaciones Solo corrige forma/proporción en pantallas mayores que la maqueta madre. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-v43-large-active{
    --pv-ratas-v15-special-square:var(--pv-ratas-wide-special-size, 74px);
    --pv-ratas-v15-special-gap:var(--pv-ratas-wide-pick-gap, 8px);
  }

  body.pv-body.pv-ratas-v43-large-active #rat-ladrona .rat-banbar,
  body.pv-body.pv-ratas-v43-large-active #rat-corrupta .rat-banbar.triple,
  body.pv-body.pv-ratas-v43-large-active #rat-caotica .rat-banbar.triple{
    display:grid !important;
    grid-template-columns:repeat(3, var(--pv-ratas-v15-special-square)) !important;
    grid-auto-rows:var(--pv-ratas-v15-special-square) !important;
    align-items:center !important;
    justify-items:start !important;
    column-gap:var(--pv-ratas-v15-special-gap) !important;
    row-gap:var(--pv-ratas-v15-special-gap) !important;
  }

  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada{
    display:grid !important;
    grid-template-columns:repeat(3, var(--pv-ratas-v15-special-square)) max-content !important;
    grid-auto-rows:var(--pv-ratas-v15-special-square) !important;
    align-items:center !important;
    justify-items:start !important;
    column-gap:var(--pv-ratas-v15-special-gap) !important;
    row-gap:var(--pv-ratas-v15-special-gap) !important;
  }

  body.pv-body.pv-ratas-v43-large-active #extra-stellar-ladrona,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-malvada,
  body.pv-body.pv-ratas-v43-large-active #stellar-corrupta,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-corrupta,
  body.pv-body.pv-ratas-v43-large-active #stellar-caotica,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-caotica,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    box-sizing:border-box !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    width:var(--pv-ratas-v15-special-square) !important;
    height:var(--pv-ratas-v15-special-square) !important;
    min-width:var(--pv-ratas-v15-special-square) !important;
    min-height:var(--pv-ratas-v15-special-square) !important;
    max-width:var(--pv-ratas-v15-special-square) !important;
    max-height:var(--pv-ratas-v15-special-square) !important;
    inline-size:var(--pv-ratas-v15-special-square) !important;
    block-size:var(--pv-ratas-v15-special-square) !important;
    aspect-ratio:1 / 1 !important;
    flex:0 0 var(--pv-ratas-v15-special-square) !important;
    align-self:center !important;
    justify-self:start !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    border-radius:14px !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v43-large-active #elims-malvada,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada{
    display:grid !important;
    grid-template-columns:repeat(2, var(--pv-ratas-v15-special-square)) !important;
    grid-template-rows:var(--pv-ratas-v15-special-square) !important;
    grid-auto-rows:var(--pv-ratas-v15-special-square) !important;
    align-items:center !important;
    justify-items:start !important;
    place-items:center !important;
    gap:var(--pv-ratas-v15-special-gap) !important;
    width:max-content !important;
    min-width:max-content !important;
    height:var(--pv-ratas-v15-special-square) !important;
    min-height:var(--pv-ratas-v15-special-square) !important;
    max-height:var(--pv-ratas-v15-special-square) !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v43-large-active #extra-stellar-ladrona > img,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-malvada > img,
  body.pv-body.pv-ratas-v43-large-active #stellar-corrupta > img,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-corrupta > img,
  body.pv-body.pv-ratas-v43-large-active #stellar-caotica > img,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-caotica > img,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot > img,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot > img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:14px !important;
    transform:none !important;
  }
}

/* TAMAÑO XL: agrandar TODAS las casillas especiales Base aceptada: . Solo pantallas mayores que la maqueta madre. Toca la casilla real y su grid: ban seguros, estelares y eliminaciones. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-v43-large-active{
    --pv-ratas-v17-special-size:82px;
    --pv-ratas-v17-special-gap:10px;
    --pv-ratas-v17-elims-width:174px;
  }

  body.pv-body.pv-ratas-v43-large-active #rat-ladrona .rat-banbar,
  body.pv-body.pv-ratas-v43-large-active #rat-corrupta .rat-banbar.triple,
  body.pv-body.pv-ratas-v43-large-active #rat-caotica .rat-banbar.triple{
    display:grid !important;
    grid-template-columns:repeat(3, var(--pv-ratas-v17-special-size)) !important;
    grid-template-rows:var(--pv-ratas-v17-special-size) !important;
    grid-auto-rows:var(--pv-ratas-v17-special-size) !important;
    column-gap:var(--pv-ratas-v17-special-gap) !important;
    row-gap:var(--pv-ratas-v17-special-gap) !important;
    align-items:center !important;
    justify-items:start !important;
  }

  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada{
    display:grid !important;
    grid-template-columns:repeat(3, var(--pv-ratas-v17-special-size)) var(--pv-ratas-v17-elims-width) !important;
    grid-template-rows:var(--pv-ratas-v17-special-size) !important;
    grid-auto-rows:var(--pv-ratas-v17-special-size) !important;
    column-gap:var(--pv-ratas-v17-special-gap) !important;
    row-gap:var(--pv-ratas-v17-special-gap) !important;
    align-items:center !important;
    justify-items:start !important;
  }

  body.pv-body.pv-ratas-v43-large-active #safe-ladrona,
  body.pv-body.pv-ratas-v43-large-active #safe-malvada,
  body.pv-body.pv-ratas-v43-large-active #safe-corrupta,
  body.pv-body.pv-ratas-v43-large-active #safe-caotica,
  body.pv-body.pv-ratas-v43-large-active #stellar-ladrona,
  body.pv-body.pv-ratas-v43-large-active #stellar-malvada,
  body.pv-body.pv-ratas-v43-large-active #stellar-corrupta,
  body.pv-body.pv-ratas-v43-large-active #stellar-caotica,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-ladrona,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-malvada,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-corrupta,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-caotica,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    box-sizing:border-box !important;
    display:grid !important;
    place-items:center !important;
    position:relative !important;
    width:var(--pv-ratas-v17-special-size) !important;
    height:var(--pv-ratas-v17-special-size) !important;
    min-width:var(--pv-ratas-v17-special-size) !important;
    min-height:var(--pv-ratas-v17-special-size) !important;
    max-width:var(--pv-ratas-v17-special-size) !important;
    max-height:var(--pv-ratas-v17-special-size) !important;
    inline-size:var(--pv-ratas-v17-special-size) !important;
    block-size:var(--pv-ratas-v17-special-size) !important;
    aspect-ratio:1 / 1 !important;
    flex:0 0 var(--pv-ratas-v17-special-size) !important;
    align-self:center !important;
    justify-self:start !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    border-radius:16px !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v43-large-active #elims-malvada,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada{
    display:grid !important;
    grid-template-columns:repeat(2, var(--pv-ratas-v17-special-size)) !important;
    grid-template-rows:var(--pv-ratas-v17-special-size) !important;
    grid-auto-rows:var(--pv-ratas-v17-special-size) !important;
    gap:var(--pv-ratas-v17-special-gap) !important;
    width:var(--pv-ratas-v17-elims-width) !important;
    min-width:var(--pv-ratas-v17-elims-width) !important;
    max-width:var(--pv-ratas-v17-elims-width) !important;
    height:var(--pv-ratas-v17-special-size) !important;
    min-height:var(--pv-ratas-v17-special-size) !important;
    max-height:var(--pv-ratas-v17-special-size) !important;
    align-items:center !important;
    justify-items:start !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v43-large-active #safe-ladrona > img,
  body.pv-body.pv-ratas-v43-large-active #safe-malvada > img,
  body.pv-body.pv-ratas-v43-large-active #safe-corrupta > img,
  body.pv-body.pv-ratas-v43-large-active #safe-caotica > img,
  body.pv-body.pv-ratas-v43-large-active #stellar-ladrona > img,
  body.pv-body.pv-ratas-v43-large-active #stellar-malvada > img,
  body.pv-body.pv-ratas-v43-large-active #stellar-corrupta > img,
  body.pv-body.pv-ratas-v43-large-active #stellar-caotica > img,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-ladrona > img,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-malvada > img,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-corrupta > img,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-caotica > img,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot > img,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot > img{
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    display:block !important;
    border-radius:16px !important;
    transform:none !important;
  }

  body.pv-body.pv-ratas-v43-large-active #safe-ladrona::before,
  body.pv-body.pv-ratas-v43-large-active #safe-malvada::before,
  body.pv-body.pv-ratas-v43-large-active #safe-corrupta::before,
  body.pv-body.pv-ratas-v43-large-active #safe-caotica::before,
  body.pv-body.pv-ratas-v43-large-active #elims-malvada .mini-slot::before{
    top:-22px !important;
  }

  body.pv-body.pv-ratas-v43-large-active #stellar-ladrona.has-crown::after,
  body.pv-body.pv-ratas-v43-large-active #stellar-malvada.has-crown::after,
  body.pv-body.pv-ratas-v43-large-active #stellar-corrupta.has-crown::after,
  body.pv-body.pv-ratas-v43-large-active #stellar-caotica.has-crown::after,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-ladrona.has-crown::after,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-malvada.has-crown::after,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-corrupta.has-crown::after,
  body.pv-body.pv-ratas-v43-large-active #extra-stellar-caotica.has-crown::after{
    top:-20px !important;
  }
}

/* TAMAÑO XL: separar BANS en resolución máxima Base aceptada: . No baja ni centra el bloque; solo abre el espacio horizontal interno entre las 4 casillas manteniendo el primer slot anclado. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body.pv-ratas-v43-large-active #bans-ladrona.mini-slots,
  body.pv-body.pv-ratas-v43-large-active #bans-malvada.mini-slots,
  body.pv-body.pv-ratas-v43-large-active #bans-corrupta.mini-slots,
  body.pv-body.pv-ratas-v43-large-active #bans-caotica.mini-slots{
    display:grid !important;
    grid-template-columns:repeat(4, max-content) !important;
    grid-auto-columns:max-content !important;
    grid-auto-rows:max-content !important;
    column-gap:16px !important;
    row-gap:0 !important;
    gap:0 16px !important;
    justify-content:start !important;
    justify-items:start !important;
    align-content:center !important;
    align-items:center !important;
    width:max-content !important;
    min-width:max-content !important;
    max-width:none !important;
  }

  body.pv-body.pv-ratas-v43-large-active #bans-ladrona.mini-slots > .mini-slot,
  body.pv-body.pv-ratas-v43-large-active #bans-malvada.mini-slots > .mini-slot,
  body.pv-body.pv-ratas-v43-large-active #bans-corrupta.mini-slots > .mini-slot,
  body.pv-body.pv-ratas-v43-large-active #bans-caotica.mini-slots > .mini-slot{
    margin:0 !important;
    transform:none !important;
  }
}

@media (orientation:landscape) and (min-width:1981px) and (min-height:1400px){
  body.pv-body.pv-ratas-v43-large-active #bans-ladrona.mini-slots,
  body.pv-body.pv-ratas-v43-large-active #bans-malvada.mini-slots,
  body.pv-body.pv-ratas-v43-large-active #bans-corrupta.mini-slots,
  body.pv-body.pv-ratas-v43-large-active #bans-caotica.mini-slots{
    column-gap:20px !important;
    gap:0 20px !important;
  }
}

/* TAMAÑO XL máximo: picks más grandes y un poco más abajo Base aceptada: . Solo toca PICKS en pantallas grandes altas. En 2684x1716 suben de presencia; al reducir hacia 2228x1428 se encogen y casi no bajan para no invadir BANS ni especiales. */
@media (orientation:landscape) and (min-width:1981px) and (min-height:1400px){
  body.pv-body.pv-ratas-v43-large-active{
    --pv-ratas-v22-pick-size:clamp(82px, calc(-50px + 6vw), 112px);
    --pv-ratas-v22-pick-gap:clamp(8px, calc(-4px + .55vw), 11px);
    --pv-ratas-v22-pick-drop:clamp(0px, calc(-96px + 4.5vw), 24px);
    --pv-ratas-v22-pick-pad:clamp(10px, calc(-14px + 1.6vw), 16px);
  }

  body.pv-body.pv-ratas-v43-large-active .rat-grid{
    grid-template-columns:repeat(4, var(--pv-ratas-v22-pick-size)) !important;
    grid-template-rows:repeat(2, var(--pv-ratas-v22-pick-size)) !important;
    grid-auto-rows:var(--pv-ratas-v22-pick-size) !important;
    column-gap:var(--pv-ratas-v22-pick-gap) !important;
    row-gap:var(--pv-ratas-v22-pick-gap) !important;
    padding-top:var(--pv-ratas-v22-pick-pad) !important;
    margin-top:var(--pv-ratas-v22-pick-drop) !important;
    align-content:start !important;
  }

  body.pv-body.pv-ratas-v43-large-active .pick-slot{
    width:var(--pv-ratas-v22-pick-size) !important;
    height:var(--pv-ratas-v22-pick-size) !important;
    min-width:var(--pv-ratas-v22-pick-size) !important;
    min-height:var(--pv-ratas-v22-pick-size) !important;
    max-width:var(--pv-ratas-v22-pick-size) !important;
    max-height:var(--pv-ratas-v22-pick-size) !important;
    inline-size:var(--pv-ratas-v22-pick-size) !important;
    block-size:var(--pv-ratas-v22-pick-size) !important;
    aspect-ratio:1 / 1 !important;
  }

  body.pv-body.pv-ratas-v43-large-active .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-v43-large-active .ratas-pick-top-badge{
    font-size:clamp(10px, calc(3px + .38vw), 13px) !important;
    min-width:clamp(24px, calc(12px + .74vw), 32px) !important;
    min-height:clamp(20px, calc(10px + .56vw), 25px) !important;
  }

  body.pv-body.pv-ratas-v43-large-active .pick-slot > .pick-weapon-badge{
    width:clamp(24px, calc(9px + .9vw), 32px) !important;
    height:clamp(24px, calc(9px + .9vw), 32px) !important;
  }
}


@media (orientation:landscape) and (min-width:1981px) and (min-height:900px) and (max-height:1250px){
  body.pv-body.pv-ratas-v43-large-active .layout,
  body.pv-body.pv-ratas-fluid-large-active .layout,
  body.pv-body.pv-ratas-pc-large-scale-active .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    width:100vw !important;
    max-width:none !important;
    min-width:100vw !important;
    justify-self:stretch !important;
    align-self:stretch !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:clamp(8px, .55vw, 14px) !important;
    padding-right:clamp(8px, .55vw, 14px) !important;
    gap:clamp(8px, .55vw, 14px) !important;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) minmax(0,1.12fr) !important;
  }

  body.pv-body.pv-ratas-v43-large-active .rat-slot,
  body.pv-body.pv-ratas-fluid-large-active .rat-slot,
  body.pv-body.pv-ratas-pc-large-scale-active .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    width:100% !important;
    max-width:none !important;
  }
}

/* TAMAÑO ultrawide bajo: picks arriba y responsivos Base aceptada: . Corrige viewports aprox. 2128x912 -> 2600x1056, donde la altura corta hacía que los picks quedaran demasiado abajo. No toca 2684x1716 ni la maqueta madre 1980x1080. */
@media (orientation:landscape) and (min-width:1981px) and (max-width:2700px) and (min-height:900px) and (max-height:1120px){
  body.pv-body.pv-ratas-v43-large-active{
    --pv-ratas-v24-lowwide-pick-size:clamp(72px, min(calc(42px + 1.55vw), calc(32px + 5vh)), 84px);
    --pv-ratas-v24-lowwide-pick-gap:clamp(6px, calc(2px + .28vw), 9px);
    --pv-ratas-v24-lowwide-pick-pad:clamp(3px, calc(-20px + 2.5vh), 7px);
    --pv-ratas-v24-lowwide-pick-raise:clamp(20px, calc(82px - 5.5vh), 34px);
  }

  body.pv-body.pv-ratas-v43-large-active .rat-grid{
    grid-template-columns:repeat(4, var(--pv-ratas-v24-lowwide-pick-size)) !important;
    grid-template-rows:repeat(2, var(--pv-ratas-v24-lowwide-pick-size)) !important;
    grid-auto-rows:var(--pv-ratas-v24-lowwide-pick-size) !important;
    column-gap:var(--pv-ratas-v24-lowwide-pick-gap) !important;
    row-gap:var(--pv-ratas-v24-lowwide-pick-gap) !important;
    padding-top:var(--pv-ratas-v24-lowwide-pick-pad) !important;
    margin-top:calc(-1 * var(--pv-ratas-v24-lowwide-pick-raise)) !important;
    align-content:start !important;
    justify-content:center !important;
  }

  body.pv-body.pv-ratas-v43-large-active .pick-slot{
    width:var(--pv-ratas-v24-lowwide-pick-size) !important;
    height:var(--pv-ratas-v24-lowwide-pick-size) !important;
    min-width:var(--pv-ratas-v24-lowwide-pick-size) !important;
    min-height:var(--pv-ratas-v24-lowwide-pick-size) !important;
    max-width:var(--pv-ratas-v24-lowwide-pick-size) !important;
    max-height:var(--pv-ratas-v24-lowwide-pick-size) !important;
    inline-size:var(--pv-ratas-v24-lowwide-pick-size) !important;
    block-size:var(--pv-ratas-v24-lowwide-pick-size) !important;
    aspect-ratio:1 / 1 !important;
  }
}


/* TAMAÑO Malvada: picks arriba en rangos ultrawide medios Base aceptada: . Solo corrige la altura de PICKS de LA RATA MALVADA en viewports aproximados donde sus casillas quedaban más bajas que las demás ratas: 2044x910->2220x996 y 2496x1086->2684x1216. */
@media (orientation:landscape) and (min-width:2000px) and (max-width:2240px) and (min-height:890px) and (max-height:1020px){
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-wide-tune #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fluid-large-active #rat-malvada .rat-grid{
    margin-top:calc(-1 * var(--pv-ratas-v24-lowwide-pick-raise, 28px) - 14px) !important;
    padding-top:var(--pv-ratas-v24-lowwide-pick-pad, 5px) !important;
    align-content:start !important;
  }
}

@media (orientation:landscape) and (min-width:2460px) and (max-width:2700px) and (min-height:1060px) and (max-height:1240px){
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-wide-tune #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fluid-large-active #rat-malvada .rat-grid{
    margin-top:clamp(-40px, calc(18px - 2.2vh), -26px) !important;
    padding-top:clamp(3px, calc(-12px + 1.35vh), 8px) !important;
    align-content:start !important;
  }
}


@media (orientation:landscape) and (min-width:1600px) and (max-width:1910px) and (min-height:760px) and (max-height:930px){
  :root{
    --rm-topbar:42px !important;
    --rm-gap:7px !important;
    --rm-center:minmax(452px, clamp(452px, 25.8vw, 492px)) !important;
    --rm-leftcol:minmax(0, calc((100vw - clamp(452px, 25.8vw, 492px) - 28px) / 2)) !important;
    --rm-pick:clamp(56px, min(3.58vw, 7.25vh), 66px) !important;
    --rm-mini:clamp(38px, min(2.32vw, 5.05vh), 44px) !important;
    --rm-special:clamp(49px, min(3vw, 6.45vh), 58px) !important;
    --rm-elim:clamp(40px, min(2.62vw, 5.55vh), 49px) !important;
    --rm-char:clamp(60px, min(3.55vw, 7.1vh), 68px) !important;
    --pv-mobile-center:min(492px, 30vw) !important;
    --pv-mobile-gap:7px !important;
    --pv-player-head:74px !important;
  }

  body.pv-body .topbar,
  body.pv-body .layout,
  body.pv-body .floating-brand-unit,
  body.pv-body .floating-sound-panel,
  body.pv-body .floating-trailer-panel,
  body.pv-body .action-banner-overlay,
  body.pv-body.pv-ratas-fullscreen .topbar,
  body.pv-body.pv-ratas-fullscreen .layout,
  body.pv-body.pv-ratas-fullscreen .floating-brand-unit,
  body.pv-body.pv-ratas-fullscreen .floating-sound-panel,
  body.pv-body.pv-ratas-fullscreen .floating-trailer-panel,
  body.pv-body.pv-ratas-fullscreen .action-banner-overlay{
    zoom:1 !important;
  }

  body.pv-body .layout,
  body.pv-body.pv-ratas-fullscreen .layout{
    grid-template-columns:var(--rm-leftcol) var(--rm-center) var(--rm-leftcol) !important;
    gap:var(--rm-gap) !important;
    padding:var(--rm-gap) !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    grid-template-columns:clamp(54px, 3.45vw, 62px) minmax(0,1fr) !important;
    grid-template-rows:74px clamp(54px, 6.2vh, 58px) minmax(0,1fr) 22px !important;
    column-gap:clamp(9px, .65vw, 12px) !important;
    row-gap:6px !important;
    padding:8px 10px 9px !important;
    border-radius:17px !important;
  }

  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    height:72px !important;
    min-height:72px !important;
    max-height:72px !important;
    grid-template-columns:clamp(58px, 3.8vw, 66px) minmax(0,1fr) clamp(126px, 7.2vw, 138px) !important;
    gap:9px !important;
  }

  body.pv-body .avatar-wrap.rat-avatar-wrap,
  body.pv-body.pv-ratas-fullscreen .avatar-wrap.rat-avatar-wrap{
    --size:clamp(50px, 3.15vw, 58px) !important;
    width:var(--size) !important;
    height:var(--size) !important;
    min-width:var(--size) !important;
    min-height:var(--size) !important;
    margin-left:4px !important;
    margin-top:6px !important;
  }

  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{
    font-size:clamp(13px, .78vw, 15px) !important;
  }

  body.pv-body .rat-title-row,
  body.pv-body.pv-ratas-fullscreen .rat-title-row{
    height:15px !important;
    min-height:15px !important;
  }

  body.pv-body .rat-title-badge.title-badge,
  body.pv-body.pv-ratas-fullscreen .rat-title-badge.title-badge{
    font-size:clamp(8.4px, .5vw, 9.4px) !important;
    padding:2px 6px !important;
  }

  body.pv-body .rat-rank,
  body.pv-body.pv-ratas-fullscreen .rat-rank{
    height:18px !important;
    min-height:18px !important;
  }

  body.pv-body .rat-rank .rank-logo,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-logo{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
  }

  body.pv-body .rat-rank .rank-badge,
  body.pv-body.pv-ratas-fullscreen .rat-rank .rank-badge{
    font-size:8px !important;
    max-width:126px !important;
  }

  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{
    width:clamp(126px, 7.2vw, 138px) !important;
    min-width:clamp(126px, 7.2vw, 138px) !important;
    max-width:clamp(126px, 7.2vw, 138px) !important;
  }

  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    width:clamp(126px, 7.2vw, 138px) !important;
    min-width:clamp(126px, 7.2vw, 138px) !important;
    height:11px !important;
    min-height:11px !important;
  }

  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    font-size:7.4px !important;
  }

  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{
    font-size:8.4px !important;
  }

  body.pv-body #rat-ladrona .rat-banbar,
  body.pv-body #rat-malvada .rat-banbar,
  body.pv-body #rat-corrupta .rat-banbar,
  body.pv-body #rat-caotica .rat-banbar,
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    width:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:clamp(10px, 1.25vh, 13px) !important;
    margin:7px 0 0 0 !important;
  }

  body.pv-body #rat-ladrona .safe-slot,
  body.pv-body #rat-malvada .safe-slot,
  body.pv-body #rat-corrupta .safe-slot,
  body.pv-body #rat-caotica .safe-slot,
  body.pv-body #rat-ladrona .stellar-slot,
  body.pv-body #rat-malvada .stellar-slot,
  body.pv-body #rat-corrupta .stellar-slot,
  body.pv-body #rat-caotica .stellar-slot,
  body.pv-body #extra-stellar-ladrona,
  body.pv-body #extra-stellar-malvada,
  body.pv-body #extra-stellar-corrupta,
  body.pv-body #extra-stellar-caotica,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-ladrona,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-corrupta,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-caotica{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    inline-size:var(--rm-special) !important;
    block-size:var(--rm-special) !important;
    aspect-ratio:1 / 1 !important;
  }

  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #elims-malvada .extra-ban-slot{
    width:var(--rm-elim) !important;
    height:var(--rm-elim) !important;
    min-width:var(--rm-elim) !important;
    min-height:var(--rm-elim) !important;
    max-width:var(--rm-elim) !important;
    max-height:var(--rm-elim) !important;
    inline-size:var(--rm-elim) !important;
    block-size:var(--rm-elim) !important;
    aspect-ratio:1 / 1 !important;
  }

  body.pv-body .safe-slot::after,
  body.pv-body.pv-ratas-fullscreen .safe-slot::after,
  body.pv-body .stellar-slot.has-crown::after,
  body.pv-body .secondary-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.has-crown::after{
    top:-11px !important;
    width:24px !important;
    height:24px !important;
    font-size:20px !important;
  }

  body.pv-body #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot::before{
    top:-9px !important;
    width:20px !important;
    height:20px !important;
    font-size:17px !important;
  }

  body.pv-body .stellar-slot .masked-mark,
  body.pv-body .secondary-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot .masked-mark{
    font-size:clamp(22px, 1.35vw, 25px) !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    height:clamp(50px, 6vh, 56px) !important;
    min-height:clamp(50px, 6vh, 56px) !important;
    grid-template-columns:max-content !important;
    justify-content:center !important;
    margin:0 !important;
    transform:translateY(8px) !important;
  }

  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:clamp(7px, .48vw, 9px) !important;
  }

  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:clamp(6px, .45vw, 9px) !important;
    row-gap:clamp(7px, .58vw, 10px) !important;
    padding:0 0 1px clamp(58px, 3.55vw, 66px) !important;
    margin:clamp(8px, 1.25vh, 14px) auto 0 !important;
    transform:translateY(6px) !important;
    align-self:start !important;
  }

  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    inline-size:var(--rm-pick) !important;
    block-size:var(--rm-pick) !important;
    aspect-ratio:1 / 1 !important;
  }

  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    min-width:16px !important;
    height:12px !important;
    min-height:12px !important;
    max-height:12px !important;
    font-size:6.5px !important;
    line-height:12px !important;
  }

  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge{
    min-width:16px !important;
    height:12px !important;
    min-height:12px !important;
    max-height:12px !important;
    font-size:6.3px !important;
    line-height:12px !important;
  }

  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    padding:10px 8px 12px !important;
  }

  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    grid-template-columns:repeat(6,var(--rm-char)) !important;
    grid-auto-rows:calc(var(--rm-char) + 18px) !important;
    gap:2px 15px !important;
  }

  body.pv-body .character,
  body.pv-body.pv-ratas-fullscreen .character{
    width:var(--rm-char) !important;
    height:var(--rm-char) !important;
    min-width:var(--rm-char) !important;
    min-height:var(--rm-char) !important;
    max-width:var(--rm-char) !important;
    max-height:var(--rm-char) !important;
  }
}

@media (orientation:landscape) and (min-width:1765px) and (max-width:1910px) and (min-height:760px) and (max-height:930px){
  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    grid-template-rows:78px clamp(56px, 6.35vh, 60px) minmax(0,1fr) 22px !important;
  }

  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    transform:translateY(7px) !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid{
    transform:translateY(4px) !important;
    margin-top:clamp(7px, 1.05vh, 12px) !important;
  }
}


/* TAMAÑO monitor medio bajo sin modo iPad Base aceptada: . Corrige el rango aprox. 1924x790 -> 2180x898: mantiene el layout de PC, pero compacta PICKS/BANS y reserva separación vertical para que no se monten entre sí. */
@media (orientation:landscape) and (min-width:1920px) and (max-width:2220px) and (min-height:780px) and (max-height:900px){
  :root{
    --pv-ratas-v28-pick-size:clamp(62px, min(3.08vw, 7.15vh), 70px);
    --pv-ratas-v28-pick-gap:clamp(6px, .38vw, 8px);
    --pv-ratas-v28-mini-size:clamp(36px, min(1.9vw, 4.25vh), 40px);
    --pv-ratas-v28-mini-gap:clamp(8px, .48vw, 10px);
    --pv-ratas-v28-safe-gap:clamp(14px, 1.75vh, 18px);
  }

  body.pv-body.pv-ratas-v43-large-active .rat-slot,
  body.pv-body.pv-ratas-wide-tune .rat-slot,
  body.pv-body.pv-ratas-fluid-large-active .rat-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active .rat-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune .rat-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active .rat-slot{
    grid-template-rows:clamp(76px, 8.45vh, 82px) clamp(48px, 5.4vh, 54px) minmax(0,1fr) 22px !important;
    row-gap:var(--pv-ratas-v28-safe-gap) !important;
  }

  body.pv-body.pv-ratas-v43-large-active .rat-minirow,
  body.pv-body.pv-ratas-wide-tune .rat-minirow,
  body.pv-body.pv-ratas-fluid-large-active .rat-minirow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active .rat-minirow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune .rat-minirow,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active .rat-minirow{
    height:clamp(42px, 5vh, 48px) !important;
    min-height:clamp(42px, 5vh, 48px) !important;
    transform:none !important;
    margin:0 !important;
    align-self:start !important;
  }

  body.pv-body.pv-ratas-v43-large-active .mini-slots,
  body.pv-body.pv-ratas-wide-tune .mini-slots,
  body.pv-body.pv-ratas-fluid-large-active .mini-slots,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active .mini-slots,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune .mini-slots,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active .mini-slots{
    grid-template-columns:repeat(4, var(--pv-ratas-v28-mini-size)) !important;
    grid-auto-rows:var(--pv-ratas-v28-mini-size) !important;
    column-gap:var(--pv-ratas-v28-mini-gap) !important;
    row-gap:var(--pv-ratas-v28-mini-gap) !important;
  }

  body.pv-body.pv-ratas-v43-large-active .mini-slot,
  body.pv-body.pv-ratas-v43-large-active .extra-ban-slot,
  body.pv-body.pv-ratas-wide-tune .mini-slot,
  body.pv-body.pv-ratas-wide-tune .extra-ban-slot,
  body.pv-body.pv-ratas-fluid-large-active .mini-slot,
  body.pv-body.pv-ratas-fluid-large-active .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active .mini-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune .mini-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active .mini-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active .extra-ban-slot{
    width:var(--pv-ratas-v28-mini-size) !important;
    height:var(--pv-ratas-v28-mini-size) !important;
    min-width:var(--pv-ratas-v28-mini-size) !important;
    min-height:var(--pv-ratas-v28-mini-size) !important;
    max-width:var(--pv-ratas-v28-mini-size) !important;
    max-height:var(--pv-ratas-v28-mini-size) !important;
    inline-size:var(--pv-ratas-v28-mini-size) !important;
    block-size:var(--pv-ratas-v28-mini-size) !important;
  }

  body.pv-body.pv-ratas-v43-large-active .rat-slot .rat-grid,
  body.pv-body.pv-ratas-v43-large-active #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-wide-tune .rat-slot .rat-grid,
  body.pv-body.pv-ratas-wide-tune #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fluid-large-active .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fluid-large-active #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active #rat-malvada .rat-grid{
    grid-template-columns:repeat(4, var(--pv-ratas-v28-pick-size)) !important;
    grid-template-rows:repeat(2, var(--pv-ratas-v28-pick-size)) !important;
    grid-auto-rows:var(--pv-ratas-v28-pick-size) !important;
    column-gap:var(--pv-ratas-v28-pick-gap) !important;
    row-gap:var(--pv-ratas-v28-pick-gap) !important;
    padding-top:0 !important;
    margin-top:clamp(0px, .32vh, 3px) !important;
    transform:none !important;
    align-self:start !important;
  }

  body.pv-body.pv-ratas-v43-large-active .pick-slot,
  body.pv-body.pv-ratas-wide-tune .pick-slot,
  body.pv-body.pv-ratas-fluid-large-active .pick-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v43-large-active .pick-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-wide-tune .pick-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-fluid-large-active .pick-slot{
    width:var(--pv-ratas-v28-pick-size) !important;
    height:var(--pv-ratas-v28-pick-size) !important;
    min-width:var(--pv-ratas-v28-pick-size) !important;
    min-height:var(--pv-ratas-v28-pick-size) !important;
    max-width:var(--pv-ratas-v28-pick-size) !important;
    max-height:var(--pv-ratas-v28-pick-size) !important;
    inline-size:var(--pv-ratas-v28-pick-size) !important;
    block-size:var(--pv-ratas-v28-pick-size) !important;
    aspect-ratio:1 / 1 !important;
  }
}

/* Malvada: botones de eliminación centrados y seguros - XL 2684x1716: elimina el desplazamiento heredado y centra el dock. - 1344x978 -> 1620x1180: impide que los botones salgan del center. */
@media (orientation:landscape) and (min-width:2400px) and (min-height:1300px){
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    position:static !important;
    inset:auto !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:auto !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    transform:none !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    min-width:188px !important;
    max-width:220px !important;
    text-align:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    transform:none !important;
  }
}

@media (orientation:landscape) and (min-width:1344px) and (max-width:1620px) and (min-height:970px) and (max-height:1185px){
  body.pv-body .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock{
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body .center-actions.has-malvada-center-dock .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock .malvada-elim-dock{
    transform:none !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    position:static !important;
    inset:auto !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-buttons-compact{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    overflow:visible !important;
    transform:none !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-label{
    flex:1 1 calc(50% - 4px) !important;
    width:auto !important;
    min-width:0 !important;
    max-width:calc(50% - 4px) !important;
    min-height:30px !important;
    height:auto !important;
    max-height:none !important;
    padding:6px 8px !important;
    border-radius:10px !important;
    font-size:clamp(9.5px, .72vw, 11px) !important;
    line-height:1.05 !important;
    white-space:normal !important;
    text-align:center !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
  }

  body.pv-body .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-cancel,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock #malvada-elim-dock .med-btn-cancel{
    flex:0 1 min(118px, 100%) !important;
    max-width:min(118px, 100%) !important;
  }
}


/* Refinamientos reales en Draft de Ratas. */
.pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
.extra-ban-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text{
  display:grid !important;
  place-items:center !important;
  box-sizing:border-box !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 4px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-weight:1000 !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.1px !important;
  background:rgba(0,0,0,.84) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 2px 7px rgba(0,0,0,.38) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.75) !important;
  pointer-events:none !important;
}
.pick-slot > .pick-weapon-badge.pv-ratas-weapon-img{
  object-fit:contain !important;
}
.extra-bans-panel:not(.hidden) #extra-bans-center .extra-ban-slot .grid-corner-mark{
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
}


/* Blindaje visual de extra bans superiores persistentes. */
body.pv-body.pv-ratas-extra-bans-persist #extra-bans-panel,
body.pv-body.pv-ratas-extra-bans-persist .extra-bans-panel,
body.pv-body.pv-ratas-extra-bans-persist #extra-bans-panel.hidden,
body.pv-body.pv-ratas-extra-bans-persist .extra-bans-panel.hidden,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-panel,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist .extra-bans-panel,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-panel.hidden,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist .extra-bans-panel.hidden{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  overflow:visible !important;
}

body.pv-body.pv-ratas-extra-bans-persist #extra-bans-center,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-center{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
}


/* Ratas responsive: extra bans, badges, tablet/iPad - 1280/1342/iPad: badges de extra bans más proporcionales. - 914/882 y teléfonos landscape: extra bans superiores más arriba. - XL > 2008: roster circular, no cuadrado. */

@media (orientation:landscape) and (min-width:1101px) and (max-width:1400px) and (min-height:760px) and (max-height:1050px){
  body.pv-body #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    margin-top:-4px !important;
    margin-bottom:5px !important;
    padding-top:2px !important;
    padding-bottom:5px !important;
    transform:translateY(-3px) !important;
    overflow:visible !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center{
    gap:5px !important;
    transform:translateY(-1px) !important;
    align-items:center !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot{
    overflow:visible !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body #extra-bans-center .extra-ban-slot .grid-badge,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-badge{
    min-width:13px !important;
    height:9px !important;
    min-height:9px !important;
    max-height:9px !important;
    padding:0 2px !important;
    border-radius:999px !important;
    font-size:5.8px !important;
    line-height:9px !important;
    letter-spacing:0 !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-ladrona{top:-5px !important;left:-4px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-malvada{top:-5px !important;right:-4px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-corrupta{bottom:-5px !important;left:-4px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-caotica{bottom:-5px !important;right:-4px !important;}

  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet{
    position:absolute !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    z-index:120 !important;
    pointer-events:auto !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean{
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 7px !important;
    gap:4px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(180deg, rgba(18,24,36,.97), rgba(7,10,18,.97)) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff4bf !important;
    box-shadow:0 7px 16px rgba(0,0,0,.28) !important;
    font-size:0 !important;
    line-height:1 !important;
    pointer-events:auto !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .eye-ico{
    display:block !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .eye-txt{
    display:block !important;
    width:auto !important;
    height:auto !important;
    opacity:1 !important;
    font-size:7.4px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:.45px !important;
    white-space:nowrap !important;
  }
}

@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    margin-top:-9px !important;
    margin-bottom:2px !important;
    padding-top:0 !important;
    padding-bottom:2px !important;
    transform:translateY(-7px) !important;
    overflow:visible !important;
    z-index:36 !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center{
    transform:translateY(-2px) !important;
    gap:4px !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot{
    overflow:visible !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body #extra-bans-center .extra-ban-slot .grid-badge,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-badge{
    min-width:11px !important;
    height:8px !important;
    min-height:8px !important;
    max-height:8px !important;
    padding:0 1.5px !important;
    font-size:5.1px !important;
    line-height:8px !important;
    letter-spacing:0 !important;
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-ladrona{top:-4px !important;left:-3px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-malvada{top:-4px !important;right:-3px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-corrupta{bottom:-4px !important;left:-3px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-caotica{bottom:-4px !important;right:-3px !important;}
}

@media (orientation:landscape) and (min-width:1981px) and (min-height:900px){
  body.pv-body #characters .character,
  body.pv-body .characters-grid .character,
  body.pv-body.pv-ratas-fullscreen #characters .character,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character,
  body.pv-body.pv-ratas-wide-tune #characters .character,
  body.pv-body.pv-ratas-wide-tune .characters-grid .character,
  body.pv-body.pv-ratas-v43-large-active #characters .character,
  body.pv-body.pv-ratas-v43-large-active .characters-grid .character{
    aspect-ratio:1 / 1 !important;
    border-radius:50% !important;
    overflow:visible !important;
  }

  body.pv-body #characters .character > img,
  body.pv-body .characters-grid .character > img,
  body.pv-body.pv-ratas-fullscreen #characters .character > img,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character > img,
  body.pv-body.pv-ratas-wide-tune #characters .character > img,
  body.pv-body.pv-ratas-wide-tune .characters-grid .character > img,
  body.pv-body.pv-ratas-v43-large-active #characters .character > img,
  body.pv-body.pv-ratas-v43-large-active .characters-grid .character > img,
  body.pv-body #characters .character::before,
  body.pv-body .characters-grid .character::before,
  body.pv-body #characters .character::after,
  body.pv-body .characters-grid .character::after{
    border-radius:50% !important;
  }
}

/* Tablet/ratas polish - Extra bans superiores más arriba y con badges proporcionales en tablets. - Botón OCULTAR mini tipo iPad en 1366/1368 y rangos Pro. - Armas de picks en tablet como texto R1/R2... para no invadir casillas. - Malvada 1024x600 aprox: eliminaciones al topbar, especiales más ordenados. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1400px) and (min-height:580px) and (max-height:1050px){
  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    margin-top:-8px !important;
    margin-bottom:11px !important;
    padding-top:1px !important;
    padding-bottom:6px !important;
    transform:translateY(-9px) !important;
    overflow:visible !important;
    z-index:48 !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center{
    gap:clamp(5px, .55vw, 8px) !important;
    transform:translateY(-2px) !important;
    align-items:center !important;
    min-height:clamp(32px, 4.5vh, 42px) !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot{
    width:clamp(34px, 3.05vw, 42px) !important;
    height:clamp(34px, 3.05vw, 42px) !important;
    min-width:clamp(34px, 3.05vw, 42px) !important;
    min-height:clamp(34px, 3.05vw, 42px) !important;
    max-width:42px !important;
    max-height:42px !important;
    overflow:visible !important;
    border-radius:50% !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot img,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:50% !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body #extra-bans-center .extra-ban-slot .grid-badge,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-badge{
    min-width:clamp(10px, 1.05vw, 13px) !important;
    max-width:none !important;
    height:clamp(7px, .84vw, 9px) !important;
    min-height:clamp(7px, .84vw, 9px) !important;
    max-height:9px !important;
    padding:0 2px !important;
    border-radius:999px !important;
    font-size:clamp(4.7px, .52vw, 5.8px) !important;
    line-height:clamp(7px, .84vw, 9px) !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    box-shadow:0 1px 4px rgba(0,0,0,.38) !important;
    z-index:18 !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-ladrona,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-ladrona{top:-4px !important;left:-3px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-malvada,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-malvada{top:-4px !important;right:-3px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-corrupta,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-corrupta{bottom:-4px !important;left:-3px !important;}
  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-caotica,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-caotica{bottom:-4px !important;right:-3px !important;}

  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text{
    right:2px !important;
    bottom:2px !important;
    min-width:16px !important;
    width:auto !important;
    height:12px !important;
    min-height:12px !important;
    max-height:12px !important;
    padding:0 3px !important;
    border-radius:999px !important;
    font-size:6px !important;
    line-height:12px !important;
    display:grid !important;
    place-items:center !important;
    object-fit:contain !important;
  }

  body.pv-body .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img{
    right:3px !important;
    bottom:3px !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    min-height:14px !important;
    max-width:14px !important;
    max-height:14px !important;
    padding:1px !important;
    border-radius:5px !important;
  }
}

@media (orientation:landscape) and (min-width:1301px) and (max-width:1400px) and (min-height:760px) and (max-height:1050px){
  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    margin-top:-10px !important;
    margin-bottom:13px !important;
    transform:translateY(-12px) !important;
  }

  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
  }

  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    gap:0 !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn .eye-ico,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean .eye-ico{
    display:grid !important;
    place-items:center !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn .eye-txt,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean .eye-txt{
    display:none !important;
  }
}

@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:580px) and (max-height:650px){
  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    margin-top:-11px !important;
    margin-bottom:13px !important;
    transform:translateY(-13px) !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body #extra-bans-center .extra-ban-slot .grid-badge,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-badge{
    min-width:10px !important;
    height:7px !important;
    min-height:7px !important;
    max-height:7px !important;
    padding:0 1.5px !important;
    font-size:4.8px !important;
    line-height:7px !important;
  }

  body.pv-body.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock{
    position:absolute !important;
    right:10px !important;
    top:5px !important;
    width:94px !important;
    height:42px !important;
    display:grid !important;
    place-items:center !important;
    overflow:visible !important;
    z-index:70 !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.pv-body.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada{
    display:grid !important;
    grid-template-columns:repeat(2,42px) !important;
    grid-template-rows:42px !important;
    gap:8px !important;
    width:92px !important;
    height:42px !important;
    min-width:92px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    place-items:center !important;
  }

  body.pv-body.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada .mini-slot{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    border-radius:10px !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock #elims-malvada .mini-slot::after{
    left:50% !important;
    top:-11px !important;
    transform:translateX(-50%) !important;
    width:17px !important;
    height:17px !important;
    display:grid !important;
    place-items:center !important;
    font-size:13px !important;
    line-height:1 !important;
    z-index:25 !important;
  }

  body.pv-body.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada{
    display:grid !important;
    grid-template-columns:repeat(3,44px) !important;
    grid-template-rows:44px !important;
    grid-auto-rows:44px !important;
    gap:8px !important;
    width:max-content !important;
    min-width:0 !important;
    max-width:none !important;
    justify-content:start !important;
    align-content:center !important;
    margin:0 0 0 6px !important;
    padding:0 !important;
    transform:translateY(-12px) !important;
  }

  body.pv-body.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada #safe-malvada,
  body.pv-body.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada #stellar-malvada,
  body.pv-body.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada #extra-stellar-malvada,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada #safe-malvada,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada #stellar-malvada,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada #extra-stellar-malvada{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    border-radius:11px !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v9-malvada-topbar #stellar-malvada .masked-mark,
  body.pv-body.pv-ratas-v9-malvada-topbar #extra-stellar-malvada .masked-mark,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #stellar-malvada .masked-mark,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #extra-stellar-malvada .masked-mark{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    transform:none !important;
    font-size:22px !important;
    line-height:1 !important;
    text-align:center !important;
  }
}

@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    margin-top:-12px !important;
    margin-bottom:8px !important;
    transform:translateY(-12px) !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center{
    transform:translateY(-3px) !important;
  }
}

/* Ratas tablets/mobile polish Tablets: sin texto EXTRA BANS y panel un poco más abajo. - iPad Pro: botón de ojo mini real, sin texto. - 1024x600: Malvada vuelve a especiales verticales; eliminaciones quedan topbar. - 882x344: especiales/eliminaciones un poco más abajo y más grandes. - iPad Pro 1366x1024: aprovecha más el espacio de ratas. */

@media (orientation:landscape) and (min-width:951px) and (max-width:1400px) and (min-height:580px) and (max-height:1050px){
  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel{
    margin-top:-2px !important;
    margin-bottom:7px !important;
    padding-top:0 !important;
    padding-bottom:4px !important;
    transform:translateY(-3px) !important;
    overflow:visible !important;
  }

  body.pv-body .extra-bans-head,
  body.pv-body.pv-ratas-fullscreen .extra-bans-head{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.pv-body .extra-bans-title,
  body.pv-body.pv-ratas-fullscreen .extra-bans-title,
  body.pv-body .extra-side-pill,
  body.pv-body.pv-ratas-fullscreen .extra-side-pill{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center{
    transform:translateY(0) !important;
    min-height:34px !important;
    align-items:center !important;
  }

  body.pv-body #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body #extra-bans-center .extra-ban-slot .grid-badge,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-corner-mark,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center .extra-ban-slot .grid-badge{
    max-width:none !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }
}

/* IPad Pro / Surface Pro tablet band: ojito mini, sin texto que se salga. */
@media (orientation:landscape) and (min-width:1301px) and (max-width:1400px) and (min-height:760px) and (max-height:1050px){
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini,
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ratas-v9-ipad-eye-btn-mini,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini .stellar-hide-toggle-btn,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini .stellar-hide-toggle-btn,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ratas-v9-ipad-eye-btn-mini,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .stellar-hide-toggle-btn--clean{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    padding:0 !important;
    border-radius:8px !important;
    display:grid !important;
    place-items:center !important;
    gap:0 !important;
    font-size:0 !important;
    line-height:1 !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico,
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ratas-v9-ipad-eye-btn-mini .eye-ico,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini .eye-ico,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini .eye-ico,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ratas-v9-ipad-eye-btn-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini .eye-ico,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .eye-ico{
    display:grid !important;
    place-items:center !important;
    font-size:14px !important;
    line-height:1 !important;
  }

  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt,
  body.pv-body .rat-slot .stellar-hide-toggle-btn.pv-ratas-v9-ipad-eye-btn-mini .eye-txt,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini .eye-txt,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini .eye-txt,
  body.pv-body .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ipad-eye-btn-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot .stellar-hide-toggle-btn.pv-ratas-v9-ipad-eye-btn-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ipad-eye-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v9-ipad-eye-mini .eye-txt,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .stellar-hide-toggle-row.pv-ratas-v8-hide-tablet .eye-txt{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    max-width:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }
}

/* X600 y alrededores: Malvada vertical como las demás; eliminaciones siguen en topbar. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:580px) and (max-height:650px){
  body.pv-body.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #rat-malvada .rat-banbar-malvada,
  body.pv-body #rat-malvada .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada{
    display:grid !important;
    grid-template-columns:46px !important;
    grid-template-rows:repeat(3,46px) !important;
    grid-auto-rows:46px !important;
    gap:7px !important;
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:auto !important;
    justify-content:start !important;
    align-content:start !important;
    margin:6px 0 0 8px !important;
    padding:0 !important;
    transform:translateY(-2px) !important;
  }

  body.pv-body #rat-malvada .rat-banbar-malvada #safe-malvada,
  body.pv-body #rat-malvada .rat-banbar-malvada #stellar-malvada,
  body.pv-body #rat-malvada .rat-banbar-malvada #extra-stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #safe-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada #extra-stellar-malvada{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    max-width:46px !important;
    max-height:46px !important;
    grid-column:1 !important;
    border-radius:12px !important;
    overflow:visible !important;
  }

  body.pv-body #rat-malvada .rat-banbar-malvada #safe-malvada{grid-row:1 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #stellar-malvada{grid-row:2 !important;}
  body.pv-body #rat-malvada .rat-banbar-malvada #extra-stellar-malvada{grid-row:3 !important;}

  body.pv-body.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v9-malvada-topbar #malvada-mobile-elims-dock{
    top:5px !important;
    right:10px !important;
  }
}

/* X344 / landscape teléfono ancho: especiales y eliminaciones bajan igual y crecen un poco. */
@media (orientation:landscape) and (min-width:850px) and (max-width:910px) and (max-height:360px){
  :root{
    --rm-special:24px !important;
    --rm-elim:27px !important;
  }

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    margin-top:5px !important;
    transform:none !important;
    gap:4px !important;
  }

  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    max-width:24px !important;
    max-height:24px !important;
    border-radius:7px !important;
  }

  body.pv-body #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    max-width:27px !important;
    max-height:27px !important;
    border-radius:8px !important;
  }
}

/* IPad Pro 1366x1024: hay espacio, agrandar y separar zona jugable. */
@media (orientation:landscape) and (min-width:1301px) and (max-width:1400px) and (min-height:970px) and (max-height:1050px){
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    transform:translateY(-12px) !important;
    margin-top:12px !important;
    margin-bottom:12px !important;
    gap:12px !important;
  }

  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body #elims-malvada .mini-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot,
  body.pv-body.pv-ratas-fullscreen #elims-malvada .mini-slot{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    min-height:72px !important;
    max-width:72px !important;
    max-height:72px !important;
    border-radius:16px !important;
  }

  body.pv-body .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow{
    transform:translateY(-4px) !important;
    margin-top:8px !important;
    margin-bottom:16px !important;
    gap:12px !important;
  }

  body.pv-body .mini-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot{
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    min-height:68px !important;
    max-width:68px !important;
    max-height:68px !important;
    border-radius:15px !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,86px) !important;
    grid-template-rows:repeat(2,86px) !important;
    grid-auto-rows:86px !important;
    column-gap:10px !important;
    row-gap:10px !important;
    margin-top:14px !important;
    padding-left:50px !important;
  }

  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{
    width:86px !important;
    height:86px !important;
    min-width:86px !important;
    min-height:86px !important;
    max-width:86px !important;
    max-height:86px !important;
    border-radius:16px !important;
  }
}

/* X375 RATAS cleanup Solo móvil landscape compacto: mantiene PC/tablet intactos. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  /* Header: stats más adentro y nombre separado del marco/avatar. */
  body.pv-body .rat-header,
  body.pv-body.pv-ratas-fullscreen .rat-header{
    grid-template-columns:31px minmax(0,1fr) 58px !important;
    gap:4px !important;
    overflow:visible !important;
  }

  body.pv-body .rat-head-meta,
  body.pv-body.pv-ratas-fullscreen .rat-head-meta{
    padding-left:6px !important;
    transform:translateX(2px) !important;
    min-width:0 !important;
  }

  body.pv-body .rat-name,
  body.pv-body.pv-ratas-fullscreen .rat-name{
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.pv-body .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-stats-vert{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    justify-self:start !important;
    margin-left:-3px !important;
    margin-right:0 !important;
    transform:translateX(-7px) !important;
    overflow:visible !important;
  }

  body.pv-body .stat-row,
  body.pv-body.pv-ratas-fullscreen .stat-row{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    grid-template-columns:minmax(0,1fr) 12px !important;
    padding:0 2px !important;
  }

  body.pv-body .stat-row .k,
  body.pv-body.pv-ratas-fullscreen .stat-row .k{
    font-size:4.35px !important;
    letter-spacing:0 !important;
  }

  body.pv-body .stat-row .v,
  body.pv-body.pv-ratas-fullscreen .stat-row .v{
    font-size:4.75px !important;
  }

  /* Especiales de las 4 ratas: un poco más a la izquierda, sin mover picks. */
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    justify-self:start !important;
    margin-left:-2px !important;
    transform:translateX(-2px) !important;
  }

  /* X de estelares perdidos: dentro de la casilla, no gigante. */
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    font-size:17px !important;
    width:100% !important;
    height:100% !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    line-height:1 !important;
    text-shadow:0 0 8px rgba(255,0,38,.72),0 1px 5px rgba(0,0,0,.75) !important;
    transform:none !important;
  }
}

/* X375 SOLO STATS hacia dentro No toca nombre, titulo, avatar, ban seguro, estelares, picks ni grids. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  body.pv-body .rat-header > .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-header > .rat-stats-vert{
    position:relative !important;
    left:-32px !important;
    right:auto !important;
    transform:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    z-index:6 !important;
  }
}

/* X375 SOLO especiales hacia la izquierda Mueve ban seguro, estelares de todas las ratas sin tocar stats/header/picks. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  body.pv-body .rat-slot > .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-banbar,
  body.pv-body .rat-slot > .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-banbar.triple,
  body.pv-body .rat-slot > .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-banbar-malvada{
    position:relative !important;
    left:-10px !important;
    right:auto !important;
  }
}


/* X375: badges de picks y selección Solo móvil landscape compacto. No toca PC, stats ni especiales aprobados. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  /* Datos C/R de los personajes ya pickeados un poquito más pequeños. */
  body.pv-body .rat-slot .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-cons-badge{
    top:1px !important;
    left:1px !important;
    min-width:10px !important;
    width:auto !important;
    height:8px !important;
    min-height:8px !important;
    max-height:8px !important;
    padding:0 1px !important;
    font-size:5px !important;
    line-height:8px !important;
    letter-spacing:0 !important;
    border-radius:999px !important;
  }

  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-img{
    right:1px !important;
    bottom:1px !important;
    width:9px !important;
    height:9px !important;
    min-width:9px !important;
    min-height:9px !important;
    max-width:9px !important;
    max-height:9px !important;
    padding:0 !important;
    border-radius:3px !important;
  }

  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text{
    right:1px !important;
    bottom:1px !important;
    min-width:14px !important;
    width:auto !important;
    height:9px !important;
    min-height:9px !important;
    max-height:9px !important;
    padding:0 2px !important;
    font-size:5.2px !important;
    line-height:9px !important;
    letter-spacing:0 !important;
    border-radius:999px !important;
  }

  /* Datos C/R del área de selección más separados como la maqueta madre. */
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body #characters .character,
  body.pv-body .characters-grid .character,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters .character,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character{
    overflow:visible !important;
  }

  body.pv-body #characters .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-mark:not(.grid-missing-mark){
    min-width:13px !important;
    max-width:none !important;
    height:9px !important;
    min-height:9px !important;
    max-height:9px !important;
    padding:0 2px !important;
    font-size:5.3px !important;
    line-height:9px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    z-index:18 !important;
  }

  body.pv-body #characters .character .grid-corner-ladrona:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-ladrona:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-ladrona:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-ladrona:not(.grid-missing-mark){
    top:-5px !important;
    left:-5px !important;
    right:auto !important;
    bottom:auto !important;
  }

  body.pv-body #characters .character .grid-corner-malvada:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-malvada:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-malvada:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-malvada:not(.grid-missing-mark){
    top:-5px !important;
    right:-5px !important;
    left:auto !important;
    bottom:auto !important;
  }

  body.pv-body #characters .character .grid-corner-corrupta:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-corrupta:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-corrupta:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-corrupta:not(.grid-missing-mark){
    bottom:-5px !important;
    left:-5px !important;
    top:auto !important;
    right:auto !important;
  }

  body.pv-body #characters .character .grid-corner-caotica:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-caotica:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-caotica:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-caotica:not(.grid-missing-mark){
    bottom:-5px !important;
    right:-5px !important;
    top:auto !important;
    left:auto !important;
  }
}


/* X375: filtros elementales clickeables, TOP badge. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    position:relative !important;
    z-index:220 !important;
    isolation:isolate !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.pv-body #filter-bar > div:not(.action-btnrow),
  body.pv-body .filter-bar > div:not(.action-btnrow),
  body.pv-body.pv-ratas-fullscreen #filter-bar > div:not(.action-btnrow),
  body.pv-body.pv-ratas-fullscreen .filter-bar > div:not(.action-btnrow){
    position:relative !important;
    z-index:222 !important;
    pointer-events:auto !important;
  }

  body.pv-body #filter-bar .filter-button,
  body.pv-body .filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button{
    position:relative !important;
    z-index:223 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    cursor:pointer !important;
  }

  body.pv-body #filter-bar .filter-button.element,
  body.pv-body .filter-bar .filter-button.element,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button.element,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button.element{
    z-index:224 !important;
  }

  body.pv-body #filter-bar .filter-button img,
  body.pv-body .filter-bar .filter-button img,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button img,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button img{
    pointer-events:none !important;
  }

  body.pv-body #filter-bar > .action-btnrow.inline-grid-abilities,
  body.pv-body .filter-bar > .action-btnrow.inline-grid-abilities,
  body.pv-body.pv-ratas-fullscreen #filter-bar > .action-btnrow.inline-grid-abilities,
  body.pv-body.pv-ratas-fullscreen .filter-bar > .action-btnrow.inline-grid-abilities{
    position:relative !important;
    z-index:1 !important;
  }

  body.pv-body .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap{
    z-index:2 !important;
  }

  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    z-index:1 !important;
  }

  body.pv-body .rat-slot .pick-slot:has(> .ratas-pick-top-badge),
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot:has(> .ratas-pick-top-badge){
    overflow:visible !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge{
    left:-4px !important;
    right:auto !important;
    bottom:1px !important;
    z-index:16 !important;
    pointer-events:none !important;
  }
}


/* X360: stats dentro, especiales, filtros Solo para landscape intermedio 701-780px. No toca 667 aprobado ni PC. */
@media (orientation:landscape) and (min-width:701px) and (max-width:780px) and (max-height:390px){
  :root{
    --rm-special:26px !important;
  }

  /* Stats más hacia la izquierda sin empujar nombre/título. */
  body.pv-body .rat-header > .rat-stats-vert,
  body.pv-body.pv-ratas-fullscreen .rat-header > .rat-stats-vert{
    position:relative !important;
    left:-28px !important;
    right:auto !important;
    transform:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    z-index:6 !important;
  }

  /* Ban seguro, estelares un poco más grandes y más a la izquierda. */
  body.pv-body .rat-slot > .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-banbar,
  body.pv-body .rat-slot > .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-banbar.triple,
  body.pv-body .rat-slot > .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-banbar-malvada{
    position:relative !important;
    left:-8px !important;
    right:auto !important;
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-banbar-malvada{
    width:28px !important;
    min-width:28px !important;
    max-width:28px !important;
  }

  body.pv-body .rat-banbar .safe-slot,
  body.pv-body .rat-banbar .stellar-slot,
  body.pv-body .rat-banbar .secondary-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .safe-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .stellar-slot,
  body.pv-body #rat-malvada .rat-banbar-malvada .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .safe-slot,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar-malvada .secondary-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
  }

  /* Filtros elementales clickeables en 740x360 igual que 667x375. */
  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    position:relative !important;
    z-index:220 !important;
    isolation:isolate !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }

  body.pv-body #filter-bar > div:not(.action-btnrow),
  body.pv-body .filter-bar > div:not(.action-btnrow),
  body.pv-body.pv-ratas-fullscreen #filter-bar > div:not(.action-btnrow),
  body.pv-body.pv-ratas-fullscreen .filter-bar > div:not(.action-btnrow){
    position:relative !important;
    z-index:222 !important;
    pointer-events:auto !important;
  }

  body.pv-body #filter-bar .filter-button,
  body.pv-body .filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button{
    position:relative !important;
    z-index:223 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    cursor:pointer !important;
  }

  body.pv-body #filter-bar .filter-button.element,
  body.pv-body .filter-bar .filter-button.element,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button.element,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button.element{
    z-index:224 !important;
  }

  body.pv-body #filter-bar .filter-button img,
  body.pv-body .filter-bar .filter-button img,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button img,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button img{
    pointer-events:none !important;
  }

  body.pv-body #filter-bar > .action-btnrow.inline-grid-abilities,
  body.pv-body .filter-bar > .action-btnrow.inline-grid-abilities,
  body.pv-body.pv-ratas-fullscreen #filter-bar > .action-btnrow.inline-grid-abilities,
  body.pv-body.pv-ratas-fullscreen .filter-bar > .action-btnrow.inline-grid-abilities{
    position:relative !important;
    z-index:1 !important;
  }

  body.pv-body .confirm-stick-wrap,
  body.pv-body.pv-ratas-fullscreen .confirm-stick-wrap{
    z-index:2 !important;
  }

  body.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions{
    z-index:1 !important;
  }
}


/* X360: separación C/R selección de personajes Aplica el mismo aprobado en 667x375, solo para 701-780px landscape. */
@media (orientation:landscape) and (min-width:701px) and (max-width:780px) and (max-height:390px){
  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body .characters-scroll,
  body.pv-body #characters .character,
  body.pv-body .characters-grid .character,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid,
  body.pv-body.pv-ratas-fullscreen .characters-scroll,
  body.pv-body.pv-ratas-fullscreen #characters .character,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character{
    overflow:visible !important;
  }

  body.pv-body #characters .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-mark:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-mark:not(.grid-missing-mark){
    min-width:13px !important;
    max-width:none !important;
    height:9px !important;
    min-height:9px !important;
    max-height:9px !important;
    padding:0 2px !important;
    font-size:5.3px !important;
    line-height:9px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
    z-index:18 !important;
  }

  body.pv-body #characters .character .grid-corner-ladrona:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-ladrona:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-ladrona:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-ladrona:not(.grid-missing-mark){
    top:-5px !important;
    left:-5px !important;
    right:auto !important;
    bottom:auto !important;
  }

  body.pv-body #characters .character .grid-corner-malvada:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-malvada:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-malvada:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-malvada:not(.grid-missing-mark){
    top:-5px !important;
    right:-5px !important;
    left:auto !important;
    bottom:auto !important;
  }

  body.pv-body #characters .character .grid-corner-corrupta:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-corrupta:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-corrupta:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-corrupta:not(.grid-missing-mark){
    bottom:-5px !important;
    left:-5px !important;
    top:auto !important;
    right:auto !important;
  }

  body.pv-body #characters .character .grid-corner-caotica:not(.grid-missing-mark),
  body.pv-body .characters-grid .character .grid-corner-caotica:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen #characters .character .grid-corner-caotica:not(.grid-missing-mark),
  body.pv-body.pv-ratas-fullscreen .characters-grid .character .grid-corner-caotica:not(.grid-missing-mark){
    bottom:-5px !important;
    right:-5px !important;
    top:auto !important;
    left:auto !important;
  }
}

/* Malvada click layer 667x375 / 740x360 SOLO prioridad de capas/clicks. No mueve el center area de su lugar. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    isolation:isolate !important;
  }

  body.pv-body #characters-scroll,
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen #characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    z-index:20 !important;
    pointer-events:auto !important;
  }

  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    position:relative !important;
    z-index:21 !important;
  }

  body.pv-body #characters .character,
  body.pv-body .characters-grid .character,
  body.pv-body.pv-ratas-fullscreen #characters .character,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character{
    position:relative !important;
    z-index:22 !important;
  }

  body.pv-body .center-actions,
  body.pv-body .center-actions.has-malvada-center-dock,
  body.has-malvada-elim-dock.pv-body .center-actions,
  body.pv-mobile-malvada-action.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-actions{
    z-index:260 !important;
    pointer-events:auto !important;
    isolation:isolate !important;
  }

  body.pv-body #malvada-elim-dock,
  body.pv-body .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .malvada-elim-dock{
    z-index:270 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.pv-body #malvada-elim-dock *,
  body.pv-body .malvada-elim-dock *,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock *,
  body.pv-body.pv-ratas-fullscreen .malvada-elim-dock *{
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.pv-body #action-area,
  body.pv-body #action-area *,
  body.pv-body.pv-ratas-fullscreen #action-area,
  body.pv-body.pv-ratas-fullscreen #action-area *{
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    z-index:320 !important;
    pointer-events:auto !important;
  }

  body.pv-body #filter-bar .filter-button,
  body.pv-body .filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button{
    z-index:322 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}

@media (orientation:landscape) and (min-width:701px) and (max-width:780px) and (max-height:390px){
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    isolation:isolate !important;
  }

  body.pv-body #characters-scroll,
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen #characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    z-index:20 !important;
    pointer-events:auto !important;
  }

  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    position:relative !important;
    z-index:21 !important;
  }

  body.pv-body #characters .character,
  body.pv-body .characters-grid .character,
  body.pv-body.pv-ratas-fullscreen #characters .character,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character{
    position:relative !important;
    z-index:22 !important;
  }

  body.pv-body .center-actions,
  body.pv-body .center-actions.has-malvada-center-dock,
  body.has-malvada-elim-dock.pv-body .center-actions,
  body.pv-mobile-malvada-action.pv-body .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions,
  body.pv-body.pv-ratas-fullscreen .center-actions.has-malvada-center-dock,
  body.pv-body.pv-ratas-fullscreen.has-malvada-elim-dock .center-actions,
  body.pv-body.pv-ratas-fullscreen.pv-mobile-malvada-action .center-actions{
    z-index:260 !important;
    pointer-events:auto !important;
    isolation:isolate !important;
  }

  body.pv-body #malvada-elim-dock,
  body.pv-body .malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock,
  body.pv-body.pv-ratas-fullscreen .malvada-elim-dock{
    z-index:270 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.pv-body #malvada-elim-dock *,
  body.pv-body .malvada-elim-dock *,
  body.pv-body.pv-ratas-fullscreen #malvada-elim-dock *,
  body.pv-body.pv-ratas-fullscreen .malvada-elim-dock *{
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.pv-body #action-area,
  body.pv-body #action-area *,
  body.pv-body.pv-ratas-fullscreen #action-area,
  body.pv-body.pv-ratas-fullscreen #action-area *{
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.pv-body #filter-bar,
  body.pv-body .filter-bar,
  body.pv-body.pv-ratas-fullscreen #filter-bar,
  body.pv-body.pv-ratas-fullscreen .filter-bar{
    z-index:320 !important;
    pointer-events:auto !important;
  }

  body.pv-body #filter-bar .filter-button,
  body.pv-body .filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen #filter-bar .filter-button,
  body.pv-body.pv-ratas-fullscreen .filter-bar .filter-button{
    z-index:322 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }
}

/* X1024: bans normales, X estelar y badges Solo tablet grande landscape. No toca móvil 667/740 ni PC madre. */
@media (orientation:landscape) and (min-width:1301px) and (max-width:1400px) and (min-height:970px) and (max-height:1050px){
  /* BANS normales de las 4 ratas: tamaño grande real, sin quedar montados/juntos. */
  body.pv-body .rat-slot > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow{
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"],
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"]{
    display:grid !important;
    grid-template-columns:repeat(4,50px) !important;
    grid-auto-rows:50px !important;
    gap:10px !important;
    justify-content:center !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:12px !important;
  }

  /* Solo Malvada necesita un poco más de aire vertical contra sus picks. */
  body.pv-body #rat-malvada > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada > .rat-minirow{
    margin-top:14px !important;
    margin-bottom:12px !important;
    transform:none !important;
  }

  /* X de estelares perdidos compacta y centrada dentro de casillas pequeñas. */
  body.pv-body .rat-banbar .stellar-slot.lost,
  body.pv-body .rat-banbar .secondary-slot.lost,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.lost,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.lost{
    position:relative !important;
    overflow:visible !important;
  }

  body.pv-body .rat-banbar .stellar-slot.lost .masked-x,
  body.pv-body .rat-banbar .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    font-size:22px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    transform:none !important;
    z-index:95 !important;
    pointer-events:none !important;
    text-shadow:0 0 10px rgba(255,0,38,.76),0 1px 6px rgba(0,0,0,.82) !important;
  }

  /* Badges de picks finales más legibles en 1366x1024. */
  body.pv-body .rat-slot .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-cons-badge{
    top:3px !important;
    left:3px !important;
    min-width:23px !important;
    width:auto !important;
    height:17px !important;
    min-height:17px !important;
    max-height:17px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    font-size:9px !important;
    line-height:17px !important;
    letter-spacing:0 !important;
    z-index:18 !important;
  }

  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text{
    right:3px !important;
    bottom:3px !important;
    min-width:23px !important;
    width:auto !important;
    height:17px !important;
    min-height:17px !important;
    max-height:17px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    font-size:9px !important;
    line-height:17px !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    display:grid !important;
    place-items:center !important;
    z-index:18 !important;
  }

  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img{
    right:3px !important;
    bottom:3px !important;
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;
    max-width:20px !important;
    max-height:20px !important;
    border-radius:6px !important;
    z-index:18 !important;
  }

  body.pv-body .rat-slot .pick-slot:has(> .ratas-pick-top-badge),
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot:has(> .ratas-pick-top-badge){
    overflow:visible !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge{
    left:3px !important;
    right:auto !important;
    bottom:3px !important;
    min-height:17px !important;
    padding:2px 5px !important;
    gap:2px !important;
    border-radius:7px !important;
    font-size:9px !important;
    line-height:1 !important;
    z-index:19 !important;
    pointer-events:none !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-star{
    font-size:10px !important;
    line-height:1 !important;
  }
}

/* X912: picks/bans más grandes, X estelar Solo Surface/tablet landscape. No toca 1366x1024, 667/740 ni PC madre. */
@media (orientation:landscape) and (min-width:1320px) and (max-width:1400px) and (min-height:880px) and (max-height:940px){
  /* Picks finales de todas las ratas más grandes. */
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,84px) !important;
    grid-template-rows:repeat(2,84px) !important;
    grid-auto-rows:84px !important;
    column-gap:9px !important;
    row-gap:9px !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot{
    width:84px !important;
    height:84px !important;
    min-width:84px !important;
    min-height:84px !important;
    max-width:84px !important;
    max-height:84px !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot .pick-slot > img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  /* Bans normales de todas las ratas más grandes, sin amontonarlos. */
  body.pv-body .rat-slot > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow{
    gap:10px !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"],
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"]{
    display:grid !important;
    grid-template-columns:repeat(4,56px) !important;
    grid-auto-rows:56px !important;
    gap:9px !important;
    justify-content:center !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    max-width:56px !important;
    max-height:56px !important;
    border-radius:13px !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:13px !important;
  }

  /* Ban seguro, estelares más grandes en este tamaño. */
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    gap:10px !important;
    overflow:visible !important;
  }

  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    border-radius:15px !important;
    overflow:visible !important;
  }

  body.pv-body .safe-slot img,
  body.pv-body .stellar-slot img,
  body.pv-body .secondary-slot img,
  body.pv-body.pv-ratas-fullscreen .safe-slot img,
  body.pv-body.pv-ratas-fullscreen .stellar-slot img,
  body.pv-body.pv-ratas-fullscreen .secondary-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:15px !important;
  }

  /* X de estelar perdido proporcional a la casilla pequeña. */
  body.pv-body .rat-banbar .stellar-slot.lost,
  body.pv-body .rat-banbar .secondary-slot.lost,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.lost,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.lost{
    position:relative !important;
    overflow:visible !important;
  }

  body.pv-body .rat-banbar .stellar-slot.lost .masked-x,
  body.pv-body .rat-banbar .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .rat-banbar .secondary-slot.lost .masked-x{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:grid !important;
    place-items:center !important;
    font-size:20px !important;
    font-weight:1000 !important;
    line-height:1 !important;
    transform:none !important;
    z-index:95 !important;
    pointer-events:none !important;
    text-shadow:0 0 10px rgba(255,0,38,.76),0 1px 6px rgba(0,0,0,.82) !important;
  }
}


/* X912: bans normales un poco más arriba Solo corrige el solape visual contra picks. No toca tamaños ni otros rangos. */
@media (orientation:landscape) and (min-width:1320px) and (max-width:1400px) and (min-height:880px) and (max-height:940px){
  body.pv-body .rat-slot > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow{
    transform:translateY(-7px) !important;
  }
}

/* X912: Malvada bans arriba, badges legibles Solo corrige este rango. No toca otros tamaños ni posiciones generales. */
@media (orientation:landscape) and (min-width:1320px) and (max-width:1400px) and (min-height:880px) and (max-height:940px){
  /* La subía los bans generales; Malvada necesitaba una orden específica más fuerte. */
  body.pv-body #rat-malvada > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada > .rat-minirow{
    transform:translateY(-14px) !important;
  }

  /* Datos de constelación más legibles en picks finales. */
  body.pv-body .rat-slot .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-cons-badge{
    top:3px !important;
    left:3px !important;
    min-width:26px !important;
    width:auto !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    padding:0 6px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    line-height:20px !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    z-index:20 !important;
  }

  /* Datos de arma/refinamiento más legibles en picks finales. */
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text{
    right:3px !important;
    bottom:3px !important;
    min-width:26px !important;
    width:auto !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
    padding:0 6px !important;
    border-radius:999px !important;
    font-size:10.5px !important;
    line-height:20px !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    display:grid !important;
    place-items:center !important;
    z-index:20 !important;
  }

  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img{
    right:3px !important;
    bottom:3px !important;
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    min-height:23px !important;
    max-width:23px !important;
    max-height:23px !important;
    border-radius:7px !important;
    z-index:20 !important;
  }

  body.pv-body .rat-slot .pick-slot:has(> .ratas-pick-top-badge),
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot:has(> .ratas-pick-top-badge){
    overflow:visible !important;
  }

  /* TOP 1/2/3/4/5 más visible sin moverlo de su esquina. */
  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge{
    left:3px !important;
    right:auto !important;
    bottom:3px !important;
    min-height:20px !important;
    padding:3px 6px !important;
    gap:3px !important;
    border-radius:8px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    z-index:21 !important;
    pointer-events:none !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-star{
    font-size:12px !important;
    line-height:1 !important;
  }
}

/* Estrella de pick estelar visible/legible 1366x1024, 1368x912, móvil landscape 667/740. Solo toca el indicador ⭐ del PJ estelar ya pickeado. */

/* X375 y alrededores: antes una regla móvil ocultaba la estrella del pick estelar. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:1px !important;
    right:1px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:12px !important;
    height:12px !important;
    min-width:12px !important;
    min-height:12px !important;
    max-width:12px !important;
    max-height:12px !important;
    place-items:center !important;
    font-size:8.5px !important;
    line-height:12px !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.42) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 2px 6px rgba(0,0,0,.35) !important;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.55)) !important;
    z-index:34 !important;
    pointer-events:none !important;
  }
}

/* X360 y alrededores: mismo , un pelín más grande por tener más ancho. */
@media (orientation:landscape) and (min-width:701px) and (max-width:780px) and (max-height:390px){
  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:2px !important;
    right:2px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:14px !important;
    height:14px !important;
    min-width:14px !important;
    min-height:14px !important;
    max-width:14px !important;
    max-height:14px !important;
    place-items:center !important;
    font-size:10px !important;
    line-height:14px !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.42) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 2px 7px rgba(0,0,0,.36) !important;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.55)) !important;
    z-index:34 !important;
    pointer-events:none !important;
  }
}

/* X912 y alrededores: estrella del pick estelar más grande y legible. */
@media (orientation:landscape) and (min-width:1320px) and (max-width:1400px) and (min-height:880px) and (max-height:940px){
  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:3px !important;
    right:3px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
    min-height:26px !important;
    max-width:26px !important;
    max-height:26px !important;
    place-items:center !important;
    font-size:18px !important;
    line-height:26px !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.50) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.36) !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.62)) !important;
    z-index:35 !important;
    pointer-events:none !important;
  }
}

/* X1024 y alrededores: mismo ajuste para que no quede diminuta. */
@media (orientation:landscape) and (min-width:1301px) and (max-width:1400px) and (min-height:970px) and (max-height:1050px){
  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:3px !important;
    right:3px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    max-width:24px !important;
    max-height:24px !important;
    place-items:center !important;
    font-size:17px !important;
    line-height:24px !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.50) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.36) !important;
    filter:drop-shadow(0 2px 7px rgba(0,0,0,.62)) !important;
    z-index:35 !important;
    pointer-events:none !important;
  }
}

/* Estrellas de picks estelares en móvil landscape - Sobrescribe el bloque móvil antiguo que ocultaba las estrellas. - Cubre 844x390, 896x414, 932x430, 915x412, 882x344, 914x412 y alrededores sin tocar posición/layout de picks ni ratas. - En 740x360 queda más pequeña que en. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:1px !important;
    right:1px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:clamp(10px, 1.35vw, 13px) !important;
    height:clamp(10px, 1.35vw, 13px) !important;
    min-width:clamp(10px, 1.35vw, 13px) !important;
    min-height:clamp(10px, 1.35vw, 13px) !important;
    max-width:13px !important;
    max-height:13px !important;
    place-items:center !important;
    font-size:clamp(7px, .95vw, 9px) !important;
    line-height:clamp(10px, 1.35vw, 13px) !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.40) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 2px 6px rgba(0,0,0,.34) !important;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.55)) !important;
    z-index:36 !important;
    pointer-events:none !important;
  }
}

/* X360 y alrededores: la estrella de quedaba demasiado grande. */
@media (orientation:landscape) and (min-width:701px) and (max-width:780px) and (max-height:390px){
  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    width:10px !important;
    height:10px !important;
    min-width:10px !important;
    min-height:10px !important;
    max-width:10px !important;
    max-height:10px !important;
    font-size:7px !important;
    line-height:10px !important;
    top:1px !important;
    right:1px !important;
  }
}

/* X853: picks/bans y datos de picks más grandes Solo tablets/Zenbook Fold landscape. No toca 1366/1368, móvil 667/740 ni PC. */
@media (orientation:landscape) and (min-width:1230px) and (max-width:1310px) and (min-height:820px) and (max-height:880px){
  :root{
    --rm-pick:64px !important;
    --rm-mini:44px !important;
    --rm-special:50px !important;
    --rm-elim:38px !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    grid-template-columns:54px minmax(0,1fr) !important;
    grid-template-rows:68px 56px minmax(0,1fr) 22px !important;
    overflow:hidden !important;
  }

  /* Picks finales de todas las ratas más grandes. */
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:7px !important;
    row-gap:8px !important;
    padding-left:60px !important;
    margin-top:7px !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot .pick-slot > img:not(.pick-weapon-badge),
  body.pv-body .rat-slot .pick-slot > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-char-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:13px !important;
  }

  /* Bans normales de todas las ratas más grandes. */
  body.pv-body .rat-slot > .rat-minirow,
  body.pv-body #rat-malvada > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada > .rat-minirow{
    height:54px !important;
    min-height:54px !important;
    grid-template-columns:34px max-content !important;
    gap:8px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"],
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"]{
    display:grid !important;
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:7px !important;
    justify-content:center !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
    border-radius:11px !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:11px !important;
  }

  /* Ban seguro, estelares acompañan el tamaño para no quedar enanos frente a picks/bans. */
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    width:54px !important;
    max-width:54px !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:10px !important;
    overflow:visible !important;
  }

  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:12px !important;
    overflow:visible !important;
  }

  body.pv-body .safe-slot img,
  body.pv-body .stellar-slot img,
  body.pv-body .secondary-slot img,
  body.pv-body.pv-ratas-fullscreen .safe-slot img,
  body.pv-body.pv-ratas-fullscreen .stellar-slot img,
  body.pv-body.pv-ratas-fullscreen .secondary-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:12px !important;
  }

  /* Datos de constelación, arma/refinamiento y TOP más grandes en picks finales. */
  body.pv-body .rat-slot .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-cons-badge{
    top:3px !important;
    left:3px !important;
    min-width:23px !important;
    width:auto !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    font-size:9.2px !important;
    line-height:18px !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    z-index:22 !important;
  }

  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text{
    right:3px !important;
    bottom:3px !important;
    min-width:23px !important;
    width:auto !important;
    height:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    font-size:9.2px !important;
    line-height:18px !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    display:grid !important;
    place-items:center !important;
    z-index:22 !important;
  }

  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img{
    right:3px !important;
    bottom:3px !important;
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
    max-width:21px !important;
    max-height:21px !important;
    border-radius:7px !important;
    z-index:22 !important;
  }

  body.pv-body .rat-slot .pick-slot:has(> .ratas-pick-top-badge),
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot:has(> .ratas-pick-top-badge){
    overflow:visible !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge{
    left:3px !important;
    right:auto !important;
    bottom:3px !important;
    min-height:18px !important;
    padding:2px 5px !important;
    gap:2px !important;
    border-radius:8px !important;
    font-size:9.2px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    z-index:23 !important;
    pointer-events:none !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-star{
    font-size:10.5px !important;
    line-height:1 !important;
  }
}

/* X853: estrella de pick estelar más grande Solo toca el indicador ⭐ del PJ estelar ya pickeado en este tamaño. */
@media (orientation:landscape) and (min-width:1230px) and (max-width:1310px) and (min-height:820px) and (max-height:880px){
  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:2px !important;
    right:2px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    place-items:center !important;
    font-size:15px !important;
    line-height:22px !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.48) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.34) !important;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.58)) !important;
    z-index:36 !important;
    pointer-events:none !important;
  }
}


/* X600: eliminaciones de Malvada en current-action Solo afecta 1024x600 y alrededores. No toca móvil ni otros tablets. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1100px) and (min-height:580px) and (max-height:650px){
  body.pv-body.pv-ratas-v25-malvada-action-elims #current-action,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #current-action{
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:42px !important;
    padding-right:96px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v25-malvada-action-elims #current-action .pv-ratas-v25-action-text,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #current-action .pv-ratas-v25-action-text{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    text-align:center !important;
    line-height:1.1 !important;
    white-space:normal !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v25-malvada-action-elims #current-action .pv-ratas-v25-action-elims-anchor,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #current-action .pv-ratas-v25-action-elims-anchor{
    position:absolute !important;
    right:2px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:grid !important;
    place-items:center !important;
    width:82px !important;
    height:36px !important;
    min-width:82px !important;
    min-height:36px !important;
    max-width:82px !important;
    max-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    z-index:95 !important;
    pointer-events:none !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
  }

  body.pv-body.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action{
    display:grid !important;
    grid-template-columns:repeat(2,36px) !important;
    grid-template-rows:36px !important;
    gap:6px !important;
    width:78px !important;
    height:36px !important;
    min-width:78px !important;
    min-height:36px !important;
    max-width:78px !important;
    max-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    place-items:center !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  body.pv-body.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action .mini-slot,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action .mini-slot{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
    border-radius:10px !important;
    overflow:visible !important;
    pointer-events:none !important;
  }

  body.pv-body.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action .mini-slot::before,
  body.pv-body.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action .mini-slot::after,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action .mini-slot::before,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #current-action #elims-malvada.pv-ratas-v25-elims-in-current-action .mini-slot::after{
    left:50% !important;
    top:-9px !important;
    transform:translateX(-50%) !important;
    width:15px !important;
    height:15px !important;
    min-width:15px !important;
    min-height:15px !important;
    max-width:15px !important;
    max-height:15px !important;
    display:grid !important;
    place-items:center !important;
    font-size:11px !important;
    line-height:1 !important;
    text-align:center !important;
    z-index:26 !important;
    pointer-events:none !important;
  }

  body.pv-body.pv-ratas-v25-malvada-action-elims #malvada-mobile-elims-dock,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-v25-malvada-action-elims #malvada-mobile-elims-dock{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}


/* X800: picks/bans y datos más grandes Solo afecta 1280x800 y alrededores. No toca 1280x853, 1366/1368, 1024x600 ni móvil 667/740. */
@media (orientation:landscape) and (min-width:1230px) and (max-width:1310px) and (min-height:770px) and (max-height:815px){
  :root{
    --rm-pick:62px !important;
    --rm-mini:42px !important;
    --rm-special:48px !important;
    --rm-elim:37px !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    grid-template-columns:52px minmax(0,1fr) !important;
    grid-template-rows:66px 54px minmax(0,1fr) 22px !important;
    overflow:hidden !important;
  }

  /* Picks finales de todas las ratas más grandes en 1280x800. */
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:7px !important;
    row-gap:7px !important;
    padding-left:58px !important;
    margin-top:5px !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    border-radius:14px !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot .pick-slot > img:not(.pick-weapon-badge),
  body.pv-body .rat-slot .pick-slot > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-char-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:13px !important;
  }

  /* Bans normales de todas las ratas más grandes. */
  body.pv-body .rat-slot > .rat-minirow,
  body.pv-body #rat-malvada > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada > .rat-minirow{
    height:52px !important;
    min-height:52px !important;
    grid-template-columns:32px max-content !important;
    gap:8px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"],
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"]{
    display:grid !important;
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    gap:7px !important;
    justify-content:center !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
    border-radius:11px !important;
    overflow:hidden !important;
  }

  body.pv-body .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img,
  body.pv-body.pv-ratas-fullscreen .rat-slot > .rat-minirow > .mini-slots[id^="bans-"] > .mini-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:11px !important;
  }

  /* Ban seguro, estelares también crecen para acompañar el tamaño. */
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    width:52px !important;
    max-width:52px !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:9px !important;
    overflow:visible !important;
  }

  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    border-radius:12px !important;
    overflow:visible !important;
  }

  body.pv-body .safe-slot img,
  body.pv-body .stellar-slot img,
  body.pv-body .secondary-slot img,
  body.pv-body.pv-ratas-fullscreen .safe-slot img,
  body.pv-body.pv-ratas-fullscreen .stellar-slot img,
  body.pv-body.pv-ratas-fullscreen .secondary-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:12px !important;
  }

  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x{
    font-size:20px !important;
    line-height:1 !important;
    inset:0 !important;
    transform:none !important;
    display:grid !important;
    place-items:center !important;
  }

  /* Datos de constelación, arma/refinamiento, estrella y TOP más legibles. */
  body.pv-body .rat-slot .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-cons-badge{
    top:3px !important;
    left:3px !important;
    min-width:24px !important;
    width:auto !important;
    height:19px !important;
    min-height:19px !important;
    max-height:19px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    font-size:9.8px !important;
    line-height:19px !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    z-index:22 !important;
  }

  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text{
    right:3px !important;
    bottom:3px !important;
    min-width:24px !important;
    width:auto !important;
    height:19px !important;
    min-height:19px !important;
    max-height:19px !important;
    padding:0 5px !important;
    border-radius:999px !important;
    font-size:9.8px !important;
    line-height:19px !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    display:grid !important;
    place-items:center !important;
    z-index:22 !important;
  }

  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img{
    right:3px !important;
    bottom:3px !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    border-radius:7px !important;
    z-index:22 !important;
  }

  body.pv-body .rat-slot .pick-slot:has(> .ratas-pick-top-badge),
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot:has(> .ratas-pick-top-badge){
    overflow:visible !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge{
    left:3px !important;
    right:auto !important;
    bottom:3px !important;
    min-height:19px !important;
    padding:2px 5px !important;
    gap:2px !important;
    border-radius:8px !important;
    font-size:9.8px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    z-index:23 !important;
    pointer-events:none !important;
  }

  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body .rat-slot .pick-slot > .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .rat-slot .pick-slot > .ratas-pick-top-star{
    font-size:11px !important;
    line-height:1 !important;
  }

  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:2px !important;
    right:2px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
    max-width:21px !important;
    max-height:21px !important;
    place-items:center !important;
    font-size:14.5px !important;
    line-height:21px !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.48) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.34) !important;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.58)) !important;
    z-index:36 !important;
    pointer-events:none !important;
  }
}


/* Modo tablet general responsivo Base: buena. Reemplaza el ajuste exacto descartado y agranda el modo tablet como rango fluido, no como una medida puntual. Cubre aprox. 1600x924 -> 1671x821 y alrededores del modo tablet. */
@media (orientation:landscape) and (min-width:1500px) and (max-width:1764px) and (min-height:740px) and (max-height:980px){
  :root{
    --rm-pick:clamp(67px, min(4.28vw, 8.25vh), 76px) !important;
    --rm-mini:clamp(45px, min(2.95vw, 5.92vh), 52px) !important;
    --rm-special:clamp(56px, min(3.72vw, 7.28vh), 66px) !important;
    --rm-elim:clamp(44px, min(2.95vw, 6.05vh), 52px) !important;
    --rm-char:clamp(62px, min(3.72vw, 7.45vh), 70px) !important;
  }

  body.pv-body .rat-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot{
    grid-template-columns:calc(var(--rm-special) + 8px) minmax(0,1fr) !important;
    grid-template-rows:clamp(74px, 8.85vh, 82px) clamp(60px, 7.15vh, 66px) minmax(0,1fr) 22px !important;
    column-gap:clamp(10px, .72vw, 13px) !important;
    row-gap:clamp(6px, .72vh, 8px) !important;
    padding:clamp(8px, .72vw, 11px) clamp(10px, .82vw, 13px) clamp(9px, .82vw, 12px) !important;
    overflow:hidden !important;
  }

  /* Ban seguro, estelares: más grandes y realmente fluidos en todo el rango tablet. */
  body.pv-body #rat-ladrona .rat-banbar,
  body.pv-body #rat-malvada .rat-banbar,
  body.pv-body #rat-corrupta .rat-banbar,
  body.pv-body #rat-caotica .rat-banbar,
  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .rat-banbar,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-banbar,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .rat-banbar,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    width:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:clamp(11px, 1.28vh, 14px) !important;
    margin:clamp(7px, .85vh, 10px) 0 0 0 !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.pv-body #rat-ladrona .safe-slot,
  body.pv-body #rat-malvada .safe-slot,
  body.pv-body #rat-corrupta .safe-slot,
  body.pv-body #rat-caotica .safe-slot,
  body.pv-body #rat-ladrona .stellar-slot,
  body.pv-body #rat-malvada .stellar-slot,
  body.pv-body #rat-corrupta .stellar-slot,
  body.pv-body #rat-caotica .stellar-slot,
  body.pv-body #extra-stellar-ladrona,
  body.pv-body #extra-stellar-malvada,
  body.pv-body #extra-stellar-corrupta,
  body.pv-body #extra-stellar-caotica,
  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .safe-slot,
  body.pv-body.pv-ratas-fullscreen #rat-ladrona .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-corrupta .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #rat-caotica .stellar-slot,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-ladrona,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-malvada,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-corrupta,
  body.pv-body.pv-ratas-fullscreen #extra-stellar-caotica,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
    inline-size:var(--rm-special) !important;
    block-size:var(--rm-special) !important;
    aspect-ratio:1 / 1 !important;
    border-radius:clamp(12px, .82vw, 15px) !important;
    overflow:visible !important;
  }

  body.pv-body .safe-slot img,
  body.pv-body .stellar-slot img,
  body.pv-body .secondary-slot img,
  body.pv-body.pv-ratas-fullscreen .safe-slot img,
  body.pv-body.pv-ratas-fullscreen .stellar-slot img,
  body.pv-body.pv-ratas-fullscreen .secondary-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:inherit !important;
  }

  /* Bans normales: crecen desde la plantilla tablet general, no desde una medida suelta. */
  body.pv-body .rat-minirow,
  body.pv-body #rat-malvada .rat-minirow,
  body.pv-body.pv-ratas-fullscreen .rat-minirow,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-minirow{
    height:clamp(58px, 6.95vh, 65px) !important;
    min-height:clamp(58px, 6.95vh, 65px) !important;
    grid-template-columns:max-content !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 !important;
    transform:none !important;
    overflow:visible !important;
  }

  body.pv-body .mini-slots,
  body.pv-body.pv-ratas-fullscreen .mini-slots{
    grid-template-columns:repeat(4,var(--rm-mini)) !important;
    grid-auto-rows:var(--rm-mini) !important;
    column-gap:clamp(8px, .58vw, 11px) !important;
    row-gap:clamp(8px, .58vw, 11px) !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
  }

  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
    border-radius:clamp(10px, .72vw, 13px) !important;
    overflow:hidden !important;
  }

  body.pv-body .mini-slot img,
  body.pv-body .extra-ban-slot img,
  body.pv-body.pv-ratas-fullscreen .mini-slot img,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:inherit !important;
  }

  /* Picks finales: tamaño fluido en todo el modo tablet. */
  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:clamp(7px, .55vw, 10px) !important;
    row-gap:clamp(8px, .68vw, 12px) !important;
    padding:0 0 1px calc(var(--rm-special) + 8px) !important;
    margin:clamp(8px, 1.05vh, 12px) auto 0 !important;
    transform:none !important;
    width:max-content !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.pv-body .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
    inline-size:var(--rm-pick) !important;
    block-size:var(--rm-pick) !important;
    aspect-ratio:1 / 1 !important;
    border-radius:clamp(14px, .9vw, 17px) !important;
    overflow:visible !important;
  }

  body.pv-body .pick-slot > img:not(.pick-weapon-badge),
  body.pv-body .pick-slot > .pick-char-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot > img:not(.pick-weapon-badge),
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-char-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:inherit !important;
  }

  /* Datos de los pjs pickeados: acompañan el tamaño del pick. */
  body.pv-body .pick-slot > .pick-cons-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-cons-badge{
    top:3px !important;
    left:3px !important;
    min-width:clamp(22px, 1.62vw, 28px) !important;
    width:auto !important;
    height:clamp(17px, 1.18vw, 21px) !important;
    min-height:clamp(17px, 1.18vw, 21px) !important;
    max-height:21px !important;
    padding:0 clamp(4px, .32vw, 6px) !important;
    border-radius:999px !important;
    font-size:clamp(8.8px, .66vw, 10.8px) !important;
    line-height:clamp(17px, 1.18vw, 21px) !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    z-index:34 !important;
  }

  body.pv-body .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.mobile-r1-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.pv-ratas-weapon-ref-text,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .pick-weapon-badge.pv-ratas-v9-tablet-weapon-text{
    right:3px !important;
    bottom:3px !important;
    min-width:clamp(22px, 1.62vw, 28px) !important;
    width:auto !important;
    height:clamp(17px, 1.18vw, 21px) !important;
    min-height:clamp(17px, 1.18vw, 21px) !important;
    max-height:21px !important;
    padding:0 clamp(4px, .32vw, 6px) !important;
    border-radius:999px !important;
    font-size:clamp(8.8px, .66vw, 10.8px) !important;
    line-height:clamp(17px, 1.18vw, 21px) !important;
    letter-spacing:0 !important;
    font-weight:1000 !important;
    display:grid !important;
    place-items:center !important;
    z-index:34 !important;
  }

  body.pv-body .pick-slot > img.pick-weapon-badge,
  body.pv-body .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img,
  body.pv-body.pv-ratas-fullscreen .pick-slot > img.pick-weapon-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > img.pick-weapon-badge.pv-ratas-weapon-img{
    right:3px !important;
    bottom:3px !important;
    width:clamp(21px, 1.52vw, 26px) !important;
    height:clamp(21px, 1.52vw, 26px) !important;
    min-width:clamp(21px, 1.52vw, 26px) !important;
    min-height:clamp(21px, 1.52vw, 26px) !important;
    max-width:26px !important;
    max-height:26px !important;
    border-radius:clamp(7px, .52vw, 9px) !important;
    z-index:34 !important;
  }

  body.pv-body .pick-slot > .ratas-pick-top-badge,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .ratas-pick-top-badge{
    left:3px !important;
    right:auto !important;
    bottom:3px !important;
    min-height:clamp(17px, 1.18vw, 21px) !important;
    padding:2px clamp(4px, .32vw, 6px) !important;
    gap:2px !important;
    border-radius:clamp(8px, .58vw, 10px) !important;
    font-size:clamp(8.8px, .66vw, 10.8px) !important;
    line-height:1 !important;
    font-weight:1000 !important;
    z-index:35 !important;
    pointer-events:none !important;
  }

  body.pv-body .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body .pick-slot > .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .ratas-pick-top-badge .ratas-pick-top-star,
  body.pv-body.pv-ratas-fullscreen .pick-slot > .ratas-pick-top-star{
    font-size:clamp(10px, .78vw, 12.5px) !important;
    line-height:1 !important;
  }

  body.pv-body .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body .rat-slot .rat-grid .pick-slot.has-crown::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.stellar::after,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid .pick-slot.has-crown::after{
    content:"⭐" !important;
    position:absolute !important;
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
    top:2px !important;
    right:2px !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:clamp(21px, 1.55vw, 27px) !important;
    height:clamp(21px, 1.55vw, 27px) !important;
    min-width:clamp(21px, 1.55vw, 27px) !important;
    min-height:clamp(21px, 1.55vw, 27px) !important;
    max-width:27px !important;
    max-height:27px !important;
    place-items:center !important;
    font-size:clamp(14.5px, 1.05vw, 18px) !important;
    line-height:clamp(21px, 1.55vw, 27px) !important;
    color:#ffe487 !important;
    background:rgba(0,0,0,.48) !important;
    border:0 !important;
    border-radius:999px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.34) !important;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.58)) !important;
    z-index:36 !important;
    pointer-events:none !important;
  }

  /* X de estelar perdido: más pequeña y proporcional, sin invadir toda la casilla. */
  body.pv-body .stellar-slot.lost .masked-x,
  body.pv-body .secondary-slot.lost .masked-x,
  body.pv-body .stellar-slot.lost .masked-mark,
  body.pv-body .secondary-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-x,
  body.pv-body.pv-ratas-fullscreen .stellar-slot.lost .masked-mark,
  body.pv-body.pv-ratas-fullscreen .secondary-slot.lost .masked-mark{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    transform:none !important;
    margin:0 !important;
    font-size:clamp(24px, 1.72vw, 30px) !important;
    line-height:1 !important;
    text-align:center !important;
    z-index:35 !important;
    pointer-events:none !important;
  }
}


/* HTML Botón de captura real en Draft de Ratas. */
.pv-ratas-capture-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:48px!important;min-width:48px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(136,218,255,.30)!important;background:linear-gradient(180deg,rgba(22,32,50,.82),rgba(10,13,22,.78)),radial-gradient(120% 180% at 50% 0%,rgba(102,220,255,.20),transparent 58%)!important;color:#eef9ff!important;box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.05),0 0 22px rgba(89,207,255,.13)!important;overflow:hidden!important}
.pv-ratas-capture-btn::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.12) 42%,transparent 62%);transform:translateX(-120%);transition:transform .45s ease}
.pv-ratas-capture-btn:hover::before{transform:translateX(120%)}
.pv-ratas-capture-btn:disabled{opacity:.70!important;cursor:wait!important;filter:saturate(.85)!important;transform:none!important}
.pv-ratas-camera-ico{--cam:#eef9ff;position:relative;width:22px;height:16px;flex:0 0 22px;border:2px solid var(--cam);border-radius:5px;box-shadow:0 0 10px rgba(150,230,255,.25)}
.pv-ratas-camera-ico::before{content:"";position:absolute;left:3px;top:-7px;width:10px;height:6px;border-radius:4px 4px 1px 1px;background:var(--cam);box-shadow:9px 4px 0 -3px var(--cam)}
.pv-ratas-camera-ico::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border:2px solid var(--cam);border-radius:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.30)}
.pv-ratas-capture-btn.is-busy .pv-ratas-camera-ico{animation:pvRatasCaptureCameraPulse .9s ease-in-out infinite}
@keyframes pvRatasCaptureCameraPulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:1}}
#pv-ratas-capture-toast{position:fixed;left:50%;bottom:30px;z-index:2147483000;transform:translate(-50%,14px) scale(.98);opacity:0;pointer-events:none;padding:12px 18px;border-radius:999px;border:1px solid rgba(132,255,180,.42);background:linear-gradient(180deg,rgba(16,29,25,.92),rgba(6,12,12,.88)),radial-gradient(120% 160% at 50% 0%,rgba(95,255,174,.22),transparent 60%);color:#eafff2;font-weight:1000;letter-spacing:.35px;box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 26px rgba(91,255,170,.14);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);transition:opacity .22s ease,transform .22s ease}
#pv-ratas-capture-toast.is-show{opacity:1;transform:translate(-50%,0) scale(1)}
#pv-ratas-capture-toast.is-error{border-color:rgba(255,116,116,.48);background:linear-gradient(180deg,rgba(48,18,22,.92),rgba(15,7,10,.88));color:#ffecec;box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 26px rgba(255,91,91,.13)}
body.pv-ratas-native-capturing-result #pv-ratas-capture-result,body.pv-ratas-native-capturing-result #pv-ratas-capture-toast,body.pv-ratas-native-capturing-result #fullscreen-toggle-ratas,body.pv-ratas-native-capturing-result #volume-toggle,body.pv-ratas-native-capturing-result #volume-control,body.pv-ratas-native-capturing-result #pv-settings-btn-ratas,body.pv-ratas-native-capturing-result #pv-settings-menu-ratas,body.pv-ratas-native-capturing-result #pv-ratas-xl-eye-toggle,body.pv-ratas-native-capturing-result .pv-mobile-rotate-overlay{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (orientation:landscape) and (max-width:1180px) and (max-height:620px){.pv-ratas-capture-btn{width:36px!important;min-width:36px!important;height:31px!important;min-height:31px!important;border-radius:11px!important}.pv-ratas-camera-ico{width:16px!important;height:12px!important;flex-basis:16px!important;border-width:1.5px!important;border-radius:4px!important}.pv-ratas-camera-ico::before{left:2px!important;top:-5px!important;width:8px!important;height:5px!important;box-shadow:7px 3px 0 -2.5px var(--cam)!important}.pv-ratas-camera-ico::after{width:5px!important;height:5px!important;border-width:1.5px!important}#pv-ratas-capture-toast{bottom:12px!important;padding:8px 12px!important;font-size:10px!important}}


/* HTML Extra Bans con altura real Cuando los extra bans superiores hacen 2+ líneas, el panel crece dentro del grid central y empuja búsqueda/filtros/selección sin mover el center area ni el panel inferior de acciones/comodines. */
body.pv-body .center-card,
body.pv-body.pv-ratas-fullscreen .center-card{
  grid-template-rows:auto auto auto minmax(0,1fr) auto !important;
}

body.pv-body #extra-bans-panel,
body.pv-body .extra-bans-panel,
body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
body.pv-body.pv-ratas-fullscreen .extra-bans-panel,
body.pv-body.pv-ratas-extra-bans-persist #extra-bans-panel,
body.pv-body.pv-ratas-extra-bans-persist .extra-bans-panel,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-panel,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist .extra-bans-panel{
  height:auto !important;
  min-height:92px !important;
  max-height:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  align-self:stretch !important;
}

body.pv-body #extra-bans-center,
body.pv-body .extra-bans-center,
body.pv-body.pv-ratas-fullscreen #extra-bans-center,
body.pv-body.pv-ratas-fullscreen .extra-bans-center,
body.pv-body.pv-ratas-extra-bans-persist #extra-bans-center,
body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-center{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  align-content:flex-start !important;
  justify-content:center !important;
  height:auto !important;
  min-height:62px !important;
  max-height:none !important;
  overflow:visible !important;
  padding-bottom:8px !important;
  box-sizing:border-box !important;
}

body.pv-body #filter-bar,
body.pv-body .filter-bar,
body.pv-body #characters-scroll,
body.pv-body .characters-scroll,
body.pv-body.pv-ratas-fullscreen #filter-bar,
body.pv-body.pv-ratas-fullscreen .filter-bar,
body.pv-body.pv-ratas-fullscreen #characters-scroll,
body.pv-body.pv-ratas-fullscreen .characters-scroll{
  position:relative !important;
  z-index:2 !important;
  flex-shrink:0 !important;
}

body.pv-body #characters-scroll,
body.pv-body .characters-scroll,
body.pv-body.pv-ratas-fullscreen #characters-scroll,
body.pv-body.pv-ratas-fullscreen .characters-scroll{
  min-height:0 !important;
}

/* El panel inferior de acciones/comodines se queda en su sitio; si arriba crece Extra Bans, el grid de personajes es lo que cede espacio. */
body.pv-body .center-actions,
body.pv-body.pv-ratas-fullscreen .center-actions{
  flex-shrink:0 !important;
}

/* HTML Extra Bans abajo en móviles compactos Solo corrige iPhone SE 667x375 y Galaxy S8 740x360 landscape. No toca tablets, PC, bot, JS ni captura. */
@media (orientation:landscape) and (max-width:700px) and (max-height:430px){
  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist .extra-bans-panel{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    margin-top:7px !important;
    margin-bottom:7px !important;
    transform:none !important;
    padding-top:4px !important;
    box-sizing:border-box !important;
    align-self:stretch !important;
    z-index:35 !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center,
  body.pv-body.pv-ratas-extra-bans-persist #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-center{
    transform:none !important;
    margin-top:0 !important;
    align-items:center !important;
    align-content:center !important;
  }
}

@media (orientation:landscape) and (min-width:701px) and (max-width:780px) and (max-height:390px){
  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist .extra-bans-panel{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    margin-top:6px !important;
    margin-bottom:6px !important;
    transform:none !important;
    padding-top:4px !important;
    box-sizing:border-box !important;
    align-self:stretch !important;
    z-index:35 !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center,
  body.pv-body.pv-ratas-extra-bans-persist #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-center{
    transform:none !important;
    margin-top:0 !important;
    align-items:center !important;
    align-content:center !important;
  }
}

/* RATAS tablet: bajar un poco las casillas de Extra Bans Solo ajusta las casillas/center de Extra Bans en modo tablet landscape. No toca teléfonos bajos, center area, filtros, JS ni comodines. */
@media (orientation:landscape) and (min-width:951px) and (max-width:1400px) and (min-height:580px) and (max-height:1050px){
  body.pv-body #extra-bans-center,
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center{
    transform:translateY(2px) !important;
  }
}

@media (orientation:landscape) and (min-width:700px) and (max-width:950px) and (min-height:521px) and (max-height:760px){
  body.pv-body #extra-bans-center,
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center{
    transform:translateY(2px) !important;
  }
}

/* V26 - Mobile extra bans con altura real, sin comerse el texto de turno/ronda.
   Reduce la reserva vieja de 92px solo en teléfonos landscape; conserva colchón normal
   para que los filtros no suban hasta el header y permite crecer si hay 2 líneas. */
@media (orientation:landscape) and (max-width:950px) and (max-height:520px){
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    grid-template-rows:34px auto auto minmax(0,1fr) auto !important;
  }

  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist .extra-bans-panel{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    height:auto !important;
    min-height:54px !important;
    max-height:none !important;
    margin-top:2px !important;
    margin-bottom:4px !important;
    padding:2px 5px 4px !important;
    transform:none !important;
    overflow:visible !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    z-index:35 !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center,
  body.pv-body.pv-ratas-extra-bans-persist #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-center{
    height:auto !important;
    min-height:24px !important;
    max-height:none !important;
    padding-bottom:2px !important;
    margin-top:0 !important;
    transform:none !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    align-content:center !important;
    justify-content:center !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }
}

@media (orientation:landscape) and (max-width:780px) and (max-height:430px){
  body.pv-body .center-card,
  body.pv-body.pv-ratas-fullscreen .center-card{
    grid-template-rows:32px auto auto minmax(0,1fr) auto !important;
  }

  body.pv-body #extra-bans-panel,
  body.pv-body .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen .extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-extra-bans-persist .extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist #extra-bans-panel,
  body.pv-body.pv-ratas-fullscreen.pv-ratas-extra-bans-persist .extra-bans-panel{
    min-height:50px !important;
    margin-top:2px !important;
    margin-bottom:4px !important;
    padding-top:2px !important;
    padding-bottom:3px !important;
  }

  body.pv-body #extra-bans-center,
  body.pv-body .extra-bans-center,
  body.pv-body.pv-ratas-fullscreen #extra-bans-center,
  body.pv-body.pv-ratas-fullscreen .extra-bans-center{
    min-height:22px !important;
    padding-bottom:1px !important;
  }
}

/* V30 - Tecno/CSS 667x335 aprox: ajuste mínimo sin tocar otros rangos.
   - Pantalla completa: mantiene picks compactos, pero NO aplasta ban seguro/estelares.
   - Pantalla normal: recupera scroll táctil real del área de personajes. */
@media (orientation:landscape) and (max-width:700px) and (max-height:360px){
  :root{
    --rm-pick:27px !important;
    --rm-mini:20px !important;
    --rm-special:20px !important;
    --rm-char:33px !important;
  }

  body.pv-body .rat-slot .rat-grid,
  body.pv-body #rat-malvada .rat-grid,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid,
  body.pv-body.pv-ratas-fullscreen #rat-malvada .rat-grid{
    grid-template-columns:repeat(4,var(--rm-pick)) !important;
    grid-template-rows:repeat(2,var(--rm-pick)) !important;
    grid-auto-rows:var(--rm-pick) !important;
    column-gap:3px !important;
    row-gap:3px !important;
    align-self:end !important;
  }

  body.pv-body .pick-slot,
  body.pv-body .rat-slot .rat-grid > .pick-slot,
  body.pv-body.pv-ratas-fullscreen .pick-slot,
  body.pv-body.pv-ratas-fullscreen .rat-slot .rat-grid > .pick-slot{
    width:var(--rm-pick) !important;
    height:var(--rm-pick) !important;
    min-width:var(--rm-pick) !important;
    min-height:var(--rm-pick) !important;
    max-width:var(--rm-pick) !important;
    max-height:var(--rm-pick) !important;
  }

  body.pv-body .rat-banbar,
  body.pv-body .rat-banbar.triple,
  body.pv-body .rat-banbar-malvada,
  body.pv-body.pv-ratas-fullscreen .rat-banbar,
  body.pv-body.pv-ratas-fullscreen .rat-banbar.triple,
  body.pv-body.pv-ratas-fullscreen .rat-banbar-malvada{
    width:22px !important;
    max-width:22px !important;
    grid-template-columns:var(--rm-special) !important;
    grid-auto-rows:var(--rm-special) !important;
    gap:2px !important;
  }

  body.pv-body .safe-slot,
  body.pv-body .stellar-slot,
  body.pv-body .secondary-slot,
  body.pv-body.pv-ratas-fullscreen .safe-slot,
  body.pv-body.pv-ratas-fullscreen .stellar-slot,
  body.pv-body.pv-ratas-fullscreen .secondary-slot{
    width:var(--rm-special) !important;
    height:var(--rm-special) !important;
    min-width:var(--rm-special) !important;
    min-height:var(--rm-special) !important;
    max-width:var(--rm-special) !important;
    max-height:var(--rm-special) !important;
  }

  body.pv-body .mini-slot,
  body.pv-body .extra-ban-slot,
  body.pv-body.pv-ratas-fullscreen .mini-slot,
  body.pv-body.pv-ratas-fullscreen .extra-ban-slot{
    width:var(--rm-mini) !important;
    height:var(--rm-mini) !important;
    min-width:var(--rm-mini) !important;
    min-height:var(--rm-mini) !important;
    max-width:var(--rm-mini) !important;
    max-height:var(--rm-mini) !important;
  }

  body.pv-body #characters-scroll,
  body.pv-body .characters-scroll,
  body.pv-body.pv-ratas-fullscreen #characters-scroll,
  body.pv-body.pv-ratas-fullscreen .characters-scroll{
    position:relative !important;
    z-index:180 !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
    pointer-events:auto !important;
    isolation:isolate !important;
  }

  body.pv-body #characters,
  body.pv-body .characters-grid,
  body.pv-body.pv-ratas-fullscreen #characters,
  body.pv-body.pv-ratas-fullscreen .characters-grid{
    position:relative !important;
    z-index:181 !important;
    pointer-events:auto !important;
  }

  body.pv-body #characters .character,
  body.pv-body .characters-grid .character,
  body.pv-body.pv-ratas-fullscreen #characters .character,
  body.pv-body.pv-ratas-fullscreen .characters-grid .character{
    position:relative !important;
    z-index:182 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  body.pv-body:not(.pv-ratas-fullscreen) .center-actions{
    position:relative !important;
    z-index:80 !important;
  }

  body.pv-body:not(.pv-ratas-fullscreen) #action-area,
  body.pv-body:not(.pv-ratas-fullscreen) #action-area *{
    touch-action:manipulation !important;
  }
}