.rp{position:relative;aspect-ratio:1.25;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.rp .bar{height:18px;font-size:10px;display:flex;align-items:center;justify-content:center}
.rp .mid{flex:1;display:flex;align-items:center;justify-content:center;position:relative}
.rp .dock{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;border-radius:10px}
.rp .dock.left{left:8px;bottom:auto;top:50%;transform:translateY(-50%);flex-direction:column}
.rp .dock i{display:block;width:16px;height:16px}
.rp .win{width:58%;height:52%;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.rp .win b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp .win small{font-size:11px}
.rp .win span{margin-top:auto;align-self:flex-start;font-size:11px;padding:4px 10px;border-radius:8px}