.stats-recent-item{cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.stats-recent-item:hover{transform:translateY(-2px);border-color:rgba(168,85,247,.38);background:rgba(168,85,247,.04)}
.stats-recent-item:focus-visible{outline:2px solid rgba(168,85,247,.85);outline-offset:3px}
.stats-title-modal{position:fixed;inset:0;z-index:3000;display:none}
.stats-title-modal.is-open{display:block}
.stats-title-modal-backdrop{position:absolute;inset:0;background:rgba(3,2,8,.76);backdrop-filter:blur(10px)}
.stats-title-modal-dialog{position:relative;width:min(820px,calc(100% - 28px));max-height:calc(100vh - 32px);overflow:auto;margin:16px auto;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(145deg,#191329,#0b0911);box-shadow:0 30px 90px rgba(0,0,0,.55);color:#fff}
.stats-title-modal-close{position:absolute;right:14px;top:12px;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0d0a15;color:#fff;font-size:28px;cursor:pointer}
.stats-title-modal-kicker{color:#b86cff;font-size:12px;font-weight:900;letter-spacing:.18em}
.stats-title-modal-head{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;margin-top:12px;align-items:start}
.stats-title-modal-poster{width:100px;height:145px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#13101a;color:#a855f7;font-size:30px}
.stats-title-modal-poster img{width:100%;height:100%;object-fit:cover}
.stats-title-modal-head-content h2{margin:4px 44px 8px 0;font-size:32px;line-height:1.1}
.stats-title-modal-meta{color:#a9a0b4;line-height:1.5}
.stats-title-modal-average{margin-top:12px;color:#e3c4ff;font-weight:900;font-size:20px}
.stats-title-modal-description{margin:20px 0 0;color:#d6cedb;line-height:1.7;white-space:pre-line}
.stats-title-modal-reviews{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.stats-title-modal-reviews-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px}
.stats-title-modal-reviews-head h3{margin:0;font-size:18px}
.stats-title-modal-reviews-head span{color:#9d95a8;font-size:13px}
.stats-title-modal-review-list{display:grid;gap:10px}
.stats-title-modal-review{padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.stats-title-modal-review-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.stats-title-modal-review-top strong{color:#efcfff}
.stats-title-modal-review-top span{color:#d6b6fa;font-weight:900;white-space:nowrap}
.stats-title-modal-review p{margin:8px 0 0;color:#c4bbc9;line-height:1.55}
.stats-title-modal-no-comment{color:#77707b!important}
.stats-title-modal-loading,.stats-title-modal-empty,.stats-title-modal-error{padding:14px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:#a9a0b4}
@media(max-width:700px){
  .stats-title-modal-dialog{width:min(100% - 16px,820px);max-height:calc(100vh - 16px);margin:8px auto;padding:20px}
  .stats-title-modal-head{grid-template-columns:76px minmax(0,1fr);gap:13px}
  .stats-title-modal-poster{width:76px;height:110px}
  .stats-title-modal-head-content h2{font-size:25px}
  .stats-title-modal-review-top{align-items:flex-start;flex-direction:column;gap:4px}
}
