.ranking-heading{padding:12px 0 20px}.ranking-heading h1{font-size:clamp(30px,4vw,49px);line-height:1.4;margin:19px 0 16px}.ranking-heading>p:last-child{font-size:14px;color:var(--muted)}.ranking-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:12px 0 27px}.ranking-metrics button{border:2px solid var(--ink);border-radius:16px;background:#fffef9;box-shadow:3px 4px 0 var(--ink);padding:15px 8px;min-height:95px}.ranking-metrics button b{display:block;font-size:25px;line-height:1.35;margin-bottom:7px;color:#B93827}.ranking-metrics button span{font-size:12px;font-weight:800}.ranking-metrics button.selected{background:#FFC93C;transform:translateY(2px);box-shadow:1px 2px 0 var(--ink)}.ranking-board{background:#fffef9;border:2px solid var(--ink);border-radius:22px;padding:24px;box-shadow:4px 5px 0 #DFBDA2}.ranking-board .section-heading{margin:0 0 12px;align-items:center}.ranking-board .section-heading p{margin:6px 0 0}.ranking-period{display:flex;background:#FFF1E3;border:2px solid var(--ink);border-radius:12px;overflow:hidden;flex-shrink:0}.ranking-period button{font-size:13px;padding:9px 17px}.ranking-period .selected{background:#FF5A4E;font-weight:900}.ranking-guide{display:flex;gap:12px;align-items:center;font-size:12px;margin:15px 0}.ranking-guide select{padding:7px 12px;border:1.5px solid #997158;background:#FFF5E8;border-radius:8px}.ranking-table{overflow:auto}.ranking-table table{min-width:280px}.ranking-table th{background:#FFF1E3}.ranking-table td{vertical-align:middle;padding:15px 12px}.ranking-table td:last-child{text-align:right;white-space:nowrap}.ranking-table td:last-child strong{font-size:24px}.ranking-table th:last-child{text-align:right}.rank-number{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#F2E3D5;font-weight:800}.rank-1{background:#FFC93C;box-shadow:0 3px 0 #C78B38}.rank-2,.rank-3{background:#FFD1AD}.ranking-table .is-me td{background:#FFF3CB}.ranking-table small{color:#AF3B29}.ranking-empty{text-align:center;padding:27px 12px 20px}.ranking-empty>span{font-size:45px;color:#B93827}.ranking-empty h3{font-size:20px}.ranking-empty p{font-size:13px;color:var(--muted)}.ranking-join{margin:30px 0;padding:25px;border-radius:20px;background:#FFE0B8;border:2px solid var(--ink)}.ranking-join h2{font-size:24px}.ranking-join p{font-size:13px}.ranked-status{font-size:10px;color:#79533C;margin:5px 0;min-height:18px}.ranked-status[data-status=ready]{color:#A13422;font-weight:700}.ranking-result{margin:18px 0;text-align:center;border:1.5px dashed #DCA377;padding:14px;border-radius:13px;font-size:13px}.quick-game-goal{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:8px 12px;background:#FFE3AF;border-radius:12px;font-size:12px;font-weight:700}
@media(max-width:740px){.ranking-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ranking-metrics button{min-height:76px;padding:9px 5px}.ranking-metrics button b{font-size:20px;margin-bottom:4px}.ranking-metrics button span{font-size:10px}.ranking-board{padding:17px 14px;border-radius:18px}.ranking-board .section-heading{flex-wrap:wrap;gap:12px}.ranking-period button{padding:7px 16px}.ranking-table td{padding:12px 7px;font-size:12px}.ranking-table td:last-child strong{font-size:21px}.ranking-join{padding:20px 17px}.ranking-join h2{font-size:21px}.quick-game-goal{font-size:10px;margin-top:7px;padding:5px}.ranked-status{font-size:9px;margin:2px 0}.ranking-heading h1{font-size:31px}}
.my-ranking{border:0;padding:0;margin:20px 0 24px}.rank-progress{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(105px,.9fr) minmax(180px,2fr);gap:20px;align-items:center;padding:22px;background:#FFF0BB;border:2px solid #805132;border-radius:16px}.rank-position,.rank-current{display:grid;gap:5px}.rank-position>span,.rank-current>span{font-size:12px}.rank-position>strong{font-size:38px;line-height:1.25}.rank-current>strong{font-size:27px;line-height:1.3;overflow-wrap:anywhere}.rank-progress small{font-size:13px;font-weight:700;margin-left:5px}.rank-next{border-left:1px dashed #BD8C56;padding-left:20px}.rank-next-label{display:block;font-size:13px;font-weight:800}.rank-next>strong{display:block;font-size:20px;margin:5px 0}.rank-next b{font-size:32px;color:#B33123}.rank-next p,.rank-snapshot-note{font-size:12px;line-height:1.75;margin:7px 0 0}.rank-snapshot-note{color:var(--muted);padding:0 4px}.rank-progress-empty{padding:17px 20px;background:#FFF4E5;border-radius:13px;border:1px dashed #BD8C56;font-size:13px}.rank-progress-empty p{font-size:12px;margin:6px 0 0}.rank-progress.is-leading{background:#FFE3AB}
@media(max-width:650px){.rank-progress{grid-template-columns:1fr 1fr;gap:14px;padding:17px}.rank-next{grid-column:1/-1;border-left:0;border-top:1px dashed #BD8C56;padding:14px 0 0}.rank-position>strong{font-size:33px}.rank-current>strong{font-size:25px}.rank-next b{font-size:29px}.rank-progress-empty{padding:15px}.my-ranking{margin:17px 0}}