/* Homepage What to Play franchise module */
.home-wtp{padding:78px 0 82px;border-top:1px solid #7f8cff22;border-bottom:1px solid #7f8cff22;background:radial-gradient(circle at 12% 0,#4d5dff1c,transparent 34%),radial-gradient(circle at 88% 24%,#28d7ef15,transparent 30%),#0a0d19;color:var(--text)}
.home-wtp[hidden]{display:none!important}
.home-wtp-shell{display:grid;gap:30px}
.home-wtp-head{display:flex;align-items:end;justify-content:space-between;gap:34px}
.home-wtp-head>div{max-width:760px}
.home-wtp-head small,.home-wtp-lead-copy>small,.home-wtp-ranking-head small,.home-wtp-more>small,.home-wtp-desks small{color:#56e7ff;font-size:9px;font-weight:950;letter-spacing:.16em}
.home-wtp-head h2{margin:7px 0 9px;font-size:clamp(42px,5vw,68px);line-height:.94;letter-spacing:-.055em}
.home-wtp-head p{margin:0;color:#9fa8bf;font-size:15px;line-height:1.58}
.home-wtp-head>a{flex:0 0 auto;padding-bottom:5px;border-bottom:1px solid #55e7ff66;color:#62e8ff;font-size:9px;font-weight:900;letter-spacing:.07em}
.home-wtp-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px;align-items:stretch}
.home-wtp-lead{overflow:hidden;border:1px solid #7d8cff30;border-radius:24px;background:linear-gradient(145deg,#12172b,#0c1121);box-shadow:0 26px 70px #0005;transition:transform .25s,border-color .25s}
.home-wtp-lead:hover{transform:translateY(-3px);border-color:#56e7ff66}
.home-wtp-lead-media{position:relative;height:360px;overflow:hidden;background:#0c1020}
.home-wtp-lead-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.home-wtp-lead:hover .home-wtp-lead-media img{transform:scale(1.025)}
.home-wtp-lead-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#050711e8)}
.home-wtp-lead-media>span{position:absolute;left:22px;bottom:20px;padding:7px 10px;border:1px solid #63e8ff66;border-radius:999px;background:#0d2632cc;color:#63e8ff;font-size:8px;font-weight:950;letter-spacing:.13em}
.home-wtp-lead-copy{padding:25px 27px 28px}
.home-wtp-lead-copy h3{margin:8px 0 10px;font-size:clamp(29px,3.2vw,43px);line-height:1.02;letter-spacing:-.045em}
.home-wtp-lead-copy p{margin:0 0 18px;color:#aab2c8;font-size:13px;line-height:1.6}
.home-wtp-lead-copy>div{display:flex;justify-content:space-between;gap:18px;color:#747d98;font-size:8px;font-weight:850;letter-spacing:.04em}
.home-wtp-lead-copy b{color:#61e8ff}
.home-wtp-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#12172b,#07151c);color:#58e6ff;font-size:11px;font-weight:950;letter-spacing:.18em}
.home-wtp-side{display:grid;gap:16px;align-content:start}
.home-wtp-ranking,.home-wtp-more{overflow:hidden;border:1px solid #7a85bd2c;border-radius:22px;background:linear-gradient(145deg,#11162a,#0a0f1e)}
.home-wtp-ranking-head{padding:20px 20px 15px;border-bottom:1px solid #7d86b220}
.home-wtp-ranking-head strong{display:block;margin-top:6px;font-size:22px;line-height:1.1;letter-spacing:-.035em}
.home-wtp-rank-row{display:grid;grid-template-columns:46px 62px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:12px 15px;border-bottom:1px solid #7781b520;transition:background .2s}
.home-wtp-rank-row:hover{background:#55e7ff08}
.home-wtp-rank-row.rank-1{background:linear-gradient(90deg,#55e7ff0c,#7462ff0d)}
.home-wtp-rank-number{color:#61e8ff;font-size:18px;font-weight:950;letter-spacing:-.04em}
.home-wtp-rank-image{width:62px;height:48px;overflow:hidden;border-radius:9px;background:#080d18}
.home-wtp-rank-image img{width:100%;height:100%;object-fit:cover;display:block}
.home-wtp-rank-placeholder{height:100%;display:grid;place-items:center;color:#55e7ff;font-size:8px;font-weight:900}
.home-wtp-rank-copy{min-width:0}
.home-wtp-rank-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.home-wtp-rank-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#7f89a6;font-size:8px;line-height:1.2}
.home-wtp-rank-row em{color:#55e7ff;font-style:normal;font-weight:900}
.home-wtp-ranking-all{display:block;padding:14px 18px;color:#61e8ff;font-size:8px;font-weight:950;letter-spacing:.07em}
.home-wtp-more{padding:18px}
.home-wtp-more>a{display:block;padding:12px 0;border-bottom:1px solid #7781b520}
.home-wtp-more>a:last-child{border-bottom:0}
.home-wtp-more>a span{display:block;color:#56e7ff;font-size:7px;font-weight:900;letter-spacing:.12em}
.home-wtp-more>a strong{display:block;margin-top:4px;font-size:13px;line-height:1.35}
.home-wtp-desks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-wtp-desks>a{display:grid;gap:6px;padding:18px;border:1px solid #7a85bd26;border-radius:16px;background:#0d1120b8;transition:transform .2s,border-color .2s,background .2s}
.home-wtp-desks>a:hover{transform:translateY(-2px);border-color:#55e7ff55;background:#11182a}
.home-wtp-desks strong{font-size:15px;line-height:1.1}
.home-wtp-desks span{display:flex;justify-content:space-between;gap:10px;color:#707994;font-size:8px;font-weight:850}
.home-wtp-desks b{color:#55e7ff}

html[data-theme="light"] .home-wtp{background:radial-gradient(circle at 12% 0,#4d5dff0f,transparent 34%),radial-gradient(circle at 88% 24%,#28d7ef10,transparent 30%),#eef1f4;color:#151c24;border-color:#d7dce4}
html[data-theme="light"] .home-wtp-head p,html[data-theme="light"] .home-wtp-lead-copy p{color:#5b6674}
html[data-theme="light"] .home-wtp-lead,html[data-theme="light"] .home-wtp-ranking,html[data-theme="light"] .home-wtp-more{background:#fff;border-color:#d8dde5;box-shadow:0 20px 50px #29344412}
html[data-theme="light"] .home-wtp-desks>a{background:#f9fafb;border-color:#d8dde5}
html[data-theme="light"] .home-wtp-desks>a:hover{background:#fff;border-color:#74c9d7}
html[data-theme="light"] .home-wtp-rank-row.rank-1{background:linear-gradient(90deg,#38bfd90d,#7462ff0b)}
html[data-theme="light"] .home-wtp-rank-copy small,html[data-theme="light"] .home-wtp-lead-copy>div,html[data-theme="light"] .home-wtp-desks span{color:#687384}

@media(max-width:980px){
  .home-wtp{padding:62px 0}
  .home-wtp-grid{grid-template-columns:1fr}
  .home-wtp-side{grid-template-columns:1fr}
  .home-wtp-desks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .home-wtp{padding:50px 0}
  .home-wtp-head{display:block}
  .home-wtp-head>a{display:inline-block;margin-top:18px}
  .home-wtp-lead-media{height:245px}
  .home-wtp-lead-copy{padding:21px}
  .home-wtp-lead-copy>div{display:grid}
  .home-wtp-desks{grid-template-columns:1fr}
  .home-wtp-rank-row{grid-template-columns:38px 54px minmax(0,1fr) 14px;padding:11px 12px}
  .home-wtp-rank-image{width:54px;height:43px}
}