@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:24px;padding-bottom:25px;border-bottom:1px solid #42444c}
.rating-sheet .sheet-brand{display:flex;align-items:baseline;gap:24px}
.rating-sheet .sheet-brand strong{font-size:25px;letter-spacing:-.9px}
.rating-sheet .sheet-brand span{color:#b0b3bd;letter-spacing:1px;font-size:15px}
.rating-sheet .sample-label{margin-left:auto;font-size:13px;color:#d7c192;background:#393328;padding:6px 10px}
.rating-sheet .sheet-header time{font-size:16px;color:#b2b5bf}
.rating-sheet .sheet-summary{display:flex;align-items:center;gap:50px;padding:32px 0 38px}
.rating-sheet .summary-title{margin-right:auto}
.rating-sheet .summary-title h1{font-size:36px;letter-spacing:-1.5px;margin:0}
.rating-sheet .total-rating{min-width:350px}
.rating-sheet .total-rating>span{display:block;font-size:15px;color:#c0c2ca;margin-bottom:5px}
.rating-sheet .total-rating strong{display:block;line-height:1}
.rating-sheet .total-rating .rating-number{--rating-unit:2.5px}
.rating-sheet .summary-title{flex:1;min-width:0}
.rating-sheet .sheet-nickname{margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;unicode-bidi:plaintext}
.rating-sheet .sheet-nickname[hidden]{display:none}
.rating-sheet .summary-title:has(.sheet-nickname:not([hidden])) h1{font-size:20px;color:#a9aeb9;letter-spacing:-.5px}
.rating-sheet .summary-averages{margin:0;padding-left:38px;min-width:216px;border-left:1px solid #41434c;display:grid;gap:16px}
.rating-sheet .summary-averages div{display:grid;grid-template-columns:80px 110px;align-items:baseline;gap:26px}
.rating-sheet .summary-averages dt{font-size:14px;color:#b4b6c0;text-align:right}
.rating-sheet .summary-averages dd{margin:0;font-family:Arial,sans-serif;font-size:26px;font-weight:700;text-align:right}
.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-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:156px;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:12px;height:76px}
.rating-sheet .card-jacket{width:76px;height:76px;object-fit:cover;flex-shrink:0;background:#30333c}
.rating-sheet .card-numbers{flex:1;min-width:0}
.rating-sheet .card-score{font-size:25px;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:9px;height:23px}
.rating-sheet .card-grade{font-size:12px;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:17px;padding:0 3px;border:1px solid;border-radius:2px;font-size:11px;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:space-between;line-height:1}
.rating-sheet .card-rating span{font-size:11px;color:#a2a8b4}
.rating-sheet .card-rating strong{font-size:24px;font-family:Arial,sans-serif;font-weight:700;color:#e8e9ee;letter-spacing:-.4px}
.rating-sheet .card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:16px;font-weight:600;margin:8px 0 0;overflow-wrap:anywhere;letter-spacing:-.15px;color:#d8dae2}
.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}