@import url('/clear-colors.css');
.rating-sheet,.rating-sheet *{box-sizing:border-box}
.rating-sheet{font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;font-size:16px;font-synthesis:none;line-height:normal;color:#f0f0f2;text-align:left}
.rating-sheet{width:1600px;padding:42px 48px 32px;background:#191b20;transform-origin:top left;font-variant-numeric:tabular-nums}
.rating-sheet .sheet-header{display:flex;align-items:center;gap:32px;padding-bottom:28px;margin-bottom:20px;border-bottom:1px solid #42444c}
.rating-sheet .sheet-header[data-possession]{padding:22px 24px;gap:24px;border-radius:10px}
.rating-sheet .sheet-brand{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:8px}
.rating-sheet .sheet-brand>strong{font-size:17px;font-weight:500;color:#b2b5bf;letter-spacing:-.3px}
.rating-sheet .sheet-version-logo{display:block;width:200px;height:104px;object-fit:contain;flex-shrink:0}
.rating-sheet .sheet-header time{margin:0;font-size:15px;color:#9499a5}
.rating-sheet .sheet-version-notice{margin:0;font-size:14px;line-height:1.4;color:#ebcf87}
.rating-sheet .sheet-summary{display:flex;align-items:center;flex-shrink:0;gap:32px;padding:0}
.rating-sheet .total-rating{width:350px}
/* 한글·영문 글꼴의 기본 줄 높이가 달라도 두 요약의 시작점을 맞춥니다. */
.rating-sheet .total-rating>span,.rating-sheet .sheet-op>span{display:block;font-size:15px;line-height:20px;color:#a9adb7;margin-bottom:8px}
.rating-sheet .total-rating strong{display:block;height:68px;line-height:1}
.rating-sheet .total-rating .rating-number{--rating-unit:2.5px}
.rating-sheet .sheet-op{width:255px;border-left:1px solid #41434c;padding-left:32px}
.rating-sheet .sheet-op strong{display:flex;align-items:center;height:68px;font-size:42px;line-height:1;font-weight:650;letter-spacing:-1px;color:#96d9cb;white-space:nowrap}
.rating-sheet .sheet-nickname{margin:0;font-size:36px;font-weight:650;line-height:1.25;overflow-wrap:anywhere;unicode-bidi:plaintext}
.rating-sheet .sheet-nickname[hidden]{display:none}
.rating-sheet .sheet-group+.sheet-group{margin-top:28px}
.rating-sheet .group-heading{display:flex;align-items:center;gap:16px;min-height:52px;margin-bottom:14px;border-bottom:1px solid #56505f}
.rating-sheet .group-heading h2{margin:0;font-size:23px;letter-spacing:-.6px;color:#d2b9ec}
.rating-sheet .group-average{display:flex;align-items:baseline;gap:10px;margin-left:6px;color:#a9adb7;font-size:14px}
.rating-sheet .group-average strong{font-size:22px;font-weight:650;color:#dbdce2}
.rating-sheet .group-empty{margin:0;padding:24px 12px;color:#9499a5;font-size:18px}
.rating-sheet .group-range{margin-left:auto;color:#a9adb7;font-size:14px}
.rating-sheet .group-range b{color:#dbdce2;font-weight:600;margin-left:8px}
.rating-sheet .sheet-group.is-new .group-heading{border-color:#3c5359}
.rating-sheet .sheet-group.is-new h2{color:#8dced0}
.rating-sheet .sheet-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rating-sheet .score-card{--difficulty:#c1a0e7;background:#24262d;min-width:0;height:204px;position:relative;padding:10px 12px 12px;border-top:3px solid var(--difficulty)}
.rating-sheet .score-card.is-ultima{--difficulty:#8bbbf1}
.rating-sheet .score-card.is-expert{--difficulty:#ea95a7}
.rating-sheet .card-heading{display:flex;align-items:center;gap:6px;height:17px;margin-bottom:9px}
.rating-sheet .card-position{color:#999eac;font-family:Arial,sans-serif;font-size:15px;font-weight:700;margin-right:auto}
.rating-sheet .card-position.is-top{color:#edd498}
.rating-sheet .card-difficulty{color:var(--difficulty);font-size:11px;font-weight:700;letter-spacing:.7px}
.rating-sheet .card-constant{color:var(--difficulty);font-family:Arial,sans-serif;font-size:15px;font-weight:700;margin-left:3px}
.rating-sheet .card-performance{display:flex;align-items:center;gap:10px;height:116px}
.rating-sheet .card-jacket{width:116px;height:116px;object-fit:cover;flex-shrink:0;background:#30333c}
.rating-sheet .card-numbers{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;height:116px}
.rating-sheet .card-score{font-size:28px;line-height:1.15;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.6px;white-space:nowrap}
.rating-sheet .card-achievement{display:flex;align-items:center;gap:10px;height:28px;flex-shrink:0;margin-top:4px}
.rating-sheet .card-grade{font-size:18px;font-weight:700;color:#b0b4bf}
.rating-sheet .card-grade.is-plus{color:#dec99a}
.rating-sheet .clear-mark{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:1px 4px;border:1px solid;border-radius:2px;font-size:15px;font-weight:600;line-height:1.15}
.rating-sheet .clear-aj{color:var(--clear-aj);border-color:#e4c071;background:#332c20}
.rating-sheet .clear-fc{color:var(--clear-fc);border-color:#82c7d9;background:#1b3038}
.rating-sheet .card-rating{display:flex;align-items:baseline;justify-content:flex-end;line-height:1;margin-top:9px}
.rating-sheet .card-rating strong{font-size:34px;font-family:Arial,sans-serif;font-weight:700;color:#e8e9ee;letter-spacing:-.4px}
.rating-sheet .score-card.is-sss-plus .card-rating strong{color:#b4efc4;text-shadow:0 0 8px rgb(114 239 157 / 28%),0 0 18px rgb(114 239 157 / 12%)}
.rating-sheet .card-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;line-height:26px;font-weight:600;margin:10px 0 0;letter-spacing:-.15px;color:#ececf0}
.rating-sheet .sheet-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #41444c;margin-top:32px;padding-top:20px;color:#9399a5;font-size:12px;line-height:1.7}
.rating-sheet .sheet-footer>div{display:flex;gap:17px;align-items:center}
.rating-sheet .sheet-footer strong{color:#c8ccd6;font-size:15px}
.rating-sheet .sheet-footer p{margin:0;text-align:right}