.mp-rank{border-radius:8px}.mp-filter{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:12px}.mp-filter select{min-height:42px;flex:1;max-width:300px;background:var(--dg-surface);color:var(--dg-ink);padding:8px 12px}.mp-filter select,.mp-my-record{border:1px solid var(--dg-line);border-radius:5px}.mp-my-record{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--dg-bg);padding:12px;font-size:12px}.mp-my-record>span:first-child{display:flex;align-items:center;gap:5px}.mp-scores{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;font-size:12px;font-variant-numeric:tabular-nums}.mp-scores>span{color:var(--dg-muted);min-width:32px;text-align:right}.mp-my-details{margin:10px 0;font-size:12px}.mp-my-details>summary{cursor:pointer;padding:8px}.mp-rank-list{display:grid;gap:6px;margin-top:14px}.mp-rank-list>li{border:1px solid var(--dg-line);border-radius:5px;background:var(--dg-bg)}.mp-rank-list .mp-is-me{border-color:var(--dg-primary)}.mp-rank-list summary,.mp-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;font-size:13px}.mp-rank-list summary{cursor:pointer;list-style:none}.mp-rank-list summary::-webkit-details-marker{display:none}.mp-player{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-player small{color:var(--dg-primary-ink)}.mp-expand{font-size:16px;color:var(--dg-muted)}.mp-rank-list details[open]>summary .mp-expand{transform:rotate(45deg)}.mp-breakdown{padding:10px 12px;border-top:1px solid var(--dg-line);background:var(--dg-surface)}.mp-breakdown ul{display:grid;gap:9px}.mp-breakdown li{justify-content:space-between;gap:8px;font-size:12px}.mp-breakdown li,.mp-game-name{display:flex;align-items:center}.mp-game-name{gap:7px}.mp-breakdown p,.mp-note{font-size:11px;color:var(--dg-muted);line-height:1.7;margin-top:10px}.mp-message{font-size:12px;text-align:center;padding:20px 8px;color:var(--dg-muted)}.mp-message button{margin-top:10px;border:1px solid var(--dg-line);padding:8px 16px;border-radius:4px}.mp-rank :is(button,select,summary):focus-visible{outline:2px solid var(--dg-primary);outline-offset:3px}@media(max-width:480px){.mp-rank-list summary,.mp-row{gap:7px;padding:9px 8px}.mp-scores{gap:5px;font-size:11px}.mp-my-record{flex-wrap:wrap}.mp-breakdown{padding:10px 8px}.mp-breakdown li{font-size:11px}}