@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap');

:root{
  --rk-bg:#0a0d12;--rk-bg2:#141820;--rk-s:#10151e;--rk-s2:#141820;
  --rk-bd:#1e2736;--rk-bd2:#2a3444;
  --rk-ac:#ff4757;--rk-gn:#00d084;--rk-gd:#ffd700;--rk-or:#ff9a5c;
  --rk-tx:#f0f2f5;--rk-tx2:#b8bcc7;--rk-mu:#7c8695;
  --rk-sh:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);
  --rk-shh:0 16px 56px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15);
  --rk-r:16px;
}





.rankit-wrap{font-family:'Space Grotesk',sans-serif;color:var(--rk-tx);width:100%;margin-left:auto;margin-right:auto;padding:2rem 0 3rem;box-sizing:border-box;display:block;overflow:hidden;word-break:break-word}
/* max-width on inner elements removed — let the theme control width */
/* Header */
.rk-header{text-align:center;margin-bottom:2rem}
.rk-title{font-family:'Outfit',serif;font-size:clamp(1.4rem,4cqi,2.4rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin:0 0 .5rem}
.rk-subtitle{color:var(--rk-tx2);font-size:.95rem;line-height:1.6;margin:.3rem 0 0}
.rk-pills{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.9rem}
.rk-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:99px;font-size:.74rem;font-family:'Fira Code',monospace}
.rk-pill-live{background:var(--rk-s);border:1px solid var(--rk-bd);color:var(--rk-mu)}
.rk-pill-cd{background:rgba(46,163,118,.1);border:1px solid rgba(46,163,118,.3);color:var(--rk-gn)}
.rk-pill-cd.used{background:rgba(255,154,92,.1);border-color:rgba(255,154,92,.3);color:#ff9a5c}
.rk-dot{width:7px;height:7px;border-radius:50%;background:var(--rk-gn);animation:rk-pulse 2s infinite}
@keyframes rk-pulse{0%,100%{opacity:1}50%{opacity:.25}}

/* List */
.rk-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.2rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.rk-item{display:flex;flex-direction:row;align-items:stretch;background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:var(--rk-r);overflow:hidden;box-shadow:var(--rk-sh);transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;width:100%;box-sizing:border-box;min-width:0;height:auto !important;max-height:none !important;contain:layout style}
.rk-item:hover{box-shadow:var(--rk-shh);border-color:var(--rk-bd2)}
.rk-item.rk1{border-left:3px solid var(--rk-gd)}.rk-item.rk2{border-left:3px solid #a8b3bd}.rk-item.rk3{border-left:3px solid #d4933f}
.rk-item.rk-sel{border:2px solid var(--rk-gd);box-shadow:0 0 0 3px rgba(250,200,88,.15)}
.rk-item.rk-voted{opacity:.75}
.rk-rank{display:flex;align-items:center;justify-content:center;font-family:'Outfit',serif;font-size:2.2rem;font-weight:900;color:var(--rk-bd2);border-right:1px solid var(--rk-bd);background:var(--rk-s2);flex:0 0 58px;width:58px;padding:0 4px;overflow:hidden}
.rk-rank[data-digits="3"]{font-size:1.5rem;flex:0 0 64px;width:64px}
.rk-rank[data-digits="4"]{font-size:1.2rem;flex:0 0 70px;width:70px}
.rk1 .rk-rank{color:var(--rk-gd)}.rk2 .rk-rank{color:#a8b3bd}.rk3 .rk-rank{color:#d4933f}
.rk-thumb{flex:0 0 140px;width:140px;min-height:140px;background:var(--rk-bg2);border-right:1px solid var(--rk-bd);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.rk-thumb.rk-has-carousel{display:block !important;padding:0 !important;height:140px !important}
.rk-thumb img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;max-width:none !important;margin:0 !important;padding:0 !important;image-rendering:auto}
.rk-carousel-slide img{cursor:zoom-in}
.rk-thumb-empty{font-size:1.8rem;color:var(--rk-bd2)}
.rk-content{padding:.7rem .8rem;display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:0;flex:1 1 0;overflow:hidden}
.rk-content h4{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.rk-content p{font-size:.78rem;color:var(--rk-tx2);line-height:1.5;margin:0}
.rk-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}
.rk-chip{font-size:.82rem;font-weight:700;color:var(--rk-tx);font-family:'Fira Code',monospace;background:var(--rk-s2);padding:.25rem .65rem;border-radius:99px;border:1.5px solid var(--rk-bd)}
.rk-chip.voted{color:var(--rk-gn);border-color:rgba(46,163,118,.3);background:rgba(46,163,118,.1)}
.rk-chip.sel{color:var(--rk-gd);border-color:rgba(250,200,88,.3);background:rgba(250,200,88,.1)}
.rk-vpanel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.7rem .9rem;gap:.5rem;flex:0 0 82px;width:82px;border-left:1px solid var(--rk-bd);background:linear-gradient(180deg,var(--rk-s2) 0%,#1a1f27 100%)}

/* Vote buttons */
.rk-vbtn{
  width:50px;height:50px;border-radius:14px;
  border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-size:1.35rem;
  transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .15s;
  position:relative;overflow:hidden;
}
.rk-vbtn::before{
  content:'';position:absolute;inset:0;opacity:0;
  transition:opacity .15s;border-radius:inherit;
}
/* Up button — green gradient */
.rk-vbtn.up{
  background:linear-gradient(145deg,rgba(46,163,118,.2),rgba(46,163,118,.15));
  box-shadow:0 2px 6px rgba(46,163,118,.25),inset 0 1px 0 rgba(46,163,118,.3);
  color:#2ea376;
}
.rk-vbtn.up::before{background:linear-gradient(145deg,#2ea376,#1a9f66);}
.rk-vbtn.up:hover:not(:disabled){transform:translateY(-2px) scale(1.08);box-shadow:0 6px 16px rgba(46,163,118,.4),inset 0 1px 0 rgba(46,163,118,.2);}
.rk-vbtn.up:hover:not(:disabled)::before{opacity:.12;}
.rk-vbtn.up:active:not(:disabled){transform:scale(.94);box-shadow:0 1px 4px rgba(46,163,118,.3);}
.rk-vbtn.vu{
  background:linear-gradient(145deg,#2ea376,#1a9f66) !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(46,163,118,.55),inset 0 1px 0 rgba(255,255,255,.15) !important;
}

/* Down button — red gradient */
.rk-vbtn.dn{
  background:linear-gradient(145deg,rgba(255,107,91,.2),rgba(255,107,91,.15));
  box-shadow:0 2px 6px rgba(255,107,91,.25),inset 0 1px 0 rgba(255,107,91,.3);
  color:#ff6b5b;
}
.rk-vbtn.dn::before{background:linear-gradient(145deg,#ff6b5b,#ff5847);}
.rk-vbtn.dn:hover:not(:disabled){transform:translateY(-2px) scale(1.08);box-shadow:0 6px 16px rgba(255,107,91,.4),inset 0 1px 0 rgba(255,107,91,.2);}
.rk-vbtn.dn:hover:not(:disabled)::before{opacity:.12;}
.rk-vbtn.dn:active:not(:disabled){transform:scale(.94);box-shadow:0 1px 4px rgba(255,107,91,.3);}
.rk-vbtn.vd{
  background:linear-gradient(145deg,#ff6b5b,#ff5847) !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(255,107,91,.55),inset 0 1px 0 rgba(255,255,255,.15) !important;
}

.rk-vbtn:disabled{opacity:.3;cursor:not-allowed;transform:none !important;box-shadow:none !important;}

/* Click pop animation */
@keyframes rk-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}70%{transform:scale(.95)}100%{transform:scale(1)}}
.rk-vbtn.vu,.rk-vbtn.vd{animation:rk-pop .3s cubic-bezier(.34,1.56,.64,1) both;}

.rk-score{font-family:'Fira Code',monospace;font-weight:800;color:var(--rk-tx2);letter-spacing:-.02em;text-align:center;line-height:1.25;white-space:normal;display:flex;flex-direction:column;align-items:center}
.rk-score-num{font-size:1.4rem;line-height:1}
.rk-score-word{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.75;line-height:1}
.rk-score.pos{color:var(--rk-gn)}.rk-score.neg{color:var(--rk-ac)}
.rk-sbar{position:absolute;bottom:0;left:189px;right:73px;height:2.5px;background:var(--rk-bg2)}
.rk-sbar-fill{height:100%;background:var(--rk-gn);border-radius:99px;transition:width .6s ease}
/* Suggest trigger */
.rk-suggest-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;background:linear-gradient(135deg,rgba(46,163,118,.15),rgba(46,163,118,.1));border:2px dashed #2ea376;border-radius:var(--rk-r);padding:.95rem;cursor:pointer;color:#2ea376;font-size:.9rem;font-weight:700;font-family:'Space Grotesk',sans-serif;transition:all .2s;margin-bottom:1.4rem}
.rk-suggest-btn:hover{border-color:#1a9f66;background:linear-gradient(135deg,rgba(46,163,118,.2),rgba(46,163,118,.15));color:#1a9f66;transform:translateY(-1px);box-shadow:0 4px 12px rgba(46,163,118,.25)}
/* Comments */
.rk-comments{background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:var(--rk-r);overflow:hidden;box-shadow:var(--rk-sh);margin-bottom:1.4rem}
.rk-comments-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.3rem;border-bottom:1px solid var(--rk-bd);cursor:pointer;user-select:none;font-family:'Outfit',serif;font-weight:900;font-size:1.1rem}
.rk-comments-head:hover{background:var(--rk-s2)}
.rk-ccount{font-family:'Fira Code',monospace;font-size:.72rem;font-weight:normal;background:var(--rk-bg2);border:1px solid var(--rk-bd);color:var(--rk-mu);padding:.1rem .5rem;border-radius:99px;margin-left:.4rem}
.rk-chevron{font-size:.85rem;color:var(--rk-mu);transition:transform .25s}.rk-chevron.open{transform:rotate(180deg)}
.rk-comments-body{padding:1.1rem 1.3rem;background:var(--rk-s)}
.rk-compose{background:var(--rk-s) !important;border:1.5px solid var(--rk-bd);border-radius:11px;padding:.9rem 1rem;margin-bottom:1.1rem;transition:border-color .2s}
.rk-compose:focus-within{border-color:var(--rk-bd2)}
.rk-compose-ta{width:100%;background:transparent;border:none;outline:none;resize:none;font-family:'Space Grotesk',sans-serif;font-size:.9rem;color:var(--rk-tx);line-height:1.55;min-height:58px}
.rk-compose-ta::placeholder{color:var(--rk-mu)}
.rk-compose-foot{display:flex;align-items:center;gap:.65rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--rk-bd);flex-wrap:wrap}
.rk-compose-name-wrap{display:flex;align-items:center;gap:.35rem;background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:8px;padding:.3rem .65rem;flex:1 1 80px;min-width:0;max-width:200px}
.rk-compose-name{background:transparent;border:none;outline:none;font-family:'Space Grotesk',sans-serif;font-size:.8rem;color:var(--rk-tx2);width:100%}
.rk-compose-name::placeholder{color:var(--rk-mu)}
.rk-cc{font-size:.72rem;color:var(--rk-mu);font-family:'Fira Code',monospace;white-space:nowrap}
.rk-post-btn{background:var(--rk-tx);color:var(--rk-bg);border:none;border-radius:8px;padding:.42rem 1rem;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.83rem;cursor:pointer;transition:all .18s}
.rk-post-btn:hover{background:#b0b5bc;transform:translateY(-1px)}
.rk-citem{display:flex;gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--rk-bd)}
.rk-citem:last-child{border-bottom:none;padding-bottom:0}
.rk-cavatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:.1rem}
.rk-cbody{flex:1;min-width:0}
.rk-chead{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;margin-bottom:.2rem}
.rk-cauthor{font-size:.83rem;font-weight:700}.rk-ctime{font-size:.68rem;color:var(--rk-mu);font-family:'Fira Code',monospace}
.rk-ctext{font-size:.865rem;color:var(--rk-tx2);line-height:1.6;word-break:break-word}
.rk-clike{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;background:none;border:1px solid var(--rk-bd);color:var(--rk-mu);border-radius:99px;padding:.15rem .55rem;font-size:.7rem;cursor:pointer;font-family:'Space Grotesk',sans-serif;transition:all .15s}
.rk-clike:hover,.rk-clike.liked{border-color:#f0a09a;color:var(--rk-ac);background:#fdf0ef}
.rk-no-comments{text-align:center;padding:1.8rem 1rem;color:var(--rk-mu);font-size:.88rem}
.rk-more-btn{display:block;width:100%;margin-top:.9rem;background:var(--rk-s2);border:1px solid var(--rk-bd);color:var(--rk-tx2);border-radius:9px;padding:.5rem;font-family:'Space Grotesk',sans-serif;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .18s}
.rk-more-btn:hover{background:var(--rk-bg2)}
/* Share */
.rk-share{background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:var(--rk-r);padding:1.4rem;text-align:center;box-shadow:var(--rk-sh)}
.rk-share strong{font-family:'Outfit',serif;font-size:1.15rem;font-weight:900}
.rk-share p{color:var(--rk-mu);font-size:.83rem;margin:.3rem 0 1rem}
.rk-share-btns{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:wrap;overflow:hidden}
.rk-sbtn{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .8rem;border-radius:9px;border:none;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:.78rem;font-weight:600;transition:all .18s;white-space:nowrap}
.rk-sbtn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.12)}
.rk-tw{background:#000;color:#fff}.rk-wa{background:#25d366;color:#fff}.rk-fb{background:#1877f2;color:#fff}.rk-tg{background:#2aabee;color:#fff}
.rk-cp{background:var(--rk-s2);color:var(--rk-tx);border:1px solid var(--rk-bd)}
/* Modal */
.rk-modal{position:fixed;inset:0;z-index:99999;background:rgba(26,24,20,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .25s}
.rk-modal.open{opacity:1;pointer-events:all}
.rk-modal-box{background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:18px;width:100%;max-width:500px;box-shadow:0 24px 80px rgba(0,0,0,.18);transform:translateY(14px) scale(.97);transition:transform .3s cubic-bezier(.34,1.4,.64,1);overflow:hidden}
.rk-modal.open .rk-modal-box{transform:translateY(0) scale(1)}
.rk-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--rk-bd)}
.rk-modal-head h3{font-family:'Outfit',serif;font-size:1.2rem;font-weight:900;margin:0}
.rk-modal-head button{background:none;border:1px solid var(--rk-bd);color:var(--rk-mu);width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:.85rem}
.rk-modal-body{padding:1.3rem 1.4rem;max-height:65vh;overflow-y:auto}
.rk-modal-foot{padding:.9rem 1.4rem;border-top:1px solid var(--rk-bd);display:flex;justify-content:flex-end;gap:.6rem}
.rk-notice{background:rgba(250,200,88,.1);border:1px solid rgba(250,200,88,.3);border-radius:9px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.82rem;color:var(--rk-gd);line-height:1.55}
.rk-notice strong{display:block;font-size:.87rem;margin-bottom:.15rem}
.rk-fields{display:flex;flex-direction:column;gap:.75rem}
.rk-fields label{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--rk-mu);font-family:'Fira Code',monospace;margin-bottom:-.4rem}
.rk-fields input,.rk-fields textarea{background:var(--rk-s2);border:1.5px solid var(--rk-bd);color:var(--rk-tx);border-radius:9px;padding:.6rem .9rem;font-family:'Space Grotesk',sans-serif;font-size:.9rem;resize:none;outline:none;transition:border-color .18s;width:100%}
.rk-fields input:focus,.rk-fields textarea:focus{border-color:var(--rk-tx2)}
.rk-btn-pri{background:var(--rk-ac);color:#fff;border:none;border-radius:9px;padding:.65rem 1.3rem;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .18s}
.rk-btn-pri:hover{background:#ff5847;transform:translateY(-1px)}
.rk-btn-sec{background:var(--rk-s2);border:1.5px solid var(--rk-bd);color:var(--rk-tx2);border-radius:9px;padding:.62rem 1.1rem;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .18s}
.rk-btn-sec:hover{background:var(--rk-bg2)}
.rk-suggest-ok{text-align:center;padding:1.4rem 1rem}
.rk-suggest-ok .rk-ok-icon{font-size:2.5rem;margin-bottom:.6rem}
.rk-suggest-ok h3{font-family:'Outfit',serif;font-size:1.2rem;font-weight:900;margin:0 0 .5rem}
.rk-suggest-ok p{font-size:.85rem;color:var(--rk-tx2);line-height:1.6;margin:0}
.rk-loading{text-align:center;padding:2rem;color:var(--rk-mu);font-size:.9rem}
@media(max-width:480px){.rk-rank{flex:0 0 36px;width:36px;font-size:2rem}.rk-rank[data-digits="3"]{flex:0 0 44px;width:44px;font-size:1.3rem}.rk-rank[data-digits="4"]{flex:0 0 50px;width:50px;font-size:1.1rem}.rk-thumb{flex:0 0 90px;width:90px;min-height:90px}.rk-thumb.rk-has-carousel{height:90px !important}.rk-thumb img{height:90px}.rk-vpanel{flex:0 0 70px;width:70px;padding:.5rem .5rem}.rk-vbtn{width:42px;height:42px;font-size:1.2rem}.rk-sbar{left:127px;right:67px}}

/* ── Mobile: vertical stacked layout ── */
@media(max-width:540px){
  .rk-item{
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .rk-rank{
    flex: none !important;
    width: 100% !important;
    height: 44px;
    border-right: none !important;
    border-bottom: 1px solid var(--rk-bd);
    font-size: 1.8rem !important;
    padding: 0;
    justify-content: center !important;
    align-items: center;
  }
  .rk-rank[data-digits="3"]{ font-size: 1.5rem !important; }
  .rk-rank[data-digits="4"]{ font-size: 1.3rem !important; }
  .rk-thumb{
    flex: none !important;
    width: 100% !important;
    min-height: 0 !important;
    height: 280px !important;
    border-right: none !important;
    border-bottom: 1px solid var(--rk-bd);
  }
  .rk-thumb img, .rk-thumb .rk-thumb-img{
    width: 100% !important;
    height: 280px !important;
    object-fit: contain !important;
  }
  .rk-thumb .rk-carousel{
    height: 280px !important;
    width: 100% !important;
    min-height: 280px !important;
    max-height: 280px !important;
  }
  .rk-thumb .rk-carousel-clip,
  .rk-thumb .rk-carousel-track,
  .rk-thumb .rk-carousel-slide{
    height: 280px !important;
    width: 100% !important;
    min-height: 280px !important;
    max-height: 280px !important;
  }
  .rk-thumb .rk-carousel-slide img{
    height: 280px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  /* New simple carousel (rk-car) — fills rk-thumb via absolute */
  .rk-thumb.rk-has-carousel{ height: 280px !important; }
  .rk-carousel-bg-blur{ display: none !important; }
  .rk-content{
    padding: .75rem 1rem;
    flex: none;
  }
  .rk-content h4{
    white-space: normal !important;
    font-size: 1rem;
    font-weight: 700;
  }
  .rk-content p{ font-size: .83rem; }
  .rk-vpanel{
    flex: none !important;
    flex-direction: row !important;
    width: 100% !important;
    border-left: none !important;
    border-top: 1px solid var(--rk-bd);
    padding: .6rem 1rem;
    justify-content: center;
    gap: .75rem;
    background: linear-gradient(0deg, var(--rk-s2), #0f1419) !important;
  }
  .rk-vbtn{ width:52px !important; height:52px !important; font-size:1.3rem !important; }
  .rk-score{ min-width:44px; text-align:center; font-weight:800; line-height:1.25; white-space:normal; display:flex; flex-direction:column; align-items:center; }
  .rk-score-num{ font-size:1.5rem; line-height:1; }
  .rk-score-word{ font-size:.65rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; opacity:.75; line-height:1; }
  .rk-sbar{ left:0 !important; right:0 !important; bottom:0; top:auto; height:3px; }
  /* Mobile: 👎 left, score center, 👍 right */
  .rk-vpanel .rk-vbtn.dn { order: 1 !important; }
  .rk-vpanel .rk-score   { order: 2 !important; }
  .rk-vpanel .rk-vbtn.up { order: 3 !important; }
}
@media(min-width:900px){
  .rk-thumb{flex:0 0 200px;width:200px;min-height:200px}
  .rk-thumb.rk-has-carousel{height:200px !important}
  .rk-sbar{left:249px}
  .rk-item h4{font-size:1rem}
}
@media(min-width:1200px){
  .rk-thumb{flex:0 0 250px;width:250px;min-height:250px}
  .rk-thumb.rk-has-carousel{height:250px !important}
  .rk-sbar{left:299px}
  .rk-item h4{font-size:1.05rem}
}

/* ── AdSense block between items ── */
.rk-ad-wrap{
  background:var(--rk-s);border:1px solid var(--rk-bd);
  border-radius:var(--rk-r);overflow:hidden;
  box-shadow:var(--rk-sh);
  padding:.6rem .6rem .5rem;
  text-align:center;
}
.rk-ad-label{
  font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;
  color:var(--rk-mu);font-family:'Fira Code',monospace;
  margin-bottom:.4rem;
}
.rk-ad-wrap ins{min-height:90px}

/* ── Post-vote notice ── */
.rk-vote-notice {
  border-radius: 10px;
  padding: .85rem 1.2rem;
  margin-bottom: 1.2rem;
  font-size: .92rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: .5rem;
  animation: rk-slidein .4s ease both;
}
@keyframes rk-slidein {
  from { opacity:0; transform:translateY(-8px); }
  to   { opacity:1; transform:translateY(0); }
}
.rk-vote-notice-ok {
  background: #f0faf5;
  border: 1.5px solid #7ecba8;
  color: #1a7f5a;
}
.rk-vote-notice-done {
  background: #fffbf0;
  border: 1.5px solid #f0d070;
  color: #7a5f00;
}

/* ── Lightbox thumb hint ── */
.rk-thumb-img { cursor: zoom-in; transition: opacity .15s; }
.rk-thumb-img:hover { opacity: .88; }

/* ── Performance & smooth re-render ── */
.rk-thumb img { will-change: auto; }
.rk-item { will-change: transform; }
.rk-sbar-fill { will-change: width; }
/* Prevent layout shift while images load */
.rk-thumb { contain: size layout; }

/* ── Pending vote state ── */
.rk-item-pending {
  border-color: var(--rk-gold) !important;
  box-shadow: 0 0 0 2px rgba(201,162,39,.18), var(--rk-sh) !important;
}
.rk-vbtn.rk-sel-up {
  background: #e8f7f1; border-color: #7ecba8; color: var(--rk-gn);
  box-shadow: 0 0 0 2px rgba(26,127,90,.2);
  animation: rk-pulse-sel 1.4s ease-in-out infinite;
}
.rk-vbtn.rk-sel-dn {
  background: #fdf0ef; border-color: #f0a09a; color: var(--rk-ac);
  box-shadow: 0 0 0 2px rgba(232,51,42,.18);
  animation: rk-pulse-sel 1.4s ease-in-out infinite;
}
@keyframes rk-pulse-sel {
  0%,100% { box-shadow: 0 0 0 2px rgba(201,162,39,.35); }
  50%      { box-shadow: 0 0 0 5px rgba(201,162,39,.08); }
}
.rk-chip-pending {
  color: #7a5f00; border-color: #f0d070; background: #fef9ec;
}
/* Confirm button */
.rk-confirm-btn {
  width: 36px; height: 36px; border-radius: 9px; border: none;
  background: var(--rk-gn); color: #fff;
  font-size: 1.1rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .15s; flex-shrink: 0;
  animation: rk-pop-in .2s cubic-bezier(.34,1.56,.64,1) both;
  margin-top: 2px;
}
.rk-confirm-btn:hover { background: #15694a; transform: scale(1.1); }
.rk-confirm-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }
@keyframes rk-pop-in {
  from { transform: scale(0); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}
/* Make vpanel wider when confirm button is visible */
.rk-item-pending .rk-vpanel {
  min-width: 88px;
  flex-wrap: wrap;
  gap: .25rem;
  padding: .6rem .65rem;
}

/* ── Item link ── */
.rk-item-link {
  color: inherit; text-decoration: none;
}
.rk-item-link:hover {
  text-decoration: underline; color: var(--rk-gn, #1a7f5a);
}

/* ── Más link button ── */
.rk-more-link {
  display: inline-flex; align-items: center; gap: .25rem;
  padding: .3rem .85rem; border-radius: 99px;
  background: #e8f5f0; border: 1.5px solid #7ecba8;
  color: #1a6b4a; font-size: .76rem; font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  text-decoration: none; white-space: nowrap; line-height: 1;
  letter-spacing: .01em;
  transition: background .15s, color .15s, border-color .15s;
}
.rk-more-link:hover {
  background: #c8eadb; color: #146143; border-color: #7ecba8;
}

/* ── Narrow container (sidebar layouts) ── */
@container (max-width: 500px) {
  .rk-item { grid-template-columns: 46px 80px 1fr auto; }
  .rk-thumb { width: 80px; min-height: 80px; }
  .rk-rank  { font-size: 1.8rem; }
}
/* Fallback for browsers without container queries */
@media (max-width: 500px) {
  .rankit-wrap .rk-item { grid-template-columns: 46px 80px 1fr auto; }
  .rankit-wrap .rk-thumb { width: 80px; min-height: 80px; }
  .rankit-wrap .rk-rank  { font-size: 1.8rem; }
}
/* Prevent rankit-wrap from ever being wider than its parent */
.rankit-wrap * { max-width: 100%; }
.rankit-wrap .rk-item { max-width: none; } /* except items which use grid */

/* ── Video thumbnail with play button ── */
.rk-thumb-video {
  position: relative; width: 100%; height: 100%;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  background: #000; overflow: hidden;
}
.rk-thumb-video img {
  width: 100%; height: 100%; object-fit: cover;
  display: block; transition: opacity .2s;
}
.rk-thumb-video:hover img { opacity: .75; }
.rk-play-btn {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: transparent;
  transition: background .2s;
  pointer-events: none;
}
.rk-play-btn::after {
  content: '▶';
  display: flex; align-items: center; justify-content: center;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 1.1rem;
  padding-left: 3px;
  box-shadow: 0 2px 12px rgba(0,0,0,.4);
  transition: transform .18s, background .18s;
}
.rk-thumb-video:hover .rk-play-btn::after {
  background: rgba(0,0,0,.75);
  transform: scale(1.12);
}
.rk-thumb-video:hover .rk-play-btn { background: transparent; }

/* ════════════════════════════════
   STATS SHORTCODE
════════════════════════════════ */
.rk-stats-wrap{font-family:'Space Grotesk',sans-serif;color:var(--rk-tx);width:100%;max-width:100%;margin:0;padding:.75rem 0 1.5rem;box-sizing:border-box}
.rk-stats-heading{font-family:'Outfit',serif;font-size:1.05rem;font-weight:900;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2ddd6;color:#1a1814}
.rk-stats-section{background:var(--rk-s);border:1px solid var(--rk-bd);border-radius:var(--rk-r);padding:1rem 1.2rem;margin-bottom:1rem;box-shadow:var(--rk-sh)}
.rk-stats-empty{color:#9a9590;font-size:.85rem;margin:0}
.rk-stats-footer{text-align:center;font-size:.72rem;color:#b0aba5;margin-top:.5rem}

/* Cards */
.rk-stats-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem;margin-bottom:1rem}
.rk-stats-card{border:1px solid var(--rk-bd);border-radius:var(--rk-r);padding:.8rem .65rem;text-align:center;background:var(--rk-s2)}
.rk-stats-card-icon{font-size:1.4rem;margin-bottom:.3rem}
.rk-stats-card-num{font-size:1.35rem;font-weight:900;font-family:'Space Grotesk',sans-serif;line-height:1}
.rk-stats-card-label{font-size:.65rem;color:var(--rk-mu);margin-top:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
/* Stats card color variants */
.rk-stats-card--green { background:linear-gradient(135deg,#f0faf5,#e8f7f0) !important;border-color:#a0dcc0 !important; }
.rk-stats-card--red   { background:linear-gradient(135deg,#fff0f2,#fde8ea) !important;border-color:#f0b0b8 !important; }
.rk-stats-card--green .rk-stats-card-num { color:var(--rk-gn); }
.rk-stats-card--red   .rk-stats-card-num { color:var(--rk-ac); }
/* Stats heading */
.rk-stats-heading{font-size:.9rem;font-weight:800;color:var(--rk-tx);margin:0 0 .9rem;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:.4rem}
.rk-stats-heading::before{content:'';display:block;width:3px;height:14px;background:var(--rk-ac);border-radius:2px;flex-shrink:0}
/* Feed text */
.rk-stats-feed-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--rk-bg2)}
.rk-stats-feed-item:last-child{border-bottom:none}
.rk-stats-feed-text strong{color:var(--rk-tx)}
.rk-stats-feed-text span{color:var(--rk-mu)}
/* Bar fill */
.rk-stats-bar-fill{background:var(--rk-gn);height:100%;border-radius:99px;transition:width .4s}
.rk-bar-blue{background:var(--rk-ac) !important}
/* Footer */
.rk-stats-footer{text-align:center;font-size:.72rem;color:var(--rk-mu);margin-top:.5rem}


/* Chart */
.rk-stats-chart{display:flex;align-items:flex-end;gap:4px;height:140px;padding:0 2px 0}
.rk-chart-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;height:100%}
.rk-chart-bar-wrap{flex:1;width:100%;position:relative;display:flex;align-items:flex-end;min-height:0}
.rk-chart-bar{
  width:100%;
  position:absolute;
  bottom:0;
  background:linear-gradient(180deg,#1a7f5a,#2ea87a);
  border-radius:4px 4px 0 0;
  min-height:3px;
  transition:opacity .2s;
  cursor:default;
}
.rk-chart-bar:hover{opacity:.75}
.rk-chart-tip{position:absolute;top:-20px;left:50%;transform:translateX(-50%);background:#1a1814;color:#fff;font-size:.6rem;padding:2px 5px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:1}
.rk-chart-bar:hover .rk-chart-tip{opacity:1}
.rk-chart-label{font-size:.58rem;color:#9a9590;font-family:'Fira Code',monospace;white-space:nowrap;padding-top:4px;height:16px;display:flex;align-items:center}

/* Two-column layout */
.rk-stats-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.2rem;background:transparent;border:none;padding:0;box-shadow:none}
@media(max-width:640px){.rk-stats-cols{grid-template-columns:1fr;gap:.6rem}.rk-stats-cards{grid-template-columns:repeat(2,1fr)}.rk-stats-items-grid{grid-template-columns:1fr!important}.rk-stats-wrap{width:100%;padding:.5rem 0}.rk-stats-section{padding:.75rem .9rem}.rk-stats-bar-label{font-size:.72rem}.rk-chart-label{font-size:.5rem}}

/* Bar rows */
.rk-stats-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.7rem}
.rk-stats-row:last-child{margin-bottom:0}
.rk-stats-pos{flex:0 0 22px;font-family:'Fira Code',monospace;font-size:.72rem;font-weight:700;color:#9a9590;text-align:right}
.rk-stats-bar-wrap{flex:1;min-width:0}
.rk-stats-bar-label{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.rk-stats-bar-label a{color:#1a1814;text-decoration:none}.rk-stats-bar-label a:hover{color:#1a7f5a}
.rk-stats-bar-track{height:6px;background:#f0ede8;border-radius:99px;overflow:hidden}
.rk-stats-bar-fill{height:100%;background:linear-gradient(90deg,#1a7f5a,#2ea87a);border-radius:99px;transition:width .6s ease}
.rk-stats-bar-fill.rk-bar-blue{background:linear-gradient(90deg,#3b5bdb,#5e7ff0)}
.rk-stats-num{flex:0 0 36px;font-family:'Fira Code',monospace;font-size:.72rem;font-weight:700;color:#1a7f5a;text-align:right}

/* Items grid */
.rk-stats-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}
.rk-stats-item-card{background:#f9f7f4;border:1px solid #e2ddd6;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-direction:column}
.rk-stats-item-pos{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:5px;font-family:'Fira Code',monospace}
.rk-stats-item-img{width:100%;height:150px;object-fit:cover;display:block}
.rk-stats-item-noimg{width:100%;height:150px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#edeae3}
.rk-stats-item-info{padding:.6rem .75rem}
.rk-stats-item-name{font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem}
.rk-stats-item-list{font-size:.65rem;color:#9a9590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-stats-item-score{display:flex;align-items:center;gap:.4rem;margin-top:.35rem}
.rk-stats-score-val{font-family:'Fira Code',monospace;font-size:.78rem;font-weight:700;color:#1a7f5a}
.rk-stats-score-total{font-size:.65rem;color:#9a9590}

/* Activity feed */
.rk-stats-feed{display:flex;flex-direction:column;gap:.55rem}
.rk-stats-feed-item{display:flex;align-items:center;gap:.7rem;padding:.5rem .65rem;background:#f9f7f4;border-radius:8px;border:1px solid #ede9e3}
.rk-stats-feed-icon{font-size:1.1rem;flex-shrink:0}
.rk-stats-feed-text{flex:1;min-width:0;font-size:.78rem;line-height:1.35;overflow:hidden}
.rk-stats-feed-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-stats-feed-text span{color:#9a9590;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.rk-stats-feed-time{flex:0 0 auto;font-family:'Fira Code',monospace;font-size:.65rem;color:#b0aba5;white-space:nowrap}

/* ════════════════════════════════
   LIST SUMMARY BLOCK
════════════════════════════════ */
.rk-summary {
  background: var(--rk-s2);
  border: 1px solid var(--rk-bd);
  border-radius: var(--rk-r);
  padding: 1.1rem 1.2rem;
  margin-bottom: 1.4rem;
  box-shadow: var(--rk-sh);
}
.rk-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .6rem;
  margin-bottom: 1rem;
}
@media(min-width:480px) {
  .rk-summary-grid { grid-template-columns: repeat(6, 1fr); }
}
.rk-sum-card {
  background: var(--rk-s);
  border: 1px solid var(--rk-bd);
  border-radius: 10px;
  padding: .6rem .4rem;
  text-align: center;
}
.rk-sum-icon  { font-size: 1.15rem; margin-bottom: .15rem; line-height: 1; }
.rk-sum-num   { font-size: 1.1rem; font-weight: 800; font-family: 'Outfit', serif; line-height: 1.1; }
.rk-sum-label { font-size: .6rem; color: var(--rk-mu); margin-top: .2rem; text-transform: uppercase; letter-spacing: .04em; }

/* Approval bar */
.rk-sum-approval { margin-bottom: .9rem; }
.rk-sum-approval-label {
  display: flex; justify-content: space-between;
  font-size: .72rem; color: var(--rk-tx2); margin-bottom: .35rem; font-weight: 500;
}
.rk-sum-bar-track { height: 8px; background: #fdf0ef; border-radius: 99px; overflow: hidden; }
.rk-sum-bar-fill  { height: 100%; background: linear-gradient(90deg, #1a7f5a, #2ea87a); border-radius: 99px; transition: width .7s ease; }

/* Top element */
.rk-sum-top {
  display: flex; align-items: center; gap: .75rem;
  background: var(--rk-s); border: 1px solid var(--rk-bd);
  border-radius: 10px; padding: .6rem .9rem;
  border-left: 3px solid var(--rk-gd);
}
.rk-sum-top-label { font-size: .65rem; color: var(--rk-gd); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; }
.rk-sum-top-img   { width: 40px !important; height: 40px !important; border-radius: 8px; object-fit: cover; flex-shrink: 0; display: block; max-width: 40px !important; }
.rk-sum-top-info  { display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.rk-sum-top-info strong { font-size: .85rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rk-sum-top-info span   { font-size: .7rem; color: var(--rk-mu); font-family: 'Fira Code', monospace; }

/* ════════════════════════════════
   BADGE POPUP
════════════════════════════════ */
#rk-badge-popup {
  position: fixed;
  bottom: 2rem;
  right: 1.5rem;
  z-index: 999998;
  transform: translateX(calc(100% + 2rem));
  transition: transform .45s cubic-bezier(.34,1.56,.64,1);
  cursor: pointer;
  max-width: 280px;
}
#rk-badge-popup.rk-badge-show {
  transform: translateX(0);
}
.rk-badge-inner {
  background: linear-gradient(135deg, #1a1814 0%, #2a2620 100%);
  border: 1px solid rgba(201,162,39,.4);
  border-radius: 16px;
  padding: 1rem 1.2rem;
  display: flex;
  align-items: center;
  gap: .9rem;
  box-shadow: 0 8px 32px rgba(0,0,0,.35), 0 0 0 1px rgba(201,162,39,.15);
  position: relative;
  overflow: hidden;
}
.rk-badge-shine {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg, transparent 0%, rgba(201,162,39,.06) 25%, transparent 50%);
  animation: rk-badge-spin 4s linear infinite;
  pointer-events: none;
}
@keyframes rk-badge-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.rk-badge-icon {
  font-size: 2.2rem;
  flex-shrink: 0;
  filter: drop-shadow(0 0 8px rgba(201,162,39,.6));
  animation: rk-badge-bounce .6s cubic-bezier(.34,1.56,.64,1) .3s both;
}
@keyframes rk-badge-bounce {
  from { transform: scale(0) rotate(-15deg); }
  to   { transform: scale(1) rotate(0deg); }
}
.rk-badge-label {
  font-size: .62rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--rt-gold2, #c9a227);
  color: #c9a227;
  margin-bottom: .2rem;
  font-family: 'Fira Code', monospace;
}
.rk-badge-title {
  font-size: .95rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: .1rem;
  font-family: 'Outfit', serif;
}
.rk-badge-desc {
  font-size: .72rem;
  color: rgba(255,255,255,.55);
}

/* ════════════════════════════════
   DASHBOARD SHORTCODE
════════════════════════════════ */
.rkd-wrap{font-family:'Space Grotesk',sans-serif;color:#1a1814;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 0 3rem;box-sizing:border-box}

/* Header */
.rkd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}
.rkd-title{font-family:'Outfit',serif;font-size:1.7rem;font-weight:900;margin:0 0 .2rem;letter-spacing:-.02em}
.rkd-subtitle{font-size:.82rem;color:#9a9590;margin:0}
.rkd-header-badge{display:flex;align-items:center;gap:.4rem;background:#e8f5f0;border:1px solid #a0dcc0;color:#1a7f5a;font-size:.72rem;font-weight:600;padding:.3rem .85rem;border-radius:99px;font-family:'Fira Code',monospace}
.rkd-live-dot{width:7px;height:7px;border-radius:50%;background:#1a7f5a;animation:rk-pulse 2s infinite;flex-shrink:0}

/* Global stats */
.rkd-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.4rem}
@media(max-width:600px){.rkd-stats-row{grid-template-columns:repeat(3,1fr)}}
.rkd-stat{background:#fff;border:1px solid #e2ddd6;border-radius:12px;padding:.85rem .6rem;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.rkd-stat-icon{font-size:1.2rem;margin-bottom:.2rem}
.rkd-stat-num{font-size:1.35rem;font-weight:800;font-family:'Outfit',serif;line-height:1.1}
.rkd-stat-label{font-size:.6rem;color:#9a9590;text-transform:uppercase;letter-spacing:.05em;margin-top:.2rem}

/* Highlights */
.rkd-highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}
.rkd-highlight{background:#fff;border:1px solid #e2ddd6;border-radius:14px;padding:1.1rem 1.2rem;border-top:3px solid #e2ddd6;position:relative;overflow:hidden}
.rkd-hl-green{border-top-color:#1a7f5a}
.rkd-hl-gold {border-top-color:#c9a227}
.rkd-hl-red  {border-top-color:#e8332a}
.rkd-hl-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9a9590;margin-bottom:.45rem}
.rkd-hl-title{font-family:'Outfit',serif;font-size:1rem;font-weight:900;color:#1a1814;line-height:1.25;margin-bottom:.3rem}
.rkd-hl-meta{font-size:.72rem;color:#9a9590;font-family:'Fira Code',monospace}
.rkd-hl-img{width:48px;height:48px;border-radius:8px;object-fit:cover;float:left;margin:0 .75rem .5rem 0}
.rkd-hl-num{font-family:'Outfit',serif;font-size:2.2rem;font-weight:900;color:#e8332a;line-height:1}
.rkd-hl-link{display:inline-block;margin-top:.6rem;font-size:.75rem;font-weight:600;color:#1a7f5a;text-decoration:none}
.rkd-hl-link:hover{text-decoration:underline}

/* Section title */
.rkd-section-title{display:flex;align-items:center;gap:.65rem;font-family:'Outfit',serif;font-size:1.1rem;font-weight:900;color:#1a1814;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid #e2ddd6}
.rkd-section-count{background:#e2ddd6;color:#6b6560;font-size:.7rem;font-weight:700;padding:.1rem .55rem;border-radius:99px;font-family:'Fira Code',monospace}

/* Grid */
.rkd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
@media(max-width:480px){.rkd-grid{grid-template-columns:1fr}}

/* Card */
.rkd-card{background:#fff;border:1px solid #e2ddd6;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.rkd-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}

.rkd-card-header{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem .75rem;border-bottom:1px solid #f0ede8}
.rkd-card-rank{flex-shrink:0;width:28px;height:28px;background:#f5f3ee;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Fira Code',monospace;font-size:.75rem;font-weight:700;color:#9a9590;margin-top:.1rem}
.rkd-card-info{flex:1;min-width:0}
.rkd-card-title{font-family:'Outfit',serif;font-size:.95rem;font-weight:900;color:#1a1814;margin:0 0 .2rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rkd-card-desc{font-size:.72rem;color:#9a9590;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Badges */
.rkd-badge{font-size:.6rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;white-space:nowrap;letter-spacing:.04em;flex-shrink:0}
.rkd-badge-hot {background:#fef0ef;color:#e8332a;border:1px solid #f0a09a}
.rkd-badge-warm{background:#fff8e6;color:#c9a227;border:1px solid #f0d070}
.rkd-badge-cool{background:#e8f5f0;color:#1a7f5a;border:1px solid #a0dcc0}
.rkd-badge-cold{background:#f5f3ee;color:#9a9590;border:1px solid #e2ddd6}

/* Leader preview */
.rkd-card-leader{display:flex;align-items:center;gap:.65rem;padding:.65rem 1.1rem;background:#f9f7f4;border-bottom:1px solid #f0ede8}
.rkd-leader-img{width:36px;height:36px;border-radius:7px;object-fit:cover;flex-shrink:0}
.rkd-leader-label{font-size:.58rem;color:#c9a227;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.rkd-leader-name{font-size:.78rem;font-weight:600;color:#1a1814;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Metrics */
.rkd-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:.75rem 1.1rem;gap:.25rem;border-bottom:1px solid #f0ede8}
.rkd-metric{text-align:center}
.rkd-metric-num{font-family:'Fira Code',monospace;font-size:.95rem;font-weight:700;color:#1a1814}
.rkd-metric-label{font-size:.58rem;color:#9a9590;text-transform:uppercase;letter-spacing:.04em}

/* Approval bar */
.rkd-approval{padding:.65rem 1.1rem;border-bottom:1px solid #f0ede8}
.rkd-approval-track{height:6px;background:#f0ede8;border-radius:99px;overflow:hidden;display:flex;margin-bottom:.4rem}
.rkd-approval-up  {height:100%;background:linear-gradient(90deg,#1a7f5a,#2ea87a);border-radius:99px 0 0 99px;transition:width .6s ease}
.rkd-approval-down{height:100%;background:linear-gradient(90deg,#f06050,#e8332a);border-radius:0 99px 99px 0;transition:width .6s ease}
.rkd-approval-labels{display:flex;justify-content:space-between}
.rkd-up-lbl{font-size:.65rem;color:#1a7f5a;font-weight:600;font-family:'Fira Code',monospace}
.rkd-dn-lbl{font-size:.65rem;color:#e8332a;font-weight:600;font-family:'Fira Code',monospace}

/* Card footer */
.rkd-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.1rem;margin-top:auto;gap:.5rem}
.rkd-shortcode code{font-size:.68rem;background:#f5f3ee;border:1px solid #e2ddd6;border-radius:5px;padding:.1rem .4rem;color:#6b6560;font-family:'Fira Code',monospace}
.rkd-card-btn{font-size:.75rem;font-weight:600;color:#1a7f5a;text-decoration:none;padding:.3rem .75rem;border-radius:8px;border:1px solid #a0dcc0;background:#e8f5f0;transition:all .15s;white-space:nowrap}
.rkd-card-btn:hover{background:#1a7f5a;color:#fff;border-color:#1a7f5a}

/* Footer */
.rkd-footer{text-align:center;font-size:.7rem;color:#b0aba5;margin-top:1.5rem}

.rk-stats-cols .rk-stats-section{margin-bottom:0;height:100%;box-sizing:border-box;}
/* ── Stats two-column layout inside single outer section ── */
.rk-stats-cols-outer { padding: 0 !important; overflow: hidden; }
.rk-stats-cols { gap: 0; margin-bottom: 0; }
.rk-stats-col-inner {
  padding: 1.2rem 1.4rem;
  box-sizing: border-box;
}
.rk-stats-col-inner + .rk-stats-col-inner {
  border-left: 1px solid #e2ddd6;
}
.rk-stats-cols .rk-stats-section { margin-bottom: 0; }
@media(max-width:640px){
  .rk-stats-cols { grid-template-columns: 1fr; }
  .rk-stats-col-inner + .rk-stats-col-inner { border-left: none; border-top: 1px solid #e2ddd6; }
}
/* ── Amazon button ── */
.rk-amazon-btn {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .28rem .75rem;
  border-radius: 99px;
  background: #FF9900;
  border: 1.5px solid #e68a00;
  color: #111 !important;
  font-size: .72rem;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: .01em;
  transition: background .15s, transform .15s;
}
.rk-amazon-btn:hover {
  background: #e68a00;
  color: #111 !important;
  transform: translateY(-1px);
}
.rk-amazon-es-btn {
  background: #FF9900;
  border-color: #e68a00;
}

/* ════════════════════════════════
   ELEMENT SEARCH MODAL
════════════════════════════════ */
.rk-esm {
  position: fixed; inset: 0; z-index: 999994;
  background: rgba(26,24,20,.75);
  display: flex; align-items: flex-start; justify-content: center;
  padding: 5vh 1rem 2rem;
  opacity: 0; pointer-events: none;
  transition: opacity .2s;
  overflow-y: auto;
}
.rk-esm.open { opacity: 1; pointer-events: all; }
.rk-esm-box {
  background: #fff;
  border-radius: 16px;
  width: 100%; max-width: 640px;
  box-shadow: 0 24px 64px rgba(0,0,0,.25);
  overflow: hidden;
  transform: translateY(16px);
  transition: transform .25s cubic-bezier(.34,1.56,.64,1);
}
.rk-esm.open .rk-esm-box { transform: translateY(0); }
.rk-esm-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 1.2rem .9rem;
  border-bottom: 1px solid #e2ddd6;
  background: #f9f7f4;
}
.rk-esm-head h3 {
  font-family: 'Outfit',serif;
  font-size: 1rem; font-weight: 900; margin: 0;
  color: #1a1814; flex: 1; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.rk-esm-close {
  width: 30px; height: 30px; border-radius: 50%;
  border: none; background: #e2ddd6; cursor: pointer;
  font-size: 1rem; display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-left: .75rem; transition: background .15s;
  color: #1a1814;
}
.rk-esm-close:hover { background: #ccc8c0; }
.rk-esm-body { padding: .75rem 1.2rem 1.2rem; max-height: 65vh; overflow-y: auto; }
.rk-esm-loading { text-align: center; padding: 2rem; color: #9a9590; font-size: .88rem; }
.rk-esm-none { text-align: center; padding: 2rem; color: #9a9590; font-size: .88rem; }
.rk-esm-count {
  font-size: .72rem; color: #9a9590; font-family: 'Fira Code',monospace;
  padding: .5rem 0 .75rem; letter-spacing: .04em;
}
.rk-esm-item {
  display: flex; align-items: center; gap: .9rem;
  padding: .75rem 0;
  border-bottom: 1px solid #f0ede8;
  text-decoration: none; color: inherit;
}
.rk-esm-item:last-child { border-bottom: none; }
.rk-esm-item:hover .rk-esm-list-title { color: #1a7f5a; }
.rk-esm-thumb {
  width: 52px; height: 52px; border-radius: 8px; object-fit: cover;
  flex-shrink: 0; background: #e2ddd6;
}
.rk-esm-thumb-empty {
  width: 52px; height: 52px; border-radius: 8px;
  background: #f0ede8; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #ccc8c0;
}
.rk-esm-info { flex: 1; min-width: 0; }
.rk-esm-list-title {
  font-size: .85rem; font-weight: 700; color: #1a1814;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: color .15s;
}
.rk-esm-item-pos {
  font-size: .7rem; color: #9a9590; margin-top: .15rem;
  font-family: 'Fira Code',monospace;
}
.rk-esm-score {
  font-family: 'Fira Code',monospace;
  font-size: .85rem; font-weight: 700; flex-shrink: 0;
  min-width: 36px; text-align: right;
}
.rk-esm-score.pos { color: #1a7f5a; }
.rk-esm-score.neg { color: #e8332a; }
/* Make element title clickable */
.rk-item h4 { cursor: pointer; transition: color .15s; }
.rk-item h4:hover { color: #1a7f5a; text-decoration: underline; text-underline-offset: 2px; }

/* ════════════════════════════════
   VOTE NUDGE MESSAGES
════════════════════════════════ */
#rk-nudge {
  position: fixed;
  bottom: 1.8rem;
  left: 50%;
  transform: translateX(-50%) translateY(80px);
  z-index: 999990;
  pointer-events: none;
  transition: transform .38s cubic-bezier(.34,1.56,.64,1), opacity .3s;
  opacity: 0;
  white-space: nowrap;
}
#rk-nudge.show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
.rk-nudge-inner {
  display: flex;
  align-items: center;
  gap: .55rem;
  background: rgba(26,24,20,.88);
  backdrop-filter: blur(8px);
  color: #fff;
  padding: .55rem 1.1rem;
  border-radius: 99px;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: .82rem;
  font-weight: 500;
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
  letter-spacing: .01em;
}
.rk-nudge-icon {
  font-size: 1rem;
  line-height: 1;
  animation: rk-nudge-bounce .55s cubic-bezier(.34,1.56,.64,1) forwards;
}
@keyframes rk-nudge-bounce {
  0%   { transform: scale(.5) rotate(-15deg); opacity:0; }
  60%  { transform: scale(1.25) rotate(5deg);  opacity:1; }
  100% { transform: scale(1)    rotate(0deg);  opacity:1; }
}

/* ════════════════════════════════
   SOCIAL LINKS
════════════════════════════════ */
.rk-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin: .55rem 0 .75rem;
}
.rk-social-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .3rem .75rem .3rem .55rem;
  border-radius: 99px;
  font-size: .75rem;
  font-weight: 600;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  text-decoration: none;
  border: 1.5px solid transparent;
  transition: transform .15s, opacity .15s;
  line-height: 1;
}
.rk-social-btn:hover { transform: translateY(-1px); opacity: .85; }
.rk-social-btn svg   { flex-shrink: 0; }

.rk-social-ig { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff !important; border-color: transparent; }
.rk-social-fb { background: #1877F2; color: #fff !important; border-color: transparent; }
.rk-social-tt { background: #010101; color: #fff !important; border-color: transparent; }
.rk-social-yt { background: #FF0000; color: #fff !important; border-color: transparent; }

/* ── Item social icons ── */
.rk-item-socials {
  display: inline-flex;
  gap: .25rem;
  align-items: center;
  margin-left: .15rem;
}
.rk-item-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: 50%;
  font-size: .9rem;
  text-decoration: none;
  transition: transform .15s, opacity .15s;
  line-height: 1;
}
.rk-item-social:hover { transform: scale(1.15); opacity: .85; }
.rk-item-ig { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color: #fff; }
.rk-item-fb { background: #1877F2; color: #fff; }
.rk-item-tt { background: #010101; color: #fff; }
.rk-item-yt { background: #FF0000; color: #fff; }

/* ════════════════════════════════
   TAMBIÉN PUEDE GUSTARTE
════════════════════════════════ */
.rk-related {
  margin-top: 1.5rem;
  padding-top: 1.2rem;
  border-top: 2px solid #e2ddd6;
}
.rk-related-title {
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #9a9590;
  margin-bottom: .85rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
}
.rk-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
  .rk-related-grid { grid-template-columns: repeat(2, 1fr); gap: .75rem; }
}
.rk-related-card {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  border: 1.5px solid #e2ddd6;
  text-decoration: none;
  background: #fff;
  transition: transform .18s, box-shadow .18s;
}
.rk-related-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0,0,0,.1);
}
.rk-related-thumb {
  width: 100%;
  aspect-ratio: 4/3;
  background-size: cover;
  background-position: center;
  background-color: #f0ede8;
}
.rk-related-nothumb {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
}
.rk-related-label {
  padding: .5rem .65rem .6rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.35;
  color: #1a1814;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: 'Space Grotesk', system-ui, sans-serif;
}


/* TikTok / Instagram video placeholder */
.rk-vid-icon {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem;
  background: linear-gradient(135deg,#f3e5f5,#fce4ec);
}
.rk-thumb-video .rk-vid-icon { cursor: pointer; }
.rk-social-amz { background: #FF9900; color: #111 !important; border-color: transparent; }

/* ── Portrait image: contain + blur bg (applied via JS when img is taller than wide) ── */
.rk-thumb.rk-portrait:not(.rk-has-carousel) {
  background-size: cover !important;
  background-position: center !important;
}
.rk-thumb.rk-portrait:not(.rk-has-carousel)::after {
  content: '';
  position: absolute;
  inset: -12px;
  background: inherit;
  filter: blur(16px) brightness(.6) saturate(1.2);
  transform: scale(1.15);
  z-index: 0;
  pointer-events: none;
}
/* Portrait blur for carousel thumbs — blur behind the carousel */
.rk-thumb.rk-portrait.rk-has-carousel {
  background-size: cover !important;
  background-position: center !important;
}
.rk-thumb.rk-portrait.rk-has-carousel::after {
  content: '';
  position: absolute;
  inset: -12px;
  background: inherit;
  filter: blur(16px) brightness(.6) saturate(1.2);
  transform: scale(1.15);
  z-index: 0;
  pointer-events: none;
}
/* Carousel must sit above the blur */
.rk-thumb.rk-portrait .rk-car { z-index: 1 !important; }
.rk-thumb.rk-portrait img:not(.rk-cs img),
.rk-thumb.rk-portrait .rk-thumb-img {
  object-fit: contain !important;
  position: relative;
  z-index: 2;
}

/* ── List tagline ── */
.rk-tagline {
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #1a7f5a;
  margin: 0 0 .3rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  opacity: .85;
}

/* ════════════════════════════════
   GAMIFICATION
════════════════════════════════ */

/* ── Streak bar ── */
.rk-streak-bar {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: linear-gradient(135deg,#1a1814,#2a2520);
  border-radius: 10px;
  padding: .5rem .85rem;
  margin: .6rem 0 .4rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: .75rem;
  color: #e2ddd6;
  user-select: none;
}
.rk-streak-icon { font-size: 1rem; }
.rk-streak-label { flex: 1; font-weight: 600; letter-spacing: .01em; }
.rk-streak-prog {
  width: 80px; height: 6px;
  background: rgba(255,255,255,.12);
  border-radius: 99px;
  overflow: hidden;
}
.rk-streak-fill {
  height: 100%;
  background: linear-gradient(90deg,#1a7f5a,#4ade80);
  border-radius: 99px;
  transition: width .5s cubic-bezier(.34,1.56,.64,1);
}
.rk-streak-count {
  font-family: 'Fira Code', monospace;
  font-size: .7rem;
  color: #c9a227;
  font-weight: 700;
  min-width: 28px;
  text-align: right;
}

/* ── Badge showcase button ── */
.rk-badges-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: none;
  border: 1.5px solid #e2ddd6;
  border-radius: 99px;
  padding: .25rem .75rem;
  font-size: .72rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-weight: 600;
  color: #6b6560;
  cursor: pointer;
  transition: border-color .15s, color .15s, background .15s;
  margin-top: .4rem;
}
.rk-badges-btn:hover { border-color: #c9a227; color: #c9a227; background: #fef9ec; }
.rk-badges-btn-count {
  background: #c9a227;
  color: #fff;
  border-radius: 99px;
  padding: 0 5px;
  font-size: .65rem;
  font-weight: 800;
  min-width: 16px;
  text-align: center;
}

/* ── Badges drawer ── */
.rk-badges-drawer {
  display: none;
  flex-wrap: wrap;
  gap: .5rem;
  background: #fdf9f3;
  border: 1.5px solid #e2ddd6;
  border-radius: 12px;
  padding: .85rem;
  margin-top: .5rem;
}
.rk-badges-drawer.open { display: flex; }
.rk-badge-chip {
  display: flex;
  align-items: center;
  gap: .4rem;
  background: #fff;
  border: 1.5px solid #e2ddd6;
  border-radius: 99px;
  padding: .3rem .7rem .3rem .5rem;
  font-size: .72rem;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  transition: transform .15s;
}
.rk-badge-chip:hover { transform: scale(1.05); }
.rk-badge-chip-icon { font-size: 1.1rem; }
.rk-badge-chip-name { font-weight: 700; color: #1a1814; }
.rk-badge-chip-desc { color: #9a9590; font-size: .65rem; }
.rk-badge-chip-new {
  border-color: #c9a227;
  background: linear-gradient(135deg,#fef9ec,#fff);
  box-shadow: 0 0 0 2px rgba(201,162,39,.2);
}

/* ── Level-up toast ── */
.rk-levelup {
  position: fixed;
  bottom: 5rem;
  left: 50%;
  transform: translateX(-50%) scale(.7);
  opacity: 0;
  z-index: 999997;
  pointer-events: none;
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), opacity .3s;
  white-space: nowrap;
}
.rk-levelup.show { transform: translateX(-50%) scale(1); opacity: 1; }
.rk-levelup-inner {
  background: linear-gradient(135deg,#1a1814,#2a2520);
  color: #fff;
  border-radius: 16px;
  padding: .9rem 1.4rem;
  text-align: center;
  box-shadow: 0 16px 40px rgba(0,0,0,.35);
  border: 1px solid rgba(201,162,39,.4);
}
.rk-levelup-icon { font-size: 2.2rem; display: block; }
.rk-levelup-title { font-size: .65rem; text-transform: uppercase; letter-spacing: .1em; color: #c9a227; font-weight: 800; margin: .2rem 0 .1rem; }
.rk-levelup-name { font-size: 1.1rem; font-weight: 900; font-family: 'Outfit', serif; }

/* ════════════════════════════════
   ITEM COMMENTS
════════════════════════════════ */
.rk-icomment-btn {
  display: inline-flex; align-items: center; gap: .25rem;
  background: none; border: 1.5px solid #e2ddd6;
  border-radius: 99px; padding: .2rem .6rem;
  font-size: .72rem; cursor: pointer; color: #6b6560;
  font-family: 'Space Grotesk', system-ui, sans-serif; font-weight: 600;
  transition: border-color .15s, color .15s, background .15s;
  margin-left: .3rem;
}
.rk-icomment-btn:hover { border-color: #1a7f5a; color: #1a7f5a; background: #f0faf5; }
.rk-icomment-cnt {
  color: #888;
  font-size: .72rem;
  font-weight: 600;
  margin-left: 2px;
  font-family: 'Fira Code', monospace;
}
.rk-ithread {
  border-top: 1px solid #e2ddd6;
  padding: .75rem 1rem;
  background: #fff;
}
.rk-ithread-loading { color: #9a9590; font-size: .8rem; padding: .25rem 0; }
.rk-ithread-comments { margin-bottom: .75rem; display: flex; flex-direction: column; gap: .5rem; }
.rk-icomment {
  background: #fff; border-radius: 8px;
  padding: .5rem .75rem; border: 1px solid #e2ddd6;
  font-size: .78rem; font-family: 'Space Grotesk', system-ui, sans-serif;
}
.rk-icomment-new { border-color: #a7f3d0; background: #f0fdf4; animation: rk-fadein .3s ease; }
@keyframes rk-fadein { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.rk-icomment-author { font-weight: 700; color: #1a1814; }
.rk-icomment-time { color: #9a9590; font-size: .68rem; margin-left: .4rem; }
.rk-icomment-text { margin: .2rem 0 0; color: #3d3a35; line-height: 1.4; }
.rk-ithread-form { display: flex; flex-direction: column; gap: .4rem; }
.rk-ithread-ta {
  width: 100%; border: 1.5px solid #e2ddd6; border-radius: 8px;
  padding: .5rem .75rem; font-size: .8rem; font-family: inherit;
  resize: none; background: #fff; transition: border-color .15s;
  box-sizing: border-box;
}
.rk-ithread-ta:focus { outline: none; border-color: #1a7f5a; }
.rk-ithread-row { display: flex; gap: .4rem; }
.rk-ithread-name {
  flex: 1; border: 1.5px solid #e2ddd6; border-radius: 8px;
  padding: .35rem .65rem; font-size: .75rem; font-family: inherit;
  background: #fff; transition: border-color .15s;
}
.rk-ithread-name:focus { outline: none; border-color: #1a7f5a; }
.rk-ithread-submit {
  background: #1a7f5a; color: #fff; border: none;
  border-radius: 8px; padding: .35rem .85rem;
  font-size: .75rem; font-weight: 700; cursor: pointer;
  font-family: inherit; transition: background .15s;
  white-space: nowrap;
}
.rk-ithread-submit:hover { background: #15694a; }
.rk-ithread-submit:disabled { opacity: .5; cursor: default; }

/* ════════════════════════════════
   IMAGE CAROUSEL
════════════════════════════════ */
.rk-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* Clip wrapper so slides don't spill */
.rk-carousel-clip {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.rk-carousel-track {
  display: flex;
  height: 100%;
  width: 100%;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
.rk-carousel-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  position: relative;
}
.rk-carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Blur layer - desktop only, behind the clip wrapper */
.rk-carousel-bg-blur {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center !important;
  z-index: 0;
  pointer-events: none;
  -webkit-filter: blur(20px) brightness(.5) saturate(1.3);
  filter: blur(20px) brightness(.5) saturate(1.3);
  transform: scale(1.1);
  will-change: filter;
}
/* Portrait carousel images: contain */
.rk-carousel-slide.rk-slide-portrait img {
  object-fit: contain !important;
}
/* Horizontal: cover */
.rk-carousel-slide:not(.rk-slide-portrait) img {
  object-fit: cover;
}
/* Hide per-slide blur divs (now unused) */
.rk-carousel-blur { display: none; }
.rk-carousel-prev,
.rk-carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,.45);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: .9rem;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background .15s;
}
.rk-carousel-prev:hover,
.rk-carousel-next:hover { background: rgba(0,0,0,.7); }
.rk-carousel-prev { left: 4px; }
.rk-carousel-next { right: 4px; }
.rk-carousel-dots {
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
  z-index: 10;
}
.rk-carousel-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.6);
  cursor: pointer;
  transition: background .15s;
}
.rk-carousel-dot.active {
  background: #fff;
}



/* ════════════════════════════════
   SIMPLE CAROUSEL (v2)
════════════════════════════════ */
/* rk-car fills the rk-thumb container via absolute positioning */
.rk-car {
  position: absolute !important;
  top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #111 !important;
  overflow: hidden !important;
}
.rk-cs {
  position: absolute !important;
  top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #111 !important;
  overflow: hidden !important;
}
.rk-cs img,
.rk-thumb .rk-cs img,
.rk-has-carousel .rk-cs img,
.lc-list-content .rk-cs img,
.rankit-wrap .rk-cs img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  cursor: zoom-in;
  background: #111 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  position: absolute !important;
  top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
}
/* Vertical/portrait carousel images: show complete with black sides */
.rk-cs img.rk-portrait-img,
.rk-thumb .rk-cs img.rk-portrait-img,
.lc-list-content .rk-cs img.rk-portrait-img,
.rankit-wrap .rk-cs img.rk-portrait-img {
  object-fit: contain !important;
  background: #111 !important;
}
.rk-cp, .rk-cn {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: rgba(0,0,0,.55) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 10 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .15s;
  visibility: visible !important;
  opacity: 1 !important;
  float: none !important;
  margin: 0 !important;
  box-shadow: none !important;
  text-indent: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}
.rk-cp { left: 4px !important; right: auto !important; }
.rk-cn { right: 4px !important; left: auto !important; }
.rk-cp:hover, .rk-cn:hover { background: rgba(0,0,0,.8) !important; }
.rk-cds {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
  z-index: 5;
}
.rk-cd {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,.5);
  cursor: pointer;
  padding: 0;
  transition: background .15s;
}
.rk-cd.rk-cd-a { background: #fff; }

/* Up/Down vote chips */
.rk-chip-up { color: #1a7f5a !important; background: #eafaf2 !important; border-color: #b8e8d0 !important; }
.rk-chip-dn { color: #c0392b !important; background: #fdecea !important; border-color: #f3c2bc !important; }

/* Vote chips - clickable */
.rk-chip-vote {
  cursor: pointer;
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
  transition: transform .12s, background .15s;
}
.rk-chip-vote:hover:not(:disabled) {
  transform: translateY(-1px);
}
.rk-chip-vote:active:not(:disabled) {
  transform: translateY(0) scale(.96);
}
.rk-chip-vote.vu {
  background: #1a7f5a !important;
  color: #fff !important;
  border-color: #1a7f5a !important;
}
.rk-chip-vote.vd {
  background: #c0392b !important;
  color: #fff !important;
  border-color: #c0392b !important;
}
.rk-chip-vote.rk-chip-disabled,
.rk-chip-vote:disabled {
  opacity: .5;
  cursor: not-allowed;
  transform: none !important;
}



/* ════════════════════════════════
   FRONTEND LIST SUBMISSION FORM
════════════════════════════════ */
.rk-submit-wrap {
  font-family: 'Space Grotesk', sans-serif;
  color: var(--rk-tx);
  max-width: 640px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  box-sizing: border-box;
}
.rk-submit-header { text-align: center; margin-bottom: 1.5rem; }
.rk-submit-form {
  background: var(--rk-s);
  border: 1px solid var(--rk-bd);
  border-radius: var(--rk-r);
  padding: 1.5rem;
  box-shadow: var(--rk-sh);
}
.rk-sf-field { margin-bottom: 1.1rem; display: flex; flex-direction: column; gap: .4rem; }
.rk-sf-row { display: flex; gap: 1rem; flex-wrap: wrap; }
.rk-sf-row .rk-sf-field { flex: 1; min-width: 200px; }
.rk-sf-field label { font-size: .85rem; font-weight: 700; color: var(--rk-tx); }
.rk-sf-hint { font-weight: 400; color: var(--rk-mu); font-size: .78rem; }
.rk-submit-form input[type="text"],
.rk-submit-form input[type="email"],
.rk-submit-form select,
.rk-submit-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid var(--rk-bd);
  border-radius: 9px;
  padding: .6rem .75rem;
  font-size: .88rem;
  font-family: inherit;
  background: #fff;
  color: var(--rk-tx);
}
.rk-submit-form input:focus,
.rk-submit-form select:focus,
.rk-submit-form textarea:focus {
  outline: none;
  border-color: var(--rk-gn);
}
.rk-submit-form textarea { resize: vertical; }
.rk-sf-divider { border: none; border-top: 1px solid var(--rk-bd); margin: 1.4rem 0; }

.rk-sf-item {
  background: var(--rk-s2);
  border: 1px solid var(--rk-bd);
  border-radius: 10px;
  padding: .9rem;
  margin-bottom: .75rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.rk-sf-item-head { display: flex; align-items: center; justify-content: space-between; }
.rk-sf-item-num { font-weight: 800; font-family: 'Outfit', serif; color: var(--rk-gn); font-size: .9rem; }
.rk-sf-item-remove {
  background: none; border: none; color: var(--rk-ac);
  font-size: 1.3rem; line-height: 1; cursor: pointer; padding: 0 .3rem;
}
.rk-sf-add-item {
  width: 100%;
  background: var(--rk-s2);
  border: 1.5px dashed var(--rk-bd2);
  border-radius: 9px;
  padding: .65rem;
  color: var(--rk-tx2);
  font-weight: 700;
  font-size: .85rem;
  cursor: pointer;
  transition: border-color .15s, color .15s;
}
.rk-sf-add-item:hover { border-color: var(--rk-gn); color: var(--rk-gn); }

.rk-sf-submit-btn {
  width: 100%;
  background: var(--rk-gn);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: .85rem;
  font-size: .95rem;
  font-weight: 800;
  cursor: pointer;
  transition: opacity .15s;
}
.rk-sf-submit-btn:hover:not(:disabled) { opacity: .9; }
.rk-sf-submit-btn:disabled { opacity: .6; cursor: not-allowed; }

.rk-sf-msg {
  padding: .65rem .8rem;
  border-radius: 9px;
  border: 1.5px solid;
  font-size: .85rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

@media (max-width: 480px) {
  .rk-sf-row { flex-direction: column; }
}

/* "Create your own list" CTA at the end of each list */
.rk-create-cta {
  margin-top: 1.4rem;
}

/* Trending badges */
.rk-trend {
  display: inline-block;
  font-size: .62rem;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  padding: .1rem .4rem;
  border-radius: 99px;
  vertical-align: middle;
  margin-left: .35rem;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.rk-trend-up { background: #eafaf2; color: #1a7f5a; border: 1px solid #b8e8d0; }
.rk-trend-dn { background: #fdecea; color: #c0392b; border: 1px solid #f3c2bc; }

/* ── Newsletter subscription box ── */
.rk-newsletter {
  background: rgba(20,24,32,0.5);
  border: 1.5px solid rgba(30,39,54,0.6);
  border-radius: var(--rk-r);
  padding: 1.4rem 1.2rem;
  margin-bottom: 1.2rem;
  text-align: center;
  backdrop-filter: blur(8px);
}
.rk-nl-icon {
  font-size: 1.6rem;
  margin-bottom: .4rem;
  line-height: 1;
}
.rk-nl-title {
  font-family: 'Outfit', serif;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--rk-tx);
  margin: 0 0 .3rem;
}
.rk-nl-privacy {
  font-size: .75rem;
  color: var(--rk-mu);
  margin: 0 0 .9rem;
}
.rk-nl-form {
  display: flex;
  gap: 0;
  max-width: 380px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(255,71,87,.15);
}
.rk-nl-input {
  flex: 1;
  border: none;
  padding: .65rem .9rem;
  font-size: .88rem;
  font-family: 'Space Grotesk', sans-serif;
  outline: none;
  background: rgba(10,13,18,.6);
  color: var(--rk-tx);
  min-width: 0;
}
.rk-nl-input::placeholder { color: var(--rk-mu); }
.rk-nl-btn {
  background: linear-gradient(135deg, var(--rk-ac), #ff5845);
  color: #fff;
  border: none;
  padding: .65rem 1.1rem;
  font-size: .85rem;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  cursor: pointer;
  white-space: nowrap;
  transition: all .3s cubic-bezier(.34,1.56,.64,1);
  flex-shrink: 0;
  box-shadow: 0 8px 24px rgba(255,71,87,.3);
}
.rk-nl-btn:hover:not(:disabled) { 
  background: linear-gradient(135deg, #ff5845, #ff7050);
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 12px 36px rgba(255,71,87,.4);
}
.rk-nl-btn:disabled { opacity: .7; cursor: default; }
.rk-nl-msg {
  font-size: .82rem;
  font-weight: 600;
  margin-top: .65rem;
}
@media (max-width: 480px) {
  .rk-nl-form { flex-direction: column; border-radius: 8px; }
  .rk-nl-input { border-radius: 8px 8px 0 0; border: none; }
  .rk-nl-btn { border-radius: 0 0 8px 8px; padding: .75rem; }
}

/* "También aparece en" cross-list box */
.rk-cross-list {
  margin-top: .5rem;
  padding: .45rem .65rem;
  background: var(--rk-s2);
  border: 1px solid var(--rk-bd);
  border-radius: 8px;
  font-size: .78rem;
  line-height: 1.4;
}
.rk-cross-label {
  color: var(--rk-mu);
  font-weight: 600;
}
.rk-cross-link {
  color: #2a6fdb;
  font-weight: 700;
  text-decoration: none;
}
.rk-cross-link:hover { text-decoration: underline; }
.rk-cross-nolink { opacity: .7; }

/* ── List Rating (likes/dislikes/stars) ── */
.rk-list-rating {
  background: var(--rk-s);
  border: 1px solid var(--rk-bd);
  border-radius: var(--rk-r);
  padding: 1.1rem 1.2rem;
  margin-bottom: 1.2rem;
  text-align: center;
}
.rk-lr-title {
  font-size: .85rem;
  font-weight: 700;
  color: var(--rk-tx);
  margin-bottom: .85rem;
}
.rk-lr-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.rk-lr-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: var(--rk-s2);
  border: 1.5px solid var(--rk-bd);
  border-radius: 99px;
  padding: .5rem 1.1rem;
  font-size: .95rem;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  cursor: pointer;
  color: var(--rk-tx);
  transition: all .15s;
}
.rk-lr-btn:hover:not(:disabled) { transform: translateY(-1px); box-shadow: var(--rk-sh); }
.rk-lr-btn:disabled { opacity: .5; cursor: not-allowed; }
.rk-lr-active-up { background: #eafaf2 !important; border-color: #1a7f5a !important; color: #1a7f5a !important; }
.rk-lr-active-dn { background: #fdecea !important; border-color: #e8332a !important; color: #e8332a !important; }
.rk-lr-stars {
  display: inline-flex;
  gap: .15rem;
}
.rk-lr-star {
  background: none;
  border: none;
  font-size: 1.6rem;
  cursor: pointer;
  color: var(--rk-bd2);
  padding: 0 .1rem;
  line-height: 1;
  transition: color .1s, transform .1s;
}
.rk-lr-star:hover,
.rk-lr-stars:hover .rk-lr-star { color: #f0b429; }
.rk-lr-stars .rk-lr-star:hover ~ .rk-lr-star { color: var(--rk-bd2); }
.rk-lr-star-on { color: #f0b429 !important; }
.rk-lr-star-mine { transform: scale(1.15); }
.rk-lr-star:disabled { opacity: .5; cursor: not-allowed; }
.rk-lr-meta {
  margin-top: .65rem;
  font-size: .82rem;
  color: var(--rk-mu);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  flex-wrap: wrap;
}
.rk-lr-avg strong { color: var(--rk-tx); font-weight: 800; }
.rk-lr-avg span { color: var(--rk-mu); }
.rk-lr-msg { font-weight: 700; font-size: .82rem; }

/* ── Promo video element between ranking items ── */
.rk-promo-video {
  margin: .5rem 0;
  border-radius: var(--rk-r);
  overflow: hidden;
  background: #000;
  box-shadow: var(--rk-sh);
}
.rk-promo-video-wrap {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}
.rk-promo-video-wrap iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}

/* ── Tooltip on hover for truncated text ── */
/* Tooltip handled via JS — see rkTooltip in rankit.js (CSS ::after approach
   fails inside position:sticky containers due to stacking context isolation) */
[data-tip] { cursor: default; }

/* ── JS-driven floating tooltip ── */
#rk-tooltip {
  position: fixed;
  background: #1a1814;
  color: #fff;
  font-size: .72rem;
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 500;
  line-height: 1.4;
  padding: .35rem .6rem;
  border-radius: 6px;
  max-width: 240px;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .12s;
  z-index: 2147483647;
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
  word-break: break-word;
}
#rk-tooltip.rk-tip-show { opacity: 1; visibility: visible; }
#rk-tooltip::after {
  content: '';
  position: absolute;
  top: 100%; left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #1a1814;
}

/* ── Sitewide vote counter stats ── */
.rk-sitewide-stats {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: linear-gradient(135deg, var(--rk-s2) 0%, var(--rk-s) 100%);
  border: 1px solid var(--rk-bd);
  border-radius: var(--rk-r);
  padding: .6rem 1rem;
  margin: .75rem 0 0;
  position: relative;
  overflow: hidden;
  box-shadow: var(--rk-sh);
  flex-wrap: wrap;
  gap: .25rem;
}
.rk-sitewide-stats::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--rk-ac), var(--rk-gn));
}
.rk-sitewide-stat {
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: 0 .75rem;
}
.rk-sitewide-icon { font-size: 1.1rem; line-height: 1; flex-shrink: 0; }
.rk-sitewide-num {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.15rem;
  font-weight: 900;
  color: var(--rk-ac);
  letter-spacing: -.03em;
  line-height: 1;
}
.rk-sitewide-label {
  font-size: .72rem;
  font-weight: 600;
  color: var(--rk-tx2);
  text-transform: uppercase;
  letter-spacing: .04em;
  line-height: 1.2;
}
.rk-sitewide-divider {
  width: 1px; height: 28px;
  background: var(--rk-bd);
  flex-shrink: 0; margin: 0 .25rem;
}
.rk-sitewide-site {
  font-size: .7rem; color: var(--rk-mu);
  padding: 0 .5rem; white-space: nowrap; font-style: italic;
}
@media (max-width: 480px) {
  .rk-sitewide-stats { gap: .2rem; padding: .5rem .75rem; }
  .rk-sitewide-stat { padding: 0 .5rem; }
  .rk-sitewide-num { font-size: 1rem; }
}

/* ── Newsletter subscription box ── */
.rk-newsletter {
  background: rgba(20,24,32,0.5);
  border: 1.5px solid rgba(30,39,54,0.6);
  border-radius: var(--rk-r);
  padding: 1.4rem 1.2rem;
  margin-bottom: 1.2rem;
  text-align: center;
  backdrop-filter: blur(8px);
}
.rk-nl-icon { font-size: 1.6rem; margin-bottom: .4rem; line-height: 1; }
.rk-nl-title { font-family: 'Outfit', serif; font-size: 1.1rem; font-weight: 800; color: var(--rk-tx); margin: 0 0 .3rem; }
.rk-nl-privacy { font-size: .75rem; color: var(--rk-mu); margin: 0 0 .9rem; }
.rk-nl-form { display: flex; gap: 0; max-width: 380px; margin: 0 auto; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 24px rgba(255,71,87,.15); }
.rk-nl-input { flex: 1; border: none; padding: .65rem .9rem; font-size: .88rem; font-family: 'Space Grotesk', sans-serif; outline: none; background: rgba(10,13,18,.6); color: var(--rk-tx); min-width: 0; }
.rk-nl-input::placeholder { color: var(--rk-mu); }
.rk-nl-btn { background: linear-gradient(135deg, var(--rk-ac), #ff5845); color: #fff; border: none; padding: .65rem 1.1rem; font-size: .85rem; font-weight: 700; font-family: 'Space Grotesk', sans-serif; cursor: pointer; white-space: nowrap; transition: all .3s cubic-bezier(.34,1.56,.64,1); flex-shrink: 0; box-shadow: 0 8px 24px rgba(255,71,87,.3); }
.rk-nl-btn:hover:not(:disabled) { background: linear-gradient(135deg, #ff5845, #ff7050); transform: translateY(-2px) scale(1.05); box-shadow: 0 12px 36px rgba(255,71,87,.4); }
.rk-nl-btn:disabled { opacity: .7; cursor: default; }
.rk-nl-msg { font-size: .82rem; font-weight: 600; margin-top: .65rem; }
@media (max-width: 480px) {
  .rk-nl-form { flex-direction: column; border-radius: 8px; }
  .rk-nl-input { border-radius: 8px 8px 0 0; border: none; }
  .rk-nl-btn { border-radius: 0 0 8px 8px; padding: .75rem; }
}

/* ── List Rating ── */
.rk-list-rating { background: var(--rk-s); border: 1px solid var(--rk-bd); border-radius: var(--rk-r); padding: 1.1rem 1.2rem; margin-bottom: 1.2rem; text-align: center; }
.rk-lr-title { font-size: .85rem; font-weight: 700; color: var(--rk-tx); margin-bottom: .85rem; }
.rk-lr-row { display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.rk-lr-btn { display: inline-flex; align-items: center; gap: .4rem; background: var(--rk-s2); border: 1.5px solid var(--rk-bd); border-radius: 99px; padding: .5rem 1.1rem; font-size: .95rem; font-weight: 700; font-family: 'Space Grotesk', sans-serif; cursor: pointer; color: var(--rk-tx); transition: all .15s; }
.rk-lr-btn:hover:not(:disabled) { transform: translateY(-1px); box-shadow: var(--rk-sh); }
.rk-lr-btn:disabled { opacity: .5; cursor: not-allowed; }
.rk-lr-active-up { background: #eafaf2 !important; border-color: #1a7f5a !important; color: #1a7f5a !important; }
.rk-lr-active-dn { background: #fdecea !important; border-color: #e8332a !important; color: #e8332a !important; }
.rk-lr-stars { display: inline-flex; gap: .15rem; }
.rk-lr-star { background: none; border: none; font-size: 1.6rem; cursor: pointer; color: var(--rk-bd2); padding: 0 .1rem; line-height: 1; transition: color .1s, transform .1s; }
.rk-lr-star:hover, .rk-lr-stars:hover .rk-lr-star { color: #f0b429; }
.rk-lr-stars .rk-lr-star:hover ~ .rk-lr-star { color: var(--rk-bd2); }
.rk-lr-star-on { color: #f0b429 !important; }
.rk-lr-star-mine { transform: scale(1.15); }
.rk-lr-star:disabled { opacity: .5; cursor: not-allowed; }
.rk-lr-meta { margin-top: .65rem; font-size: .82rem; color: var(--rk-mu); display: flex; align-items: center; justify-content: center; gap: .75rem; flex-wrap: wrap; }
.rk-lr-avg strong { color: var(--rk-tx); font-weight: 800; }
.rk-lr-avg span { color: var(--rk-mu); }
.rk-lr-msg { font-weight: 700; font-size: .82rem; }

/* ── Trending badges ── */
.rk-trend { display: inline-block; font-size: .62rem; font-weight: 700; font-family: 'Space Grotesk', sans-serif; padding: .1rem .4rem; border-radius: 99px; vertical-align: middle; margin-left: .35rem; letter-spacing: .02em; text-transform: uppercase; }
.rk-trend-up { background: #eafaf2; color: #1a7f5a; border: 1px solid #b8e8d0; }
.rk-trend-dn { background: #fdecea; color: #c0392b; border: 1px solid #f3c2bc; }

/* ── "También aparece en" cross-list box ── */
.rk-cross-list { margin-top: .5rem; padding: .45rem .65rem; background: var(--rk-s2); border: 1px solid var(--rk-bd); border-radius: 8px; font-size: .78rem; line-height: 1.4; }
.rk-cross-label { color: var(--rk-mu); font-weight: 600; }
.rk-cross-link { color: #2a6fdb; font-weight: 700; text-decoration: none; }
.rk-cross-link:hover { text-decoration: underline; }
.rk-cross-nolink { opacity: .7; }

/* ── Promo video element ── */
.rk-promo-video { margin: .5rem 0; border-radius: var(--rk-r); overflow: hidden; background: #000; box-shadow: var(--rk-sh); }
.rk-promo-video-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.rk-promo-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: none; }

/* ── Admin edit button (visible only to admins in frontend) ── */
.rk-admin-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: #1d2327;
  color: #fff !important;
  font-size: .75rem;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  padding: .35rem .8rem;
  border-radius: 99px;
  text-decoration: none !important;
  margin-bottom: .6rem;
  transition: background .15s, transform .15s;
  border: 1.5px solid #3c434a;
  letter-spacing: .02em;
}
.rk-admin-edit-btn:hover {
  background: #2c3338;
  transform: translateY(-1px);
  color: #fff !important;
}




/* ── Favorite button ── */
.rk-fav-wrap { margin-bottom: 1rem; text-align: center; }
.rk-fav-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: var(--rk-s2);
  border: 1.5px solid var(--rk-bd);
  border-radius: 99px;
  padding: .55rem 1.25rem;
  font-size: .88rem;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  cursor: pointer;
  color: var(--rk-tx2);
  transition: all .18s;
}
.rk-fav-btn:hover:not(:disabled) { border-color: #e8332a; color: #e8332a; transform: translateY(-1px); box-shadow: var(--rk-sh); }
.rk-fav-btn.rk-fav-on { background: #fff0f2; border-color: #e8332a; color: #e8332a; }
.rk-fav-btn:disabled { opacity: .6; cursor: not-allowed; }
.rk-fav-icon { font-size: 1.1rem; line-height: 1; }
.rk-fav-count { background: var(--rk-bg2); border-radius: 99px; padding: .1rem .5rem; font-size: .75rem; color: var(--rk-mu); }
.rk-fav-btn.rk-fav-on .rk-fav-count { background: #ffd0d8; color: #c01020; }

/* ── Top favorites shortcode ── */
.rk-top-favs { font-family: 'Space Grotesk', sans-serif; }
.rk-top-favs-title { font-size: 1.1rem; font-weight: 800; color: var(--rk-tx); margin-bottom: 1rem; }
.rk-top-favs-grid { display: flex; flex-direction: column; gap: .6rem; }
.rk-top-fav-card {
  display: flex;
  align-items: center;
  gap: .75rem;
  background: var(--rk-s);
  border: 1px solid var(--rk-bd);
  border-radius: var(--rk-r);
  padding: .75rem 1rem;
  transition: box-shadow .15s;
}
.rk-top-fav-card:hover { box-shadow: var(--rk-sh); }
.rk-top-fav-rank { font-size: 1.1rem; font-weight: 900; color: var(--rk-bd2); min-width: 2rem; text-align: center; }
.rk-top-fav-info { flex: 1; min-width: 0; }
.rk-top-fav-title { display: block; font-weight: 700; color: var(--rk-tx); text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.rk-top-fav-title:hover { color: var(--rk-ac); }
.rk-top-fav-count { display: block; font-size: .75rem; color: var(--rk-mu); margin-top: .2rem; }
.rk-fav-empty { color: var(--rk-mu); font-style: italic; }

/* ── Item star ratings ── */
.rk-item-stars {
  display: inline-flex;
  align-items: center;
  gap: .05rem;
  margin-top: .5rem;
  padding: .3rem .5rem;
  background: var(--rk-s2);
  border: 1px solid var(--rk-bd);
  border-radius: 99px;
}
.rk-istar {
  background: none;
  border: none;
  font-size: 1.3rem;
  cursor: pointer;
  color: var(--rk-bd2);
  padding: 0 .05rem;
  line-height: 1;
  transition: color .12s, transform .15s cubic-bezier(.34,1.56,.64,1);
}
.rk-istar:hover { transform: scale(1.25); }
.rk-item-stars:hover .rk-istar { color: #f0b429; }
.rk-item-stars .rk-istar:hover ~ .rk-istar { color: var(--rk-bd2); }
.rk-istar-on {
  color: #f0b429 !important;
  text-shadow: 0 0 8px rgba(240,180,41,.5);
}
.rk-istar:disabled { opacity: .5; cursor: not-allowed; transform: none !important; }
.rk-istar-avg {
  font-size: .78rem;
  font-weight: 800;
  color: var(--rk-tx);
  margin-left: .4rem;
  padding-left: .4rem;
  border-left: 1px solid var(--rk-bd);
  line-height: 1;
}
.rk-istar-cnt { font-weight: 500; color: var(--rk-mu); font-size: .72rem; }