/* ===== ウイコレ ティア表・選手詳細（wc-）用CSS：Cocoonの「追加CSS」に貼り付け ===== */

.wc-ranking{
  --navy:#0a1a4a; --deep:#123c9c; --royal:#2563eb; --sky:#5b9bff;
  --pale:#a9c8ff; --ice:#eef4ff; --line:#c9dafc; --gold:#f5b301;
  color:var(--navy); line-height:1.8; font-size:16px;
}
.wc-ranking *{box-sizing:border-box}

/* ---- タイトル・導入 ---- */
.wc-ranking .wc-main-title{
  margin:0 0 16px; padding:20px 22px; border:0; border-radius:14px;
  background:linear-gradient(135deg,#050f33 0%,#123c9c 55%,#2563eb 100%);
  color:#fff; font-size:24px; line-height:1.5; box-shadow:0 6px 18px rgba(18,60,156,.25);
}
.wc-ranking .wc-intro{
  margin:0 0 26px; padding:16px 20px; background:var(--ice);
  border-left:6px solid var(--royal); border-radius:10px; font-size:15px;
}

/* ---- ティア表 ---- */
.wc-ranking .wc-tier-box{
  margin:0 0 22px; border:2px solid var(--line); border-radius:14px;
  overflow:hidden; background:#fff; box-shadow:0 3px 10px rgba(10,26,74,.08);
}
.wc-ranking .wc-sss-box{border-color:var(--navy)}
.wc-ranking .wc-tier-heading{
  margin:0; padding:13px 20px; border:0; border-radius:0;
  color:#fff; font-size:20px; line-height:1.4; letter-spacing:.03em;
}
.wc-ranking .wc-sss{background:linear-gradient(135deg,#050f33,#123c9c)}
.wc-ranking .wc-ss{background:#123c9c}
.wc-ranking .wc-s{background:#2563eb}
.wc-ranking .wc-a{background:#5b9bff}
.wc-ranking .wc-b{background:#a9c8ff; color:#0a1a4a}

.wc-ranking .wc-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:10px; padding:16px; background:var(--ice);
}
.wc-ranking a.wc-card{
  display:block; padding:13px 8px; background:#fff; border:1px solid var(--royal);
  border-radius:10px; color:var(--navy); font-weight:700; font-size:15px;
  text-align:center; text-decoration:none; transition:background .15s,color .15s;
}
.wc-ranking a.wc-card:hover,
.wc-ranking a.wc-card:focus-visible{background:var(--royal); color:#fff; outline:none}

/* ---- 選手詳細 ---- */
.wc-ranking .wc-player{
  scroll-margin-top:90px; margin:34px 0 0; border:2px solid var(--line);
  border-radius:14px; overflow:hidden; background:#fff;
  box-shadow:0 3px 10px rgba(10,26,74,.08);
}
.wc-ranking .wc-player:target{border-color:var(--royal)}
.wc-ranking .wc-player-title{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  margin:0; padding:14px 20px; border:0; border-radius:0;
  background:linear-gradient(135deg,#0a1a4a,#2563eb); color:#fff; font-size:21px; line-height:1.4;
}
.wc-ranking .wc-tier-badge{
  flex:0 0 auto; padding:3px 12px; border-radius:999px;
  background:#fff; color:var(--deep); font-size:13px; font-weight:700;
}
.wc-ranking .wc-player-body{padding:18px 20px 20px}

/* みんなの評価 */
.wc-ranking .wc-rating{
  margin:0 0 16px; padding:14px; text-align:center;
  background:var(--ice); border:1px solid var(--line); border-radius:10px;
}
.wc-ranking .wc-rating-title{margin-bottom:2px; font-weight:700; color:var(--deep)}
.wc-ranking .wc-rating-star{color:var(--gold); font-size:26px; letter-spacing:.08em}
.wc-ranking .wc-rating-score{margin-left:8px; font-size:28px; font-weight:700}
.wc-ranking .wc-rating small{display:block; color:#5a6a92; font-size:12px}

/* 基本情報 */
.wc-ranking .wc-info-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 6px;
}
.wc-ranking .wc-info{
  padding:10px 8px; text-align:center; border:1px solid var(--line);
  border-radius:10px; background:#fff;
}
.wc-ranking .wc-info-label{display:block; font-size:12px; color:#5a6a92}
.wc-ranking .wc-info-value{display:block; margin-top:2px; font-size:16px; font-weight:700; color:var(--navy)}

/* 見出し */
.wc-ranking .wc-section-title{
  margin:22px 0 10px; padding:6px 0 6px 12px; border:0;
  border-left:6px solid var(--royal); background:none;
  color:var(--navy); font-size:18px; line-height:1.4;
}

/* スキル */
.wc-ranking .wc-skill-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:10px}
.wc-ranking .wc-skill{
  padding:10px 12px; border:1px solid var(--line); border-left:4px solid var(--sky);
  border-radius:8px; background:var(--ice);
}
.wc-ranking .wc-skill-label{display:block; font-size:11px; letter-spacing:.06em; color:var(--deep); font-weight:700}
.wc-ranking .wc-skill-name{display:block; font-weight:700}

/* カスタムセンス・総評 */
.wc-ranking .wc-custom-sense,
.wc-ranking .wc-summary{
  padding:14px 16px; border:1px solid var(--line); border-radius:10px; background:#fff;
}
.wc-ranking .wc-custom-sense{background:var(--ice)}
.wc-ranking .wc-custom-sense strong{display:block; color:var(--deep); font-size:12px; letter-spacing:.06em}
.wc-ranking .wc-summary strong{color:var(--deep)}

/* 戻るリンク */
.wc-ranking a.wc-back{
  display:inline-block; margin-top:18px; padding:8px 18px; border-radius:999px;
  background:var(--royal); color:#fff; font-size:14px; font-weight:700; text-decoration:none;
}
.wc-ranking a.wc-back:hover{background:var(--navy)}

/* ---- スマホ ---- */
@media (max-width:600px){
  .wc-ranking .wc-main-title{font-size:19px; padding:16px}
  .wc-ranking .wc-tier-heading{font-size:17px}
  .wc-ranking .wc-grid{grid-template-columns:repeat(2,1fr); padding:12px}
  .wc-ranking .wc-player-title{font-size:18px; padding:12px 14px}
  .wc-ranking .wc-player-body{padding:14px}
  .wc-ranking .wc-info-grid{grid-template-columns:1fr}
  .wc-ranking .wc-skill-grid{grid-template-columns:1fr}
}