.rp-tool{--rp-a:#8b5cf6;--rp-a2:#ec4899;--rp-bg:#0a1020;--rp-card:#111a2e;color:#eef2ff;background:linear-gradient(145deg,#111a2f 0%,#0d1528 68%,#111326 100%);border:1px solid #253451;border-radius:30px;padding:clamp(24px,4vw,54px);box-shadow:0 28px 90px rgba(0,0,0,.28);overflow:hidden;position:relative}.rp-tool:before{content:"";position:absolute;width:300px;height:300px;right:-120px;top:-150px;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 68%);pointer-events:none}.rp-tool__intro{max-width:820px;position:relative;z-index:1}.rp-kicker{font-size:12px;letter-spacing:.16em;font-weight:900;color:#b69cff}.rp-tool h1{font-size:clamp(34px,6vw,70px);line-height:.98;letter-spacing:-.035em;margin:10px 0 18px}.rp-tool__intro p{color:#9eacc6;max-width:760px;font-size:18px;margin:0}.rp-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 30px;position:relative}.rp-step{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #273856;background:#0c1426;border-radius:14px;color:#aebbd2;font-size:13px;font-weight:750}.rp-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1a2540;color:#dfe6f8}.rp-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;position:relative;z-index:1}.rp-form--builder{grid-template-columns:1fr 170px 1.4fr auto}.rp-form label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#edf2ff}.rp-form input,.rp-form select{width:100%;border:1px solid #2a3959;background:#081022;color:#f5f7ff;border-radius:14px;min-height:50px;padding:0 14px;outline:none}.rp-form input:focus,.rp-form select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.14)}.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 18px;border-radius:14px;border:1px solid transparent;background:#7956ff;color:#fff;font-weight:900;cursor:pointer;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.rp-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(121,86,255,.28)}.rp-btn--shine{background:linear-gradient(135deg,#7c5cff,#9f5cff 50%,#ec4899)}.rp-btn--ghost{background:transparent;border-color:#30405e}.rp-tool__micro{font-size:12px;color:#8190aa;margin-top:13px}.rp-results{margin-top:30px}.rp-results-head,.rp-builder-summary,.rp-journey{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}.rp-results-head h2,.rp-builder-summary h2{margin:5px 0 0;font-size:28px}.rp-filter-clear{background:transparent;color:#aebbd2;border:1px solid #2b3a57;border-radius:11px;padding:9px 13px;font-weight:800;cursor:pointer}.rp-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rp-result-card{background:#0c1425;border:1px solid #243250;border-radius:18px;overflow:hidden;transition:transform .18s,border-color .18s}.rp-result-card:hover{transform:translateY(-3px);border-color:#4b6188}.rp-result-card__media{position:relative;aspect-ratio:1/1;background:#09101f}.rp-result-card--game .rp-result-card__media{aspect-ratio:16/9}.rp-result-card__media img{display:block;width:100%;height:100%;object-fit:cover}.rp-pill{position:absolute;right:9px;bottom:9px;padding:7px 9px;border-radius:999px;background:rgba(6,10,20,.85);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:900}.rp-result-card__body{padding:14px}.rp-result-card__meta{color:#8998b2;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.rp-result-card h3{font-size:18px;line-height:1.2;margin:7px 0}.rp-result-card p{margin:0;color:#9daac0;font-size:13px}.rp-loading,.rp-empty,.rp-error{display:grid;place-items:center;text-align:center;padding:34px;border:1px dashed #2d3c59;border-radius:18px;background:#0b1323;color:#a9b5c9}.rp-loading span{width:34px;height:34px;border:3px solid #283753;border-top-color:#9b78ff;border-radius:50%;animation:rp-spin .8s linear infinite}.rp-loading p,.rp-error span,.rp-empty span{margin:12px 0 0}.rp-error strong,.rp-empty strong{color:#fff}.rp-builder-progress{width:240px;height:8px;border-radius:999px;background:#17233b;overflow:hidden}.rp-builder-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.rp-builder-next{display:flex;gap:12px;align-items:center;background:#0a1324;border:1px solid #233351;border-radius:14px;padding:13px 15px;color:#9eabc3;margin-bottom:18px;font-size:13px}.rp-builder-next strong{color:#f0f4ff;white-space:nowrap}.rp-journey{justify-content:flex-start;align-items:center;margin-top:20px}.rp-journey .rp-btn{min-width:190px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes rp-spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.rp-result-grid{grid-template-columns:repeat(3,1fr)}.rp-form,.rp-form--builder{grid-template-columns:1fr 1fr}.rp-form .rp-btn{grid-column:1/-1}.rp-field--wide{grid-column:1/-1}}@media(max-width:700px){.rp-tool{padding:22px;border-radius:22px}.rp-stepper{grid-template-columns:1fr}.rp-form,.rp-form--builder{grid-template-columns:1fr}.rp-result-grid{grid-template-columns:repeat(2,1fr)}.rp-results-head,.rp-builder-summary,.rp-journey{align-items:flex-start;flex-direction:column}.rp-builder-progress{width:100%}.rp-journey .rp-btn{width:100%}}@media(max-width:480px){.rp-result-grid{grid-template-columns:1fr}.rp-tool h1{font-size:38px}}
/* Detail pages */
.rp-detail-shell{display:grid;gap:26px}.rp-detail-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:30px;padding:30px;border:1px solid #2a3d61;border-radius:30px;background:radial-gradient(500px 300px at 85% 0%,rgba(139,92,246,.16),transparent 65%),linear-gradient(145deg,#111b31,#0b1324);box-shadow:0 26px 80px rgba(0,0,0,.22)}.rp-detail-card--game{grid-template-columns:minmax(320px,1fr) minmax(0,1fr)}.rp-detail-media{display:flex;align-items:center;justify-content:center;min-height:320px;border:1px solid #263654;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#101a2c,#08101e)}.rp-detail-media img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}.rp-detail-card--game .rp-detail-media img{aspect-ratio:16/9}.rp-detail-copy{display:flex;flex-direction:column;justify-content:center}.rp-detail-copy h1{font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin:10px 0 14px}.rp-detail-lead{font-size:18px;line-height:1.7;color:#aab7cc;margin:0 0 20px}.rp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.rp-stats>div{padding:14px;border:1px solid #263654;border-radius:16px;background:#0a1324}.rp-stats small{display:block;color:#7f8da7;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.rp-stats strong{display:block;font-size:18px;margin-top:5px;overflow-wrap:anywhere}.rp-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.rp-content-block{margin-top:34px;padding:28px;border:1px solid #243653;border-radius:24px;background:#0a1223}.rp-content-heading{margin-bottom:18px}.rp-content-heading h2{font-size:30px;margin:7px 0 0}.rp-faq{display:grid;gap:10px;margin-top:28px}.rp-faq details{border:1px solid #263654;background:#0b1425;border-radius:16px;padding:16px 18px}.rp-faq summary{cursor:pointer;font-weight:850}.rp-faq p{color:#a6b3c7;margin:12px 0 0}.rp-detail-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.rp-detail-chip{padding:8px 10px;border:1px solid #2b3b5a;border-radius:999px;background:#0a1324;color:#adb9ce;font-size:12px;font-weight:800}.rp-stat-note{margin-top:7px;color:#7e8ca5;font-size:12px}.rp-empty-page .rp-btn{margin-top:8px}
@media(max-width:900px){.rp-detail-card,.rp-detail-card--game{grid-template-columns:1fr}.rp-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.rp-stats{grid-template-columns:1fr 1fr}.rp-detail-card{padding:18px;border-radius:22px}.rp-detail-copy h1{font-size:42px}.rp-content-block{padding:18px}}
.rp-card-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:5px;background:radial-gradient(circle at 50% 30%,rgba(124,92,255,.34),transparent 48%),linear-gradient(145deg,#111a31,#08101e);color:#c3cce0;text-align:center}.rp-card-placeholder b{font-size:34px;letter-spacing:.05em}.rp-card-placeholder span{font-size:11px;color:#7f8da8;text-transform:uppercase;letter-spacing:.08em;font-weight:800}

/* v2.4 mobile result scroller + complete item thumbnails */
.rp-result-card--item .rp-result-card__media img{object-fit:contain;object-position:center;padding:8px;background:radial-gradient(circle at 50% 35%,rgba(124,92,255,.15),transparent 58%),#09101f}
.rp-result-card--game .rp-result-card__media img{object-fit:cover;object-position:center}
@media(max-width:680px){.rp-result-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}.rp-result-card{flex:0 0 min(78vw,300px);scroll-snap-align:start}.rp-stepper{overflow-x:auto;display:flex;scroll-snap-type:x mandatory;padding-bottom:3px;scrollbar-width:thin}.rp-step{flex:0 0 78%;scroll-snap-align:start}.rp-form .rp-btn{min-height:48px}.rp-tool{padding:20px}.rp-tool h1{font-size:clamp(34px,10vw,48px)}}


/* v2.5 community ratings and scroll navigation */
.rp-scroll-wrap{position:relative;min-width:0}.rp-scrollable{scroll-behavior:smooth;scrollbar-width:thin}.rp-scroll-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:999px;border:1px solid #3a4e73;background:rgba(7,12,26,.94);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:1000;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.25)}.rp-scroll-nav--prev{left:8px}.rp-scroll-nav--next{right:8px}.rp-scroll-nav:hover{border-color:#8b76ff;background:#121d34}.rp-scroll-nav[hidden]{display:none}
.rp-rating-box{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(180px,.55fr) minmax(320px,1.2fr);gap:22px;margin-top:34px;padding:28px;border:1px solid #2a3d61;border-radius:26px;background:radial-gradient(420px 220px at 100% 0%,rgba(139,92,246,.16),transparent 70%),linear-gradient(145deg,#111a30,#0b1324)}
.rp-rating-box__intro h2{font-size:clamp(28px,3vw,40px);line-height:1.05;margin:7px 0 10px}.rp-rating-box__intro p{color:#9facbf;margin:0}.rp-rating-box__summary{display:grid;align-content:center;justify-items:start;gap:4px}.rp-rating-box__summary strong{font-size:46px;line-height:1}.rp-stars,.rp-feedback-stars{color:#ffd166;letter-spacing:.06em}.rp-rating-box__summary [data-rating-count]{color:#8797b0;font-size:13px}.rp-rating-form{display:grid;gap:12px}.rp-rating-form fieldset{border:0;padding:0;margin:0}.rp-rating-form legend{font-size:13px;font-weight:900;margin-bottom:8px}.rp-star-picker{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}.rp-star-picker input{position:absolute;opacity:0;pointer-events:none}.rp-star-picker label{font-size:36px;line-height:1;color:#485a7d;cursor:pointer;transition:color .15s,transform .15s}.rp-star-picker label:hover,.rp-star-picker label:hover~label,.rp-star-picker input:checked~label{color:#ffd166;transform:translateY(-1px)}.rp-rating-form label:not(.rp-star-picker label){display:grid;gap:6px;font-size:12px;font-weight:800}.rp-rating-form textarea,.rp-rating-form input[type=text]{width:100%;border:1px solid #2a3959;background:#081022;color:#f5f7ff;border-radius:12px;padding:11px 12px;outline:none;resize:vertical}.rp-rating-form textarea:focus,.rp-rating-form input[type=text]:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.14)}.rp-rating-form small{color:#7f8da6;font-weight:600}.rp-rating-status{min-height:20px;margin:0;color:#9fb0c8;font-size:13px}.rp-rating-feedbacks{grid-column:1/-1;padding-top:6px;border-top:1px solid #263653}.rp-rating-feedbacks .rp-content-heading{margin-top:18px}.rp-feedback-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rp-feedback-item{padding:14px;border:1px solid #263653;border-radius:14px;background:#0a1324}.rp-feedback-item__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.rp-feedback-item__top strong{color:#f2f5ff}.rp-feedback-item p{color:#aab6ca;margin:8px 0}.rp-feedback-item time{color:#718099;font-size:11px}.rp-rating-empty{color:#8594ad;margin:0}.rp-rating-box .rp-btn{width:max-content}
@media(max-width:960px){.rp-rating-box{grid-template-columns:1fr 1fr}.rp-rating-form{grid-column:1/-1}.rp-rating-feedbacks{grid-column:1/-1}}
@media(max-width:640px){.rp-rating-box{grid-template-columns:1fr;padding:20px;border-radius:20px}.rp-rating-form{grid-column:auto}.rp-rating-feedbacks{grid-column:auto}.rp-feedback-list{grid-template-columns:1fr}.rp-rating-box__summary{justify-items:start}.rp-star-picker label{font-size:34px}.rp-rating-box .rp-btn{width:100%}}


/* v2.6 responsive detail pages + rating form */
.rp-detail-shell,.rp-detail-card,.rp-detail-media,.rp-detail-copy,.rp-content-block,.rp-rating-box,.rp-feedback-list{min-width:0;max-width:100%;}
.rp-detail-card{overflow:hidden;}
.rp-detail-media{width:100%;}
.rp-detail-media img{max-width:100%;}
.rp-rating-box{grid-template-columns:minmax(0,1fr) minmax(140px,.5fr) minmax(0,1.2fr);}
.rp-rating-form input,.rp-rating-form textarea{box-sizing:border-box;max-width:100%;}
.rp-feedback-list{display:grid;gap:12px;min-width:0;}
.rp-feedback-item{min-width:0;overflow-wrap:anywhere;}
.rp-rating-status{min-height:20px;overflow-wrap:anywhere;}
.rp-content-block .rp-card-grid,.rp-content-block .rp-result-grid{min-width:0;}
.rp-action-row .rp-btn{min-width:0;}
.rp-table-scroll,.rp-code-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;}
.rp-table-scroll table,.rp-code-scroll pre{min-width:0;max-width:none;}
.rp-table-scroll table{width:100%;border-collapse:collapse;}
.rp-table-scroll th,.rp-table-scroll td{padding:10px 12px;border:1px solid #273857;vertical-align:top;}
.rp-table-scroll th{background:#0d172a;color:#edf2ff;font-weight:850;}
.rp-code-scroll pre{margin:0;overflow:visible;white-space:pre;}
.article-body,.page-content__body{min-width:0;overflow-wrap:anywhere;}
.article-body a,.page-content__body a{overflow-wrap:anywhere;}
.article-body figure,.page-content__body figure{max-width:100%;margin-inline:0;}
.article-body iframe,.page-content__body iframe,.article-body video,.page-content__body video{display:block;max-width:100%;width:100%;}

@media (max-width: 900px){
  .rp-detail-card,.rp-detail-card--game{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px;border-radius:22px;}
  .rp-detail-media,.rp-detail-card--game .rp-detail-media{min-height:0;aspect-ratio:16/9;width:100%;}
  .rp-detail-card:not(.rp-detail-card--game) .rp-detail-media{aspect-ratio:1/1;}
  .rp-detail-media img,.rp-detail-card--game .rp-detail-media img,.rp-detail-card:not(.rp-detail-card--game) .rp-detail-media img{width:100%;height:100%;max-height:none;object-fit:cover;}
  .rp-detail-copy{width:100%;}
  .rp-detail-copy h1{font-size:clamp(36px,10vw,56px);max-width:100%;}
  .rp-detail-lead{font-size:16px;line-height:1.65;}
  .rp-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .rp-rating-box{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px;border-radius:22px;}
  .rp-rating-box__summary{justify-items:start;}
  .rp-rating-form{width:100%;}
  .rp-rating-form .rp-btn{width:100%;}
}

@media (max-width: 640px){
  .rp-detail-shell{width:min(calc(100% - 20px),var(--max));}
  .rp-detail-card{padding:14px;border-radius:18px;}
  .rp-detail-media,.rp-detail-card:not(.rp-detail-card--game) .rp-detail-media{border-radius:16px;}
  .rp-detail-copy h1{font-size:clamp(34px,11vw,46px);}
  .rp-stats{grid-template-columns:1fr 1fr;gap:8px;}
  .rp-stats>div{padding:12px;min-width:0;}
  .rp-stats strong{font-size:16px;}
  .rp-action-row{display:grid;grid-template-columns:1fr;gap:8px;}
  .rp-action-row .rp-btn{width:100%;}
  .rp-content-block{margin-top:22px;padding:18px;border-radius:18px;}
  .rp-content-heading h2{font-size:25px;overflow-wrap:anywhere;}
  .rp-rating-box{padding:18px;}
  .rp-rating-box__summary strong{font-size:40px;}
  .rp-star-picker label{font-size:31px;}
}

@media (max-width: 420px){
  .rp-detail-shell{width:calc(100% - 16px);}
  .rp-detail-copy h1{font-size:34px;}
  .rp-stats{grid-template-columns:1fr 1fr;}
  .rp-stats small{font-size:10px;}
  .rp-stats strong{font-size:15px;}
  .rp-rating-box__intro h2{font-size:30px;}
  .rp-star-picker{gap:0;}
  .rp-star-picker label{font-size:28px;}
}