.ranking-tools{display:flex;align-items:center;gap:12px}
.sort-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.sort-label select{padding:10px 34px 10px 11px;border:1px solid #cfd6df;border-radius:6px;background:#fff;color:var(--text)}
.rule-value{font-size:20px!important}.rank{color:var(--muted);font-weight:800}
.history-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;padding:15px 18px;border:1px solid #cde1fb;border-radius:10px;background:#edf5ff}.timeline{min-width:0;width:100%}.timeline-title{display:block;color:#52749a;font-size:11px;font-weight:750}.timeline-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding-bottom:2px}.timeline-links button{flex:0 0 auto;padding:8px 11px;border:1px solid #c6d7eb;border-radius:999px;background:#fff;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.timeline-links button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue);color:#fff;font-weight:750}.history-side{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.participation-filter{display:flex;gap:6px}.participation-filter button{padding:8px 15px;border:1px solid #c6d7eb;border-radius:6px;background:#fff;color:#52749a;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.participation-filter button[aria-pressed="true"]{border-color:var(--blue);background:var(--blue);color:#fff}.history-bar p{margin:0;color:#52749a;font-size:12px}.change{font-weight:750}.change.up{color:var(--green)}.change.down{color:var(--red)}.change.new{color:var(--blue)}.overall{color:var(--navy)}.team{font-weight:700}.team.assigned{color:var(--blue)}.team.unassigned{color:#8a94a2}.team.ambiguous{color:#b06b00}
.mission-progress{display:flex;gap:7px}.mission-badge{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}
.mission-badge.done{background:#e7f8f1;color:#087f54}.mission-badge.active{background:#fff3d9;color:#9a6500}.mission-badge.empty{background:#eef1f5;color:#7b8492}
.mobile-rank-meta{display:none}
@media(max-width:760px){.ranking-tools{width:100%;align-items:stretch;flex-direction:column}.sort-label{justify-content:space-between}.sort-label select{flex:1}.history-bar{width:100%;align-items:stretch;flex-direction:column;padding:12px}.timeline,.history-side{width:100%}.history-side{align-items:stretch;flex-direction:column;gap:8px}.history-bar label{justify-content:space-between}.history-bar select{min-width:0;max-width:70%;flex:1}.history-bar p{margin:0}.table-wrap{overflow:visible}.directory-card{overflow:visible}.ranking-table{display:block;width:100%}.ranking-table thead{display:none}.ranking-table tbody{display:block;padding:0 10px 10px;background:var(--bg)}.ranking-table tbody::before{content:"순위    마리너 / 평가합                         M1      M2      M3";display:block;padding:9px 9px 7px;color:var(--muted);font-size:10px;word-spacing:4px;white-space:pre}.ranking-table tr{display:grid;grid-template-columns:48px minmax(105px,1fr) minmax(138px,1.15fr);align-items:center;min-height:62px;margin:0;padding:7px 8px;border:1px solid var(--line);border-bottom:0;background:#fff}.ranking-table tr:first-of-type{border-radius:9px 9px 0 0}.ranking-table tr:last-child{border-bottom:1px solid var(--line);border-radius:0 0 9px 9px}.ranking-table td{display:none;width:auto;padding:0;border:0;white-space:normal}.ranking-table td:nth-child(1),.ranking-table td:nth-child(4),.ranking-table td:nth-child(10){display:block}.ranking-table td:nth-child(1){display:flex;align-items:center;justify-content:center;gap:3px;position:relative;text-align:center;font-size:13px}.ranking-table td:nth-child(1)::after{content:attr(data-change);color:var(--muted);font-size:9px;white-space:nowrap}.ranking-table td:nth-child(1)[data-change-type="up"]::after{color:var(--green)}.ranking-table td:nth-child(1)[data-change-type="down"]::after{color:var(--red)}.ranking-table td:nth-child(4){min-width:0;padding:0 7px}.ranking-table td:nth-child(4)>.profile-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-rank-meta{display:block;margin-top:4px;overflow:hidden;color:var(--muted);font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.mission-progress{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mission-badge{min-width:0;padding:7px 2px;border-radius:6px;font-size:0;text-align:center}.mission-badge::after{content:attr(data-mobile);font-size:10px;font-weight:700}.ranking-table tbody tr:hover{background:#fff}}
@media(max-width:430px){main{width:94vw;padding-top:24px}.page-head h1{font-size:25px}.summary{grid-template-columns:1fr 1fr}.summary article{padding:15px}.summary strong{font-size:23px}.toolbar{padding:17px}.site-header nav a:first-child{display:none}.ranking-table tbody{padding-inline:7px}.ranking-table tr{grid-template-columns:44px minmax(92px,1fr) minmax(126px,1.05fr);padding-inline:5px}.ranking-table td:nth-child(4){padding-inline:5px}.mission-progress{gap:3px}.mission-badge::after{font-size:9px}}