/* Dedicated ranked-list presentation for Neural Critic. */
#article.ranked-list-page .article-kicker::before{content:"RANKED LIST · ";}
#article.ranked-list-page .work-quick-read{border-left-width:3px;background:linear-gradient(135deg,rgba(96,82,255,.14),rgba(38,205,235,.08));}

.ranked-scale{display:flex;align-items:center;gap:16px;margin:34px 0 24px;font:800 10px/1.2 Inter,system-ui,sans-serif;letter-spacing:.18em;color:#8d97b5;}
.ranked-scale::before{content:"";order:2;flex:1;height:1px;background:linear-gradient(90deg,#52d7ec,#7666ff,#ff657c);}
.ranked-scale span:first-child{order:1;color:#52d7ec;}
.ranked-scale span:last-child{order:3;color:#ff7a8b;}

#article.ranked-list-page .ranked-card{position:relative;isolation:isolate;margin:0 0 42px;padding:30px;border:1px solid rgba(125,139,199,.28);border-radius:24px;background:linear-gradient(145deg,rgba(17,20,47,.88),rgba(7,12,29,.72));box-shadow:0 24px 70px rgba(0,0,0,.16);overflow:hidden;}
#article.ranked-list-page .ranked-card::after{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-110px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(83,213,238,.16),transparent 68%);pointer-events:none;}
#article.ranked-list-page .ranked-card .ranked-eyebrow{display:block;margin:0 0 8px;color:#50d7ea;font:800 10px/1.2 Inter,system-ui,sans-serif;letter-spacing:.18em;}
#article.ranked-list-page .ranked-card .rank-number{position:absolute;right:26px;top:18px;font:800 clamp(72px,8vw,120px)/.8 Inter,system-ui,sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(116,213,244,.32);opacity:.85;pointer-events:none;}
#article.ranked-list-page .ranked-card h2{position:relative;z-index:1;max-width:75%;margin:0 0 8px;font-size:clamp(30px,3.2vw,52px);line-height:.98;letter-spacing:-.045em;}
#article.ranked-list-page .ranked-subtitle{max-width:72%;margin:0 0 20px!important;color:#a8b4d3;font:600 14px/1.5 Inter,system-ui,sans-serif!important;}
#article.ranked-list-page .ranked-card>p:not(.ranked-subtitle){font-size:clamp(17px,1.35vw,20px);line-height:1.72;}
#article.ranked-list-page .ranked-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(128,143,196,.2);}
#article.ranked-list-page .ranked-meta span{padding:8px 11px;border:1px solid rgba(112,132,194,.28);border-radius:999px;background:rgba(10,15,35,.38);color:#b8c1dc;font:700 9px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;}
#article.ranked-list-page .ranked-card figure{margin:28px -30px -30px!important;border:0!important;border-radius:0!important;overflow:hidden;}
#article.ranked-list-page .ranked-card figure img{display:block;width:100%;max-height:620px;object-fit:cover;}
#article.ranked-list-page .ranked-card figcaption{padding:12px 30px 15px;background:rgba(7,11,28,.88);}
#article.ranked-list-page .article-conclusion{margin:58px 0 18px;padding:34px;border:1px solid rgba(90,215,236,.35);border-radius:22px;background:linear-gradient(135deg,rgba(39,194,220,.09),rgba(106,83,255,.10));}
#article.ranked-list-page .article-conclusion>span{display:block;margin-bottom:10px;color:#50d7ea;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.18em;}
#article.ranked-list-page .article-conclusion h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;}

/* --------------------------------------------------------------------------
   NC GAME GRAPH — automatically resolved review + ranked-list relationships
   -------------------------------------------------------------------------- */
.game-graph-review{position:relative;z-index:2;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:stretch;max-width:680px;margin:18px 0 24px;overflow:hidden;border:1px solid rgba(91,217,241,.28);border-radius:16px;background:linear-gradient(110deg,rgba(82,226,247,.075),rgba(119,104,255,.09));color:inherit;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .25s ease,opacity .45s ease,filter .45s ease;will-change:transform,opacity;}
.game-graph-review::before{content:"";position:absolute;z-index:4;inset:-30% -45%;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 35%,rgba(85,231,255,.06) 43%,rgba(85,231,255,.62) 49%,rgba(125,102,255,.48) 53%,transparent 61%);transform:translateX(-72%) skewX(-12deg);}
.game-graph-review:hover{transform:translateY(-2px);border-color:rgba(82,226,247,.58);background:linear-gradient(110deg,rgba(82,226,247,.11),rgba(119,104,255,.13));box-shadow:0 13px 34px rgba(35,88,125,.13);}
.game-graph-review.is-primed{opacity:0;transform:translateY(14px) scale(.985);filter:blur(1.4px);}
.game-graph-review.is-primed .game-graph-review-copy>*{opacity:0;transform:translateY(6px);}
.game-graph-review.is-revealing{animation:gameGraphCardIn .72s cubic-bezier(.18,.78,.24,1) both;box-shadow:0 0 0 1px rgba(85,231,255,.08),0 16px 42px rgba(45,62,133,.16);}
.game-graph-review.is-revealing::before{animation:gameGraphSweep 1.05s cubic-bezier(.22,.72,.25,1) .06s both;}
.game-graph-review.is-revealing .game-graph-score b{animation:gameGraphScoreGlow 1.15s ease-out both;}
.game-graph-review.is-revealing .game-graph-review-copy>small{animation:gameGraphCopyIn .42s ease-out .18s both;}
.game-graph-review.is-revealing .game-graph-review-copy>strong{animation:gameGraphCopyIn .48s ease-out .27s both;}
.game-graph-review.is-revealing .game-graph-review-copy>em{animation:gameGraphCopyIn .42s ease-out .39s both;}
.game-graph-review.is-revealed{opacity:1;filter:none;box-shadow:0 10px 28px rgba(19,34,72,.08);}

.game-graph-score{display:flex;align-items:baseline;justify-content:center;align-content:center;flex-wrap:wrap;gap:2px;padding:17px 9px;border-right:1px solid rgba(104,133,186,.22);background:linear-gradient(145deg,rgba(82,226,247,.08),rgba(119,104,255,.11));}
.game-graph-score b{color:#57e5f8;font:800 31px/.9 Inter,system-ui,sans-serif;letter-spacing:-.055em;}
.game-graph-score small{color:#8795b5;font:800 8px/1 Inter,system-ui,sans-serif;}
.game-graph-review-copy{display:grid;align-content:center;gap:5px;padding:14px 17px;min-width:0;}
.game-graph-review-copy>small{color:#55e5f8;font:850 7.5px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;}
.game-graph-review-copy>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#eef3ff;font:650 11.5px/1.42 Inter,system-ui,sans-serif;letter-spacing:-.012em;}
.game-graph-review-copy>em{color:#8a94ff;font:800 7.5px/1 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:.08em;}

@keyframes gameGraphCardIn{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(1.4px)}58%{opacity:1;transform:translateY(-1px) scale(1.003);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes gameGraphSweep{0%{opacity:0;transform:translateX(-72%) skewX(-12deg)}18%{opacity:1}76%{opacity:.85}100%{opacity:0;transform:translateX(72%) skewX(-12deg)}}
@keyframes gameGraphScoreGlow{0%{transform:scale(.84);opacity:.38;text-shadow:0 0 0 rgba(85,231,255,0)}48%{transform:scale(1.08);opacity:1;text-shadow:0 0 22px rgba(85,231,255,.58)}100%{transform:scale(1);opacity:1;text-shadow:0 0 0 rgba(85,231,255,0)}}
@keyframes gameGraphCopyIn{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}

#article .game-graph-side{position:relative;overflow:hidden;padding:19px!important;}
#article .game-graph-side::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#55e7ff,#7668ff,transparent 78%);}
#article .game-graph-side>span{color:#6574f3!important;font:800 8px/1 Inter,system-ui,sans-serif!important;letter-spacing:.16em!important;}
.game-graph-side-head{display:grid;gap:4px;margin:11px 0 13px;padding-bottom:12px;border-bottom:1px solid rgba(116,137,184,.18);}
.game-graph-side-head strong{color:#f5f8ff;font:760 17px/1.05 Inter,system-ui,sans-serif;letter-spacing:-.035em;}
.game-graph-side-head small{color:#8e9ab3;font:750 7px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;}
.game-graph-links{display:grid;}
.game-graph-links>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid rgba(116,137,184,.14);color:inherit;text-decoration:none!important;}
.game-graph-links>a:last-child{border-bottom:0;padding-bottom:2px;}
.game-graph-links>a>span{display:grid;gap:4px;min-width:0;}
.game-graph-links>a small{color:#58dff4;font:800 6.75px/1 Inter,system-ui,sans-serif;letter-spacing:.105em;}
.game-graph-links>a strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#cbd3e3;font:600 9.5px/1.35 Inter,system-ui,sans-serif;letter-spacing:-.01em;}
.game-graph-links>a>i{color:#6e78ff;font:800 12px/1 Inter,system-ui,sans-serif;font-style:normal;transition:transform .18s,color .18s;}
.game-graph-links>a:hover>i{transform:translateX(3px);color:#55e7ff;}
.game-graph-links>a:hover strong{color:#fff;}
.game-graph-links .game-graph-side-review{grid-template-columns:minmax(0,1fr) auto;margin:2px 0 5px;padding:10px 11px;border:1px solid rgba(82,226,247,.22);border-radius:11px;background:linear-gradient(100deg,rgba(82,226,247,.06),rgba(119,104,255,.07));}
.game-graph-side-review>b{display:flex;align-items:baseline;gap:2px;color:#55e5f8;font:800 20px/1 Inter,system-ui,sans-serif;letter-spacing:-.045em;}
.game-graph-side-review>b em{color:#8793ae;font:800 6px/1 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:0;}

[data-theme="light"] #article.ranked-list-page .ranked-card{background:linear-gradient(145deg,#fff,#f5f6fb);border-color:#d7dae7;box-shadow:0 20px 55px rgba(22,27,56,.08);}
[data-theme="light"] #article.ranked-list-page .ranked-meta span{background:#fff;border-color:#d9ddea;color:#596079;}
[data-theme="light"] #article.ranked-list-page .ranked-card figcaption{background:#f4f5f9;color:#60677b;}
[data-theme="light"] #article.ranked-list-page .article-conclusion{background:linear-gradient(135deg,rgba(41,191,216,.08),rgba(115,92,255,.07));}
[data-theme="light"] .game-graph-review{border-color:#cfe4eb;background:linear-gradient(110deg,#f1fbfd,#f6f4ff);}
[data-theme="light"] .game-graph-review:hover{border-color:#78cbd9;background:linear-gradient(110deg,#eafbfe,#f0edff);}
[data-theme="light"] .game-graph-score{border-color:#d8e5ea;background:linear-gradient(145deg,#eafafd,#f2efff);}
[data-theme="light"] .game-graph-score b{color:#0794ad;}
[data-theme="light"] .game-graph-review-copy>strong{color:#263342;}
[data-theme="light"] .game-graph-review-copy>small{color:#0794ad;}
[data-theme="light"] .game-graph-review-copy>em{color:#6666df;}
[data-theme="light"] .game-graph-side-head{border-color:#e1e7ec;}
[data-theme="light"] .game-graph-side-head strong{color:#17212f;}
[data-theme="light"] .game-graph-side-head small{color:#7a8796;}
[data-theme="light"] .game-graph-links>a{border-color:#e5eaee;}
[data-theme="light"] .game-graph-links>a strong{color:#4c5967;}
[data-theme="light"] .game-graph-links>a:hover strong{color:#17212f;}
[data-theme="light"] .game-graph-links>a small{color:#149cb3;}
[data-theme="light"] .game-graph-links .game-graph-side-review{border-color:#cae5ea;background:linear-gradient(100deg,#eefbfd,#f4f2ff);}
[data-theme="light"] .game-graph-side-review>b{color:#088fa7;}

@media (prefers-reduced-motion:reduce){
  .game-graph-review,.game-graph-review::before,.game-graph-review .game-graph-review-copy>*,.game-graph-review .game-graph-score b{animation:none!important;transition:none!important;}
  .game-graph-review.is-primed,.game-graph-review.is-revealing,.game-graph-review.is-revealed{opacity:1!important;transform:none!important;filter:none!important;}
  .game-graph-review.is-primed .game-graph-review-copy>*{opacity:1!important;transform:none!important;}
}

@media (max-width:760px){
  #article.ranked-list-page .ranked-card{padding:22px;border-radius:18px;margin-bottom:26px;}
  #article.ranked-list-page .ranked-card .rank-number{font-size:68px;right:18px;top:18px;}
  #article.ranked-list-page .ranked-card h2,#article.ranked-list-page .ranked-subtitle{max-width:82%;}
  #article.ranked-list-page .ranked-card figure{margin:24px -22px -22px!important;}
  #article.ranked-list-page .ranked-card figcaption{padding:11px 22px 14px;}
  .ranked-scale{margin-top:24px;}
  .game-graph-review{grid-template-columns:70px minmax(0,1fr);margin:16px 0 20px;border-radius:13px;}
  .game-graph-score{padding:14px 7px;}
  .game-graph-score b{font-size:27px;}
  .game-graph-review-copy{padding:12px 13px;}
  .game-graph-review-copy>strong{font-size:10.5px;}
}